.datepicker_vista{position:absolute;font-size:12px;font-family:Calibri,Verdana,Arial,Helvetica;color:#000;line-height:normal;width:167px;height:150px;padding:10px 14px 14px 14px;border:1px solid rgba(0, 0, 0, 0.2);border:1px solid #000\9;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);background:#fff;border-radius:6px 6px 6px 6px}
.datepicker_vista .header{position:relative;height:15px;margin-bottom:5px;padding-top:1px}
.datepicker_vista .header .title{text-align:center;margin:0 18px 0 18px}
.datepicker_vista .header .titleText{border-bottom:1px dotted #aaa}
.datepicker_vista .header .previous,
.datepicker_vista .header .next,
.datepicker_vista .header .closeButton{position:absolute;cursor:pointer;text-indent:-40px;overflow:hidden;width:12px;height:12px;top:2px;background-image:url('http://www.bookyou.com/repository/images/buttons.png');background-position:left top;background-repeat:no-repeat}
.datepicker_vista .header .previous{left:4px}
.datepicker_vista .header .previous:hover{background-position:left bottom}
.datepicker_vista .header .next{right:4px;background-position:-13px top}
.datepicker_vista .header .next:hover{background-position:-13px bottom}
.datepicker_vista .header .closeButton{display:none;right:0;top:0;background-position:right top}
.datepicker_vista .header .closeButton:hover{background-position:right bottom}
.datepicker_vista .footer{padding-top:4px;text-align:center}
.datepicker_vista .footer .presets{font-size:12px;padding:1px;width:110px}
.datepicker_vista .body{position:relative;top:0;left:2px;width:168px;height:112px;overflow:hidden}
.datepicker_vista .time{position:relative;width:100%;height:100%}
.datepicker_vista .time .hour,
.datepicker_vista .time .separator,
.datepicker_vista .time .minutes{border:1px solid #ccc;background:#fff;width:50px;font-size:32px;position:absolute;top:10px;text-align:center;padding:2px}
.datepicker_vista .time .hour{left:15px}
.datepicker_vista .time .separator{background:transparent;border:0;width:10px;left:76px}
.datepicker_vista .time .minutes{left:95px}
.datepicker_vista .time .ok{position:absolute;top:65px;width:136px;left:15px;font-size:20px}
.datepicker_vista .days .day{float:left;text-align:center;overflow:hidden;width:23px;height:15px;margin:0 1px 1px 0}
.datepicker_vista .days .titles{height:15px;border-bottom:1px solid #e0e0e0;margin-bottom:1px}
.datepicker_vista .days .day0{margin-right:0}
.datepicker_vista .days .week5 .day{margin-bottom:0}
.datepicker_vista .days .week .day{cursor:pointer}
.datepicker_vista .days .week .day:hover{background:url(http://www.bookyou.com/repository/images/days.png) left top no-repeat;color:#0084AA}
.datepicker_vista .days .otherMonth{color:#aaa}
.datepicker_vista .days .selected{background:url(http://www.bookyou.com/repository/images/days.png) left bottom no-repeat;color:#316879}
.datepicker_vista .months .month{float:left;cursor:pointer;text-align:center;padding-top:6px;width:55px;overflow:hidden;height:21px;margin:0 1px 1px 0}
.datepicker_vista .months .month3,
.datepicker_vista .months .month6,
.datepicker_vista .months .month9,
.datepicker_vista .months .month12{margin-right:0}
.datepicker_vista .months .month10,
.datepicker_vista .months .month11,
.datepicker_vista .months .month12{margin-bottom:0}
.datepicker_vista .months .month:hover{background:url(http://www.bookyou.com/repository/images/months.png) left top no-repeat;color:#0084AA}
.datepicker_vista .months .selected{background:url(http://www.bookyou.com/repository/images/months.png) left bottom no-repeat;color:#316879}
.datepicker_vista .years .year{float:left;cursor:pointer;text-align:center;padding-top:6px;width:32px;overflow:hidden;height:21px;margin:0 1px 1px 0}
.datepicker_vista .years .year4,
.datepicker_vista .years .year9,
.datepicker_vista .years .year14,
.datepicker_vista .years .year19{margin-right:0}
.datepicker_vista .years .year15,
.datepicker_vista .years .year16,
.datepicker_vista .years .year17,
.datepicker_vista .years .year18,
.datepicker_vista .years .year19{margin-bottom:0}
.datepicker_vista .years .year:hover{background:url(http://www.bookyou.com/repository/images/years.png) left top no-repeat;color:#0084AA}
.datepicker_vista .years .selected{background:url(http://www.bookyou.com/repository/images/years.png) left bottom no-repeat;color:#316879}
.datepicker_vista .unavailable{background:none !important;color:#fbb !important;cursor:default !important}html, body{font-family:Arial, Verdana, Helvetica;font-size:11px;background-color:#fff;color:black;margin:0;padding:0}
a{color:black}
a img{border:0 solid white}
a:focus{outline:none}
img.absmiddle{vertical-align:middle;margin-bottom:.25em}
h1, h2, h3, h4{font-size:18px;padding:20px 0 0 0;margin:0}
form, form p, p{margin:0;padding:0}
input.text,
input.number,
input.password,
input.file,
select,
textarea{background-color:#FFF;border:1px solid #CCC;color:#333;font-family:Arial, Verdana, Helvetica, sans-serif;font-size:11px;font-weight:400}
select{padding:0;margin:0}
input.text,
input.number{margin:0;padding:1px 0}
ul, li{margin:0}
input.radio{margin:0 3px 1px 5px;vertical-align:bottom}
.lfloat{float: left}
.clr{clear:both}
.clrleft{clear:left}
.clrright{clear:right}
.required{color: red}
input::placeholder{font-style:italic;color:#0E6C99;opacity:1}
.feedback{font-weight:700;color:red;padding-bottom:10px}
.feedback-ok{color:#080}
.checklist{overflow:auto;border:1px solid #ccc;list-style-type:none;margin:0;padding:0;overflow-x:hidden}
.checklist li{margin:0;padding:0;display:block;color:WindowText;background-color:Window;margin:0;padding:0 20px 0 0;width:100%}
.checklist li:hover{background-color:Highlight;color:HighlightText}
.template-button{background-image:url("/whitelabel/web/images/button-bg-grey.png");background-repeat:repeat-x;border:1px solid #DCDCDC;height:31px;display:block;color:#333;font-weight:700;cursor:pointer}
.template-button:hover{background-image:url("/whitelabel/web/images/button-bg-orange.png");border:1px solid #FFAA21}
.tooltip{background-image:url("/whitelabel/web/images/book-tooltip-background.png");background-repeat:no-repeat;background-position:bottom left;position:absolute;top:0;left:0;display:none;padding:3px 3px 9px 3px;z-index:1000;max-width:240px}
.tooltip .tooltip-inner{background-color:white;padding:20px 15px;color:#666;line-height:17px;font-size:11px}
.lbl_tooltip{border-bottom:1px dotted lightgray;cursor:help}
.datepicker_vista{border:1px solid #262827;box-shadow:3px 3px 5px #888}
.formlayout .formelements .formelement .lbl{display:block;float:left;font-weight:700;width:150px;padding-bottom:8px}
.formlayout .formelements .formelement .fld{float:left;padding-bottom:8px}
.formlayout .formelements .formsubmit{padding-top:10px;padding-left:180px}
.formlayout .radiolist .radiochoice input.radio{vertical-align:middle}
.formlayout .radiolist .radiochoice{padding-right:10px}
.lightbox-container{padding:20px;border:5px solid lightgrey;z-index:101}
.lightbox-container .waitdialog{font-size:13px;line-height:20px;padding:50px 10px}
.section{padding-bottom:20px}
.section .beschrijving{padding-bottom:15px}
#whitelabel-logo{position:absolute;right:10px;top:10px}
#whitelabel-logo a{display:block;text-decoration:none}
#whitelabel-logo a .label{display:block;padding-bottom:3px;text-decoration:none;font-size:12px;font-weight:700}
#whitelabel-logo a .image{background:url(/whitelabel/../site/web/images/book-logo.png) no-repeat;font-size:0;width:140px;height:37px;display:block}
#whitelabel-logo a:hover .image{background:url(/whitelabel/../site/web/images/book-logo-hover.png) no-repeat}
#datumentijd .red{color:red}
#datumentijd .datumlabel{float:left}
#datumentijd .einddatumlabel{padding-right:5px}
#datumentijd .datum{float:left}
#datumentijd .datum input.checkbox{float:left}
#datumentijd .datum input.text{background-image:url("http://www.bookyou.com/repository/images/icons/calendar.png");background-repeat:no-repeat;background-position:right center;width:80px}
#datumentijd .starttijd{padding-left:5px;padding-right:10px;float:left}
#datumentijd .eindtijd{padding-left:5px;float:left}
#datumentijd .starttijd input,
#datumentijd .eindtijd input,
#producten .tijdsrange input{background-image:url("http://www.bookyou.com/repository/images/icons/time.png");background-repeat:no-repeat;background-position:right center;width:60px}
#datumentijd .textualdate{float:left;padding-left:10px;line-height:16px}
#datumentijd .duration{padding-top:10px;padding-left:40px}
#datumentijd .duration input.duur{width:85px}
.feedback{display:none;padding:20px;color:red;font-weight:700}
.wachten{display:none}
#producten .productlijst{padding-bottom:10px}
.mode-beheer #producten .productlijst{min-height:200px;overflow:auto;border:1px solid #DDD;padding-bottom:0}
#producten .productlijst .product{line-height:20px;padding:3px 3px}
#producten .product .exclusief input.text{width:40px}
#producten .psearch{position:relative;width:395px;min-height:20px;float:left}
#producten .psearch input.text{background-image:url("http://www.bookyou.com/repository/services/web/images/book-arrow.png");background-repeat:no-repeat;background-position:3px 3px;height:15px;padding-left:18px;width:369px}
#producten .aantal{width:60px;float:left}
#producten .aantal input{padding-right:3px;width:30px;float:left}
#producten .aantal .arrows{font-size:0;display:inline-block}
#producten .aantal .arrow{font-size:0;background-image:url("/whitelabel/web/images/up_down_arrows.png");background-repeat:no-repeat;width:11px;height:7px;display:block;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;background-color:#FCFCFC}
#producten .aantal .arrow:hover{background-color:#DFDFDF}
#producten .aantal .arrow:active{background-color:#CFCFCF}
#producten .aantal .arrow_up{background-position:2px 1px}
#producten .aantal .arrow_down{background-position:2px -12px}
#producten .productnaam{width:160px;float:left;white-space:nowrap}
#producten .productnaam span{display:block;white-space:nowrap;width:160px;overflow:hidden}
#producten .product-unavailable .productnaam{color:red}
#producten .productlijst input{text-align:right}
#producten .exclusief{min-height:10px;width:90px;text-align:right;float:left}
#producten .btwpercentage{width:90px;text-align:right;float:left}
#producten .btwpercentage input{width:40px}
#producten .inclusief{min-height:10px;width:160px;text-align:right;float:left}
.mode-profiel #producten .inclusief{width:180px}
#producten .notitie{padding-left:10px;float:left}
#producten .notitie .lbl_tooltip{border:0 solid #fff;cursor:pointer}
#producten .verwijderen{width:30px;text-align:right;float:left}
#producten .tijdsrange{width:180px;padding-left:15px;float:left}
#producten.no-date .tijdsrange{visibility:hidden}
#producten .tijdsrange-disabled{color:lightgray}
#producten .tijdsrange-disabled input{color:lightgray;background-position:-100px -100px;width:32px}
#producten .producttime-error{display:none;padding-left:83px;font-style:italic;font-weight:700;color:#f00}
#producten .productlabels{padding-bottom:3px}
#producten .productlabels .exclusief,
#producten .productlabels .btwpercentage,
#producten .productlabels .inclusief{padding-top:5px;font-weight:700}
#producten .productlijst .product .aantal select{width:50px}
#producten .producttotaal{line-height:20px;padding:10px 0 0 5px}
#producten .producttotaal .totaalbedrag{font-weight:700;width:414px;float:left}
#producten .producttotaal .totaalexbtw{text-align:right;width:90px;float:left}
#producten .producttotaal .totaalbtw{text-align:right;width:90px;float:left}
#producten .producttotaal .totaalinclbtw{text-align:right;width:90px;font-weight:700;float:left}
#producten .opbouwkosten{line-height:20px}
#producten.product-zelf-ophalen .opbouwkosten{display:none}
#producten .opbouwkosten .productnaam{font-style:italic}
#producten .boekingsfee{line-height:20px}
#producten .boekingsfee .productnaam{font-style:italic}
.autocomplete-dropdown{background-color:#fff;border:1px solid #262827;box-shadow:3px 3px 5px #888;width:580px;padding:3px 0}
.autocomplete-loader{background-image:url("http://www.bookyou.com/repository/images/spinner_bw.gif");background-position:center center;background-repeat:no-repeat;height:42px}
.autocomplete-selected{background-color:#0d6c98;color:white}
.autocomplete-producten{width:798px}
.autocomplete-producten .autocomplete-selectall{padding:5px 5px 5px 6px;cursor:pointer}
.autocomplete-producten .autocomplete-selectall .checkbox{margin-top:0;vertical-align:middle;margin-right:10px}
.autocomplete-producten .autocomplete-product{padding:5px;color:black;font-weight:400;cursor:pointer;float:left}
.autocomplete-producten .autocomplete-selected{background-color:#0d6c98;color:white}
.autocomplete-producten .autocomplete-product .checkbox{float:left;width:15px;padding-top:8px;padding-right:10px}
.autocomplete-producten .autocomplete-product .afbeelding{width:32px;height:32px;font-size:0;float:left;position:relative}
.autocomplete-producten .autocomplete-product .producttitel{float:none;font-weight:700}
.autocomplete-producten .autocomplete-product .producttitel .leverancier{padding-left:5px;font-size:10px;font-weight:400}
.autocomplete-producten .autocomplete-product .beschikbaar{font-style:italic;font-size:10px}
.autocomplete-producten .autocomplete-product .beschikbaar .red{color:red}
.autocomplete-producten .autocomplete-product .informatie{float:left;padding-left:10px;width:262px;white-space:nowrap;overflow:hidden}
.autocomplete-producten .autocomplete-product .prijsenmarge{float:left;width:60px}
.autocomplete-producten .autocomplete-product .prijsenmarge .prijs{font-weight:700;font-size:12px;text-align:right;padding-top:1px}
.autocomplete-producten .autocomplete-product .prijsenmarge .marge{text-align:right;font-size:9px;padding-left:5px}
.hideproductlist .productlijst,
.hideproductlist #beheerkosten,
.hideproductlist .producttotaal,
.hideproductlist .productlabels .exclusief,
.hideproductlist .productlabels .btwpercentage,
.hideproductlist .productlabels .inclusief{display:none}
#beheerkosten{padding-left:5px;padding-top:20px;line-height:19px}
#producten input::-webkit-outer-spin-button,
#producten input::-webkit-inner-spin-button,
#tegenfacturatie input::-webkit-outer-spin-button,
#tegenfacturatie input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#producten input[type=number],
#tegenfacturatie input[type=number]{-moz-appearance:textfield;appearance:none}
#beheerkosten .label{float:left;font-weight:700;width:120px}
#beheerkosten .description{float:left;width:294px}
#beheerkosten .description input{width:180px}
#beheerkosten .waarde{width:60px;float:left;text-align:right}
#beheerkosten .waarde input{width:40px;text-align:right}
#beheerkosten .btwpercentage{width:60px;float:left;text-align:right}
#beheerkosten .btwpercentage input{width:30px;text-align:right}
#beheerkosten .totaal{float:left;text-align:right;width: 60px}
#beheerkosten .symbol{font-size:15px;text-align:center;width:15px;float:left}
#beheerkosten .sumline{width:690px;height:10px;border-bottom:1px solid #666;color:#666;text-align:right}
#beheerkosten .pdfspecificatie .description{width:500px}
#beheerkosten .pdfspecificatie .description select{width:182px}
#beheerkosten .pdfspecificatie .description input{width:150px;margin-left:127px}
#valutaenkoers{padding-top:15px;width:573px}
#valutaenkoers .valuta{float:left}
#valutaenkoers .valuta select{width:100px}
#valutaenkoers .koers{float:right}
#valutaenkoers .koers input.text{width:30px;text-align:right}
#valutaenkoers .koers span{font-style:italic;font-weight:700}
#profielkorting{padding-left:5px;padding-top:20px;line-height:19px}
#profielkorting .label{float:left;font-weight:700;width:150px}
#profielkorting .description{float:left;width:243px}
#profielkorting .exclusief{float:left;text-align:right;width:60px}
#profielkorting .btwpercentage{display:none}
#profielkorting .totaal{float:left;text-align:right;width: 120px}
#profielkorting .symbol{font-size:15px;text-align:center;width:15px;float:left}
#profielkorting .sumline{width:690px;height:10px;border-bottom:1px solid #666;color:#666;text-align:right}
#klanten .klantlabels .label{float:left;padding:3px 5px;width:100px;background-color:#efefef;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;margin-right:5px;cursor:pointer}
#klanten .klantlabels .apolairtabbedpane-active{font-weight:700;background-color:white}
#klanten .klanttabs{border:1px solid #ccc}
#klanten .klantenbeheer{border:0 solid #fff}
#klanten .klanttabs .tab{padding:10px;display:none}
#klanten .klantenbeheer .tab{padding:0}
#klanten .klanttabs .klantkiezer{display:block}
#klanten .klanttabs .apolairtabbedpane-active{display:block}
#klanten .klantinformatie{border:1px solid #ccc;width:300px;height:200px;margin-bottom:5px;padding:5px;overflow:hidden}
#klanten #klantinformatielayout{display:none}
#klanten #klantinformatielayout .kop{font-weight:700;padding-bottom:4px;font-size:12px}
#klanten .klantinformatie .geenklant{color:#999;font-style:italic}
#klanten .zoekeenklant{width:310px}
#klanten .ksearch{padding-bottom:20px;position:relative}
#klanten .ksearch input.text{background-image:url("http://www.bookyou.com/repository/services/web/images/book-arrow.png");background-repeat:no-repeat;background-position:3px 3px;height:15px;padding-left:18px;width:500px}
#klanten .ksearch .autocomplete-dropdown{width:518px;overflow:hidden}
#klanten .ksearch .autocomplete-klanten{padding:5px;color:black;overflow:hidden;width:508px;font-weight:400;cursor:pointer}
#klanten .ksearch .autocomplete-selected{color:white}
#gegevens .vragen{float:left;width:450px;padding:0}
#gegevens .vragen h2{padding:0 0 10px 0}
#gegevens .formelement .lbl{width:170px}
#gegevens input.text{width:270px}
#gegevens textarea{padding:2px;width:267px}
#gegevens .lsearch{float:left;padding-top:10px;width:342px}
#gegevens .lsearch .lsearch-layout{position:relative;float:left}
#gegevens .lsearch input.text{background-image:url("http://www.bookyou.com/repository/services/web/images/book-arrow.png");background-repeat:no-repeat;background-position:3px 3px;height:15px;padding-left:18px;width:295px}
#gegevens .lsearch .autocomplete-dropdown{width:313px;overflow:hidden}
#gegevens .lsearch .autocomplete-locatie{padding:5px;color:black;overflow:hidden;width:303px;font-weight:400;cursor:pointer}
#gegevens .lsearch .autocomplete-selected{color:white}
#gegevens .lsearch .arrow{float:left;padding-top:15px;width:25px;text-align:center}
#gegevens .lsearch .label{font-weight:700}
#gegevens .vragen .locatiestoevoegen{padding-bottom:20px;text-align:right;width:440px}
#gegevens input.datum{background-image:url("http://www.bookyou.com/repository/images/icons/calendar.png");background-repeat:no-repeat;background-position:right 0;width:80px}
#boekingtasks{padding-bottom:30px}
#boekingtasks h2{padding:0 0 10px 0}
#boekingtasks input.text,
#boekingtasks textarea{width:270px}
#boekingtasks .formelement .lbl{width:170px}
#boekingtasks input.datum{background-image:url("http://www.bookyou.com/repository/images/icons/calendar.png");background-repeat:no-repeat;background-position:right 0;width:80px}
.opsturen fieldset{float:left;width:230px;height:120px;text-align:center;margin-right:5px}
.opsturen fieldset legend{text-align:left}
.opsturen .opsturenblok{padding:20px 10px}
.opsturen fieldset.optie .opsturenblok{padding-top:6px}
.opsturen fieldset.reservering .opsturenblok{padding-top:53px}
.opsturen fieldset.annuleren .opsturenblok{padding-top:53px}
.opsturen fieldset input.form_submit{width:210px}
.opsturen .annuleren .lbl_tooltip{border-bottom:0 solid #fff}
#beheer .subklantemail{padding-left:20px;padding-bottom:15px}
#beheer #factuurnummer{text-align:right}
#beheer .subleveranciers{padding-left:20px;padding-bottom:15px}
#beheer .checkbox{margin:3px 3px 0 0;vertical-align:bottom}
#beheer label{display:inline-block;padding-bottom:5px}
#boekingafgerond{padding:20px}
#boekingisdefinitief{padding:20px;font-weight:700}
#bvselectie{padding-bottom:16px}
#dealergebruikers{position:absolute;top:50px;right:0}
#attachments{padding-bottom:30px}
#attachments .titel{color:#0E6C99;font-weight:700;font-size:13px;padding-bottom:5px}
#attachments .titel .spinner{width:16px;height:16px;display:none}
#attachments .feedback{padding:0;display:none}
#attachments .checkbox{margin:3px 3px 0 0;vertical-align:bottom}
#attachments .template{display:none}
#attachments .files{border-bottom:1px solid lightgray;display:none;margin-bottom:10px}
#attachments .files .file{padding-right:5px;padding-top:4px;padding-bottom:4px;border-top:1px solid lightgray}
#attachments .files .file .bestandnaam{float:left;font-weight:700;width:300px;white-space:nowrap;overflow:hidden;padding-top:2px;margin-right:10px}
#attachments .files .file .flyer{padding-right:15px;float:left}
#attachments .files .file .versturen{float:left}
#attachments .files .file .versturen label{display:inline-block;padding-right:15px}
#attachments .files .file .verwijderen{cursor:pointer;font-weight:700;color:red;float:right}