@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,300&display=swap');:root{--bs-font-sans-serif:system-ui,sans-serif;--bs-body-color:#054654;--bs-body-color-rgb:5,70,84;--bs-emphasis-color:#054654;--bs-emphasis-color-rgb:5,70,84;--bs-primary:#054654;--bs-primary-rgb:5,70,84;--bs-primary-bg-subtle:#cddadd;--bs-primary-border-subtle:#9bb5bb;--bs-primary-text-emphasis:#054654;--bs-heading-color:var(--bs-primary);--bs-light-rgb:var(--bs-primary-border-subtle);--bs-link-color:#1e5965;--bs-link-color-rgb:30,89,101;--bs-link-hover-color:#376b76;--bs-link-hover-color-rgb:55,107,118;--bs-focus-ring-color:var(--bs-primary-bg-subtle);--bs-accordion-btn-bg:#f00 !important;--bs-accordion-btn-color:var(--bs-primary-text-emphasis);.dropdown-menu{--bs-dropdown-link-active-bg:var(--bs-primary)}.btn-primary{--bs-btn-bg:var(--bs-primary);--bs-btn-border-color:var(--bs-primary);--bs-btn-hover-bg:var(--bs-link-hover-color);--bs-btn-hover-border-color:var(--bs-primary);--bs-btn-active-bg:var(--bs-primary-text-emphasis);--bs-btn-active-border-color:var(--bs-primary-text-emphasis);--bs-btn-disabled-bg:var(--bs-primary-text-emphasis)}.btn-outline-primary{--bs-btn-color:var(--bs-link-color);--bs-btn-border-color:var(--bs-link-color);--bs-btn-hover-bg:var(--bs-link-color);--bs-btn-hover-border-color:var(--bs-link-color)}.table-primary{--bs-table-color:var(--bs-body-color);--bs-table-bg:var(--bs-primary-bg-subtle);--bs-table-border-color:var(--bs-link-hover-color);--bs-table-striped-bg:var(--bs-primary-border-subtle);--bs-table-striped-color:var(--bs-table-color)}input.form-check-input:checked{background-color:var(--bs-primary);border-color:var(--bs-primary)}input.form-check-input:focus{border-color:var(--bs-primary-border-subtle);box-shadow:0 0 5 .25rem var(--bs-primary-bg-subtle) !important}.form-control:focus,.form-select:focus{border-color:var(--bs-primary-border-subtle)}button.nav-link,button.nav-link span{color:var(--bs-emphasis-color)}.page-title__help-icon i:hover{color:var(--bs-primary)}button.accordion-button{--bs-accordion-btn-focus-box-shadow:0 0 .25rem .25rem rgba(141,192,204,.25)}button.accordion-button.collapsed{--bs-accordion-btn-bg:#f5f4f4;--bs-accordion-btn-color:var(--bs-heading-color)}button.accordion-button.collapsed:hover{--bs-accordion-btn-bg:var(--bs-primary-bg-subtle)}.placeholder{background-color:var(--bs-primary-border-subtle)}i.placeholder{background-color:transparent;color:var(--bs-link-hover-color)}}::placeholder{color:#a4b3bf !important}body.boekenplank{--bs-primary:#00a2b3;--bs-primary-rgb:0,162,179;--bs-primary-bg-subtle:#ccecf0;--bs-primary-border-subtle:#99dae1;--bs-primary-text-emphasis:#00515a;--bs-link-hover-color:#4dbeca;--bs-link-hover-color-rgb:77,190,202;--bs-link-color:#00828f;--bs-link-color-rgb:0,130,143}body.klassen{--bs-primary:#148963;--bs-primary-rgb:20,137,99;--bs-primary-bg-subtle:#d0e7e0;--bs-primary-border-subtle:#a1d0c1;--bs-primary-text-emphasis:#083728;--bs-link-hover-color:#43a182;--bs-link-hover-color-rgb:67,161,130;--bs-link-color:var(--bs-primary);--bs-link-color-rgb:var(--bs-primary-rgb)}body.voortgang{--bs-primary:#8ba526;--bs-primary-rgb:139,165,38;--bs-primary-bg-subtle:#e8edd4;--bs-primary-border-subtle:#d1dba8;--bs-primary-text-emphasis:#38420f;--bs-link-hover-color:#aec067;--bs-link-hover-color-rgb:174,192,103;--bs-link-color:var(--bs-primary);--bs-link-color-rgb:var(--bs-primary-rgb)}body.licentie{--bs-primary:#eec84b;--bs-primary-rgb:238,200,75;--bs-primary-bg-subtle:#f7f0d9;--bs-primary-border-subtle:#efe1b4;--bs-primary-text-emphasis:#56481b;--bs-link-hover-color:#e3cb7b;--bs-link-hover-color-rgb:227,203,123;--bs-link-color:var(--bs-primary);--bs-link-color-rgb:var(--bs-primary-rgb)}body.edutheek{--bs-primary:#e16d32;--bs-primary-rgb:225,109,50;--bs-primary-bg-subtle:#f9e2d6;--bs-primary-border-subtle:#f3c5ad;--bs-primary-text-emphasis:#5a2c14;--bs-link-hover-color:#e78a5b;--bs-link-hover-color-rgb:231,138,91;--bs-link-color:var(--bs-primary);--bs-link-color-rgb:var(--bs-primary-rgb)}body.examens{--bs-primary:#e94b4e;--bs-primary-rgb:233,75,78;--bs-primary-bg-subtle:#fbdbdc;--bs-primary-border-subtle:#f6b7b8;--bs-primary-text-emphasis:#5d1e1f;--bs-link-hover-color:#ed6f71;--bs-link-hover-color-rgb:237,111,113;--bs-link-color:var(--bs-primary);--bs-link-color-rgb:var(--bs-primary-rgb)}
:root{--block-green:#1e8a62;--block-light-green:#8ea525;--block-yellow:#f0c94c;--block-red:#e94b4c}body{font-size:.875em;background:#f0f2f5}.btn-primary:disabled{background-color:#838383;border-color:#838383;color:#e3e3e3}.btn-primary:hover,.btn-primary:active,.btn-primary:focus{box-shadow:0 5px 10px rgba(24,96,104,.2)}.invalid-feedback{animation:shake .4s ease}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.content-container{padding-top:7rem}@media only screen and (max-height:600px){.content-container{padding-top:4rem}}@media only screen and (min-height:900px){.content-container{padding-top:12.5vh}}@media only screen and (max-width:750px){.content-container{padding-top:4rem}}.introduction{display:flex;max-width:550px;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.introduction h1{display:flex;align-items:center;gap:1rem;font-size:2.5rem;line-height:1;font-weight:400;letter-spacing:.4rem;margin:-2rem 0 0;text-transform:uppercase}.introduction .digiplein-icon{width:3rem}.introduction p{font-size:1rem;line-height:2rem;margin:0;text-align:center}.login-form{width:100%}.login-form h2{margin-bottom:1rem}.login-form hr{border-color:#ecedec;margin:1.5rem 0}input.password-input.form-control.is-invalid{background-position:right 45px center}form .eye-button{position:absolute;display:inline-block;height:25px;width:25px;cursor:pointer;top:35px;right:25px}