/*
version: 35
*/
@font-face {
    font-family: 'SignikaRegular';
    src: url('/assets/css/Signika-Regular-webfont.eot');
    src: url('/assets/css/Signika-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/css/Signika-Regular-webfont.woff') format('woff'),
         url('/assets/css/Signika-Regular-webfont.ttf') format('truetype'),
         url('/assets/css/Signika-Regular-webfont.svg#SignikaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.oranje {
	color: #ED6827;
}

.blauwgroen {
	color: #41807e;
}

.contrast {
	color: #41807e;
}

BODY, HTML {
	
	width: 100%;
	height: 100%;
	color: #000;
	margin: 0;
	padding: 0;  
	background: url('/assets/images/achtergrond.jpg') no-repeat center center fixed;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/achtergrond.jpg',     sizingMethod='scale');
  -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/achtergrond.jpg', sizingMethod='scale');
}

BODY, BODY *, div {
	font-family: SignikaRegular, Arial, sans-serif;
	font-size: 12px;
}

A {
	text-decoration: none;
	color: #ED6827;
}

H1 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	line-height: 20px;
}

H2 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	line-height: 14px;
}

INPUT, SELECT {
	color: #41807e;
	font-weight: 400;
	border: 1px solid #AAA;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	height: 1.5em;
	padding-left: 10px;
	box-shadow: 0px 0px 2px #aaa inset;
}


input[type=checkbox] {
	padding: 0;
	border: 1px solid red;
	height: 1em;
}

input[type=radio] {
	padding: 0;
	height: 1em;
	background: none;
}

input[type=radio] + label.validateError {
	background: red;
	border: 1px solid red;
}

INPUT[readonly], SELECT[readonly] {
	background-color: #E3E3E3;
}

.stdlinkspan {
	cursor: pointer;
}

.stdlinkspan:hover {
	color: #ED6827;
}

input[type=submit], .stdbuttonspan, .downloadbutton {
	border: 1px solid #ED6827;
	background: white;
	color: #ED6827;
	padding: 5px 10px 19px 10px;
	margin: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.downloadbutton {
	padding: 5px 10px;
}

.stdbuttonspan, .downloadbutton {
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-bottom: 5px;
	cursor: pointer;
}	

input[type=submit]:hover, .stdbuttonspan:hover {
	background: #ED6827;
	color: white;
}

.stdbuttonspan.reverse {
	background-color: #ED6827;
	color: white;
}

.stdbuttonspan.reverse:hover {
	background: white;
	color: #ED6827;
}

input[type=file] {
	height: 2em;
}

textarea {
	color: #41807e;
}

HR {
	width: 100%;
	border: 0;
	/*border-top: 1px solid #ED6827;*/
	border-top: 1px solid #999;
	clear: both;
}

.hrclose {
	margin-top: -10px;
	padding: 0;
	border-top: 3px solid #ED6827;
	clear: both;
}

OPTION {
	/*background: #41807E;*/
	background: white;
	color: #41807E;
	padding: 2px 0 2px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}


#wrapper, #header, contentwrap {
	width:900px;
}


#wrapper {
	position: relative;
	margin: 0 auto;
	height: 20px;
	min-height: 20px;
	padding: 0;
}

#header, #contentwrap {
	height: 55px;
}

#topbanner {
    background: none repeat scroll 0 0 grey;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
    font-weight: 800;
    padding: 3px 5px;
    position: absolute;
    top: 0;
    width: 150px;
    left: 50%;
    margin-left: -75px;
    z-index: 30;
}

#stderror {
	display: none;
	position: fixed;
	background: white;
	width: 450px;
	height: auto;
	top: 0;
	left: 50%;
	margin-left: -225px;
	z-index: 100;
	border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px #444;
}

.error {
	display: block;
	padding: 0;
	margin: 5px 10px;
}

#logo, #logo IMG {
	width: 150px;
}	

#logo {
	display: inline-block;
	position: absolute;
}

#logo IMG {
	margin-top: 5px;
}

#loginout {
	float: right;
	margin-right: 0px;
	text-align: right;
}

#welkomnaam {
	display: inline-block;
	background: #ED6827;
	color: white;
	padding: 5px 10px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	
}

#logout {
	background-color:rgba(0, 0, 0, 0.3);
	padding: 1px 0 3px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	
}

#logout A {
	text-decoration: none;
	color: #FFF;
}

#logout A:hover {
	color: #ED6827;
}
#logout span {
	font-weight: 800;
	color: #ED6827;

}

#content, #menublock {
	background: white;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#tabbladen, #content {
	width: 720px;
}

#content {
	width: auto;
}

#contentdiv {
	display: inline-block;
	position: absolute;
	padding-bottom: 30px;
}

#content {
	display: inline-block;
	z-index: 90;
	margin-left: 30px;
}

