:root{--bs-body-line-height:1.7;--bs-body-color:#343F52}
html,
body{overscroll-behavior:none}
body{padding:0;margin:0;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}
a{color:#3097d1;text-decoration:none}
a:hover,
a:focus{color:#216a94;text-decoration:underline}
h1,
.h1{font-size:40px}
h2,
.h2{font-size:26px}
h3,
.h3{font-size:22px}
h4,
.h4{font-size:19px}
h5,
.h5{font-size:16px}
h6,
.h6{font-size:14px}
h1,
.h1,
h2,
.h2{font-weight:700}
h1,
.h1,
h2,
.h2,
h3,
.h3{margin-bottom:13.5px}
p.lead{font-size:20px;font-weight:400}
code{padding:2px 4px;font-size:90%;color:#D35400;background-color:#ECF0F1;border-radius:4px}
.container{margin-left:auto;margin-right:auto}
.overlay{background-color:#000;opacity:0.8;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:10000;display:none}
.modal_rebuild_product{text-align:center;width:30vw;height:50vh;background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;border-radius:20px;display:none}
.modal_rebuild_product .modal-body{padding:40px 80px;text-align:left;line-height:20px}
.top-status-bar{height:30px;background-color:#333;width:100%;line-height:30px;font-size:smaller;padding:0 10px}@media (min-width:768px){.container{width:95%}}@media (min-width:1280px){.container{width:95%;max-width:1719px}}
@media (min-width:1920px){.container{width:1820px;max-width:1820px}}
.roboto-normal{font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100}
.grid{display:grid;grid-gap:0px;margin:0px 0}
.s-grid-1{grid-template-columns:1fr}
.s-grid-2{grid-template-columns:1fr 1fr}
.s-grid-3{grid-template-columns:1fr 1fr 1fr}
.s-grid-4{grid-template-columns:1fr 1fr 1fr 1fr}
.s-grid-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}
.s-grid-6{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}
.s-grid-7{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}
.s-grid-8{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}
.s-grid-9{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}
.s-grid-10{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}
.s-grid-11{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}
.s-grid-12{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}
.s-grid-13{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}
.s-grid-14{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}
.s-grid-15{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}
@media only screen and (min-width:1024px){.m-grid-1{grid-template-columns:1fr}.m-grid-2{grid-template-columns:1fr 1fr}.m-grid-3{grid-template-columns:1fr 1fr 1fr}.m-grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.m-grid-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.m-grid-6{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.m-grid-7{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.m-grid-8{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.m-grid-9{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.m-grid-10{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.m-grid-11{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.m-grid-12{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}
@media only screen and (min-width:1280px){.l-grid-1{grid-template-columns:1fr}.l-grid-2{grid-template-columns:1fr 1fr}.l-grid-3{grid-template-columns:1fr 1fr 1fr}.l-grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.l-grid-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.l-grid-6{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.l-grid-7{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.l-grid-8{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.l-grid-9{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.l-grid-10{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.l-grid-11{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.l-grid-12{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}
.gap-0{grid-gap:0}
.gap-5{grid-gap:5px}
.gap-10{grid-gap:10px}
.gap-15{grid-gap:15px}
.gap-20{grid-gap:20px}
.bg-modal{width:100%;height:100vh;background-color:rgba(33,33,33,0.9);backdrop-filter:blur(15px);position:fixed;left:0;top:0;z-index:1000;display:none}
.bg-modal h3{padding-bottom:30px}
.modal-close{position:absolute;right:20px;top:20px;color:#000;cursor:pointer}
.modal-close span{font-size:50px}
.modal-close.close-round{background-color:#3097d1;color:#fff;font-size:16px;border-radius:20px;width:35px;height:35px;right:10px;top:10px;display:none;box-shadow:0px 9px 9px -3px rgba(0,0,0,0.2)}
.audit-list-image:hover .modal-close.close-round{display:block}
.filiaal-close{position:absolute;right:20px;top:20px;cursor:pointer}
.modal-wrapper{transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;border-radius:10px;padding:60px;background-color:#3097d1}
.modal-wrapper.sm{width:20vw;height:20vh}
.modal-wrapper.md{width:30vw;height:30vh}
.modal-wrapper.lg{width:40vw;max-width:800px;min-height:40vh;max-height:90vh}
.modal-wrapper.xl{width:50vw;max-width:800px;min-height:50vh;max-height:90vh}
.modal-wrapper.xxl{width:70vw;max-width:1500px;min-height:50vh;max-height:90vh}
.modal-wrapper a{color:#fffdd;font-weight:600}
.modal-wrapper .row{color:#fff}
.modal-wrapper h3{color:#000;font-size:24px}
.modal-wrapper input[type="text"],
.modal-wrapper input[type="password"],
.modal-wrapper select{border:0px solid #eee;border-radius:5px;border-right:10px solid #fff;padding:18px;max-width:400px}
.modal-wrapper input[type="checkbox"]{padding:10px;margin-right:10px}
.modal-wrapper.modal-account-login input[type="text"],
.modal-wrapper.modal-account-login input[type="password"],
.modal-wrapper.modal-account-login select{max-width:100%}
.bg-modal-werkbon .modal-wrapper{width:70vw;max-width:1000px;height:90vh;background-color:#EBF8FC}
.bg-modal-werkbon .modal-wrapper .row{color:#000}
.bg-modal-werkbon #partial-werkbon{color:#000}
.modal-tarieven table{width:100%;color:#fff}
.modal-audit-images{width:100vw!important;max-width:100vw!important;height:100%!important;background-color:transparent}
#partial_tariefset .page-menu{width:400px}
.input-field{padding:10px 0}
.input-field input{padding:20px;border:0}
input:focus,
.form-control:focus,
select,
select:focus{outline:none!important;border-color:unset!important;box-shadow:unset!important}
.input-textarea{margin-top:10px;width:880px;height:120px;border:0;padding:20px;font-size:20px}
#partial_audit_flow_item input.audit_result_field_text,
#partial_audit_flow_item select.audit_result_field_select,
#partial_audit_flow_item textarea{background-color:transparent!important;padding-left:0px!important;border-color:transparent!important}
#partial_audit_flow_item .audit-label{font-size:24px}
.number-tarief{font-size:20px;padding:10px 0;opacity:0.3}
.list-item .form-check,
.customer-list .form-check{display:inline-block;width:20px;height:20px}
.list-item input[type=checkbox],
.customer-list input[type=checkbox]{display:inline-block;width:20px !important;height:20px !important}
.field-wrapper{position:relative}
.blr-label{font-weight:500;font-size:16px}
.field-unit{width:60px;display:inline-block;position:absolute;top:35px;right:0;line-height:39px;text-align:center;border-radius:0 0.25rem 0.25rem 0;background-color:#ddd}
.field-section{margin-top:40px}
.field-section h4{margin:0}
.btn-primary:focus,
.btn-primary{outline:none!important;border-color:unset!important;box-shadow:unset!important;margin-top:30px}
.form-control-kg{width:calc(100% - 50px);border-radius:0.25rem 0 0 0.25rem}
.empty-col label,
.empty-col input,
.empty-col h4{display:none}
.form-select{border:1px solid #ced4da!important}
.form-check-input:checked{border-color:#000;background-color:#000}
.input_locked{pointer-events:none}
.input_locked input{background-color:#3097d1;border-color:#3097d1 !important;color:#fff;border-right:unset !important}
.grid-item-form-blocks{background-color:#fff;color:#000;border-radius:5px;padding:20px;opacity:0.6;cursor:pointer;font-weight:700;text-align:center}
.audit_result_field_select{padding:20px;border:0;border-right:20px solid #fff;font-size:20px;height:74px}
.audit_field label{font-size:20px;font-weight:500}
.audit_result_field_boolean{text-align:center;font-size:20px;font-weight:500;opacity:0.4;border-radius:5px;padding:20px;color:#fff;cursor:pointer}
.audit_result_field_boolean:hover,
.audit_result_field_boolean.active{opacity:1}
#audit-flow-menu{display:none}
.audit_flow_menu{position:absolute;right:0px;top:0px;background-color:#EBF8FC;padding:20px;border-radius:5px;color:#000;width:300px;font-weight:500;box-shadow:0px 9px 9px -3px rgba(0,0,0,0.2);padding-top:50px}
.audit_flow_menu ul{list-style:none}
.audit_flow_menu li{padding:3px 0;position:relative;padding-left:015px}
.audit_flow_menu li .li-circle{left:-20px;top:10px;width:15px;height:15px;background-color:#fff;position:absolute;border-radius:10px}
.audit_flow_menu .modal-close span{font-size:25px}
.audit-image-upload .upload-button{margin-top:-200000px!important}
.audit-list-image{width:100%;height:0;padding-bottom:100%;background-size:cover;border-radius:30px}
.responsiv-uploader-fileupload.style-image-multi .upload-object{background-color:#EBF8FC!important;height:100px!important;width:50%!important;border-radius:30px;border:0}
.responsiv-uploader-fileupload.style-image-multi .upload-object .icon-container.image{height:100px!important;width:100px!important}
.responsiv-uploader-fileupload.style-image-multi .upload-object .info{margin-left:110px!important}
.search-block{position:relative;grid-template-columns:50px 1fr}
.search-block .search-icon{padding-top:5px}
.search-block .search-icon span{font-size:30px}
.search-block .search-input input{background-color:transparent;width:100%;font-size:18px}
.search-block .open-all-tabs,
.search-block .close-all-tabs{width:30px;height:30px;border-radius:30px;border:1px solid #3097d1;background-color:#3097d1;position:absolute;right:20px;top:25px;text-align:center;cursor:pointer}
.search-block .open-all-tabs span,
.search-block .close-all-tabs span{color:#fff;line-height:27px;font-size:18px;font-weight:800}
.search-block .open-all-tabs label,
.search-block .close-all-tabs label{color:#3097d1}
.search-block .close-all-tabs{display:none}
.input-check-list{list-style:none;padding:0}
.input-check-list li{list-style:none;line-height:24px;position:relative;padding-left:34px;margin-bottom:4px}
.input-check-list li label{color:#fff;font-weight:normal;font-size:14px;cursor:pointer}
.input-check-list .input-check-box{width:24px;height:24px;position:absolute;top:0;left:0}#layout-header{position:sticky;top:0;z-index:100}
.error{background:#f00 !important;color:#fff !important;padding:3px 10px;display:inline-block;text-align:center}
.message-bleu{background:#3097d1 !important;color:#fff;text-align:center;display:inline-block;padding:3px 10px}
.header,
.footer{width:100%;background-color:#fff;color:#fff;height:110px;position:relative;overflow:hidden;border-bottom:1px solid #eee}
.header .logo,
.footer .logo{position:absolute;height:100px;font-size:70px;left:10px;top:10px;line-height:0.9;font-weight:900;color:#333}
.header-actions{position:absolute;right:20px;top:20px}
#layout-footer{position:sticky;bottom:-80px}
.navigation{position:absolute;right:20px;top:10px}
.navigation ul{width:100%}
.navigation ul li{color:#000;display:inline-block;padding:10px 20px;font-weight:800;font-size:20px}
.footer{border-top:1px solid #eee;border-bottom:0 solid #eee;margin-top:80px;padding-bottom:100px}
.footer .logo{top:-60px}
.page-header-wrapper{grid-template-columns:1fr 1fr}
.page-header{position:sticky;top:111px;background-color:#fff;z-index:100}
.page-header-text{margin:0;padding:0;padding:20px 10px}
.product-search{float:right;text-align:right;padding:20px 0}
.input-text{padding:15px 20px;width:90%;border:0px solid #eee;border-radius:50px;line-height:20px;font-size:18px;background-color:#efefef}
.but-sync{line-height:24px;background-color:#000;color:#fff;border-radius:50px;padding:0 40px}
.but-import-status{background-color:#ccc;line-height:50px;height:50px;width:300px;margin-top:20px;display:inline-block;text-align:center}
.but-import-status a{color:#000}
.but-import-status.disabled a{color:#999}
.product-list .product-group-wrapper{background-color:#efefef;margin-top:8px;padding:15px}
.product-list .product-group-wrapper.list-header{background-color:#fff;font-size:14px;color:#666;position:sticky;top:160px;border-botom:1px solid #ccc}
.product-list .product-group-wrapper.list-header .product-group,
.product-list .product-group-wrapper.list-header .product-item{padding:2px 0px}
.product-list .product-group-wrapper.no-update{background-color:#efefef;color:#aaa}
.product-list .product-group{padding:10px 0;font-weight:800;grid-template-columns:400px 1fr 1fr 1fr 1fr 1fr}
.product-list .product-item{padding:5px 10px 5px 0;grid-template-columns:60px 250px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}
.product-list .product-item:hover{cursor:pointer}
.product-list .product-error{padding:0 10px 0 0;font-weight:900}
.product-field-group{padding:10px}
.product-field-group h3{font-size:20px;font-weight:900}
.product-field-group .product-field{background-color:#efefef;padding:15px;position:relative}
.product-field-group .product-field .date{position:absolute;right:10px;top:15px;background-color:#ccc;color:#fff;padding:3px;font-size:14px;text-transform:uppercase}
.product-field-group .product-image{margin-top:10px;width:100%;height:0;padding-bottom:100%;background-position:center;background-repeat:no-repeat;background-size:cover}
.product-field-group label{font-size:14px;color:#666;text-transform:uppercase;width:100%}
.product-field-group .product-actions{padding:20px 0 20px}
.product-field-group .variant-titles{text-align:center;margin-left:10px;padding:10px 0 0}
.product-field-group .variant-titles .variant-title{cursor:pointer;margin-top:5px;padding:15px 0;border-bottom:1px solid #aaa}
.product-field-group .variant-titles .variant-title.active{font-weight:900;border:1px solid #ccc;border-bottom:0}
.product-field-group .product-variant{border-left:10px solid #ccc;padding:40px;display:none}
.product-field-group .product-variant.active{display:block}
.product-button{display:inline-block;margin-right:20px;padding:15px 30px;background-color:#666;color:#fff;cursor:pointer;font-weight:700}
.product-button:hover{background-color:#000}