body {
    /*font: 12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;*/
	font-family: 'Open Sans Condensed', sans-serif !important;
    color: #000;
	font-size:16px;
	min-height: 100vh;
    /*font-family: Arial;*/
	background-color:#8098bd;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea, #main_scheduler {
    margin: 0px;
    padding: 0px;
	box-sizing: content-box;
}

#header {
    background: none repeat scroll 0 0 #004477;
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 1px;
    padding: 5px;
    text-decoration: none;
    margin: 0px;
    padding: 6px;
}

#header span.title {
    font-weight: bold;
    color: #036;
    font-size: 16px;
}

#header div.right, #header span.right {
    padding-top: 2px;
    position: absolute;
    right: 5px;
}

#header span.title {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

div.logo {
	position: absolute;
	right: 10px;
}

div.menu {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	top: 0px;
	background-color: #B3ADAD;
}

div.menu a {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	border: 0px none #ffffff;
	padding: 9px 10px 8px 10px;
	width: 20px;
	height: 10px;
	text-decoration: none;
}

div.menu a:hover {
	margin: 0px 0px 0px 0px;
	background-color: #006699;
	color: white;
}


div.control {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	top: 0px;
	background-color: #797384;
}

div.control a {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	border: 0px none #ffffff;
	padding: 9px 10px 8px 10px;
	width: 20px;
	height: 10px;
	text-decoration: none;
}

div.control a:hover {
	margin: 0px 0px 0px 0px;
	background-color: #006699;
	color: white;
}

.page {
	/*position: fixed;
	top: 60px;
	bottom: 0;
	width: 100%;
	height:100%;
	background-color: #F0F8FF;
	*/
	background-color:#fff;
	/*width: 1150px;*/
	/*bearb 1*/ width:100%;
	border-radius:0 8px 8px 8px;
	-moz-border-radius:0 8px 8px 8px;
	-webkit-border-radius:0 8px 8px 8px;
	padding: 0 10px 20px 10px;
margin:0 auto;
min-width:1200px;

scrollbar-base-color: #E1E3F8;
}

.page.PageLogOn {
	min-width:700px;
	width:700px;
	border-radius: 8px;
}



#main_scheduler {
	background: #FFFFFF;
//	bottom: 0;
	border: 0px none #FF0040;
//	box-shadow: 10px 10px 5px #888888;
//	position: absolute;
//	vertical-align: middle;
	width: 100%;

}

.main_scheduler_table_control_tr {
	height: 50px;
}
.main_scheduler_table_control_td {
	vertical-align: top;
}
.main_scheduler_table_data_tr {
	height: 250px;
}
.main_scheduler_table_data_td {
	vertical-align: top;
}

.main_scheduler_table {
	bottom: 0;
	border: 0px none #FE2EF7;
	width: 100%;
	margin: 0 auto;
}

/*
.main_scheduler_table html {
	height:100%;
}
*/

.main_scheduler_table tr {
  width: 100%;
  border: 5px solid #999;
  padding: 0.5rem;
}

.main_scheduler_table th {
  width: 100%;
  border: 1px solid #999;
  padding: 0.5rem;
}

.main_scheduler_table td {
  width: 100%;
  border: 1px solid #999;
  padding: 0.5rem;
  bottom: 0;
}


/*
#main_scheduler > .html
{
    height:100%;
}
*/



div.footer {
	width: 100%;
	height: 30px;
	bottom: 0px;
	position: fixed;
	background-color: #069;
	color: #FFF;
}

#footer > .inside {
    margin-top: 10px;
    margin-left: 10px;
}

#footer a {
    display: inline-block;
    text-decoration: none;
    color: #FFF;
}

#footer #download {
    top: -6px;
    position: relative;
}

#footer p {
    float: left;
    margin-right: 10px;
}

.data_editor_table {
	display: table;

}
.data_editor_row {
	display: table-row;
}
/*
.data_editor_table  p {
	padding: 0em;
	color: white;
	display: table-cell;
}
*/
.data_navigator {
/*	background-color: #99B1D7; */
	background-color: #F0F8FF;	
	vertical-align: top;
	padding: 0em;
	/*bearb2*//*color: #555;*/
	/*bearb2*//*display: table-cell;*/
}
.data_detail {
/*	background-color: #456188; */ 
	background-color: #F0F8FF;	
	vertical-align: top;
	padding: 0em;
	color: #555;
	display: table-cell;
}

/*
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body { 
  font: 90%/1.4 Helvetica, Arial, sans-serif;
  background-color: #fff;
  color: #010101;
}
*/

/*
form {
  width: 100%;
  max-width: 600px;
  padding: 2%;
  background-color: #efefef;
  border: 1px solid #ddd;
  border-radius: 4px;
}
*/

fieldset {
  width: 700px;
  background-color: #fff;
  border: 1px solid #ddd; 
/*  border-style: hidden; */ 

  margin: auto;
 /* padding: 2%; */
 /* border-radius: 4px; */
}
.btn {
    font-size: 14px;
    color: #333;
    background-color: #FFF;
    display: inline-block;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    /* Verzögerung beim Klicken entfernen */
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    /* Text soll nicht auswählbar sein */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #CCC;
    border-radius: 4px;
}
.btn:hover {
    background-color: #E6E6E6; 
    border-color: #ADADAD;
}
.btn:focus {
    background-color: #a3a3a3; 
    border-color: #2D3674;
    color: #fff;
}
/* geklickter Button ist :focus:active */
.btn:active:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset;
}
.textfeld, .submitbutton {
  margin: 2%;
}
.textfeld input {
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
	-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.upload_field{
	height: 5	0px;
}

.upload_field input {
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    border: 0px;
}

.textfeld input:focus, .upload_field  input:focus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}
label {
  cursor: pointer;
}
.textfeld label , .upload_field label {
	/*font-size: 14px;*/
    line-height: 1.42857;	
	/*color: #555;*/
	display: block;
}
@media screen and (min-width: 600px) {
  .textfeld input, .upload_field input /*, .submitbutton*/ {
     display: inline-block;
     width: 70%;
   }

  .textfeld label, .upload_field label {
     display: inline-block;
     margin: 0 2% 0 0;
  /*   vertical-align: top; */
     width: 20%;
  }
}

.tabcontainer {
	/*bearb2*//*width: 1170px;*/
	margin:9px auto 0 auto;
	height:31px;
	min-width:1200px;
	}
.tabs {
	}