#contentinner {
	margin: 40px 40px 15px 40px;
}

#contentinner #tabbladen {
	min-width: 50px;
}

/* keep this the same as #tabbladen height! */
#menublock, #content {
	margin-top: 31px;
}

#tabbladen {
	height: 30px;
	float: right;
}

#tabbladen ul, #tabbladen li {
	position: relative;
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	z-index: 99;
}

#tabbladen ul {
	border: none;
	margin-left: 10px;
	
}


#tabbladen li {
	background: white;
	background-image: -webkit-linear-gradient(to top,#CFCFCF 1% ,#FFFFFF 15%);
	background-image: -moz-linear-gradient(to top,#CFCFCF 1% ,#FFFFFF 15%);
	background-image: -ms-linear-gradient(to top,#CFCFCF 1% ,#FFFFFF 15%);
	background-image: -o-linear-gradient(to top,#CFCFCF 1% ,#FFFFFF 15%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF'  , endColorstr='#CFCFCF' , GradientType=0);*/
	background-image: linear-gradient(to top,#CFCFCF 1% ,#FFFFFF 20%);
	height: 29px;
	width: 90px;
	border: 1px solid #777;
	border-bottom: 1px solid #A5A5A5;	
	text-align: center;
	vertical-align: middle;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	vertical-align: middle;
}

#tabbladen .active {
	border-bottom: 1px solid #FFF;
}

#tabbladen .active, #tabbladen .active span {
	color: #ED6827;
	background-image: none;
	filter: none;
}

#tabbladen A, #tabbladen span {
	display: inline-block;
	text-decoration: none;
	color: #000;
	margin-top: 6px;
	margin-left: 7px;
	margin-right: 7px;
}

#tabbladen A:hover {
	color: #ED6827;
}


/* menu totaal */
#menublock {
	float: left;
	width:150px;
	min-height: 38px;  /* 1 menu block hoogte */
	padding-bottom: 10px;
}

#menublock ul {
	display: block;
	margin: 10px;
}
#menublock ul, #menublock li {
	list-style-type: none;
	list-style: none;
	text-indent: 0;
	padding: 0;
}

#menublock li {
	padding: 2px;
	border-bottom: 1px solid #ED6827;
}
#menublock A {
	display: block;
	color: #ED6827;
	text-decoration: none;
	padding: 5px;
	border-radius:6px;
}

#menublock A:hover, #menublock .active A {
	background: #ED6827;
	color: white;
}

/* achtergrond pic */
#supersized {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999;
}

#supersized a {
    background: none repeat scroll 0 0 #111111;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -30;
}

#supersized img {
    border: medium none;
    outline: medium none;
    width: auto;
    position: relative;
    height: auto;
}



/* diverse zaken */

.validateError {
	background: red;
}

.transportline {
	display: block;
	clear: both;
	margin-top: 20px;
}
.transportline IMG {
	width: 150px;
	vertical-align:middle;
	margin-right: 20px;
}
.transportline span {
	display: inline-block;
}
.transportline A {
	color: #ED6827;
	text-decoration: none;
}

.input_group > div {
	vertical-align: top;
}
.input_block {
	display: block;
	margin-bottom: 10px;
	clear: both;
}

.input_block div {
	display: inline-block;
	vertical-align: top;
	/*float: left;*/
}

.input_block_header {
	width: 140px;
}

.nonewline .input_block_header {
	width: auto;
	margin-right: 10px;
}

/* classes voor overzicht van dagafsluiting */
.pakket_ov_block {
	margin-bottom: 3px;
	border: 1px dotted #000;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	cursor: pointer;
}

.pakket_ov_block div {
	margin-left: 5px;
	margin-right: 5px;
}

.pakket_ov_block:hover {
	background-color: #ED6827;
}
.pakket_ov_checkbox {
	float: left;
	width: 20px;
	height: 3em;
}

.pakket_ov_checkbox INPUT {
	margin-top: 1em;
}

.pakket_ov_line1 {
	margin-top: 5px;
}

.pakket_ov_line2 {
	margin-bottom: 5px;
}

.pakket_ov_buttonbox {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}

.pakket_ov_buttonbox IMG {
	width: 15px;
	height: 15px;
	cursor: pointer;
}

.pakket_ov_notsent {
	background-color: #FC5855;
}

.pakket_ov_didsend {
	background-color: #64F477;
}

.pakket_detail_header, .pakket_detail_semi, .pakket_detail_tekst {
	display: inline-block;
	min-height: 1.3em;
	vertical-align: top;
}

.pakket_detail_header {
	width: 130px;
}
.pakket_detail_semi {
	width: 12px;
	text-align: center;
}


#progresswindow {
	height: 1px;
	width: 100%;
	border: none;
	overflow: hidden;
}


