BODY {
	 MARGIN: 0;
	  scrollbar-face-color: #FFFFFF; 
	  scrollbar-shadow-color: #cbc9bf; 
	  scrollbar-highlight-color: #FFFFFF; 
	  scrollbar-3dlight-color: #cbc9bf; 
	  scrollbar-darkshadow-color: #FFFFFF; 
	  scrollbar-track-color: #FFFFFF; 
	  scrollbar-arrow-color: #cbc9bf; 
	  background-color: #e6e6e6;
	  background-position: left top;
	  margin: 0 auto;
	  padding: 0;

}

.homelogo{padding-top:5px;}

.TopTab {
border:  0 solid #a4d1ff;
margin-top:0px; 
webkit-border-top-right-radius: 10px;  
webkit-border-top-left-radius: 10px;  
moz-border-radius-topright: 10px;  
moz-border-radius-topleft: 10px;  
border-top-right-radius: 10px;  
border-top-left-radius: 10px; 
} 

.TopTabRight {
border:  0 solid #a4d1ff;
margin-top:0px; 
webkit-border-top-right-radius: 10px;  
moz-border-radius-topright: 10px;  
border-top-right-radius: 10px;  
} 

.TopTabLeft {
border: 0 solid #a4d1ff;
margin-top:0;
webkit-border-top-left-radius: 10px;  
moz-border-radius-topleft: 10px;  
border-top-left-radius: 10px; 
} 


h2{
	font-size:16px;
	color:#6a6a6a;
	line-height:18px;	
	margin-top:6px;
}

A.Text:link {
	FONT-SIZE: 14px; COLOR: #0083c1; FONT-FAMILY: Calibri,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.Text:active {
	FONT-SIZE: 14px; COLOR: #0083c1; FONT-FAMILY: Calibri,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.Text:visited {
	FONT-SIZE: 14px;COLOR: #0083c1; FONT-FAMILY: Calibri,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.Text:hover {
	FONT-SIZE: 14px; COLOR: #0077b0; FONT-FAMILY: Calibri,Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.Text:hover {
	FONT-SIZE: 14px; COLOR: #FF9900; FONT-FAMILY: Calibri,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.Text {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232;
}
.TextBlauw {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #0083c1;
}

.TextTitel {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #0083c1;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold; 
}

.Textklein {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	color: #323232;
}

