@charset "utf-8";

html, body{margin:0;padding:0;border:0;outline:0;}
body {background:#fff; color:#000; background-image:none; font-family:Arial,Verdana, Helvetica, sans-serif;}
table {line-height: normal;color:#000; font-size:12px; background-image:none; font-family:Arial,Verdana, Helvetica, sans-serif}
table {border-collapse: collapse;border-spacing: 0;}

select {border: solid 1px #bcbcbc;transition: border 0.3s;min-height:17px;background-color:#fff;}
input:focus {outline:none;}
input[type="text"] {border: solid 1px #bcbcbc;transition:box-shadow 0.3s, border 0.3s;min-height:17px;}
input[type="text"]:focus, input[type="text"].focus {border: solid 1px #707070;box-shadow: 0 0 2px 0px #969696;}
input[type="password"] {border: solid 1px #bcbcbc;transition:box-shadow 0.3s, border 0.3s;min-height:17px;}
input[type="password"]:focus, input[type="password"].focus {border: solid 1px #707070;box-shadow: 0 0 2px 0px #969696;}
input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:8px 8px 8px 8px; }

a{ text-decoration:none;color:#404040;border:0;}

h1, h2, h3, h4, h5, h6{ font-family:Arial,Verdana, Helvetica, sans-serif;margin:0 0 5px 0;}
h1{font-size:2em;}
h2{font-size:1.4em;}
h3{font-size:1.3em;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}
h6{font-size:1em;}

.mobileHeader {width:100%;max-width:400px;margin:0 auto;height:100%;height:110px;padding-bottom:0;
background-image:url(../MyDocs/SysPics/mobileHeaderBg.png?v=1.3a);
background-color:#ffffff;
background-position:center center;
background-repeat:no-repeat;
background-attachment:scroll;
-webkit-background-size: cover; 
-moz-background-size: cover;   
-o-background-size: cover;  
background-size: cover;
}
.mobileHeaderH2{display:block;float:right;padding-top:4px;}
.mobileHeaderH2 h2{font-size:20px;}

.chkBoxClassLarge input[type=checkbox] {-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;outline: none;content: none;}
.chkBoxClassLarge input[type=checkbox]:before {content: "\2713";font-size: 18px;font-weight:bold;color: transparent !important;background: #fff;margin-left:-1px;margin-top:-1px;}
.chkBoxClassLarge input[type=checkbox]:before {display: block;text-align:center;vertical-align:middle; width: 22px;height: 22px;border: 1px solid #888;}
.chkBoxClassLarge input[type=checkbox]:checked:before {color: green !important;}

.ddlLarger {height:28px;font-size:14px;color:#000;background:#fff;margin:0;border:1px solid #969696;padding-left:6px;}
.ddlLarger option{padding:0 10px 0 0;}
.ddlLarger {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ddlLarger:disabled  {color:#A2A2A2;border-color:#ccc;background:#fff;}
.ddlLarger:focus {background:#fff;outline:0;border:1px solid #A2A2A2;box-shadow:none;}
.ddlLarger img{display:none;}
.ddlLarger {border-top-left-radius:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;}
.ddlLarger {border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;}

.ddlLarge {height:28px;font-size:16px;color:#000;background:#fff;margin:0;border:1px solid #969696;padding-left:6px;}
.ddlLarge option{padding:0 10px 0 0;}
.ddlLarge {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ddlLarge:disabled  {color:#A2A2A2;border-color:#ccc;background:#fff;}
.ddlLarge:focus {background:#fff;outline:0;border:1px solid #A2A2A2;box-shadow:none;}
.ddlLarge img{display:none;}
.ddlLarge {border-top-left-radius:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;}
.ddlLarge {border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;}

.scrollDates input{height:24px;font-size:14px;text-align:center;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}

textarea {border: solid 1px #bcbcbc;transition:box-shadow 0.3s, border 0.3s;}
textarea:focus, textarea.focus  {border: solid 1px #707070;box-shadow: 0 0 3px 1px #969696;}

.valigntop{ vertical-align:top;}
.searchRow{font-size:11px;background-color:#DDDDDD;height:30px;font-weight:bold;margin-left:30px;}
.searchRowTarief{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}

#frmPrintReport{background-color:#fff;}

/*
FILE UPLOAD
*/
.fileUpload{height:20px;}
.fileUpload input[type="file"] {height:20px;position:absolute;display:none;}
.fileUpload div {height:21px;display:block;float:left;}
.fileToUpload {height:16px;width:240px;background-color: #fff;border:1px solid #969696;float:left;overflow:hidden;text-overflow:ellipsis;}
.fileUploadTxt{height:20px;z-index:998;width:186px;overflow:hidden; }

.reportStylesMobile .afmeldingTable .fileUpload {height:29px;}
.reportStylesMobile .afmeldingTable .fileUpload div {height:29px;}
.reportStylesMobile .afmeldingTable .fileUploadTxt {white-space: nowrap;vertical-align:middle;float:left;width:100%;max-width:160px;padding-right:10px;}
.reportStylesMobile .afmeldingTable .fileUploadTxt input{height:25px;font-size:14px;text-align:left;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}

.fileUploadHref{display:inline;background-color:#888;width:80px;height:14px;}
.fileUploadHref {border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;}
.fileUploadHref {border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;}
.fileUploadHref a{padding-left:10px;color:white;z-index:999;font-size:12px;line-height:26px;height:26px;display:inline-block;}
/*
END FILE UPLOAD
*/

#topContainer{max-width:900px; height:0px; margin: auto;  }
#mainContainer{max-width:900px;margin:0 auto; }
#main{max-width:900px;margin:0 auto; padding:0;background-color:transparent;}
.headSpace {height:0px;background-color:transparent;}

#footer {display: none;}
#footerContainer{width:100%;max-width:900px;height:150px;color:#fff; background-color: rgba(51, 51, 51, 0.7);border-top: 1px solid #e4e4e4;}
#footerContainer{display:block; font-size:12px;font-weight:normal;margin:0 auto; padding:10px 0 0px 0;text-align:center;}
#footerContainer a{color:#fff;}
#footerContainer ul{width:100%;clear:both; margin:0 auto; text-align:center; padding:0px 0 0px 0px;display: table-cell;vertical-align: middle;}
#footerContainer li{display:inline-block;}
#footerContainer li a{color:#fff;clear:both; padding:0 2px 0 0px;}
#footerContainer li a:hover, #footerHome li a.active{text-decoration:underline;}

.gridItemStyle{height:24px;background-color:#FFF;}
.gridItemStyle:hover{background-color:#BACFF4;}
.gridAltItemStyle{height:24px;background-color:#EAEAEA;}
.gridAltItemStyle:hover{background-color:#BACFF4;}

.reportStyles {color:#000;text-align:left;}
.reportLogo {width: 150px; border-bottom:1px solid black;}
.reportLogo img{width: 150px;}
.reportHeader {font-size:20px; border-bottom:1px solid black;}
.reportHeaderRest {text-align:right;vertical-align:top;font-size:14px; border-bottom:1px solid black;}
.reportParms {font-size:10px;}
.reportDivider {page-break-after: always;}

.feedbackSmall{font-size:12px;}
.txtNoPrint{font-size:22px;font-weight:normal;}

.reportStyles table{ width:100%;padding:0;font-family:Arial; font-size:12px;margin:0;text-decoration: none;}
.reportStyles table .divTextArea { width:860px;padding:0;font-family:Arial; font-size:12px;margin:0;}
.reportStyles table .divReportTextArea { width:720px;padding:0;font-family:Arial; font-size:12px;margin:0;}
.reportStyles table tr td table { width:100%;float:left;text-decoration: none;}
.reportStyles table tr td table th{font-weight:normal;background: #ddd;padding:0px;}
.reportStyles table tr td table td{padding-right:5px; vertical-align:top;}
.reportStyles table tr td .code95Table{width:100%;width:500px; float:right;}

.reportStylesMobile #tableHeader{ margin:0 auto;width:100%;max-width:400px;padding:0;font-family:Arial; font-size:14px;text-decoration: none;}
.reportStylesMobile #tableHeader{border-bottom:1px solid black;background-color:#E6EBF4; font-weight:bold;}
.reportStylesMobile #tableHeader {border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;}
.reportStylesMobile #tableHeader {border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;}

.reportStylesMobile .tableHeader{ margin:0 auto;width:100%;max-width:400px;padding:0;font-family:Arial; font-size:14px;text-decoration: none;}
.reportStylesMobile .tableHeader{border-bottom:1px solid black;background-color:#E6EBF4; font-weight:bold;}
.reportStylesMobile .tableHeader {border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;}
.reportStylesMobile .tableHeader {border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;}

.reportStylesMobile .planningTable{ margin:0 auto;width:100%;max-width:400px;padding:0;font-family:Arial; font-size:12px;text-decoration: none;}
.reportStylesMobile .planningTableRitOK{ background-color:lightgreen;}
.reportStylesMobile .planningTableRitNOK{ background-color:lavenderblush;}

.reportStylesMobile #tableHeaderSearch{ margin:0 auto;width:100%;max-width:400px;padding:0;font-family:Arial; font-size:12px;text-decoration: none;}
.reportStylesMobile .tableHeaderSearch{ margin:0 auto;width:100%;max-width:400px;padding:0;font-family:Arial; font-size:12px;text-decoration: none;}

.reportStylesMobile table .divTextArea { width:860px;padding:0;font-family:Arial; font-size:12px;margin:0;}
.reportStylesMobile table .divReportTextArea { width:720px;padding:0;font-family:Arial; font-size:12px;margin:0;}
.reportStylesMobile .ritHeader{font-size:14px;}
.reportStylesMobile .tochtHeader{font-size:14px;}
.reportStylesMobile .tochtHeader td{border:none;}
.reportStylesMobile #tblCarDriver {border:none;}
.reportStylesMobile #tblCarDriver td{border:none;line-height:20px;padding:0!important;}
.reportStylesMobile .tblSimple {border:none;float:left;}
.reportStylesMobile .tblSimple td{border:none;line-height:20px;padding:0!important;}
.reportStylesMobile #tableButtons td{padding-right:0px;}

.reportStylesMobile .planningTableEmptyRow{background-color: #E6EBF4;}
.reportStylesMobile .planningTableEmptyRow td {border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;}
.reportStylesMobile .planningTableEmptyRow {line-height:4px;}

.formbuttonMob{font-family:Arial;font-weight:bold;font-size:13px;color:#fff;height:24px; border:none;}
.formbuttonMob{text-decoration:none;cursor:pointer; white-space:nowrap; margin:0 auto; text-transform:uppercase;background-color:#0081C6;}
.formbuttonMob:hover{text-decoration:underline;}
.formbuttonMob{border-radius: 4px 4px 4px 4px;}

#pnlZoekVoertuig #tableZoekVoertuig .searchRow{background-color:#dddddd;}
#pnlZoekChauffeur #tableZoekMedewerker .searchRow{background-color:#dddddd;}

.planningTable {border:none;}
.planningTable td {border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;}
.planningTable td {padding:4px 4px 4px 4px;font-size:12px;vertical-align:top;}
.planningTableHeader td {text-decoration: none; background-color: #dcdcdc;font-weight:bold;font-size:12px;vertical-align:middle;}
.planningTableEmptyRow td {border:none;}
.planningTableFoot{padding:0 0 0 4px;height:20px;}

#pnlRitDetails .planningTable {border-top:1px solid #404040;}

.planningTableHeaderA3 td {text-decoration: none; background-color: #dcdcdc;font-weight:bold;font-size:12px;vertical-align:middle;}

/*Ritafmelding*/
.reportStylesMobile .afmeldingTable input[type=checkbox]+label {padding-left:4px;}
.reportStylesMobile .afmeldingTable input[type=checkbox]+label:hover {cursor:pointer;padding-left:4px;}
.reportStylesMobile .afmeldingTable input[type=checkbox] {appearance: none;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;outline: none;content: none;margin:3px 3px 3px 4px;}
.reportStylesMobile .afmeldingTable input[type=checkbox]:before {content: "\2714";font-size: 14px;font-weight:bold;color: transparent !important;background: #fff;padding:0px 0px 3px 0px;}
.reportStylesMobile .afmeldingTable input[type=checkbox]:before {display: inline-block;text-align:center;vertical-align:middle; width: 18px;height: 15px;border: 1px solid #888;}
.reportStylesMobile .afmeldingTable input[type=checkbox]:checked:before {color: green !important;}

.reportStylesMobile .afmeldingTable{ margin:0 auto;width:100%;max-width:400px;padding:0;font-family:Arial; font-size:12px;text-decoration: none;}
.reportStylesMobile .afmeldingTable {border:none;}
.reportStylesMobile .afmeldingTable td {border:1px solid #E6EBF4;padding:4px 4px 4px 4px;font-size:12px;vertical-align:middle;}
.reportStylesMobile .afmeldingTable .divTijd {width:100%;max-width:400px;line-height:24px;clear:both;}
.reportStylesMobile .afmeldingTable .divTijdLabel {float:left;width:100%;max-width:140px;padding-right:5px;}

.reportStylesMobile .afmeldingTable .divTijdDatum {white-space: nowrap;float:left;width:100%;max-width:130px;padding-right:0px;}
.reportStylesMobile .afmeldingTable .divTijdDatum input{height:24px;font-size:14px;text-align:center;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.reportStylesMobile .afmeldingTable .divTijdDatum input[type="text"] {width:90px;}

.reportStylesMobile .afmeldingTable .divTijdTijd {float:left;width:100%;max-width:70px;}
.reportStylesMobile .afmeldingTable .divTijdTijd input{height:24px;font-size:14px;text-align:center;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.reportStylesMobile .afmeldingTable .divTijdTijd input[type="text"] {width:60px;}

.reportStylesMobile .afmeldingTable .txtJQDatum {width:90px}
.reportStylesMobile .afmeldingTable .txtTijd {width:60px}
.reportStylesMobile .afmeldingTable .divHoeveelheidLabel {float:left;width:100%;max-width:140px;padding-right:5px;}
.reportStylesMobile .afmeldingTable .divHoeveelheidAantal {float:left;width:100%;max-width:100px;}

.reportStylesMobile .afmeldingTable .txtAantal {width:90px;text-align:right;padding-right:5px;}
.reportStylesMobile .afmeldingTable .txtAantal {height:24px;font-size:14px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}

.reportStylesMobile .afmeldingTable .divRedenLabel {vertical-align:middle;float:left;width:100%;max-width:80px;padding-right:10px;}
.reportStylesMobile .afmeldingTable .divReden {vertical-align:middle;float:left;width:100%;max-width:280px;}
.reportStylesMobile .afmeldingTable .txtReden {width:280px;}
.reportStylesMobile .txtMailAddress {width:100%;max-width:380px;}

.reportStylesMobile .afmeldingTable .headerBlock{height:20px;padding:0 0 0 4px;background-color:#E6EBF4;}
.reportStylesMobile .afmeldingTable .headerBlock{height:20px;padding:0 0 0 4px;background-color:#E6EBF4;}

.reportStylesMobile .afmeldingTable .headerBlock{border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;}
.reportStylesMobile .afmeldingTable .headerBlock{border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;}
.reportStylesMobile .afmeldingTable .headerBlockRow{border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;}
.reportStylesMobile .afmeldingTable .headerBlockRow{border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;}
.reportStylesMobile .afmeldingTable {border:none;border-collapse:initial;}
.reportStylesMobile .afmeldingTable  .headerBlock{border:none;border-collapse:initial;}

.vrtHeaderTable {width:100%;}
.voertuigTable {border:none;}
.voertuigTable td {border-left:1px solid #404040;border-bottom:1px solid #404040;border-right:1px solid #404040;}
.voertuigTable td {padding:4px 4px 4px 4px;font-size:11px;vertical-align:top;}
.voertuigTableHeader td {text-decoration: none; background-color: #dcdcdc;font-weight:bold;font-size:12px;vertical-align:middle;}
.voertuigTableEmptyRow td {border:none;}

.mdwHeaderTable {width:100%;}
.medewerkerTable {border:none;}
.medewerkerTable td {border-left:1px solid #404040;border-bottom:1px solid #404040;border-right:1px solid #404040;}
.medewerkerTable td {padding:4px 4px 4px 4px;font-size:11px;vertical-align:top;}
.medewerkerTableHeader td {text-decoration: none; background-color: #dcdcdc;font-weight:bold;font-size:12px;vertical-align:middle;}
.medewerkerTableEmptyRow td {border:none;}

.sgnHeaderTable {width:100%;}
.signaleringTable {border:none;}
.signaleringTable td {}
.signaleringTable td {padding:4px 4px 4px 4px;font-size:11px;vertical-align:top;}
.signaleringTableHeader td {text-decoration: none; background-color: #dcdcdc;font-weight:bold;font-size:12px;vertical-align:middle;}
.signaleringTableEmptyRow td {border:none;}

.txtNumInput {text-align:right;}
.txtNumInputRead {text-align:right;border:none 0px transparent; background-color:#bbbbbb;}

.gridHeaderStyle {height:24px;background:#dddddd; text-align:left;}
.gridPrintClass td {border:1px solid #000000;padding-left:2px; vertical-align:top;font-size:10px;}

/* REISBLAD */
.reisbladTable {width:900px;top:0;left:0;position:relative;font-size:15pt;font-weight:bold;}
.reisbladTableCell {width:100%;}
.reisbladKenteken {display:block;float:left;position:relative;}
.reisbladPlaatsDatumVertrek {display:block;float:left;position:relative;}

.reisbladCpyNAW {clear:both;display:block;float:left;position:relative;}
.reisbladDrivers {clear:both;display:block;float:left;position:relative;}
.reisbladKlantBedrijf {clear:both;display:block;float:left;position:relative;}

.reisbladCheckmark {clear:both;display:block;float:left;font-size:18pt;position:relative;}
.reisbladMaand {display:block;float:left;position:relative;}
.reisbladJaar {display:block;float:left;position:relative;}

.reisbladVertrekBestemming {clear:both;display:block;float:left;position:relative;}
.reisbladVertrekBestemmingLand {display:block;float:left;position:relative;}

.reisbladVertrekDagMaand {clear:both;display:block;float:left;position:relative;}
.reisbladVertrekVan {display:block;float:left;position:relative;}
.reisbladVertrekNaar {display:block;float:left;position:relative;}
.ReisbladVertrekCheckmarkLeeg {display:block;float:left;position:relative;}

.space{display:block; clear:both; height:10px; width:100%;}

.noPrint
{
    border-bottom:0px solid #000;
}

@media print 
{
    .space{display:block; clear:both; height:10px; width:100%;}
	.reportColumnHeader {font-size:12px; font-weight:bold;}
    .reportDateHeader {font-size:14px;background-color:#CCC;}
    .reportTimeHeader {font-size:14px; border-bottom:1px solid black;background-color:#CCC;}
	.reportDivider {page-break-after: always;}
	.reportDividerAfter {page-break-after: always;}
	.reportDividerBefore {page-break-before: always;}

    .txtNumInput {text-align:right;}
	.txtNumInputRead {text-align:right;border:none 0px transparent; background-color:#bbbbbb;}

    .space{display:block; clear:both; height:10px; width:100%;}

    .gridHeaderStyle {height:24px;background:#dddddd; text-align:left;}
    .gridPrintClass td {border:1px solid #000000;padding-left:2px; vertical-align:top;}

    .reportLogo {width: 150px; border-bottom:1px solid black;}
    .reportLogo img{width: 150px;}
    .reportHeader {font-size:20px; border-bottom:1px solid black;}
    .reportHeaderRest {text-align:right;vertical-align:top;font-size:12px; border-bottom:1px solid black;}
    .reportParms {font-size:10px;}

    .reportStyles {color:#000}
    .reportStyles table { width:100%;padding:0;font-family:Arial; font-size:12px;margin:0;}
    .reportStyles table .divTextArea { width:720px;padding:0;font-family:Arial; font-size:12px;margin:0;}
    .reportStyles table .divReportTextArea { width:720px;padding:0;font-family:Arial; font-size:12px;margin:0;}
    .reportStyles table tr td table { width:100%;float:left;  text-decoration: none;}
    .reportStyles table tr td table th {font-weight:normal;  padding:0px; background: #ddd; }
    .reportStyles table tr td table td {padding-right:5px; vertical-align:top;}

    .reportStyles table .reportFactuurAlgemeen{ font-size:12px;}
    .reportStyles table .reportFactuurAdres{ font-size:14px;}
    .reportStyles table .reportFactuurHeader{ font-size:18px;}
    .reportStyles table .reportFactuurMaterieel{ font-size:12px;}
    .reportStyles table .reportFactuurFooter{ font-size:12px;}

    .planningTable {border:none;}
    .planningTable td {border:1px solid #404040;padding:4px 4px 4px 4px;font-size:11px;vertical-align:top;}
    .planningTableHeader td {text-decoration: none; background-color: #dcdcdc;font-weight:bold;font-size:12px;vertical-align:middle;}
    .planningTableEmptyRow td {border:none;}

    .planningTableHeaderA3 td {text-decoration: none; background-color: #dcdcdc;font-weight:bold;font-size:12px;vertical-align:middle;}

    .vrtHeaderTable {width:100%;}
    .mdwHeaderTable {width:100%;}

    .voertuigTable {border:none;}
    .voertuigTable td {border-bottom:1px solid #404040;padding:4px 4px 4px 4px;font-size:11px;vertical-align:top;}
    .voertuigTableHeader td {text-decoration: none; background-color: #dcdcdc;font-weight:bold;font-size:12px;vertical-align:middle;}
    .voertuigTableEmptyRow td {border:none;}

    .medewerkerTable {border:none;}
    .medewerkerTable td {border-bottom:1px solid #404040;padding:4px 4px 4px 4px;font-size:11px;vertical-align:top;}
    .medewerkerTableHeader td {text-decoration: none; background-color: #dcdcdc;font-weight:bold;font-size:12px;vertical-align:middle;}
    .medewerkerTableEmptyRow td {border:none;}

	.noPrint
	{
        border-bottom:1px solid #333;
		display: none;
	}
}