@font-face{font-family:Kenteken;src:url(/css/voorraadlijsten/kenteken.ttf)}html,body{font-family:"Roboto","Helvetica",sans-serif;font-size:15px}html{overflow-y:scroll}body{font-size:1rem;background-color:transparent}p{font-size:15px}.bg-customprimary,.btn-customprimary{background-color:#4a778c}.bg-kenteken{background-color:#ffdf35}.bg-kenteken:focus{border:1px solid black !important;box-shadow:none;background-color:#ffdf35}.white{color:white}.customprimary{color:#4a778c}.customsecundary{color:grey}.modal-content{border:0}#overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2;cursor:pointer}#inruilblok{position:absolute;display:none;top:50%;left:50%;font-size:50px;background-color:white;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:3;width:20%}input#kenteken,.kentekeninput img{height:40px}.kentekeninput img{border-radius:3px 0 0 3px}input#kenteken{border:1px solid black;font-weight:bolder;text-transform:none;text-align:center;letter-spacing:.1em;border-radius:0 3px 3px 0;font-family:'Kenteken';font-size:1.5rem}#kilometerstand.mdl-textfield__input{font-weight:bold;font-size:1.5rem}.float{position:fixed;width:auto;height:60px;bottom:40px;left:40px;background-color:#4a778c;color:#FFF;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999}section,header,footer{margin:0 auto}.inruilpartje{width:35%;min-width:550px}header{padding:.8rem 2rem;border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:space-between}section{background-color:white}#inruilPart2 section{padding:0}footer{padding:.8rem 11px;border-radius:0 0 4px 4px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;border-top:1px solid #dee2e6;background-color:white}.primarycolor{color:#4a778c}.secundarycolor{color:grey}.primary-bg,.primary-btn{background-color:#4a778c}.secundary-bg,.secundary-btn{background-color:grey}.wit{color:white}.green{color:green !important}.orange{color:orange !important}.red{color:red !important}.w-100{width:100%}.header-text{width:100%}.close{opacity:1;color:#fff;margin-top:.3rem}.interessevoertuig,.uwvoertuig{max-height:100%;object-fit:cover;width:100%}.interessevoertuigrow{padding:22px 0;background-color:rgb(74,119,140,0.8)}.interessevoertuigrow h5{line-height:2rem}.uwvoertuigrow{margin:-11px -11px 10px -11px;height:0;overflow:hidden;padding:0;transition:.4s ease;-webkit-transition:.4s ease}.kentekeninvoer{margin:-11px -11px 10px -11px}.interessevoertuig3{background-color:#d2d2d2;height:140px;width:100%}.specs{line-height:1.8rem}.merk i{font-size:1rem}footer .btn{margin:.25rem}.backbuttonheader,.backbuttonheader:hover{text-decoration:none;color:white}.tab{background-color:#e3e3e3;border-bottom:1px solid lightgrey}.tab .btn,.tab .btn:hover,.tab .btn:focus{color:black;text-decoration:none;box-shadow:none;padding:10px;margin:0}#StaatAuto{width:100%}#StaatAuto .card-header{background-color:transparent}#StaatAuto .card-header .btn,#StaatAuto .card-header .btn:focus{background-color:transparent;color:black;box-shadow:none}.radioStaat input[type="radio"],.radioKleur input[type="radio"],.checkboxAlgemeen input[type="checkbox"],.checkboxExtra input[type="checkbox"]{opacity:0;position:fixed;width:0}.radioKleur label,.checkboxAlgemeen label,.checkboxExtra label{display:block;padding:10px 20px;border:px solid #4a778c;border-radius:4px}.radioStaat label{border:2px solid #4a778c;margin-bottom:0;z-index:10}.radioStaat .card{border:0}.radioStaat .card-header{border-bottom:0;background-color:transparent;padding:0}.radioStaat .card-header span.sp{padding:.75rem 1.25rem}.radioKleur label,.checkboxAlgemeen label,.checkboxExtra label{width:auto;display:inline-block}.radioStaat label:hover,.radioKleur label:hover,.checkboxAlgemeen label:hover,.checkboxExtra label:hover{background-color:#e3e3e3}.radioStaat input[type="radio"]:focus+label,.radioKleur input[type="radio"]:focus+label,.checkboxAlgemeen input[type="checkbox"]:focus+label,.checkboxExtra input[type="checkbox"]:focus+label{border:1px solid #4a778c}.radioStaat input[type="radio"]:checked+label,.radioKleur input[type="radio"]:checked+label,.checkboxAlgemeen input[type="checkbox"]:checked+label,.checkboxExtra input[type="checkbox"]:checked+label{background-color:#4a778c;color:white}.kleurStip{width:14px;height:14px;border-radius:50%;margin-right:.5rem;display:inline-block;line-height:.8rem}body .radioStaat input:checked+.card label{color:black}.radiusHeader{border-bottom:0 !important}.uitleg{color:black;border-top:0 !important}.radioStaat .fa-laugh:before,.radioStaat .fa-smile:before,.radioStaat .fa-frown-open:before{background-color:white;padding:2px;border-radius:2rem}.card-body{padding-top:0}button[type="submit"]{width:100%}.custom-image-upload{border:1px solid #4a778c;border-radius:4px;display:inline-block;padding:6px 12px;cursor:pointer;width:100%}#btwOfMarge{height:0;opacity:0;transition:all .4s ease;-webkit-transition:all .4s ease}.mdl-textfield__label:after{bottom:11px}h1,h2,h3,h4,h5,h6,p{margin:auto}.gegevens .mdl-textfield{width:100%;margin-bottom:-10px}.gegevens .mdl-textfield,.gegevens .mdl-radio,.gegevens .mdl-checkbox__label{font-size:14px}.kmstand .mdl-textfield{width:100%;overflow:hidden}.mdl-textfield__label{font-weight:bold}.mdl-textfield__input{font-size:15px}input#kenteken:-webkit-autofill,input#kenteken:-webkit-autofill:hover,input#kenteken:-webkit-autofill:focus,input#kenteken:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #ffdf35 inset !important}.dropzone{padding:0;border:0}.dropzone-previews{background:white;border-radius:5px;border-image:none;max-width:95%;margin-left:auto;margin-right:auto}#foto-upload:hover .uploadicon,.uploadicon{transition:.4s ease;-webkit-transition:.4s ease}.spinner-border{border:.25rem dashed currentColor;border-right-color:transparent}@media all and (max-width:800px){section,header,footer{margin:0 auto}.inruilpartje{width:100%;min-width:auto}#inruilblok{width:80%}}@media all and (max-width:500px){section,header,footer{margin:0 auto}.inruilpartje{width:100%;min-width:auto}#inruilblok{width:80%}input#kenteken{font-size:1rem}.marginFix2{margin-left:0}.marginFix-2{margin-left:0}}@media(max-width:350px){input#kenteken{font-size:.9rem}input#kenteken::-webkit-input-placeholder{font-size:.7rem}input#kenteken::-moz-placeholder{font-size:.7rem}input#kenteken:-ms-input-placeholder{font-size:.7rem}input#kenteken:-moz-placeholder{font-size:.7rem}input#kenteken::placeholder{font-size:.7rem}}@media all and (max-width:1024px){#inruilblok{width:60%}}