.tekst {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232;
}
.tekstNormal {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232;
}
a:link {color: #007af4; text-decoration: none; font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif;}
a:active {color: #007af4; text-decoration: none;}
a:visited {color: #007af4; text-decoration: none;}
a:hover {color: #ff8000; text-decoration: underline;}

.menubutton {
width:100px;
height:17px;
margin:2px;
background-color:#eef0f2;
font-size:8pt;
COLOR: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
border-top: 1px solid #dee2e7;
border-left: 1px solid #dee2e7;
border-bottom: 1px solid #718493;
border-right: 1px solid #718493;
} 
a:visited.menubutton {
COLOR: #000000;
}
a:active.menubutton {
COLOR: #000000;
}
a:hover.menubutton {
background-color:#e1e4e8;
COLOR: #000000;
}

.TableText {

	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232; 

}

.TableText td{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232; 
	border:1px solid #f0f0f0;
}

.TableNoBorder{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232; 
	border:0px ;
	border-collapse:collapse;
}

.TableNoBorder td {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232; 
	border:0px ;
	border-collapse:collapse;
}

.lijst{
	background-color: #c3d0d8;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 9px;
	border-color:#c0c0c0;
        border-style: none;
}
.lijstlicht{
	background-color: #ffffff;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 9px;
        border-style: none;
}
.lijstdonker{
	background-color: #F2F2F2;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 9px;
        border-style: none;
}
.lijstActive {  
	background-color: #7dbeff;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
        border-style: none;
}
.lijstattentie{
	background-color: #ff8000;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
        border-style: none;
}
.lijstgroen{
	background-color: #80ff80 !important;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
        border-style: none;
}
.lijstActive{
	background-color: #B2DDEB;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
        border-style: none;
}

.lijstkop{
    background-color: #a4d1ff;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #000000;
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 9px;

 
}
.lijstborder{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #000000;
	FONT-FAMILY: Helvetica ,Arial, sans-serif;
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 9px;
        border-style: none;
}





.formlicht{
	background-color: #f3f4f8;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 5px;
}
.formdonker{
	background-color: #f3f4f8;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 5px;
}

	
	form{
		display:inline;
	}

A:link.adres {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:active.adres {
	FONT-WEIGHT: bold; FONT-SIZE: 8px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none
}
A:visited.adres {
	FONT-SIZE: 8pt;COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none
}
A:hover.adres {
	FONT-SIZE: 8pt; COLOR: #ff8000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
	
	
.tekstlinks {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #000000; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.titellinks {
FONT-WEIGHT: bolder; FONT-SIZE: 9pt; MARGIN: 0 5px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
; padding: 0 5px
}
.onderaan {
	PADDING-RIGHT: 0;PADDING-LEFT: 0;FONT-WEIGHT: normal; FONT-SIZE: 7pt; PADDING-BOTTOM: 0;MARGIN: 0;COLOR: #FFCC00; PADDING-TOP: 0;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.ondertitel { FONT-WEIGHT: normal; FONT-SIZE: 7pt; MARGIN:  0 5px  0 0;COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none ; padding:  0 5px  0 0px}
.klein { FONT-WEIGHT: normal; FONT-SIZE: 7pt; MARGIN:  0 5px; COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none ; padding:  0 5px }
.titelextra { FONT-WEIGHT: bolder; FONT-SIZE: 9pt; MARGIN: 2px 5px; COLOR: #0099CC; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none ; padding: 2px 5px}
.adminnav { FONT-WEIGHT: normal; FONT-SIZE: 8pt; MARGIN:  0 2px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none ; padding:  0 2px}
.sidenav {
	PADDING-RIGHT: 2px;  PADDING-LEFT: 2px;   FONT: bold 11px verdana; 
	}
A.sidenav {
	COLOR: #787878; TEXT-DECORATION: none
}
A.sidenav:active {
	COLOR: #787878; TEXT-DECORATION: none
}
A.sidenav:visited {
	COLOR: #787878; TEXT-DECORATION: none
}
A.sidenav:hover {
	COLOR: #0091d7; TEXT-DECORATION: underline
}

A.volgorde {
	COLOR: #ffffff; font-weight: bold;
}
A.volgorde:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.volgorde:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.volgorde:hover {
	COLOR: #ffff00; TEXT-DECORATION: underline
}

input[size="2"]{width:47px;}
input[size="3"]{width:54px;}
input[size="4"]{width:61px;}
input[size="5"]{width:68px;}
input[size="6"]{width:75px;}
input[size="7"]{width:82px;}
input[size="8"]{width:89px;}
input[size="9"]{width:96px;}
input[size="10"]{width:103px;}

.anylinkcss{
position:absolute;
visibility: hidden;
font:normal 11px Verdana;
text-align: left;
line-height: 15px;
z-index: 100;
padding: 7px 5px;
background-color: #ffffff;
width: 205px;
border: 1px solid #e1e1e1;
border-radius:7px; 
-moz-border-radius:7px; 
-khtml-border-radius:7px; 
-webkit-border-radius:7px; 
-moz-box-shadow: 7px 7px 7px #dfdfdf; 
-webkit-box-shadow: 7px 7px 7px #dfdfdf; 
box-shadow: 7px 7px 7px #dfdfdf;	
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000080;
 
}
.anylinkcss a:visited{
width: 100%;
display: block;
text-indent: 3px;

padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000080;

}
.anylinkcss a:active{
width: 100%;
display: block;
text-indent: 3px;

padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000080;

}

.anylinkcss a:hover{ /*hover background color*/
background-color: #22b7ff;
font-weight: bold;
color: #ffffff;
}


.Box {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	background-color: #fbfbfb;
	font-size: 14px;
	text-align: left;
	color: #323232;
border: 1px solid #d6d6d6; 
margin-top:5px; 
border-radius:10px; 
-moz-border-radius:10px; 
-khtml-border-radius:10px; 
-webkit-border-radius:10px;  

}

.BoxActive {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	background-color: #dee4e7;
	font-size: 14px;
	text-align: left;
	color: #323232;
border: 1px solid #d6d6d6; 
margin-top:5px; 
border-radius:10px; 
-moz-border-radius:10px; 
-khtml-border-radius:10px; 
-webkit-border-radius:10px;  

}

.BoxShadow {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232;
border: 1px solid #d6d6d6; 
margin-top:5px; 
border-radius:10px; 
-moz-border-radius:10px; 
-khtml-border-radius:10px; 
-webkit-border-radius:10px;  
-moz-box-shadow: 7px 7px 7px #dfdfdf; 
-webkit-box-shadow: 7px 7px 7px #dfdfdf; 
box-shadow: 7px 7px 7px #dfdfdf;	
}

.BoxShadowActive {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232;
	background: #b9dcff;
	cursor: pointer;
border: 1px solid #d6d6d6; 
margin-top:5px; 
border-radius:10px; 
-moz-border-radius:10px; 
-khtml-border-radius:10px; 
-webkit-border-radius:10px;  
-moz-box-shadow: 7px 7px 7px #b5b5b5; 
-webkit-box-shadow: 7px 7px 7px #b5b5b5; 
box-shadow: 7px 7px 7px #b5b5b5;	
}

.hovermenu{
position:absolute;
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 12px;
text-align: left;
line-height: 18px;
z-index: 80;
padding: 7px 5px;
background-color: #fbfbfb;
margin-top:5px; 
width: 205px;
border: 1px solid #e1e1e1;
border-radius:7px; 
-moz-border-radius:7px; 
-khtml-border-radius:7px; 
-webkit-border-radius:7px; 

}

.hovermenu a{
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000080;
 
}
.hovermenu a:visited{
width: 100%;
display: block;
text-indent: 3px;

padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000080;

}
.hovermenu a:active{
width: 100%;
display: block;
text-indent: 3px;

padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000080;

}

.hovermenu a:hover{ /*hover background color*/
background-color: #dee4e7;
font-weight: bold;
color: #000000;
}

.basetabs{
padding: 5px 0;
margin-left: 30px;
margin-top: 1px;
margin-bottom: -5px;
font-family: Calibri,Arial, Helvetica, sans-serif;
font-size: 14px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basetabs li{
display: inline;
margin: 0;
}

.basetabs li a{
text-decoration: none;
position: relative;
height: 30px;
z-index: 1;
padding: 7px;
margin-right: 3px;
border: 1px solid #cdcdcd;
color: #808080;
background-color: #f7f7f7; 

webkit-border-top-right-radius: 7px;  
webkit-border-top-left-radius: 7px;  
moz-border-radius-topright: 7px;  
moz-border-radius-topleft: 7px;  
border-top-right-radius: 7px;  
border-top-left-radius: 7px; 
}
.basetabs li.notempty a,
.basetabs li.notempty a.active{background:#ddffdd;}
.basetabs li.notempty a.active:hover{background:#0083c1;}

.basetabs li a.active{ 
font-size:.9em;
color:#333;
FONT-WEIGHT: bold;
background-color:#ffffff;
background-image: none;
border: 1px solid #cdcdcd;
border-bottom-color: white;
}
.basetabs li a:hover{
text-decoration: none;
color: #ffffff;
background-color:#0083c1;
background-image: none;
}

.MenuContent {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232;
	cursor: pointer;
	border: 1px solid #d6d6d6; 
	margin-top:-12px;
	margin-left: 15px; 
	border-radius:6px; 
	-moz-border-radius:6px; 
	-khtml-border-radius:6px;
	-moz-box-shadow: 7px 7px 7px #dfdfdf; 
	-webkit-box-shadow: 7px 7px 7px #dfdfdf; 
	box-shadow: 7px 7px 7px #dfdfdf;	
}

.button_blue{
	cursor:pointer;
	font-size: 11px;
	color: #000000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 6px;
	margin-top:5px;
	background-color:#cfcfcf;	
	border: 1px solid #808080;
	background: -moz-linear-gradient(top, #e1e1e1, #a6a6a6);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#a6a6a6));
}
.button_blue:hover {
	color:#000000 !important;
	background:#a4d1ff;
	text-decoration: none;
	background: -moz-linear-gradient(top, #249ee4, #057cc0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#249ee4), to(#057cc0));
}
.button_blue_attention{
	cursor:pointer;
	font-size: 11px;
	color: #000000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 6px;
	margin-top:5px;
	background-color:#cfcfcf;	
	border: 1px solid #808080;
	background: -moz-linear-gradient(top, #e1e1e1, #a6a6a6);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#a6a6a6));
}
.button_blue_attention:hover {
	color:#ffffff;
	background:#ff0000;
	text-decoration: none;
	background: -moz-linear-gradient(top, #249ee4, #057cc0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#249ee4), to(#057cc0));
}	

.button_red{
	cursor:pointer;
	font-size: 11px;
	color: #000000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 6px;
	margin-top:5px;
	background-color:#cfcfcf;	
	border: 1px solid #808080;
	background: -moz-linear-gradient(top, #ff8a8a, #ff0000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8a8a), to(#ff0000));
}	
.button_red:hover {
	color:#000000;
	background:#a4d1ff;
	text-decoration: none;
	background: -moz-linear-gradient(top, #249ee4, #057cc0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#249ee4), to(#057cc0));
}

.btn_action{
    padding: .75em 1.5em;
    color: #fff !important;
    font-size: 13px !important;
    background: #ff3333; border-radius: .35em; margin: .5em 1em;
}
.btn_action:visited{font-size: 1.4em;}
.btn_action:hover {text-decoration: none;}


.button_grijs{
	cursor:pointer;
	font-size: 11px;
	color: #5d5d5d;
	/* border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; */
	
	padding-left: 6px ;
	padding-right:6px;
	padding-top: 3px;
	padding-bottom:3px;
	margin-top:1px;
	margin-left:5px;
	margin-bottom:1px;
	margin-right:5px;
	background-color:#E2E2E2;	
	border: 1px solid #c0c0c0;
	-moz-box-shadow: 2px 2px 2px #dfdfdf; 
	-webkit-box-shadow: 2px 2px 2px #dfdfdf; 
	box-shadow: 2px 2px 2px #dfdfdf;	
	background: -moz-linear-gradient(top, #f8f8f8, #d7d7d7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#d7d7d7));
}
.button_grijs:hover {
	color:#fff;
	background:#696969;
	TEXT-DECORATION: none;
	background: -moz-linear-gradient(top, #e7e0de, #535353);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e0de), to(#535353));
}	

a.button_grijs, a.button_grijs:after , a.button_grijs:focus, a.button_grijs:active, input[type="submit"], #confirmBtn{
	cursor: pointer;
	font-size: 12px;
	color: #545454;
	background-color:#E6E6E6;
	padding-left: 6px ;
	padding-right:6px;
	padding-top: 3px;
	padding-bottom:3px;
	margin-top:0px;
	margin-left:5px;
	border: 1px solid #c0c0c0;
	-moz-box-shadow: 2px 2px 2px #dfdfdf; 
	-webkit-box-shadow: 2px 2px 2px #dfdfdf; 
	box-shadow: 2px 2px 2px #dfdfdf;	
	border-radius:3px; 
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px;
}
a.button_grijs:hover, input[type="submit"]:hover, #confirmBtn:hover {
	color: #ffffff;
	background-color:#545454;
	TEXT-DECORATION: none;
	padding-left: 6px ;
	padding-right:6px;
	padding-top: 3px;
	padding-bottom:3px;	
	-moz-box-shadow: 2px 2px 2px #ffffff; 
	-webkit-box-shadow: 2px 2px 2px #ffffff; 
	box-shadow: 2px 2px 2px #ffffff;		
}
input.button_blue[type="submit"]{
	padding:5px 6px;
	border: 1px solid #808080;
	border-radius:5px;
	font-size:8pt;
	color:#007af4;
}
input[type="submit"].biggerButton{padding:.75rem 1.5rem;}

.paginate-wrapper{margin:1em 0;}
.paginate {
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #0080c0;
padding: 2px 6px 2px 6px;
font-size: 1em;
border-radius:4px; 
-moz-border-radius:4px; 
-khtml-border-radius:4px; 
-webkit-border-radius:4px; 
}
a.paginate {
border: 1px solid #0080c0;
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #000080;
border-radius:4px; 
-moz-border-radius:4px; 
-khtml-border-radius:4px; 
-webkit-border-radius:4px; 
}
a.paginate:hover {
background-color: #0080c0;
color: #FFF;
text-decoration: none;
border-radius:4px; 
-moz-border-radius:4px; 
-khtml-border-radius:4px; 
-webkit-border-radius:4px; 
}
a.current {
border: 1px solid #0080c0;
font: bold 1em Arial,Helvetica,sans-serif;
padding: 2px 6px 2px 6px;
cursor: default;
background:#0080c0;
color: #FFF;
text-decoration: none;
border-radius:4px; 
-moz-border-radius:4px; 
-khtml-border-radius:4px; 
-webkit-border-radius:4px; 
}
span.inactive {
border: 1px solid #999;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 2px 6px 2px 6px;
color: #999;
cursor: default;
border-radius:4px; 
-moz-border-radius:4px; 
-khtml-border-radius:4px; 
-webkit-border-radius:4px; 
}	

.main-container{background:#fff;border: 1px solid #808080;width:1300px;margin:0 auto;}
.menu-container{height:20px;border-top: 2px solid #808080;}
.page-container{background:#fff;padding:.5em 1.5em 1em;text-align:left;font-family:arial;font-size:12px;}

select:disabled, input[type="checkbox"]:disabled{opacity:1; border-color:rgba(118, 118, 118, 0.8); color:#666;}
input[type="submit"]:disabled{background-color:#eee; color:#ccc !important;}
input[type="checkbox"]:disabled{background-color:#0f0;}
textarea.error,
select.error,
input.error{border:2px solid #ff0000 !important;}
p.error{font-family:verdana;font-size:.8em;font-weight:bold;color:#ff0000;}
tr[data-href]{cursor:pointer;}
td.clickable.hovered{cursor:pointer;}
.bold{font-weight:bold !important;}
.hide{display:none;}
.nowrap{white-space:nowrap;}
.nodecoration, .nodecoration:hover{text-decoration:none;border-bottom:0 !important;}
.icon{vertical-align:middle;margin-top:-2px;}
.copyright{font-family:arial;color:#999;font-size:11px;text-align:center;padding:.5em 0;clear:both;}
.inline-block{display:inline-block;}
.showAllSwitch{display:inline-block;margin-left:2em;font-size:1.4em;}
.clear{clear:both;}
.relative{position:relative;}
.thick-left-border{border-left:1px solid #666 !important;}
.subhead-link{display:inline-block;margin-left:12px;margin-right:12px;}


.weightAccountTable{border-collapse:collapse;}
.weightAccountTable thead tr td,
.weightAccountTable thead tr th{background:#fff;}
.weightAccountTable thead tr.totalHead{}
.weightAccountTable thead tr.totalHead td{border-top:1px solid #fff;}
.weightAccountTable thead tr.totalHead td:first-child{border-left:1px solid #fff;}
.weightAccountTable thead tr.totalHead th{background:#e0e0e0;border:1px solid #999;padding:.4em;}
.weightAccountTable thead tr.totalValues th,
.weightAccountTable thead tr.totalValues td{font-size:1.2em;padding-right:4px;border:0;}
.weightAccountTable thead tr.totalValues td{font-weight:normal;background:#eee;border:1px solid #999;}
.weightAccountTable thead tr.totalValues td.small{font-size:1em;}
.weightAccountTable thead tr.totalValues th:first-child{border-left:1px solid #fff;}
.weightAccountTable thead tr.head td{border:1px solid #999;background:#a4d1ff;}
.weightAccountTable thead tr.empty td{border-left:1px solid #fff; border-right:1px solid #fff;height:8px;}
.weightAccountTable tbody td{border:1px solid #999;}
.weightAccountTable td.red{background:#f00;}

.reportTable{border-collapse:collapse;}
.reportTable td, .reportTable th{padding:.4em;}
.reportTable thead td{background:#fff;}
.reportTable thead th {border:1px solid #999; background:#e0e0e0;}
.reportTable tbody td {border:1px solid #999; white-space: nowrap;}
.reportTable tbody th{font-weight:normal; background:#fff;}
.reportTable td.subtitle, .reportTable th.subtitle{font-weight:bold;}
.reportTable .zero{color:#bbb;}
.reportTable tbody tr:hover td{/*background:#eaeaea;*/}


/* Fix for <details> in IE */
details.details_shim_closed,
details.details_shim_open {display: block;}
details.details_shim_closed > * {display: none;}
details.details_shim_closed > summary,
details.details_shim_open   > summary {display: block;}
details.details_shim_closed > summary:before {display: inline-block; content: "\25b6"; padding: 0 0.1em; margin-right: 0.4em; font-size: 0.9em;}
details.details_shim_open   > summary:before {display: inline-block; content: "\25bc"; padding: 0; margin-right: 0.35em;}


details.Box{margin-bottom:1em;}
details.Box .inner-container{margin:10px;}
details.Box summary, .customer-productflows-container details summary{margin-left:10px;outline: none;cursor:pointer;font-weight:bold;padding:.2em;}
details.Box details summary span{border-bottom:1px dotted #ccc;font-weight:normal;}
.tariff-properties{margin:.2em 2em;border:1px solid #ccc;background:#fff;padding:.5em 1em;}
.tariff-properties-block{display:inline-block;vertical-align:top;margin-right:4em;}
.tariff-properties-block input[type="text"],
.tariff-properties-block input[type="text"][disabled],
.tariff-properties-block input.yellow{padding-left:4px;padding-right:4px;}
input.yellow{background:#fffd38;border:1px solid #666;padding-left:1px;padding-right:1px;}
select.yellow{background:#fffd38;}
input.yellow[disabled], select.yellow[disabled]{background:#eee;}
input.right{text-align:right;}
.date-tccontainer{width:55px;display:inline-block;padding:1px .5em 2px;border:1px solid transparent;margin-top:0px;font-size:12px;font-family:helvetica,sans-serif;white-space:nowrap;}
.yellow .date-tccontainer{background:#fffd38;border:1px solid #666;}

.batch-saved-msg{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;color:#339933;text-align:center;line-height:28px;font-size:11px;}
.saved-msg{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;color:#339933;text-align:center;line-height:24px;font-size:11px;}
.totalResidualWeight th:nth-child(1){border-right: 1px solid #999 !important;box-sizing:border-box;}
.totalResidualWeight td[data-metalid]{font-size:12px !important;box-sizing:border-box;}

.tariff-metals{font-size:12px;}
.tariff-metals th, .tariff-metals th{padding:0 .5em;}
.tariff-correction{font-size:14px;margin:1em 0 .5em;}
.tariff-save{margin:1em 0;}
.tariff-save input{font-size:1.1em;}
.tariff-save .result{padding-left:1em;color:#090;}
.note{color:#999; font-size:.9em;}
.feeDetails{margin:.5em 2em;color:#444;font-size:14px;display:none;}
.feeLabel.error{color:#f00;}
.addScaleRow,
.removeScaleRow{cursor:pointer;}

.customer-productflows-container{font-size:12px;margin-top:1em;}
.customer-productflows-container .feeDetails, .customer-productflows-container .tariff-correction{font-size:12px;}
.customer-productflows-container .customer-productflow:nth-child(even) .customer-productflow-header{background:#eaeaea;}
.customer-productflows-container .customer-productflow-header{padding:.5em;vertical-align:middle;}
.customer-productflows-container .customer-productflow-header .customerFlowName{display:inline-block;width:160px;margin-right:20px;vertical-align:middle;position:relative;padding-left:1em;cursor:pointer;}
.customer-productflows-container .customer-productflow-header .customerFlowName:before{content: "";border-color: transparent #111;border-style: solid;border-width: 0.35em 0 0.35em 0.45em;display: block;height: 0;width: 0;left: 0;top: 0.2em;position: absolute;}
.customer-productflows-container .customer-productflow-header .customerFlowOverrideOptions{display:inline-block;vertical-align:middle;}
.customer-productflows-container .customer-productflow-header .customerFlowOverrideOptions input{vertical-align:middle;margin-top:-2px;}
.customer-productflows-container .customer-productflow .customer-productflow-content{display:none;}
.customer-productflows-container .customer-productflow.opened .customer-productflow-content{display:block;}
.customer-productflows-container .customer-productflow.opened .customer-productflow-header .customerFlowName:before{border-color: #111 transparent;border-style: solid;border-width: 0.5em 0.35em  0 0.35em;left: 0;top: 0.3em;}
.customer-productflows-container .customer-productflow.disabled .customerFlowName:before{border-color:transparent #ccc;}
.priceOverrideBlock{display:none;}
.tekst label{padding:.2em 0;display:inline-block;}

.customer-processors{background:#f3f4f8;border:1px solid #e1e1ff;padding:.5em 1em;box-sizing:border-box;list-style:none;}
.customer-processors li{margin:.5em 0 .3em;}

.invoiceButtonContainer{vertical-align:top;padding-top:20px;}
.invoiceButtonContainer .invoiceBtn,
.invoiceButtonContainer .creditBtn{width:150px;height:40px;cursor:pointer;}
.invoiceBtn.redBtn{background:#ff0000;color:#ffffff;font-weight:bold;}
.creditBtn.blackBtn{background:#000000;color:#ffffff;font-weight:bold;}

.postsButtonsContainer{position:absolute;width:400px;text-align:center;margin-top:42px;}
.postsButtonsContainer .postBtn{min-width:180px;padding:1em 2em;cursor:pointer;margin-bottom:1em;}
.selectedPostsTotal{font-weight:bold;font-size:14px;}
.selectedPostsTotal span{font-size:1.15em;}

.BoxImitation{margin:0 3px 1em;padding:.2em 1em .2em;}
.BoxImitation > .title{margin:.2em 0;}
.BoxImitation .buttonContainer{margin:.6em .7em .3em;}
.residualFlowsContainer{padding:.2em 1em .2em;box-shadow: 2px 2px 2px #eee;}
.residualFlowsContainer .title{margin:.2em 0;font-size:12px;}
.residualFlowsContainer .addResidualFlowContainer{margin:.4em .7em .3em;}
td.cakebar{background:#ff2222 !important;color:#fff !important;}

table tr.readyToInvoice{background:#a7e89b !important;}

h1.title, h2.title, h3.title, h4.title{font-family:verdana;color:#0091d7;}
h1.title{font-size:1.3em;font-weight:bold;margin-bottom:1em;}
h1.title a{font-size:1em;color:#0091d7;border-bottom:1px dotted #0091d7;text-decoration:none;}
h2.title{font-size:1.2em;margin-top:1em;}
table.striped{font-size: 9pt;font-weight: normal;color:#000000;font-family: Helvetica, Arial, sans-serif;border-style: none;}
table.striped tbody tr:nth-child(even) {background:#f2f2f2;}
table.striped tbody tr:nth-child(odd) {background:#fff;}
table > tr.active {background:#b4dbe7 !important;cursor:pointer;}
table.striped tr.active {background:#b4dbe7;cursor:pointer;}
table.striped td{padding-left:6px;padding-right:6px;padding-top:4px;padding-bottom:4px;font-size: 9pt;font-family: Helvetica ,Arial, sans-serif;}
table tr.selected {background:#b4dbe7 !important;}
thead.head th,
thead.head td{font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 10pt; background: #a4d1ff; color: #000000; text-align: left; margin: 3px 3px; padding-left: 9px;}
thead.head td a{font-family: Helvetica, Arial, sans-serif; font-size: 10pt; color: #000000; border-bottom:1px dotted #000;text-decoration:none;}
thead.head td a:hover{border-bottom:0;}
table th.left, table td.left{text-align:left;}
table th.center, table td.center{text-align:center;}
table th.right, table td.right{text-align:right;}
table.striped tfoot.separate{background:#fff;;}
table.striped tfoot.separate th{border:1px solid transparent;}
table.striped tfoot.separate td{border:1px solid #999 !important;background:#eee;}
table.striped tfoot tr td{background:#ccc;}
table.striped tfoot.white  tr td{background:#f9f9f9;}
table.striped tfoot.blue  tr td{background:#a4d1ff;}
table.borders{border-collapse:collapse;background:#fff;}
table.borders thead{background:#fff !important;}
table.borders td, table.borders th{border:1px solid #999;}
table.sm-padding td, table.sm-padding th{padding:.3em .5em;}
table.noborder{border:none; border-collapse:collapse;}
td.hiddenLinks a{visibility:hidden;vertical-align:middle;}
tr:hover td.hiddenLinks a{visibility:visible;}
.hidden{display:none}

table.sortableTable th[data-sortby]{cursor:pointer;}
table.sortableTable th.sorted[data-order]:after{display:inline-block;margin-left:.5em;}
table.sortableTable th.sorted[data-order="asc"]:after{content:"\2191";}
table.sortableTable th.sorted[data-order="desc"]:after{content:"\2193";}

/* wrapper for table with vertical head cells (product_flows_per_groups) */
.table-wrapper{position:relative;}
.table-wrapper-inner{overflow-x:auto;overflow-y:visible;width:1030px;margin-left:228px;}
.table-wrapper table{margin:0;padding:0;border-collapse:collapse;background:#fff;overflow:hidden;}
.table-wrapper tbody, .table-wrapper thead{margin:0;padding:0;}
.table-wrapper th,
.table-wrapper td{border:1px solid #999;}
.table-wrapper thead.head th{border:1px solid #999;background:rgba(164, 209, 255, .5);}
.table-wrapper thead th.vertical{height:155px;font-size:12px;font-weight:normal;position:relative;line-height:1;vertical-align:middle;}
.table-wrapper thead th.vertical > div {transform: rotate(-90deg);width:140px;padding:0;z-index:5;position:absolute;top:0;bottom:3px;left:14px;right:14px;}
.table-wrapper.ie thead th.vertical{}
.table-wrapper.ie thead th.vertical > div{position:absolute;top:75px;bottom:0;left:-60px;right:auto;width:140px;text-align:left;vertical-align:middle}
.table-wrapper thead th.vertical > div > span {padding:  0 0px;}
.table-wrapper thead th:first-child{visibility:hidden;}
.table-wrapper th:first-child {position:absolute;left:5px;width:220px;text-align:right;border:0;font-weight:normal;}
.table-wrapper table.striped tbody tr:nth-child(even) th:first-child {background:#f2f2f2;}
.table-wrapper table.striped tbody tr:nth-child(odd) th:first-child {background:#fff;}
.table-wrapper tbody th div{padding:8px 12px;}

table.form{border-collapse:collapse;}
table.form tr{background:#f3f4f8;border:1px solid #e1e1ff;}
table.form td:first-child{border-right:1px solid #e1e1ff;}
table.form td{padding:.4em .5em;}
table.calcform{border-collapse:collapse;border:1px solid #e1e1ff;}
table.calcform td{background:#f3f4f8;color:#000;font-size:9pt;font-family:Helvetica,Arial,sans-serif;margin: 3px 3px;padding-left:5px;border:1px solid #e1e1ff;}
table.calcform td{text-align:center;}
table.calcform th.dark{background:#96c4f2;}
table.calcform td.dark{background:#e4e5e9;}
table.calcform .head th{border:1px solid #fff;padding:.7em .2em;}
table.calcform{margin-bottom:1em;}
table.calcform .left{text-align:left}
table.calcform .right{text-align:right}
.melting-post{}
.melting-post-title{font-size:1.3em;color:#000;font-weight:bold;margin:.9em 0 0;padding:0;}
.melting-post-content{border:0px solid #eee;padding:.5em 0em;}

#popup_container {font-family: Arial, sans-serif;font-size: 12px;min-width: 200px;max-width: 600px;background: #FFF;border: solid 5px #999;color: #000;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#popup_title {display:none;font-size: 14px;font-weight: bold;text-align: center;line-height: 1.75em;color: #666;background: #CCC url(../images/alerts/title.gif) top repeat-x;border: solid 1px #FFF;border-bottom: solid 1px #999;cursor: default;padding: .4em;margin: 0em;}
#popup_content {background: 16px 16px no-repeat url(../images/alerts/info.gif);padding: 1em 1.75em;margin: 0em;}
#popup_content.alert {background-image: url(../images/alerts/info.gif);}
#popup_content.confirm {background-image: url(../images/alerts/important.gif);}
#popup_content.prompt {background-image: url(../images/alerts/help.gif);}
#popup_content.popup select{margin-bottom:1px}
#popup_message {margin:0 0 0 43px;text-align:center;}
#popup_panel {text-align: center;margin: 1em 0em 0em 43px;white-space:nowrap}
#popup_prompt {margin: .5em 0em;}

.popupBox{font-family:verdana;font-size:.8em;min-width:250px;}
.popupBox h1{font-weight:bold;font-size:1em;margin-bottom:1em;}

.ui-autocomplete *{font-size:14px !important;font-family:arial !important;font-weight:normal !important;}
.ui-autocomplete .ui-menu-item{}
.ui-autocomplete .ui-menu-item{font-size:14px;}
.ui-autocomplete .ui-menu-item .ui-corner-all{margin:0;border:0;background:#fff;color:#000;padding:0 .5em;cursor:pointer;}
.ui-autocomplete .ui-menu-item .ui-corner-all:hover{font-weight:normal;background:#eee;}


.iconSelect a{display:none;cursor:pointer;white-space:nowrap;}
.iconSelect a.active{display:inline-block;}
.iconSelect a span.label{display:none;}
.iconSelect a > .icon{width:16px;height:16px;display:inline-block;box-sizing:border-box;vertical-align:middle;}
.iconSelect a > .icon.car{background:url(../images/truck.gif) 0 4px no-repeat;}
.iconSelect a > .icon.officeA{background:url(../images/officeA.png?2) 0 0 no-repeat;}
.iconSelect a > .icon.officeR{background:url(../images/officeR.png?2) 0 0 no-repeat;}
.iconSelect a > .icon.mikropakket{background:url(../images/mikropakket.png) 0 0 no-repeat;}
.iconSelect a > .icon.is-approval {background: url(../images/phone-red.png) 0 0 no-repeat; background-size: 14px}
.iconSelect a > .icon.no-approval {background: url(../images/phone-green.png) 0 0 no-repeat; background-size: 14px}
.iconSelect a > .icon.production{font: normal normal normal 14px/1 FontAwesome;color:#00cc00;padding-top:2px;}
.iconSelect a > .icon.production:before{content: "\f275";}

.iconSelect.opened{position:absolute;background:#fff;text-align:left;border:1px solid #ddd;border-radius:.4em;z-index:5;}
.iconSelect.opened a{display:block;width:100%;box-sizing:border-box;padding:.4em .8em;text-decoration:none;font-family:inherit !important;font-size:1em;}
.iconSelect.opened a img{vertical-align:middle;margin:-2px 4px 0 0;}
.iconSelect.opened a span.icon{display:inline-block;padding-top:1px;}
.iconSelect.opened a > .icon.car{background-position:0 3px;}
.iconSelect.opened a span.label{display:inline-block;}
.iconSelect.opened a.active{background:#ddd;color:#000;font-weight:bold;}
.iconSelect.opened a:not(.active):hover{background:#eee;color:#000;}

.header-fixed-wrapper{position:relative;}
.header-fixed-wrapper-inner{overflow-x:hidden;overflow-y:auto;width:100%;margin-top:54px;}
.header-fixed-wrapper table thead{position:absolute;margin-top:-54px;width:100%;}
.header-fixed-wrapper table thead{background:#999;margin-left:-1px;}

.loginForm .alert{text-align:center;}
.alert-success{color:#090;}
.alert-danger{color:#f00;}
.text-center{text-align:center}
#marquee{position: absolute;}

.memos{border:1px solid #ccc;background:#fff;height:250px;overflow-y:auto;padding:1em;box-shadow:1px 1px 1px #ccc;border-radius:6px;}
.memos table{font-size:1em;width:100%;}
.memos table tr.odd{background:#eee;}
.memos table td{padding:4px 8px;vertical-align:top;}
.memos table td.name{white-space:nowrap;}
.memos table td.date{white-space:nowrap;color:#999;font-size:.9em;}
.memos table td.text{width:100%;}

.metalRates{float:right;margin-right:3em;font-size:12px;font-family:arial;}
.metalRates td,.metalRates th{padding:0 0.75em;}
.metalRates td:last-child,.metalRates th:last-child{padding-right:0;}
.metalRates td b{color:#000;}

.paymentDetailsOpener{border-bottom:1px dotted #333; cursor:pointer;}
.paymentDetails{padding-top:4px;}

.booking-confirmation{width:400px;}
.booking-confirmation *{font-family:verdana,arial,helvetica;}
.booking-confirmation table{width:100%;font-size:12px;}
.booking-confirmation h1.title{text-align:center;margin:0 0 .5em;}
.booking-confirmation th,.booking-confirmation td{padding:.4em 0;vertical-align:top;}
.booking-confirmation th{text-align:right;padding-right:1em;}
.booking-confirmation .stretch{width:150px;height:1px;}
.booking-confirmation .buttons{text-align:center}
.booking-confirmation button{margin:0 .5em;padding:.5em 1em;}

.weightbookings td.enough{background: #a7e89b !important;}
.weightbookings td.notEnough{background: #f99 !important;}
.weightbookings select.notEnough{background: #f99 !important;}
.weightbookings a.customerName{font-family:inherit;font-size:inherit;color:inherit;text-decoration:none;}
.weightbookings a.customerName:hover{border-bottom:1px dotted;}
.weightbookings select{width:100%;}
.weightbookings .internal-recipient{display:block;padding:.2em .2em 0;color:#666;}
.weightbookings input[type="checkbox"][disabled]{display:none;}
.weightbookings .submitBtn{width:150px;height:40px;cursor:pointer;margin:0;}

.select-internal-destination{width:400px;}
.select-internal-destination *{font-family:verdana,arial,helvetica;}
.select-internal-destination h1.title{text-align:center;margin:0 0 1em;}
.select-internal-destination .buttons{text-align:center}
.select-internal-destination button{margin:1em .5em;padding:.5em 1em;}

.addressBookInput{position:relative; display:inline-block; margin:0 1em 0 0;}
.addressBookInput input{width:100%;}
.addressBookInput .icon{width:14px; height:14px; display:block; cursor:pointer; position:absolute; right:5px; top:5px; background:url(../images/book.png) no-repeat; background-size:cover;}
.addressBookDescription{display:inline-block;vertical-align:top;margin-top:-2px;}
label.disabled{color:#bbb;}

.address-list, .destinations-list, .references-list{padding-bottom:1px; max-height:50vh; overflow-y:auto;}
.address-list table, .destinations-list table, .references-list table{width:100%;border-collapse:collapse;}
.address-list .address td, 
.destinations-list .destination td, 
.references-list .reference td{border:1px solid #ced4da; border-left:0; border-right:0; padding:.5rem 1rem; font-size:.9em; cursor:pointer;}
.address-list .address td:hover,
.destinations-list .destination td:hover,
.references-list .reference td:hover{background:#6c757d; color:#fff; }

table.periodicReportNavigation{font-size:.8rem; height:6em;margin-top:-.5rem;}
.periodicReportNavigation .item{display:inline-block; vertical-align:middle; padding:10px; margin-left:10px; }
.periodicReportNavigation .item:first-child{padding-left:0; margin-left:0;}
.periodicReportNavigation .selectable{color:#999;}
.periodicReportNavigation .selectable.selected{border:1px solid #ccc; border-radius:5px;color:#000}
.periodicReportNavigation .selectable .content.on{display:none;}
.periodicReportNavigation .selectable .content.off{display:inline-block; cursor:pointer;}
.periodicReportNavigation .selectable.selected .content.on{display:inline-block;}
.periodicReportNavigation .selectable.selected .content.off{display:none;}
.periodicReportNavigation .selectable .customPeriod{display:inline-block; vertical-align:middle; margin-top:-3px; text-align:right;}
.periodicReportNavigation .selectable .imgBtn{width:40px; vertical-align:middle; display:inline-block; margin-left:10px;}

#ui-datepicker-div{display:none;}

.printRangeForm input{padding:.5em;}
.printRangeForm button{padding:.5em 1em;}

#popBox {position: absolute; z-index: 2; background: #ffffff; width: 310px; padding: 1em; border: 1px solid #0080c0; color: #000000; font-weight: bold; margin-left:20px;}

.font-medium{font-size:12px !important}
.font-small{font-size:11px !important}
.fineStock-location{display:inline-block; width:120px; font-weight:bold; padding-right: 8px;}
.bBtn{font-size:1.1em; font-family: Helvetica, Arial, sans-serif; cursor:pointer; display: inline-block; padding:4px 9px; background-color: #f1f1f1; color: black; border: 1px solid #c0c0c0; border-radius: 4px;}
.bBtn:hover{font-size:1.1em; font-weight:normal; background-color: #ddd; color: black; text-decoration: none; }
.bBtn > a:hover{text-decoration: none;}

.toggle-btn td:first-child:after {content:''; width: 12px; height: 12px; background: url(../images/arrow_Up_Green.gif) no-repeat left center; position: absolute; top:8px; left: 7px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease;}
.toggle-btn td.total-row:first-child:after{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease;}
.toggle-btn{cursor:pointer;}
.toggle-btn td:first-child {position: relative;padding-left: 25px;}
.nested-row {display: none;}
.nested-row td:first-child{padding-left: 25px;}
.nested-row.active td, .opened .below-gwr td {border-top:2px solid #d5d5d5;}
.nested-row.active  ~ .nested-row.active td {border-top: none;}
.total-row{background: #c2e8fa!important;}
.meltingPostDestination{font-size:15px !important; margin-left:1.5em;}

tr.red td{background:#ffaa99;}
tr.green td{background:#a7e89b;}
tr.yellow td{background:#FFE97F;}

.required {color:red;font-weight:bold;position: relative;top:2px;}
.not-confirmed, .not-confirmed td a {color: lightgrey !important; }
.kyc, .kyc td a {color: darkred !important;}
.archive-invoice {display: flex; justify-content: right; margin-bottom: 0.5em;}