:root{--bs-body-line-height:1.7;--bs-body-color:#586667}
body{font-weight:300}
a{color:#3097d1;text-decoration:none}
a:hover,
a:focus{color:#216a94;text-decoration:underline}
.pointer{cursor:pointer}
#layout-header{height:120px;padding-top:50px;box-shadow:0 6px 24px -7px rgba(0,0,0,0.5);width:100%;position:sticky;top:-40px;background-color:#fff;z-index:300}
#layout-header:hover{z-index:400}
.block-shadow{box-shadow:0 6px 10px -7px rgba(0,0,0,0.63)}
.btn{font-size:16px !important;font-weight:600}
.row-full-image{height:40vh;width:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;background-color:#0091C8}
.row-full-image .full-image-text{padding-top:8vh;padding-left:80px;position:absolute;width:100%}
.row-full-image .full-image-text h1{color:#fff;font-size:75px;margin:0;padding:0;font-weight:700;width:70%}
.row-full-image .full-image-text h2{color:#fff;margin:0;padding:0}
.row-full-image .full-image-text img{height:60px}
.menu-logo{padding-left:4px}
.menu-logo img{height:40px}
.top-menu-wrapper{grid-template-columns:260px 1fr 320px}
.top-menu ul{list-style:none}
.top-menu ul li{color:rgba(255,255,255,0.7);padding:10px 20px 10px 20px;cursor:pointer;font-size:16px;font-weight:600;flex:0 0 auto;width:auto;float:left;background-repeat:no-repeat;background-position:95% 14px;background-size:20px}
.top-menu ul li:hover{background-color:#EBF8FB;border-radius:5px 5px 0 0}
.top-menu ul li:hover ul{display:block}
.top-menu ul li ul{display:none;overflow:hidden;padding:5px 0 20px 0;margin-left:-20px;margin-top:10px;position:absolute;border-radius:0 5px 5px 5px;background-color:#EBF8FB;box-shadow:0 9px 9px -3px rgba(0,0,0,0.2)}
.top-menu ul li ul li{font-weight:500;background-image:none;width:100%;min-width:300px;float:unset;padding-bottom:0}
.top-menu ul li a{text-decoration:none;color:#000}
.top-menu ul li a:hover{color:#0091C8}
.top-menu ul li.active,
.top-menu ul li.active a{color:#0091C8}
.top-menu ul li:hover{color:#fff}
.icon-header div.page-menu{display:none}
.page-menu{z-index:1200;min-width:280px;position:absolute;right:0;top:0;background-color:#EBF8FB;border-radius:10px;padding-left:20px;overflow:hidden;box-shadow:0 9px 9px -3px rgba(0,0,0,0.2)}
.page-menu ul{padding-left:10px;padding-right:20px;list-style:none}
.page-menu a{text-decoration:none;color:#000}
.top-menu-item{color:rgba(255,255,255,0.7);padding:10px 20px;cursor:pointer;font-size:16px;font-weight:600}
.top-menu-item a{text-decoration:none;color:#000}
.top-menu-item a:hover{color:#0091C8}
.top-menu-item.active{color:#0091C8;background-color:transparent}
.top-menu-item:hover{color:#fff}
.menu-account{flex-direction:row-reverse}
.menu-account .menu-icon{color:#0091C8;padding-right:5px}
.menu-account .top-menu-item{display:inline-flex}
.menu-account .top-menu-item:hover .menu-icon,
.menu-account .top-menu-item:hover a{color:#000}
.menu-account .top-menu-item a{color:#0091C8}
.menu-account .top-menu-item a:hover{color:#000}
.bg-brand-orange{background-color:#EB5C2E}
.bg-brand-green{background-color:#009B7B}
.bg-brand-darkbleu{background-color:#002A3A}
.full-image{width:100%;height:40vh;position:absolute;top:180px;background-repeat:no-repeat;background-size:cover;background-position:center top;z-index:-10}
.row-top-margin-50{margin-top:50px}
.row-top-margin-70{margin-top:70px}
.row-top-margin-90{margin-top:90px}
.blr-blue{background-color:#0091C8 !important}
.blr-orange{background-color:#EB5C2E !important}
.blr-green{background-color:#009B7B !important}
.blr-black{background-color:#002A3A !important}
.blr-txt-blue{color:#0091C8 !important}
.blr-txt-orange{color:#EB5C2E !important}
.blr-txt-green{color:#009B7B !important}
.blr-txt-black{color:#002A3A !important}
.pdf-partial-notes .notes{border-radius:30px!important;margin-bottom:20px;padding:30px 50px!important;font-size:12px}
.icon-app{width:60px;height:60px;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:10px;margin-right:15px;background-color:#3097d1}
.grid{display:grid;grid-gap:10px;margin:10px 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:992px){.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:768px){.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}
.list-view{grid-gap:10px}
.list-view td{vertical-align:top}
.list-item-header{position:relative;padding:30px;background-color:#EB5C2E;color:#fff;border-radius:30px}
.list-item-header .tab-item-header{width:100%}
.list-item-header .tab-item-header table{width:100%}
.right-align{text-align:right}
.list-item{grid-template-columns:1fr 180px;margin:0;grid-gap:0}
.list-item .list-item-left,
.list-item .list-item-right{border-radius:30px 0 0 30px;background-color:#EBF8FC;padding:30px}
.list-item .list-item-full{border-radius:30px;background-color:#EBF8FC;padding:30px}
.list-item .list-item-center{border-radius:0}
.list-item input{width:120px;padding:5px;border:0;font-size:20px}
.list-item input:focus-visible{border:0;outline:none!important}
.list-item .list-item-right{border-radius:0 30px 30px 0;background-color:#D2F2FB;padding:30px;text-align:left;position:relative}
.list-item .list-item-right .right-totals{padding-top:20px;position:sticky;top:400px}
.list-item .list-item-right .right-totals label{font-size:10px}
.list-item .list-item-right .right-totals h4{font-weight:300}
.list-item .list-item-title{margin:0;grid-template-columns:150px 1fr 150px}
.list-item.audit-item .list-item-title{grid-template-columns:1fr 90px}
.list-item .list-item-title{margin:0;grid-template-columns:150px 1fr 150px}
.list-item .label-status{font-weight:700;font-size:16px}
.list-item .list-item-tab{position:relative}
.list-item .list-item-tab .grid{grid-template-columns:1fr 120px}
.list-item .list-item-tab .looptijd-wrapper{background-color:#fff}
.list-item .list-item-tab .werkbon-looptijd{right:0}
.list-item .list-item-tab .list-label{text-align:right;margin-top:-7px}
.list-item .list-item-tab .label-looptijd{text-align:right}
.list-item .list-audit-content{padding-top:40px;margin:0}
.list-item .list-audit-content .audit-action{margin:0}
.list-item .list-item-content .abo-list-item{grid-template-columns:100px 1fr;line-height:40px;margin:0;border-top:1px solid #D2F2FB}
.list-item .list-item-content .abo-list-item:hover a{color:#0091C8 !important}
.list-item .list-item-content .list-table{margin-left:30px}
.list-item .list-item-content .list-table td{padding:5px 10px 5px 0}
.list-item .list-item-content .list-table td a:hover{color:#0091C8 !important}
.list-item .list-item-content .related-werkbonnen{color:#0091C8;display:inline-flex}
.list-item .list-item-content .related-werkbonnen .related-werkbon{padding-left:30px}
.list-item .list-item-content .related-werkbonnen .related-werkbon.active{font-weight:500}
.list-item .list-item-content .related-werkbonnen .related-werkbon span{font-weight:300}
.list-item .list-title-number{display:inline-flex;font-weight:600}
.list-item .list-title-text{padding-right:20px}
.list-item .list-title-date{border-radius:20px;text-align:center;padding-right:15px;background-color:#fff;font-size:18px;height:40px}
.list-item .list-title-date.uitgevoerd{border-color:#009B7B}
.list-item .list-title-date .list-label{font-size:14px;line-height:40px;color:#000;height:40px}
.list-item .list-title-date .list-label.uitgevoerd{color:#009B7B;border-color:#009B7B}
.list-item .list-title-right{text-align:right}
.list-item .list-title-header{display:inline-flex;font-weight:600}
.list-item .material-symbol-wrapper{padding-right:5px}
.list-item .material-symbols-outlined{color:#0091C8;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48}
.list-item .edit-location-sync-icon.active .material-symbols-outlined{background-color:#EB5C40;opacity:1;color:#fff;font-size:20px;border-radius:50px;font-variation-settings:'FILL' 0,'wght' 393,'GRAD' 0,'opsz' 44;padding:3px;cursor:pointer}
.updated-indicator{position:absolute;right:-8px;top:-8px;width:24px;height:24px;border-radius:24px;background-color:#EB5C2E;background-color:#000;text-align:center;display:none;padding:1px}
.updated-indicator .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 44;font-size:16px;color:#fff}
.update-alert-header .container{position:relative}
.update-alert-header .updated-indicator{left:unset;top:5px;right:20px;z-index:10;font-weight:700;font-size:14px}
.preview-pdf{text-align:right;padding-right:20px}
.werkbon-data-table th{font-size:14px;font-weight:500;padding-right:10px}
.werkbon-data-table td{padding-right:15px}
.modal-tarieven input[type="text"]{padding:3px 10px!important;width:100px;text-align:right}
.modal-tarieven select{padding:6px 10px!important;width:300px;text-align:left}
.modal-tarieven select option{background-color:#fff}
.modal-tarieven input.filter_inactive{opacity:0.2}
.modal-tarieven input.filter_inactive:focus{opacity:1}
.modal-tarieven input:focus-visible{border:0;outline:none!important}
#partial-gebouwen a,
#total-top a,
#partial-companies a{color:#000}
#partial-gebouwen .list-item,
#total-top .list-item,
#partial-companies .list-item{grid-template-columns:1fr 280px}
#partial-gebouwen .list-item-right,
#total-top .list-item-right,
#partial-companies .list-item-right{padding-right:54px}
#partial-gebouwen .open-tab,
#total-top .open-tab,
#partial-companies .open-tab,
#partial-gebouwen .open-tab-open,
#total-top .open-tab-open,
#partial-companies .open-tab-open,
#partial-gebouwen .close-tab,
#total-top .close-tab,
#partial-companies .close-tab{position:absolute;right:20px;top:20px}
#partial-gebouwen .close-tab,
#total-top .close-tab,
#partial-companies .close-tab{display:none}
.list-item-left{position:relative}
#partial-companies .list-item-left .list-item-title{grid-template-columns:1fr 100px}
#partial-companies .list-item-right{text-align:left;padding-right:54px}
#partial-activeUsers .list-item-left .list-item-title{grid-template-columns:1fr 1fr 1fr}
#partial-activeUsers .list-item-right{text-align:left;padding-right:54px}
label{font-size:12px;font-weight:700;color:#000}
sublabel,
.tarief_status{text-transform:uppercase;font-size:12px;color:#000;font-weight:600;opacity:0.5}
.tarief_status{opacity:1;color:#0091C8}
.row-total-header{grid-column-start:1;grid-column-end:-1}
.row-total-item{color:#000}
.row-total-item h3{margin:0}
#total-top{color:#fff}
#total-top sublabel{color:#fff;opacity:0.6}
#total-top .list-item-right{padding-top:0;background-color:transparent;color:#fff}
#total-top .list-item-right .row-total-item{padding-left:0}
#total-top .list-item-right .row-total-item h3{font-weight:700;color:#fff}
#total-top .list-item-left{position:relative;padding-top:0;background-color:transparent;color:#000}
#total-top .list-item-left .row-total-item h3{color:#fff}
.open-tab,
.open-tab-open,
.close-tab{cursor:pointer}
.tab-content{display:none}
.werkbon-count,
.werkbon-looptijd{z-index:1;position:relative;font-size:18px;font-weight:600;width:40px;height:40px;background-color:#0091C8;border-radius:40px;padding:5px;color:#fff;text-align:center}
.werkbon-count label,
.werkbon-looptijd label{font-size:5px;position:absolute;color:#fff;text-align:center;top:27px;left:13px}
.werkbon-count-wrapper .werkbon-count{margin-left:0;transform:none;text-align:center}
.looptijd-wrapper{position:absolute;width:120px;background-color:#EBF8FC;height:6px;border-radius:10px}
.werkbon-looptijd{z-index:0;position:absolute;width:auto;text-align:left;height:6px;padding:0}
.werkbon-looptijd label{left:53px}
.filter-num-visits{text-align:right;float:right;padding-right:20px}
.filter-visits{width:30px;height:30px;background-color:#0091C8;margin-right:5px;display:inline-block;border-radius:5px;text-align:center;color:#fff;font-size:14px;line-height:30px;cursor:pointer;opacity:0.4}
.filter-visits:hover{opacity:0.6}
.filter-visits.active{opacity:1}
.label-looptijd{font-size:10px;font-weight:600;text-transform:uppercase}
.list-label{font-size:10px;width:100%;color:#666;text-transform:uppercase}
.count-werkbonnen-1{background-color:#0091C8}
.count-werkbonnen-2{background-color:#EB5C2E}
.count-werkbonnen-3{background-color:#002A3A}
.count-werkbonnen-4{background-color:#009B7B}
.werkbon-amount{padding-top:10px;font-size:14px;font-weight:600}
.werkbon-amount h4{font-size:24px;font-weight:600}
.werkbon-titles{padding-left:30px}
.werkbon-titles .list-item-tab{display:none}
.werkbon-titles .list-item-tab.active{display:block}
.related-werkbon{cursor:pointer;color:#0091C8}
.related-werkbon.active{font-weight:600}
.related-werkbon .list-label{font-weight:300 !important}
.related-werkbon:hover{font-weight:600}
.modal-werkbon-header{padding:20px 0}
.modal-werkbon-header h2{font-size:28px;padding-bottom:10px!important}
.werkbon-right h3{padding-top:30px;font-size:16px !important;font-weight:600;padding-bottom:0px!important}
.werkbon-right h3.first-h3{padding-top:0}
.werkbon-blue{color:#0091C8;font-weight:600}
.detail-question,
.detail-answer{font-size:14px;line-height:1;padding-top:5px;padding:5px 0}
.detail-answer{font-weight:700}
.extra-description{color:#EB5C2E;color:#9c9c9c}
#werkbon-details{height:calc( 90vh - 200px );overflow-y:auto}
.tarief-extra{display:none}
.tarief-extra-active{display:revert}
.company-top-row{padding:50px}
.label-top{position:absolute;top:20px;right:20px;opacity:0.6;background-color:#0091C8;color:#fff;padding:6px 15px;line-height:12px;border-radius:10px;font-size:12px}
.pdf-list{padding:0}
.pdf-list a{line-height:40px}
.pdf-list li{position:relative;height:50px;list-style:none;padding:0;margin:0}
.list-pdf-date{display:inline-block;width:170px}
.list-pdf-title{display:inline-block;width:300px}
.list-pdf-icon{display:inline-block;width:40px;padding-top:0px;position:absolute;top:8px}
.list-pdf-icon:hover{color:#216a94}
.font-light{font-weight:300}
.pdf .container{width:20cm}
.pdf h2{padding-left:10px;padding-top:20px;padding-bottom:30px;line-height:1.2}
.pdf h3{line-height:1.5;font-size:22px}
.pdf h3.pdf-subtitle{font-size:22px;font-weight:700}
.pdf h4{font-size:22px}
.pdf input{font-size:12px !important;background-color:transparent !important}
.pdf .company-image{width:100%;height:650px;background-repeat:no-repeat;background-size:cover;border-radius:50px}
.pdf .cover-logo{padding-top:50px}
.pdf .block-note{background-color:#EB5C2E;border-radius:30px;padding:30px 20px;text-align:right}
.pdf .block-note.block-orange{background-color:#EB5C2E;color:#fff}
.pdf .block-note.block-black{background-color:#002A3A;color:#fff}
.pdf .block-note.block-blue{background-color:#0091C8;color:#fff}
.pdf .pdf-text-block{padding-top:50px;font-size:12px}
.pdf .pdf-no-break{page-break-inside:avoid}
.pdf .grid{grid-gap:0;marge:0}
.pdf .list-item.grid{grid-template-columns:1fr 130px !important}
.pdf .list-title-number{font-size:12px}
.pdf .lokatie-list-item{position:relative;width:100%}
.pdf #partial_tariefset h2{color:#EB5C2E;font-weight:700;font-size:22px;padding-bottom:20px;padding-top:40px}
.pdf #partial_tariefset .list-item-full{background-color:#FADFD4}
.pdf .lokatie-list-amount{position:absolute;right:0px;top:0px}
.pdf td{font-size:12px;color:#000 !important;line-height:1.5}
.pdf .list-item-content{display:block !important}
.pdf .sticky-subheader-total{position:relative;top:unset}
.pdf .tarief-indicator{background-color:#EB5C2E;color:#fff;opacity:1;top:20px;right:30px}
.pdf #partial_tariefset .tarief-indicator{top:0;right:0}
.pdf .pdf-block{margin-bottom:40px}
.pdf .pdf-block h2{font-weight:300}
.pdf .pdf-lokatie-item h2{color:#0091C8;font-weight:500;font-size:18px;padding:0}
.pdf .right-totals{position:relative !important;top:unset !important}
.pdf .icon-header,
.pdf button{display:none}
.pdf .modal-tarieven{padding-left:30px}
.pdf .modal-tarieven h2{padding:0;font-size:16px}
.pdf .list-indicators.mutatie-indicators{right:24px}
.pdf .list-indicators.mutatie-indicators .label-top.tarief-indicator{opacity:1;right:24px!important}
.pdf .list-indicators.mutatie-indicators .label-top.item-indicator{opacity:1;right:24px!important}
.pdf .list-indicators.mutatie-indicators .label-top.item-indicator.status-1{opacity:1;background-color:#0091C8}
.pdf .list-indicators.mutatie-indicators .label-top.item-indicator.status-2{opacity:1;background-color:#002A3A}
.pdf .list-indicators.mutatie-indicators .label-top.item-indicator.status-3{opacity:1;background-color:#009B7B}
.pdf .list-indicators.mutatie-indicators .label-top.item-indicator.status-4{opacity:1;background-color:#EB5C2E}
.pdf .pdf-lokatie-item .list-item-full{border-radius:30px;background-color:#EBF8FC;padding:30px;padding-top:50px}
body{background-color:#fff;color:#000;font-family:'Montserrat',sans-serif;overflow-x:hidden}
.jumbotron h1{margin:0 !important;display:table !important;font-size:200px !important;line-height:1 !important;padding:0 0px !important;font-weight:700 !important;color:#fff !important;font-family:'Montserrat',sans-serif}
a{color:#fff;text-decoration:underline}
h2{color:#000;font-weight:700;font-size:36px;padding-bottom:15px}
#footer p{color:#fff;opacity:0.5}
.header-block{padding-left:40px}
.mjob-input{width:70px;border:2px solid #fff}
.mjob-input input{width:100%;padding:2px;border:0 solid #000;font-size:14px;text-align:center;min-height:34px}
.mjob-value{border:2px solid #fff;line-height:30px;padding:0 10px;background-color:#ddd;font-size:14px;text-align:center}
.mjob-value.pre-invest{background-color:#009B7B;color:#009B7B}
.mjob-value.post-invest{background-color:#c03737;color:#c03737}
.mjob-value.invest,
.mjob-value.mjob-total-value{background-color:#EB5C2E;color:#fff}
.mjob-table tr{position:relative}
.mjob-table th{line-height:1;vertical-align:top;padding:10px 0 5px}
.locked-table-field{background-color:#fff;line-height:1;padding:10px;text-align:center}
.label_apparaat_omschrijving{position:absolute;z-index:10;background-color:#EB5C2E;font-size:14px;color:#fff;border-radius:2px;padding:2px 5px;top:5px;left:40px;display:none}
.pointer{cursor:pointer}
.row-tab{width:100%;margin-bottom:20px;position:relative;padding-left:15px}
.row-tab .liner{width:100%;position:absolute;height:3px;bottom:0px;left:0;border-bottom:1px solid #0091C8;z-index:0}
.row-tab .tab{font-size:12px;font-weight:normal;display:inline-block;padding:3px 15px;background-color:#EBF8FC;z-index:0;position:relative;cursor:pointer}
.row-tab .tab.active{font-weight:bold;color:#0091C8;border:1px solid #0091C8;border-bottom:0;border-radius:5px 5px 0 0;z-index:4}
.mjob-list-werkbonnen{width:100%}
.mjob-list-werkbonnen td{border-bottom:1px dotted #0091C8;padding:5px 10px}
.mjob-list-werkbonnen td.werkbon-year{background-color:transparent}
.mjob-list-werkbonnen td.werkbon-nummer{color:#0091C8;font-weight:700;cursor:pointer}
.copy-button{padding:10px 20px;background-color:#4CAF50;color:white;border:none;cursor:pointer;border-radius:5px}
.copy-button:hover{background-color:#45a049}
#textToCopy{width:100%;font-siuze:15px;padding:15px;border-radius:10px}
.callout{margin-bottom:20px;padding:20px;border-left:3px solid #eee}
.callout h4{margin-top:0;margin-bottom:5px}
.callout p:last-child{margin-bottom:0}
.callout-danger{background-color:#fdf7f7;border-color:#f8e3e6}
.callout-danger h4{color:#a94442}
.callout-warning{background-color:#faf8f0;border-color:#f4ebdd}
.callout-warning h4{color:#8a6d3b}
.callout-info{background-color:#f4f8fa;border-color:#dbecef}
.callout-info h4{color:#31708f}
.callout-success{background-color:#f9fdf7;border-color:#edf8e3}
.callout-success h4{color:#3c763d}
.navbar{padding-top:.9rem;padding-bottom:.9rem}
.navbar.navbar-dark{background-color:#000}
.navbar .navbar-brand{margin-top:-5px}
.navbar a:hover,
.navbar a:focus,
.navbar a.focus{text-decoration:none}
.navbar .dropdown-item.active,
.navbar .dropdown-item:active{background-color:#6bc48d}
@media screen and (min-width:992px){.navbar .navbar-nav>li>a{position:relative;transition:color 0.2s ease 0.05s}.navbar .navbar-nav>li>a:before{position:absolute;height:4px;bottom:2px;content:'';border-radius:4px;z-index:5;width:20px;left:50%;transform:translateX(-50%);transition:all 0.2s ease 0.05s}.navbar .navbar-nav>li>a.active:before,.navbar .navbar-nav>li>a.active:hover:before{background:#fff}.navbar .navbar-nav>li>a:hover:before{background:#e67e22}}
.navbar-autohide{transition:transform .5s}
.sub-menu{text-align:right}
.sub-menu ul{list-style:none}
.sub-menu ul li{display:inline-block;font-weight:500;line-height:60px;padding-right:10px;padding-left:20px}
.sub-menu ul li a{opacity:0.6}
.sub-menu ul li a:hover{color:#fff;opacity:1}
@media (min-width:992px){.navbar-autohide.is-hidden{transform:translateY(-72px)}}
.jumbotron{padding-top:40px;padding-bottom:40px;margin-bottom:40px;color:#34495E;background-color:transparent}
.jumbotron h1,
.jumbotron .h1{color:#2C3E4F;position:relative;padding-top:66px}
.jumbotron h1:before,
.jumbotron .h1:before{content:'';position:absolute;top:0;left:0;width:46px;height:46px;background-size:46px 46px!important}
.jumbotron p{margin-top:60px;margin-bottom:20px;font-size:20px;font-weight:normal}
.jumbotron>hr{border-top-color:rgba(0,0,0,0)}
.container .jumbotron,
.container-fluid .jumbotron{border-radius:4px;padding-left:15px;padding-right:15px}
@media screen and (min-width:768px){.jumbotron{padding-top:64px;padding-bottom:64px}.container .jumbotron,.container-fluid .jumbotron{padding-left:80px;padding-right:80px}.jumbotron h1,.jumbotron .h1{font-size:65px}}
pre{padding:0;background-color:white;border:1px solid #ECF0F1;border-radius:6px}
pre .CodeMirror{height:auto;color:#2C3E4F}
pre .CodeMirror-gutters{background:transparent;border-right:1px solid #ECF0F1}
pre .CodeMirror-linenumber{padding-right:15px;background:white}
pre .CodeMirror-lines{padding:10px 0}
pre .CodeMirror pre.CodeMirror-line{padding-left:20px}
.collapsed-code-block{position:relative}
.collapsed-code-block .expand-code{display:none}
.collapsed-code-block.collapsed{margin-bottom:36px}
.collapsed-code-block.collapsed>pre{height:143px;overflow:hidden;position:relative}
.collapsed-code-block.collapsed .expand-code{border-radius:20px;user-select:none;cursor:pointer;display:block;position:absolute;bottom:-15px;left:50%;font-size:14px;background-color:white;border:1px solid #ECF0F1;z-index:5;transform:translateX(-50%);padding:4px 18px;box-shadow:0 0 0 3px white}
.collapsed-code-block.collapsed .expand-code:hover{color:white;background-color:#7F8C8D}
.code-tab{display:inline-block;font-size:14px;padding:8px 0 0 13px;position:relative}
.code-tab,
.code-tab:after{height:38px;background:url('../themes/blr/assets/images/code-tab.png') no-repeat 0 0;background-size:335px 38px}
.code-tab:after{content:'';width:34px;display:block;position:absolute;right:-34px;top:0;background-position:right top}
.code-tab + pre{border-radius:0 6px 6px 6px}
.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:#EB5C2E;border-color:#EB5C2E !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 #0091C8;background-color:#0091C8;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:#0091C8}
.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}
.btn:hover,
.btn:focus,
.btn.focus{text-decoration:none}
.btn{background-color:#EB5C2E;color:#fff;font-size:20px;border-radius:5px;padding:5px 40px}
.btn.btn-cta{border-radius:20px;padding-left:20px;padding-right:20px;background-color:#6A6CF7}
.btn-reverse{color:#fff;background-color:#000}
.btn-reverse:hover{color:#EB5C2E}
.btn.flow-prev,
.btn.btn-white{color:#000;font-weight:500;text-decoration:underline;background-color:#fff!important}
.btn-rnd{border-radius:20px;background-color:#0091C8;text-align:center;width:40px;height:40px;line-height:40px}
.icon-audit{color:#fff}
.btn-flower{color:red}
.dh-item{display:inline-block}
.dh-filter{float:right;border-radius:10px;border:1px solid #0291C830;position:relative;margin-left:20px}
.balloon-selector{overflow:hidden;cursor:pointer}
.balloon-selector .balloon-item{padding:0 15px;display:inline-block;font-size:14px;height:30px;line-height:30px;text-align:center;color:#000}
.balloon-selector .balloon-item.active{color:#fff;background-color:#f00}
.balloon-selector .balloon-item:first-child{border-right:1px solid #0291C830}
.date-filter{padding-right:60px;padding-left:10px}
.date-filter input{font-size:14px!important;height:30px!important;padding:0 10px;width:136%!important;text-align:left!important;border:0px solid transparent!important;cursor:pointer!important}
.date-filter i{position:absolute;right:10px;top:3px;color:#f00;pointer-events:none}
.calendar-table th,
.calendar-table td{padding:10px!important}
.daterangepicker .drp-buttons .btn{padding:0 8px!important}
.daterangepicker .drp-selected{padding-top:12px!important}
.daterangepicker .drp-calendar{max-width:unset!important}
.sticky-wrapper{position:relative}
.dashboard-header{padding:20px 20px 0;position:sticky;top:40px;z-index:2;background-color:#EFF3F8cc}
.dashboard-header .dashboard-title{color:#000;line-height:50px;font-size:24px;width:50%}
section#page.dashboard_charts{padding-top:70px}
.left-nav-column{position:fixed;z-index:10;display:inline-block;width:60px;height:100vh;padding-top:16px;border-right:1px solid #ccc}
.left-nav-column .left-nav-item{padding:10px;width:100%;text-align:center;height:60px;cursor:pointer}
.left-nav-column .left-nav-item i{line-height:40px}
.left-nav-column .left-nav-item.active i{color:#fff;width:40px;border-radius:60px;background-color:#f00}
.left-nav-menu{position:sticky;top:40px;padding-left:80px}
.left-nav-menu .left-menu-title{padding-top:26px;color:#f00;font-size:24px;padding-bottom:20px}
.left-nav-menu li:first-child{border-top:1px dotted #ccc}
.left-nav-menu li{font-size:14px;color:#000;line-height:36px;border-bottom:1px dotted #ccc}
.left-nav-menu li.active{color:#f00}
.am-cover{width:61px;height:30px;position:absolute;left:20px;bottom:10px;z-index:10;background-color:#fff}
.chart-container{padding:20px 25px;position:relative}
.chart-title{font-size:20px;line-height:1.5;padding-bottom:10px;text-transform:uppercase}
.layout-grid{display:grid;grid-template-columns:1fr 5fr}
.filter-grid{display:grid;grid-auto-flow:row;grid-gap:20px;padding:20px}
.image-grid{display:grid;grid-auto-flow:row;grid-gap:20px;padding:20px}
.grid-item{background-color:#fff;border-radius:10px;border:1px solid #0291C830;background-size:cover;background-position:center center;position:relative;cursor:pointer}
.grid-item .image-grid-block{display:none;position:absolute;width:250px;background-color:rgba(255,255,255,0.95);text-align:center;height:250px;top:50%;left:50%;transform:translate(-50%,-50%)}
.grid-item .image-grid-block .image-grid-block-copy{width:100%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}
.grid-item .image-grid-block .image-grid-block-copy h2{color:#000;text-text-replace:unset;font-weight:400;font-size:1.875em;line-height:1.25}
.grid-item .image-grid-block .image-grid-block-copy h3{color:#000;text-transform:uppercase;font-weight:300;font-size:1em;line-height:1.25}
.grid-item:hover .image-grid-block{display:inline-block}
.chartdiv{width:100%;height:500px}
.material-symbols-outlined{font-variation-settings:'FILL' 1,'wght' 300,'GRAD' -25,'opsz' 48}
.material-symbols-outlined.empty{font-variation-settings:'FILL' 0,'wght' 300,'GRAD' -25,'opsz' 48}
.material-symbols-outlined.heavy{font-variation-settings:'FILL' 0,'wght' 700,'GRAD' -25,'opsz' 48}
#footer{padding:30px 0;margin-top:28px;position:relative}
#footer p{font-size:14px}
.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:#0091C8;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:#0091C8}
.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}
.daterangepicker td.in-range{background-color:#fff!important}
.daterangepicker{font-family:'Montserrat',sans-serif !important;background-color:#EBF8FB !important;border-radius:30px!important;box-shadow:0px 6px 10px -7px rgba(0,0,0,0.63);border:0!important;padding:20px 20px 20px 20px!important;margin-right:0px;position:fixed!important;top:122px!important}
.daterangepicker .drp-buttons{border:0!important}
.daterangepicker .drp-buttons .btn{padding:10px!important;font-size:16px!important;font-weight:700!important;min-width:180px;border-color:transparent!important}
.daterangepicker .drp-buttons .cancelBtn{background-color:transparent!important;border-color:transparent!important;color:#0091C8 !important}
.daterangepicker .calendar-table{background-color:transparent!important;border:0!important}
.daterangepicker .btn-primary:hover{background-color:#0091C8 !important;border-color:#0091C8 !important}
.daterangepicker .btn-primary.disabled,
.daterangepicker .btn-primary:disabled{background-color:#ccc!important;border-color:#ccc!important}
.daterangepicker.show-calendar{padding-top:60px!important}
.daterangepicker .drp-selected{position:absolute!important;top:20px!important;right:30px!important;font-size:16px!important;font-weight:600;color:#0091C8 !important}
.daterangepicker th.month,
.daterangepicker td{font-size:16px!important}
.daterangepicker td.week,
.daterangepicker th.week{color:#0091C8 !important;font-size:10px!important}
.daterangepicker td.active,
.daterangepicker td.active:hover{background-color:#0091C8 !important}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date{background-color:transparent!important;color:#ccc!important}
.daterangepicker.show-calendar .ranges,
.daterangepicker .ranges{padding:0 15px}
.daterangepicker.show-calendar .ranges ul,
.daterangepicker .ranges ul{width:180px!important}
.daterangepicker.show-calendar .ranges ul li,
.daterangepicker .ranges ul li{font-weight:500!important;font-size:16px!important;border-radius:5px!important;margin-bottom:5px}
.daterangepicker.show-calendar .ranges ul li:hover,
.daterangepicker .ranges ul li:hover{background-color:#fff!important}
.daterangepicker.show-calendar .ranges ul li.active,
.daterangepicker .ranges ul li.active{background-color:#0091C8 !important}
.daterangepicker.show-calendar .ranges{padding-top:60px}
.daterangepicker.show-ranges.ltr .drp-calendar.left{border:0!important}
#dashboard-range{background-color:transparent;border:0}
.dh-filter{background-color:transparent!important}
.daterangepicker:before,
.daterangepicker:after{display:none!important}
.container{position:relative}
.full-color-header{background-color:#0091C8;color:#fff;position:sticky;top:80px;width:100%;z-index:305;margin-bottom:20px}
.full-color-header h2{padding-left:40px;color:#fff;padding-top:40px}
.full-color-header.small-header #total-top{margin-top:0}
.full-color-header.small-header h2{padding-top:0;padding-bottom:0;font-size:20px}
.full-color-header.small-header h2 span{display:none}
.full-color-header.small-header .list-item-left,
.full-color-header.small-header .list-item-right{padding-bottom:0px}
.update-alert-header{display:none;text-align:right;background-color:#EB5C2E;color:#fff;z-index:2000;padding:10px}
.update-alert-header .btn{border:1px solid #fff;border-radius:50px;margin-left:20px}
.update-alert-header.alert-show{display:block}
.container-full-color-header{margin-top:0px}
.icon-header{position:absolute;right:20px;top:20px;z-index:200000}
.icon-header span{color:#fff}
.icon-header div{padding-left:10px;display:inline-block}
.icon-header .info-label{position:absolute;background-color:#000;color:#fff;padding:5px 15px;border-radius:10px;font-size:14px;margin-top:-40px;margin-left:-15px;max-height:35px;overflow:hidden;white-space:nowrap;display:none}
.icon-header .icon-header-menu li{cursor:pointer}
.icon-header .icon-header-menu li:hover a{color:#0091C8}
.modal-wrapper .icon-header{top:33px;right:80px}
#layout-subheader{height:60px;position:sticky;top:80px;width:100%;background-color:#0091C8;z-index:225}
#filter-dashboard{display:flex;width:100%;padding-right:0px;flex-direction:row-reverse}
.filter-item{padding-left:50px;display:inline-flex}
.filter-item .filter-icon{line-height:60px;padding-right:2px;color:#fff}
.filter-item .filter-item-text{line-height:60px;color:#fff;font-weight:500}
.filter-item .filter-divider{border-right:1px solid #fff;height:30px;margin-top:15px;margin-right:10px;margin-left:3px}
.filter-item input{height:60px;color:#fff;border:0!important;padding-right:10px;width:230px;text-align:left}
.filter-item input:focus-visible{border:0!important;outline:0px}
.filter-item .filter-block{display:none;height:500px;width:600px;position:absolute;top:10px;right:-120px;background-color:#EBF8FB;border-radius:30px;padding:0 40px 20px;z-index:20}
.filter-item .filter-block .filter-item{padding-left:0;lineheight:40px}
.filter-item .filter-block .filter-item .filter-icon,
.filter-item .filter-block .filter-item .filter-item-text{color:#0091C8}
.filter-item .filter-block .filter-item .filter-divider{border-color:#0091C8}
.filter-item .filter-block ul{height:350px;list-style:none;overflow:auto;padding:15px 0}
.filter-item .filter-block ul li{font-weight:600;border-radius:5px;cursor:pointer;padding:5px 15px;position:relative}
.filter-item .filter-block ul li .li-locations{border-left:1px solid #0091C8;display:none;background-color:#EBF8FB;border-radius:30px;padding:0 40px;position:fixed;margin-left:460px;width:460px;top:200px;height:340px!important;max-height:600px;overflow:auto;z-index:10000;border-radius:0;padding-left:40px!important}
.filter-item .filter-block ul li .li-locations li{color:#000}
.filter-item .filter-block ul li .li-locations li.active{color:#fff}
.filter-item .filter-block ul li:hover{background-color:#fff}
.filter-item .filter-block ul li:hover ul,
.filter-item .filter-block ul li:hover li{color:#000;display:block}
.filter-item .filter-block ul li.active{background-color:#0091C8;color:#fff}
.filter-item .filter-block ul li .customer-relatiecode{color:#999;font-weight:500}
.filter-item .filter-block .filter-input input{color:#000;height:40px;width:100%;border:1px solid #0091C8 !important;text-align:left!important;padding-left:10px!important}
.filter-item .filter-block{width:1000px}
.filter-item .filter-block-team{width:500px}
.filter-item .filter-block.filter-block-filiaal{width:500px!important;height:unset!important;right:unset!important;top:37px}
.filter-item .filter-block.filter-block-filiaal .filter-filiaal-text{color:#0091C8;font-size:16px;font-weight:500;padding-left:15px;padding-top:30px}
.filter-item .filter-block.filter-block-filiaal ul{height:unset;margin:0}
.filter-item .filter-block.filter-block-filiaal ul li{color:#000;font-size:16px;font-weight:500}
.filter-item{position:relative}
.cancelBtn{background-color:transparent!important;border-color:transparent!important;color:#0091C8 !important}
.loader{text-align:center;text-transform:uppercase;display:none;padding-top:50px}
.lds-ring{display:inline-block;position:relative;width:80px;height:80px}
.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #0091C8;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:#0091C8 transparent transparent transparent}
.lds-ring div:nth-child(1){animation-delay:-0.45s}
.lds-ring div:nth-child(2){animation-delay:-0.3s}
.lds-ring div:nth-child(3){animation-delay:-0.15s}
.modal-loader{padding-bottom:20px}
.modal-loader div{border-color:#fff transparent transparent transparent}
@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.block{background-color:#EBF8FC;border-radius:30px;padding:20px 40px;margin-bottom:20px}
.block h2{font-size:20px;font-weight:600}
.hide{display:none}
.dashboard-row .block{min-height:300px}
.data-block{text-align:center}
.data-block .data-block-h1{position:relative;font-size:80px;line-height:1.1;font-weight:600}
.data-block .data-block-h1.euro{padding-left:30px}
.data-block .data-block-h1 .euro{position:absolute;font-size:30px;left:0px;top:13px}
.data-block .data-block-h3{font-weight:700;font-size:18px}
.data-block .visits-overview ul{list-style:none;padding:0}
.data-block .visits-overview ul li{padding:0 0 1px}
.data-block .visits-overview ul li .data-block-h3{line-height:40px}
.data-block .visits-overview ul li .data-block-h4{line-height:40px}
#partial-werkbon-costs .s-grid-2{grid-template-columns:1fr 110px}
#partial-werkbon-scores .material-symbols-outlined{color:#EB5C2E}
#partial-werkbon-scores .block-scores{background-color:#fffffe90 !important;padding:15px;border-radius:15px}
#partial-werkbon-scores .block-scores .grid{margin:0}
#partial-werkbon-scores .block-scores .s-grid-2{grid-template-columns:auto 1fr}
.sticky-header{position:-webkit-sticky;position:sticky;background-color:#fff;top:140px;padding-top:20px;z-index:210}
.sticky-header.small-header h2{font-size:18px}
.sticky-top{position:-webkit-sticky;position:sticky;top:220px;padding-top:20px;z-index:210}
.sticky-top.small-header{border-bottom:2px solid #fff}
.sticky-top.small-header .list-item-left{border-radius:30px 0 0 0}
.sticky-top.small-header .list-item-right{border-radius:0 30px 0 0}
.sticky-subheader,
.sticky-subheader-total{position:-webkit-sticky;position:sticky;top:350px;background-color:#D2F2FB;z-index:10}
.sticky-subheader.small-header,
.sticky-subheader-total.small-header{border-bottom:2px solid #fff;padding-bottom:15px}
.sticky-subheader{background-color:#EBF8FC}
.sticky-subheader-total{background-color:#D2F2FB;top:310px}
.sticky-alerts{position:-webkit-sticky;position:sticky;top:140px;z-index:200;background-color:#fff;padding-top:20px}
.sticky-alerts h1{margin:0}
.sticky-alerts h3{margin-top:0}
.sticky-alerts .block-alert{cursor:pointer}
a:hover,
a{text-decoration:none}
.blr-block-small{width:90px;height:90px;border-radius:15px;color:#fff;text-align:center;position:relative}
.blr-block-small h3{font-size:30px;font-weight:700;margin:0;padding-top:20px}
.blr-block-small h4{font-size:9px;font-weight:700;margin:0}
.alert-wrapper{width:100%;position:fixed;bottom:50px;text-align:right;z-index:1000;right:0}
.alert-wrapper-inside{width:40%;float:right}
.modal-alert{margin-right:50px;margin-bottom:20px;background-color:#EB5C2E;color:#fff;text-align:center;border-radius:15px;padding:20px;position:relative}
.modal-alert h2{color:#fff;font-size:24px}
.modal-alert .material-symbols-outlined{position:absolute;right:20px}
.company-blocks .block{text-align:center}
.company-blocks .block h2{font-size:120px;color:#fff;padding:0;margin:0}
.company-blocks .block.blr-black{color:#fff}
.edit-location-price-icon{position:absolute !important;right:52px;top:19px;z-index:50;cursor:pointer}
.edit-mutatie-icon{position:absolute !important;right:52px;top:19px;z-index:50;cursor:pointer}
.edit-location-sync-icon{position:absolute !important;right:80px;top:19px;z-index:50;cursor:pointer}
#partial-filiaal{display:inline-block}
.filiaal-dropdown-filter{font-weight:300;color:#0091C8;background-image:url('/themes/blr/assets/images/expand_more_FILL0_blue.svg');background-repeat:no-repeat;background-position:95% 6px;background-size:24px;padding-right:30px}
#audit-slide-menu{position:absolute;z-index:212;top:0;right:0;width:300px;height:100vh;background-color:#fff;border-left:1px solid #000;overflow:auto;transform:translate(345px,0px);transition:all 0.25s ease-in-out}
#audit-slide-menu .audit_slide{padding:20px;margin-top:190px;width:100%}
#audit-slide-menu.active{transform:translate(0%,0px);transition:all 0.25s ease-in-out}
.audit_slide li{cursor:pointer}
.audit_slide li:hover{color:#0091C8}
.audit_step_overview h3{padding:0;padding-top:20px;font-size:14px;color:#0091C8}
.audit_overview_picture{background-size:contain;width:100%;height:400px;background-repeat:no-repeat}
.audit-title-block{padding-bottom:30px}
.list-indicators{position:absolute;top:20px;right:20px}
.list-indicators .label-top{position:relative;display:inline-block;top:0}
.list-indicators .label-top.status-1{opacity:1;background-color:#0091C8}
.list-indicators .label-top.status-2{opacity:1;background-color:#002A3A}
.list-indicators .label-top.status-3{opacity:1;background-color:#009B7B}
.list-indicators .label-top.status-4{opacity:1;background-color:#EB5C2E}
.filter-indicators{top:30px}
.filter-indicators .label-top{opacity:0.5!important}
.item-indicator:hover{opacity:0.6!important}
.item-indicator.active{opacity:1!important}
.mutatie_overview{opacity:0.7;color:#0091C8}
.mutatie_overview label{color:#0091C8}
.mutatie_overview h4{font-size:20px;margin:0;padding:0}
.plus-min-indicator{position:absolute;left:-43px;top:31px;width:27px;height:27px;border-radius:20px;background-color:#0091C8;color:#fff;text-align:center}
.plus-min-indicator.minus{background-color:#1da046}
.plus-min-indicator.plus{background-color:#f00}
.plus-min-indicator.plus span{position:absolute;top:1px;left:2px}
.plus-min-indicator.mutatie{background-color:#000;font-size:16px;left:unset;right:20px}
.plus-min-indicator.mutatie span{position:absolute;top:5px;left:5px;font-size:17px}
.plus-min-indicator span{color:#fff!important}
.lokatie-inactive td{color:#999;text-decoration:line-through}