body,html {
  font-size:1em;
  height:100%;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  padding:0;
  margin:0
}
body,table{ font-family:Verdana, Arial, Helvetica, sans-serif;}

#table_container{width:100%;}
select {
  white-space: normal !important;
}
#hauptmenue{
  z-index:9999;
  height:35px;
  margin-left: 220px;
  width:auto;
  clear: both;
}

.content_container{
	border:1px solid #d9dbdc;
	margin-bottom:2em;
	border-radius: 6px;
  width:99%;
}
.content_header{
	background-color:#d9dbdc;
	color:black;
	border-bottom:1px solid #666666;
	padding:0.5em;
	border-radius: 6px 6px 0 0;
}
thead td{
  background-color:#d9dbdc;
  font-weight:bold;
  font-size: 13px;
  text-align:left;
  line-height:16px
}
.fas{
  width:20px;
  height:20px;
}
.detail_block{
  padding:4px;
  float:left;
  margin-right:20px;
  margin-top:20px;
  margin-bottom:20px;
}
.detail_block a{
  white-space: nowrap;
}
.detail_block table{
margin: 4px;
}
.detail_block td:first-child{
  white-space: nowrap;
  vertical-align: top;
}
.content_body{
	padding:0.5em;
	border-radius: 0 0 6px 6px;
}
#drucken {
        display: none; font-family:verdana;
    }
#table_login tr{
  background-color: white;

}
#table_login td {
  background-color: white;

}
.table_header{
  background-color:#d9dbdc;
  color:black;
  font-size: 14px;
  font-weight:bold;
}
.rot{
color:red;
}
.green{
color:#00CC00;
}
.loading_div{
position:fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index:1000;
  background-color: grey;
  background-color: hsla(0, 0%, 50%, 0.5);
  margin-top:145px;
}
.loading_img{
position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  z-index:1001;
}
.loading_info{
position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 50px;
  z-index:1002;
  margin-top:80px;
  text-align:center;
}

.t_header{
font-weight:bold;
background: linear-gradient(to bottom, #E8E8E8 0%, #BABABA 100%) repeat scroll 0% 0% transparent;
border-color: #949494;
text-shadow: 0px 1px 0px #FFF;
color: #000;
width:100px;
}
table{
width:100%;
font-family: Verdana,Arial,Helvetica,sans-serif;

font-weight: normal;
color: #222;
background-color:white;
border:1px solid black;
padding:0px;
margin:0px;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #C8C8C8;
/*

 -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
  -moz-box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
  box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
  */
}
/*
td{

margin:0px;
padding:4px;
vertical-align:top;
}
*/
.unter_table, .unter_table td{
border:0px;
vertical-align:top;
-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.button_green{
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 20px;font-weight:bold;

background-image: -webkit-linear-gradient(white 0%, green 100%);
background-image: -moz-linear-gradient(white 0%, green 100%);
background-image: -o-linear-gradient(white 0%, green 100%);
background-image: linear-gradient(white 0%, green 100%);
border-radius: 5px;
-moz-border-radius: 14;
}

.button_red{
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 20px;font-weight:bold;
background-image: -webkit-linear-gradient(white 0%, red 100%);
background-image: -moz-linear-gradient(white 0%, red 100%);
background-image: -o-linear-gradient(white 0%, red 100%);
background-image: linear-gradient(white 0%, red 100%);
font-weight:bold;
border-radius: 5px;
}
.button_red_klein{
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 20px;font-weight:bold;
background-image: -webkit-linear-gradient(white 0%, red 100%);
background-image: -moz-linear-gradient(white 0%, red 100%);
background-image: -o-linear-gradient(white 0%, red 100%);
background-image: linear-gradient(white 0%, red 100%);
font-weight:bold;
border-radius: 2px;
}
.button_normal{
border-radius: 5px;
background-color:white;
/*background: linear-gradient(to bottom, #E8E8E8 0%, #BABABA 100%) repeat scroll 0% 0% transparent;*/
border:1px solid #949494;
color: #000;

vertical-align: middle;
text-transform:uppercase;
}
.button_normal:hover{
background-color:grey;
border:1px solid #949494;
color: white;
text-transform:uppercase;
cursor:  pointer;
}

.button_klein{
border-radius: 5px;
background-color:white;
/*background: linear-gradient(to bottom, #E8E8E8 0%, #BABABA 100%) repeat scroll 0% 0% transparent;*/
border:1px solid #949494;
color: #000;
font-size:12px;
vertical-align: middle;
text-transform:uppercase;
}
.button_klein img{
max-height:20px
}
.button_normal:hover{
background-color:grey;
border:1px solid #949494;
color: white;
text-transform:uppercase;
cursor:  pointer;
}
.wetterdetails{display:none;}
.jtable-input-label{
  font-size:0.8em;
  color: #666;
  margin-top:4px;
}
#edit_div input{
  font-size:0.9em;
}
.ui-widget textarea{
  font-size:0.9em;
}
label{
  font-size:0.9em;
  display: inline;
  width:auto;
}
#edit_div a{
  font-size:0.9em;
}
#mindestlohn_form td{
  white-space: nowrap;
}


.button_aktiv{
	background-color:#005aaa;
	color:white;
}

.titel_klein{
	font-size:11px;
}
table {
  border-collapse: collapse;
}
td{
	border:0px;
}
.fa{min-width:14px;}
.form-inline .form-control,.form-inline .btn{margin-bottom:8px;}
.form-group{width: 100%;}


.ui-dialog { z-index: 1000 !important ;}

.ui-icon {
        font-size: 2.2em;
    }


.ui-helper-reset{
	font-size: 12px;
	line-height: 13px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	padding: 0em 0em;
	margin:0;
}

.ui-tabs .ui-tabs-panel{
	padding:0em;
}

.ui-tabs .ui-tabs-nav{
background: white;
}

.ui-widget-header .ui-widget .ui-widget-content{
	border:0px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-size:1em;
}
#tabs_hauptnavi div{
	padding-top:4px;
	padding-bottom:4px;
}
#planTab .ui-tabs-active{
	background: white !important;
}



.ui-state-default{
	background: white !important;
}
.ui-tabs-active{
	background: #005aaa !important;
}
.ui-autocomplete-loading {
	background: white url("pics/loader.gif") right center no-repeat;
	background-size: 16px 16px;
}
.ui-autocomplete {
	max-height: 300px;
	width:900px;

	overflow-y: auto;
/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
.ui-dialog-titlebar {
      background:#005aaa;
      color: white;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 300px;
	width:900px;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.1em .1em;
	line-height:0.8;
	zoom:1;
}
