:root{--bs-body-line-height:1.7;--bs-body-color:#586667}
body{font-weight:300;overflow-x:hidden !important;max-width:100% !important}
a{color:#3097d1;text-decoration:none}
a:hover,
a:focus{color:#216a94;text-decoration:underline}
.pointer{cursor:pointer}
#layout-header{height:100px;padding-top:0;box-shadow:0px 6px 24px -7px rgba(0,0,0,0.5);width:100%;position:sticky;top:0px;background-color:#1B3689;z-index:300}
#layout-header:hover{z-index:400}
.block-shadow{box-shadow:0px 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:#1b3689}
.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:73px}
.top-menu-wrapper{grid-gap:0 !important;grid-template-columns:150px 1fr 200px}
.top-menu{display:flex;text-align:right;justify-content:flex-end}
.top-menu ul{list-style:none}
.top-menu ul li{color:#fff;padding:30px 10px 30px 10px;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 ul{display:block}
.top-menu ul li ul{display:none;overflow:hidden;padding:5px 0 20px 0;margin-top:27px;margin-left:-55px;position:absolute;background-color:transparent}
.top-menu ul li ul li{font-weight:500;background-image:none;width:100%;min-width:240px;float:unset;padding:15px 15px 0 0;text-align:left}
.top-menu ul li a{text-decoration:none;font-weight:500;color:#fff}
.top-menu ul li.active,
.top-menu ul li.active a{color:#fff}
.top-menu ul li:hover{color:#fff}
.top-menu-button{display:flex;justify-content:flex-end}
.block-menu-button{margin-top:22px;max-height:54px}
.block-menu-button .in-menu-button{font-size:20px;line-height:40px}
.top-menu-search img{margin-top:30px;padding-left:20px}
.top-menu-hamburger{padding-right:15px;text-align:right}
.top-menu-hamburger img{margin-top:30px;padding-left:20px}
.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:0px 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:#1b3689}
.top-menu-item.active{color:#1b3689;background-color:transparent}
.top-menu-item:hover{color:#fff}
.menu-account{flex-direction:row-reverse}
.menu-account .menu-icon{color:#1b3689;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:#1b3689}
.menu-account .top-menu-item a:hover{color:#000}
.bg-brand-orange{background-color:#b8e2e5}
.bg-brand-green{background-color:#ebd19b}
.bg-brand-darkbleu{background-color:#f02047}
.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:#1b3689 !important}
.blr-orange{background-color:#b8e2e5 !important}
.blr-green{background-color:#ebd19b !important}
.blr-black{background-color:#f02047 !important}
.blr-txt-blue{color:#1b3689 !important}
.blr-txt-orange{color:#b8e2e5 !important}
.blr-txt-green{color:#ebd19b !important}
.blr-txt-black{color:#f02047 !important}
body{color:#1b3689 !important;font-weight:500}
#page{min-height:calc(110vh - 378px);background-color:#ebd19b}
.container-block h4{color:unset !important;padding-bottom:0 !important}
.container-block ul{padding-left:30px}
.container-block ul li{padding-left:0px}
.container-block a{color:unset !important;text-decoration:underline !important}
.container-block a.link-button{text-decoration:none !important}
.desktop{display:block}
.mobile{display:none}
.text-block-padding{padding:0 15%}
.top-menu.desktop{display:flex !important}
.container-block{padding:40px}
.container-block h2{font-family:'le_brondregular';font-weight:normal;font-size:60px;margin:0;padding:15px 0;line-height:1;letter-spacing:2px;color:#1b3689}
.container-block h3,
.container-block h4{font-family:'Montserrat',sans-serif;padding:0;margin:0;line-height:1.1;font-size:18px;font-weight:700;color:#1b3689}
.container-block h4{font-weight:600}
button{border:0 !important}
.swiper-slide-wrapper{text-align:center;max-width:1000px}
.block-image{height:450px;width:100%;position:relative;clip-path:polygon(0 40px,40px 0,calc(100% - 40px) 0,100% 40px,100% calc(410px),calc(100% - 40px) 450px,40px 450px,0 calc(410px));margin-bottom:40px;background-color:#f02047}
.block-image .in-image{position:absolute;left:40px;top:40px;width:calc(100% - (2 * 40px));height:calc(450px - (2 * 40px));background-color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center center}
.slider-image{background-color:#b8e2e5}
.slider-image .container{display:flex;justify-content:center}
.blocks{background-color:#1b3689}
.blocks h4{font-weight:400;font-size:16px;line-height:1.4}
.blocks .grid{margin-top:0;grid-gap:0}
.block-text{height:100%;width:100%;position:relative;clip-path:polygon(0 40px,40px 0,calc(100% ) 0,100% 40px,100% calc(100% - 40px),calc(100% - 40px) 100%,40px 100%,0 calc(100% - 40px));background-color:#b8e2e5}
.block-text .in-text{position:relative;left:40px;top:0;width:calc(100% - ( 40px));height:calc(100% - ( 40px));background-color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center center;padding:40px}
.block-text .in-text h2,
.block-text .in-text h3,
.block-text .in-text h4{color:#f02047}
.block-text .in-text h2{font-size:42px;padding:0}
.block-text .in-text h4{padding:30px 0;line-height:1.4;font-weight:400;font-size:16px}
.block-button{max-height:40px;height:40px;width:180px;position:relative;clip-path:polygon(0 10px,10px 0,calc(180px ) 0,180px 10px,180px calc(30px),calc(180px - 10px) 40px,10px 40px,0 calc(30px));background-color:#b8e2e5;margin-bottom:40px}
.block-button .in-button{position:relative;left:10px;top:0;width:calc(180px - ( 10px));height:calc(40px - ( 10px));background-color:#f02047;background-size:cover;background-repeat:no-repeat;background-position:center center;text-align:center;color:#fff;font-weight:700;font-size:16px;text-decoration:none !important}
.block-button .in-button a{text-decoration:none !important}
.text-block{background-color:#ebd19b}
.text-block .block-text-image{height:400px;width:100%;position:relative;clip-path:polygon(0 40px,0 0,calc(100% - 40px) 0,100% 40px,100% calc(360px),calc(100% ) 400px,0 400px,0 calc(360px));margin-bottom:0px;margin-top:20px;background-color:#b8e2e5}
.text-block .block-text-image .in-text-image{position:absolute;left:40px;top:40px;width:calc(100% - (2 * 40px));height:calc(400px - (2 * 40px));background-color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center center}
.text-block .block-text-text{padding:0 40px}
.text-block h2,
.text-block h3,
.text-block h4{color:#1b3689}
.text-block h2{font-size:42px;padding:0}
.text-block h4{padding:30px 0;line-height:1.4;font-weight:400;font-size:16px}
.normal-text-block .block-text-text{padding:0}
.fullimage{height:60vh;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.fullimage .container-block{position:relative;height:60vh}
.fullimage .full-image-text{position:absolute;bottom:80px;left:40px}
.fullimage .block-button{margin-bottom:0}
.fullimage .block-text{height:100%;width:500px;position:relative;clip-path:polygon(0 40px,40px 0,calc(500px ) 0,500px 40px,500px calc(100% - 40px),calc(500px - 40px) 100%,40px 100%,0 calc(100% - 40px));background-color:#ebd19b}
.fullimage .block-text .in-text{position:relative;left:40px;top:-40px;width:calc(500px - ( 40px));height:calc(100% - ( 40px));background-color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center center;padding:80px 40px 40px}
.fullimage .block-text .in-text h2,
.fullimage .block-text .in-text h3,
.fullimage .block-text .in-text h4{color:#1b3689}
.fullimage .block-text .in-text h2{font-size:42px;padding:0}
.fullimage .block-text .in-text h4{padding:30px 0;line-height:1.4;font-weight:400;font-size:16px}
.block-submenu{height:100%;width:100%;border:0;clip-path:polygon(1px 40px,40px 1px,calc(100% ) 1px,100% 40px,100% calc(100% - 40px),calc(100% - 40px) 100%,40px 100%,0 calc(100% - 40px));background-color:#b8e2e5}
.block-submenu .in-submenu{position:relative;left:40px;top:-40px;border:0;width:calc(100% - ( 40px));height:calc(100% - ( 40px));background-color:#1b3689;background-size:cover;background-repeat:no-repeat;background-position:center center;padding:40px 40px 20px}
.block-menu-button{height:50px;width:180px;position:relative;clip-path:polygon(0 10px,10px 0,calc(180px ) 0,180px 10px,180px calc(40px),calc(180px - 10px) 50px,10px 50px,0 calc(40px));background-color:#b8e2e5;margin-bottom:40px}
.block-menu-button .in-menu-button{position:relative;left:10px;top:0;width:calc(180px - ( 10px));height:calc(50px - ( 10px));background-color:#f02047;background-size:cover;background-repeat:no-repeat;background-position:center center;text-align:center;color:#fff;font-weight:700;font-size:16px}
#footer{padding:0 40px !important;margin-top:0 !important;font-size:18px;font-weight:600;color:#1b3689;background-color:#b8e2e5}
#footer .grid{grid-gap:0;margin:0}
#footer a{color:#1b3689 !important}
.social-media-block{text-align:right}
.social-media-block ul{list-style:none}
.social-media-block ul li{width:auto;display:inline-block;padding:0 7px;font-size:20px}
.social-media-block ul li a{color:#1b3689}
.streamer{background-color:#1b3689}
.streamer .streamer-text{color:#fff;font-family:'le_brondregular';font-weight:normal;font-size:60px;margin:0;line-height:1;letter-spacing:2px;text-align:center;padding:40px 80px}
.streamer .streamer-text h2{color:#fff;text-align:center}
.page-header{background-color:#ebd19b;padding-bottom:0}
.page-header .container-block{padding-bottom:0}
.page-header .block-image{margin:0}
.page-header h2{padding:0}
.page-header .page-header-text{padding-top:40px;padding-bottom:0;text-align:center}
.no-padding-bottom{padding-bottom:0}
.donatie-form{color:#1b3689}
.donatie-form .donatie-safe{display:flex;justify-content:flex-end;font-weight:700}
.donatie-form .donatie-periods{margin-top:40px;grid-template-columns:150px 150px 150px 150px 150px;grid-gap:0px;position:relative}
.donatie-form .donatie-periods .top-wrapper{position:absolute;width:650px;height:15px;background-color:#b8e2e5;top:0;left:0}
.donatie-form .donatie-periods .donatie-period{background-color:#b8e2e5;padding:12px 12px;font-size:18px;text-align:center;cursor:pointer;clip-path:polygon(0 0,140px 0,150px 10px,150px 50px,0 50px)}
.donatie-form .donatie-periods .donatie-period.active{background-color:#1b3689;color:#fff}
.donatie-form .donatie-periods .donatie-period:hover{background-color:#1b3689;color:#fff}
.donatie-form .donatie-amounts{margin-top:0px;grid-template-columns:100px 100px 100px 100px 100px 100px;grid-gap:6px;position:relative}
.donatie-form .donatie-amounts .donatie-amount{background-color:#b8e2e5;padding:12px 18px;font-size:18px;font-weight:700;text-align:center;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 60px,0 60px)}
.donatie-form .donatie-amounts .donatie-amount.active{background-color:#f02047;color:#fff}
.donatie-form .donatie-amounts .donatie-amount:hover{background-color:#f02047;color:#fff}
.donatie-form .donatie-text{padding:20px 0;max-width:500px}
.donatie-form .donatie-value{width:300px;height:60px;margin-top:20px;padding:5px 15px;font-size:30px;font-weight:700;background-color:#b8e2e5;margin-bottom:20px;clip-path:polygon(0 0,calc(100% - 10px) 0,300px 10px,300px 80px,0 80px)}
.donatie-form .donatie-value input{width:220px;border:0;background-color:transparent;font-size:30px;font-weight:700;text-align:center;color:#1b3689}
.donatie-form .donatie-comment{padding-bottom:20px;cursor:pointer}
.donatie-form .donatie-comment .btn-add-comment{text-decoration:underline}
.donatie-form .donatie-comment textarea{border:2px solid #b8e2e5;display:none;width:50%;height:100px;padding:12px;color:#1b3689}
input:focus,
textarea{outline:none !important}
.navbar{overflow-x:hidden;width:100%;height:100vh;background-color:#1b3689;position:absolute;top:0;left:-120%;transition:all 0.5s}
.top-menu-button{display:flex;justify-content:right}
.nav-close{position:absolute;right:30px;top:23px}
.mobile-nav{padding-top:150px;padding-bottom:50px;cursor:pointer}
.mobile-nav ul{padding-left:0;list-style:none}
.mobile-nav ul li{color:#fff;text-align:center;font-size:24px;font-weight:700}
.mobile-nav ul li ul{display:none;padding-bottom:15px}
.mobile-nav ul li ul li{font-size:20px}
.column-blocks{grid-gap:40px !important}
.column-blocks .block-img{height:400px;width:100%;background-size:cover;background-position:top center;background-repeat:no-repeat}
.column-blocks .column-block-text-wrapper{padding:5px 0}
#chosen-issuer{width:500px;height:60px;background-color:#b8e2e5;padding:20px;font-weight:500;padding-top:18px;color:#6c757d;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 60px,0 60px)}
.list-issuer{position:absolute;display:none;z-index:200;width:500px;padding:10px 0;max-height:350px;overflow-x:hidden;overflow-y:auto;background-color:#fff;border:1px solid #b8e2e5}
.list-issuer .item-issuer{padding:10px 20px;cursor:pointer}
.list-issuer .item-issuer:hover{background-color:#b8e2e5}
.list-issuer img,
#chosen-issuer img{margin-right:10px}
@media only screen and (min-width:1180px){#layout-header .container{width:100%;max-width:1320px}}
@media only screen and (max-width:1180px){.desktop{display:none}.mobile{display:block}.top-menu.desktop{display:none !important}.container-block{padding:30px 10px}.top-menu-button{justify-content:center}.fullimage-mobile{background-color:#ebd19b}.fullimage-mobile .in-text{top:-40px;padding-top:80px;padding-bottom:40px}.fullimage-mobile .in-text .block-button{margin:0}#footer{text-align:center}.social-media-block{text-align:center !important;padding-top:40px;display:flex !important;justify-content:center}.social-media-block ul{padding-left:0}.social-media-block ul li a{font-size:28px}.navbar .social-media-block ul li a{color:#fff}.top-menu-wrapper{grid-template-columns:1fr 1fr}.menu-logo{padding-left:15px;padding-top:7px}.menu-logo img{height:60px}.block-image{clip-path:polygon(0 30px,30px 0,calc(100% - 30px) 0,100% 30px,100% calc(420px),calc(100% - 30px) 450px,30px 450px,0 calc(420px))}.block-image .in-image{left:30px;top:30px;width:calc(100% - (2 * 30px));height:calc(450px - (2 * 30px))}.block-text{clip-path:polygon(0 30px,30px 0,calc(100% ) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px))}.block-text .in-text{left:30px;top:0;width:calc(100% - ( 30px));height:calc(100% - ( 30px));padding:30px}.text-block .block-text-image{clip-path:polygon(0 30px,0 0,calc(100% - 30px) 0,100% 30px,100% calc(370px),calc(100% ) 400px,0 400px,0 calc(370px));margin-bottom:0px;background-color:#b8e2e5;margin-bottom:20px}.text-block .block-text-image .in-text-image{left:30px;top:30px;width:calc(100% - (2 * 30px));height:calc(400px - (2 * 30px))}.full-image-text .in-text{top:-30px;padding:60px 30px 30px}.streamer .streamer-text{padding:30px}.block-text-text .block-text-image,.block-text-text h4{margin:0}.text-block-padding{padding:0 30px}.block-menu-button{margin-bottom:0}.donatie-form .donatie-value{width:100%;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 80px,0 80px)}.donatie-form .donatie-value input{width:calc(100% - 50px)}.donatie-form .top-wrapper{display:none}.donatie-form .donatie-periods{grid-template-columns:1fr}.donatie-form .donatie-periods .donatie-period{width:100%;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 50px,0 50px)}.donatie-form .donatie-amounts{grid-template-columns:1fr 1fr 1fr}.donatie-form .donatie-comment textarea{width:100%}#chosen-issuer{width:100%}.list-issuer{width:auto}}
.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}
@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:#b8e2e5;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 90px}
.list-item.audit-item .list-item-title{grid-template-columns:1fr 90px}
.list-item .list-item-title{margin:0;grid-template-columns:150px 1fr 90px}
.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:#1b3689 !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:#1b3689 !important}
.list-item .list-item-content .related-werkbonnen{color:#1b3689;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:#ebd19b}
.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:#ebd19b;border-color:#ebd19b}
.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:#1b3689;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48}
.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{position:absolute;right:20px;top:20px}
.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:#1b3689}
.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{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:#1b3689;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:#1b3689;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:#1b3689}
.count-werkbonnen-2{background-color:#b8e2e5}
.count-werkbonnen-3{background-color:#f02047}
.count-werkbonnen-4{background-color:#ebd19b}
.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:#1b3689}
.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}
.werkbon-right h3{padding-top:30px;font-size:16px !important;font-weight:600}
.werkbon-right h3.first-h3{padding-top:0}
.werkbon-blue{color:#1b3689;font-weight:600}
.extra-description{color:#b8e2e5;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:#1b3689;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-face{font-family:'le_brondregular';src:url('/themes/bfr/assets/fonts/le-brond-regular_update_2-webfont.woff2') format('woff2'),url('/themes/bfr/assets/fonts/le-brond-regular_update_2-webfont.woff') format('woff');font-weight:normal;font-style:normal}
.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:#b8e2e5;border-radius:30px;padding:30px 20px;text-align:right}
.pdf .block-note.block-orange{background-color:#b8e2e5;color:#fff}
.pdf .block-note.block-black{background-color:#f02047;color:#fff}
.pdf .block-note.block-blue{background-color:#1b3689;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:#b8e2e5;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:#b8e2e5;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:#1b3689;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:#1b3689}
.pdf .list-indicators.mutatie-indicators .label-top.item-indicator.status-2{opacity:1;background-color:#f02047}
.pdf .list-indicators.mutatie-indicators .label-top.item-indicator.status-3{opacity:1;background-color:#ebd19b}
.pdf .list-indicators.mutatie-indicators .label-top.item-indicator.status-4{opacity:1;background-color:#b8e2e5}
.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}
.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)}}
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/bfr/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}
label{color:#1b3689}
.input-field{padding:10px 0}
.input-field input,
.input-field input:focus{padding:20px;max-width:700px;border:0;border-radius:0;background-color:#b8e2e5;color:#1b3689;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 60px,0 60px)}
.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}
.form-check-input:checked{border-color:#000;background-color:#000}
.input_locked{pointer-events:none}
.input_locked input{background-color:#b8e2e5;border-color:#b8e2e5 !important;color:#fff}
.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{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}
.btn:hover,
.btn:focus,
.btn.focus{text-decoration:none}
.btn{background-color:#b8e2e5;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:#b8e2e5}
.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:#1b3689;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:#1b3689;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:#1b3689}
.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 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:#1b3689 !important}
.daterangepicker .calendar-table{background-color:transparent !important;border:0 !important}
.daterangepicker .btn-primary:hover{background-color:#1b3689 !important;border-color:#1b3689 !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:#1b3689 !important}
.daterangepicker th.month,
.daterangepicker td{font-size:16px !important}
.daterangepicker td.week,
.daterangepicker th.week{color:#1b3689 !important;font-size:10px !important}
.daterangepicker td.active,
.daterangepicker td.active:hover{background-color:#1b3689 !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:#1b3689 !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:#1b3689;color:#fff;position:sticky;top:80px;width:100%;z-index:305}
.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}
.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:#1b3689}
.modal-wrapper .icon-header{top:33px;right:80px}
#layout-subheader{height:60px;position:sticky;top:80px;width:100%;background-color:#1b3689;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:#1b3689}
.filter-item .filter-block .filter-item .filter-divider{border-color:#1b3689}
.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 #1b3689;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:#1b3689;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 #1b3689 !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:#1b3689;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:#1b3689 !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 #1b3689;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:#1b3689 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:#b8e2e5}
#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}
.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:#b8e2e5;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-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:#1b3689;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:#1b3689}
.audit_step_overview h3{padding:0;padding-top:20px;font-size:14px;color:#1b3689}
.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:#1b3689}
.list-indicators .label-top.status-2{opacity:1;background-color:#f02047}
.list-indicators .label-top.status-3{opacity:1;background-color:#ebd19b}
.list-indicators .label-top.status-4{opacity:1;background-color:#b8e2e5}
.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:#1b3689}
.mutatie_overview label{color:#1b3689}
.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:#1b3689;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 span{color:#fff !important}
.lokatie-inactive td{color:#999;text-decoration:line-through}