.tabs .tab {
	display:block;
	float:left;
	margin-right:4px;
	border-radius:4px 4px 0 0 ;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	
	background-color:#e8ecf1;
	background: linear-gradient(to bottom, #e8ecf1, #dbe0e8);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #e8ecf1, #dbe0e8);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #e8ecf1, #dbe0e8);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #e8ecf1, #dbe0e8);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #e8ecf1, #dbe0e8);
	}
.tabs div.active, .tabs div:hover {
	background:inherit;
	background-color:#fff;
	}

.tabs .tab a{
	display:block;
	height:31px;
	text-decoration:none;
	padding: 0 14px;
	font-weight:700;
	color:#6e7b8f;
	line-height:29px;
	}
.tabs .tab.active a{
	color:#2175ff;
	}

.selectmenucontainer {
	/*bearb2*//*width: 1170px;*/
	margin:32px auto 0 auto;
	height:30px;
	min-width:1200px;
	}
.selectmenu {
	
	display:block;
	float:left;
	margin-right:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:400px;
	position:relative;
	z-index:20;
	
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	
	background-color:#edeff2;
	background: linear-gradient(to bottom, #fff, #edeff2);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #fff, #edeff2);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #fff, #edeff2);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #fff, #edeff2);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #fff, #edeff2);
	
	}
.selectmenu a{
	display:block;
	height:30px;
	text-decoration:none;
	padding: 0 17px;
	font-weight:700;
	color:#6e7b8f;
	line-height:29px;
	background-image:url(../img/selectpfeile.png);
	background-repeat:no-repeat;
	background-position: right 10px center;
	}
	
/*bearb1*/
.selectmenu.menu_active {
	background:#edeff2;
	border-radius: 4px 4px 0 0;
	}

.menu_inactive a{
	color:#6e7b8f;
	}

.menu_active a{
	/*bearb1*/ /*color:red;*/
	}
	
.optionencontainer {
	/*bearb2*//*width:930px;*/
	margin: 0 0 0 auto;
	padding-top:11px;
	}
.optionen {
	height:24px;
	background-color:#f6f6f6;
	padding-left:14px;
	}
.optionen li {
	float:left;
	list-style-type:none;
	padding-right:26px;
	}
.optionen li a, .optionen li.checked a:hover {
	font-size:14px;
	font-weight:700;
	color:#9b9b9b;
	text-decoration:none;
	background-image:url(../img/option-off.png);
	background-repeat:no-repeat;
	background-position: left 4px;
	padding-left:17px;
	}
.optionen li a:hover, .optionen li.checked a{
	background-image:url(../img/option-on.png);
	}

.optionen li.to_download a{
	background-image:url(../img/download_01.png);
}

.optionen li.status_nominal a{
	background-image:url(../img/nominal_small.png);
}

.optionen li.status_actual a{
	background-image:url(../img/actual_small.png);
}

.optionen li.status_ok a{
	background-image:url(../img/status_ok.png);
	}

.optionen li.status_failed a{
	background-image:url(../img/status_failed.png);
	}

.dasboard_status_ok {
	background: url(../img/status_ok.png) left center no-repeat;
	padding-left:4px;
}

.active_status_centre_ok {
	background: url(../img/status_ok.png) center no-repeat;
	padding-left:4px;
}


.active_status_star {
	background: url(../img/star.png) center no-repeat;
	padding-left:4px;
}

.active_status_centre_cancel {
	background: url(../img/cancel.png) center no-repeat;
	padding-left:4px;
}

.dasboard_status_failed {
	background: url(../img/status_failed.png) left center no-repeat;
	padding-left:4px;
}

/* BEGIN: download file *********************************************************************************************** */

.to_department_employee_refresh_single {
	background-image:url(../img/refresh-icon-32.jpg);
	/*background-image:url(../img/download_02.png);*/
	background-repeat:no-repeat;
	cursor: pointer;

	width: 20px !important;
	hight: 20px !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	position: relative;
}

.to_download_file_de_single {
	background-image:url(../img/download_01.png);
	/*background-image:url(../img/download_02.png);*/
	background-repeat:no-repeat;
	cursor: pointer;

	width: 20px !important;
	hight: 20px !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	position: relative;
}

.to_download_office_file_single {
	background-image:url(../img/officelogo.png);
	background-repeat:no-repeat;
	cursor: pointer;

	width: 20px !important;
	hight: 20px !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	position: relative;
}


.optionen li.to_download_file a {
	background-image:url(../img/download_02.png);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	position: relative;
	left: -23px;
}

.optionen li.to_download_office_file a {
	background-image:url(../img/officelogo.png);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	position: relative;
	left: -46px;
}


.optionen li.to_download_office_file_only a {
	background-image:url(../img/officelogo.png);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	position: relative;
	left: -23px;
}

.optionen li.to_download_excel_file a {
	background-image:url(../img/excel.png);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	position: relative;
	left: -46px;
}

.optionen li.to_schedule_not_closed_timerecording a {
	background-image:url(../img/status_failed.png);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	position: relative;
	left: -45px;
}


/* END: download file *********************************************************************************************** */

.hover{
	background-color: #8098bd;
}
/*	
.optionen li.status_ok {
	font-size:14px;
	font-weight:700;
	color:#9b9b9b;
	text-decoration:none;
	background-image:url(../img/ready.png);
	background-repeat:no-repeat;
	background-position: left 4px;
	padding-left:17px;
	}
*/	
	
/*
.optionen li a, .optionen li.checked_static a:hover {
	font-size:14px;
	font-weight:700;
	color:#9b9b9b;
	text-decoration:none;
	background-image:url(../img/option-on.png);
	background-repeat:no-repeat;
	background-position: left 4px;
	padding-left:17px;
	}
.optionen li a:hover, .optionen li.checked_static a{
	background-image:url(../img/option-on.png);
	}
*/
	/*
		Josip Cicak changes navigationcontainer size
		removed:	padding-top:11px;

	 */
.navigationcontainer {
	/*bearb2*//*width:924px;*/
	margin: 0 0 0 auto;
	/*padding-top:11px;*/
	/*bearb2*//*height:138px;*/
	min-height: 143px;
	border-width:3px;
	border-color:#f6f6f6;
	border-style:solid;
	border-radius:4px;
	/*margin-top:13px;
	margin-bottom:20px;*/
}

	/*
		End changes navigationcontainer size
	 */

.navigationcontainer .anzeige-zeitfenster {
	font-size:36px;
	font-weight:300;
	color:#2175ff;
	text-align:center;
	padding-top:5px;
	}
.navigationcontainer .navigation {
	margin:0 auto;
	padding-top:10px;
	/*bearb1*/display:table;
	}
.navigationcontainer .navelement {
	height:24px;
	float:left;
	margin-right:1px;
	/*bearb1*/ border-radius:4px;

	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	}
.navigationcontainer .navelement.active {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	}
.navigationcontainer .navelement a{
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	color:#415b84;
	display:block;
	height:24px;
	padding: 0 11px;
	line-height:24px;

	}
.navigationcontainer .navelement.active a{
	color:#fff;
	}
.navigationcontainer .tag-zurueck, .navigationcontainer .tag-vor, .navigationcontainer .calendar_view_day, .navigationcontainer .calendar_view_week, .navigationcontainer .calendar_view_month {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	

	}

	/*Josip Cicak forward button 2016120*/

	
.boxhead a {
color:#415b84;
text-decoration:none; 
}
	
	
.forward {
border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
font-weight:bold;
padding: 0 15px;
float: right;
margin-right: 10px;
background-color: #b0c5e5;
background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
}

.forward:hover{
background-color: #2477ff;
background: linear-gradient(to bottom, #8eb9ff, #2477ff);
background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
}

.forward:hover p {
color: #fff;
}


.back {
border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
font-weight:bold;
padding: 0 20px;
float: left;
margin-left:15px;
background-color: #b0c5e5;
background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
}

.back:hover{
background-color: #2477ff;
    background: linear-gradient(to bottom, #8eb9ff, #2477ff);
    background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
}

.back:hover p {
color: #fff;
}
	
.span.highlight {
color:#415b84;
font-weight: bold;
}
	
	
.back_forward_background
{
margin:0px;padding:0px;
	width:380px;
	height:20px;
	
    top: 670px;
    left: 1170px;
	z-index:999;
	
	border-bottom: 15px solid #fff;
	border-top: 10px solid #fff;
	
	border-spacing: 0;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2);
}	
	
	
/* bearb1*/
.navigationcontainer .vor, .navigationcontainer .monat-select, .navigationcontainer #AddButtonSchiftControlBar {
	margin-right:8px;
	} 
	
.navigationcontainer .tag-zurueck {
	margin-right:4px;
	}

	
.navigationcontainer .calendar_view_day {
	/*bearb1*/ /*margin-right:4px;*/
	/*bearb1*/ border-radius:0;
	}

.navigationcontainer .calendar_view_week {
	/*bearb1*/ /*margin-right:4px;*/
	/*bearb1*/ border-radius:0;
	}

.navigationcontainer .calendar_view_month {
	/*bearb1*/ /*margin-right:4px;*/
	/*bearb1*/ border-radius:0;
	}
	
.navigationcontainer .tag-vor{
margin-left:4px;
	}
.navigationcontainer .zurueck {
	border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	-webkit-border-radius:4px 0 0 4px;
	padding: 0 7px;

	}
.navigationcontainer .vor {
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
	padding: 0 7px;

	}

.navigationcontainer .left_first {
	border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	-webkit-border-radius:4px 0 0 4px;

	}
.navigationcontainer .right_last {
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;

	}
	
	
.navigationcontainer .calendar_view_day a {
	/*bearb 1*/ /*background-repeat:no-repeat;*/
	/* bearb1*/ /*background-position: left 14px center;*/
	/*bearb1*/ padding: 0 16px;
	}

.navigationcontainer .calendar_view_week a {
	/*bearb 1*/ /*background-repeat:no-repeat;*/
	/* bearb1*/ /*background-position: left 14px center;*/
	/*bearb1*/ padding: 0 10px;
	}

.navigationcontainer .calendar_view_month a {
	/*bearb 1*/ /*background-repeat:no-repeat;*/
	/* bearb1*/ /*background-position: left 14px center;*/
	/*bearb1*/ padding: 0 10px;
	}
	
	
.navigationcontainer .tag-zurueck a {
	background-image:url(../img/pfeillinks.png);
	background-repeat:no-repeat;
	background-position: left 14px center;
	padding-left: 36px;
	}
.navigationcontainer .zurueck a {
		background-image:url(../img/pfeillinks.png);
	background-repeat:no-repeat;
	background-position: center;
	
	}
.navigationcontainer .tag-vor a {
		background-image:url(../img/pfeilrechts.png);
	background-repeat:no-repeat;
	background-position: right 14px center;
	padding-right: 36px;
	}
.navigationcontainer .vor a {
		background-image:url(../img/pfeilrechts.png);
	background-repeat:no-repeat;
	background-position: center;

	}
.navigationcontainer .monat-select a {
		background-image:url(../img/selectpfeile.png);
	background-repeat:no-repeat;
	background-position: right 10px center;
	padding-right: 31px;
	}

	
/* BEGIN: radio buttons: 							*/	
.onoffswitch {
        position: relative; 
		width: 70px;
        -webkit-user-select:none; 
		-moz-user-select:none; 
		-ms-user-select: none;
		float:left;
    }
    .onoffswitch-checkbox {
        display: none !important;
    }
    .onoffswitch-label {
        display: block !important; 
		overflow: hidden; cursor: pointer;
        border: 0px solid #999999; 
		border-radius: 20px;
		
		width: inherit !important;
    }
    .onoffswitch-inner {
        display: block; 
		width: 200%; 
		margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
		float: left;
		width: 50%;
		height: 26px; 
		padding: 0; 
		line-height: 26px;
        font-size: 14px; 
		color: white; 
		font-weight: bold;
        box-sizing: border-box;
    }
    .onoffswitch-inner:before {
        content: "AN";
        padding-left: 10px;
        background-color: #8098bd;
		color: #FFFFFF;
    }
    .onoffswitch-inner:after {
        content: "AUS";
        padding-right: 10px;
        background-color: #cdcdcd;
		color: #fff;
        text-align: right;
    }
    .onoffswitch-switch {
        display: block;
		width: 14px;
		margin: 6px;
        background: #FFFFFF;
        position: absolute;
		top: 0;
		bottom: 0;
        right: 44px;
        border: 0px solid #999999;
		border-radius: 20px;
        transition: all 0.3s ease-in 0s; 
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px; 
    }
	.labelcalenderstatus{
		float:left;
		}
	
	
	
/* END: radio buttons: 								*/	
	
/* BEGIN: Txt field:  								*/	
	.txt_input_field{
		float:left;
		}
/* END: Txt field:        							*/

/* BEGIN: Txt date field:  								*/
.txt_drop_down_list_field {
	float:left;
	width: 140px;
	display: block;
	margin-right: 12px;
}
.txt_input_date_field {
	float:left;
	width: 80px;
	display: block;
	margin-right: 12px;
}

.txt_input_api_server_field {
	float:left;
	width: 280px;
	display: block;
	color: #777;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin-right: 12px;
	padding: 6px 12px;
	border: 1px solid #CCC;
	border-radius: 4px;
}

/* END: Txt date field:        							*/

/* BEGIN: File upload:  							*/	
.cloud_input_ready{
	background-image:url(../img/ready.png);
	background-repeat:no-repeat;
	float:left;
}

.cloud_input_missing{
	background-image:url(../img/missing.png);
	background-repeat:no-repeat;
	float:left;
}
.local_input_ready{
	background-image:url(../img/ready.png);
	background-repeat:no-repeat;
	float:left;
}
.local_input_missing{
	background-image:url(../img/missing.png);
	background-repeat:no-repeat;
	float:left;
}

/* ENS: File upload:  							*/	

/* BEGIN: Test connection:  							*/	
.test_connection_undefined{
	background-image:url(../img/show.gif);
	background-repeat:no-repeat;
	float:left;
}
.test_connection_successful{
	background-image:url(../img/ready.png);
	background-repeat:no-repeat;
	float:left;
}
.test_connection_failed{
	background-image:url(../img/missing.png);
	background-repeat:no-repeat;
	float:left;
}
/* END: Test connection:  							*/		
	
/*temp*/
#schiftControlBar {
/*display:none;*/
}
.overall {
	width:90%;
	margin:0 auto;
	}
	
/* BEGIN: class: department 	********************************************************************************************* */
.department .data_editor_row {
display: table;
    width: 100%;   
}
.department .data_editor_table {
    display: block;
}
.department .data_navigator {
	background-color: #fff;
    display: table-cell;
    margin-right: 30px;
    width: 33%;
	padding-top: 30px;
	}
.department #Mandatordepartment, .department .MandatordepartmentTable {
   border:  none;
    /*bearb4*/max-height: 827px;
    overflow-x: hidden;
    width: 500px;
}
.department fieldset {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 30px 0;
    width: inherit;
	 color: #6e7b8f;
    font-size: 16px;
    font-weight: 700;
	
}
.department .data_detail {
    background-color: #fff;
	display: table-cell;
    padding: 0 30px;
}
.department fieldset legend {
	margin-left: 20px;
    padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
	}

.department .textfeld, .department .submitbutton {
	margin: 4px 0;
	display: inline-block;
	width: 100%;
}

.department .textfeld input, .department .upload_field input {
	width: 65%;
}

.department .textfeld_two input {
	width: 70px;
	float: left;
	display: block;
	margin-right: 12px;
}

.department .textfeld_two_middle input {
	width: 160px;
	float: left;
	display: block;
	margin-right: 12px;
}

.department .textfeld_two_message input {
	width: 30%;
	float: left;
	display: block;
	margin-right: 12px;
}

.department .textfeld label, .department .upload_field label, .department .submitbutton label {
    margin: 0;
    width: 25%;
	margin-left: 20px;
    padding-left: 5px;
}



.department .submitbutton {
   margin: 4px 0;
   display:inline-block;
   width:100%
}

.department .textfeld_hidden {
   margin: 0px 0;
   display:none;
   width:100%
}

.department .data_navigator td {
	/*bearb4*//*padding-right:35px;*/
	/*bearb6*/white-space:nowrap;
	}

.department .onoffswitch-label {
	 margin: 0 !important;
    padding-left: 0 !important;
	}
.department .cloud_input_ready {
    background-position: 10px center;
    text-indent: 23px;
}
.department .test_connection_undefined, .department .test_connection_successful, .department .test_connection_failed {
 background-position: 10px center;
    text-indent: 23px;
}

.department input, .department select, .department submit, .department .btn-file-upload {
		
		 color: #777;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 16px;
    font-weight: 700;
		} 
		


.department .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
    font-size: 16px;
    font-weight: 700;
	}
	.department .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
	}
	
	.department select {
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 4px;

		line-height: 120%;
		padding: 6px 12px;
	}


/* END: class: department 	********************************************************************************************* */

/* BEGIN: class: employee 	********************************************************************************************* */
.data_detail_access_level_grp {
	width: 600px;
	background-color: #F0F8FF;
	vertical-align: top;
	padding: 0em;
	color: #555;
	display: table-cell;
}

.data_detail_access_level {
	width: 300px;
	background-color: #F0F8FF;
	vertical-align: top;
	padding: 0em;
	color: #555;
	display: table-cell;
}

.employee .data_detail_access_level_grp {
	background-color: #fff;
	display: table-cell;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.employee .data_detail_access_level {
	background-color: #fff;
	display: table-cell;
	padding: 0 5px;
	width: 400px;
}


.employee .data_editor_row {
	display: table;
    width: 100%;   
}

.employee .data_employee_detail {
	display: block;
    width: 100%;
}


.employee .data_employee_detail .textfeld_two input {
	width: 70px;
	float: left;
	display: block;
	margin-right: 12px;
}

.employee .data_employee_detail .txt_input_timeout_login_field {
	float:left;
	width: 70px;
	display: block;
	margin-top: -4px;
	margin-left: 12px;
}


.employee .data_editor_table {
    display: block;
}
.employee .data_navigator {
	background-color: #fff;
    display: table-cell;
    margin-right: 30px;
    width: 33%;
	padding-top: 30px;
	}
.employee #Mandatorlogoff, .employee .MandatorlogoffTable {
   border:  none;
    height: 827px;
    overflow-x: hidden;
    width: 500px;
}
.employee fieldset {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 30px 0;
    width: inherit;
	 color: #6e7b8f;
    font-size: 16px;
    font-weight: 700;
	
}
.employee .data_detail {
    background-color: #fff;
	display: table-cell;
    padding: 0 30px;
}
.employee fieldset legend {
	margin-left: 20px;
    padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
	}
	
.employee .textfeld input, .employee .upload_field input {
    width: 65%;
}

.employee .textfeld label, .employee .upload_field label, .employee .submitbutton label {
    margin: 0;
    width: 25%;
	margin-left: 20px;
    padding-left: 5px;
}
.employee .textfeld, .employee .submitbutton {
   margin: 4px 0;
   display:inline-block;
   width:100%
}

.employee .submitbutton_in_frame {
   padding-left: 20px;
   padding-bottom: 20px;
   display: contents;
}

.employee .textfeld_hidden {
   margin: 0px 0;
   display:none;
   width:100%
}

.employee .submitbutton .submit_status_ok a {
	display:block;
	text-decoration:none;
	background-image:url(../img/status_ok.png);
}

.employee .submitbutton .submit_status_failed a {
	display:block;
	text-decoration:none;
	background-image:url(../img/status_failed.png);
}


	
.employee .data_navigator td {
	padding-right:65px;
	}

.employee .mandator_access_level_navigator td {
	padding-right:0px;
	}

.employee .onoffswitch-label {
	 margin: 0 !important;
    padding-left: 0 !important;
	}
.employee .cloud_input_ready {
    background-position: 10px center;
    text-indent: 23px;
}
.employee .test_connection_undefined, .employee .test_connection_successful, .employee .test_connection_failed {
 background-position: 10px center;
    text-indent: 23px;
}

.employee input, .employee select, .employee submit, .employee .btn-file-upload {
		
		 color: #777;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 16px;
    font-weight: 700;
		} 
		


.employee .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
    font-size: 16px;
    font-weight: 700;
	}
	.employee .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
	}


	.employee select {
		background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

    line-height: 120%;
    padding: 6px 12px;
		
		}