#klantlogo1 {
	height: 120px;
	border: 0;
}



.userklantblock {
	display: block;
	margin: 3px 0;
}

.deletebutton {
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url(/assets/images/delete.png) no-repeat 0 0;
}
	
	
.etabs { 
	margin: 0; 
	padding: 0; 
}

.tab { 
	display: inline-block; 
	zoom:1; 
	*display:inline; 
	background: #eee; 
	border: solid 1px #999; 
	border-bottom: none; 
	-moz-border-radius: 10px 10px 0 0; 
	-webkit-border-radius: 10px 10px 0 0; 
}

.tab a { 
	color: #000;
/*	font-size: 14px; */
	line-height: 1.5em; 
	display: block; 
	padding: 0 10px; 
	outline: none; 
	text-decoration: none;
}

.tab a:hover {
	color: #ED6827;
}
.tab.active { 
	background: #fff; 
	padding-top: 4px; 
	position: relative; 
	top: 1px; 
	border-color: #666; 
	color: #ED6827;
}

.tab a.active { 
	color: #ED6827;
	font-weight: bold; 
}

.tab_container > div {
	border: 1px solid #666;
	-moz-border-radius: 0 4px 4px 4px; 
	-webkit-border-radius: 0 4px 4px 4px; 
	border-radius: 0 4px 4px 4px; 
	margin-bottom: 10px;
	padding: 0 10px;
}

.tab_container textarea {
	width: 100%;
	margin: 5px 10px 5px 0px;
}

/*.tab_container .input_block {
	width: 100%;
}*/

.tab_container .panel-container { 
	background: #fff; 
	border: solid #666 1px; 
	padding: 10px; 
	-moz-border-radius: 0 4px 4px 4px; 
	-webkit-border-radius: 0 4px 4px 4px; 
}

.pickupbottom {
	margin-top: 50px;
}

.pickupbottom .tekst {
	width: 300px;
	vertical-align: top;
	height: 30px;
}

.pickupbottom .under {
	border-bottom: 1px solid #ED6827;
	width: 300px;
	height: 50px;
	margin-bottom: 5px;
}

.pickupbottom .handtekening {
	border: 2px solid #ED6827;
	width: 400px;
	height: 50px;
}

.chauffeurlijst1 {
	float: left;
	margin-left: 100px;
}

.chauffeurlijst2 {
	float: right;
	margin-right: 100px;
}

.chauffeurlijst1, .chauffeurlijst2 {
	width: 190px;
	height: 100px;
}

.printbutton {
	margin: 5px 0 0 5px;
	float: left;
	width: 16px;
	height: 16px;
}
	
#field4, #field2  {
	line-height: 1.3em;
}

/*.inputrequired INPUT, .inputrequired SELECT, .inputrequired TEXT, .inputrequired CHECKBOX, .inputrequired RADIO {
	border: 1px solid #ED6827;
}*/

.bestandsfout {
	display: inline-block;
	color: red;
	font-size: 16px;
	margin-bottom: 10px;
}

#graph *, tspan {
	font-family: SignikaRegular,Arial,sans-serif;
	color: blue;
}

#schermvoorbeeld {
	display: none;
	background: #EEEEEE;
	position: absolute;
	height: 300px;
	width: 100%;
	border: 1px solid black;
	overflow: auto;
	margin-bottom: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	z-index: 1000;
}

#schermvoorbeeld > span {
	float: right;
	border-top: 0;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	
}

#schermvoorbeeld > div {
	margin: 10px;
}

.voorbeeldtekst {
	border: 1px solid black;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	

}

.voorbeeldtekst > div {
	margin: 10px;
}

.abboicon {
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:middle;
}

#stepwrap {
	text-align: center;
}

#stepbanner {
	display: inline-block;
	height: 30px;
}


#stepbanner > div {
	display: inline-block;
	float: left;
}

#stepbanner #spacerleft {
	width: 100px;
	height: 1px;
}
#stepbanner .complete {
	background-color: #ED6827;
}
#stepbanner .incomplete {
	background-color: #FFDFCF;
}

#stepbanner .nummerbol {
	position: relative;
	height: 30px;
	width: 30px;
	text-align: center;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
	color: white;
	z-index: 20;
}

#stepbanner .nummerbol * {
	line-height: 30px;
	font-size: 18px;
	font-weight: 800;
}

#stepbanner .nummerspacer {
	position: relative;
	margin-top: 10px;
	height: 10px;
	width: 60px;
	margin-left: -3px;
	margin-right: -3px;
	z-index: 10;
}

.docblock {
	float: left;
	width: 250px;
	text-align: center;
	font-weight: 800;
	margin-bottom: 10px;
/*	cursor: pointer;*/
}

.docblock img {
	display: inline-block;
}

