: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:60px;padding-top:0;box-shadow:0px 6px 24px -7px rgba(0,0,0,0.5);width:100%;position:sticky;top:0px;background-color:#fff;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{min-height:450px;height:40vh;width:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;background-color:#008647}
.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{margin:0 !important;grid-gap:0 !important;grid-template-columns:150px 1fr 240px}
.top-menu{display:flex;text-align:right;justify-content:flex-end}
.top-menu ul{list-style:none}
.top-menu ul li{color:#008647;padding:0 25px;cursor:pointer;line-height:60px;font-size:16px;font-weight:700;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:0;margin-left:-25px;position:absolute;background-color:#fff;box-shadow:0px 9px 9px -3px rgba(0,0,0,0.2);border-radius:0 0 10px 10px}
.top-menu ul li ul li{font-weight:500;background-image:none;width:100%;min-width:240px;float:unset;padding:0 25px;text-align:left}
.top-menu ul li ul li a{display:inline-block;width:100%}
.top-menu ul li ul li:hover{background-color:#008647;color:#fff}
.top-menu ul li ul li:hover a{color:#fff}
.top-menu ul li a{text-decoration:none;font-weight:700;color:#008647}
.top-menu ul li.active,
.top-menu ul li.active a{color:#000}
.top-menu ul li:hover{color:#000}
.mobile-nav ul li a,
.mobile-nav ul li ul li a{color:#fff;text-decoration:none}
.top-menu-button{display:flex;justify-content:flex-end}
.menu-icon{padding:13px 13px 13px 20px}
.top-menu-button a{text-decoration:none!important}
.block-menu-button,
.block-button{background-color:#008647;margin-top:8px;padding:0 30px;line-height:44px;border-radius:50px;font-weight:700;font-size:20px;color:#fff;text-decoration:none}
.block-button{display:inline-block;line-height:60px;padding:0 30px;text-align:center;text-decoration:none}
.block-button-bottom{position:absolute;bottom:40px;left:40px;grid-template-columns:60px 1fr!important}
.block-button-bottom .block-button{width:60px;height:60px;text-align:center;padding:0;grid-template-columns:60px 1fr}
.block-button-bottom .block-button-bottom-text{line-height:70px;font-size:16px;font-weight:700;color:#008647;text-decoration:none}
.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:19px;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:#eee;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:#008647}
.top-menu-item.active{color:#008647;background-color:transparent}
.top-menu-item:hover{color:#fff}
.menu-account{flex-direction:row-reverse}
.menu-account .menu-icon{color:#008647;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:#008647}
.menu-account .top-menu-item a:hover{color:#000}
.bg-brand-orange{background-color:#DEF7E0}
.bg-brand-green{background-color:#333}
.bg-brand-darkbleu{background-color:#999}
.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:#008647 !important}
.blr-orange{background-color:#DEF7E0 !important}
.blr-green{background-color:#333 !important}
.blr-black{background-color:#999 !important}
.blr-txt-blue{color:#008647 !important}
.blr-txt-orange{color:#DEF7E0 !important}
.blr-txt-green{color:#333 !important}
.blr-txt-black{color:#999 !important}
body{background-color:#fff;color:#008647 !important;font-weight:500;font-family:'Helvetica Neue'}
h2{hyphens:manual}
.other-brand-color{background-color:#EF5A28 !important}
#page{min-height:calc(110vh - 378px);background-color:#fff;padding-bottom:30px}
#page.portal{background-color:#008647}
.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}
.block.dark a{color:#fff!important}
.container-block{padding:40px}
.container-block h2{font-family:'Helvetica Neue';font-weight:normal;font-size:60px;margin:0;padding:15px 0;line-height:1;letter-spacing:2px;color:#008647}
.container-block h3,
.container-block h4{font-family:'Helvetica Neue';padding:0;margin:0;line-height:1.1;font-size:18px;font-weight:700;color:#008647}
.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;background-color:#999}
.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:#DEF7E0}
.slider-image .container{display:flex;justify-content:center}
.blocks{background-color:#008647}
.blocks h4{font-weight:400;font-size:16px;line-height:1.4}
.blocks .grid{margin-top:0;grid-gap:0}
.block-text{position:relative}
.normal-text-block .block-text-text{padding:0}
.video-header .block-text{text-align:left!important;width:100%;position:absolute!important;bottom:60px;left:0}
.video-header .block-text .video-text-wrapper{max-width:700px}
.video-header h2{font-family:'Montserrat',sans-serif;font-size:90px;font-weight:700;color:#fff;padding:0}
.video-header h4,
.video-header h4 p{color:#fff;font-size:22px;padding:10px 0;line-height:1.3}
.fullimage{width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.fullimage .container-block{position:relative;height:60vh;min-height:750px}
.fullimage .full-image-text{position:absolute;bottom:80px;left:40px}
.fullimage .full-image-text h2{font-size:120px;font-weight:700;color:#fff;padding:0}
.fullimage .full-image-text h4,
.fullimage .full-image-text h4 p{color:#fff;font-size:22px;padding:20px 0 30px;line-height:1.3}
.fullimage .block-text{position:relative}
.page_fullimage{position:absolute;width:100%;height:60vh;background-repeat:no-repeat;background-size:cover;background-position:top center;z-index:0}
.container_page{padding-top:30vh}
.container_page .container-block{padding:0 !important;margin:0 !important;grid-template-columns:2fr 10fr 2fr !important}
.container_page grid{grid-gap:0 !important}
.container_page .block-row{padding:0}
.container_page .block{padding-bottom:30px !important;height:auto !important;z-index:1}
.container_page .block h2{padding-bottom:30px}
.container_page .block-text{padding:0 30px}
.container_page .block-text h2,
.container_page .block-text h4,
.container_page .block-text h4 p{color:#fff;font-weight:600;font-size:20px;line-height:1.3}
.container_page .block-text h2{font-weight:700;font-size:60px}
.container_page .block-image-between{position:absolute;width:100%;left:0;margin-top:calc(-40vh - 50px);z-index:0;background-size:cover}
.container_page .block-image-between .container{height:40vh}
#footer{padding:0 40px !important;margin-top:0 !important;font-size:18px;font-weight:700;color:#008647;background-color:#fff}
#footer .grid{grid-gap:0;margin:0}
#footer a{color:#008647 !important}
#footer ul{list-style:none;padding:0}
#footer ul a{text-decoration:none !important;font-size:24px}
#footer .footer-menu-right li{display:inline-block}
#footer .footer-menu-right li ul{padding-top:15px}
#footer .footer-menu-right li ul li{display:block}
#footer .footer-menu-right li ul li a{font-size:18px}
#footer .footer-menu-bottom ul{padding-top:30px}
#footer .footer-menu-bottom li{display:inline-block;padding-right:20px}
#footer .footer-menu-bottom li a{font-size:14px;font-weight:500}
.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:#008647}
.streamer{background-color:#008647}
.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:#333;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:#008647}
.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:#DEF7E0;top:0;left:0}
.donatie-form .donatie-periods .donatie-period{background-color:#DEF7E0;padding:12px 12px;font-size:18px;text-align:center;cursor:pointer}
.donatie-form .donatie-periods .donatie-period.active{background-color:#008647;color:#fff}
.donatie-form .donatie-periods .donatie-period:hover{background-color:#008647;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:#DEF7E0;padding:12px 18px;font-size:18px;font-weight:700;text-align:center;cursor:pointer}
.donatie-form .donatie-amounts .donatie-amount.active{background-color:#999;color:#fff}
.donatie-form .donatie-amounts .donatie-amount:hover{background-color:#999;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:#DEF7E0;margin-bottom:20px}
.donatie-form .donatie-value input{width:220px;border:0;background-color:transparent;font-size:30px;font-weight:700;text-align:center;color:#008647}
.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 #DEF7E0;display:none;width:50%;height:100px;padding:12px;color:#008647}
input:focus,
textarea{outline:none !important}
.navbar{overflow-x:hidden;width:100%;height:100vh;background-color:#008647;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:#DEF7E0;padding:20px;font-weight:500;padding-top:18px;color:#6c757d}
.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 #DEF7E0}
.list-issuer .item-issuer{padding:10px 20px;cursor:pointer}
.list-issuer .item-issuer:hover{background-color:#DEF7E0}
.list-issuer img,
#chosen-issuer img{margin-right:10px}
.block-row{padding:30px 0 0;text-align:center;color:#0D1110;font-size:20px;font-weight:400}
.block-row h2{font-size:50px;color:#0D1110}
.block-row .title-text-wrapper{padding-bottom:30px}
.block-row .block{background-color:#DEF7E0;border-radius:30px;padding:50px;text-align:left;background-size:cover;background-position:center;width:100%;position:relative;padding-bottom:100%;height:0}
.block-row .block h2{font-size:40px;font-weight:700}
.block-row .block h4{font-weight:400;font-size:20px;line-height:1.4}
.block-row .block.news-block{padding:0;height:auto;color:#008647;overflow:hidden}
.block-row .block.news-block .news-list-text{padding:40px 30px 70px;padding-bottom:110px}
.block-row .block.news-block .news-list-image{background-size:cover;background-position:center center}
.block-row .block.news-block .news-list-image .news-date-block{position:absolute;top:40px;right:40px;width:80px;height:80px;border-radius:24px;text-align:center;background-color:#fff}
.block-row .block.news-block .news-list-image .news-date-block h3{font-size:50px;font-weight:700;line-height:0.9;margin:0;padding:0;padding-top:12px;color:#008647}
.block-row .block.news-block .news-list-image .news-date-block h4{font-size:14px;font-weight:700;line-height:1;margin:0;padding:0}
.block-row .block.news-block h2{margin-top:0;color:#008647;font-size:24px}
.block-row .block.news-block h4,
.block-row .block.news-block h4 p{color:#008647;font-size:16px}
.block-row .block.dark{background-color:#008647}
.block-row .block.dark h2,
.block-row .block.dark h4,
.block-row .block.dark .block-button-bottom-text{color:#DEF7E0}
.block-row .block.dark .block-button{background-color:#DEF7E0}
.block-row .block-logo-wrapper{padding:30px;display:flex}
.block-row .block-logo-wrapper .block-logo{height:100%;width:100%;max-width:300px;background-position:left top;background-size:contain;background-repeat:no-repeat}
.block-row .block-logo-wrapper.topleft .block-logo{background-position:left top}
.block-row .block-logo-wrapper.topright{justify-content:right}
.block-row .block-logo-wrapper.topright .block-logo{background-position:right top}
.block-row .block-logo-wrapper.center{justify-content:center;align-items:center}
.block-row .block-logo-wrapper.center .block-logo{background-position:center center}
.block-row .block-logo-wrapper.bottomleft{justify-content:left;align-items:end}
.block-row .block-logo-wrapper.bottomleft .block-logo{background-position:left bottom}
.block-row .block-logo-wrapper.bottomright{justify-content:right;align-items:end}
.block-row .block-logo-wrapper.bottomright .block-logo{background-position:right bottom}
.block-row .swiper-slide{height:450px;background-color:#F3F4F4;border-radius:30px;background-size:cover;background-position:center;background-repeat:no-repeat}
.block-row .swiper{padding-bottom:50px}
.block-row .swiper-block-title{position:absolute;width:90%;text-align:center;bottom:25px;font-size:24px;font-weight:700;color:#0D1110}
.block-row .swiper-pagination{bottom:20px !important}
.block-row .swiper-pagination-bullet-active{background-color:#008647}
.block-row.timeline .swiper-slide{min-width:900px !important;background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:center center;display:flex;justify-content:center;height:500px}
.block-row.timeline .swiper-block-title{font-weight:500;color:#008647}
.block-row .icon-timeline{overflow:hidden;position:relative}
.block-row .icon-timeline img{height:120px}
.product-categories .swiper-block-title{background-color:#DEF7E0;color:#008647;transform:translate(-50%,0);left:50%;border-radius:30px}
.productcategory-grid{padding-bottom:80px}
@media only screen and (max-width:1400px){.block-row{padding:30px 0 0}.block-row .block{padding:30px;height:auto;padding-bottom:120px}}
@media only screen and (max-width:1180px){.block-row{padding:30px 0 0}.block-row.timeline .swiper-slide{min-width:unset !important;width:100% !important;height:500px}.block-row .block{height:auto;padding-bottom:120px}.block-row .block.block-image{height:0;padding-bottom:100%}.block-login{grid-template-columns:1fr !important}.map-wrapper .map-block{width:100%;left:0;top:0;border-radius:0}.form-wrapper{grid-template-columns:1fr !important}.container_page .container-block{grid-template-columns:1fr !important}}
.ophaal-schema{width:100%;margin-top:50px}
.ophaal-schema .ophaal-shema-row{grid-template-columns:1fr 100px;border-radius:40px;padding:10px 30px;background-color:#fff;margin-bottom:10px;cursor:pointer}
.ophaal-schema .ophaal-shema-row:hover{background-color:#008647;color:#fff}
.ophaal-schema .ophaal-shema-row.ophaal-schema-canceled{background-color:#008647;color:#fff}
.ophaal-schema .ophaal-shema-row.ophaal-schema-canceled:hover{background-color:#000}
.ophaal-schema .ophaal-shema-row-header{background-color:transparent;margin-bottom:0;font-style:oblique;cursor:unset}
.ophaal-schema .ophaal-shema-row-header:hover{background-color:transparent;color:#000}
@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:#DEF7E0;padding:0 !important}.fullimage-mobile .container-block{padding:0 !important}.fullimage-mobile .home-image{height:40vh;width:100%;background-size:cover;background-position:center center}.fullimage-mobile .in-text{padding-bottom:40px}.fullimage-mobile .in-text h2{font-size:50px;font-weight:700}.fullimage-mobile .in-text .block-button{width:100%}.fullimage-mobile .full-image-text{padding:20px 40px}.fullimage-mobile .full-image-text h2,.fullimage-mobile .full-image-text h4,.fullimage-mobile .full-image-text h4 p{color:#008647}.fullimage-mobile .full-image-text h4 p{padding:15px 0;line-height:1.4}.timeline h2{font-size:40px}.menu-grid-wrapper{grid-template-columns:1fr !important}#footer{text-align:center}.social-media-block{text-align:center !important;padding-top:40px;display:flex !important}.social-media-block.flex-align-right{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}.streamer .streamer-text{padding:30px}.block-text-text .block-text-image,.block-text-text h4{margin:0}.text-block-padding{padding:0 30px}.donatie-form .donatie-value{width:100%}.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%}.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}}
.code_block{padding:15px;color:#000;text-align:center;border-radius:15px;border:4px dotted #fff}
.actie-block{padding-bottom:220px;position:relative}
.bottom-block{position:absolute;width:100%;bottom:0;left:0;padding:0 50px 30px}
.form-user-login,
.block-form{padding-top:40px}
.form-user-login input,
.block-form input,
.form-user-login textarea,
.block-form textarea{padding:15px;border:0}
.form-user-login button,
.block-form button{background-color:#008647;color:#fff;line-height:40px;border-radius:50px;padding-left:50px;margin-top:40px;background-image:url('/themes/clubhub/assets/images/icons/read-more-light.svg');background-repeat:no-repeat;background-size:25%;background-position:10px 9px}
.block-row .block.login-block,
.block-row .block.block-form{height:unset;padding-bottom:40px}
.grid{display:grid;grid-gap:30px}
.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}
.grid-margin-0{margin:0}
.grid-margin-10{margin:10px}
.grid-margin-20{margin:20px}
.grid-margin-30{margin:30px}
.flex-align-vertical{display:flex;align-items:center}
.flex-align-bottom{display:flex;align-items:end;align-content:flex-end}
.flex-align-top{display:flex;align-items:flex-start;align-content:flex-start}
.flex-align-horizontal{display:flex;justify-content:center}
.flex-align-left{display:flex;justify-content:left}
.flex-align-right{display:flex;justify-content:right}
.list-view{grid-gap:10px}
.list-view td{vertical-align:top}
.list-item-header{position:relative;padding:30px;background-color:#DEF7E0;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:#008647 !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:#008647 !important}
.list-item .list-item-content .related-werkbonnen{color:#008647;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:#333}
.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:#333;border-color:#333}
.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:#008647;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:#008647}
.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:#008647;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:#008647;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:#008647}
.count-werkbonnen-2{background-color:#DEF7E0}
.count-werkbonnen-3{background-color:#999}
.count-werkbonnen-4{background-color:#333}
.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:#008647}
.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:#008647;font-weight:600}
.extra-description{color:#DEF7E0;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:#008647;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:'Helvetica Neue';src:url('/themes/circulr/assets/fonts/helvetica_neue_ce_55_roman-webfont.woff2') format('woff2'),url('/themes/circulr/assets/fonts/helvetica_neue_ce_55_roman-webfont.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'Helvetica Neue';src:url('/themes/circulr/assets/fonts/helvetica_neue_ce_56_italic-webfont.woff2') format('woff2'),url('/themes/circulr/assets/fonts/helvetica_neue_ce_56_italic-webfont.woff') format('woff');font-weight:normal;font-style:italic}
@font-face{font-family:'Helvetica Neue';src:url('/themes/circulr/assets/fonts/helvetica_neue_ce_75_bold-webfont.woff2') format('woff2'),url('/themes/circulr/assets/fonts/helvetica_neue_ce_75_bold-webfont.woff') format('woff');font-weight:bold;font-style:normal}
@font-face{font-family:'Helvetica Neue';src:url('/themes/circulr/assets/fonts/helvetica_neue_ce_76_bold_italic-webfont.woff2') format('woff2'),url('/themes/circulr/assets/fonts/helvetica_neue_ce_76_bold_italic-webfont.woff') format('woff');font-weight:bold;font-style:italic}
.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:#DEF7E0;border-radius:30px;padding:30px 20px;text-align:right}
.pdf .block-note.block-orange{background-color:#DEF7E0;color:#fff}
.pdf .block-note.block-black{background-color:#999;color:#fff}
.pdf .block-note.block-blue{background-color:#008647;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:#DEF7E0;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:#DEF7E0;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:#008647;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:#008647}
.pdf .list-indicators.mutatie-indicators .label-top.item-indicator.status-2{opacity:1;background-color:#999}
.pdf .list-indicators.mutatie-indicators .label-top.item-indicator.status-3{opacity:1;background-color:#333}
.pdf .list-indicators.mutatie-indicators .label-top.item-indicator.status-4{opacity:1;background-color:#DEF7E0}
.pdf .pdf-lokatie-item .list-item-full{border-radius:30px;background-color:#EBF8FC;padding:30px;padding-top:50px}
body{background-color:#fff;color:#0D1110;font-family:'Helvetica Neue';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:#0D1110 !important;font-family:'Helvetica Neue'}
a{color:#008647;text-decoration:underline}
h2{color:#000;font-weight:700;font-size:36px;padding-bottom:15px}
.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/circulr/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:#008647}
.input-field{padding:10px 0}
.input-field input,
.input-field input:focus{padding:20px;max-width:700px;border:0;border-radius:0;background-color:#DEF7E0;color:#008647;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:#DEF7E0;border-color:#DEF7E0 !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:#DEF7E0;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:#DEF7E0}
.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:#008647;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}
.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:#008647;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:#008647}
.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:'Helvetica Neue' !important;background-color:#eee !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:#008647 !important}
.daterangepicker .calendar-table{background-color:transparent!important;border:0!important}
.daterangepicker .btn-primary:hover{background-color:#008647 !important;border-color:#008647 !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:#008647 !important}
.daterangepicker th.month,
.daterangepicker td{font-size:16px!important}
.daterangepicker td.week,
.daterangepicker th.week{color:#008647 !important;font-size:10px!important}
.daterangepicker td.active,
.daterangepicker td.active:hover{background-color:#008647 !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:#008647 !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:#008647;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:#008647}
.modal-wrapper .icon-header{top:33px;right:80px}
#layout-subheader{height:60px;position:sticky;top:80px;width:100%;background-color:#008647;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:#eee;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:#008647}
.filter-item .filter-block .filter-item .filter-divider{border-color:#008647}
.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 #008647;display:none;background-color:#eee;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:#008647;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 #008647 !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:#008647;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:#008647 !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 #008647;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:#008647 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)}}
.product-page{padding-top:20px}
.product-block{padding:50px!important;display:flex;flex-direction:row}
.product-block-column{width:50%}
.product-block-text{padding:40px}
.block-row .product-block{height:auto;padding-bottom:unset}
.block-row .product-swiper{padding-bottom:15px}
.block-row .product-swiper-slide{padding-bottom:100%;height:0;max-width:100%}
.block-row .product-thumbs-swiper{cursor:pointer;height:120px}
.block-row .product-thumbs-swiper .swiper-slide{height:110px}
.block-row .product-category{display:none;position:absolute;z-index:10;color:#fff;background-color:#008647;top:70px;left:70px;line-height:50px;border-radius:30px;padding:0 20px}
@media only screen and (max-width:1180px){.product-page{padding-top:0}.product-block{padding:30px!important;display:block}.product-block-column{width:100%}.product-block-text{padding:20px 0}.block-row .product-swiper-slide{border-radius:15px}.block-row .product-thumbs-swiper{height:80px}.block-row .product-thumbs-swiper .swiper-slide{height:60px;border-radius:15px}}