.employee .status_ok a{
	display: inherit;
	background-repeat:no-repeat;
	background-image:url(../img/status_ok.png);
}

.employee .status_failed a{
	display: inherit;
	background-repeat:no-repeat;
	background-image:url(../img/status_failed.png);
}

		
/* END: class: employee 	********************************************************************************************* */

/* BEGIN: class: schift 	********************************************************************************************* */
.schift .data_editor_row {
display: table;
    width: 100%;   
}
.schift .data_editor_table {
    display: block;
}
.schift .data_navigator {
	background-color: #fff;
    display: table-cell;
    margin-right: 30px;
    width: 33%;
	padding-top: 30px;
	}
.schift #Mandatorlogoff, .schift .MandatorlogoffTable {
   border:  none;
    max-height: 827px;
    overflow-x: hidden;
    width: 500px;
}
.schift fieldset {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 30px 0;
    width: inherit;
	 color: #6e7b8f;
    font-size: 16px;
    font-weight: 700;
	
}
.schift .data_detail {
    background-color: #fff;
	display: table-cell;
    padding: 0 30px;
}
.schift fieldset legend {
	margin-left: 20px;
    padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
	}
	
.schift .textfeld input, .schift .upload_field input {
    width: 65%;
}

.schift .textfeld_two input {
    width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.schift .textfeld_disabled input {
	background-color: lightgray;
}

.textfeld_disabled input {
	background-color: lightgray;
}

.schift .textfeld label, .schift .upload_field label, .schift .submitbutton label {
    margin: 0;
    width: 25%;
	margin-left: 20px;
    padding-left: 5px;
}

.schift .textfeld, .schift .submitbutton {
   margin: 4px 0;
   display:inline-block;
   width:100%
}

.schift .textfeld_hidden {
   margin: 0px 0;
   display:none;
   width:100%
}

.schift .data_navigator td {
	/*bearb4*//*padding-right:65px;*/
	}

.schift .onoffswitch-label {
	 margin: 0 !important;
    padding-left: 0 !important;
	}
.schift .cloud_input_ready {
    background-position: 10px center;
    text-indent: 23px;
}
.schift .test_connection_undefined, .schift .test_connection_successful, .schift .test_connection_failed {
 background-position: 10px center;
    text-indent: 23px;
}

.schift input, .schift select, .schift submit, .schift .btn-file-upload {
		
		 color: #777;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 16px;
    font-weight: 700;
		} 
		


.schift .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
    font-size: 16px;
    font-weight: 700;
	}
	.schift .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
	}
	
	.schift select {
		background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

    line-height: 120%;
    padding: 6px 12px;
		
		}
		
/* END: class: schift 	********************************************************************************************* */




/* BEGIN: class: geoconimport 	********************************************************************************************* */
.geoconimport .data_editor_row {
display: table;
    width: 100%;   
}
.geoconimport .data_editor_table {
    display: block;
}
.geoconimport .data_navigator {
	background-color: #fff;
    display: table-cell;
    margin-right: 30px;
    width: 33%;
	padding-top: 30px;
	}
.geoconimport #Mandatorlogoff, .geoconimport .MandatorlogoffTable {
   border:  none;
    height: 827px;
    overflow-x: hidden;
    width: 500px;
}
.geoconimport fieldset {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 30px 0;
    width: inherit;
	 color: #6e7b8f;
    font-size: 16px;
    font-weight: 700;
	
}
.geoconimport .geocon_upload {
    background-color: #fff;
	display: table-cell;
    padding: 0 30px;
}
.geoconimport fieldset legend {
	margin-left: 20px;
    padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
	}
	
.geoconimport .textfeld input, .geoconimport .upload_field input {
    width: 65%;
}

.geoconimport .textfeld label, .geoconimport .upload_field label, .geoconimport .submitbutton label {
    margin: 0;
    width: 25%;
	margin-left: 20px;
    padding-left: 5px;
}
.geoconimport .textfeld, .geoconimport .submitbutton {
   margin: 4px 0;
   display:inline-block;
   width:100%
}
.geoconimport .data_navigator td {
	padding-right:65px;
	}

.geoconimport .onoffswitch-label {
	 margin: 0 !important;
    padding-left: 0 !important;
	}
.geoconimport .cloud_input_ready {
    background-position: 10px center;
    text-indent: 23px;
}
.geoconimport .test_connection_undefined, .geoconimport .test_connection_successful, .geoconimport .test_connection_failed {
 background-position: 10px center;
    text-indent: 23px;
}

.geoconimport input, .geoconimport select, .geoconimport submit, .geoconimport .btn-file-upload {
		
		 color: #777;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 16px;
    font-weight: 700;
		} 
		


.geoconimport .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
    font-size: 16px;
    font-weight: 700;
	}
	.geoconimport .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
	}
	
	.geoconimport select {
		background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

    line-height: 120%;
    padding: 6px 12px;
		
		}
		
/* END: class: geoconimport 	********************************************************************************************* */

/* BEGIN: class: login 	********************************************************************************************* */
    /* Klasse zum gezielten Steuern der login-Seite unter /verapep/login */
    .login .page.PageLogOn ,
    .login .selectmenucontainer {
      min-width: auto;
      width: auto;
    }
/* END: class: login 	********************************************************************************************* */

/* BEGIN: class: logoff 	********************************************************************************************* */
.logoff .data_editor_row {
display: table;
    width: 100%;   
}
.logoff .data_editor_table {
    display: block;
}
.logoff .data_navigator {
	background-color: #fff;
    display: table-cell;
    margin-right: 30px;
    width: 33%;
	padding-top: 30px;
	}
.logoff #Mandatorlogoff, .logoff .MandatorlogoffTable {
   border:  none;
    /*bearb4*/max-height: 827px;
    overflow-x: hidden;
    width: 500px;
}
.logoff fieldset {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 30px 0;
    width: inherit;
	 color: #6e7b8f;
    font-size: 16px;
    font-weight: 700;
	
}
.logoff .form-hinweis {
    background-color: #fff;
    border: 0;
    margin: 30px 0;
    width: inherit;
	 color: #6e7b8f;
    font-size: 16px;
    font-weight: 700;
	
}

.logoff .form-hinweis a {
	color:#2175ff;
	}

.logoff .brand {
    background-color: #fff;
    border: 0;
    margin: 30px 0;
    width: inherit;
	 color: #6e7b8f;
    font-size: 40px;
    font-weight: 500;
	
}

.logoff .no_license {
    background-color: #fff;
    border: 0;
    margin: 30px 0;
    width: inherit;
	color: #FF0000;
    font-size: 40px;
    font-weight: 500;
	
}

.logoff .data_detail {
    background-color: #fff;
	display: table-cell;
    padding: 0 30px;
}
.logoff fieldset legend {
	margin-left: 20px;
    padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
	}
	
.logoff .textfeld input, .logoff .upload_field input {
    width: 65%;
}

.logoff .textfeld label, .logoff .upload_field label, .logoff .submitbutton label {
    margin: 0;
    width: 25%;
	margin-left: 20px;
    padding-left: 5px;
}
.logoff .textfeld, .logoff .submitbutton {
   margin: 10px 0;
   display:inline-block;
   width:100%
}
.logoff .data_navigator td {
	/*bearb4*//*padding-right:35px;*/
	}

.logoff .onoffswitch-label {
	 margin: 0 !important;
    padding-left: 0 !important;
	}
.logoff .cloud_input_ready {
    background-position: 10px center;
    text-indent: 23px;
}
.logoff .test_connection_undefined, .logoff .test_connection_successful, .logoff .test_connection_failed {
 background-position: 10px center;
    text-indent: 23px;
}

.logoff input, .logoff select, .logoff submit, .logoff .btn-file-upload {
		
		 color: #777;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 16px;
    font-weight: 700;
		} 
		


.logoff .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
    font-size: 16px;
    font-weight: 700;
	}
	.logoff .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
	}
	
	.logoff select {
		background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

    line-height: 120%;
    padding: 6px 12px;
		
		}

.logoff .textfeld_hidden {
   margin: 0px 0;
   display:none;
   width:100%
}
		
/* END: class: logoff 	********************************************************************************************* */

/* BEGIN: class: logon 	********************************************************************************************* */
.logon .data_editor_row {
display: table;
    width: 100%;   
}
.logon .data_editor_table {
    display: block;
}
.logon .data_navigator {
	background-color: #fff;
    display: table-cell;
    margin-right: 30px;
    width: 33%;
	padding-top: 30px;
	}
.logon #Mandatorlogon, .logon .MandatorlogonTable {
   border:  none;
    max-height: 827px;
    overflow-x: hidden;
    width: 500px;
}
.logon fieldset {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 30px 0;
    width: inherit;
	color: #6e7b8f;
    font-size: 16px;
    font-weight: 700;
	
}
.logon .data_detail {
    background-color: #fff;
	display: table-cell;
    padding: 0 30px;
}
.logon fieldset legend {
	margin-left: 20px;
    padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
	}
	
.logon .textfeld input, .logon .upload_field input {
    width: 65%;
}

.logon .textfeld label, .logon .upload_field label, .logon .submitbutton label {
    margin: 0;
    width: 25%;
	margin-left: 20px;
    padding-left: 5px;
}
.logon .textfeld, .logon .submitbutton {
   margin: 10px 0;
   display:inline-block;
   width:100%
}
.logon .data_navigator td {
	/*bearb4*//*padding-right:35px;*/
	}

.logon .onoffswitch-label {
	 margin: 0 !important;
    padding-left: 0 !important;
	}
.logon .cloud_input_ready {
    background-position: 10px center;
    text-indent: 23px;
}
.logon .test_connection_undefined, .logon .test_connection_successful, .logon .test_connection_failed {
	background-position: 10px center;
    text-indent: 23px;
}

.logon input, .logon select, .logon submit, .logon .btn-file-upload {
		
	color: #777;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 16px;
    font-weight: 700;
} 

.logon .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
    font-size: 16px;
    font-weight: 700;
	}
.logon .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
	}
	
.logon select {
	background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

    line-height: 120%;
    padding: 6px 12px;
		
		}
		
/* END: class: logon 	********************************************************************************************* */

/* BEGIN: class: geoconmonitor 	********************************************************************************************* */
.page.geoconmonitor {
	min-width:1000px;
	width:1000px;
	border-radius: 8px;
}

.geoconmonitor .data_editor_row {
	display: table;
    width: 100%;   
}
.geoconmonitor .data_editor_table {
    display: block;
}
.geoconmonitor .data_navigator {
	background-color: #fff;
    display: table-cell;
    margin-right: 30px;
    width: 33%;
	padding-top: 30px;
	}
.geoconmonitor #Mandatorlogoff, .geoconmonitor .MandatorlogoffTable {
   border:  none;
    height: 827px;
    overflow-x: hidden;
    width: 500px;
}
.geoconmonitor fieldset {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 30px 0;
    width: inherit;
	 color: #6e7b8f;
    font-size: 16px;
    font-weight: 700;
	
}
.geoconmonitor .data_detail {
    background-color: #fff;
	display: table-cell;
    padding: 0 30px;
}
.geoconmonitor fieldset legend {
	margin-left: 20px;
    padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
	}
	
.geoconmonitor .textfeld input, .geoconmonitor .upload_field input {
    width: 65%;
}

.geoconmonitor .textfeld label, .geoconmonitor .upload_field label, .geoconmonitor .submitbutton label {
    margin: 0;
    width: 25%;
	margin-left: 20px;
    padding-left: 5px;
}
.geoconmonitor .textfeld, .geoconmonitor .submitbutton {
   margin: 4px 0;
   display:inline-block;
   width:100%
}
.geoconmonitor .data_navigator td {
	padding-right:65px;
	}

.geoconmonitor .onoffswitch-label {
	 margin: 0 !important;
    padding-left: 0 !important;
	}
.geoconmonitor .cloud_input_ready {
    background-position: 10px center;
    text-indent: 23px;
}
.geoconmonitor .test_connection_undefined, .geoconmonitor .test_connection_successful, .geoconmonitor .test_connection_failed {
 background-position: 10px center;
    text-indent: 23px;
}

.geoconmonitor input, .geoconmonitor select, .geoconmonitor submit, .geoconmonitor .btn-file-upload {
		
		 color: #777;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 16px;
    font-weight: 700;
		} 
		


.geoconmonitor .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
    font-size: 16px;
    font-weight: 700;
	}
	.geoconmonitor .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
	}
	
	.geoconmonitor select {
		background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

    line-height: 120%;
    padding: 6px 12px;
		
		}
		
/* END: class: geoconmonitor 	********************************************************************************************* */


/* BEGIN: class: trace 	********************************************************************************************* */
.trace .data_editor_row {
display: table;
    width: 100%;   
}
.trace .data_editor_table {
    display: block;
}
.trace .data_navigator {
	background-color: #fff;
    display: table-cell;
    margin-right: 30px;
    width: 33%;
	padding-top: 30px;
	}
.trace #Mandatortrace, .trace .MandatortraceTable {
   border:  none;
    /*bearb4*/max-height: 827px;
    overflow-x: hidden;
    width: 500px;
}
.trace fieldset {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 30px 0;
    width: inherit;
	 color: #6e7b8f;
    font-size: 16px;
    font-weight: 700;
	
}
.trace .form-hinweis {
    background-color: #fff;
    border: 0;
    margin: 30px 0;
    width: inherit;
	 color: #6e7b8f;
    font-size: 16px;
    font-weight: 700;
	
}

