@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:400;src:url("../../assets/fonts/inter-v18-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:400;src:url("../../assets/fonts/open-sans-v40-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:600;src:url("../../assets/fonts/open-sans-v40-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:700;src:url("../../assets/fonts/open-sans-v40-latin-700.woff2") format("woff2")}html{margin:0;padding:0}body{margin:0;padding:0;width:100%}p{color:#212C65;font-family:"Open Sans", sans-serif;font-size:13px;font-weight:600;line-height:1.4167;letter-spacing:0.052px;padding:0}p:not(:last-of-type){margin-bottom:15px}@media only screen and (min-width:768px){p{font-size:13px;line-height:1.5833}}@media only screen and (min-width:1200px){p{font-size:13px;line-height:1.4615}}h1{color:#212C65;font-family:"Open Sans", sans-serif;font-size:22px;font-weight:700;line-height:1.1818;letter-spacing:0.11px;margin-bottom:20px}@media only screen and (min-width:768px){h1{font-size:22px;line-height:1.1818}}@media only screen and (min-width:1200px){h1{font-size:30px;line-height:1.2667}}h2{color:#212C65;font-family:"Open Sans", sans-serif;font-size:18px;font-weight:700;line-height:1.3333;letter-spacing:0.11px;margin-bottom:8px}@media only screen and (min-width:768px){h2{font-size:18px;line-height:1.3333}}@media only screen and (min-width:1200px){h2{font-size:24px;line-height:1.3333}}h3{color:#212C65;font-family:"Open Sans", sans-serif;font-size:15px;font-weight:700;line-height:1.3571;letter-spacing:0.11px;margin-bottom:6px}@media only screen and (min-width:768px){h3{font-size:15px;line-height:1.3571}}@media only screen and (min-width:1200px){h3{font-size:15px;line-height:1.3571}}ul,ol{margin:0;padding:0}ul li,ol li{margin:0;padding:0}.content-group:not(:last-of-type){margin-bottom:30px}.buttongroup{display:flex;flex-direction:column;gap:5px}.buttongroup.full{display:flex}.buttongroup.inline{display:flex}@media only screen and (min-width:1200px){.buttongroup.inline{display:inline-flex;flex-direction:row;gap:15px}}@media only screen and (min-width:1200px){.buttongroup.inline .button{padding-left:25px;padding-right:25px;width:fit-content}}.buttongroup .button{border:unset;cursor:pointer;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:600;display:flex;justify-content:center;align-items:center;height:50px;width:100%;text-transform:uppercase;text-decoration:unset;position:relative}.buttongroup .button.button-primary{background-color:#A41313;color:#FFFFFF}.buttongroup .button.button-secondary{background-color:#212C65;color:#FFFFFF}.accordion .accordion-item{border:unset}.accordion .accordion-item:not(:last-child){border-bottom:1px solid #212C65}.accordion .accordion-item .accordion-header .accordion-button{background-color:unset;color:#212C65;font-size:unset;box-shadow:unset;padding:20px 0}.accordion .accordion-item .accordion-body{padding:0}@media only screen and (min-width:1200px){#customTable_wrapper:has(.homepage-table){margin-top:unset !important}}#customTable_wrapper .dt-layout-row:first-child{display:none}#customTable_wrapper .dt-layout-row:first-child:has(.dt-search){display:block !important}@media only screen and (max-width:767px){#customTable_wrapper .dt-layout-row:first-child .dt-search input{background-color:#FFFFFF !important;border:1px solid #F0F1F5 !important;border-radius:5px;color:#212C65 !important;width:100%;margin-left:unset !important}#customTable_wrapper .dt-layout-row:first-child .dt-search input::placeholder{color:#212C65}}#customTable_wrapper .dt-layout-row nav[aria-label="pagination"] button{background-color:#F0F1F5;border:unset;min-width:1.5em;padding:0.5em 1em;margin-left:2px;color:#212C65 !important;font-family:"Inter", sans-serif;font-size:13px;font-weight:400}#customTable_wrapper .dt-layout-row nav[aria-label="pagination"] button.current{background-color:#212C65;color:white !important}#customTable_wrapper .dt-layout-row nav[aria-label="pagination"] button.current:hover{background:#212C65 !important}#customTable_wrapper .dt-layout-row nav[aria-label="pagination"] button:not(.disabled):not(.current):hover{background:#DBDDE7 !important}#customTable_wrapper .dt-layout-row nav[aria-label="pagination"] button.disabled{color:rgba(0, 0, 0, 0.5) !important}#customTable_wrapper .dt-layout-row #customTable_info{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:600}#customTable_wrapper .dt-layout-table{margin-top:0 !important}#customTable_wrapper .dt-layout-table .dt-scroll-body{border-bottom:unset !important}table{background-color:#F0F1F5;border-radius:10px 10px 10px 10px}@media only screen and (max-width:991px){table th,table td{white-space:nowrap}}table thead tr{padding:30px !important}table thead tr th{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:600}table thead tr th:not(.dt-orderable-none) .dt-column-order::after{content:"" !important;width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #000000;top:51% !important}table thead tr th:not(.dt-orderable-none) .dt-column-order::before{content:"" !important;width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid #000000;bottom:51% !important}table thead tr th:hover{outline:unset !important}table tbody tr:hover{cursor:pointer}table tbody tr td{color:#212C65;font-family:"Inter", sans-serif;font-size:13px;font-weight:400;line-height:32px}table tbody tr td .assignment-documents,table tbody tr td .assignment-items{display:flex;flex-direction:row;gap:8px}table tbody tr td .badge-pill{color:#FFFFFF;display:inline-block;font-size:12px;line-height:1;border-radius:50px;padding:4px 8px;min-width:85px;text-align:center}table tbody tr td .badge-pill.badge-geactiveerd{background-color:#5CB85C}table tbody tr td .badge-pill.badge-gedeactiveerd{background-color:#D9534F}table tbody tr td .badge-pill.badge-incompleet{background-color:#F0AD4E}table tbody tr td .badge-pill.badge-niet-gestart{background-color:#D9534F}table tbody tr td .badge-pill.badge-ingeklokt{background-color:#F0AD4E}table tbody tr td .badge-pill.badge-bezig{background-color:#F0AD4E}table tbody tr td .badge-pill.badge-uitgeklokt{background-color:#5CB85C}table tbody tr td .badge-pill.badge-klaar{background-color:#5CB85C}table tbody tr td .assignment-document,table tbody tr td .assignment-item{display:flex;gap:8px}table tbody tr td .assignment-document .document,table tbody tr td .assignment-document .item,table tbody tr td .assignment-item .document,table tbody tr td .assignment-item .item{background-color:#DBDDE7;border-radius:50%;display:flex;width:32px;height:32px;justify-content:center;align-items:center}table tbody tr:last-child>*{border-bottom:unset !important}.tablesidebar{margin-bottom:20px;display:flex;gap:20px;flex-direction:column}.tablesidebar .inner{background-color:#F0F1F5;border-radius:10px;display:flex;flex-direction:column}.tablesidebar .inner .sidebar-section{padding:15px}@media only screen and (min-width:1200px){.tablesidebar .inner .sidebar-section.hidedesktop{display:none}}.tablesidebar .inner .sidebar-section:not(:last-of-type){border-bottom:1px solid #DBDDE7}.tablesidebar .inner .sidebar-section .section-title{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:600}.tablesidebar .inner .sidebar-section .section-description{color:#212C65;font-family:"Inter", sans-serif;font-size:13px;font-weight:400;margin-bottom:20px}.tablesidebar .inner .sidebar-section .section-data{color:#212C65;font-family:"Inter", sans-serif;font-size:13px;font-weight:400}.tablesidebar .inner .sidebar-section .contact-details{display:flex;flex-direction:row;gap:10px;align-items:center}.tablesidebar .inner .sidebar-section .contact-details:not(:last-of-type){margin-bottom:10px}.tablesidebar .inner .sidebar-section .contact-details a{color:#212C65;text-decoration:unset}.tablesidebar .inner-scanner{display:flex;flex-direction:row !important;justify-content:center;align-items:center;gap:20px;padding:15px 20px;text-decoration:unset}@media only screen and (min-width:1200px){.tablesidebar .inner-scanner.hidedesktop{display:none}}.tablesidebar .inner-scanner .item-content .title{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:600}.tablesidebar .inner-scanner .item-content .subtitle{color:#212C65;font-family:"Inter", sans-serif;font-size:13px;font-weight:400;margin-bottom:0}.tablesidebar .inner-scanner .item-proceed{margin-left:auto}.profile-completeness{background-color:#F0F1F5;border-radius:10px;display:flex;padding:20px 20px 20px 20px;flex-direction:row;align-items:flex-start;gap:10px}.profile-completeness .title{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:700;line-height:1.3571;margin-bottom:3px}.profile-completeness .subtitle{color:#212C65;font-family:"Open Sans", sans-serif;font-size:13px;font-weight:600;line-height:1.4615;margin-bottom:15px}.profile-completeness .statusses{display:flex;flex-direction:column;gap:5px;margin-bottom:22.5px}.profile-completeness .statusses .status{display:flex;flex-direction:row;gap:8px;align-items:center}.profile-completeness .statusses .status .label{color:#212C65;font-family:"Open Sans", sans-serif;font-size:12px;font-weight:600;line-height:1.4166}.profile-completeness .button a{color:#212C65;font-family:"Open Sans", sans-serif;font-size:13px;font-weight:600;line-height:1.4615;margin-bottom:15px;text-transform:uppercase}body:has(.dashboard-scanner){margin:0;padding:0;height:100vh;overflow:hidden;background-color:#000;justify-content:center;align-items:center;font-family:Arial, sans-serif}body:has(.dashboard-scanner) #video{width:100vw;height:100vh;object-fit:cover;position:fixed;top:0;left:0;z-index:1}body:has(.dashboard-scanner) #canvas{display:none}body:has(.dashboard-scanner) .overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.5);z-index:1}body:has(.dashboard-scanner) .overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.5);z-index:1}body:has(.dashboard-scanner) .bottom-bar{position:fixed;bottom:0;left:0;width:100vw;padding:10px;background-color:rgba(0, 0, 0, 0.7);display:flex;justify-content:center;align-items:center;z-index:3}body:has(.dashboard-scanner) .bottom-bar button{padding:10px 20px;background-color:#fff;color:#000;border:none;border-radius:20px;font-size:1em;cursor:pointer;margin:0 10px}body:has(.dashboard-scanner) .scan-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:70vw;height:70vw;max-width:280px;max-height:280px;z-index:2;pointer-events:none}body:has(.dashboard-scanner) .scan-overlay::before,body:has(.dashboard-scanner) .scan-overlay::after{content:"";position:absolute;background-color:#fff;z-index:2}body:has(.dashboard-scanner) .scan-overlay::before{top:0;left:0;width:30px;height:3px}body:has(.dashboard-scanner) .scan-overlay::after{top:0;left:0;width:3px;height:30px}body:has(.dashboard-scanner) .scan-overlay .corner::before,body:has(.dashboard-scanner) .scan-overlay .corner::after{content:"";position:absolute;background-color:#fff;z-index:2}body:has(.dashboard-scanner) .scan-overlay .top-right::before{top:0;right:0;width:30px;height:3px}body:has(.dashboard-scanner) .scan-overlay .top-right::after{top:0;right:0;width:3px;height:30px}body:has(.dashboard-scanner) .scan-overlay .bottom-left::before{bottom:0;left:0;width:30px;height:3px}body:has(.dashboard-scanner) .scan-overlay .bottom-left::after{bottom:0;left:0;width:3px;height:30px}body:has(.dashboard-scanner) .scan-overlay .bottom-right::before{bottom:0;right:0;width:30px;height:3px}body:has(.dashboard-scanner) .scan-overlay .bottom-right::after{bottom:0;right:0;width:3px;height:30px}body:has(.dashboard-scanner) #popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#F0F1F5;padding:20px;border-radius:10px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.5);max-width:90vw;width:300px;z-index:4}body:has(.dashboard-scanner) #popup h1{margin-bottom:15px}body:has(.dashboard-scanner) #popup p{margin-bottom:20px}.security-force{background-color:#F0F1F5;padding:20px;border-radius:10px;margin-bottom:16px;display:flex;flex-direction:row}@media only screen and (max-width:767px){.security-force{flex-direction:column;gap:35px}}.security-force .labels{flex:0 0 30%;display:flex;flex-direction:column;justify-content:space-between;height:auto}@media only screen and (max-width:767px){.security-force .labels{gap:20px}}.security-force .labels .title{color:#212C65;font-family:"Open Sans";font-size:14px;font-weight:700}.security-force .labels .active-users{color:#212C65;display:flex;flex-direction:column;font-family:"Open Sans";font-size:45px;font-weight:700;line-height:1}.security-force .labels .active-users span{font-size:12px;font-weight:400}.security-force .chart{flex:0 0 70%}.security-force .chart #werknemerChart{width:100% !important;height:100% !important}.latest-users{background-color:#F0F1F5;padding:20px;border-radius:10px}.latest-users .title{color:#212C65;font-family:"Open Sans";font-size:14px;font-weight:700}.latest-users table{border-collapse:separate;border-spacing:0 10px;width:100%}.latest-users table tr{background-color:#DBDDE7}@media only screen and (max-width:639px){.latest-users table tr{display:flex;flex-wrap:wrap;margin-bottom:10px;border-radius:5px}}.latest-users table tr td{padding:8px 10px}@media only screen and (max-width:639px){.latest-users table tr td{line-height:1.5 !important}.latest-users table tr td:nth-child(1){order:2;padding:0 0 10px 15px}.latest-users table tr td:nth-child(2){flex:2;order:3;padding:0 15px 10px 15px}.latest-users table tr td:nth-child(3){flex:1;order:1;flex:100%;text-align:left !important;padding:10px 15px 0 15px;margin-bottom:10px}}.latest-users table tr td:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;font-family:"Open Sans";font-weight:700}.latest-users table tr td:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;text-align:right}.houroverview-cta{background-color:#F0F1F5;border-radius:10px;display:flex;padding:20px 0 0 20px;flex-direction:row;align-items:stretch;justify-content:space-between;gap:30px}.houroverview-cta .content{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 auto;width:calc(60%);padding-bottom:20px}.houroverview-cta .content .title{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:700;line-height:1.3571;margin-bottom:3px}.houroverview-cta .content .subtitle{color:#212C65;font-family:"Open Sans", sans-serif;font-size:13px;font-weight:600;line-height:1.4615;margin-bottom:15px}.houroverview-cta .image{border-radius:10px 0 10px 0;overflow:hidden;flex:0 0 auto;width:calc(40% - 30px)}.houroverview-cta .image img{height:100%;max-height:175px;width:100%;object-fit:cover}.houroverview-cta .button a{color:#212C65;font-family:"Open Sans", sans-serif;font-size:13px;font-weight:600;line-height:1.4615;margin-bottom:15px;text-transform:uppercase}.inner-upcoming-assignmentlist{background-color:#add8a1;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px}@media only screen and (max-width:1199px){.inner-upcoming-assignmentlist{margin-bottom:20px}}.inner-upcoming-assignmentlist .title{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:700;line-height:1.3571;margin-bottom:3px}.inner-upcoming-assignmentlist .assignments{display:flex;flex-direction:column;gap:10px}.inner-upcoming-assignmentlist .assignments .item{background-color:#DBDDE7;border-radius:10px;padding:15px;margin-bottom:0 !important;text-decoration:unset}.inner-upcoming-assignmentlist .assignments .item .badge-pill{background-color:#212C65;color:#FFFFFF;display:inline-block;font-family:"Inter", sans-serif;font-size:12px;line-height:1;border-radius:50px;padding:4px 8px;margin-bottom:10px}.inner-upcoming-assignmentlist .assignments .item .jobtitle{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:600}.inner-upcoming-assignmentlist .assignments .item .date,.inner-upcoming-assignmentlist .assignments .item .time{color:#212C65;font-family:"Inter", sans-serif;font-size:13px;font-weight:400}.inner-active-assignmentlist{display:flex;flex-direction:column;gap:10px}@media only screen and (max-width:1199px){.inner-active-assignmentlist{margin-bottom:20px}}.inner-active-assignmentlist .title{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:700;line-height:1.3571;margin-bottom:3px}.inner-active-assignmentlist .assignments .item{margin-bottom:16px}.inner-active-assignmentlist .assignments .item .inner-active-assignment{background-color:#DBDDE7;border-radius:10px;padding:20px}.inner-active-assignmentlist .assignments .item .inner-active-assignment .eventdata{margin-bottom:16px}.inner-active-assignmentlist .assignments .item .inner-active-assignment .status{margin-bottom:16px}.inner-active-assignmentlist .assignments .item .inner-active-assignment .documents{margin-bottom:25px}.inner-active-assignmentlist .assignments .item .inner-active-assignment .documents .jobtitle{margin-bottom:5px}.inner-active-assignmentlist .assignments .item .inner-active-assignment .documents .inner-data{display:flex;flex-direction:column;gap:8px}.inner-active-assignmentlist .assignments .item .inner-active-assignment .documents .inner-data a{color:#212C65}.inner-active-assignmentlist .assignments .item .inner-active-assignment .documents .document{background-color:#5CB85C;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;text-decoration:unset;color:#212C65;font-family:"Inter", sans-serif;font-size:13px;font-weight:400;padding:15px}.inner-active-assignmentlist .assignments .item .inner-active-assignment .button a{color:#212C65;font-family:"Open Sans", sans-serif;font-size:13px;font-weight:600;line-height:1.4615;margin-bottom:15px;text-transform:uppercase}.inner-active-assignmentlist .assignments .item .badge-pill{background-color:#212C65;color:#FFFFFF;display:inline-block;font-family:"Inter", sans-serif;font-size:12px;line-height:1;border-radius:50px;padding:4px 8px;margin-bottom:10px}.inner-active-assignmentlist .assignments .item .jobtitle{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:600}.inner-active-assignmentlist .assignments .item .date,.inner-active-assignmentlist .assignments .item .time,.inner-active-assignmentlist .assignments .item .assignment-status{color:#212C65;font-family:"Inter", sans-serif;font-size:13px;font-weight:400}.dashboard-documents{margin-bottom:40px;margin-top:unset !important}@media only screen and (max-width:1199px){.dashboard-documents{display:none}}.dashboard-documents .inner-uploads{background-color:#F0F1F5;padding:20px;border-radius:10px}.dashboard-documents .inner-uploads label{color:#212C65;font-family:"Open Sans";font-size:14px;font-weight:700}.nav-tabs.nav-tabs-schedule{padding-left:calc(var(--bs-gutter-x) * .5);flex-direction:row-reverse}.tab-content.tab-content-schedule .tab-pane[aria-labelledby="grid-tab"]{margin-top:20px}.sidebar{position:fixed;top:0;bottom:0;z-index:10;display:flex;flex:0 0 240px;flex-direction:column;order:-1;width:240px;color:#FFFFFF;background:#DBDDE7;box-shadow:none}@media only screen and (min-width:768px) and (max-width:1199px){.sidebar{height:115px;width:100%;top:unset}}@media only screen and (max-width:767px){.sidebar{height:55px;width:100%;top:unset}}@media only screen and (max-width:767px) and (display-mode:standalone){.sidebar{height:75px}}@media only screen and (max-width:1199px){.sidebar .sidebar-header{display:none}.sidebar .sidebar-header .sidebar-brand{display:none}}.sidebar .sidebar-header .sidebar-brand{padding:25px 40px 25px 25px}.sidebar .sidebar-header .dashboard-url{display:block}.sidebar .sidebar-navigation{position:relative;display:flex;flex:1;flex-direction:column;padding:0 15px;margin-bottom:0;overflow-x:hidden;overflow-y:auto;list-style:none}.sidebar .sidebar-navigation .sidebar-content{display:flex;flex-direction:column;min-height:100%;gap:5px}@media only screen and (max-width:1199px){.sidebar .sidebar-navigation .sidebar-content{flex-direction:row;justify-content:center;align-items:center}}@media only screen and (max-width:767px){.sidebar .sidebar-navigation .sidebar-content{align-items:flex-start}}.sidebar .sidebar-navigation .sidebar-content .navigation-item{list-style:none}.sidebar .sidebar-navigation .sidebar-content .navigation-item.active>.navigation-link{background:#FFFFFF;color:#212C65}.sidebar .sidebar-navigation .sidebar-content .navigation-item:not(.active) svg{filter:brightness(0) saturate(100%) invert(79%) sepia(17%) saturate(226%) hue-rotate(192deg) brightness(96%) contrast(80%)}.sidebar .sidebar-navigation .sidebar-content .navigation-link{display:flex;flex:1;align-items:center;padding:12px 15px;color:#B6BACD;text-decoration:none;white-space:nowrap;background:transparent;border:unset;border-radius:5px;font-size:18px;font-weight:700;line-height:1.222;gap:10px}.sidebar .sidebar-navigation .sidebar-content .navigation-link.active,.sidebar .sidebar-navigation .sidebar-content .navigation-link:hover{background:#FFFFFF;color:#212C65}@media only screen and (max-width:1199px){.sidebar .sidebar-navigation .sidebar-content .navigation-link.active,.sidebar .sidebar-navigation .sidebar-content .navigation-link:hover{background:unset}}.sidebar .sidebar-navigation .sidebar-content .navigation-link.active svg,.sidebar .sidebar-navigation .sidebar-content .navigation-link:hover svg{filter:unset}@media only screen and (max-width:1199px){.sidebar .sidebar-navigation .sidebar-content .navigation-link{font-size:12px;line-height:1;text-transform:uppercase;flex-direction:column;background-color:unset !important}}@media only screen and (max-width:767px){.sidebar .sidebar-navigation .sidebar-content .navigation-link{font-size:10px;gap:5px;padding:12px 10px 6px 10px}}@media only screen and (min-width:768px) and (max-width:1199px){.sidebar .sidebar-navigation .sidebar-content .navigation-link svg{width:30px;height:30px}}@media only screen and (max-width:767px){.sidebar .sidebar-navigation .sidebar-content .navigation-link svg{width:20px;height:20px}}.sidebar .sidebar-navigation .sidebar-content .navigation-icon{display:flex;flex:0 0 21px;align-items:center;justify-content:center;height:21px;margin-right:12px;color:#FFFFFF;text-align:center;pointer-events:none;transition:inherit}.row,.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x: 16px}@media only screen and (max-width:1199px){.row,.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x: 50px}}@media only screen and (max-width:1199px){.row,.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x: 40px}}#page:has(.navigation) .layout.split-screen{min-height:calc(100vh - 48px)}#page:has(.navigation) .layout.single-screen{min-height:calc(100vh - 48px)}.layout.split-screen{display:flex;min-height:100vh;flex-direction:column}@media only screen and (min-width:1200px){.layout.split-screen{flex-direction:unset}}.layout.split-screen .content-side{order:2;display:flex;align-items:center;justify-content:center}@media only screen and (min-width:1200px){.layout.split-screen .content-side{width:50%;order:1}}.layout.split-screen .content-side .container{width:100%;max-width:400px}.layout.split-screen .content-side .container .site-url{display:none;margin-bottom:20px}@media only screen and (min-width:1200px){.layout.split-screen .content-side .container .site-url{display:block}}.layout.split-screen .image-side{order:1;background-color:#B6BACD;display:flex;align-items:center;justify-content:center;position:relative}@media only screen and (max-width:1199px){.layout.split-screen .image-side::after{content:"";background-image:url("https://firstlinegroup.kinsta.cloud/wp-content/themes/firstline/assets/logos/logo-first-line-group.svg");width:122px;height:75px;background-size:contain;background-repeat:no-repeat;position:absolute;filter:brightness(100);-webkit-filter:invert(100) brightness(100)}}@media only screen and (min-width:1200px){.layout.split-screen .image-side{order:2;width:50%}}.layout.split-screen .image-side img{min-height:100%;object-fit:cover;object-position:center center}@media only screen and (max-width:767px){.layout.split-screen .image-side img{max-height:320px}}@media only screen and (min-width:768px) and (max-width:1199px){.layout.split-screen .image-side img{max-height:375px}}.layout.single-screen{display:flex;min-height:100vh}.layout.single-screen .main-content{width:100%;display:flex;justify-content:center}@media only screen and (min-width:1200px){.layout.single-screen .main-content{align-items:center}}.layout.single-screen .main-content .container{width:100%;max-width:480px}form.form-default{display:flex;flex-direction:column;gap:8px}form.form-default label{display:none}form.form-default input{border-radius:5px;border:1px solid rgba(0, 0, 0, 0.1);color:#000000;font-size:14px;font-weight:400;padding:12px 13px;width:100%}form.form-default input::placeholder{color:rgba(0, 0, 0, 0.5)}form.form-profile .form-floating .form-control,form .form-password-reset .form-floating .form-control{font-family:"Open Sans", sans-serif;font-size:14px;font-weight:600;line-height:1.2143;padding:13px 17.5px;height:45px;min-height:45px;background-color:#DBDDE7;text-align:left}form.form-profile .form-floating .form-control:not(:placeholder-shown),form .form-password-reset .form-floating .form-control:not(:placeholder-shown){color:#212C65;padding:22px 17.5px 6px 17.5px !important}form.form-profile .form-floating .form-control:not(:placeholder-shown)~label,form .form-password-reset .form-floating .form-control:not(:placeholder-shown)~label{top:2px;font-size:11px !important}form.form-profile .form-floating .form-control:focus,form .form-password-reset .form-floating .form-control:focus{color:#212C65;padding:22px 17.5px 6px 17.5px !important}form.form-profile .form-floating .form-control:focus~label,form .form-password-reset .form-floating .form-control:focus~label{top:2px;font-size:11px !important}form.form-profile .form-floating .form-control[readonly],form .form-password-reset .form-floating .form-control[readonly]{filter:grayscale(0.5) opacity(0.7)}form.form-profile .form-floating .form-control::-webkit-date-and-time-value,form .form-password-reset .form-floating .form-control::-webkit-date-and-time-value{text-align:left !important}form.form-profile .form-floating .form-control[disabled]::-webkit-datetime-edit-fields-wrapper div,form .form-password-reset .form-floating .form-control[disabled]::-webkit-datetime-edit-fields-wrapper div{color:#212C65 !important}form.form-profile .form-floating .form-control.textarea,form .form-password-reset .form-floating .form-control.textarea{height:500px;min-height:500px}form.form-profile .form-floating.upload-container,form .form-password-reset .form-floating.upload-container{position:relative;width:100%;text-align:center;cursor:pointer;transition:border 0.3s ease-in-out;background-color:#DBDDE7;border-radius:5px}form.form-profile .form-floating.upload-container input,form .form-password-reset .form-floating.upload-container input{display:none}form.form-profile .form-floating.upload-container input[readonly]~.drop-zone,form .form-password-reset .form-floating.upload-container input[readonly]~.drop-zone{filter:grayscale(0.5) opacity(0.7)}form.form-profile .form-floating.upload-container .drop-zone,form .form-password-reset .form-floating.upload-container .drop-zone{padding:45px 17.5px 17.5px 17.5px;text-align:right}form.form-profile .form-floating.upload-container .drop-zone.dragging .image-wrapper,form .form-password-reset .form-floating.upload-container .drop-zone.dragging .image-wrapper{border:#212C65 !important;background-color:#7E84A6 !important}form.form-profile .form-floating.upload-container .preview-icon,form .form-password-reset .form-floating.upload-container .preview-icon{position:absolute;top:15px;right:17.5px;font-size:12px;color:#252c5f;font-weight:600}form.form-profile .form-floating.upload-container .image-wrapper,form .form-password-reset .form-floating.upload-container .image-wrapper{background-color:#FFFFFF;border-radius:5px;overflow:hidden;width:100%;aspect-ratio:1;margin-bottom:10px}form.form-profile .form-floating.upload-container .preview-image,form .form-password-reset .form-floating.upload-container .preview-image{background-color:#FFFFFF;width:100%;aspect-ratio:1;object-fit:cover}form.form-profile .form-floating.upload-container p,form .form-password-reset .form-floating.upload-container p{margin-bottom:unset;text-align:left}form.form-profile .form-floating label,form .form-password-reset .form-floating label{color:#7E84A6 !important;font-family:"Open Sans", sans-serif !important;font-size:14px !important;font-weight:400;line-height:1.2143;padding:13px 17.5px}form.form-profile .form-floating label::after,form .form-password-reset .form-floating label::after{background-color:transparent !important}.dashboard-content .navigation.sticky{width:calc(100% - 240px)}@media only screen and (min-width:1200px){.dashboard-content .navigation .nav-item.back{display:none !important}}@media only screen and (min-width:1200px){.dashboard-content .navigation .pagetitle{display:none !important}}.navigation{background-color:#FFFFFF;border-bottom:1px solid rgba(0, 0, 0, 0.1)}.navigation.sticky{position:-webkit-sticky;position:fixed;top:0;z-index:1020;width:100%}@media only screen and (max-width:1199px){.navigation.sticky{width:100% !important}}.navigation .container-fluid{padding:0 50px}@media only screen and (max-width:1199px){.navigation .container-fluid{padding:0 20px}}.navigation .container-fluid .inner{height:48px;display:flex;align-items:center;justify-content:space-between}@media only screen and (min-width:768px){.navigation .container-fluid .inner{height:54px}}@media only screen and (min-width:1200px){.navigation .container-fluid .inner{height:70px}}.navigation .container-fluid .inner .nav-item{flex:2;display:flex;justify-content:center}@media only screen and (max-width:767px){.navigation .container-fluid .inner .nav-item{flex:1}}.navigation .container-fluid .inner .nav-item:first-child .nav-item-button{margin-right:auto;border:unset;background:unset;padding-left:0}.navigation .container-fluid .inner .nav-item:last-child .nav-item-button{margin-left:auto;gap:15px;flex-direction:row;width:unset;height:unset}.navigation .container-fluid .inner .nav-item .nav-item-button{color:#212C65;text-decoration:unset;display:flex;height:40px;width:40px;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.navigation .container-fluid .inner .pagetitle{flex:3;color:#212C65;font-family:"Open Sans", sans-serif;font-size:16px;font-weight:700;line-height:1.375;display:flex}@media only screen and (max-width:767px){.navigation .container-fluid .inner .pagetitle{flex:5}}.navigation .container-fluid .inner .profile .user{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}@media only screen and (max-width:767px){.navigation .container-fluid .inner .profile .user{display:none}}.navigation .container-fluid .inner .profile .user .firstname,.navigation .container-fluid .inner .profile .user .lastname{font-size:16px;font-weight:700;line-height:1.25;margin-bottom:1px}.navigation .container-fluid .inner .profile .company{font-size:16px;font-weight:400;line-height:0.9;margin-bottom:1px;text-transform:capitalize}.navigation .container-fluid .inner .profile img{width:38px;aspect-ratio:1;border-radius:50px;object-fit:cover}.dashboard-content{width:100%;padding-left:240px;padding-right:0;will-change:auto;display:flex;flex-direction:column;min-height:100vh}@media only screen and (max-width:1199px){.dashboard-content{padding-left:unset;padding-bottom:140px}}@media only screen and (max-width:767px) and (display-mode:standalone){.dashboard-content{padding-bottom:100px !important}}.dashboard-content .body{margin-top:78px;flex-grow:1}@media only screen and (min-width:768px){.dashboard-content .body{margin-top:84px}}@media only screen and (min-width:1200px){.dashboard-content .body{margin-top:120px}}.dashboard-content .body .container-fluid{padding:0 50px}@media only screen and (max-width:1199px){.dashboard-content .body .container-fluid{padding:0 20px}}@media only screen and (min-width:1200px){.dashboard-content .body .container-fluid .col-content .inner.inner-small{max-width:484px}}.dashboard-content .body .container-fluid .col-content .pagetitle{display:none;margin-bottom:20px}@media only screen and (min-width:1200px){.dashboard-content .body .container-fluid .col-content .pagetitle{display:block}}.dashboard-content .body .container-fluid .col-content .pagetitle .username{font-weight:400}.dashboard-content .body .container-fluid .col-content .pagetitle:has(.username){display:block;margin-bottom:0 !important}.dashboard-content .body .container-fluid .col-content .contact-email{font-weight:400}.dashboard-content .body .container-fluid .col-content .pageintro{font-weight:700}.dashboard-content .body.dashboard-documents #response,.dashboard-content .body.dashboard-documents #response a{padding:10px 0px;color:green}.dashboard-content .body.dashboard-documents .error{color:red !important}@media only screen and (max-width:1199px){.page-template-homepage-welcome .col-content{padding-top:50px;padding-bottom:50px}}.page-template-homepage-welcome .content{margin-bottom:25px}.page-template-homepage-welcome .content h1{margin-bottom:5px}@media only screen and (max-width:1199px){.page-template-homepage-login .col-content{padding-top:50px;padding-bottom:50px}}.page-template-homepage-login .content{margin-bottom:25px}.page-template-homepage-login .content h1{margin-bottom:5px}.page-template-homepage-login form{margin-bottom:10px}.page-template-homepage-login .password-forgotten{color:#000000;font-size:12px}@media only screen and (max-width:1199px){.page-template-password-forgotten .col-content{padding-top:50px;padding-bottom:50px}}.page-template-password-forgotten .content{margin-bottom:25px}.page-template-password-forgotten .content h1{font-size:18px;margin-bottom:5px}.page-template-password-forgotten .content p:not(:last-of-type){margin-bottom:10px}@media only screen and (max-width:1199px){.page-template-password-reset .col-content{padding-top:50px;padding-bottom:50px}}.page-template-password-reset .content{margin-bottom:25px}.page-template-password-reset .content h1{font-size:18px;margin-bottom:5px}.page-template-password-reset .content p:not(:last-of-type){margin-bottom:10px}.dashboard-profile .col-employee-card{display:block;margin-bottom:15px}@media only screen and (min-width:1200px){.dashboard-profile .col-employee-card{display:none}}.dashboard-profile .col-employee-card .inner{background-color:#FFFFFF;border:1px solid #F0F1F5;border-radius:10px;padding:15px;display:flex;flex-direction:row;gap:15px;text-decoration:unset}.dashboard-profile .col-employee-card .inner .item-code{flex:0 0 58px}.dashboard-profile .col-employee-card .inner .item-content{flex:1}.dashboard-profile .col-employee-card .inner .item-content .description{margin-bottom:0}.dashboard-profile .details-container{background-color:#F0F1F5;padding:20px;border-radius:10px;margin-bottom:20px}@media only screen and (min-width:1200px){.dashboard-profile .details-container{border-radius:20px}}.dashboard-profile .details-container .inner{display:flex;flex-direction:column;gap:10px}.dashboard-profile .details-container .inner .container-header{display:flex;flex-direction:row;justify-content:space-between;height:19px;align-items:center}.dashboard-profile .details-container .inner .container-header .title{color:#212C65;font-family:"Open Sans", sans-serif;font-size:15px;font-weight:700;line-height:1.3571}.dashboard-profile .details-container .inner .container-body{display:flex;flex-direction:column;gap:8px}.dashboard-profile .details-container .inner .container-body .account-status{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:400;line-height:1.3571}.dashboard-employee-card .details-container{background-color:unset;padding:unset;border-radius:unset;margin-bottom:unset}.dashboard-employee-card .employee-data{display:flex;flex-direction:column;gap:30px}.dashboard-employee-card .employee-data .employee-code{display:flex;justify-content:center}.dashboard-employee-card .employee-data .employee-data{background-color:#F0F1F5;padding:20px;border-radius:10px;margin-bottom:20px}.col-schedule-grid .col-card{margin-bottom:16px}.col-schedule-grid .event-card{border:1px solid #e0e3eb;border-radius:5px;padding:15px;background:#fff;cursor:pointer;display:block;text-decoration:unset;height:100%}.col-schedule-grid .event-badge{display:inline-block;background:#2f3b73;color:#fff;font-family:"Open Sans", sans-serif;font-size:11px;font-weight:600;padding:5px 12px;border-radius:999px;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px}.col-schedule-grid .event-title{font-family:"Open Sans", sans-serif;font-size:14px;font-weight:700;color:#2d3559;margin-bottom:8px}.col-schedule-grid .event-meta{display:flex;flex-direction:column;gap:4px}.col-schedule-grid .event-meta-row{display:flex;align-items:baseline;font-family:"Open Sans", sans-serif;font-size:13px;color:#3f4a6b;gap:10px;flex-direction:row}.col-schedule-grid .event-meta-row .icon{width:22px;margin-right:8px;opacity:0.7}.col-werkinstructies .documents-wrapper{margin-bottom:20px}@media only screen and (min-width:1200px){.col-werkinstructies .documents-wrapper{margin-bottom:80px}}.col-werkinstructies .inner-documents{background-color:#F0F1F5;border-radius:10px;display:flex;flex-direction:column}.col-werkinstructies .inner-documents .sidebar-section{padding:15px}@media only screen and (min-width:1200px){.col-werkinstructies .inner-documents .sidebar-section.hidedesktop{display:none}}.col-werkinstructies .inner-documents .sidebar-section:not(:last-of-type){border-bottom:1px solid #DBDDE7}.col-werkinstructies .inner-documents .sidebar-section .section-title{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:600;margin-bottom:10px}.col-werkinstructies .inner-documents .sidebar-section .inner-data{display:flex;flex-direction:column;gap:8px}.col-werkinstructies .inner-documents .sidebar-section .inner-data a{color:#212C65}.col-werkinstructies .inner-documents .sidebar-section .document{background-color:#DBDDE7;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;text-decoration:unset;color:#212C65;font-family:"Inter", sans-serif;font-size:13px;font-weight:400;padding:15px}.col-checkins .checkins{display:flex;flex-direction:row;gap:16px;margin-bottom:20px}@media only screen and (min-width:1200px){.col-checkins .checkins.hidedesktop{display:none}}.col-checkins .checkins .checkin-button{border-radius:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex:0 0 calc(50% - 8px);width:50%;height:100px;color:#FFFFFF;font-family:"Open Sans", sans-serif;font-size:15px;font-weight:600;text-decoration:unset}.col-checkins .checkins .checkin-button.checkin{background-color:#109A20}.col-checkins .checkins .checkin-button.checkout{background-color:#CD0000}.col-checkins .checkins .checkin-button.disabled{pointer-events:none;opacity:0.3}.col-checkins .checkin-wrapper{background-color:#F0F1F5;border-radius:10px;display:flex;flex-direction:column;padding:15px}@media only screen and (min-width:1200px){.col-checkins .checkin-wrapper.hidedesktop{display:none}}.col-checkins .checkin-wrapper .section-title{color:#212C65;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:600}.col-checkins .checkin-wrapper .section-description{color:#212C65;font-family:"Inter", sans-serif;font-size:13px;font-weight:400}.dashboard-clocking .col-employeeclocking .inner .component{background-color:#F0F1F5;border-radius:10px;padding:25px}.dashboard-clocking .col-employeeclocking .inner .component:first-of-type{margin-bottom:16px}.dashboard-clocking .col-employeeclocking .inner .userdata{margin-top:75px}.dashboard-clocking .col-employeeclocking .inner .userdata .profile-image{display:flex;justify-content:center;margin-top:-100px}.dashboard-clocking .col-employeeclocking .inner .userdata .profile-image img{border-radius:10px;overflow:hidden}@media only screen and (max-width:767px){.dashboard-clocking .col-employeeclocking .inner .userdata .profile-image img{aspect-ratio:1;max-width:200px}}.dashboard-clocking .col-employeeclocking .inner .userdata .profile-data{padding-top:20px}.dashboard-clocking .col-employeeclocking .inner .userdata .profile-data .fullname{color:#212C65;font-family:"Open Sans", sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:normal}.dashboard-clocking .col-employeeclocking .inner .userdata .profile-data p.eventrole{font-size:14px;font-weight:400}.dashboard-clocking .col-employeeclocking .inner .userdata .divider{border-top:1px solid #DBDDE7;padding-bottom:16px}.dashboard-clocking .col-employeeclocking .inner .userdata .eventdata .label{color:#212C65;font-family:"Open Sans", sans-serif;font-size:15px;font-style:normal;font-weight:700;line-height:normal}.dashboard-clocking .col-employeeclocking .inner .userdata .eventdata .value{margin-bottom:0;font-size:14px;font-weight:400}.dashboard-clocking form{display:flex;flex-wrap:wrap;gap:16px}.dashboard-clocking form .form-group.date-group{display:flex;flex-direction:column;gap:8px;flex:0 0 calc(100%)}.dashboard-clocking form .form-group.date-group select{border-radius:5px;border:unset;color:#212C65;font-family:"Open Sans", sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:22px;padding:15px 20px}.dashboard-clocking form .form-group.time-group{display:flex;flex-direction:column;gap:8px;flex:0 0 calc(100%)}.dashboard-clocking form .form-group.time-group #decrease-time{background-color:#212C65;border-radius:5px 0 0 5px;border:unset;color:#FFFFFF;touch-action:manipulation;height:52px !important;aspect-ratio:1}.dashboard-clocking form .form-group.time-group #increase-time{background-color:#212C65;border-radius:0 5px 5px 0;border:unset;color:#FFFFFF;touch-action:manipulation;height:52px !important;aspect-ratio:1}.dashboard-clocking form .form-group.time-group input[type="time"]{border-radius:unset;border:unset;pointer-events:none;width:100% !important;color:#212C65;font-family:"Open Sans", sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:22px;padding:15px 20px}.dashboard-clocking form .form-group.check-group{display:flex;flex-direction:column;gap:8px;flex:0 0 100%}.dashboard-clocking form .form-group.notes-group{display:flex;flex-direction:column;gap:8px;flex:0 0 100%}.dashboard-clocking form .form-group.notes-group textarea{display:block;width:100%;border-radius:5px;border:unset;font-size:14px;font-family:"Sofia Sans", sans-serif;font-weight:400;color:#212C65}.dashboard-clocking form .form-group.button-group{display:flex;flex-direction:column;gap:8px;flex:0 0 100%}.dashboard-clocking form .form-group .group-label{color:#212C65;font-family:"Open Sans", sans-serif;font-size:15px;font-style:normal;font-weight:700;line-height:normal}.dashboard-clocking form .form-group .group-label.labe-materials{margin-bottom:-8px}.dashboard-clocking form .form-group .group-label .label-description{margin-bottom:0}.dashboard-clocking form .form-switch{background-color:#DBDDE7;border-radius:5px;display:flex;flex-direction:row;gap:15px;text-decoration:unset;color:#212C65;font-family:"Inter", sans-serif;font-size:14px;font-weight:600;padding:12.25px 15px 12.25px 50px;margin-bottom:0;align-items:center}.dashboard-clocking form .form-switch .form-check-input{width:45px;height:24px;outline:unset;box-shadow:unset}.dashboard-clocking form .form-switch .form-check-input:checked{background-color:#212C65;border-color:#212C65}.dashboard-clocking form .buttongroup{margin-top:20px}.dashboard-hours .bv-filter{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.dashboard-hours .bv-filter .form-check-input:checked{background-color:#212C65;border-color:#212C65}.dashboard-hours .bv-filter label{color:#212C65;font-family:"Inter", sans-serif;font-size:14px;font-weight:400}@media only screen and (min-width:1200px){.dashboard-hours #customTable_wrapper{margin-top:unset}}