
<style type="text/css">


html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{padding:0;}
form{ margin: 0 0 0 0 !Important}
img,body,html{border:0;}
body, textarea { font-family:'Open Sans',Arial,Helvetica,sans-serif}
body{margin: 10}
textarea{overflow:auto; font-size:12px;border-radius:3px;}
table{ font-size:1rem}
.bodycolor_msgBox {background-color: #ECE9D8;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:13}
button:focus { outline: 0px solid !important; }
/*
TADANO Start
Tadano blue: 009EDF
dunkel blau: C6E2FF
hell blau: F2F9FF
dunkel grau: B2B2B2
hell grau: E5E5E5

bg: grau;
reiter active  F6F5F5;
reiter inactive: E0E0E0;
rand: 9F9F9F;

Input
Gelb: #f6ea54
Schrift Blau:#14396a
*/

@font-face {
	font-family:'Glyphicons Bootstrap';
	/* font-style: normal;
	font-weight: 400; */
	src: 	url(../Libraries/Bootstrap/fonts/glyphicons-halflings-regular.woff2) format('woff2'), 
			url(../Libraries/Bootstrap/fonts/glyphicons-halflings-regular.woff) format('woff');   
}
button[class^='bootstrap_']{
	border-radius: revert;
	width: 23px;
	height: 23px;
}
.bootstrap_trash:before{content: "\e020"; font-family: 'Glyphicons Bootstrap';}
.bootstrap_trash{padding: 1 1 0 0 !important;}
.bootstrap_pencil:before{content: "\270f";font-family: 'Glyphicons Bootstrap';}
.bootstrap_plus:before{content: "\002b";font-family: 'Glyphicons Bootstrap';}
.bootstrap_plus{padding: 0 0 1 1 !important;}
.bootstrap_search:before{content: "\e003";font-family: 'Glyphicons Bootstrap';}
.bootstrap_user:before{content: "\e008";font-family: 'Glyphicons Bootstrap';color:grey;}
.bootstrap_team:before{content: "\e066";font-family: 'Glyphicons Bootstrap';color:grey;}
.bootstrap_copy:before{content: "\e205"; font-family: 'Glyphicons Bootstrap';}
.bootstrap_copy{padding: 1 1 0 0 !important;}

.bootstrap_search_cc:before{content: "\uF52A";font-family: 'Glyphicons Bootstrap';color:grey;}


button:not(:disabled), .imgButton, input[type=button]:not(:disabled), input[type=checkbox]:not(:disabled), input[type=radio]:not(:disabled){cursor:pointer;padding:0;}
select:not(:disabled){cursor:pointer;}
button, .imgButton, input[type=button]{padding:0;}

.imgButton{border:0px;background-color:transparent;background-repeat: no-repeat;}
input[type=text]{height:40px;padding: 2 4 2 4;margin:3 5 3 0;border:solid 1px gray;-moz-border-radius:3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
input[type=text]:hover{border: 2px solid #2698ec75;}
select{height:40px;}



.open_operation_Bt{	
	background-image: url(../images/open_24.png);
	background-repeat:no-repeat;
	background-size: 20px 20px;    
}

.trash_operation_Bt:before{
	content: "\e020"; 
	font-family: 'Glyphicons Bootstrap';
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.copy_team_Bt:before{
	content: "\e205"; 
	font-family: 'Glyphicons Bootstrap';
	filter: alpha(opacity=70);
	opacity: 0.7;	  
}

.copy_team_Bt:active {
  background-color: #009edf;  
  transition-delay: -1s;
  -webkit-transition-delay: -1s;
  -moz-transition-delay: -1s;
  -o-transition-delay: -1s;
}

.fadeout {
  transition-duration: 5s;
  transition-property: background-color;
  -webkit-transition-duration: 5s;
  -webkit-transition-property: background-color;
  -moz-transition-duration: 5s;
  -moz-transition-property: background-color;
  -o-transition-duration: 5s;
  -o-transition-property: background-color;  
}

.trash_operation_Bt, .open_operation_Bt, .copy_team_Bt{
	height: 36px;
    width: 36px;
    border: 2px solid #999999;
	border-radius: 0px;
	margin: 0 0 0 0;
    background-position: center;
	font-size: inherit;	
}




.TADANO_Test
{
	font-size:10pt;
	background-color: #FFFF80; /* #0086ad;*/

}
.msgBox_button{
	background-color:transparent;
	border:solid 1px #009edf; /* #7eb4ea; */
	height:26;
}
.msgBox_button:hover{
	background-color:#e0eefc;
}
.TADANO_TdBlue, .TADANO_TdBlue_Left, .TADANO_TdBlue_Right, .TADANO_TdBlue_Center, .TADANO_TdBlue_10
{
	background-color: #009edf; /* #0086ad;*/
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	height:25px;
	padding:5px;

}

.TADANO_TdBlue_10
{
	font-size:10pt;

}

.TADANO_TdBlue_Left
{
	text-align:left;

}

.TADANO_TdBlue_Right
{
	text-align:right;
}

.TADANO_TdBlue_Center
{
	text-align:center;
}


.TADANO_TdBlue_Flag, .TADANO_TdBlue_Flag_right
{
	background-color: #009edf; /* #0086ad;*/
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
}

.TADANO_TdBlue_Flag_right{
	text-align:right;
}

.TADANO_TdBlue_Flag_left{
	text-align:left;
}

.TADANO_Td, .TADANO_Td_right, .TADANO_Td_center, .TADANO_Td_12
{
	background-color: #FFFFFF;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#000000;
	height:26px;
	padding-left:5px;
}

.TADANO_Td
{
	text-align:left;
}

.TADANO_Td_right
{
	text-align:right;
}

.TADANO_Td_center
{
	text-align:center;
}
.TADANO_Td_12
{
	font-size:12pt;
	text-align:center;
	height:36px;
}

.TADANO_FE_Td, .TADANO_FE_Td_right, .TADANO_FE_Td_center
{
	background-color: #C6E2FF;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#000000;
	height:26px;
	padding-left:5px;

}

.TADANO_FE_Td
{
	text-align:left;
}

.TADANO_FE_Td_right
{
	text-align:right;
}

.TADANO_FE_Td_center
{
	text-align:center;
}

.TADANO_Output_Title
{
	background-color: #C6E2FF;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#000000;
	height:26px;
	padding-left:5px;
	text-align:left;
	border-bottom:solid 1px #9f9f9f;
}

.TADANO_Output_Content
{
	background-color:#FFFFFF; /* ffffcc f6ea54*/
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-left: 3px;
	padding-right: 3px;
	height:26px;
	margin:0;
	text-align:center;
	border-bottom:solid 1px #9f9f9f;
	border-right:solid 1px #9f9f9f;
}

.TADANO_Btn_trans {
    /* background-color: #0086ad;	tad blau: 009edf  leucht-blau:02f9ff  grün: 009e1b 00dd1b*/
	/* background-color:transparent;*/

	background-color: #C6E2FF; /*02f9ff*/
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
    border-radius: 6px;
    border:2px solid #3866a3;

    display:inline-block;
    color:#14396a; /*C6E2FF   14396a*/
    font-family:'Open Sans',Verdana;
    font-size:10px;
    font-weight:normal;
    padding:3 16 3 16 !Important; /* 3px 16px */
    text-decoration:none;
	cursor:pointer;
}
.TADANO_Btn_trans:hover {

   /* background-color:transparent;*/
	background-color: #02f9ff; /* C6E2FF #f2f9ff;*/

}
.TADANO_Btn_trans:active {
    position:relative;
    top:1px;
}
/*reiter inactive: e0e0e0;
rand: 9f9f9f ;*/
.TADANO_Btn_trans:disabled {
    background-color:#e0e0e0;
	color:#9f9f9f;
	border:1px solid #9f9f9f;
}

.TADANO_Btn_Pfeil_L{
	border:none;
	background-image:url(../images/pfeil_ws_l.png);
	background-repeat:no-repeat;
	background-color:transparent;
	width:16px;
	height:19px;
	cursor:pointer;
}

.TADANO_Margin, .TADANO_Margin_Active, .TADANO_Margin_Inactive, .TADANO_Margin_Inactive_Right
{
	background-color:transparent;
	padding:0;
	height:6;
	font-size:1px;
}

.TADANO_Margin_Active
{
	background-image:url(../images/rand_on.png);
}

.TADANO_Margin_Inactive
{
	background-image:url(../images/rand_off.png);
	border-right:solid 1px #9f9f9f;
	border-left:solid 1px #9f9f9f;
}

.TADANO_Margin_Inactive_Right
{
	background-image:url(../images/rand_off.png);
	border-right:solid 1px #9f9f9f;
}

.TADANO_Margin_Header, .TADANO_Margin_Bottom
{
	border-left:solid 1px #9f9f9f;
	border-right:solid 1px #9f9f9f;
	padding-left:6px;
	padding-right:6px;
}

.TADANO_Margin_Bottom
{
	border-bottom:solid 1px #9f9f9f;
	padding-bottom:6px;
}

.TADANO_Logo
{
	background-image:url(../images/tadano_logo_h22.png);
	background-repeat:no-repeat;
	background-position:right top;
	background-color:#ffffff;
}

.TADANO_Reiter_Active_160
{
	width:160px;
	height:22px;
	background-image:url(../images/reiter_on.png);
	background-color:#ffffff;
	font-size:12;
	border:none;
	padding-top:3;
	cursor:pointer;
}
.TADANO_Reiter_Inactive_160
{
	width:160px;
	height:22px;
	background-image:url(../images/reiter_off.png);
	background-color:#ffffff;
	color: gray;
	font-size:12;
	border:none;
	padding-top:3;
	cursor:pointer;
}
.TADANO_Reiter_TD_160
{
	width:160px;
	background-color:transparent;
	padding:0;
}

.TADANO_Btn_20
{
	width:20px;
	height:20px;
	border:none;
	background-repeat:no-repeat;
	background-color:transparent;
	cursor:pointer;
}

.TADANO_Pfeil_L
{
	width:22px;
	border:none;
	background-repeat:no-repeat;
	background-color:transparent;
	cursor:pointer;
	text-align:left;
}
/*
Input
Gelb: #f6ea54
Schrift Blau:#14396a
*/
.TADANO_Input, .TADANO_Input_Right, .TADANO_Input_Center
{
	background-color:#FFFFFF; /* ffffcc f6ea54*/
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:left;
	padding-left: 3px;
	padding-right: 3px;
	margin:0;

}

.TADANO_Input_Right
{
	text-align:right;
}

.TADANO_Input_Center
{
	text-align:center;
}

.TADANO_Input_Transparent_Left
{
	border:0px;
	background-color:TRANSPARENT;
}

.TADANO_Headline_1_Blue
{
	background-color:transparent;
	/*font-family:'Open Sans',Arial,Helvetica,sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-size:25pt;
	font-weight:bold;
	text-align:center;
	color: #009edf;
	height:25px;
	padding:5px;

}
.TADANO_Headline_1_White
{
	background-color:transparent;
	font-family: 'Open Sans', sans-serif;
	font-size:25pt;
	font-weight:bold;
	text-align:center;
	color: #e5e5e5;
	height:25px;
	padding:5px;
}

.TADANO_TD_1_Black
{
	background-color:#000000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-align:center;
	color: #FFFFFF;
	height:25px;
	padding:10px;
	border:none;
	vertical-align:middle;
}
.TADANO_Input_1_Black
{
	background-color:#000000;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	text-align:left;
	color: #FFFFFF;
	height:35px;
	padding:10px;
	border:none;
	vertical-align:top;
}

.T_Btn_trans_login {

	background-color:transparent;
    border:2px solid #009edf;
    display:inline-block;
    color:#009edf; /*C6E2FF   14396a*/
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
    font-weight:normal;
    padding:3 16 3 16 !Important; /* 3px 16px */
    text-decoration:none;
	cursor:pointer;
}
.T_Btn_trans_login:disabled {
    background-color:#e0e0e0 !important;
	color:#9f9f9f !important;
	border:2px solid #9f9f9f !important;
	cursor:default !important;
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.T_Btn_trans_pswd {

	background-color:transparent;
    border:2px solid #009edf;
    display:inline-block;
    color:#009edf; /*C6E2FF   14396a*/
    font-family: 'Open Sans', sans-serif;
    font-size:12pt;
    font-weight:normal;
    padding:3 16 3 16 !Important; /* 3px 16px */
    text-decoration:none;
	cursor:pointer;
}

.TADANO_SELECT_1_Top
{
	background-color:#FFFFFF;
	filter: alpha(opacity=80);
	opacity: 0.8;
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-align:center;
	color: #000000;
	height:25px;
	padding:0px;
	border:none;
	vertical-align:middle;
	margin: 0;
	outline:none;
	appearance:none;
	background: transparent;
	text-decoration:none;
}

.TADANO_SELECT_2_TD
{
	background-color:#e5e5e5;
	filter: alpha(opacity=80);
	opacity: 0.8;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	text-align:center;
	color: #000000;
	height:60px;
	padding:0px 5px 0px 15px;
	border:none;
	vertical-align:middle;
	text-decoration:none;
}

.TADANO_3_TD
{
	background-color:#e5e5e5;
	filter: alpha(opacity=80);
	opacity: 0.8;
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	color: #000000;
	height:28px;
	padding:0px 5px 0px 15px;
	border:none;
	vertical-align:middle;
	text-decoration:none;
}

.TADANO_SELECT_2_Text
{
	background-color:#e5e5e5;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	text-align:left;
	color: #000000;
	height:40px;
	padding:0px;
	border:none;
	vertical-align:middle;
	text-decoration:none;
}

.T_Btn_trans_back {

	background-color:transparent;
    border:2px solid #999999;
    display:inline-block;
    color:#999999; /*C6E2FF   14396a*/
    font-family: 'Open Sans', sans-serif;
    font-size:14pt;
    font-weight:normal;
    padding:3 16 3 16 !Important; /* 3px 16px */
    text-decoration:none;
	cursor:pointer;
}

.T_Btn_trans_login:hover,.T_Btn_trans_back:hover {
/*	border:2px solid #2698ec75;*/
/*	-webkit-box-shadow: 0px 0px 3px rgb(0 0 0 / 60%);
    box-shadow: 0px 0px 3px rgb(0 0 0 / 60%);*/
    /*border-color: #707070;*/
    background-color: #ebebeb;
    -webkit-box-shadow: 0px 0px 3px rgb(0 0 0 / 60%);
    box-shadow: 0px 0px 3px rgb(0 0 0 / 60%);
}
.T_Btn_trans_back:hover:{
	border-color: #707070;
}

.T_Btn_trans_login:active {
	background-color:#b1b1b1;
}
.T_Btm_img_arrow_button:hover{
	transform:scale(1.1);
}


.T_Headline_Grau {

	background-color:transparent;
    display:inline-block;
    color:#999999; /*C6E2FF   14396a*/
    font-family: 'Open Sans', sans-serif;
    font-size:13pt;
	text-align:center;
    font-weight:normal;
    padding:3px 6px; /* 3px 16px */
    text-decoration:none;
}

.T_Headline_Grau_2 {

	background-color:transparent;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	color: #000000;
	padding:0px;
}

.T_Headline_Grau_3 {

	background-color:transparent;
    display:inline-block;
    color:#c0c0c0; /*C6E2FF   14396a*/
    font-family: 'Open Sans', sans-serif;
    font-size:13pt;
	text-align:center;
    font-weight:normal;
    padding:3px 6px; /* 3px 16px */
    text-decoration:none;
}

.T_Headline_Red {
	background-color:transparent;
    color: red;
    font-family: 'Open Sans', sans-serif;
    font-size:13pt;
	text-align:center;
}


.TADANO_Headline_2_Blue
{
	background-color:transparent;
	font-family: 'Open Sans', sans-serif;
	font-size:22pt;
	font-weight:bold;
	text-align:center;
	color: #0853a4 !important;
	padding:0px;
}


.TADANO_Headline_3_Blue
{
	background-color:transparent;
	font-family: 'Open Sans', sans-serif;
	font-size:15pt;
	font-weight:bold;
	text-align:center;
	color: #0853a4;
	padding:0px;
}

.TADANO_Headline_2_Black
{
	background-color:transparent;
	font-family: 'Open Sans', sans-serif;
	font-size:22pt;
	font-weight:normal;
	text-align:center;
	color: #000000;
	padding:0px;
}

.TADANO_Headline_3_Black
{
	background-color:transparent;
	font-family: Arial,Helvetica,sans-serif;
	font-size:20pt;
	font-weight:bold;
	text-align:center;
	color: #000000;
	padding:0px;
}
.T_Headline_Blue {

	background-color:transparent;
    display:inline-block;
    color:#0853a4; /*C6E2FF   14396a*/
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
	text-align:center;
    font-weight:normal;
    padding:3px 6px; /* 3px 16px */
    text-decoration:none;
}
/*TF Ehler 22.07.2019 Neues DDesign für Kranbezeichnung*/
.T_Headline_CraneName {
	background-color:transparent;
    display:inline-block;
    color:#0853a4; /*C6E2FF   14396a*/
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
	text-align:center;
    font-weight:normal;
    padding:3px 6px; /* 3px 16px */
    text-decoration:none;
    border-bottom:2px solid #009edf;
    width:100%;
    max-width:900px
}

.T_TD_Text_2 {
	background-color:#e5e5e5;
	filter: alpha(opacity=80);
	opacity: 0.8;
	font-family: 'Open Sans', sans-serif;
	font-size:11pt;
	text-align:left;
	color: #999999;
	height:28px;
	padding:10px 5px 10px 15px;
	border:none;
	vertical-align:middle;
	text-decoration:none;
}

.T_TD_Wert_2 {
	background-color:#e5e5e5;
	filter: alpha(opacity=80);
	opacity: 0.8;
	font-family: 'Open Sans', sans-serif;
	font-size:11pt;
	text-align:left;
	color: #4c4c4c;
	height:28px;
	padding:10px 5px 10px 5px;
	border:none;
	vertical-align:middle;
	text-decoration:none;
}
.T_TD_Text_2_Center {
	background-color:#e5e5e5;
	filter: alpha(opacity=80);
	opacity: 0.8;
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-align:center;
	color: #999999;
	height:28px;
	padding:5px 5px 5px 5px;
	border:none;
	vertical-align:middle;
	text-decoration:none;
}
.T_TD_Wert_2_Center {
	background-color:#FFFFFF;
	filter: alpha(opacity=80);
	opacity: 0.8;
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-align:center;
	color: #4c4c4c;
	height:28px;
	padding:5px 5px 5px 5px;
	border:none;
	vertical-align:middle;
	text-decoration:none;
	border-bottom:solid 2px #e5e5e5;
}

.TADANO_Input_Text {
	width:200px;
	height:28px;
	border:2px solid #999999;
	color:#999999;
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	font-weight:normal;
}

.TADANO_Notes
{
	/*background-color:#e5e5e5;*/
	filter: alpha(opacity=50);
	opacity: 0.5;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color: #000000;
	padding:0px;
	border:none;
	vertical-align:top;

}

.TADANO_SELECT_Mobile
{
	background-color:#e5e5e5;
	font-family: 'Open Sans', sans-serif;
	font-size:12pt;
	text-align:left;
	color: #000000;
	padding:0px;
	border:none;
	vertical-align:middle;
	text-decoration:none;
}
/* Flo Ehler custom TADANO css */
.TADANO_SELECT_Header
{
 	width: auto;
 	padding: 5px 35px 5px 5px;
 	font-size: 16px;
 	height: 34px;
 	border: none;
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;
 	background: url(../images/dropdown_arrow_down.svg) 96% / 20% no-repeat #eee;
}
.TADANO_SELECT_Header:hover
{
	cursor:pointer;
	border: 1px solid #2698ec75;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px
}
.TADANO_SELECT_Input
{
 	width: auto;
 	padding: 5px 35px 5px 5px;
 	font-size: 16px;
 	border: solid 1px #4d5d7ab8;
 	-moz-border-radius:3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;
 	height: 34px;
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;
 	background: url(../images/dropdown_arrow_down.svg) 100% / 10% no-repeat rgb(130, 207, 253);
}
.TADANO_SELECT_Input::-ms-expand{
	display:none;
}
.TADANO_SELECT_Input:hover
{
	cursor:pointer;
	border: 2px solid #2698ec75;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px
}
.Login_Input_Container{
	width:100%;
	height:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-shrink:0;
	justify-content: center;
	align-items: center;
	/* Safari */
	display: -webkit-flex;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	-webkit-flex-shrink:0;
	-webkit-justify-content: center;
	-webkit-align-items: center;
}
.Login_Input_DIV{
	width:100%;
	height:100%;
	display: flex;
	flex-direction: column;
	flex-wrap:nowrap;
	flex-shrink:0;
	justify-content: space-between;
	align-items: center;
	background-size: cover;
	position: relative;
	margin-bottom:2%;
	/* Safari */
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-webkit-flex-shrink:0;
	-webkit-justify-content: space-between;
	-webkit-align-items: center;
}

.TADANO_Range_Slider_Simple{
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: #888b8f;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.TADANO_Range_Slider_Simple:hover {
  opacity: 1;
}

.TADANO_Range_Slider_Simple::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #0081ff;
  cursor: pointer;
}

.TADANO_Range_Slider_Simple::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #0081ff;
  cursor: pointer;
}
.TADANO_Switch_Container{
	flex-wrap: nowrap;
	flex-direction:row;
	justify-content:space-aound;
	align-items:center;
	/* Safari , Morzilla*/
	display: -webkit-flex;
	-webkit-flex-wrap: nowrap;
	-webkit-justify-content: space-around;
	-webkit-flex-direction:row;
	-webkit-align-items:center;
}
.TADANO_Switch_Container > input[type=radio]{
	display:none;
}

.TADANO_Switch_Container > div, .TADANO_Switch_Container > table {
	width:50%;
	display:block;
	height:35px;
	padding:6 0 0 10;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:solid 1px #4d5d7ab8;
	background-color:none;
	
}
.TADANO_Switch{
	cursor:pointer;
	width:100%;
	height:35px;
}
.TADANO_Switch_Container > div:hover{
	cursor:pointer;
	border: 2px solid #2698ec75;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px
}
.TADANO_Switch_Selected{
	background-color:#33b1e5;
}
/*
.TADANO_Lupe_Grey, .TADANO_Lupe_White{
	background-image: url(../images/spriteMap_5.png);
	width:26px;
	height:26px;
	margin:0;
	border:solid 1px transparent;
	background-color:transparent;
	cursor:pointer;
}

.TADANO_Lupe_Grey{ background-position: -52px -385px;}
.TADANO_Lupe_White{ background-position: -76px -384px;}
*/

@media only screen and (min-width: 768px) {
	.Login_Input_DIV{
		width:60%;
		height:100%;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		flex-shrink:0;
		justify-content: space-between;
		align-items: center;
		background-size: cover;
		position: relative;
		margin-bottom:2%;
		/* Safari 4.0 - 8.0 */
		display: -webkit-flex;
		-webkit-flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-webkit-flex-shrink:0;
		-webkit-justify-content: space-between;
		-webkit-align-items: center;
	}
}
		
/* Flo Ehler custom TADANO css - Ende */
.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

#divWaitingWindow_js_ToolFunctions {
	background-color: white; 
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;

	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 50000;
	height: 100%;
	width: 100%;
	cursor: default;

	display: none;
}
#divWaitingWindow_js_ToolFunctions img {
	position: fixed;
	left:calc(50% - 20px);
	top:calc(50% - 50px);
	display: none;
}
#divWaitingWindow_js_ToolFunctions center{
	position: relative;
    top: 30%;
    font-size: 22px;
    color: #2271ad; /*  #0072c6;  #009edf; */
	/* font-weight: bold; */
	font-family: 'Open Sans', sans-serif;
}