.docblock span {
	display: inline-block;
	clear: both;
}

.docblock .stdlinkspan {
	cursor: default;
	margin-bottom: 5px;
}
.docblock .stdlinkspan:hover {
/*	color: #ED6827;*/
	color: black;
}


#stderrorold {
	padding: 10px 5px;
	border: 2px dotted red;
	background-color: #F80;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
}

#stderror {
	padding: 10px 0px;
	border-top: 1px solid #999;
}
	

#stderror .header {
		display: block;
		font-size: 15px;
		font-weight: 800;
		line-height: 1em;
		margin-bottom: 5px;
		padding: 0;
	}
	
/*
 Multiselect
 */
 
 .multiselector > DIV {
 	display: inline-block;
	float: left;
	height: 200px;
	min-width: 150px;
	border: 1px solid black;
	overflow: hidden;
}

.multiselector .inactive {
	margin-left: 20px;
}

.multiselector .header {
	display: block;
	font-weight: 800;
	padding: 0 5px;
	height: 15px;
	border-bottom: 1px solid black;
	background: #EEE;
	margin-bottom: 2px;
}

.multiselector .itemlist {
	display: block;
	width: 150px;
	margin-left: 5px;
	height: 198px;
	overflow: auto;
}

.multiselector .itemlist > span {
	display: block;
	cursor: pointer;
}

.input_group > div {
		clear: none;
		display: inline-block;
		float: left;
	}

.screenlocker {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0;
	bottom: 0;
	background: #EEE;
	z-index: 999;
	background: #666666 url(/assets/images/lockscreenbg.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50);
	text-align: center;
}

.screenlocker > div {
	position: relative;
	z-index: 1000;
	top: 50%;
	transform: translateY(-50%);
}


.carrierdialog {
	position: absolute;
	z-index: 1000;
	left: 50%;
	top: 50%;
	width: 500px;
	height: 200px;
	border: 1px solid red;
	background-color: white;
	margin: -100px 0 0 -250px;
	padding: 10px;
	text-align: center;
}
	
#sysmessage {
	height: 3em;
	background-color: white;
	color: black;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
	margin-left: 180px;
	margin-bottom: 10px;
}

#sysmessage .systekst {
	display: inline-block;
	margin-left: 20px;
	margin-top: 1em;
}
#sysmessage .sysdelete {
	display: inline-block;
	float: right;
	padding: 2px;
	height: 1em;
	margin-right: 20px;
	margin-top: 1em;
	font-weight: bold;
	background-color: #ED6827;
	color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	cursor: pointer;
}

#sysmessage.msgtype1 {
	border: 2px solid #41807e;
}

#sysmessage.msgtype2 {
	border: 2px solid red;
}


/*
the message boxes..
*/
.messages, #messages {
	position: absolute;
	z-index: 100;
	width: 500px;
	right: 0px;
	margin-top: 90px;
}

.messagebox {
	display: block;
	float: right;
	clear: both;
	width: 500px;
	margin-top: 2px;
	margin-right: 20px;
	z-index: 100;
	background: white;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.messagebox .closebutton {
	float: right;
	font-weight: 800;
	margin-right: 5px;
	margin-top: 5px;
	font-size: 13px;
	color: #616161;
	cursor: pointer;
}

.messagebox .header {
	display: inline-block;
	margin: 5px 10px 0 10px;
	font-weight: 800;
	font-size: 13px;
}

.messagebox .messagetext {
	display: block;
	margin: 5px 10px 10px 10px;
	font-size: 12px;
	color: #616161;
}

.messagebox .something {
	display: inline-block;
	width: 0.75em;
	height: 1.1em;
	background: black;
	border-radius: 1em;
	padding-left: 0.35em;
	margin-right: 5px;
}

.messagebox.standard {
	background-color: #E5ECF9;
}
.messagebox.standard .header {
	color: #4A90E2;
}

.messagebox .header span {
	margin-right: 5px;
}

.messagebox.standard .something {
	background-color: #4A90E2;
	color: #E5ECF9;
}
.messagebox.redalert {
	background-color: #F9E5E6;
}
.messagebox.redalert .header{
	color: #D0021B;
}
.messagebox.redalert .something {
	background-color: #D0021B;
	color: #F9E5E6;
}

#pluginlist {
	border-bottom: 1px dashed #ED6827;
}
			
.plugin_panel {
	border-top: 1px dashed #ED6827;
	padding-top: 5px;
}

.plugin_panel > span {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
	
	vertical-align: middle;
}


.plugin_logo, .plugin_logo IMG {
	width: 120px;
}

.plugin_panel .disabled {
	color: gainsboro;
}
.plugin_zipdownload {
	float: right !important;
}
.plugin_versiondrop {
	float: right !important;
	width: 80px;
}