.trace .form-hinweis a {
	color:#2175ff;
	}

.trace .brand {
    background-color: #fff;
    border: 0;
    margin: 30px 0;
    width: inherit;
	 color: #6e7b8f;
    font-size: 40px;
    font-weight: 500;
	
}
.trace .data_detail {
    background-color: #fff;
	display: table-cell;
    padding: 0 30px;
}
.trace fieldset legend {
	margin-left: 20px;
    padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
	}
	
.trace .textfeld input, .trace .upload_field input {
    width: 65%;
}

.trace .textfeld label, .trace .upload_field label, .trace .submitbutton label {
    margin: 0;
    width: 25%;
	margin-left: 20px;
    padding-left: 5px;
}
.trace .textfeld, .trace .submitbutton {
   margin: 10px 0;
   display:inline-block;
   width:100%
}
.trace .data_navigator td {
	/*bearb4*//*padding-right:35px;*/
	}

.trace .onoffswitch-label {
	 margin: 0 !important;
    padding-left: 0 !important;
	}
.trace .cloud_input_ready {
    background-position: 10px center;
    text-indent: 23px;
}
.trace .test_connection_undefined, .trace .test_connection_successful, .trace .test_connection_failed {
 background-position: 10px center;
    text-indent: 23px;
}

.trace input, .trace select, .trace submit, .trace .btn-file-upload {
		
		 color: #777;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 16px;
    font-weight: 700;
		} 
		


.trace .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
    font-size: 16px;
    font-weight: 700;
	}
	.trace .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	 	/* Safari 5.1, Chrome 10+ */
	 	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Firefox 3.6+ */
	 	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* IE 10 */
	 	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	 	/* Opera 11.10+ */
	 	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
	}
	
	.trace select {
		background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

    line-height: 120%;
    padding: 6px 12px;
		
		}
		
/* END: class: trace 	********************************************************************************************* */


/* BEGIN: message 	********************************************************************************************* */

#message { 
        position: absolute; 
        height: 100%; width: 100%;     
        left: 0px; top: 58px; 
        background-image: url(../img/halftransparent.png); 
} 

#message table.main { 
        margin: 260px 280px; 
        background: #eeeeee; 
        border-style: solid; 
        border-width: 1px; 
        border-color: #000000; 
} 


/* END: message 	********************************************************************************************* */


/* BEGIN: opaque 	********************************************************************************************* */


/*   Added border-radius:20px ----> If not showing remove top, left	
		height changed from 200px to 50px */
.opaqueLayer {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.4;
	filter:alpha(opacity=60);

	background-color: #F6F6F6;

}
/*
 Changes Josip Cicak
 */
.questionLayer {
	position:absolute;
	top:0;
	left:0;
	width:500px;
	height:100px;
	display:none;
	border-radius:15px;
	border:4px solid #8098bd;
	background-color:white;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	fill: #8098bd;
	color: #8098bd;
	font-size: 1.5rem;
	font-weight: bold;

}

.questionLayer p{
	padding-top: 10px;
}

.questionLayer p{
	animation: animationFrames ease 1s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	animation-fill-mode:forwards; /*when the spec is finished*/
	-webkit-animation: animationFrames ease 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
	-moz-animation: animationFrames ease 1s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: animationFrames ease 1s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-ms-animation: animationFrames ease 1s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode:forwards; /*IE 10+*/
}


/* END: opaque 	********************************************************************************************* */

/* BEGIN: Popup box 	************************************************************************************* */