.backBt_additionalClass {position:absolute; top:0px; left:0px; margin-left:45px; width:130px;}
.td_withBackBt{
	position:relative;
	padding:0px;
	width:100%;
}


.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  // IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+
    -o-text-overflow: ellipsis;  // for Opera 9 & 10
}



.gridTable_standard{
	border-collapse:collapse;
	table-layout: fixed;
	margin:0px;
}
.gridTable_standard > tbody > tr > td, .gridTable_standard  > thead > tr > th{
	padding:4px;
}
.gridTable_standard.withBorder > thead > tr > th:not(:last-child)
, .gridTable_standard.theadWithBorder > thead > tr > th:not(:last-child){ 
	border-right: solid 1px white;
}
.gridTable_standard.withBorder > tbody > tr > td:not(:last-child){ 
	border-right: solid 1px #336699;
}
/*  Define the background color for all the ODD background rows  */
.gridTable_standard > tbody > tr:nth-child(odd){
	background-color: #eaeff7;
}
/*  Define the background color for all the EVEN background rows  */
.gridTable_standard > tbody > tr:nth-child(even){
	background-color: #d2deef;
}
.gridTable_standard > tbody > tr:not(.selected):hover, .gridTable_standard .hover{
   	background-color: #c0d4f0 !important;
}
.gridTable_standard .selected{
   	background-color: #BBBBBB !important;
}
.gridTable_standard > thead > tr > th, .gridTable_standard .caption {
	font-family: Arial,Helvetica,sans-serif;
	background-color: #336699;
	font-size:14px;
	text-align:center;
	color: white;
}
.gridTable_standard .caption {
	text-align:left;
}
.gridTable_standard .caption_2 {
	font-family: Arial,Helvetica,sans-serif;
	background-color: #aac0de;
	font-size:14px;
	text-align:left;
}

