.mainSite label:has(.toolTipHolder){position:relative;width:100%}.mainSite .toolTipHolder .toolTip{opacity:0;width:0;height:0;padding:0;overflow:hidden;transition:opacity .5s ease-in-out;position:absolute;right:auto;font-size:15px;background-color:var(--color-white);border-radius:5px;box-shadow:1px 0 10px #ccc;z-index:1;top:1.75rem;left:0;margin-left:0;color:var(--color-black);font-family:var(--mainFont);font-weight:400}.mainSite .toolTipHolder .toolTip.visible{opacity:1;display:block;width:100%;height:unset;padding:.5rem}.mainSite .alert.alert-danger{position:relative}.mainSite .alert.alert-danger:has(.counter){display:flex;flex-direction:row;justify-content:space-between;align-items:center}.mainSite .alert.alert-danger .counter{background-color:rgba(0,0,0,.05);width:40px;height:40px;text-align:center;padding:.5rem;border-radius:50%}.mainSite .accountPage .subMenu{display:flex;flex-direction:row;gap:1rem;width:100%;margin-bottom:0}.mainSite .accountPage .subMenu>li{list-style:none;padding:5px;height:50px;min-width:calc(33.33% - 22px);padding:0}.mainSite .accountPage .subMenu>li>a{background-color:#f4f4f4;width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:7px 7px 0 0;box-shadow:inset 0 -5px 7px 0 rgba(0,0,0,.05);border-bottom:0;font-size:.8em;font-weight:400;height:50px;padding:15px}.mainSite .accountPage .subMenu>li>a:hover{background-color:#f9f9f9;text-decoration:none}.mainSite .accountPage .subMenu>li>a.active{background-color:#f9f9f9;box-shadow:none}.mainSite .accountPage .subMenu>li>a i{font-size:1.2em}.mainSite .accountPage .subMenu>li>a .omschrijving{display:none;margin-left:5px}.mainSite .accountPage:has(.subMenu) .contentBlock{margin-top:0}.mainSite .accountPage #klantenAccordion .accordion-item{border-radius:12px;margin-bottom:1rem;border:none}.mainSite .accountPage #klantenAccordion .accordion-item .accordion-button{border-radius:12px;border:none;display:flex;flex-wrap:wrap;align-items:flex-start}.mainSite .accountPage #klantenAccordion .accordion-item .accordion-button:not(.collapsed){background-color:rgba(var(--color-prim-rgb),.7);color:#000;font-weight:500}.mainSite .accountPage #klantenAccordion .accordion-item .accordion-button:not(.collapsed)::after{filter:brightness(0)}.mainSite .accountPage #klantenAccordion .accordion-item .accordion-button:focus{box-shadow:none}.mainSite .accountPage #klantenAccordion .accordion-item .accordion-button .status{color:#8d6840;background-color:#fad5ae;padding:3px 7px;font-size:.8em;border-radius:25px;margin-top:5px;font-weight:600}.mainSite .accountPage #klantenAccordion .accordion-item .table th{font-weight:600}.mainSite .accountPage #klantenAccordion .accordion-item .form-group .form-control,.mainSite .accountPage #klantenAccordion .accordion-item .form-group .form-select{border:1px solid #e7e7e7}.mainSite .accountPage #klantenAccordion .accordion-item .rightBtn{margin-top:2rem;flex-wrap:wrap;margin-bottom:0}.mainSite .accountPage #klantenAccordion .accordion-item .rightBtn .btn-group,.mainSite .accountPage #klantenAccordion .accordion-item .rightBtn>.cta{width:100%}.mainSite .accountPage #klantenAccordion .accordion-item .rightBtn .btn-group>.cta{width:100%}.mainSite .accountPage #koppelForm .form-group{margin-top:1rem;display:flex;flex-direction:row;gap:1rem}.mainSite .accountPage #koppelForm .form-group .cta{border:none;min-width:50px;height:57px}.mainSite .accountPage #koppelForm #zoekresultaten{margin-top:2rem}.mainSite .accountPage #koppelForm .koppelZoekResultaat .content{display:flex;flex-direction:column;gap:1rem}.mainSite .accountPage #koppelForm .koppelZoekResultaat .content .zoekResultaat{background-color:var(--color-white);padding:1.5rem;width:100%;border-radius:12px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.mainSite .accountPage #koppelForm .koppelZoekResultaat .content .zoekResultaat .info{width:100%}.mainSite .accountPage #koppelForm .koppelZoekResultaat .content .zoekResultaat .actions{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:1.5rem;margin-top:1.5rem}.mainSite .accountPage #koppelForm .koppelZoekResultaat .content .zoekResultaat .actions .cta{height:59px}.mainSite .accountPage #koppelForm .koppelZoekResultaat .content .zoekResultaat .actions .form-floating select{background-color:#f8f8f8;padding:1.625rem 12px .625rem 12px;min-width:250px}.mainSite .accountPage #koppelForm .koppelZoekResultaat .content .zoekResultaat .actions .form-floating label{position:absolute;font-family:var(--secFont);font-size:1em;padding-right:2rem}.mainSite .accountPage #koppelForm .koppelZoekResultaat .content .zoekResultaat .actions .form-floating label::after{background-color:#f8f8f8}.mainSite .contentBlock label{font-size:1.2rem;font-weight:400;position:relative;font-family:var(--mainFont)}.mainSite main{min-height:100vh}.mainSite main:has(.loginScreen,.regiScreen){display:flex;padding:2rem;background:var(--color-prim) url(/image/accountWave.svg) no-repeat center bottom;height:100%;width:100%;justify-content:center;align-items:center}.mainSite main:has(.loginScreen,.regiScreen):has(.cmkLoginBtn){padding:5rem 2rem 2rem}.mainSite .page{padding-bottom:0}.mainSite .accountPage:has(table){padding-bottom:4rem}.mainSite .alert{border-radius:12px}.loginScreen .formType-group{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.loginScreen .formType-group label{width:100%}.loginScreen .formType-group label input:checked{position:relative}.loginScreen form .form-control,.loginScreen form .form-select{background-color:#f9f9f9;padding:1rem .75rem}.loginScreen form .form-control:focus,.loginScreen form .form-control:focus label,.loginScreen form .form-select:focus{background-color:#f9f9f9}.loginScreen form label{color:#b8b8b8;position:absolute;font-family:var(--secFont);font-size:1rem;font-weight:300}.loginScreen form label::after{background-color:#f9f9f9!important}.loginScreen{width:100%;height:100%;background-color:var(--color-white);border-radius:24px;padding:2rem;position:relative}.loginScreen>div{width:100%;display:flex;flex-direction:column;align-items:start;column-gap:0;height:100%}.loginScreen .help{position:absolute;right:-2rem;top:4rem;background-color:var(--color-white);border-top-right-radius:12px;border-bottom-right-radius:12px;width:2rem;height:4rem;display:flex;justify-content:center;align-items:center;color:var(--color-prim);font-family:'Josefin Sans';font-size:20px;font-weight:700;box-shadow:inset 8px 0 16px 0 rgba(0,0,0,.08);cursor:help;transition:all .3s}.loginScreen .help:hover{text-decoration:none;width:2.2rem;right:-2.2rem}.loginScreen .imgWrapper{width:100%;display:flex;justify-content:center;margin-bottom:4rem}.loginScreen h1{font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.loginScreen .form{width:100%}.loginScreen .form .form-floating:has(.viewPassBtn) input{padding-right:3rem}.loginScreen .form .form-floating .viewPassBtn{color:#b8b8b8;position:absolute;right:1rem;top:1rem;padding-right:1px}.loginScreen .form .form-floating:has(input[type=text]) .viewPassBtn{padding-right:0}.loginScreen .form .form-floating:has(input[type=text]) .viewPassBtn i:before{content:"\f070"}.loginScreen .form #loginForm{display:flex;flex-direction:column;gap:.75rem}.loginScreen .buttons{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:end;gap:.5rem}.loginScreen .buttons>.passwordReset{margin:0;color:var(--color-ter);font-size:16px}.loginScreen .accAanmaken,.loginScreen .accInloggen{font-weight:700;color:var(--color-prim);font-family:'Josefin Sans';font-size:1.2rem;line-height:1.4;margin-block:3rem 0}.loginScreen .accAanmaken a,.loginScreen .accInloggen a{text-decoration:underline;color:var(--color-prim)}.regiScreen{width:100%;height:100%}.regiScreen #registerForm{display:flex;flex-direction:column;gap:1.25rem;overflow:hidden}.regiScreen #registerForm .slideRegister{display:flex;flex-direction:row;gap:1.25rem;width:calc(200% + 1.25rem);transition:all .5s ease-in-out}.regiScreen #registerForm .slideRegister>div{width:calc(50% - .625rem);height:fit-content}.regiScreen #registerForm .slideRegister>div:last-of-type{width:0;height:0;opacity:0;transition:all .5s ease-in-out}.regiScreen #registerForm .slideRegister.slide{transform:translateX(calc(-50% - .6125rem))}.regiScreen #registerForm .slideRegister.slide>div:last-of-type{width:calc(50% - .625rem);opacity:1;height:fit-content}.regiScreen #registerForm .formGrid{display:flex;flex-direction:column;gap:.75em}.regiScreen .buttons{justify-content:end}.regiScreen .buttons .slideBtns{display:flex;justify-content:space-between;width:100%}.loginScreen .invalid-feedback{text-align:left}.mainSite .accountPage tbody>tr{position:relative}.mainSite .accountPage #orderBlad .card{height:100%}.mainSite .accountPage #orderBlad tr.childRow td{background-color:rgba(var(--color-ter-rgb),.35);line-height:1.3rem;font-weight:300}.mainSite .accountPage .orderTable{text-wrap:nowrap}.mainSite .accountPage .nav{border-color:#ddd;margin-bottom:1rem}.mainSite .accountPage .nav .nav-item .nav-link{color:var(--color-black);font-weight:700;text-decoration:none}.mainSite .table.accounts .btn.edit{min-width:100%;font-size:1em;padding:10px}.mainSite .table.accounts td:first-of-type{font-weight:700}.mainSite .table.accounts tr:has(td.noResults){border:none}.mainSite .accounts thead{display:none;flex-direction:column;width:100%}.mainSite .accounts thead tr,.mainSite .accounts tr:has(td.noResults){pointer-events:none}.mainSite .accounts thead tr{border:none}.mainSite .accounts td,.mainSite .accounts th{padding:10px 14px;border:none;background-color:unset;display:flex;align-content:space-around;flex-wrap:wrap}.mainSite .accounts tr{border-radius:12px;border:solid 1px rgba(184,184,184,.48);display:block;flex-direction:row;width:100%;margin-bottom:1rem;padding:11px}.mainSite .table.accounts td{padding:5px 5px}.mainSite .accounts tr:hover{border-color:var(--color-sec);background-color:var(--color-sec)}.mainSite .accounts tr:hover td{color:var(--color-white)}.mainSite .cmkLoginBtn{left:2rem}@media (min-width:576px){.loginScreen,.regiScreen{padding:3rem}.loginScreen h1{font-size:2rem;line-height:1.4}.loginScreen .buttons{flex-direction:row;align-items:center}}@media (min-width:768px){.loginScreen{min-width:500px;width:32%;min-height:700px;padding:40px 72px}.loginScreen .imgWrapper{margin-bottom:8rem}.loginScreen .form #loginForm{gap:1.25rem}.regiScreen{width:64%}.loginScreen .accAanmaken,.loginScreen .accInloggen{font-size:1.5rem}.mainSite .accountPage{padding:0}.mainSite .accountPage .subMenu>li{min-width:50px}.mainSite .accountPage .subMenu>li>a .omschrijving{display:inline}.mainSite .table.accounts thead th:last-of-type,.mainSite .table.accounts tr td:last-of-type:not(.noResults){width:100px}.mainSite .table.accounts .btn.edit{min-width:50px}.mainSite .toolTipHolder{position:relative}.mainSite .toolTipHolder .toolTip{left:calc(100% - 2rem);margin-left:3rem;top:-5px}.mainSite .toolTipHolder .toolTip.visible{width:350px}.mainSite .accountPage #klantenAccordion .accordion-item .accordion-button .naam{margin-right:1rem}.mainSite .accountPage #klantenAccordion .accordion-item .rightBtn .btn-group,.mainSite .accountPage #klantenAccordion .accordion-item .rightBtn>.cta{width:unset}.mainSite .cmkLoginBtn{left:unset}}@media (min-width:992px){.mainSite main:has(.loginScreen,.regiScreen){padding:0}.mainSite main:has(.loginScreen,.regiScreen):has(.cmkLoginBtn){padding:0}.loginScreen{min-height:80vh;height:max-content;margin:5vh}.regiScreen{min-width:880px}.regiScreen #registerForm .formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.mainSite .accounts tr{margin-bottom:5px}.mainSite .table.accounts thead{display:flex}.mainSite .table.accounts tr{display:flex;padding:0}.mainSite .table.accounts td:first-of-type{font-weight:unset}.mainSite .table.accounts td,.mainSite .table.accounts th{width:calc(50% - 30px);padding:10px 14px}.mainSite .table.accounts td:last-of-type,.mainSite .table.accounts th:last-of-type{width:60px;display:flex;justify-content:flex-end}}@media (min-width:1200px){.loginScreen .formType-group{width:calc(50% - .65rem)}.loginScreen .formType-group label{width:fit-content}}@media (min-width:1450px){.mainSite .accountPage #klantenAccordion .accordion-item .accordion-button .status{margin-top:0}}
/*# sourceMappingURL=account.min.css.map */