/* Modal alert: -----------------------------------------------------------------------------------------------*/
/* The Modal (background) */
.modal_alert {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal_alert-content {
	background-color: red;
	margin: auto;
	padding: 40px;
	border: 1px solid #888;
	width: 80%;
	color: white;
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 36px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
/* END: Modal alert: -----------------------------------------------------------------------------------------------*/

/* BEGIN Modal instruction: ----------------------------------------------------------------------------------------*/

/* The Modal (background) */
.modal_instruction {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal_instruction-content {
	background-color: blue;
	margin: auto;
	padding: 40px;
	border: 1px solid #888;
	width: 80%;
	color: white;
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 36px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
/* END Modal instruction: ------------------------------------------------------------------------------------------*/

/* Modal note: -----------------------------------------------------------------------------------------------*/
/* The Modal (background) */
.modal_note {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal_note-content {
	background-color: green;
	margin: auto;
	padding: 40px;
	border: 1px solid #888;
	width: 80%;
	color: white;
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 36px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
/* END: Modal note: -----------------------------------------------------------------------------------------------*/


/* END: Popup box 	********************************************************************************************* */



/* BEGIN: dashboard ********************************************************************************************* */

.dashboard_running_status_flieldset_table {
	display: table;
	border-collapse: separate;
	border-spacing: 2px;
}
.dashboard_running_status_flieldset_cell {
	display: table-row;
}

.dashboard_running_status_flieldset_cell fieldset {
	display: table-cell;
	width: 600px;
	padding: 20px;
	margin: 20px;
	float: left;
}

.dashboard_running_status_cell_single_title{
	color: white;
	background-color: #3a84ff;
	font-size: 14px;
	text-align: center;
}

.dashboard_running_status_cell_single_element{
	background-color: white;
	font-size: 14px;
	text-align: right;
}

.dashboard_running_status_table {
	display: table;
	border-collapse: separate;
	border-spacing: 2px;
}
.dashboard_running_status_cell {
	display: table-row;
}


.dashboard_running_status_cell p {
	display: table-cell;
	border: 1px solid blue;
	width: 13%;
}


/* END: dashboard *********************************************************************************************** */


/* BEGIN: menu synchronize pro text *********************************************************************************************** */

.menu_synchronize_pro {
	display: block;
	float: left;
}
.menu_synchronize_pro a {
	display: block;
	height: 31px;
	text-decoration: none;
	font-weight: 700;
	color: #FFFFFF; /* #6e7b8f */
	line-height: 29px;

	float: right;
	background-image:url(../img/refresh-icon-32.jpg);
	background-repeat:no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;

}.menu_synchronize_pro_error a {
	color: orangered;
}

/* END: menu synchronize pro text *********************************************************************************************** */

/* BEGIN: menu help text *********************************************************************************************** */

.menu_help_text a{
	display: block;
	height: 31px;
	text-decoration: none;
	font-weight: 700;
	color: #FFFFFF; /* #6e7b8f */
	line-height: 29px;

	float: right;
	background-image:url(../img/help.png);
	background-repeat:no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}

/* END: menu help text *********************************************************************************************** */


/* BEGIN shift circle ****************************************************************************************************** */
.schift .circleBase {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background: #93E6FF;
	border: 5px solid #93E6FF;
	display: inline-block;
}
/* END shift circle ****************************************************************************************************** */


/* BEGIN: class: modal_schedule 	********************************************************************************************* */

/* The Modal (background) */
.modal_schedule {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.modal_schedule fieldset {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 30px 0;
	width: inherit;
	color: #6e7b8f;
	font-size: 16px;
	font-weight: 700;

}
.modal_schedule .data_detail {
	background-color: #fff;
	display: table-cell;
	padding: 0 30px;
}
.modal_schedule fieldset legend {
	margin-left: 20px;
	padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
}

.modal_schedule .textfeld input, .modal_schedule .upload_field input {
	width: 33%;
}

.modal_schedule .textfeld_two input {
	width: 70px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_schedule .textfeld_four input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_schedule .textfeld_schedule input {
	width: 383px;
	height: 100px;
	float: left;
	display: block;
	margin-right: 12px;
	vertical-align: text-top;
}
.modal_schedule .textfeld_four_year input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_schedule .textfeld_four_hour input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_schedule .textfeld label, .modal_schedule .upload_field label, .modal_schedule .submitbutton label {
	margin: 0;
	width: 25%;
	margin-left: 20px;
	padding-left: 5px;
}
.modal_schedule .textfeld, .modal_schedule .submitbutton {
	margin: 4px 0;
	display:inline-block;
	width:100%
}

.modal_schedule .textfeld_hidden {
	margin: 0px 0;
	display:none;
	width:100%
}

.modal_schedule input, .modal_schedule select, .modal_schedule submit, .modal_schedule .btn-file-upload {

	color: #777;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.modal_schedule .textfeld_mask_time_picker input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_schedule .textfeld_mask_date_time_picker input {
	width: 140px;
	float: left;
	display: block;
	margin-right: 12px;
}


.modal_schedule .onoffswitch-label {
	margin: 0 !important;
	padding-left: 0 !important;
}


.modal_schedule .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
}
.modal_schedule .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_schedule select {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;

	line-height: 120%;
	padding: 6px 12px;

}

.modal_schedule_navigationcontainer {
	margin: 0 0 0 auto;
	padding-top:11px;
/*	min-height: 143px; */
	border-width:3px;
	border-color:#f6f6f6;
	border-style:solid;
	border-radius:4px;
	margin-top:13px;
	margin-bottom:20px;
}

.modal_schedule_navigate_date {

	padding: 0px 20px 20px 0px;
	margin-right:10px;
	margin-top: 3px;
	display: block;
	float: left;
	width: 16px;
	height: 14px;

	/*bearb1*/ border-radius:4px;

	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
}


.modal_schedule_navigate_date a {
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	color:#415b84;
	display:block;
	padding: 0 11px;
	line-height:24px;
	height: 100%;
	margin-top: 10px;
	margin-left: 6px;
}

.modal_schedule_navigate_date:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_schedule_navigate_date a:hover {
	color:#fff;
}

.modal_schedule_navigate_button_move {

	padding: 0px 20px 20px 0px;
	margin-right:10px;
	/*margin-top: 3px;*/
	margin-top: 18px;
	/*margin-left: auto;*/
	/*display: block;*/
	float: right;
	width: 16px;
	height: 14px;

	/*bearb1*/ border-radius:4px;

	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
}


.modal_schedule_navigate_button_move a {
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	color:#415b84;
	display:block;
	padding: 0 11px;
	line-height:24px;
	height: 100%;
	margin-top: 10px;
	margin-left: 6px;
}

.modal_schedule_navigate_button_move:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_schedule_navigate_button_move a:hover {
	color:#fff;
}



.modal_schedule_navigate_button_move_absence {

	padding: 0px 20px 20px 0px;
	margin-right:10px;
	/*margin-top: 3px;*/
	margin-top: -35px;
	margin-bottom: 10px;
	/*margin-left: auto;*/
	/*display: block;*/
	float: right;
	width: 16px;
	height: 14px;

	/*bearb1*/ border-radius:4px;

	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
}


.modal_schedule_navigate_button_move_absence a {
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	color:#415b84;
	display:block;
	padding: 0 11px;
	line-height:24px;
	height: 100%;
	margin-top: 10px;
	margin-left: 6px;
}

.modal_schedule_navigate_button_move_absence:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_schedule_navigate_button_move_absence a:hover {
	color:#fff;
}


.modal_schedule_button_submitbutton_block { /* shift to right ?????? */
	padding: 0px 15px 10px 0px;
	margin-right:20px;
	display: block;
	float: right;
	width: 100px;

}

.modal_schedule_button_submitbutton_block_new { /* shift to right ?????? */

	margin-top: -160px;
	padding-bottom: 0px;
	margin-bottom: -5px;

}


.modal_schedule_button_submitbutton_block_save { /* shift to right ?????? */

	margin-top: -120px;
	padding-bottom: 0px;
	margin-bottom: -5px;

}


.modal_schedule_button_submitbutton_block_delete { /* shift to right ?????? */

	margin-top: -80px;
	padding-bottom: 0px;
	margin-bottom: -10px;

}


.modal_schedule_information_status {
	margin-right:20px;
	margin-left:20px;
	display: block;
	float: left;
	width: 20px;
	width: 15px;
	margin-left: 790px;
	margin-top: -30px;
}


.modal_schedule_input_information_status {
	background-image:url(../img/status_ok.png);
	background-repeat:no-repeat;
	padding-left:20px;
	width: 14px;
	height: 25px;
}


.modal_schedule_oben a {
	background-image:url(../img/pfeiloben.png);
	background-repeat:no-repeat;
	background-position: center;

}

.modal_schedule_unten a {
	background-image:url(../img/pfeilunten.png);
	background-repeat:no-repeat;
	background-position: center;
}


.modal_schedule_zurueck a {
	background-image:url(../img/pfeillinks.png);
	background-repeat:no-repeat;
	background-position: center;

}

.modal_schedule_vor a {
	background-image:url(../img/pfeilrechts.png);
	background-repeat:no-repeat;
	background-position: center;
}

.modal_schedule .schedule_shift_type_list {
	display: ruby;
}

.modal_schedule .schedule_active_flip_switch {
	display: flex;
}

/*.textfeld_disabled {*/
/*	background-color: lightgray !important;*/
/*}*/

.textfeld_balanced_disabled {
	background-color: #f4f0d6 !important;
}

.textfeld_balanced_disabled_day {
	background-color: rgba(49, 117, 47, 0.37) !important;
}

.textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_schedule .textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_schedule .textfeld_mask_time_picker .textfeld_disabled input {
	background-color: lightgray;
}

.modal_schedule .textfeld_mask_date_time_picker .textfeld_disabled input {
	background-color: lightgray;
}



/* Modal Content */
.modal_schedule-content {
	background-color: white;
	margin: auto;
	padding: 40px;
	border: 1px solid #888;
	width: 50%;
	color: blue;
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;

	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	padding: 10px 10px 10px 10px;

}


/* The Close Button */
.close_modal_schedule {
	color: #aaaaaa;
	float: right;
	font-size: 36px;
	font-weight: bold;
}

.close_modal_schedule:hover,
.close_modal_schedule:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}



/* END: class: modal_schedule 	********************************************************************************************* */


/* BEGIN: class: modal_absence_employee 	********************************************************************************************* */


.modal_absence_employee .textfeld_absence_textarea textarea {
	border-width: 1px;
	border-style: solid;
}



.absence_textfeld input {
	/*width: 100%;*/
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555;
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 4px;
	-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}


.employee .data_employee_detail .absence_textfeld_two input {
	width: 70px;
	float: left;
	display: block;
	margin-right: 12px;
}

.txt_absence_input_date_field {
	float:left;
	width: 80px;
	display: block;
	margin-right: 12px;
}

.menu_absence_employee_department_name input {
	width: 360px !important;
	/*float: left;*/
	/*display: block;*/
	/*margin-right: 12px;*/
}

/* The Modal (background) */
.modal_absence_employee {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place  absolute */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.modal_absence_employee fieldset {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 5px 0;
	width: inherit;
	color: #6e7b8f;
	font-size: 16px;
	font-weight: 700;

}
.modal_absence_employee .data_detail {
	background-color: #fff;
	display: table-cell;
	padding: 0 30px;
}
.modal_absence_employee fieldset legend {
	margin-left: 20px;
	padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
}

.modal_absence_employee .textfeld input, .modal_absence_employee .upload_field input {
	width: 95%;
}

.modal_absence_employee .textfeld_absence_list input {
	width: 33%;
}

/*.modal_absence_employee .textfeld_two .modal_absence_employee_department_name input {*/
.modal_absence_employee_department_name input {
	width: 360px !important;
	/*float: left;*/
	/*display: block;*/
	/*margin-right: 12px;*/
}

.modal_absence_employee .textfeld_two input {
	width: 70px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_absence_employee .textfeld_user input {
	width: 140px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_absence_employee .textfeld_hour input {
	width: 55px;
	float: left;
	display: block;
	margin-right: 12px;
	text-align: right;
}

.modal_absence_employee .textfeld_four input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_absence_employee .textfeld_absence input {
	width: 90%;
	height: 100px;
	float: left;
	display: block;
	margin-right: 12px;
	vertical-align: text-top;
}
.modal_absence_employee .textfeld_four_year input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_absence_employee .textfeld_four_hour input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_absence_employee .textfeld label, .modal_absence_employee .upload_field label, .modal_absence_employee .submitbutton label {
	margin: 0;
	width: 25%;
	margin-left: 20px;
	padding-left: 5px;
}
.modal_absence_employee .textfeld, .modal_absence_employee .submitbutton {
	margin: 4px 0;
	display:inline-block;
	width:100%
}

.modal_absence_employee .textfeld_hidden {
	margin: 0px 0;
	display:none;
	width:100%
}

.modal_absence_employee input, .modal_absence_employee select, .modal_absence_employee submit, .modal_absence_employee .btn-file-upload {

	color: #777;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.modal_absence_employee .textfeld_mask_time_picker input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_absence_employee .textfeld_mask_date_time_picker input {
	width: 140px;
	float: left;
	display: block;
	margin-right: 12px;
}


.modal_absence_employee .onoffswitch-label {
	margin: 0 !important;
	padding-left: 0 !important;
}


.modal_absence_employee .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
}
.modal_absence_employee .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_absence_employee select {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;

	line-height: 120%;
	padding: 6px 12px;

}

.modal_absence_employee document_type_list select {
	background-color: #fff;
	border: 0px solid #ccc;
	border-radius: 4px;

	line-height: 120%;
	/*padding: 6px 12px;*/

}


#div_absence_employee_file_list_type {
	display: flex;
	flex-direction: row;
	width: auto;
	padding: 0px;
	margin: 0px;
	place-content: center;
	place-items: center;
	/* gap: 20px; */
}


#div_absence_employee_file_list_type select {
	text-align: left;
	font-size: 12px;
	font-weight: 700;
	color: #000000;
	width: 100%;
}

.absence_employee_file_list_type select {
	text-align: left;
	font-size: 12px;
	font-weight: 700;
	color: #000000;
	width: 100%;
}

.modal_absence_employee_navigationcontainer {
	margin: 0 0 0 auto;
	padding-top:11px;
/*	min-height: 143px; */
	border-width:3px;
	border-color:#f6f6f6;
	border-style:solid;
	border-radius:4px;
	margin-top:13px;
	margin-bottom:20px;
}

.modal_absence_employee_navigate_date {

	padding: 0px 20px 20px 0px;
	margin-right:10px;
	margin-top: 3px;
	display: block;
	float: left;
	width: 16px;
	height: 14px;

	/*bearb1*/ border-radius:4px;

	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
}


.modal_absence_employee_navigate_date a {
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	color:#415b84;
	display:block;
	padding: 0 11px;
	line-height:24px;
	height: 100%;
	margin-top: 10px;
	margin-left: 6px;
}

.modal_absence_employee_navigate_date:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_absence_employee_navigate_date a:hover {
	color:#fff;
}

.modal_absence_employee_zurueck a {
	background-image:url(../img/pfeillinks.png);
	background-repeat:no-repeat;
	background-position: center;

}

.modal_absence_employee_vor a {
	background-image:url(../img/pfeilrechts.png);
	background-repeat:no-repeat;
	background-position: center;
}

.modal_absence_employee .schedule_shift_type_list {
	display: ruby;
}

.modal_absence_employee .schedule_active_flip_switch {
	display: flex;
}

/*.textfeld_disabled {*/
/*	background-color: lightgray !important;*/
/*}*/

.textfeld_balanced_disabled {
	background-color: #f4f0d6 !important;
}

.textfeld_balanced_disabled_day {
	background-color: rgba(49, 117, 47, 0.37) !important;
}

.textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_absence_employee .textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_absence_employee .textfeld_mask_time_picker .textfeld_disabled input {
	background-color: lightgray;
}

.modal_absence_employee .textfeld_mask_date_time_picker .textfeld_disabled input {
	background-color: lightgray;
}


/* Modal Content */
.modal_absence_employee-content {
	background-color: white;
	margin: auto;
	padding: 40px;
	border: 1px solid #888;
	min-width: 1000px;
	width: 65%;
	color: blue;
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;

	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	padding: 10px 10px 10px 10px;

}


/* The Close Button */
.close_modal_absence_employee {
	color: #aaaaaa;
	float: right;
	font-size: 36px;
	font-weight: bold;
}

.close_modal_absence_employee:hover,
.close_modal_absence_employee:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}


.class_modal_absence_flip_type_list {
	background-image:url(../img/refresh-ccw.svg);
	background-repeat:no-repeat;
	cursor: pointer;
	width: 20px !important;
	height: 20px !important;
	padding: 20px;
	margin: 0px 0px 0px 0px;
	position: relative;
}


/* END: class: modal_absence_employee 	********************************************************************************************* */


/* BEGIN: class: modal_department_employee 	********************************************************************************************* */
/* The Modal (background) */
.modal_department_employee {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;

	max-width: 1800px;
	/*width: 100%; !* Full width *!*/
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

	width: 100%;
}


.modal_department_employee fieldset {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 30px 0;
	width: inherit;
	color: #6e7b8f;
	font-size: 16px;
	font-weight: 700;
}
.modal_department_employee .data_detail {
	background-color: #fff;
	display: table-cell;
	padding: 0 30px;
}
.modal_department_employee fieldset legend {
	margin-left: 20px;
	padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
}

.modal_department_employee .textfeld input, .modal_department_employee .upload_field input {
	width: 33%;
}

/*.modal_department_employee .textfeld_two .modal_department_employee_department_name input {*/
.modal_department_employee_department_name input {
	width: 360px !important;
	/*float: left;*/
	/*display: block;*/
	/*margin-right: 12px;*/
}

.modal_department_employee .textfeld_two input {
	width: 70px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_department_employee .textfeld_hour input{
	width: 55px;
	float: left;
	display: block; /* display: inline-flex; */
	margin-right: 12px;
	text-align: right;
	display: inline-flex;
}

.modal_department_employee .textfeld_hour select {
	width: 80px;
	float: left;
	display: block; /* display: inline-flex; */
	margin-right: 12px;
	text-align: right;
	display: inline-flex;
}

.modal_department_employee .textfeld_four input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_department_employee .textfeld_schedule input {
	width: 383px;
	height: 100px;
	float: left;
	display: block;
	margin-right: 12px;
	vertical-align: text-top;
}
.modal_department_employee .textfeld_four_year input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_department_employee .textfeld_four_hour input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_department_employee .textfeld label, .modal_department_employee .upload_field label, .modal_department_employee .submitbutton label {
	margin: 0;
	width: 25%;
	margin-left: 20px;
	padding-left: 5px;
}
.modal_department_employee .textfeld, .modal_department_employee .submitbutton {
	margin: 4px 0;
	display:inline-block;
	width:100%
}

.modal_department_employee .textfeld_hidden {
	margin: 0px 0;
	display:none;
	width:100%
}

.modal_department_employee input, .modal_department_employee select, .modal_department_employee submit, .modal_department_employee .btn-file-upload {

	color: #777;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.modal_department_employee .textfeld_mask_time_picker input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_department_employee .textfeld_mask_date_time_picker input {
	width: 140px;
	float: left;
	display: block;
	margin-right: 12px;
}


.modal_department_employee .onoffswitch-label {
	margin: 0 !important;
	padding-left: 0 !important;
}


.modal_department_employee .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
}
.modal_department_employee .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_department_employee select {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;

	line-height: 120%;
	padding: 6px 12px;

}

.modal_department_employee_navigationcontainer {
	margin: 0 0 0 auto;
	padding-top:11px;
/*	min-height: 143px; */
	border-width:3px;
	border-color:#f6f6f6;
	border-style:solid;
	border-radius:4px;
	margin-top:13px;
	margin-bottom:20px;
}

.modal_department_employee_navigate_date {

	padding: 0px 20px 20px 0px;
	margin-right:10px;
	margin-top: 3px;
	display: block;
	float: left;
	width: 16px;
	height: 14px;

	/*bearb1*/ border-radius:4px;

	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
}


.modal_department_employee_navigate_date a {
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	color:#415b84;
	display:block;
	padding: 0 11px;
	line-height:24px;
	height: 100%;
	margin-top: 10px;
	margin-left: 6px;
}

.modal_department_employee_navigate_date:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_department_employee_navigate_date a:hover {
	color:#fff;
}

.modal_department_employee_zurueck a {
	background-image:url(../img/pfeillinks.png);
	background-repeat:no-repeat;
	background-position: center;

}

.modal_department_employee_vor a {
	background-image:url(../img/pfeilrechts.png);
	background-repeat:no-repeat;
	background-position: center;
}

.modal_department_employee .schedule_shift_type_list {
	display: ruby;
}

.modal_department_employee .schedule_active_flip_switch {
	display: flex;
}

/*.textfeld_disabled {*/
/*	background-color: lightgray !important;*/
/*}*/

.textfeld_balanced_disabled {
	background-color: #f4f0d6 !important;
}

.textfeld_balanced_disabled_day {
	background-color: rgba(49, 117, 47, 0.37) !important;
}

.textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_department_employee .textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_department_employee .textfeld_mask_time_picker .textfeld_disabled input {
	background-color: lightgray;
}

.modal_department_employee .textfeld_mask_date_time_picker .textfeld_disabled input {
	background-color: lightgray;
}


/* Modal Content */
.modal_department_employee-content {
	margin-top: -60px;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto;

	background-color: white;
	padding: 40px;
	border: 1px solid #888;
	min-width: 1000px;
	width: 95%;
	color: blue;
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;

	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	padding: 10px 10px 10px 10px;

}


/* The Close Button */
.close_modal_department_employee {
	color: #aaaaaa;
	float: right;
	font-size: 36px;
	font-weight: bold;
}

.close_modal_department_employee:hover,
.close_modal_department_employee:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}


/* END: class: modal_department_employee 	********************************************************************************************* */


/* BEGIN: class: modal_mandator_work_schedule_model 	********************************************************************************************* */
/* The Modal (background) */
.modal_mandator_work_schedule_model {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.modal_mandator_work_schedule_model fieldset {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 30px 0;
	width: inherit;
	color: #6e7b8f;
	font-size: 16px;
	font-weight: 700;

}
.modal_mandator_work_schedule_model .data_detail {
	background-color: #fff;
	display: table-cell;
	padding: 0 30px;
}
.modal_mandator_work_schedule_model fieldset legend {
	margin-left: 20px;
	padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
}

.modal_mandator_work_schedule_model .textfeld input, .modal_mandator_work_schedule_model .upload_field input {
	width: 33%;
}

.modal_mandator_workinkg_model_name .textfeld input, .modal_mandator_workinkg_model_name .upload_field input {
	width: 25% !important;
}


/*.modal_mandator_work_schedule_model .textfeld_two .modal_mandator_work_schedule_model_department_name input {*/
.modal_mandator_work_schedule_model_department_name input {
	width: 360px !important;
	/*float: left;*/
	/*display: block;*/
	/*margin-right: 12px;*/
}

.modal_mandator_work_schedule_model .textfeld_two input {
	width: 70px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_work_schedule_model .txt_input_mandator_holiday_field input {
	width: 320px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_work_schedule_model .textfeld_hour input {
	width: 35px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_work_schedule_model .textfeld_four input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_mandator_work_schedule_model .textfeld_schedule input {
	width: 383px;
	height: 100px;
	float: left;
	display: block;
	margin-right: 12px;
	vertical-align: text-top;
}
.modal_mandator_work_schedule_model .textfeld_four_year input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_mandator_work_schedule_model .textfeld_four_hour input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_work_schedule_model .textfeld label, .modal_mandator_work_schedule_model .upload_field label, .modal_mandator_work_schedule_model .submitbutton label {
	margin: 0;
	width: 25%;
	margin-left: 20px;
	padding-left: 5px;
}
.modal_mandator_work_schedule_model .textfeld, .modal_mandator_work_schedule_model .submitbutton {
	margin: 4px 0;
	display:inline-block;
	width:100%
}

.modal_mandator_work_schedule_model .textfeld_hidden {
	margin: 0px 0;
	display:none;
	width:100%
}

.modal_mandator_work_schedule_model input, .modal_mandator_work_schedule_model select, .modal_mandator_work_schedule_model submit, .modal_mandator_work_schedule_model .btn-file-upload {

	color: #777;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.modal_mandator_work_schedule_model .textfeld_mask_time_picker input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_work_schedule_model .textfeld_mask_date_time_picker input {
	width: 140px;
	float: left;
	display: block;
	margin-right: 12px;
}


.modal_mandator_work_schedule_model .onoffswitch-label {
	margin: 0 !important;
	padding-left: 0 !important;
}


.modal_mandator_work_schedule_model .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
}
.modal_mandator_work_schedule_model .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_mandator_work_schedule_model select {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;

	line-height: 120%;
	padding: 6px 12px;

}

.modal_mandator_work_schedule_model_navigationcontainer {
	margin: 0 0 0 auto;
	padding-top:11px;
/*	min-height: 143px; */
	border-width:3px;
	border-color:#f6f6f6;
	border-style:solid;
	border-radius:4px;
	margin-top:13px;
	margin-bottom:20px;
}

.modal_mandator_work_schedule_model_navigate_date {

	padding: 0px 20px 20px 0px;
	margin-right:10px;
	margin-top: 3px;
	display: block;
	float: left;
	width: 16px;
	height: 14px;

	/*bearb1*/ border-radius:4px;

	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
}


.modal_mandator_work_schedule_model_navigate_date a {
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	color:#415b84;
	display:block;
	padding: 0 11px;
	line-height:24px;
	height: 100%;
	margin-top: 10px;
	margin-left: 6px;
}

.modal_mandator_work_schedule_model_navigate_date:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_mandator_work_schedule_model_navigate_date a:hover {
	color:#fff;
}

.modal_mandator_work_schedule_model_zurueck a {
	background-image:url(../img/pfeillinks.png);
	background-repeat:no-repeat;
	background-position: center;

}

.modal_mandator_work_schedule_model_vor a {
	background-image:url(../img/pfeilrechts.png);
	background-repeat:no-repeat;
	background-position: center;
}

.modal_mandator_work_schedule_model .schedule_shift_type_list {
	display: ruby;
}

.modal_mandator_work_schedule_model .schedule_active_flip_switch {
	display: flex;
}

/*.textfeld_disabled {*/
/*	background-color: lightgray !important;*/
/*}*/

.textfeld_balanced_disabled {
	background-color: #f4f0d6 !important;
}

.textfeld_balanced_disabled_day {
	background-color: rgba(49, 117, 47, 0.37) !important;
}

.textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_mandator_work_schedule_model .textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_mandator_work_schedule_model .textfeld_mask_time_picker .textfeld_disabled input {
	background-color: lightgray;
}

.modal_mandator_work_schedule_model .textfeld_mask_date_time_picker .textfeld_disabled input {
	background-color: lightgray;
}


/* Modal Content */
.modal_mandator_work_schedule_model-content {
	background-color: white;
	margin: auto;
	padding: 40px;
	border: 1px solid #888;
	min-width: 1000px;
	width: 50%;
	color: blue;
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;

	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	padding: 10px 10px 10px 10px;

}


/* The Close Button */
.close_modal_mandator_work_schedule_model {
	color: #aaaaaa;
	float: right;
	font-size: 36px;
	font-weight: bold;
}

.close_modal_mandator_work_schedule_model:hover,
.close_modal_mandator_work_schedule_model:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}


/* END: class: modal_mandator_work_schedule_model 	********************************************************************************************* */



/* BEGIN: class: modal_mandator_holiday 	********************************************************************************************* */
/* The Modal (background) */
.modal_mandator_holiday {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.modal_mandator_holiday fieldset {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 30px 0;
	width: inherit;
	color: #6e7b8f;
	font-size: 16px;
	font-weight: 700;

}
.modal_mandator_holiday .data_detail {
	background-color: #fff;
	display: table-cell;
	padding: 0 30px;
}
.modal_mandator_holiday fieldset legend {
	margin-left: 20px;
	padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
}

.modal_mandator_holiday .textfeld input, .modal_mandator_holiday .upload_field input {
	width: 33%;
}

/*.modal_mandator_holiday .textfeld_two .modal_mandator_holiday_department_name input {*/
.modal_mandator_holiday_department_name input {
	width: 360px !important;
	/*float: left;*/
	/*display: block;*/
	/*margin-right: 12px;*/
}

.modal_mandator_holiday .textfeld_two input {
	width: 70px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_holiday .txt_input_mandator_holiday_field input {
	width: 320px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_holiday .textfeld_hour input {
	width: 35px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_holiday .textfeld_four input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_mandator_holiday .textfeld_schedule input {
	width: 383px;
	height: 100px;
	float: left;
	display: block;
	margin-right: 12px;
	vertical-align: text-top;
}
.modal_mandator_holiday .textfeld_four_year input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_mandator_holiday .textfeld_four_hour input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_holiday .textfeld label, .modal_mandator_holiday .upload_field label, .modal_mandator_holiday .submitbutton label {
	margin: 0;
	width: 25%;
	margin-left: 20px;
	padding-left: 5px;
}
.modal_mandator_holiday .textfeld, .modal_mandator_holiday .submitbutton {
	margin: 4px 0;
	display:inline-block;
	width:100%
}

.modal_mandator_holiday .textfeld_hidden {
	margin: 0px 0;
	display:none;
	width:100%
}

.modal_mandator_holiday input, .modal_mandator_holiday select, .modal_mandator_holiday submit, .modal_mandator_holiday .btn-file-upload {

	color: #777;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.modal_mandator_holiday .textfeld_mask_time_picker input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_holiday .textfeld_mask_date_time_picker input {
	width: 140px;
	float: left;
	display: block;
	margin-right: 12px;
}


.modal_mandator_holiday .onoffswitch-label {
	margin: 0 !important;
	padding-left: 0 !important;
}


.modal_mandator_holiday .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
}
.modal_mandator_holiday .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_mandator_holiday select {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;

	line-height: 120%;
	padding: 6px 12px;

}

.modal_mandator_holiday_navigationcontainer {
	margin: 0 0 0 auto;
	padding-top:11px;
/*	min-height: 143px; */
	border-width:3px;
	border-color:#f6f6f6;
	border-style:solid;
	border-radius:4px;
	margin-top:13px;
	margin-bottom:20px;
}

.modal_mandator_holiday_navigate_date {

	padding: 0px 20px 20px 0px;
	margin-right:10px;
	margin-top: 3px;
	display: block;
	float: left;
	width: 16px;
	height: 14px;

	/*bearb1*/ border-radius:4px;

	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
}


.modal_mandator_holiday_navigate_date a {
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	color:#415b84;
	display:block;
	padding: 0 11px;
	line-height:24px;
	height: 100%;
	margin-top: 10px;
	margin-left: 6px;
}

.modal_mandator_holiday_navigate_date:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_mandator_holiday_navigate_date a:hover {
	color:#fff;
}

.modal_mandator_holiday_zurueck a {
	background-image:url(../img/pfeillinks.png);
	background-repeat:no-repeat;
	background-position: center;

}

.modal_mandator_holiday_vor a {
	background-image:url(../img/pfeilrechts.png);
	background-repeat:no-repeat;
	background-position: center;
}

.modal_mandator_holiday .schedule_shift_type_list {
	display: ruby;
}

.modal_mandator_holiday .schedule_active_flip_switch {
	display: flex;
}

/*.textfeld_disabled {*/
/*	background-color: lightgray !important;*/
/*}*/

.textfeld_balanced_disabled {
	background-color: #f4f0d6 !important;
}

.textfeld_balanced_disabled_day {
	background-color: rgba(49, 117, 47, 0.37) !important;
}

.textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_mandator_holiday .textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_mandator_holiday .textfeld_mask_time_picker .textfeld_disabled input {
	background-color: lightgray;
}

.modal_mandator_holiday .textfeld_mask_date_time_picker .textfeld_disabled input {
	background-color: lightgray;
}


/* Modal Content */
.modal_mandator_holiday-content {
	background-color: white;
	margin: auto;
	padding: 40px;
	border: 1px solid #888;
	min-width: 1000px;
	width: 50%;
	color: blue;
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;

	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	padding: 10px 10px 10px 10px;

}


/* The Close Button */
.close_modal_mandator_holiday {
	color: #aaaaaa;
	float: right;
	font-size: 36px;
	font-weight: bold;
}

.close_modal_mandator_holiday:hover,
.close_modal_mandator_holiday:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}


/* END: class: modal_mandator_holiday 	********************************************************************************************* */


/* BEGIN: class: modal_mandator_qr_code 	********************************************************************************************* */
/* The Modal (background) */
.modal_mandator_qr_code {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.modal_mandator_qr_code fieldset {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 30px 0;
	width: inherit;
	color: #6e7b8f;
	font-size: 16px;
	font-weight: 700;

}
.modal_mandator_qr_code .data_detail {
	background-color: #fff;
	display: table-cell;
	padding: 0 30px;
}
.modal_mandator_qr_code fieldset legend {
	margin-left: 20px;
	padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
}

.modal_mandator_qr_code .textfeld input, .modal_mandator_qr_code .upload_field input {
	width: 33%;
}

/*.modal_mandator_qr_code .textfeld_two .modal_mandator_qr_code_department_name input {*/
.modal_mandator_qr_code_department_name input {
	width: 360px !important;
	/*float: left;*/
	/*display: block;*/
	/*margin-right: 12px;*/
}

.modal_mandator_qr_code .textfeld_two input {
	width: 70px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_qr_code .txt_input_mandator_holiday_field input {
	width: 320px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_qr_code .textfeld_hour input {
	width: 35px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_qr_code .textfeld_four input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_mandator_qr_code .textfeld_schedule input {
	width: 383px;
	height: 100px;
	float: left;
	display: block;
	margin-right: 12px;
	vertical-align: text-top;
}
.modal_mandator_qr_code .textfeld_four_year input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_mandator_qr_code .textfeld_four_hour input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_qr_code .textfeld label, .modal_mandator_qr_code .upload_field label, .modal_mandator_qr_code .submitbutton label {
	margin: 0;
	width: 25%;
	margin-left: 20px;
	padding-left: 5px;
}
.modal_mandator_qr_code .textfeld, .modal_mandator_qr_code .submitbutton {
	margin: 4px 0;
	display:inline-block;
	width:100%
}

.modal_mandator_qr_code .textfeld_hidden {
	margin: 0px 0;
	display:none;
	width:100%
}

.modal_mandator_qr_code input, .modal_mandator_qr_code select, .modal_mandator_qr_code submit, .modal_mandator_qr_code .btn-file-upload {

	color: #777;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.modal_mandator_qr_code .textfeld_mask_time_picker input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_mandator_qr_code .textfeld_mask_date_time_picker input {
	width: 140px;
	float: left;
	display: block;
	margin-right: 12px;
}


.modal_mandator_qr_code .onoffswitch-label {
	margin: 0 !important;
	padding-left: 0 !important;
}


.modal_mandator_qr_code .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
}
.modal_mandator_qr_code .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_mandator_qr_code select {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;

	line-height: 120%;
	padding: 6px 12px;

}

.modal_mandator_qr_code_navigationcontainer {
	margin: 0 0 0 auto;
	padding-top:11px;
/*	min-height: 143px; */
	border-width:3px;
	border-color:#f6f6f6;
	border-style:solid;
	border-radius:4px;
	margin-top:13px;
	margin-bottom:20px;
}

.modal_mandator_qr_code_navigate_date {

	padding: 0px 20px 20px 0px;
	margin-right:10px;
	margin-top: 3px;
	display: block;
	float: left;
	width: 16px;
	height: 14px;

	/*bearb1*/ border-radius:4px;

	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
}


.modal_mandator_qr_code_navigate_date a {
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	color:#415b84;
	display:block;
	padding: 0 11px;
	line-height:24px;
	height: 100%;
	margin-top: 10px;
	margin-left: 6px;
}

.modal_mandator_qr_code_navigate_date:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_mandator_qr_code_navigate_date a:hover {
	color:#fff;
}

.modal_mandator_qr_code_zurueck a {
	background-image:url(../img/pfeillinks.png);
	background-repeat:no-repeat;
	background-position: center;

}

.modal_mandator_qr_code_vor a {
	background-image:url(../img/pfeilrechts.png);
	background-repeat:no-repeat;
	background-position: center;
}

.modal_mandator_qr_code .schedule_shift_type_list {
	display: ruby;
}

.modal_mandator_qr_code .schedule_active_flip_switch {
	display: flex;
}

/*.textfeld_disabled {*/
/*	background-color: lightgray !important;*/
/*}*/

.textfeld_balanced_disabled {
	background-color: #f4f0d6 !important;
}

.textfeld_balanced_disabled_day {
	background-color: rgba(49, 117, 47, 0.37) !important;
}

.textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_mandator_qr_code .textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_mandator_qr_code .textfeld_mask_time_picker .textfeld_disabled input {
	background-color: lightgray;
}

.modal_mandator_qr_code .textfeld_mask_date_time_picker .textfeld_disabled input {
	background-color: lightgray;
}


/* Modal Content */
.modal_mandator_qr_code-content {
	background-color: white;
	margin: auto;
	padding: 40px;
	border: 1px solid #888;
	min-width: 1000px;
	width: 50%;
	color: blue;
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;

	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	padding: 10px 10px 10px 10px;

}


/* The Close Button */
.close_modal_mandator_qr_code {
	color: #aaaaaa;
	float: right;
	font-size: 36px;
	font-weight: bold;
}

.close_modal_mandator_qr_code:hover,
.close_modal_mandator_qr_code:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}


/* END: class: modal_mandator_qr_code 	********************************************************************************************* */


/* BEGIN: class: modal_multiple_button 	********************************************************************************************* */
/* The Modal (background) */
.modal_multiple_button {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.modal_multiple_button fieldset {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 30px 0;
	width: inherit;
	color: #6e7b8f;
	font-size: 16px;
	font-weight: 700;

}
.modal_multiple_button .data_detail {
	background-color: #fff;
	display: table-cell;
	padding: 0 30px;
}
.modal_multiple_button fieldset legend {
	margin-left: 20px;
	padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
}

.modal_multiple_button .textfeld input, .modal_multiple_button .upload_field input {
	width: 33%;
}

/*.modal_multiple_button .textfeld_two .modal_multiple_button_department_name input {*/
.modal_multiple_button_department_name input {
	width: 360px !important;
	/*float: left;*/
	/*display: block;*/
	/*margin-right: 12px;*/
}

.modal_multiple_button .textfeld_two input {
	width: 70px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_multiple_button .txt_input_mandator_holiday_field input {
	width: 320px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_multiple_button .textfeld_hour input {
	width: 35px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_multiple_button .textfeld_four input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_multiple_button .textfeld_schedule input {
	width: 383px;
	height: 100px;
	float: left;
	display: block;
	margin-right: 12px;
	vertical-align: text-top;
}
.modal_multiple_button .textfeld_four_year input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_multiple_button .textfeld_four_hour input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_multiple_button .textfeld label, .modal_multiple_button .upload_field label, .modal_multiple_button .submitbutton label {
	margin: 0;
	width: 25%;
	margin-left: 20px;
	padding-left: 5px;
}
.modal_multiple_button .textfeld, .modal_multiple_button .submitbutton {
	margin: 4px 0;
	display:inline-block;
	width:100%
}

.modal_multiple_button .textfeld_hidden {
	margin: 0px 0;
	display:none;
	width:100%
}

.modal_multiple_button input, .modal_multiple_button select, .modal_multiple_button submit, .modal_multiple_button .btn-file-upload {

	color: #777;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.modal_multiple_button .textfeld_mask_time_picker input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_multiple_button .textfeld_mask_date_time_picker input {
	width: 140px;
	float: left;
	display: block;
	margin-right: 12px;
}


.modal_multiple_button .onoffswitch-label {
	margin: 0 !important;
	padding-left: 0 !important;
}


.modal_multiple_button .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
}
.modal_multiple_button .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_multiple_button select {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;

	line-height: 120%;
	padding: 6px 12px;

}

.modal_multiple_button_navigationcontainer {
	margin: 0 0 0 auto;
	padding-top:11px;
/*	min-height: 143px; */
	border-width:3px;
	border-color:#f6f6f6;
	border-style:solid;
	border-radius:4px;
	margin-top:13px;
	margin-bottom:20px;
}

.modal_multiple_button_navigate_date {

	padding: 0px 20px 20px 0px;
	margin-right:10px;
	margin-top: 3px;
	display: block;
	float: left;
	width: 16px;
	height: 14px;

	/*bearb1*/ border-radius:4px;

	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
}


.modal_multiple_button_navigate_date a {
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	color:#415b84;
	display:block;
	padding: 0 11px;
	line-height:24px;
	height: 100%;
	margin-top: 10px;
	margin-left: 6px;
}

.modal_multiple_button_navigate_date:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_multiple_button_navigate_date a:hover {
	color:#fff;
}

.modal_multiple_button .schedule_active_flip_switch {
	display: flex;
}

/*.textfeld_disabled {*/
/*	background-color: lightgray !important;*/
/*}*/

.textfeld_balanced_disabled {
	background-color: #f4f0d6 !important;
}

.textfeld_balanced_disabled_day {
	background-color: rgba(49, 117, 47, 0.37) !important;
}

.textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_multiple_button .textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_multiple_button .textfeld_mask_time_picker .textfeld_disabled input {
	background-color: lightgray;
}

.modal_multiple_button .textfeld_mask_date_time_picker .textfeld_disabled input {
	background-color: lightgray;
}


/* Modal Content */
.modal_multiple_button-content {
	background-color: white;
	margin: auto;
	padding: 40px;
	border: 1px solid #888;
	min-width: 800px;
	width: 50%;
	color: blue;
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;

	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	padding: 10px 10px 60px 10px !important;

}


/* The Close Button */
.close_modal_multiple_button {
	color: #aaaaaa;
	float: right;
	font-size: 36px;
	font-weight: bold;
}

.close_modal_multiple_button:hover,
.close_modal_multiple_button:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}


/* END: class: modal_multiple_button 	********************************************************************************************* */


/* BEGIN: class: modal_multiple_date_field 	********************************************************************************************* */
/* The Modal (background) */
.modal_multiple_date_field {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.modal_multiple_date_field fieldset {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 30px 0;
	width: inherit;
	color: #6e7b8f;
	font-size: 16px;
	font-weight: 700;

}
.modal_multiple_date_field .data_detail {
	background-color: #fff;
	display: table-cell;
	padding: 0 30px;
}
.modal_multiple_date_field fieldset legend {
	margin-left: 20px;
	padding-left: 5px;
	font-weight:300;
	color:#777;
	font-size:20px;
	width: 500px;
}

.modal_multiple_date_field .textfeld input, .modal_multiple_date_field .upload_field input {
	width: 33%;
}

/*.modal_multiple_date_field .textfeld_two .modal_multiple_date_field_department_name input {*/
.modal_multiple_date_field_department_name input {
	width: 360px !important;
	/*float: left;*/
	/*display: block;*/
	/*margin-right: 12px;*/
}

.modal_multiple_date_field .textfeld_two input {
	width: 70px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_multiple_date_field .txt_input_mandator_holiday_field input {
	width: 320px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_multiple_date_field .textfeld_hour input {
	width: 35px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_multiple_date_field .textfeld_four input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_multiple_date_field .textfeld_schedule input {
	width: 383px;
	height: 100px;
	float: left;
	display: block;
	margin-right: 12px;
	vertical-align: text-top;
}
.modal_multiple_date_field .textfeld_four_year input {
	width: 85px;
	float: left;
	display: block;
	margin-right: 12px;
}
.modal_multiple_date_field .textfeld_four_hour input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_multiple_date_field .textfeld label, .modal_multiple_date_field .upload_field label, .modal_multiple_date_field .submitbutton label {
	margin: 0;
	width: 25%;
	margin-left: 20px;
	padding-left: 5px;
}
.modal_multiple_date_field .textfeld, .modal_multiple_date_field .submitbutton {
	margin: 4px 0;
	display:inline-block;
	width:100%
}

.modal_multiple_date_field .textfeld_hidden {
	margin: 0px 0;
	display:none;
	width:100%
}

.modal_multiple_date_field input, .modal_multiple_date_field select, .modal_multiple_date_field submit, .modal_multiple_date_field .btn-file-upload {

	color: #777;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.modal_multiple_date_field .textfeld_mask_time_picker input {
	width: 50px;
	float: left;
	display: block;
	margin-right: 12px;
}

.modal_multiple_date_field .textfeld_mask_date_time_picker input {
	width: 140px;
	float: left;
	display: block;
	margin-right: 12px;
}


.modal_multiple_date_field .onoffswitch-label {
	margin: 0 !important;
	padding-left: 0 !important;
}


.modal_multiple_date_field .button-speichern {
	background-color:#8098bd;
	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
	color:#415b84;
	font-weight:700;
	border-radius:4px;
	border:none;
	font-family: "Open Sans Condensed",sans-serif !important;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
}
.modal_multiple_date_field .button-speichern:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_multiple_date_field select {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;

	line-height: 120%;
	padding: 6px 12px;

}

.modal_multiple_date_field_navigationcontainer {
	margin: 0 0 0 auto;
	padding-top:11px;
/*	min-height: 143px; */
	border-width:3px;
	border-color:#f6f6f6;
	border-style:solid;
	border-radius:4px;
	margin-top:13px;
	margin-bottom:20px;
}

.modal_multiple_date_field_navigate_date {

	padding: 0px 20px 20px 0px;
	margin-right:10px;
	margin-top: 3px;
	display: block;
	float: left;
	width: 16px;
	height: 14px;

	/*bearb1*/ border-radius:4px;

	background-color:#b0c5e5;
	background: linear-gradient(to bottom, #ddeaff, #b0c5e5);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ddeaff, #b0c5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ddeaff, #b0c5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ddeaff, #b0c5e5);
}


.modal_multiple_date_field_navigate_date a {
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	color:#415b84;
	display:block;
	padding: 0 11px;
	line-height:24px;
	height: 100%;
	margin-top: 10px;
	margin-left: 6px;
}

.modal_multiple_date_field_navigate_date:hover {
	background-color:#2477ff;
	background: linear-gradient(to bottom, #8eb9ff, #2477ff);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8eb9ff, #2477ff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8eb9ff, #2477ff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #8eb9ff, #2477ff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8eb9ff, #2477ff);
	color:#fff;
	border:none;
}

.modal_multiple_date_field_navigate_date a:hover {
	color:#fff;
}

.modal_multiple_date_field .schedule_active_flip_switch {
	display: flex;
}

/*.textfeld_disabled {*/
/*	background-color: lightgray !important;*/
/*}*/

.textfeld_balanced_disabled {
	background-color: #f4f0d6 !important;
}

.textfeld_balanced_disabled_day {
	background-color: rgba(49, 117, 47, 0.37) !important;
}

.textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_multiple_date_field .textfeld .textfeld_disabled input {
	background-color: lightgray;
}

.modal_multiple_date_field .textfeld_mask_time_picker .textfeld_disabled input {
	background-color: lightgray;
}

.modal_multiple_date_field .textfeld_mask_date_time_picker .textfeld_disabled input {
	background-color: lightgray;
}


/* Modal Content */
.modal_multiple_date_field-content {
	background-color: white;
	margin: auto;
	padding: 40px;
	border: 1px solid #888;
	/*min-width: 600px;*/
	width: 600px;
	color: blue;
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;

	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	padding: 10px 10px 60px 10px !important;

}


/* The Close Button */
.close_modal_multiple_date_field {
	color: #aaaaaa;
	float: right;
	font-size: 36px;
	font-weight: bold;
}

.close_modal_multiple_date_field:hover,
.close_modal_multiple_date_field:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}


/* END: class: modal_multiple_date_field 	********************************************************************************************* */


.submitbutton_block { /* shift to right ?????? */
	padding: 0px 20px 20px 0px;
	margin-right:20px;
	display: block;
	float: left;
	width: 100px;

}


.textfeld_block {
	margin-right:20px;
	margin-left:20px;
	display: block;
	float: left;
	width: 100px;
}


.textfeld_container {
	display: -webkit-flex;
	display: flex;
}

.textfeld_container_p_item{
	background-color: #99B1D7;
	min-height: 1em;
    padding: 5px;
    margin-top: 15px;
    border: 1px solid #ccc;
}


.textfeld_container_navigate_button {
	/*display: -webkit-flex;*/
	display: block;
	width: 100%;
}

.textfeld_container_navigate_button_p_item{
	background-color: #99B1D7;
	min-height: 1em;
    padding: 5px;
    margin-top: 15px;
    border: 1px solid #ccc;
	float: left;
	width: 87%;
	height: 30px;
}

.input_textfeld_block_ok {
	background-image:url(../img/status_ok.png);
	background-repeat:no-repeat;
	padding-left:20px;
}

.input_textfeld_block_edit {
	background-image:url(../img/edit.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}


#Search_Field_ID_TableEmployee_ID {
	background-image: url('../img/search_filter_32.png');
	/* background-position: 10px 10px; */
	background-repeat: no-repeat;
	width: 90%;
	/*width: calc(100% - 100px);*/
	/*width: 390px;*/
	/*width: 650px;*/
	font-size: 16px;
	padding: 12px 20px 12px 40px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
	background-position-y: center;
}

#Search_Field_ID_TableSchift_ID {
	background-image: url('../img/search_filter_32.png');
	/* background-position: 10px 10px; */
	background-repeat: no-repeat;
	/*width: 90%;*/
	/*width: calc(100% - 60px);*/
	width: 390px;
	font-size: 16px;
	padding: 12px 20px 12px 40px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
	background-position-y: center;
}

#Search_Field_ID_MainScheduleTable {
	background-image: url('../img/search_filter_32.png');
	/*background-position: 10px 10px;*/
	background-repeat: no-repeat;
	/* width: 40%; */
	font-size: 16px;
	padding: 12px 20px 12px 40px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
	float: inline-start;
	background-position-y: center;
}

/* BEGIN: api server 	********************************************************************************************* */

.api_server_error{
	background-image:url(../img/missing.png);
	background-repeat:no-repeat;
	background-position: right;
}
.api_server_success{
	background-image:url(../img/ready.png);
	background-repeat:no-repeat;
	background-position: right;
}

/* END: api server 	********************************************************************************************* */


/* ***************************************************************************************************************** */
/* BEGIN: Create a Draggable DIV Element */



#draggable_div {
	position: absolute;
	z-index: 9;
	background-color: #f1f1f1;
	border: 1px solid #d3d3d3;
	text-align: center;
}

#draggable_div_header {
	padding: 10px;
	cursor: move;
	z-index: 10;
	background-color: #2196F3;
	color: #fff;
}



/* END: Create a Draggable DIV Element /*
/* ***************************************************************************************************************** */


/* Import Google font - Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
/** {*/
/*	margin: 0;*/
/*	padding: 0;*/
/*	box-sizing: border-box;*/
/*	font-family: "Poppins", sans-serif;*/
/*}*/
/*body {*/
/*	height: 100vh;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	background: #f6f7fb;*/
/*}*/


/* ***************************************************************************************************************** */
/* BEGIN: Status for element / absence */

.textfeld .status_element_progress {
	display: block;
	float: right;
	height: 50px;
	width: 50px;
	color: #999;
	font-size: 22px;
	font-weight: 500;
	border-radius: 50%;
	background: #ddd;
	/*border: 4px solid #e0e0e0;*/
	transition: all 200ms ease;
	transition-delay: 0s;
	margin-top: -5px;
	margin-right: 10px;
	text-align: center;
}

/* Josip Cicak Changed alignment */
.status_element_progress.done::before {
	content: "✓";
	font-weight: bold;
}

.status_element_progress.inprogress::before {
	content: "?";
	font-weight: bold;
}


/* END: Status for element / absence */
/* ***************************************************************************************************************** */



/* ***************************************************************************************************************** */
/* BEGIN: Multi Step Progress Bar in HTML CSS & JavaScript */


.container_multiple_step_progress {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	/*max-width: 400px;*/
	max-width: 100%;
	width: 97%;
	/*width: 100%;*/
	padding: 5px;
}
.container_multiple_step_progress .steps_multiple_step_progress {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.steps_multiple_step_progress .circle_multiple_step_progress {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	color: #999;
	font-size: 22px;
	font-weight: 500;
	border-radius: 50%;
	/*background: #fff;*/
	background: #ddd;
	/*border: 4px solid #e0e0e0;*/
	transition: all 200ms ease;
	transition-delay: 0s;
	z-index: 1;
}

.steps_multiple_step_progress .circle_multiple_step_progress.none {
	/*transition-delay: 100ms;
	border-color: #4070f4;
	color: #4070f4;
	background-color: wheat;
	z-index: 1;*/

	transition-delay: 100ms;
  border-color: #8c8c8c;
  color: white;
  font-weight: bold;

  background-color: #ddd;
  z-index: 1;
}


.steps_multiple_step_progress .circle_multiple_step_progress.done {
	/*transition-delay: 100ms;
	border-color: #918889;
	color: #c8cdcd;
	background-color: #00ffd9;
	z-index: 1;*/

	transition-delay: 100ms;
  border-color: #918889;
  color: #fff;
  background-color: #4bff70;
  z-index: 1;

}

/* Added CSS content 10.08.2023*/

.circle_multiple_step_progress::before {
	content: "?";
	font-weight: bold;
}

.circle_multiple_step_progress.done::before {
	content: "✓";
}

.circle_multiple_step_progress.none::before {
	content: "X";
}

.circle_multiple_step_progress.inprogress::before {
	content: "🛠";
}

.circle_multiple_step_progress.current_task::before {
	content: "⬇";
}

.circle_multiple_step_progress.delay::before {
	content: "!";
}
/* END CSS content 10.08.2023*/

.steps_multiple_step_progress .circle_multiple_step_progress.inprogress {
	/*transition-delay: 100ms;
	border-color: #4070f4;
	color: #4070f4;
	background-color: blue;
	z-index: 1;*/

	transition-delay: 100ms;
  border-color: #4070f4;
  color: #fff;
  background-color: #ff9d35;
  z-index: 1;

}
.steps_multiple_step_progress .circle_multiple_step_progress.current_task {
	/*transition-delay: 100ms;
	border-color: #f44061;
	color: #f4d640;
	background-color: #f700ff;
	z-index: 1;*/

	transition-delay: 100ms;
  border-color: #8c8c8c;
  color: white;
  background-color: #84c1f7;
  z-index: 1;
}
.steps_multiple_step_progress .circle_multiple_step_progress.delay {
	transition-delay: 100ms;
	border-color: #4070f4;
	color: #4070f4;
	background-color: red;
	z-index: 1;
}

.steps_multiple_step_progress .circle_multiple_step_progress.none_mandatory {
	/*transition-delay: 100ms;
	border-color: #4070f4;
	color: #4070f4;
	background-color: wheat;
	z-index: 1;*/

	transition-delay: 100ms;
  border-color: #8c8c8c;
  font-weight: bold;
  color: white;
  background-color: #ddd;
  z-index: 1;
  
}
.steps_multiple_step_progress .circle_multiple_step_progress.done_mandatory {
	transition-delay: 100ms;
	border-color: #4070f4;
	color: #4070f4;
	background-color: green;
	z-index: 1;
}
.steps_multiple_step_progress .circle_multiple_step_progress.inprogress_mandatory {
	transition-delay: 100ms;
	border-color: #4070f4;
	color: #4070f4;
	background-color: blue;
	z-index: 1;
}
.steps_multiple_step_progress .circle_multiple_step_progress.current_task_mandatory {
	transition-delay: 100ms;
	border-color: #f44061;
	color: white;
	background-color: #f700ff;
	z-index: 1;
}
.steps_multiple_step_progress .circle_multiple_step_progress.delay_mandatory {
	transition-delay: 100ms;
	border-color: #4070f4;
	color: #4070f4;
	background-color: red;
	z-index: 1;
}

/* Added CSS content 10.08.2023*/
.circle_multiple_step_progress.done_mandatory::before {
	content: "✓";
}

.circle_multiple_step_progress.none_mandatory::before {
	content: "X";
}

.circle_multiple_step_progress.inprogress_mandatory::before {
	content: "...";
}

.circle_multiple_step_progress.current_task_mandatory::before {
	content: "⬇";
}

.circle_multiple_step_progress.delay_mandatory::before {
	content: "!";
}

/* END CSS content 10.08.2023*/

.steps_multiple_step_progress .progress-bar_multiple_step_progress {
	position: absolute;
	height: 4px;
	width: 100%;
	background: #e0e0e0;
	/*z-index: -1;*/
}
.progress-bar_multiple_step_progress .indicator_multiple_step_progress {
	position: absolute;
	height: 100%;
	width: 0%;
	background: #4070f4;
	transition: all 300ms ease;
}
.container_multiple_step_progress .buttons_multiple_step_progress {
	display: flex;
	gap: 20px;
}
.buttons_multiple_step_progress button_multiple_step_progress {
	padding: 8px 25px;
	background: #4070f4;
	border: none;
	border-radius: 8px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
	transition: all 200ms linear;
}
.buttons_multiple_step_progress button_multiple_step_progress:active {
	transform: scale(0.97);
}
.buttons_multiple_step_progress button_multiple_step_progress:disabled {
	background: #87a5f8;
	cursor: not-allowed;
}


/* END: Multi Step Progress Bar in HTML CSS & JavaScript /*
/* ***************************************************************************************************************** */

.disabledDiv {
	pointer-events: none;
	opacity: 0.4;
}




/* New Changes Josip Cicak 26.09.2023 */

.absence_group_modal_categories {
    display: flex;
    flex-direction: row;
    width: 100%;
  }


/* Include new_ID, save_ID, delete_ID  */
.absence_group_modal_buttons {
    display: flex;
    flex-direction: column;
    float: right;
    flex-wrap: wrap;
	gap: 8px;
  }



  /* FIX Issue loading  */
  .modal_schedule_input_information_status {
    background-image: url(../img/status_ok.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    width: auto;
    height: 25px;
  }


  .modal_schedule_information_status {
    margin-right: 20px;
    margin-left: 20px;
    display: block;
    float: left;
    width: 20px;
    width: 15px;
    margin-left: none;
    margin-bottom: 20px;
  }


  .modal_schedule_button_submitbutton_block_new {
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  .modal_schedule_button_submitbutton_block_save {
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  .modal_schedule_button_submitbutton_block_delete {
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }


  .modal_absence_employee {
	display: none;
	position: fixed;
	z-index: 9999;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: scroll;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
  }


  #div_absence_employee_button_new_ID > input {
	background: linear-gradient(to top, #00d918, #42aa4d);
	color: white;
  }

  #div_absence_employee_button_new_ID > input:hover {
    color: green;
    background: white;
    border: 0.5px solid green;
  }

  #div_absence_employee_button_delete_ID > input {
    background: linear-gradient(to top, #ff4115, #c4624c);
    color: white;
  }

  #div_absence_employee_button_delete_ID > input:hover {
    color: red;
    background: white;
    border: 0.5px solid red;
  }


  #div_AbsenceEmployeeTask_Skip_ID > input {
	background: linear-gradient(to top, #ffba15, #db9d0a);
	color: white;
  }

  #div_AbsenceEmployeeTask_Skip_ID > input:hover {
    color: orange;
    background: white;
    border: 0.5px solid orange;
  }

  #div_AbsenceEmployeeTask_Done_ID > input{
	background: linear-gradient(to top, #00d918, #42aa4d);
	color: white;
  }

  #div_AbsenceEmployeeTask_Done_ID > input:hover {
    color: green;
    background: white;
    border: 0.5px solid green;
  }

  #NextAbsenceEmployeeForm_ID {
    margin-top: 1px;
  }

  #PreviousAbsenceEmployeeForm_ID {
    margin-top: 1px;
  }

.status_element_progress.done {
    transition-delay: 100ms;
    border-color: #918889;
    color: #fff;
    background-color: #4bff70;
    z-index: 1;
    place-content: center;
    place-items: center;
    display: flex;
  }

.status_element_progress.inprogress{
    transition-delay: 100ms;
    border-color: #918889;
    color: #fff;
	font: bold;
    background-color: #dddddd;
    z-index: 1;
    place-content: center;
    place-items: center;
    display: flex;
  }


  .absence_task_group_modal_categories {
    display: flex;
    flex-direction: row;
    width: 100%;
  }

  .absence_task_group_modal_buttons {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 10px;
	gap: 10px;
  }

  .absence_task_group_modal_categories_sub {
	padding: 4px;
  }

  #absence_remark {
	height: 100px;
  	width: 65%;
	border-width: 1px;
	border-style: solid;
  }

  .absence_task_file_group {
	display: flex;
	flex-direction: row;
	width: 100%;
  }

  #absence_employee_task_remark {
	width: 65%;
	border-width: 1px;
	border-style: solid;
  }

  #absence_task_name {
	width: 49%;
  }

  .submitbutton_block {
	padding: 0px 10px 10px 0px;
	margin-right: 20px;
	display: block;
	float: left;
	width: 100px;
  }

  #label_ae_start {
	width: 252px;
  }

  #absence_task_user_name {
	width: 270px !important;
  }

  #div_employee_absence_file_list {
	margin-left: 10px !important;
  }


  #EmployeeAbsenceWorkflowList {
	overflow: scroll;
	max-height: 150px;
  }

  #EmployeeAbsenceDocumentList {
	overflow: scroll;
	max-height: 12%;
	max-width: 80%;
  }

  .to_download_file_single {
	/*background-image: url(../img/download_01.png);*/
	background-image: url(../img/download_02.png);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 30px !important;
	height: 20px !important;
	color: transparent;
	margin-top: 19px !important;
	background-size: contain;
	margin-left: 10px;
  }

  #div_absence_employee_information {
	display: flex;
	flex-direction: row;
	place-content: center;
	place-items: center;
  }


  .modal_absence_employee {
	display: none;
	position: fixed;
	z-index: 9999;
	padding-top: 50px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: scroll;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
  }

  .modal_absence_employee-content {
	background-color: white;
	margin: auto;
	padding: 40px;
	border: 1px solid #888;
	min-width: 1000px;
	width: 65%;
	color: blue;
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	padding: 10px 10px 10px 10px;
	height: 90%;
  }

  .absence_task_file_group {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 21vh;
  }

  .absence_task_group_modal_buttons > .submitbutton_block {
	padding: 0px;
  }


  .absence_task_file_group_inner > input {
	width: 50%;
	margin: 20px;
	padding-left: 10px;
  }

  .absence_task_file_group_inner {
	display: flex;
	flex-direction: row;
	width: 100%;
  }

  #div_absence_employee_file_type {
	display: flex;
	flex-direction: row;
	width: auto;
	padding: 10px;
	place-content: center;
	place-items: center;
	gap: 20px;
  }