/* */

/* Standard - Tabellen (Variante 2) mit einem "Kopf"-Bereich und "gestreiftem" TBODY */

	.gridTable_standard_2{
		border-collapse:collapse;
		table-layout: fixed;
		margin:0px;
	}
	.gridTable_standard_2 > tbody > tr > td, .gridTable_standard_2  > thead > tr > th{
		padding:4px;

		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	.gridTable_standard_2.withBorder > thead > tr > th:not(:last-child)
	, .gridTable_standard_2.theadWithBorder > thead > tr > th:not(:last-child){ 
		border-right: solid 1px white;
	}
	.gridTable_standard_2.withBorder > tbody > tr > td:not(:last-child){ 
		border-right: solid 1px #b5b5b5;  
	}
	/*  Define the background color for all the ODD background rows  */
	.gridTable_standard_2 > tbody > tr:nth-child(odd){
		background-color: #FFFFFF; 
		
	}
	/*  Define the background color for all the EVEN background rows  */
	.gridTable_standard_2 > tbody > tr:nth-child(even){
		background-color: #FAFAFA; 
		
	}
	.gridTable_standard_2 > tbody > tr:not(.selected):hover, .gridTable_standard_2 .hover{
	   	background-color: #F0F0F0 !important; 
		
	}
	.gridTable_standard_2 .selected{
	   	background-color: #BBBBBB !important;
	}
	.gridTable_standard_2 > thead > tr > th {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		background-color: #b5b5b5; 
		font-size:14px;
		text-align:center;
		color: #535353;
	}

/* */

/* Standard - Tabellen (Variante 3) mit einem "Kopf"-Bereich und "gestreiftem" TBODY */

	.gridTable_standard_3{
		border-collapse:collapse;
		table-layout: fixed;
		margin:0px;
	}
	.gridTable_standard_3 > tbody > tr > td, .gridTable_standard_3  > thead > tr > th{
		padding:4px;

		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	.gridTable_standard_3.withBorder > thead > tr > th:not(:last-child)
	, .gridTable_standard_3.theadWithBorder > thead > tr > th:not(:last-child){ 
		border-right: solid 1px white;
	}
	.gridTable_standard_3.withBorder > tbody > tr > td:not(:last-child){ 
		border-right: solid 1px #b5b5b5;  
	}

	.gridTable_standard_3 > tbody > tr:nth-child(2n+2){
		background-color: #FAFAFA;
	}
	.gridTable_standard_3 > tbody > tr:nth-child(2n+1){
		background-color: #FAFAFA;
	}

		.gridTable_standard_3 > tbody > tr:nth-child(4n+2){
		background-color: #FFFFFF;
	}
		.gridTable_standard_3 > tbody > tr:nth-child(4n+1){
		background-color: #FFFFFF;
	}

	.gridTable_standard_3 .selected{
	   	background-color: #BBBBBB !important;
	}
	.gridTable_standard_3 > thead > tr > th {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		background-color: #b5b5b5; 
		font-size:14px;
		text-align:center;
		color: #535353;
	}

/* */


.deleteButtonSmall, .deleteButtonSmallDisabled, .plusButtonSmall, .plusButtonSmallDisabled, .plusButtonSmallBlind{
	width:12px;
	height:12px;
	margin:0;
}
.deleteButtonSmall, .deleteButtonSmallDisabled{
	background-image: url(../images/delete_10.png);
}
.plusButtonSmall, .plusButtonSmallDisabled{
	background-image: url(../images/plus_10.png);
}
.deleteButtonDisabled, .deleteButtonSmallDisabled, .plusButtonDisabled, .plusButtonSmallDisabled, .textDisabled{
	opacity: 0.4;
    filter: alpha(opacity=40);
}
/* mit den Klassen werden "div's" als Selectboxen dargestellt.
	ACHTUNG!!! diese Namen NIE(!) aendern. Sie werden oft "dynamisch" zusammengesetzt */
.imageAs_checkboxYes, .imageAs_checkboxNo, .imageAs_radioYes, .imageAs_radioNo {
     width: 18px;
     height: 18px;
     background-image: url(../images/sprite_checkbox_radio.png);
}
.imageAs_checkboxYes{
     background-position: -114 0;
}
.imageAs_checkboxNo{
     background-position: -38 0;
}
.imageAs_radioYes{
     background-position: -108 -18;
}
.imageAs_radioNo{
     background-position: -34 -18;
}
.imageAsNew_radioYes, .imageAsNew_radioNo {
     width: 18px;
     height:18px;
}
.imageAsNew_radioYes{
	background: url(../images/radio_checked.png) no-repeat center;
	background-size: 10px;
}
.imageAsNew_radioNo{
	background: url(../images/radio_off.png)  no-repeat center;
	background-size: 10px;
}

/* Ende. Mit den Klassen werden "div's" als Selectboxen dargestellt */

/* AXLE LOAD Klassen */

.AL_Table_1{
	border-collapse:collapse;
	table-layout: fixed;
	width:calc(100% - 100px);
	margin: 0 50 0 50;
}
.AL_Table_1 > tbody > tr > td{

	/*
	border-bottom: #009edf 1px solid;
	*/
}

.AL_Table_1_Image{
	border-collapse:collapse;
	table-layout: fixed;
	width:calc(100% - 100px);
	margin: 0 50 0 50;
}
.AL_Headline, .AL_Description, .AL_Values, .AL_MainHeadline
{
	filter: alpha(opacity=60);
	opacity: 0.6;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	height:38px;
	border:none;
	vertical-align:middle;
	text-decoration:none;
	border-bottom:1px solid #e5e5e5;

}

.AL_Headline
{
	background-color:#e5e5e5;
	font-size:12pt;
	text-align:left;
	padding:0px 5px 0px 15px;
}

.AL_MainHeadline
{
	background-color:#e5e5e5;
	font-size:12pt;
	text-align:center;
}

.AL_Description
{
	font-size:10pt;
	text-align:left;
	padding:0px 5px 0px 15px;
}

.AL_Values
{
	font-size:10pt;
	text-align:right;
}

.open_configuration_Bt, .save_configuration_Bt, .save_as_configuration_Bt, .new_configuration_Bt, 
    .set_fullscreen_Bt, .close_fullscreen_Bt, .save_as_PDF_Bt, .resetDefault_Bt, .construction_site, .refresh_Bt, .edit_Bt,
	.cc_info_bt, .cc_edit_bt, .cc_menu_bt, .cc_delete_bt, .cc_pdf_bt, .cc_filter_bt, .cc_document_bt, .cc_download_bt, .cc_search_bt, 
	.cc_import_bt,	.cc_fullscreen_open_bt, .cc_fullscreen_close_bt{
	
	/* durch naechste 4 Angaben sehen die Buttons dem " < Back "-Button im Frontend gleich */
	height:36px;
	width:36px;
	border: 2px solid #999999;
	border-radius: 0px;

	margin:0 0 0 0;

	background-position: center;
}
.refresh_Bt{
	background-image: url(../images/refresh_24.png);
}
.open_configuration_Bt{
	background-image: url(../images/open_24.png);
}
.save_configuration_Bt{
	background-image: url(../images/save_24.png);
}
.save_as_configuration_Bt{
	background-image: url(../images/save_as_24.png);
}
.new_configuration_Bt{
	background-image: url(../images/new_24.png);
}
.set_fullscreen_Bt{
	background-image: url(../images/fullscreenOpen_24.png);
}
.close_fullscreen_Bt{
	background-image: url(../images/fullscreenClose_24.png);
}
.save_as_PDF_Bt{
	background-image: url(../images/pdf_24.png);
}

.cc_info_bt{
	background-image: url(../images/info_1x.png);
}
.cc_edit_bt{
	background-image: url(../images/edit_1x.png);
}
.cc_menu_bt{
	background-image: url(../images/list.svg);
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
}
.cc_delete_bt{
	background-image: url(../images/delete_1x.png);
}
.cc_pdf_bt{
	background-image: url(../images/pdf_1x.png);
}
.cc_filter_bt{
	background-image: url(../images/filter.svg); 	
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
}
.cc_document_bt{
	background-image: url(../images/document.svg);
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
}
.cc_download_bt{
	background-image: url(../images/download.svg);
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
}
.cc_search_bt{
	background-image: url(../images/search.svg);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
}
.cc_import_bt{
	background-image: url(../images/save.svg); 	
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
}
.cc_fullscreen_open_bt{
	background-image: url(../images/fullscreen_open_1x.png);
}
.cc_fullscreen_close_bt{
	background-image: url(../images/fullscreen_close_1x.png);
}

.save_as_PDF_Bt:disabled, .save_configuration_Bt:disabled, .save_as_configuration_Bt:disabled, .cc_info_bt:disabled{
	cursor: default;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.edit_Bt{
	background-image: url(../images/new_24.png);
}

.resetDefault_Bt{
	background-image: url(../images/ResetToDefault.png);
}
.construction_site{
	background-image:url(../images/Axleload_constrsution_site_button24.png)
}
.save_configuration_Bt:not(:disabled):hover, .open_configuration_Bt:hover,
	.new_configuration_Bt:hover, .save_as_configuration_Bt:not(:disabled):hover, 
	.set_fullscreen_Bt:hover, .close_fullscreen_Bt:hover, .save_as_PDF_Bt:not(:disabled):hover, 
	.resetDefault_Bt, .refresh_Bt:hover,
	.cc_info_bt:not(:disabled):hover, .cc_edit_bt:not(:disabled):hover, .cc_menu_bt:not(:disabled):hover, 
	.cc_delete_bt:not(:disabled):hover, .cc_pdf_bt:not(:disabled):hover, .cc_filter_bt:not(:disabled):hover, 
	.cc_document_bt:not(:disabled):hover, .cc_download_bt:not(:disabled):hover, .cc_search_bt:not(:disabled):hover, 
	.cc_import_bt:not(:disabled):hover,	.cc_fullscreen_open_bt:not(:disabled):hover, .cc_fullscreen_close_bt:not(:disabled):hover{
	border-color: #707070;
	/*background-color: #ebebeb !important;
	transform: scale(1.08);*/
	background-color: #ebebeb !important;
	transition: 0.2s;
}

/* TADANO Ende*/

/* Alte Styles fuer's CF 10. => Feb. 2022 kann spaeter geloescht werden
.x-window-dlg .x-window-mc{
	background-color:white !Important;
	min-height:50px !Important;
	padding-top:10px;
}
.x-window-dlg .x-window-footer.x-panel-btns{
	padding:0 0 7 0;
}
.x-window-dlg .x-window-footer.x-panel-btns .x-toolbar-ct{
	background-color:#f0f0f0 !Important;
	min-height:50px !Important;
}
.x-window-dlg div.x-window-bwrap input.ext-mb-input{
	height:22px;
	padding: 2 4 3 4;
	border:solid 1px #a9a9a9;
}
.x-window-dlg div.x-window-bwrap textarea.ext-mb-textarea{
	border: 0px;
	display: inline !important;
	width: 100%;
	overflow: hidden;
}
.x-window-dlg div.x-window-bwrap .ext-mb-content > br{
	display:none;
}

.x-window-dlg .x-window-footer.x-panel-btns .x-toolbar-ct .x-btn.x-btn-noicon{
	height: 26px;
}
.x-window-dlg .x-window-footer.x-panel-btns .x-toolbar-ct .x-btn.x-btn-noicon .x-btn-mc .x-btn-text{
	font-size: 16px;
}
*/
.x-window-default {
	background-color: #cccccc;
	border-color: 999999; 
}
.x-window .x-window-header.x-window-header-default.x-box-layout-ct{ /* die Uebreschrifts-Leiste */
	background-color: transparent;
}
.x-window .x-window-header.x-window-header-default.x-box-layout-ct .x-tool-close{/* der "close"-Button in der Uebreschrifts-Leiste */
	background-color: transparent;
}

.x-window.x-message-box .x-window-body{  /* Die Anzeige mit dem Text im mittleren Bereich der MessageBox */
	background-color: white !Important;
}

.x-window.x-message-box .x-toolbar.x-toolbar-footer.x-box-layout-ct  /* die Leiste mit den Buttons */
{
	background-color:#f0f0f0 !Important;
	padding-top: 12;
	padding-bottom: 10;
}

.x-window.x-message-box .x-toolbar.x-toolbar-footer.x-box-layout-ct .x-toolbar-item.x-btn-default-small{
	padding: 5;
	background-color: white;
	min-width: 120px !important;
	font-size: 14px !important;
}
.x-window.x-message-box .x-toolbar.x-toolbar-footer.x-box-layout-ct .x-toolbar-item.x-btn-default-small .x-btn-inner-default-small{
	font-size: 14px !important;
}




	.arrowUpWhiteButton, .arrowDownWhiteButton, .arrowUpBlackButton, .arrowDownBlackButton{
		background-image: url(../images/spriteMap_4.png);
		width:25px;
		height:18px;
		margin:0;
		border:none;
		background-color:transparent;
		cursor:pointer;
	}
	.arrowUpWhiteButton{ background-position: -36px -7px;}
	.arrowDownWhiteButton{ background-position: -36px -71px;}
	.arrowUpBlackButton{ background-position: -4px -7px;}
	.arrowDownBlackButton{ background-position: -4px -71px;}

	.arrowUpWhiteButton_small_bold, .arrowDownWhiteButton_small_bold, .arrowUpBlackButton_small_bold, .arrowDownBlackButton_small_bold{
		background-image: url(../images/spriteMap_2.png);
		width:12px;
		height:7px;
		margin:0;
		border:none;
		background-color:transparent;
		cursor:pointer;
		filter: alpha(opacity=60);
		opacity: 0.6;
	}
	.arrowUpWhiteButton_small_bold{ background-position: -18px -196px;}
	.arrowDownWhiteButton_small_bold{ background-position: -18px -229px;}
	.arrowUpBlackButton_small_bold{ background-position: -2px -196px;}
	.arrowDownBlackButton_small_bold{ background-position: -2px -229px;}



	.nodeCollapsed, .nodeExpanded{
		background-image: url(../images/spriteMap_5.png);
		width:15px;
		height:15px;
		margin:0;
		border:solid 1px transparent;
		background-color:transparent;
		cursor:pointer;
	}
	.nodeCollapsed{ background-position: -6px -314px;}
	.nodeExpanded{ background-position: -6px -366px;}



.Kachel_Menu{
	background-color: transparent;
	cursor:pointer;
	height:30px;
}

.Kachel_Menu:hover{
	background-color:#F0F0F0;
}

.Btn_trans {
	
	background-color:#FFFFFF;
    border:2px solid #009edf;
    display:inline-block;
    color:#009edf; /*C6E2FF   14396a*/
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size:10pt;
    font-weight:normal;
    padding:2 8 2 8 !Important; /* 3px 16px */
    text-decoration:none;
	cursor:pointer;
}

.Btn_trans:disabled {
	border:2px solid #b5b5b5;
	color:#b5b5b5;
	cursor:default;
}


.calendarInput{
	background-color: transparent;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	padding-top:2px;
	height:23px;
	text-align:center;
	border:none;
}
.calendarTD, calendarTD_backgroundWhite{font-family: Arial, Helvetica, sans-serif;font-size:9pt; text-align: center; padding: 3px; border: none;}
.calendarTD{background-color:transparent; }
.calendarTD_backgroundWhite{background-color:white; }
.CalendarTable{background-color:transparent;margin:1px;}
.calendarButton{
	width:24px;
	height:22px;
	border:solid 1px #D7D7D7;
	margin:0px;
	background-image: url(../images/calendar.bmp);
	background-position:center;
}
.calendarButton:disabled{
	background-image: url(../images/calendarDisabled.bmp);
}

.monthCalendarButton{
	cursor: pointer;
}
.monthCalendarButton:disabled{
	
	cursor: default;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

.calenderBT{
	width:24 !Important;
	height:22 !Important;
	border:solid 1px #D7D7D7 !Important;
	margin:0px;
	background-image: url(../images/calendar.bmp) !Important;
	background-position:center !Important;
}
.calenderBT:disabled{
	background-image: url(../images/calendarDisabled.bmp) !Important;
	cursor:default !Important;
}

.Headline_Small_Blue {

	background-color:transparent;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:13pt;
	font-weight:bold;
	text-align:center;
	color: #009edf;
	padding:0px;
}

</style>
