@charset "UTF-8";.container{height:100dvh;width:100%;display:flex;background-color:var(--background-color);color:#1e1e2f;user-select:none;overflow-y:auto;position:relative;justify-content:flex-end;overflow-x:hidden}.container .content{transition:width 1s;border:1px solid red}.mainContent{display:flex;flex-direction:column;width:100%;padding:1.5rem;top:0;right:0;height:calc(100dvh - 100px)}.mainContent .formContainer{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15}.mainContent .formContainer .formBox{position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-color:var(--box-color);color:var(--text-color);width:40%;max-width:500px;height:auto;z-index:90;display:flex;justify-content:center;align-items:center;border-radius:20px}@media(max-width:1300px){.mainContent .formContainer .formBox{width:50%}}@media(max-width:900px){.mainContent .formContainer .formBox{width:95%}}.mainContent .formContainer .formBox .form{width:100%;height:auto;padding:30px 0;border-radius:10px;background-color:var(--box-color);color:var(--text-color)}.mainContent .formContainer .formBox .form .headBox{width:100%;padding:30px;display:flex;justify-content:space-around;align-items:center;flex-direction:row}.mainContent .formContainer .formBox .form .headBox div{width:25%;text-align:center;font-weight:700;color:#727272}.mainContent .formContainer .formBox .form .headBoxNums{width:100%;padding:0 40px;display:flex;justify-content:space-around;z-index:5;position:relative}.mainContent .formContainer .formBox .form .headBoxNums div{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:var(--accent-color2);border-radius:20px;color:var(--button-text-color)}.mainContent .formContainer .formBox .form .headBoxNums .activeNum{background-color:var(--primary)}.mainContent .formContainer .formBox .form .line{width:100%;height:5px;background-color:var(--accent-color2);position:relative;top:-18px;z-index:1;margin-bottom:30px}.mainContent .formContainer .formBox .form .box,.mainContent .formContainer .formBox .form .validationBox{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin-bottom:20px}.mainContent .formContainer .formBox .form .box label,.mainContent .formContainer .formBox .form .validationBox label{width:40%;font-weight:700;margin-right:5px;position:relative}.mainContent .formContainer .formBox .form .box label span,.mainContent .formContainer .formBox .form .validationBox label span{position:absolute;color:red}.mainContent .formContainer .formBox .form .box .input-wrapper,.mainContent .formContainer .formBox .form .validationBox .input-wrapper{width:60%;display:flex;flex-direction:column;align-items:flex-start;position:relative}.mainContent .formContainer .formBox .form .box .input-wrapper .error,.mainContent .formContainer .formBox .form .validationBox .input-wrapper .error{color:red;font-size:12px;margin-top:4px;position:absolute;top:-20px}.mainContent .formContainer .formBox .form .box .input-wrapper input,.mainContent .formContainer .formBox .form .validationBox .input-wrapper input{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;width:100%}.mainContent .formContainer .formBox .form .box select,.mainContent .formContainer .formBox .form .validationBox select{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;width:60%}.mainContent .formContainer .formBox .form .btnBox{width:100%;padding:0 20px;display:flex;justify-content:space-between}.mainContent .formContainer .formBox .form .btnBox .cancel{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);background-color:var(--button-cancel);color:var(--button-text-color)}.mainContent .formContainer .formBox .form .btnBox .cancel:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.mainContent .formContainer .formBox .form .btnBox .Weiter{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);background-color:var(--button-resume);color:var(--button-text-color)}.mainContent .formContainer .formBox .form .btnBox .Weiter:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}@media(max-width:850px){.mainContent .formContainer .formBox{height:100%}}.mainContent .welcomeMessage{width:50%;position:fixed;top:100px;left:25%;background-color:var(--box-color);color:var(--text-color);padding:20px;z-index:10;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25);text-align:center;font-size:1.2rem;border:1px solid var(--text-color)}.mainContent .welcomeMessage .fa-xmark{width:30px;height:30px;background-color:var(--accent-color2);color:var(--text-color);display:flex;justify-content:center;align-items:center;opacity:.8;cursor:pointer;border-radius:50%;position:absolute;right:-10px;top:-10px;font-size:1.5rem}.mainContent .welcomeMessage .fa-xmark:hover{opacity:1}.mainContent .dashboardBox{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:calc(100% - 160px);min-height:500px;position:relative}.mainContent .dashboardBox .table{width:100%;height:100%}.mainContent .dashboardLogistics{display:flex;align-items:flex-start;justify-content:center;width:100%}.mainContent .dashboardLogistics .table{width:100%!important;height:100%;min-height:508px}.mainContent .dashboardLogistics .table .Columns .columnElement{width:calc(25% - 5px)}.mainContent .dashboardLogistics .table .rows .row .rowElement{width:25%}.mainContent .dashboardOffice{width:100%;height:calc(100dvh - 330px);min-height:590px;position:relative;display:flex;flex-direction:column}.mainContent .dashboardOffice.isFullscreen .table{height:0;overflow:hidden!important;opacity:0}.mainContent .dashboardOffice.isFullscreen .kontrollbelege{height:100%}.mainContent .dashboardOffice .table{flex:1;height:50%;width:100%!important;margin-bottom:5px;opacity:1;transition:opacity 1s ease-in-out}.mainContent .dashboardOffice .kontrollbelege{display:flex;flex-direction:column;height:50%;width:100%;min-height:250px;background-color:var(--box-color);box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:14px;color:var(--text-color);overflow:hidden;transition:height 1s ease-in-out}.mainContent .dashboardOffice .kontrollbelege .top{display:flex;flex-direction:row}.mainContent .dashboardOffice .kontrollbelege .top .arrow{padding:5px;cursor:pointer}.mainContent .dashboardOffice .kontrollbelege .top .arrow:hover{opacity:50%}.mainContent .dashboardOffice .kontrollbelege .top h3{padding:10px}.mainContent .dashboardOffice .kontrollbelege .kontrollBelegWrapper{height:calc(100% - 42px)}.mainContent .stats{flex-wrap:wrap;width:100%;gap:1.5rem;margin-bottom:1.5rem}.mainContent .stats,.mainContent .stats .dateBox{display:flex;align-items:center}.mainContent .stats .statBox{flex:1;height:150px;min-width:250px;background-color:var(--box-color);color:var(--text-color);padding:1rem;border-radius:14px;box-shadow:0 2px 6px rgba(0,0,0,.25);position:relative}.mainContent .stats .statBox .chart{position:absolute;top:17px;left:50%;width:auto!important;height:auto!important;overflow:none!important}.mainContent .stats .statBox i{position:absolute;right:15px;top:15px}.mainContent .stats .statBox .fa-cubes{background-color:rgba(255,166,0,.171);color:orange;padding:10px;border-radius:7px}.mainContent .stats .statBox .fa-ranking-star{background-color:rgba(253,51,51,.171);color:#ff6a6a;padding:10px;border-radius:7px}.mainContent .stats .statBox .Uhr{width:120px;height:120px;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2);background-color:#fff;border:3px solid rgba(68,75,94,.7607843137)}.mainContent .stats .statBox .datum{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:50px;font-weight:bolder;color:var(--text-color);user-select:none}.mainContent .stats .statBox .monat{padding:3px 10px;border-radius:10px;background-color:var(--accent-color);color:var(--button-text-color);display:inline-block;margin:5px 0;font-size:.9rem}.mainContent .stats .statBox .platz{height:32px}.mainContent .stats .statBox .wert{display:flex;justify-content:space-between;margin:10px 0;font-size:1rem;position:relative}.mainContent .stats .statBoxDarck{background-color:var(--accent-color);color:#fff}.mainContent .showTutorials{width:100%;height:100dvh;background-color:rgba(0,0,0,.26);z-index:9;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center}.mainContent .showTutorials .VideoBox{width:800px;height:700px;border-radius:20px;padding:20px;background-color:#fff}.mainContent .showTutorials .VideoBox .Video{width:100%;height:90%;background-color:#000;border-radius:20px}.mainContent .showTutorials .VideoBox .btnCont{width:100%;margin-top:20px;display:flex;justify-content:space-between}.mainContent .showTutorials .VideoBox .btnCont button{padding:10px;width:200px;font-size:16px;border-radius:10px;border:1px solid gray;cursor:pointer;opacity:.8}.mainContent .showTutorials .VideoBox .btnCont button:hover{opacity:1}.mainContent .showTutorials .VideoBox .btnCont .Überspringe{background-color:gray;color:#fff}.mainContent .showTutorials .VideoBox .btnCont .Weiter{background-color:#1e1b4b;color:#fff}.mainContent .expiredPlan{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding-bottom:1.5rem}.mainContent .expiredPlan h2{text-align:center;box-shadow:0 2px 6px rgba(106,14,14,.25);color:var(--text-color);padding:10px;border:1px solid var(--xmark-color);background-color:var(--box-color);width:500px;border-radius:14px}.mainContent .expiredPlan .plans{padding:0}@media(max-width:1300px){.mainContent{height:auto}.mainContent .stats{margin-bottom:0}.mainContent .stats .statBox .datum{font-size:40px}.mainContent .dashboardBox{flex-wrap:wrap;height:calc(700px + 1.5rem);margin-top:1.5rem;gap:1.5rem}.mainContent .dashboardBox .table{width:100%!important;height:400px}.mainContent .dashboardLogistics,.mainContent .dashboardOffice{margin-top:1.5rem}.fa-xmark{display:block}.stats{flex-wrap:wrap;height:auto}}@media(max-width:1000px){.mainContent{overflow-y:visible}.mainContent .dashboardOffice{height:50%;overflow-y:visible}.mainContent .dashboardOffice .table{flex:none}.mainContent .dashboardOffice .kontrollbelege{background-color:rgba(0,0,0,0);box-shadow:none;margin-top:1.5rem;height:100%;overflow:visible}.mainContent .dashboardOffice .kontrollbelege .top{background-color:var(--box-color);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.mainContent .dashboardOffice .kontrollbelege .top h3{padding:1.5rem}}@media(max-width:900px){.mainContent .dashboardBox{height:auto}}@media(max-width:500px){.mainContent .formContainer .formBox{width:100%;border-radius:0}.mainContent .formContainer .formBox .form .headBox div{font-size:.75rem}}.tutorialDashboardPage{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;gap:20px;flex-direction:column;justify-content:center;align-items:center}.tutorialDashboardPage .alertTut{text-align:center;width:auto;color:var(--xmark-color);box-shadow:1px 1px 10px 1px var(--xmark-color);border-radius:10px;padding:10px;background-color:var(--box-color)}.tutorialDashboardPage .tutorialsContainer{width:auto;height:auto;background-color:var(--box-color);color:var(--text-color);border-radius:20px;padding:1.5rem}.tutorialDashboardPage .tutorialsContainer .btnBox{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.tutorialDashboardPage .tutorialsContainer .btnBox .skipBtn{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);background-color:var(--button-cancel);color:#fff}.tutorialDashboardPage .tutorialsContainer .btnBox .skipBtn:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.tutorialDashboardPage .tutorialsContainer .btnBox .nextBtn{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);background-color:var(--button-resume)}.tutorialDashboardPage .tutorialsContainer .btnBox .nextBtn:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.tutorialDashboardPage .tutorialsContainer video{border-radius:20px;border:1px solid var(--line-color);height:500px}@media(max-width:500px){.tutorialDashboardPage .tutorialsContainer{max-height:90%}.tutorialDashboardPage .tutorialsContainer video{height:200px}}@font-face{font-family:SlimJim;src:url(/fonts/SlimJim.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.ttf) format("truetype");font-weight:500;font-style:normal}:root{--background-color:#eeeef1;--text-color:#302b2b;--accent-color:#5f5d68;--accent-color2:#cac8c4;--primary:#46464f;--box-color:#ffff;--box-color2:#e3e3e8;--line-color:#dfdede;--button-text-color:#ffffff;--checkmark-color:#5b9f67;--xmark-color:#9f3131;--button-cancel:#908c8b;--button-resume:#514d5e;--button-delete:#cc6c6c;--button-shadow:rgba(0,0,0,0.35);--missing-doc-color:#e1b5b5}.dark{--background-color:#121212;--text-color:#EAEAEA;--accent-color:#8b8b8b;--accent-color2:#3f3f3f;--primary:#646060;--box-color:#282828;--box-color2:#3f3b3b;--line-color:#555555;--button-text-color:#FFFFFF;--button-shadow:rgba(2,2,2,0.503);--checkmark-color:#80C28A;--xmark-color:#D17070;--button-cancel:#5A5858;--button-resume:#8C7A7A;--button-delete:#B85C5C;--missing-doc-color:#473838}body,html{max-width:100%;overflow-x:hidden}body{color:var(--text-color);background:var(--background-color);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}h1{font-size:1.7rem}h2{font-size:1.5rem}i{user-select:none}button:focus,input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--primary);box-shadow:0 2px 6px rgba(0,0,0,.25)!important}button::placeholder,input::placeholder,select::placeholder,textarea::placeholder{color:var(--accent-color2)}.validationBox .passwordHintPopup{position:absolute;font-size:.9rem;background-color:var(--button-delete);color:#fff;padding:5px;border-radius:14px;width:50%;right:0;top:80%;z-index:1}.validationBox .input-wrapper{width:calc(70% - .75rem);position:relative}.validationBox .input-wrapper .select,.validationBox .input-wrapper input{width:100%}.validationBox .input-wrapper .error{color:var(--xmark-color);position:absolute;top:-30px;right:10px;font-size:.7rem}.validationBox .input-wrapper .input-error{border:1px solid var(--xmark-color)!important}.validationBox .input-wrapper i{position:absolute;right:6px;top:50%;transform:translateY(-50%)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:14px;border:2px solid rgba(0,0,0,0);background-clip:content-box}::-webkit-scrollbar-track{background:var(--box-color);border:1px solid var(--line-color)}@media(max-width:800px){::-webkit-scrollbar{width:1px}}.login{height:100dvh;background:var(--background-color);font-family:Inter,sans-serif}.login,.login .formLogin{display:flex;justify-content:center;align-items:center;position:relative}.login .formLogin{width:40%;height:85%;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25);background:var(--box-color);flex-direction:column;padding:4rem 2rem;z-index:2}.login .formLogin svg{position:absolute;top:0;left:20px}.login .formLogin .loginLogo{position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:100px;background-color:var(--box-color);border-radius:50%;padding:5px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.login .formLogin .ICONLogo{position:absolute;width:100px;bottom:0;right:0;border-radius:20px}.login .formLogin .error{color:red;margin-bottom:20px;font-size:15px;text-align:center}.login .formLogin .AlertMsg{background-color:#e7ecf7;padding:35px 20px 20px;border-radius:10px;margin-bottom:20px;margin-top:25px;position:relative;font-size:14px;line-height:20px}.login .formLogin .AlertMsg .fa-check{position:absolute;background-color:#479e35;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:30px;color:#fff;top:-35%;left:calc(50% - 35px)}.login .formLogin h1{font-size:1.75rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem;z-index:3}.login .formLogin h2{font-weight:400;color:var(--text-color);margin-bottom:2rem;z-index:3}.login .formLogin p{font-size:.9rem;color:var(--text-color);margin-bottom:1rem;text-align:center}.login .formLogin form{width:100%}.login .formLogin .elementBlock{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1rem;position:relative}.login .formLogin .elementBlock i{position:absolute;top:35px;right:10px;color:gray;cursor:pointer}.login .formLogin .elementBlock i:hover{color:#000}.login .formLogin .elementBlock label{font-size:.85rem;font-weight:500;color:var(--text-color);margin-bottom:.5rem}.login .formLogin .elementBlock label span{color:#ef4444;margin-left:.25rem}.login .formLogin .elementBlock input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.95rem;color:#111827;background:var(--box-color2)}.login .formLogin .elementBlock input:focus{outline:none;border-color:var(--primary);box-shadow:0 2px 6px rgba(0,0,0,.25)}.login .formLogin .elementBlock input::placeholder{color:var(--primary)}.login .formLogin .elementBlock input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--box-color2) inset!important;-webkit-text-fill-color:var(--text-color)!important}.login .formLogin .forgetPassword{width:100%;text-align:right;font-size:.85rem;color:var(--button-resume);margin-bottom:1.5rem;cursor:pointer}.login .formLogin .forgetPassword:hover{text-decoration:underline}.login .formLogin button{display:flex;justify-content:center;align-items:center;width:100%;min-height:45px;padding:.75rem;margin-bottom:1rem;background:var(--primary);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s;position:relative}.login .formLogin button .loader{height:13px;aspect-ratio:5;-webkit-mask:linear-gradient(90deg,rgba(255,255,255,0),#c5c0c0 20% 80%,rgba(255,255,255,0));background:radial-gradient(closest-side at 37.5% 50%,#ccc6c6 94%,rgba(255,255,255,0)) 0/26.6666666667% 100%;animation:l48 .75s linear infinite;position:absolute;top:-7px}@keyframes l48{to{background-position:36.36%}}.login .formLogin button:hover{background:var(--primary)}.login .formLogin button:nth-of-type(2){height:40px;background:#fff;color:#374151;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;gap:.5rem}.login .formLogin button:nth-of-type(2) img{width:40px;height:30px}.login .formLogin button:nth-of-type(2):hover{background:#f3f4f6}.login .formLogin button:nth-of-type(3){height:40px;background:#fff;color:#374151;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;gap:.5rem}.login .formLogin button:nth-of-type(3) img{width:20px;height:20px}.login .formLogin button:nth-of-type(3):hover{background:#f3f4f6}.login .formLogin .orBox{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#9ca3af;font-size:.85rem;width:100%}.login .formLogin .orBox:after,.login .formLogin .orBox:before{content:"";flex:1;height:1px;background:#e5e7eb}.login .formLogin .orBox:before{margin-right:.75rem}.login .formLogin .orBox:after{margin-left:.75rem}.login .formLogin .registerBtn,.login .formLogin div:last-child{font-size:.85rem;color:#6b7280;margin-top:1.5rem}.login .formLogin .registerBtn span,.login .formLogin div:last-child span{color:#6366f1;cursor:pointer;margin-left:.25rem;font-weight:500}.login .formLogin .registerBtn span:hover,.login .formLogin div:last-child span:hover{text-decoration:underline}@media(max-height:800px){.login .formLogin{height:100%;border-radius:0}.login .formLogin svg{display:none}.login .formLogin .loginLogo{width:100px;transform:none;left:0;top:0;box-shadow:none;background-color:rgba(0,0,0,0)}}@media(max-width:1000px){.login .formLogin{width:100%}.login .formLogin h1{margin-top:50px}.login .formLogin h2{text-align:center;margin-bottom:1rem}.login .formLogin .ICONLogo{top:0;right:0;width:130px}}.table{width:calc(70% - .75rem);height:590px;border-radius:14px;background-color:var(--box-color);box-shadow:0 2px 6px rgba(0,0,0,.25);font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;color:var(--text-color)}.table .title{width:100%;padding:1.5rem;border-bottom:1px solid var(--line-color);display:flex;align-items:center;gap:10px}.table .title .fa-plus{background-color:var(--primary);width:25px;height:25px;color:var(--button-text-color);display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .5s;cursor:pointer;opacity:.8}.table .title .fa-plus:hover{opacity:1;transform:rotate(1turn)}.table .Columns{width:100%;background-color:var(--box-color2);border-bottom:1px solid var(--line-color);padding:.5rem 2.3rem .5rem 1.5rem}.table .Columns,.table .Columns .columnElement{display:flex;justify-content:flex-start;align-items:center}.table .Columns .columnElement{width:20%;font-size:1rem;font-weight:700}.table .Columns .columnElement i{width:25px;min-width:25px;height:25px;background-color:gray;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1rem;border-radius:50%;cursor:pointer;margin-right:5px}.table .Columns .pickupColumn{justify-content:center;text-align:center}.table .rows::-webkit-scrollbar{width:15px}.table .rows{width:100%;height:100%;overflow-y:scroll;z-index:0}.table .rows .row{width:100%;height:70px;background-color:var(--box-color);position:relative;padding:0 1.5rem;border-bottom:1px solid var(--line-color)}.table .rows .row,.table .rows .row .rowElement{display:flex;justify-content:flex-start;align-items:center}.table .rows .row .rowElement{width:20%;font-size:1rem}.table .rows .row .rowElement .fa-pen-to-square{margin-right:5px;cursor:pointer;font-size:15px}.table .rows .row .showMoreBtn{position:absolute;color:var(--text-color);height:100%;right:10px;display:none;background-color:rgba(0,0,0,0);border:none;text-align:center;font-weight:700}.table .rows .row .abholdatumBox{display:flex;flex-direction:column;justify-content:center;align-items:center}.table .rows .row .abholdatumBox .fa-calendar-days{cursor:pointer;font-size:18px;margin-bottom:5px}.table .rows .row .abholdatumBox .fa-calendar-days:hover{color:var(--accent-color2)}.table .rows .row .abholdatumBox .Abholdatum{color:var(--xmark-color);font-size:.75rem}.table .rows .row .abholdatumBox .Systemdatum{color:gray;font-size:.75rem}.table .rows .row .abholdatumBox .check{color:var(--checkmark-color);display:flex;flex-direction:row}.table .rows .row .abholdatumBox .check .fa-check{min-width:18px;height:18px;background-color:var(--checkmark-color);border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;margin-right:2px}.table .rows .row .fa-ellipsis-vertical{position:absolute;top:50%;transform:translateY(-50%);right:10px;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;gap:5px}.table .rows .row .fa-ellipsis-vertical:hover{background-color:var(--box-color2)}.table .rows .row .editBox{position:absolute;top:23px;right:45px;background-color:var(--box-color);box-shadow:0 5px 15px var(--button-shadow);display:flex;flex-direction:row;padding:5px;border-radius:5px;width:50px;gap:5px}.table .rows .row .editBox i{font-size:1rem;cursor:pointer;opacity:1}.table .rows .row .editBox i:hover{opacity:.5}@-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-moz-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:1300px){.table{width:100%;margin-right:0}.table .Columns div:nth-child(4),.table .rows .row .fa-ellipsis-vertical,.table .rows .row div:nth-child(4){display:none}.table .rows .row .showMore,.table .rows .row .showMoreBtn{display:block}}@media(max-width:700px){.table .Columns div:nth-child(3),.table .Columns div:nth-child(4){display:none}.table .Columns .columnElement{width:25%}.table .rows .row div:nth-child(3),.table .rows .row div:nth-child(4){display:none}.table .rows .row .rowElement{width:26%}}@media(max-width:500px){.table .Columns div:nth-child(2),.table .Columns div:nth-child(3),.table .Columns div:nth-child(4){display:none}.table .Columns .columnElement{width:33%}.table .rows .row div:nth-child(2),.table .rows .row div:nth-child(3),.table .rows .row div:nth-child(4){display:none}.table .rows .row .rowElement{width:34%}.editContainer .editBox .editForm .feldBox .box{display:flex;flex-wrap:wrap}.editContainer .editBox .editForm .feldBox .box .input-wrapper,.editContainer .editBox .editForm .feldBox .box .label{width:100%}}.header{background-color:var(--box-color);height:67px;display:flex;justify-content:flex-end;align-items:center;margin-top:1.5rem;margin-left:1.5rem;margin-right:1.5rem;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25);position:sticky;top:0;z-index:10;transition:background-color .5s;color:var(--light);transition:width .5s}.header .mobileLogo{visibility:hidden}.header .nav{position:absolute;left:20px;display:flex;flex-direction:row;align-items:center;gap:20px;font-size:1rem;font-weight:700;justify-content:center}.header .nav button,.header .nav div{cursor:pointer}.header .nav button:hover,.header .nav div:hover{color:var(--accent-color)}.header .nav button{background-color:rgba(0,0,0,0);font-size:1rem;font-weight:700;border:none;color:var(--text-color)}.header .nav .header-logo{width:40px}.header .nav .roleDropDown{position:relative}.header .nav .roleDropDown .roleList{width:140px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:var(--primary);position:absolute;top:70px;color:var(--button-text-color);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;top:42px;left:-35px;box-shadow:0 2px 6px rgba(0,0,0,.25);padding:1.5rem;transition:height 2s ease-in-out;z-index:2}.header .nav .roleDropDown .roleList .option{display:flex;cursor:pointer;font-size:15px;font-weight:600;width:100%;padding:.5rem;gap:5px;border-radius:8px}.header .nav .roleDropDown .roleList .option:hover{background-color:var(--accent-color2);color:#fff}.header .upgradeBox{position:absolute;left:50%;transform:translateX(-50%);padding:10px;border:none;border-radius:10px;display:flex;align-items:center;gap:10px;text-transform:uppercase;background:linear-gradient(-45deg,var(--primary),var(--accent-color),var(--accent-color2));background-size:400%!important;-webkit-animation:Gradient 10s ease infinite!important;-moz-animation:Gradient 10s ease infinite!important;animation:Gradient 10s ease infinite!important;cursor:pointer;opacity:.8}.header .upgradeBox:hover{opacity:1}.header .upgradeBox i{font-size:20px;color:#ffa600}.header .upgradeBox p{font-size:14px;font-weight:700;color:#fff}.header .fa-bars{font-size:25px;cursor:pointer;position:absolute;top:22px;left:20px;display:none;color:var(--text-color)}@media(max-width:1300px){.header .fa-bars{display:block}}.header .icons{position:absolute;right:220px;display:flex;align-items:center;gap:10px;margin-right:20px}.header .icons .DarkModeBox{width:50px;background-color:var(--accent-color2);border-radius:20px;display:flex;align-items:center;cursor:pointer;padding:3px;justify-content:space-between;transition:all .5;user-select:none;position:relative}.header .icons .DarkModeBox i{font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 2px gray;color:var(--text-color)}.header .icons .DarkModeBox i,.header .icons .DarkModeBox img{width:20px;height:20px;border-radius:50%;background-color:var(--primary)}.header .icons .DarkModeBox img{box-shadow:0 0 3px gray}.header .icons .fa-bell{color:orange;z-index:1;text-shadow:0 0 1px #000;cursor:pointer}.header .icons .num{background-color:rgba(255,78,78,.781);width:23px;height:23px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:13px;font-weight:700;position:absolute;color:var(--text-color);right:-12px;top:-10px;z-index:0}.header .profile{padding:.6rem 1rem;border-radius:20px;font-weight:500;display:flex;gap:10px;margin-right:4px;color:var(--text-color)}.header .profile:hover{background-color:var(--accent-color2);box-shadow:0 0 3px rgba(0,0,0,.151)}.header .profile .fa-user{background-color:var(--accent-color);color:var(--button-text-color);border-radius:50%;display:flex;justify-content:center;align-items:center;width:40px;height:40px}.header .profile .userInfos{display:flex;flex-direction:column;gap:2px}.header .profile .userInfos .name{font-size:14px}.header .profile .userInfos .role{font-size:15px;font-weight:700}.header .profileBox{width:350px;height:500px;background-color:var(--box-color);color:var(--text-color);backdrop-filter:blur(10px);border-radius:20px;position:absolute;top:80px;box-shadow:-3px 3px 10px rgba(46,51,59,.26);z-index:1;display:flex;flex-direction:column;align-items:center;gap:25px}.header .profileBox h3{font-size:30px;font-weight:700;color:var(--text-color);margin-top:20px}.header .profileBox .fa-user{width:80px;height:80px;background-color:var(--accent-color);color:var(--button-text-color);display:flex;align-items:center;justify-content:center;font-size:40px;border-radius:50%}.header .profileBox .role{font-size:15px;font-weight:700}.header .profileBox .email,.header .profileBox .name{font-size:16px}.header .profileBox .email span,.header .profileBox .name span{font-weight:700}.header .profileBox .planBox{background-color:var(--accent-color2);width:90%;padding:10px;border-radius:10px}.header .profileBox .planBox div{font-size:15px;font-weight:700;margin-bottom:4px;text-align:center}.header .profileBox .planBox .canceledPlan{color:var(--xmark-color)}.header .profileBox .link{cursor:pointer;font-size:15px;background-color:rgba(0,0,0,0);border:none;color:var(--text-color)}.header .profileBox .link i{transform:rotateY(180deg);margin-right:5px}.header .profileBox .link:hover{color:var(--accent-color2)}.header .profileBox .cancelSubBtn{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);color:var(--text-color)}.header .profileBox .cancelSubBtn:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.header .notificationsBox{width:600px;height:500px;background-color:var(--box-color);color:var(--text-color);border-radius:0 0 20px 20px;position:absolute;box-shadow:-6px 12px 10px rgba(128,128,128,.452);font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:400;top:68px;right:70px;z-index:1;display:flex;flex-direction:column;align-items:center;overflow:hidden;overflow-y:overlay;padding-bottom:20px;padding-top:5px}.header .notificationsBox .emptyBox{width:100%;height:100px;gap:10px;font-size:16px}.header .notificationsBox .emptyBox,.header .notificationsBox .emptyBox i{background-color:var(--box-color);display:flex;justify-content:center;align-items:center}.header .notificationsBox .emptyBox i{width:50px;height:50px;box-shadow:0 0 2px gray;border-radius:50%;font-size:20px}.header .notificationsBox .loaderBox{width:100%!important;height:30px;background-color:var(--box-color);position:relative;box-shadow:0 0 2px gray;margin-bottom:3px}.header .notificationsBox .loaderBox .alert{width:100%!important;height:100%;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:var(--text-color);display:flex;gap:20px}.header .notificationsBox .loaderBox .alert .pauseBtn{width:100px;font-size:14px;display:flex;justify-content:center;align-items:center;border-radius:5px;color:var(--text-color);background-color:var(--accent-color);color:var(--button-text-color);padding:4px;cursor:pointer}.header .notificationsBox .loaderBox .alert .pauseBtn:hover{background-color:var(--accent-color2)}.header .notificationsBox .loaderBox .alert .pauseBtn .text{font-size:12px;margin-left:10px}.header .notificationsBox .loaderBox .loader{height:100%;background-color:var(--primary);transition:all .6s linear}.header .notificationsBox .notification{padding:5px;width:100%;border-bottom:1px solid var(--line-color);display:flex;background-color:var(--box-color);position:relative}.header .notificationsBox .notification .btnBox{width:150px;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;margin-right:10px}.header .notificationsBox .notification .btnBox button{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color)}.header .notificationsBox .notification .btnBox button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.header .notificationsBox .notification .btnBox .confirmBtn{background-color:var(--checkmark-color)}.header .notificationsBox .notification .btnBox .suggestBtn{background-color:var(--button-resume)}.header .notificationsBox .notification .checkbox{width:150px;height:100%;padding:0 1.5rem;display:flex;justify-content:center;align-items:center;margin-right:10px}.header .notificationsBox .notification .checkbox .fa-check{height:60px;width:60px;background-color:#449760;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:30px;color:#fff}.header .notificationsBox .notification .datum{position:absolute;top:0;right:0;font-size:11px;background-color:rgba(16,0,41,.1647058824);padding:2px 5px;border-radius:0 0 0 5px;display:flex;align-items:center;gap:3px}.header .notificationsBox .notification .fa-trash-can{position:absolute;bottom:5px;right:10px;cursor:pointer;font-size:15px;color:var(--xmark-color)}.header .notificationsBox .notification .message{height:100%}.header .notificationsBox .notification .title{font-weight:700;margin-bottom:10px}@media(max-width:1300px){.header .mobileLogo{position:absolute;left:50%;transform:translateX(-50%)}.header .icons,.header .nav,.header .upgradeBox{visibility:hidden}.header .mobileLogo{visibility:visible;width:40px}.header .fa-bars{display:block}.header .profile .userInfos{display:none}}@media(max-width:700px){.header .profileBox{width:275px}}.sidebar{position:fixed;top:0;left:0;width:220px;height:100dvh;background-color:var(--primary);color:#fff;display:flex;flex-direction:column;padding:2rem 1rem;border-radius:0 20px 20px 0;z-index:1;transition:background-color .5s;box-shadow:0 0 7px #757575;user-select:none;z-index:11}.sidebar .fa-xmark{position:absolute;left:10px;top:10px;font-size:1.5rem;cursor:pointer;display:none}.sidebar .fa-angle-left,.sidebar .fa-angle-right{position:absolute;right:-17px;top:163px;width:30px;height:30px;background-color:#1e1e2f;border-radius:50%;display:flex;justify-content:center;align-items:center;border:4px solid #fff;box-shadow:0 0 3px gray;cursor:pointer;opacity:.8}.sidebar .fa-angle-left:hover,.sidebar .fa-angle-right:hover{opacity:1}.sidebar .logo{width:auto;height:120px;margin-bottom:2rem;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:10px 0;border-radius:20px;overflow:hidden}.sidebar .logo img{height:100%;display:block}@keyframes wave{0%{transform:perspective(600px) rotateY(0deg)}25%{transform:perspective(600px) rotateY(5deg)}50%{transform:perspective(600px) rotateY(0deg)}75%{transform:perspective(600px) rotateY(-5deg)}to{transform:perspective(600px) rotateY(0deg)}}.sidebar nav ul{list-style:none;padding:0}.sidebar nav ul li{margin:1rem 0;padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:flex;gap:15px;position:relative;font-size:15px}.sidebar nav ul li:hover{background-color:var(--accent-color)}.sidebar nav ul li i{font-size:18px}.sidebar nav ul li .fa-crown{color:orange!important;font-size:12px;position:absolute;left:0;top:0}.sidebar nav ul li.active{background-color:var(--accent-color);color:var(--button-text-color);font-weight:700}.sidebar .Ausloggen{width:calc(100% - 40px);padding:.5rem 1rem;border-radius:10px;position:absolute;bottom:30px;display:flex;gap:10px;cursor:pointer;font-size:15px}.sidebar .Ausloggen i{font-size:18px}.sidebar .Ausloggen:hover{background-color:var(--accent-color)}@media(max-width:1300px){.sidebar{display:none}}.mobileMenuePage{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15}.mobileMenuePage .mobileMenue{position:absolute;left:0;top:50%;transform:translateY(-50%);min-width:300px;min-height:600px;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:1.5rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;background-color:var(--primary);color:var(--button-text-color);overflow-y:overlay}.mobileMenuePage .mobileMenue nav{margin-top:1.5rem}.mobileMenuePage .mobileMenue ul{display:flex;flex-direction:column;justify-content:center;align-items:center}.mobileMenuePage .mobileMenue ul li{margin-bottom:1.5rem;list-style:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;position:relative;color:var(--button-text-color)}.mobileMenuePage .mobileMenue ul li i{margin-right:5px}.mobileMenuePage .mobileMenue ul li.active{background-color:var(--accent-color2);color:var(--text-color);font-weight:700}.mobileMenuePage .mobileMenue ul li .fa-crown{position:absolute;color:#ff0;font-size:small;top:0;left:0}.mobileMenuePage .mobileMenue .logo{height:15%;width:auto;background-color:#fff;border-radius:20px;padding:10px 20px;margin-bottom:1.5rem}.mobileMenuePage .mobileMenue .top{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;background-color:var(--accent-color);border-radius:14px;padding:5px}.mobileMenuePage .mobileMenue .top .darkModeBox{width:30px;height:30px;background-color:rgba(0,0,0,0);border:none}.mobileMenuePage .mobileMenue .top .darkModeBox i,.mobileMenuePage .mobileMenue .top .darkModeBox img{width:30px;height:30px;box-shadow:0 0 3px gray;border-radius:50%;background-color:var(--primary)}.mobileMenuePage .mobileMenue .top .darkModeBox i{font-size:20px;padding:5px 8px;color:#fff}.mobileMenuePage .mobileMenue .top .notifBtn{background-color:rgba(0,0,0,0);border:none}.mobileMenuePage .mobileMenue .top .notifBtn i{color:#ff0;font-size:1rem}.mobileMenuePage .mobileMenue .top .roleDropDown{position:relative}.mobileMenuePage .mobileMenue .top .roleDropDown button{background-color:rgba(0,0,0,0);border:none;font-size:1rem;color:var(--button-text-color)}.mobileMenuePage .mobileMenue .top .roleDropDown .roleList{position:absolute;top:30px;z-index:1;background-color:var(--accent-color);color:var(--button-text-color);box-shadow:0 2px 6px rgba(0,0,0,.25);width:100px;padding:10px;border-radius:9px}.mobileMenuePage .mobileMenue .top .roleDropDown .roleList .option:first-child{margin-bottom:15px}.mobileMenuePage .mobileMenue .close{position:fixed;top:1.5rem;width:30px;height:30px;right:1.5rem;background-color:rgba(0,0,0,0);border:none}.mobileMenuePage .mobileMenue .close:after,.mobileMenuePage .mobileMenue .close:before{content:"";position:absolute;height:4px;width:100%;top:50%;left:0;margin-top:-1px;background:var(--button-text-color);border-radius:5px}.mobileMenuePage .mobileMenue .close:before{transform:rotate(45deg)}.mobileMenuePage .mobileMenue .close:after{transform:rotate(-45deg)}@media(min-width:1300px){.mobileMenue{display:none}}@media(max-width:800px){.mobileMenuePage .mobileMenue{border-radius:0;height:100%;width:100%}}@media(max-height:900px){.mobileMenuePage .mobileMenue{height:100%}.mobileMenuePage .mobileMenue nav ul li{margin-bottom:1rem}.mobileMenuePage .mobileMenue .logo{height:10%}}.loadingScreen{position:fixed;z-index:5;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.loadingScreen,.swal2-popup{background-color:var(--box-color)}.swal2-popup{color:var(--text-color);border-radius:20px}.swal2-popup .swal2-icon{color:var(--accent-color);border-color:var(--accent-color)}.swal2-popup .swal2-cancel,.swal2-popup .swal2-confirm,.swal2-popup .swal2-deny{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color)}.swal2-popup .swal2-cancel:hover,.swal2-popup .swal2-confirm:hover,.swal2-popup .swal2-deny:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.swal2-popup .swal2-confirm{background-color:var(--button-resume)}.swal2-popup .swal2-confirm:active{outline:none}.swal2-popup .swal2-deny{background-color:var(--accent-color2);color:var(--text-color);border:none}.swal2-popup .swal2-cancel{background-color:var(--button-cancel);color:var(--button-text-color)}.stammdatenPage{color:var(--text-color);height:calc(100dvh - 100px)}.stammdatenPage .editBox{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15}.stammdatenPage .editBox .form{flex-direction:column;padding:1.5rem;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-color:var(--box-color);color:var(--text-color);width:40%;max-width:500px;height:auto;z-index:90;display:flex;justify-content:center;align-items:center;border-radius:20px}@media(max-width:1300px){.stammdatenPage .editBox .form{width:50%}}@media(max-width:900px){.stammdatenPage .editBox .form{width:95%}}.stammdatenPage .editBox .form .title{margin-bottom:1.5rem;width:100%;text-align:center}.stammdatenPage .editBox .form .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--accent-color);margin-top:.5rem;border-radius:2px}.stammdatenPage .editBox .form .btnBox{width:100%;display:flex;justify-content:space-between;margin-top:1.5rem;padding:0}.stammdatenPage .editBox .form .btnBox button{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color)}.stammdatenPage .editBox .form .btnBox button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.stammdatenPage .editBox .form .btnBox .cancelBtn{background-color:var(--button-cancel);color:var(--button-text-color)}.stammdatenPage .editBox .form .btnBox .saveBtn{background-color:var(--button-resume);color:var(--button-text-color)}.stammdatenPage .editBox .form .feldbox,.stammdatenPage .editBox .form .validationBox,.stammdatenPage .editBox .form div{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem;position:relative}.stammdatenPage .editBox .form .feldbox span,.stammdatenPage .editBox .form .validationBox span,.stammdatenPage .editBox .form div span{color:var(--xmark-color)}.stammdatenPage .editBox .form .feldbox .passwordHintPopup,.stammdatenPage .editBox .form .validationBox .passwordHintPopup,.stammdatenPage .editBox .form div .passwordHintPopup{position:absolute;font-size:.9rem;background-color:var(--button-delete);color:#fff;padding:5px;border-radius:14px;width:200px;height:auto;right:-50%;top:0;z-index:1;display:flex;flex-direction:row;flex-wrap:wrap}.stammdatenPage .editBox .form .feldbox .input-wrapper,.stammdatenPage .editBox .form .validationBox .input-wrapper,.stammdatenPage .editBox .form div .input-wrapper{width:calc(70% - .75rem);position:relative;display:flex;flex-direction:row;justify-content:flex-end}.stammdatenPage .editBox .form .feldbox .input-wrapper .error,.stammdatenPage .editBox .form .validationBox .input-wrapper .error,.stammdatenPage .editBox .form div .input-wrapper .error{color:var(--xmark-color);position:absolute;top:-15px;left:10px;font-size:.7rem}.stammdatenPage .editBox .form .feldbox .input-wrapper .input-error,.stammdatenPage .editBox .form .validationBox .input-wrapper .input-error,.stammdatenPage .editBox .form div .input-wrapper .input-error{border:1px solid var(--xmark-color)}.stammdatenPage .editBox .form .feldbox .select,.stammdatenPage .editBox .form .feldbox input,.stammdatenPage .editBox .form .validationBox .select,.stammdatenPage .editBox .form .validationBox input,.stammdatenPage .editBox .form div .select,.stammdatenPage .editBox .form div input{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;width:100%}@media(max-width:500px){.stammdatenPage .editBox .form .feldbox .select,.stammdatenPage .editBox .form .feldbox input,.stammdatenPage .editBox .form .validationBox .select,.stammdatenPage .editBox .form .validationBox input,.stammdatenPage .editBox .form div .select,.stammdatenPage .editBox .form div input{width:90%}}.stammdatenPage .editBox .form .feldbox .box .label,.stammdatenPage .editBox .form .validationBox .box .label,.stammdatenPage .editBox .form div .box .label{width:30%}.stammdatenPage .editBox .form .feldbox .box .select,.stammdatenPage .editBox .form .validationBox .box .select,.stammdatenPage .editBox .form div .box .select{width:calc(70% - .75rem)}@media(max-width:500px){.stammdatenPage .editBox .form .feldbox .box .label,.stammdatenPage .editBox .form .validationBox .box .label,.stammdatenPage .editBox .form div .box .label{width:30%}.stammdatenPage .editBox .form .feldbox .box .select,.stammdatenPage .editBox .form .validationBox .box .select,.stammdatenPage .editBox .form div .box .select{width:60%}}.stammdatenPage .editBox .form .feldbox .label,.stammdatenPage .editBox .form .validationBox .label,.stammdatenPage .editBox .form div .label{width:calc(30% - .75rem);font-size:1rem;font-weight:700}.stammdatenPage .editBox .form .feldbox .validationBox,.stammdatenPage .editBox .form .validationBox .validationBox,.stammdatenPage .editBox .form div .validationBox{display:flex;flex-direction:row;flex-wrap:wrap}.stammdatenPage .editBox .fa-xmark{font-size:1.5rem;position:absolute;top:20px;left:20px;cursor:pointer}.stammdatenPage .mainBox{width:100%;height:100%;padding:1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.stammdatenPage .mainBox .stammdaten{width:calc(40% - .75rem);background-color:var(--box-color);color:var(--text-color);border-radius:20px;height:400px;margin-bottom:1.5rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(0,0,0,.25)}.stammdatenPage .mainBox .stammdaten .title{width:100%;text-align:center;padding:1.5rem;font-size:1rem;font-weight:700}.stammdatenPage .mainBox .stammdaten .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--accent-color);margin-top:.5rem;border-radius:2px}.stammdatenPage .mainBox .stammdaten .infoBox{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.stammdatenPage .mainBox .stammdaten .infoBox .clientInfo{padding:.25rem 1.5rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--line-color)}.stammdatenPage .mainBox .stammdaten .infoBox .clientInfo span{font-weight:700}.stammdatenPage .mainBox .stammdaten .infoBox .clientInfo:first-child{border-top:1px solid var(--line-color)}.stammdatenPage .mainBox .stammdaten .btnBox{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.stammdatenPage .mainBox .stammdaten .btnBox button{padding:10px;width:150px;border-radius:10px;cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);color:var(--button-text-color);color:var(--text-color);box-shadow:0 5px 15px var(--button-shadow);background-color:var(--box-color);display:flex;flex-direction:row;align-items:center;justify-content:center}.stammdatenPage .mainBox .stammdaten .btnBox button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.stammdatenPage .mainBox .stammdaten .btnBox button i{margin-left:5px}.stammdatenPage .mainBox .stammdaten .btnBox .fa-info{box-shadow:0 5px 15px var(--button-shadow);width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.stammdatenPage .mainBox .stammdaten .btnBox .fa-info:hover{box-shadow:none;border:1px solid var(--primary)}.stammdatenPage .mainBox .material{width:calc(40% - .75rem);background-color:var(--box-color);height:calc(100% - 410px);min-height:300px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(0,0,0,.25);position:relative}.stammdatenPage .mainBox .material .title{width:100%;text-align:center;padding:1.5rem 1.5rem 0;font-size:1rem;font-weight:700}.stammdatenPage .mainBox .material .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--accent-color);margin-top:.5rem;border-radius:2px}.stammdatenPage .mainBox .material .addMaterialBtn{padding:10px;width:150px;border-radius:10px;cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);color:var(--button-text-color);background-color:var(--box-color);color:var(--text-color);box-shadow:0 5px 15px var(--button-shadow);display:flex;flex-direction:row;position:absolute;bottom:1.5rem;left:1.5rem}.stammdatenPage .mainBox .material .addMaterialBtn:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.stammdatenPage .mainBox .material .addMaterialBtn i{width:27px;height:27px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.stammdatenPage .mainBox .material .addMaterialBtn:hover i{transform:rotate(180deg)}.stammdatenPage .mainBox .material .tableBox{width:100%;height:calc(100% - 150px);border-bottom:1px solid var(--line-color)}.stammdatenPage .mainBox .material .tableBox .headlines{width:100%;padding:.5rem 1.5rem;display:flex;justify-content:flex-start;align-items:center;font-weight:700;background-color:var(--box-color2)}.stammdatenPage .mainBox .material .tableBox .headlines .headlineElement{width:44%;text-align:start;word-break:break-all}.stammdatenPage .mainBox .material .tableBox .tableAlert{width:100%;padding:20px;display:flex;justify-content:center;align-items:center}.stammdatenPage .mainBox .material .tableBox .tableAlert i{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%}.stammdatenPage .mainBox .material .tableBox .tableRows::-webkit-scrollbar{width:15px}.stammdatenPage .mainBox .material .tableBox .tableRows{width:100%;height:calc(100% - 34px);overflow-y:overlay;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.stammdatenPage .mainBox .material .tableBox .tableRows .row{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-color)}.stammdatenPage .mainBox .material .tableBox .tableRows .row .rowElementBox{width:calc(100% - 50px);display:flex;justify-content:flex-start;align-items:center;padding:.5rem 0 .5rem 1.5rem}.stammdatenPage .mainBox .material .tableBox .tableRows .row .rowElementBox .editSmallBox{display:flex;align-items:center;flex-direction:row;border-radius:5px;padding-left:4px;width:50%}.stammdatenPage .mainBox .material .tableBox .tableRows .row .rowElementBox .editSmallBox .fa-check{cursor:pointer;color:#43806c;font-size:16px;border-radius:2px;margin-right:15px}.stammdatenPage .mainBox .material .tableBox .tableRows .row .rowElementBox .editSmallBox .fa-check:hover{color:#02b67a}.stammdatenPage .mainBox .material .tableBox .tableRows .row .rowElementBox .editSmallBox .fa-xmark{cursor:pointer;color:#f84e4e;font-size:16px;border-radius:2px;margin-right:15px}.stammdatenPage .mainBox .material .tableBox .tableRows .row .rowElementBox .editSmallBox .fa-xmark:hover{color:#b60202}.stammdatenPage .mainBox .material .tableBox .tableRows .row .rowElementBox .editSmallBox input{width:50%;padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px}.stammdatenPage .mainBox .material .tableBox .tableRows .row .rowElementBox .rowElement{width:50%;font-size:1rem}.stammdatenPage .mainBox .material .tableBox .tableRows .row .iconsBox{margin-right:1.5rem;position:relative;width:60px;text-align:end}.stammdatenPage .mainBox .material .tableBox .tableRows .row .iconsBox .icons{background-color:var(--box-color);color:var(--text-color);box-shadow:0 2px 6px rgba(0,0,0,.25);padding:3px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:row;position:absolute;top:50%;transform:translateY(-50%);right:25px;gap:5px}.stammdatenPage .mainBox .material .tableBox .tableRows .row .iconsBox .icons i{font-size:16px;margin:2px;cursor:pointer;opacity:1}.stammdatenPage .mainBox .material .tableBox .tableRows .row .iconsBox .icons i:hover{opacity:.5}.stammdatenPage .mainBox .material .tableBox .tableRows .row .iconsBox .fa-ellipsis-vertical{font-size:16px;cursor:pointer;padding:4px 10px;border-radius:50%}.stammdatenPage .mainBox .material .tableBox .tableRows .row .iconsBox .fa-ellipsis-vertical:hover{background-color:var(--box-color2)}.stammdatenPage .mainBox .addmaterialsBox{width:100%;height:100dvh;position:fixed;z-index:10;top:0;left:0;display:flex;align-items:center;justify-content:center}.stammdatenPage .mainBox .addmaterialsBox .form{padding:20px;border-radius:10px;display:flex;flex-direction:column}.stammdatenPage .mainBox .addmaterialsBox .form .fa-xmark{position:relative;width:20px;font-size:1.5rem;cursor:pointer}.stammdatenPage .mainBox .addmaterialsBox .form .title{margin:10px 0}.stammdatenPage .mainBox .addmaterialsBox .form .validationBox{display:flex}.stammdatenPage .mainBox .addmaterialsBox .form .validationBox .label,.stammdatenPage .mainBox .addmaterialsBox .form .validationBox .lable{width:38%;font-weight:700;position:relative;margin-right:10px}.stammdatenPage .mainBox .addmaterialsBox .form .validationBox .label span,.stammdatenPage .mainBox .addmaterialsBox .form .validationBox .lable span{position:absolute;color:red}.stammdatenPage .mainBox .addmaterialsBox .form .validationBox .input-wrapper{width:70%}.stammdatenPage .mainBox .addmaterialsBox .form .validationBox .input-wrapper input{width:calc(100% - 10px);padding:5px;border:none;border-radius:5px;outline-color:var(--primary)}.stammdatenPage .mainBox .addmaterialsBox .form .validationBox input{padding:5px;border:none;border-radius:5px;outline-color:var(--primary)}.stammdatenPage .mainBox .addmaterialsBox .form .validationBox .error{color:red;font-size:12px;margin-top:4px}.stammdatenPage .mainBox .addmaterialsBox .form button{width:200px;border:none;padding:5px;border-radius:10px;margin:30px auto 0;cursor:pointer;background-color:var(--button-resume);color:var(--button-text-color);font-size:14px;opacity:.8}.stammdatenPage .mainBox .addmaterialsBox .form button:hover{opacity:1}.stammdatenPage .mainBox .materialDeleteBox{width:100%;height:100dvh;position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0}.stammdatenPage .mainBox .materialDeleteBox .box{padding:20px;border:2px solid var(--primary);border-radius:10px}.stammdatenPage .mainBox .materialDeleteBox .box .btnBox{margin-top:20px;width:100%;display:flex;justify-content:space-between}.stammdatenPage .mainBox .materialDeleteBox .box .btnBox button{border:none;padding:5px;width:100px;border-radius:20px;cursor:pointer}.stammdatenPage .mainBox .materialDeleteBox .box .btnBox .Abbrechen{background-color:var(--button-cancel);color:var(--text-color)}.stammdatenPage .mainBox .materialDeleteBox .box .btnBox .Löschen{background-color:var(--button-delete);color:var(--text-color)}.stammdatenPage .mainBox .materialDeleteBox .box span{font-weight:700}.stammdatenPage .mainBox .entsorger{width:calc(60% - .75rem);height:calc(100% - 410px);min-height:300px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(0,0,0,.25);background-color:var(--box-color);position:relative}.stammdatenPage .mainBox .entsorger .title{width:100%;text-align:center;padding:1.5rem 1.5rem 0;font-size:1rem;font-weight:700;height:55px}.stammdatenPage .mainBox .entsorger .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--accent-color);margin-top:.5rem;border-radius:2px}.stammdatenPage .mainBox .entsorger .addEntsorgerBtn{padding:10px;width:150px;border-radius:10px;cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);color:var(--button-text-color);background-color:var(--box-color);color:var(--text-color);box-shadow:0 5px 15px var(--button-shadow);display:flex;flex-direction:row;position:absolute;bottom:1.5rem;left:1.5rem}.stammdatenPage .mainBox .entsorger .addEntsorgerBtn:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.stammdatenPage .mainBox .entsorger .addEntsorgerBtn i{width:27px;height:27px;display:flex;justify-content:center;align-items:center;transition:.3s}.stammdatenPage .mainBox .entsorger .addEntsorgerBtn:hover i{transform:rotate(180deg)}.stammdatenPage .mainBox .entsorger .infoBox{width:100%;height:calc(100% - 150px);position:relative;border-bottom:1px solid var(--line-color)}.stammdatenPage .mainBox .entsorger .infoBox .tableColumn{width:100%;background-color:var(--box-color2)}.stammdatenPage .mainBox .entsorger .infoBox .tableColumn .headlines{width:calc(100% - 80px);padding:.5rem 1.5rem;display:flex;justify-content:flex-start;font-weight:700}.stammdatenPage .mainBox .entsorger .infoBox .tableColumn .headlines .div{width:20%;text-align:start;word-break:break-all}.stammdatenPage .mainBox .entsorger .infoBox .tableRows::-webkit-scrollbar{width:15px}.stammdatenPage .mainBox .entsorger .infoBox .tableRows{width:100%;height:calc(100% - 34px);overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-top:var(--line-color);overflow-y:overlay;margin-bottom:50px}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .tableAlert{width:100%;padding:20px;display:flex;justify-content:center;align-items:center}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .tableAlert i{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-color)}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .rowElementBox{width:100%;display:flex;justify-content:flex-start;align-items:left;padding:.5rem 1.5rem}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .rowElementBox .rowElement{width:20%;font-size:1rem;display:flex;align-items:center;align-items:flex-start}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .iconsBox{margin-right:1.5rem;position:relative;width:60px;text-align:end}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .iconsBox .icons{background-color:var(--box-color);color:var(--text-color);box-shadow:0 2px 6px rgba(0,0,0,.25);padding:3px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:row;position:absolute;top:50%;transform:translateY(-50%);right:25px;gap:5px}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .iconsBox .icons i{font-size:1rem;margin:2px;cursor:pointer;opacity:1}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .iconsBox .icons i:hover{opacity:.5}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .iconsBox .fa-ellipsis-vertical{font-size:16px;cursor:pointer;padding:4px 10px;border-radius:50%}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .iconsBox .fa-ellipsis-vertical:hover{background-color:var(--box-color2)}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .iconsBox .editBox{border:2px solid var(--primary);border-radius:5px;padding:5px;display:flex;align-items:center;justify-content:center;position:absolute;right:20px}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .iconsBox .editBox i{font-size:16px;cursor:pointer;color:var(--text-color)}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .iconsBox .editBox i:hover{color:var(--primary)}.stammdatenPage .mainBox .Form{width:450px;height:auto;border-radius:10px;position:relative;padding:60px 0 30px}.stammdatenPage .mainBox .Form .box{width:calc(100% - 40px);display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin-bottom:20px}.stammdatenPage .mainBox .Form .box .label{width:45%;font-weight:700;position:relative}.stammdatenPage .mainBox .Form .box .label span{position:absolute;color:red}.stammdatenPage .mainBox .Form .box .input-wrapper{width:70%;display:flex;flex-direction:column;align-items:flex-start;position:relative}.stammdatenPage .mainBox .Form .box .input-wrapper .error{color:red;font-size:12px;margin-top:4px;position:absolute;top:-20px}.stammdatenPage .mainBox .Form .box .input-wrapper input{width:100%;padding:5px;border:1px solid #858585;border-radius:5px;outline-color:var(--primary)}.stammdatenPage .mainBox .Form .box select{width:calc(100% + 11px);padding:5px;border:1px solid #858585;border-radius:5px;outline-color:var(--primary)}.stammdatenPage .mainBox .Form .btnBox{width:100%;display:flex;justify-content:space-around;margin-top:50px}.stammdatenPage .mainBox .Form .btnBox button{padding:8px;width:200px;border-radius:10px;border:none;font-size:14px;cursor:pointer;opacity:.8}.stammdatenPage .mainBox .Form .btnBox button:hover{opacity:1}.stammdatenPage .mainBox .Form .btnBox .Abbrechen{background-color:var(--button-cancel);color:var(--text-color)}.stammdatenPage .mainBox .Form .btnBox .Weiter{background-color:var(--button-resume);color:var(--button-text-color)}.stammdatenPage .mainBox .Form .fa-xmark{position:absolute;top:20px;left:20px;font-size:1.5rem;cursor:pointer}.stammdatenPage .mainBox .Form .title{padding-left:20px;margin:20px 0}.stammdatenPage .mainBox .AvvList{z-index:8}.stammdatenPage .mainBox .CheckBoxList{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:7}.stammdatenPage .mainBox .CheckBoxList .form{width:80%;padding:20px;border-radius:20px}.stammdatenPage .mainBox .CheckBoxList .form .underline{text-decoration:underline;cursor:pointer}.stammdatenPage .mainBox .CheckBoxList .form .underline:hover{color:var(--primary)}.stammdatenPage .mainBox .CheckBoxList h4{width:100%;text-align:center}.stammdatenPage .mainBox .CheckBoxList .tableRows{width:100%;height:100%;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid #ccc}.stammdatenPage .mainBox .CheckBoxList .row{display:flex;width:100%;padding:10px 0}.stammdatenPage .mainBox .CheckBoxList .column{flex:1;padding:0 8px;font-size:13px;font-weight:700}.stammdatenPage .mainBox .CheckBoxList .row-content{flex:1;padding:0 8px;font-size:13px;word-break:break-word}.stammdatenPage .mainBox .CheckBoxList .scrollable{overflow-x:auto;display:flex;align-items:center}.stammdatenPage .mainBox .CheckBoxList .row-content{width:100%;word-wrap:break-word;overflow-wrap:break-word}.stammdatenPage .mainBox .CheckBoxList .btnBox{padding:10px;margin:10px}.stammdatenPage .mainBox .CheckBoxList .btnBox button{border:none;padding:5px;width:100px;border-radius:5px;margin-right:10px;cursor:pointer}.stammdatenPage .mainBox .CheckBoxList .btnBox .Abbrechen{background-color:var(--button-cancel);color:var(--text-color)}.stammdatenPage .mainBox .CheckBoxList .btnBox .Speichern{background-color:var(--button-delete);color:var(--text-color)}.stammdatenPage .mainBox .employeeBox{width:calc(60% - .75rem);border-radius:20px;margin-bottom:1.5rem;height:400px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.25);position:relative;background-color:var(--box-color)}.stammdatenPage .mainBox .employeeBox .title{width:100%;text-align:center;padding:1.5rem 1.5rem 0;font-size:1rem;font-weight:700}.stammdatenPage .mainBox .employeeBox .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--accent-color);margin-top:.5rem;border-radius:2px}.stammdatenPage .mainBox .employeeBox .headlineContainer{width:100%;background-color:var(--box-color2)}.stammdatenPage .mainBox .employeeBox .headlineContainer .headlines{width:calc(100% - 60px);height:34px;padding:.5rem 0 .5rem 1.5rem;display:flex;justify-content:space-evenly}.stammdatenPage .mainBox .employeeBox .headlineContainer .headlines div{word-wrap:break-word;width:33%;text-align:left;font-size:14px;font-weight:700;word-break:break-all}.stammdatenPage .mainBox .employeeBox .rows::-webkit-scrollbar{width:15px}.stammdatenPage .mainBox .employeeBox .rows{width:100%;height:calc(100% - 184px);display:flex;flex-direction:column;overflow:hidden;overflow-y:overlay;border-bottom:1px solid var(--line-color)}.stammdatenPage .mainBox .employeeBox .rows .row{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-color);position:relative}.stammdatenPage .mainBox .employeeBox .rows .row .rowElementBox{width:calc(100% - 40px);display:flex;justify-content:flex-start;align-items:center;padding:.5rem 0 .5rem 1.5rem}.stammdatenPage .mainBox .employeeBox .rows .row .rowElementBox .rowElement{width:33%;font-size:1rem;word-break:break-all;display:flex;align-items:center;align-items:flex-start}.stammdatenPage .mainBox .employeeBox .rows .row .rowElementBox .rowElement .Circle{width:10px;height:10px;border-radius:50%;margin-left:2px}.stammdatenPage .mainBox .employeeBox .rows .row .iconsBox{position:relative;width:40px;text-align:end;margin-right:1.5rem}.stammdatenPage .mainBox .employeeBox .rows .row .iconsBox .icons{background-color:var(--box-color);color:var(--text-color);box-shadow:0 2px 6px rgba(0,0,0,.25);padding:3px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:row;position:absolute;top:50%;transform:translateY(-50%);right:25px;gap:5px}.stammdatenPage .mainBox .employeeBox .rows .row .iconsBox .icons i{font-size:16px;margin:2px;cursor:pointer;opacity:1}.stammdatenPage .mainBox .employeeBox .rows .row .iconsBox .icons i:hover{opacity:.5}.stammdatenPage .mainBox .employeeBox .rows .row .iconsBox .fa-ellipsis-vertical{font-size:16px;cursor:pointer;padding:4px 10px;border-radius:50%}.stammdatenPage .mainBox .employeeBox .rows .row .iconsBox .fa-ellipsis-vertical:hover{background-color:var(--box-color2)}.stammdatenPage .mainBox .employeeBox .rows .row .fa-ellipsis-vertical{cursor:pointer}.stammdatenPage .mainBox .employeeBox .addbox{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem;position:absolute;bottom:0}.stammdatenPage .mainBox .employeeBox .addbox .spinner{width:20px;height:20px;border-left-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.stammdatenPage .mainBox .employeeBox .addbox .fa-info{box-shadow:0 5px 15px var(--button-shadow);width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.stammdatenPage .mainBox .employeeBox .addbox .fa-info:hover{box-shadow:none;border:1px solid var(--primary)}.stammdatenPage .mainBox .employeeBox .addbox button{padding:10px;width:150px;border-radius:10px;cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);color:var(--button-text-color);background-color:var(--box-color);color:var(--text-color);box-shadow:0 5px 15px var(--button-shadow);display:flex;flex-direction:row}.stammdatenPage .mainBox .employeeBox .addbox button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.stammdatenPage .mainBox .employeeBox .addbox button .fa-plus{width:27px;height:27px;display:flex;justify-content:center;align-items:center;font-size:15px;cursor:pointer;transition:all .3s}.stammdatenPage .mainBox .employeeBox .addbox button:hover .fa-plus{transform:rotate(180deg)}.stammdatenPage .mainBox .paymentPage{background-color:var(--box-color);width:100%;height:100dvh;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center}.stammdatenPage .mainBox .paymentPage .cont{width:400px;height:auto;max-height:90dvh;overflow:hidden;overflow-y:auto;border-radius:5px;padding:20px}.stammdatenPage .mainBox .paymentPage .cont .title{font-size:18px;text-align:center;margin-bottom:20px}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:900px){.stammdatenPage .editBox .form .validationBox .passwordHintPopup{top:40px;right:0}}@media(max-width:800px){.stammdatenPage{height:auto}.stammdatenPage .editBox .form{width:100%}.stammdatenPage .editBox .stammdatenform{height:100%;width:100%}.stammdatenPage .editBox .stammdatenform div{margin-bottom:10px}.stammdatenPage .editBox .stammdatenform .box .label{width:100%}.stammdatenPage .mainBox{height:auto}.stammdatenPage .mainBox .employeeBox,.stammdatenPage .mainBox .entsorger,.stammdatenPage .mainBox .material,.stammdatenPage .mainBox .stammdaten{width:100%;height:500px;margin-bottom:1.5rem}.stammdatenPage .mainBox .stammdaten{height:400px}.stammdatenPage .mainBox .employeeBox .headlineContainer .headlines div{width:50%}.stammdatenPage .mainBox .employeeBox .headlineContainer .headlines div:nth-child(3),.stammdatenPage .mainBox .employeeBox .headlineContainer .headlines div:nth-child(4),.stammdatenPage .mainBox .employeeBox .rows .row .rowElementBox .rowElement:nth-child(3),.stammdatenPage .mainBox .employeeBox .rows .row .rowElementBox .rowElement:nth-child(4){display:none}.stammdatenPage .mainBox .employeeBox .rows .row .rowElementBox .rowElement{width:50%}.stammdatenPage .mainBox .entsorger .infoBox .tableColumn .headlines div:nth-child(3),.stammdatenPage .mainBox .entsorger .infoBox .tableColumn .headlines div:nth-child(4),.stammdatenPage .mainBox .entsorger .infoBox .tableColumn .headlines div:nth-child(5),.stammdatenPage .mainBox .entsorger .infoBox .tableColumn .headlines div:nth-child(6){display:none}.stammdatenPage .mainBox .entsorger .infoBox .tableColumn .headlines div{width:50%!important}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .rowElementBox .rowElement:nth-child(3),.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .rowElementBox .rowElement:nth-child(4),.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .rowElementBox .rowElement:nth-child(5),.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .rowElementBox .rowElement:nth-child(6){display:none}.stammdatenPage .mainBox .entsorger .infoBox .tableRows .row .rowElementBox .rowElement{width:50%}}.kontrollbelegePage{width:100%;height:calc(100dvh - 100px);padding:1.5rem}.kontrollbelegePage .kontrollContainer{width:100%;height:100%;background-color:var(--box-color);color:var(--text-color);box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:20px;position:relative;overflow:hidden}.kontrollbelegePage .kontrollContainer .kontrollHeader{display:flex;flex-direction:column;justify-content:space-between;height:190px}.kontrollbelegePage .kontrollContainer .kontrollHeader .headline{padding:1.5rem}.kontrollbelegePage .kontrollContainer .kontrollHeader .printContainer{position:absolute;top:1.5rem;right:1.5rem}.kontrollbelegePage .kontrollContainer .kontrollHeader .printContainer .fa-print{padding:5px;border-radius:5px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer}.kontrollbelegePage .kontrollContainer .kontrollHeader .printContainer .fa-print:hover{box-shadow:none;border:1px solid var(--accent-color)}.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0 1.5rem 1.5rem}.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer .filterIcon{display:none;margin-right:.5rem;padding:5px;border-radius:5px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer}.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer .filterIcon:hover{box-shadow:none;border:1px solid var(--accent-color)}.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer .filterBox{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;flex-direction:row}.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer .filterBox .elementBox{display:flex;flex-direction:column;align-items:center;margin-right:.5rem}.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer .filterBox .elementBox input,.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer .filterBox .elementBox select{width:110px;padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px}.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer .filterBox .elementBox .calendarValue .react-datepicker__close-icon:after{background-color:var(--accent-color)}.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer .filterBox .elementBox .calendarValue .react-datepicker__day--keyboard-selected{background-color:var(--accent-color2)}.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer .filterBox .elementBox .calendarValue .react-datepicker__day--keyboard-selected:hover{background-color:var(--accent-color)}.kontrollBelegWrapper{width:100%;height:calc(100% - 190px);display:flex;flex-direction:column;border-bottom:1px solid var(--line-color)}.kontrollBelegWrapper .tableHead{background-color:var(--box-color2);font-weight:700;border-bottom:1px solid var(--line-color);border-top:1px solid var(--line-color);width:100%}.kontrollBelegWrapper .tableHead .tableRow{display:flex;align-items:center;padding:.5rem 14px .5rem 0;width:100%}.kontrollBelegWrapper .tableHead .tableRow .tableCell{width:12.5%;word-break:break-word}.kontrollBelegWrapper .tableHead .tableRow .tableCell:first-child{padding-left:1.5rem}.kontrollBelegWrapper .tableHead .tableRow .tableCell:last-child{padding-right:1.5rem}.kontrollBelegWrapper .tableBody{height:auto;overflow-y:overlay;height:100%;display:flex;flex-direction:column-reverse;justify-content:flex-end}.kontrollBelegWrapper .tableBody .tableRow{display:flex;align-items:center;border-bottom:1px solid var(--line-color);height:70px;position:relative}.kontrollBelegWrapper .tableBody .tableRow .tableCell{width:12.5%;word-break:break-word;display:flex;align-items:center}.kontrollBelegWrapper .tableBody .tableRow .tableCell:first-child{padding-left:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.kontrollBelegWrapper .tableBody .tableRow .tableCell:last-child{padding-right:1.5rem}.kontrollBelegWrapper .tableBody .tableRow .tableCell .fa-file-arrow-down,.kontrollBelegWrapper .tableBody .tableRow .tableCell .fa-pen-to-square{cursor:pointer;font-size:1rem}.kontrollBelegWrapper .tableBody .tableRow .tableCell .fa-file-arrow-down:hover,.kontrollBelegWrapper .tableBody .tableRow .tableCell .fa-pen-to-square:hover{opacity:.5}.kontrollBelegWrapper .tableBody .tableRow .tableCell .fileButton{cursor:pointer;margin:3px;border:none;background:rgba(0,0,0,0);display:flex;align-items:center;color:var(--text-color)}.kontrollBelegWrapper .tableBody .tableRow .tableCell .fileButton .fileCheck{color:var(--checkmark-color);font-size:1rem}.kontrollBelegWrapper .tableBody .tableRow .tableCell .fileButton .noFile{color:var(--xmark-color);font-size:1rem}.kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo{display:flex;align-items:center}.kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoInput{display:flex;flex-direction:row;justify-content:center;align-items:center}.kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoInput i{cursor:pointer;margin-right:.5rem;font-size:1rem}.kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoInput i:hover{opacity:.5}.kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoInput i.fa-check{color:var(--checkmark-color)}.kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoInput i.fa-xmark{color:var(--xmark-color)}.kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoInput input{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;width:80px;font-size:.9rem}.kontrollBelegWrapper .tableBody .tableRow .tableCell.files{flex-direction:column;justify-content:flex-start;align-items:flex-start}.kontrollBelegWrapper .tableBody .tableRow .tableCell.cellIds,.kontrollBelegWrapper .tableBody .tableRow .tableCell.waretype{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.kontrollBelegWrapper .tableBody .tableRow .btnBox{display:flex;justify-content:flex-end;gap:.5rem}.kontrollBelegWrapper .tableBody .tableRow .btnBox .fa-pen-to-square,.kontrollBelegWrapper .tableBody .tableRow .btnBox .fa-trash-can{padding:5px;border-radius:5px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;border:1px solid rgba(0,0,0,0)}.kontrollBelegWrapper .tableBody .tableRow .btnBox .fa-pen-to-square:hover,.kontrollBelegWrapper .tableBody .tableRow .btnBox .fa-trash-can:hover{box-shadow:none;border:1px solid var(--accent-color)}.kontrollBelegWrapper .tableBody .tableRow .btnBox .fa-trash-can{color:var(--xmark-color)}.kontrollBelegWrapper .tableBody .missingInfosDoc{background-color:var(--missing-doc-color)}@media(max-width:1000px){.kontrollbelegePage .kontrollContainer{background-color:rgba(0,0,0,0);box-shadow:none;overflow:visible}.kontrollbelegePage .kontrollContainer .kontrollHeader{border-radius:20px;background-color:var(--box-color);padding-bottom:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.25);height:auto}.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer{width:90%}.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer .filterIcon{display:block;margin-bottom:1rem}.kontrollBelegWrapper{height:auto}.kontrollBelegWrapper .tableHead{display:none}.kontrollBelegWrapper .tableBody{overflow:visible}.kontrollBelegWrapper .tableBody .tableRow{flex-direction:column;background:var(--box-color);border-radius:20px;margin:1.5rem 0;padding:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.25);height:auto}.kontrollBelegWrapper .tableBody .tableRow .tableCell{width:100%;justify-content:space-between;padding:.5rem;border-bottom:1px solid var(--line-color);position:relative;text-align:right}.kontrollBelegWrapper .tableBody .tableRow .tableCell:before{content:attr(data-label);font-weight:700;margin-right:auto}.kontrollBelegWrapper .tableBody .tableRow .tableCell:last-child{border-bottom:none;margin-top:5px;padding:5px 0}.kontrollBelegWrapper .tableBody .tableRow .tableCell.files{position:absolute;flex-direction:row;border-bottom:none;bottom:.5rem;left:0;width:auto;z-index:5}.kontrollBelegWrapper .tableBody .tableRow .tableCell.date{padding-left:.5rem;flex-direction:row;justify-content:space-between}.kontrollBelegWrapper .tableBody .tableRow .tableCell.date:before{display:none}.kontrollBelegWrapper .tableBody .tableRow .tableCell.cellIds,.kontrollBelegWrapper .tableBody .tableRow .tableCell.waretype{display:flex;flex-direction:row}.kontrollBelegWrapper .tableBody .tableRow .tableCell.cellIds p:first-child:after,.kontrollBelegWrapper .tableBody .tableRow .tableCell.waretype p:first-child:after{content:" |";padding:0 5px}}@media(max-width:500px){.kontrollbelegePage .kontrollContainer .kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoBox{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.kontrollbelegePage .kontrollContainer .kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoBox .flexBox{background-color:var(--box-color);height:auto;width:99%;border-radius:20px;display:flex;flex-direction:column;padding:1.5rem}.kontrollbelegePage .kontrollContainer .kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoBox .flexBox:before{content:"Bitte geben Sie den erhaltenen Betrag ein.";font-weight:700;font-size:1.5rem;text-align:center}.kontrollbelegePage .kontrollContainer .kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoBox .flexBox .betragInfoInput{gap:25px;margin-top:1.5rem}.kontrollbelegePage .kontrollContainer .kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoBox .flexBox .betragInfoInput .fa-check,.kontrollbelegePage .kontrollContainer .kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoBox .flexBox .betragInfoInput .fa-xmark{font-size:2rem;box-shadow:0 5px 15px var(--button-shadow);border-radius:50%;width:45px;height:45px;display:flex;justify-content:center;align-items:center}.kontrollbelegePage .kontrollContainer .kontrollBelegWrapper .tableBody .tableRow .tableCell.betragInfo .betragInfoBox .flexBox .betragInfoInput input{width:40%}.kontrollbelegePage .kontrollContainer .kontrollHeader .filterContainer .filterBox{justify-content:center}}.charts{position:absolute;right:0;top:0;bottom:0;width:30%;height:100%;background-color:var(--primary);justify-content:center;align-items:center;gap:1.5rem;z-index:2}.charts,.charts .chartBox{border-radius:14px;color:var(--text-color);display:flex;flex-direction:column}.charts .chartBox{width:90%;height:45%;background-color:var(--box-color);box-shadow:0 2px 6px rgba(0,0,0,.25);padding:.5rem;justify-content:space-between;align-items:flex-start;position:relative}.charts .chartBox .fa-up-right-and-down-left-from-center{cursor:pointer}.charts .chartBox .fa-up-right-and-down-left-from-center:hover{opacity:50%}.charts .chartBox .chartBoxTop{width:100%}.charts .chartBox .chartBoxTop select{background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;position:relative;opacity:1;margin:.5rem;padding:5px;z-index:2}.charts .chartBox .chartBoxTop .showLegendBtn{width:150px;border-radius:10px;border:none;color:#fff;font-size:14px;cursor:pointer;opacity:1;width:100px;background-color:var(--button-resume);padding:5px}.charts .chartBox .chartBoxTop .showLegendBtn:hover{opacity:.8}.charts .chartBox .customLegend{position:absolute;border:10px solid var(--primary);border-radius:14px 0 0 14px;width:250px;height:200px;left:-250px;top:0;overflow:hidden;z-index:-1}.charts .chartBox .customLegend .legendList{background-color:var(--box-color);overflow-y:overlay;height:100%;width:100%;padding:5px}.charts .chartBox .customLegend .legendList .listItem{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.charts .chartBox .isFullScreen{top:20px;left:0;border:none;position:relative}.charts .fullScreen{position:absolute;top:10px;right:10px}.charts .fa-angle-left{position:absolute;left:-17px;top:50%;width:30px;height:30px;background-color:#1e1e2f;border-radius:50%;display:flex;justify-content:center;align-items:center;border:4px solid #fff;box-shadow:0 0 3px gray;color:#fff;cursor:pointer;opacity:.8;transition:transform .4s ease}.charts .fa-angle-left:hover{opacity:1}@media(max-width:1300px){.mainContent .dashboardBox .charts{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;height:300px;margin-left:0;position:relative;background-color:rgba(0,0,0,0)!important}.mainContent .dashboardBox .charts .fa-angle-left{display:none}.mainContent .dashboardBox .charts .chartBox{width:calc(50% - .75rem);height:100%;margin:0}.mainContent .dashboardBox .charts .chartBox .customLegend{top:-200px;left:10px;border-radius:14px 14px 0 0}.mainContent .dashboardBox .charts .chartBox .isFullScreen{top:20px;left:0;border:none;position:relative}}@media(max-width:800px){.mainContent .dashboardBox .charts{flex-wrap:wrap;height:600px;background-color:rgba(0,0,0,0)!important}.mainContent .dashboardBox .charts .fa-angle-left{display:none}.mainContent .dashboardBox .charts .chartBox{width:100%;height:calc(300px - .75rem)}.mainContent .dashboardBox .charts .chartBox .customLegend{z-index:1}}.contactPage{width:100%;height:calc(100dvh - 100px);min-height:710px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1.5rem}.contactPage .alert{position:fixed;left:50%;transform:translateX(-50%);background-color:#3b6d5e;padding:20px;border-radius:10px;color:#fff}.contactPage .alert .fa-xmark{position:absolute;top:-10px;left:-10px;width:30px;height:30px;background-color:var(--text-color);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:.8;cursor:pointer}.contactPage .alert .fa-xmark:hover{opacity:1}.contactPage .contactForm{width:50%;height:100%;min-height:610px;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;background-color:var(--box-color);color:var(--text-color);box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:20px}.contactPage .contactForm .headlines{width:100%;height:122px}.contactPage .contactForm .headlines h2{width:100%;text-align:left;padding:1.5rem}.contactPage .contactForm .headlines h3{width:100%;text-align:center;font-weight:lighter;background-color:var(--box-color);padding:0 1.5rem 1.5rem}.contactPage .contactForm .formBox{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100% - 122px);padding:1.5rem}.contactPage .contactForm .formBox label{font-weight:500;color:var(--text-color);display:flex;flex-direction:column;width:80%}.contactPage .contactForm .formBox input,.contactPage .contactForm .formBox textarea{padding:10px;color:var(--text-color);border:none;border-radius:10px;width:80%;margin-bottom:1.5rem;background-color:var(--box-color2)}.contactPage .contactForm .formBox .btnBox{height:100px}.contactPage .contactForm .formBox .btnBox button{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);color:var(--button-text-color);background-color:var(--box-color);color:var(--text-color);margin-top:1rem}.contactPage .contactForm .formBox .btnBox button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.contactPage .contactForm .formBox .btnBox .error{border:1px solid var(--xmark-color)}.contactPage .contactForm .formBox .btnBox .errorMessage{color:var(--xmark-color);font-size:.8rem}.contactPage .contactForm .formBox .logo{width:100px}.contactPage .contactForm .rating{width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);color:var(--text-color);position:absolute;text-align:center;padding:9px;bottom:1.5rem;right:1.5rem}.contactPage .contactForm .rating:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.contactPage .contactForm .rating .fa-star{color:#fdcc0d;font-size:xx-large;padding:5px;border-radius:5px;transition:all .5s}.contactPage .contactForm .rating:hover .fa-star{transform:rotate(1turn)}.contactPage .infoContainer{width:47%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem}.contactPage .infoContainer .infoBox{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:300px;height:280px;background-color:var(--box-color);color:var(--text-color);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.contactPage .infoContainer .infoBox h3{text-align:center;margin-bottom:1.5rem}.contactPage .infoContainer .infoBox i{font-size:x-large;margin:1.5rem;background-color:var(--box-color);padding:1.5rem;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.contactPage .infoContainer .addressBlock{background-color:var(--accent-color);color:var(--button-text-color)}.contactPage .infoContainer .addressBlock i{color:var(--text-color)}@media(max-width:1500px){.contactPage .infoContainer .infoBox{width:250px;height:250px}}@media(max-width:1200px){.contactPage{align-items:flex-start;height:auto}.contactPage .contactForm{max-height:1000px}.contactPage .contactForm,.contactPage .infoContainer{width:100%;margin-bottom:1.5rem}}@media(max-width:600px){.contactPage .contactForm .headlines{margin-bottom:1.5rem}.contactPage .contactForm .formBox .btnBox{height:auto;display:flex;gap:1.5rem;flex-direction:column;justify-content:center;align-items:center}.contactPage .contactForm .formBox .btnBox .rating{position:static}}.plans{width:100%;height:100%;flex-wrap:wrap;justify-content:center;align-items:center;gap:50px}.plans,.plans .plan{display:flex;padding:1.5rem}.plans .plan{width:400px;min-height:650px;max-height:690px;height:80%;background-color:var(--box-color2);color:var(--text-color);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25);flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;overflow:hidden;border:1px solid #fff}.plans .plan .currentPlan{display:none}.plans .plan .currentPlan.active{display:flex;position:absolute;justify-content:center;align-items:center;flex-wrap:wrap;width:210px;height:60px;text-align:center;rotate:-45deg;background-color:var(--primary);color:var(--button-text-color);box-shadow:0 2px 6px rgba(0,0,0,.25);top:20px;left:-60px;padding:0 35px}.plans .plan .title{font-size:40px;font-family:SlimJim,sans-serif;padding-bottom:.5rem}.plans .plan .minTerm,.plans .plan .title{width:100%;text-align:center;font-weight:700}.plans .plan .minTerm{padding-bottom:2.5rem}.plans .plan .Preis{width:100%;text-align:center;font-weight:700;padding-bottom:.5rem}.plans .plan ul{list-style:none;padding-bottom:.7rem}.plans .plan ul li{font-size:15px;line-height:30px;display:flex;flex-direction:row;width:100%;margin-bottom:5px;gap:5px;align-items:center}.plans .plan ul li .fa-question{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);color:var(--text-color);min-width:25px!important;height:25px;width:25px;border-radius:50%;display:flex;justify-content:center;align-items:center}.plans .plan ul li .fa-question:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.plans .plan ul li div{display:inline}.plans .plan .optionsHeadline{font-weight:700}.plans .plan .opt{display:flex;flex-direction:row;height:50px}.plans .plan .opt .checkbox{appearance:none;-webkit-appearance:none;background-color:var(--box-color2);border:2px solid var(--text-color);width:20px;height:20px;border-radius:4px;position:relative;cursor:pointer;transition:background-color .2s,border-color .2s}.plans .plan .opt .checkbox:checked{background-color:var(--button-resume);border-color:var(--button-resume)}.plans .plan .opt .checkbox:checked:after{content:"";position:absolute;top:0;left:4px;width:6px;height:12px;border:solid var(--button-text-color);border-width:0 2px 2px 0;transform:rotate(45deg)}.plans .plan .opt .num{display:inline;padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;background-color:var(--primary);color:var(--button-text-color);width:50px}.plans .plan .endPrice{position:absolute;bottom:80px;left:1.5rem}.plans .plan .endPrice .Mwst{padding-bottom:.5rem}.plans .plan .endPrice .Gesamtpreis{font-weight:700}.plans .plan img{width:120px;height:120px;transform:rotate(270deg);position:absolute;top:-28px;left:-29.5px;filter:grayscale(100%) sepia(100%) hue-rotate(210deg) saturate(3) brightness(.7)}.plans .plan button{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);position:absolute;background-color:var(--button-resume);left:50%;transform:translateX(-50%);bottom:1.5rem}.plans .plan button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.plans .activePlan{background:none;width:450px;min-height:690px;height:85%;background-color:var(--box-color)!important;animation:none!important;color:var(--text-color);position:relative}.plans .activePlan img{width:120px;height:120px;transform:rotate(270deg);position:absolute;top:-28px;left:-29px;filter:grayscale(100%) sepia(100%) hue-rotate(210deg) saturate(3) brightness(.7)}@media(max-width:500px){.plans .plan{min-height:750px}}.legalDocumentsContainer{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center;z-index:20}.legalDocumentsContainer .docContainer{background-color:var(--box-color);color:var(--text-color);width:50%;height:95%;padding:1.5rem;border-radius:20px}.legalDocumentsContainer .docContainer .documentContent{overflow-y:scroll;height:90%;margin-bottom:1.5rem}.legalDocumentsContainer .docContainer .btnBox{width:100%;display:flex;justify-content:space-between;padding:0}.legalDocumentsContainer .docContainer .btnBox button{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color)}.legalDocumentsContainer .docContainer .btnBox button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.legalDocumentsContainer .docContainer .btnBox .cancelBtn{color:var(--text-color)}.legalDocumentsContainer .docContainer .btnBox .acceptBtn{background-color:var(--button-resume)}.legalDocumentsContainer .docContainer .btnBox .acceptBtn.disabled{opacity:50%;cursor:not-allowed}@media(max-width:800px){.legalDocumentsContainer .docContainer{width:100%;height:90%}}.paymentPage{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.paymentPage .cont{width:400px;height:auto;max-height:90dvh;overflow:hidden;overflow-y:auto;background-color:var(--box-color);color:var(--text-color);border-radius:20px;padding:20px;z-index:15}.paymentPage .cont .fa-xmark{cursor:pointer}.paymentPage .cont .title{font-size:1.5rem;text-align:center;margin-bottom:20px}@media(max-width:800px){.paymentPage .cont{width:100%}}.monatsauswertungPage{width:100%;height:calc(100dvh - 100px);padding:1.5rem}.monatsauswertungPage .maContainer{width:100%;height:100%;background-color:var(--box-color);box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:20px;position:relative;color:var(--text-color);overflow:hidden}.monatsauswertungPage .maContainer .headMonatsauswertung{height:190px;display:flex;flex-direction:column;justify-content:space-around}.monatsauswertungPage .maContainer .headMonatsauswertung .headline{padding:1.5rem}.monatsauswertungPage .maContainer .printContainer{position:absolute;top:1.5rem;right:1.5rem}.monatsauswertungPage .maContainer .printContainer .fa-print{padding:5px;border-radius:5px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer}.monatsauswertungPage .maContainer .printContainer .fa-print:hover{box-shadow:none;border:1px solid var(--accent-color)}.monatsauswertungPage .maContainer .filterContainer{display:flex;align-items:flex-start;margin-left:1.5rem;margin-bottom:1rem}.monatsauswertungPage .maContainer .filterContainer .filterIcon{display:none;margin-right:.5rem;padding:5px;border-radius:5px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer}.monatsauswertungPage .maContainer .filterContainer .filterIcon:hover{box-shadow:none;border:1px solid var(--accent-color)}.monatsauswertungPage .maContainer .filterContainer .filterBox{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;flex-direction:row}.monatsauswertungPage .maContainer .filterContainer .filterBox .elementBox{display:flex;flex-direction:column;align-items:center;margin-right:.5rem}.monatsauswertungPage .maContainer .filterContainer .filterBox .elementBox input,.monatsauswertungPage .maContainer .filterContainer .filterBox .elementBox select{width:100px;padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px}.monatsauswertungPage .tableWrapper{height:calc(100% - 190px)}.monatsauswertungPage .tableWrapper,.monatsauswertungPage .tableWrapper .tableBody,.monatsauswertungPage .tableWrapper .tableHead,.monatsauswertungPage .tableWrapper .totalsRowWrapper{width:100%;display:flex;flex-direction:column}.monatsauswertungPage .tableWrapper .tableHead{font-weight:700;background-color:var(--box-color2);border-bottom:1px solid var(--line-color);border-top:1px solid var(--line-color);height:50px;padding-right:20px}.monatsauswertungPage .tableWrapper .tableBody{max-height:490px;flex-direction:column-reverse}.monatsauswertungPage .tableWrapper .tableRow{display:flex;align-items:center;border-bottom:1px solid var(--line-color);height:70px}.monatsauswertungPage .tableWrapper .tableRow.totals{background-color:var(--accent-color);color:var(--button-text-color);font-weight:700;height:50px;padding-right:15px;border:none}.monatsauswertungPage .tableWrapper .tableRow .tableCell{flex:1;word-break:break-word;display:flex;align-items:center}.monatsauswertungPage .tableWrapper .tableRow .tableCell:first-child{padding-left:1.5rem}.monatsauswertungPage .tableWrapper .tableRow .tableCell:last-child{padding-right:1.5rem}.monatsauswertungPage .tableWrapper .tableRow .tableCell .fa-file-arrow-down,.monatsauswertungPage .tableWrapper .tableRow .tableCell .fa-pen-to-square{cursor:pointer;font-size:1rem}.monatsauswertungPage .tableWrapper .tableRow .tableCell .fa-file-arrow-down:hover,.monatsauswertungPage .tableWrapper .tableRow .tableCell .fa-pen-to-square:hover{opacity:.5}.monatsauswertungPage .tableWrapper .tableRow .tableCell .editButton{margin-left:auto;padding:5px;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.25);cursor:pointer}.monatsauswertungPage .tableWrapper .tableRow .tableCell .editButton:hover{box-shadow:none;border:1px solid var(--text-color)}.monatsauswertungPage .tableWrapper .tableRow .tableCell .files{display:flex;flex-direction:column;justify-content:center;align-items:center}.monatsauswertungPage .tableWrapper .tableRow .tableCell .fileButton{cursor:pointer;margin:3px;border:none;background:rgba(0,0,0,0);display:flex;align-items:center;color:var(--text-color)}.monatsauswertungPage .tableWrapper .tableRow .tableCell .fileButton .fileCheck{color:var(--checkmark-color);font-size:1rem}.monatsauswertungPage .tableWrapper .tableRow .tableCell .fileButton .noFile{color:var(--xmark-color);font-size:1rem}.monatsauswertungPage .tableWrapper .tableRow .tableCell.betragInfo{display:flex;align-items:center}.monatsauswertungPage .tableWrapper .tableRow .tableCell.betragInfo .betragInfoInput{display:flex;flex-direction:row;justify-content:center;align-items:center}.monatsauswertungPage .tableWrapper .tableRow .tableCell.betragInfo .betragInfoInput i{cursor:pointer;margin-right:.5rem;font-size:1rem}.monatsauswertungPage .tableWrapper .tableRow .tableCell.betragInfo .betragInfoInput i:hover{opacity:.5}.monatsauswertungPage .tableWrapper .tableRow .tableCell.betragInfo .betragInfoInput i.fa-check{color:var(--checkmark-color)}.monatsauswertungPage .tableWrapper .tableRow .tableCell.betragInfo .betragInfoInput i.fa-xmark{color:var(--xmark-color)}.monatsauswertungPage .tableWrapper .tableRow .tableCell.betragInfo .betragInfoInput input{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;width:80px;font-size:.9rem}.monatsauswertungPage .tableWrapper .tableRow .tableCell.cellIDs,.monatsauswertungPage .tableWrapper .tableRow .tableCell.date{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px}.monatsauswertungPage .tableWrapper .tbodyWrapper{overflow-y:overlay;width:100%;height:calc(100% - 100px)}@media(max-width:1300px){.monatsauswertungPage .maContainer{background:rgba(0,0,0,0);box-shadow:none;overflow:visible}.monatsauswertungPage .maContainer .filterContainer .filterIcon{display:block}.monatsauswertungPage .maContainer .headMonatsauswertung{background:var(--box-color);border-radius:20px;height:auto;box-shadow:0 2px 6px rgba(0,0,0,.25);padding-bottom:.5rem;margin-bottom:1.5rem}.monatsauswertungPage .tableWrapper{height:auto;position:relative}.monatsauswertungPage .tableWrapper .tableHead{display:none}.monatsauswertungPage .tableWrapper .tableBody{max-height:none}.monatsauswertungPage .tableWrapper .tbodyWrapper{overflow:visible;margin-top:290px}.monatsauswertungPage .tableWrapper .tableRow{flex-direction:column;background:var(--box-color);border-radius:20px;padding:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.25);height:500px;position:relative;margin-bottom:1.5rem}.monatsauswertungPage .tableWrapper .tableRow .tableCell{width:100%;justify-content:space-between;align-items:flex-end;padding:.5rem;border-bottom:1px solid var(--line-color);position:relative}.monatsauswertungPage .tableWrapper .tableRow .tableCell:before{content:attr(data-label);font-weight:700;margin-right:auto;text-align:left}.monatsauswertungPage .tableWrapper .tableRow .tableCell:last-child{border-bottom:none;align-items:center;padding:10px 5px}.monatsauswertungPage .tableWrapper .tableRow .tableCell:last-child:before{display:none}.monatsauswertungPage .tableWrapper .tableRow .tableCell:nth-child(2){margin-top:35px}.monatsauswertungPage .tableWrapper .tableRow .tableCell.date{flex-direction:row;padding-left:.5rem;border-bottom:none}.monatsauswertungPage .tableWrapper .tableRow .tableCell.date:before{display:none}.monatsauswertungPage .tableWrapper .tableRow .tableCell.cellIDs{display:flex;flex-direction:row}.monatsauswertungPage .tableWrapper .tableRow .tableCell.cellIDs p:first-child:after{content:" | ";padding:0 5px}.monatsauswertungPage .tableWrapper .tableRow .tableCell .files{flex-direction:row;justify-content:center;align-items:center;gap:5px}.monatsauswertungPage .tableWrapper .totalsRowWrapper{position:absolute;top:0}.monatsauswertungPage .tableWrapper .totalsRowWrapper .tableRow{height:auto;position:relative}.monatsauswertungPage .tableWrapper .totalsRowWrapper .tableRow .tableCell{border-bottom:1px solid var(--line-color)}.monatsauswertungPage .tableWrapper .totalsRowWrapper .tableRow .tableCell:nth-child(6),.monatsauswertungPage .tableWrapper .totalsRowWrapper .tableRow .tableCell:nth-child(7){border-bottom:none}}@media(max-width:500px){.monatsauswertungPage .tableWrapper .tableRow .betragInfo .betragInfoBox{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.monatsauswertungPage .tableWrapper .tableRow .betragInfo .betragInfoBox .flexBox{background-color:var(--box-color);height:auto;width:99%;border-radius:20px;display:flex;flex-direction:column;padding:1.5rem}.monatsauswertungPage .tableWrapper .tableRow .betragInfo .betragInfoBox .flexBox:before{content:"Bitte geben Sie den erhaltenen Betrag ein.";font-weight:700;font-size:1.5rem;text-align:center}.monatsauswertungPage .tableWrapper .tableRow .betragInfo .betragInfoBox .flexBox .betragInfoInput{gap:25px;margin-top:1.5rem}.monatsauswertungPage .tableWrapper .tableRow .betragInfo .betragInfoBox .flexBox .betragInfoInput .fa-check,.monatsauswertungPage .tableWrapper .tableRow .betragInfo .betragInfoBox .flexBox .betragInfoInput .fa-xmark{font-size:2rem;box-shadow:0 5px 15px var(--button-shadow);border-radius:50%;width:45px;height:45px;display:flex;justify-content:center;align-items:center}.monatsauswertungPage .tableWrapper .tableRow .betragInfo .betragInfoBox .flexBox .betragInfoInput input{width:40%}.monatsauswertungPage .maContainer .filterContainer{padding:0 1.5rem;margin:0;display:flex;flex-direction:column}.monatsauswertungPage .maContainer .filterContainer .filterBox{justify-content:center;padding-bottom:1.5rem}}.statisticPage{width:100%;height:calc(100dvh - 100px);padding:1.5rem}.statisticPage .statisticContainer{width:100%;height:100%;min-height:600px;background-color:var(--box-color);color:var(--text-color);box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:20px;padding:1.5rem}.statisticPage .statisticContainer .headBox{height:119px;margin-bottom:1.5rem}.statisticPage .statisticContainer .headBox .fa-filter{visibility:hidden}.statisticPage .statisticContainer .chartsBox{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:calc(100% - 119px);min-height:300px;gap:1.5rem}.statisticPage .statisticContainer .chartsBox .chart{height:90%;min-height:300px;width:49%;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:20px;padding:5px;position:relative;background-color:var(--accent-color);color:var(--button-text-color)}.statisticPage .statisticContainer .chartsBox .chart .diagramm{height:calc(100% - 60px);background-color:var(--box-color);border-radius:14px;min-height:280px}.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:10px;height:auto}.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm .headerLeft{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm .headerLeft .fa-up-right-and-down-left-from-center{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);color:var(--button-text-color);width:40px;color:var(--text-color);background-color:var(--box-color)}.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm .headerLeft .fa-up-right-and-down-left-from-center:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm .headerLeft .fa-info{box-shadow:0 5px 15px var(--button-shadow);background-color:var(--box-color);color:var(--text-color);width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm .headerLeft .fa-info:hover{box-shadow:none;border:1px solid var(--primary)}.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm .showAllBtn{width:40px;height:40px;margin:0;background-color:var(--box-color);color:var(--text-color);border:1px solid rgba(0,0,0,0);box-shadow:0 5px 15px var(--button-shadow);border-radius:10px;padding:7px;cursor:pointer;transition:width .4s ease-in-out;overflow:hidden}.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm .showAllBtn:hover{width:150px;box-shadow:none;border:1px solid var(--primary)}.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm .showAllBtn:hover .btn-content .btn-text{opacity:1}.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm .showAllBtn .btn-content{display:flex;align-items:center;min-width:max-content}.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm .showAllBtn .btn-content .btn-text{opacity:0;transition:opacity 1s ease;margin-left:8px}.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm .showAllBtn .btn-content .fa-eye,.statisticPage .statisticContainer .chartsBox .chart .headerDiagramm .showAllBtn .btn-content .fa-eye-slash{font-size:18px}.statisticPage .statisticContainer .chartsBox .chart:fullscreen{background-color:var(--box-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;flex-direction:column}.statisticPage .statisticContainer .chartsBox .chart:fullscreen .diagramm{height:80%;width:80%}.statisticPage .statisticContainer .filterBox{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;width:100%;position:relative}.statisticPage .statisticContainer .filterBox .monthYearBtn{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);color:var(--button-text-color);color:var(--text-color);background-color:var(--box-color);width:auto;font-size:1rem}.statisticPage .statisticContainer .filterBox .monthYearBtn:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.statisticPage .statisticContainer .filterBox .selectBox{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;margin-right:1.5rem}.statisticPage .statisticContainer .filterBox .selectBox select{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;width:100px}.statisticPage .statisticContainer .statisticBasic{width:100%;height:85%;position:relative}.statisticPage .statisticContainer .statisticBasic .img{filter:blur(1.5px);width:100%;height:100%;object-fit:fill}.statisticPage .statisticContainer .statisticBasic .upgrade{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center}.statisticPage .statisticContainer .statisticBasic .upgrade i{color:#ffe605}@media(max-width:1300px){.statisticPage .statisticContainer{height:auto}.statisticPage .statisticContainer .chartsBox{flex-direction:column;width:100%}.statisticPage .statisticContainer .chartsBox .chart{width:100%;height:100%}}@media(max-width:800px){.statisticPage .statisticContainer{padding:0;background-color:rgba(0,0,0,0);box-shadow:none}.statisticPage .statisticContainer .chartsBox{width:100%}.statisticPage .statisticContainer .headBox{background-color:var(--box-color);padding:15px;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25);position:relative;height:auto}.statisticPage .statisticContainer .headBox .fa-filter{width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);color:var(--text-color);position:absolute;right:15px;top:15px;width:50px;padding:5px;visibility:visible;text-align:center}.statisticPage .statisticContainer .headBox .fa-filter:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.statisticPage .statisticContainer .headBox .filterBox{flex-wrap:wrap;justify-content:center;gap:.5rem}.statisticPage .statisticContainer .headBox .filterBox .selectBox{margin:0}.statisticPage .statisticContainer .headBox .filterBox .monthYearBtn{position:relative}}@media(max-width:500px){.statisticPage .statisticContainer .headBox .filterBox{justify-content:space-between}.statisticPage .statisticContainer .headBox .filterBox .selectBox{width:100px}}.tutorialPage{width:100%;min-height:calc(100dvh - 100px);display:flex;flex-direction:column;align-items:center}.tutorialPage .top{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:80%;padding:1.5rem 0;position:relative;color:var(--text-color)}.tutorialPage .top .alertTut{position:absolute;text-align:center;left:50%;top:50%;width:auto;transform:translate(-50%,-50%);color:var(--xmark-color);box-shadow:1px 1px 10px 1px var(--xmark-color);border-radius:10px;padding:10px;background-color:var(--box-color)}.tutorialPage .top .toggle{position:absolute;right:20px;top:30px;padding:10px;display:flex;gap:10px;justify-content:center;align-items:center}.tutorialPage .top .toggle .text{color:var(--text-color)}.tutorialPage .top .toggle .toggle-switch{width:50px;height:24px;background-color:var(--primary);border-radius:12px;position:relative;cursor:pointer;transition:opacity .3s ease;z-index:2;box-shadow:0 0 3px var(--primary);opacity:.5}.tutorialPage .top .toggle .toggle-switch .switch-handle{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .3s ease,background-color .3s ease}.tutorialPage .top .toggle .toggle-switch.on{background-color:var(--primary);opacity:1}.tutorialPage .top .toggle .toggle-switch.on .switch-handle{left:calc(100% - 22px);background-color:#fff}.tutorialPage .tutorialsContainer{display:flex;flex-direction:column;align-items:stretch;width:80%;background-color:var(--box-color);color:var(--text-color);box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:20px}.tutorialPage .tutorialsContainer .dropdown{width:100%}.tutorialPage .tutorialsContainer .dropdown .dropdownBtn{cursor:pointer;font-size:1.25rem;padding:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-color)}.tutorialPage .tutorialsContainer .dropdown .dropdownBtn span{color:var(--accent-color)}.tutorialPage .tutorialsContainer .dropdown .dropdownBtn i{transition:transform .3s ease}.tutorialPage .tutorialsContainer .dropdown .dropdownBtn.open i{transform:rotate(180deg)}.tutorialPage .tutorialsContainer .dropdown .dropdownContent{overflow:hidden;max-height:0;padding:0;display:flex;justify-content:center;transition:max-height .5s ease,padding .5s ease;height:260px}.tutorialPage .tutorialsContainer .dropdown .dropdownContent video{width:100%;height:100%;object-fit:contain}.tutorialPage .tutorialsContainer .dropdown .show{max-height:300px;background-color:var(--light)}.tutorialPage .tutorialsContainer .dropdown:last-child .dropdownBtn{border:none}@media(max-width:500px){.tutorialPage .top .title{margin-bottom:2rem}.tutorialPage .top .toggle{top:55px;right:0}}.slick-list{height:100%;overflow:visible!important}.slick-list .slide-content{width:100%;display:flex;justify-content:center;align-items:center}.slick-track{display:flex;height:100%}.slick-slide{height:auto;margin-top:50px}.slick-slide>div{height:100%}.slick-slider{position:relative}.slick-slider .custom-arrow{position:absolute;display:block;background:var(--primary);border:4px solid var(--background-color);box-shadow:0 5px 15px var(--button-shadow);color:var(--background-color);top:0;z-index:1;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.slick-slider .custom-arrow:hover{box-shadow:none}.slick-slider .custom-arrow.disabled{opacity:50%;cursor:not-allowed}.slick-slider .arrow-next{right:40%}.slick-slider .arrow-prev{left:40%}.slick-slider .custom-dots{display:flex;justify-content:center;padding:0;margin:20px 0 0;list-style:none;position:absolute;top:0;left:50%;transform:translateX(-50%);height:50px;width:100px!important}.slick-slider .custom-dots .alertBubble{position:relative}.slick-slider .custom-dots .alertBubble .bubble{position:absolute;top:-15px;right:-60px;color:var(--button-text-color);font-size:1rem;padding:1px 5px;border-radius:20px;background-color:var(--xmark-color);z-index:1}.slick-slider .custom-dot{color:var(--primary);opacity:.6;transform:scale(1);transition:opacity .3s ease,transform .3s ease;cursor:pointer;width:24px;height:24px}.slick-slider .custom-dot.active{opacity:1;transform:scale(1.2)}.slick-slider .dot-inner{width:100%;height:100%;border-radius:50%}.slick-next:before,.slick-prev:before{display:none}.carousel-slide-container{height:80vh;display:flex;flex-direction:column;overflow:visible}.slideContainer{position:relative}.slideContainer .table{width:99%!important}.slideContainer .kontrollBelegSlide{width:99%;height:100%;background-color:var(--box-color);box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:20px;height:590px}.slideContainer .kontrollBelegSlide .kontrollBelegWrapper{height:83%}.slideContainer .kontrollBelegSlide h3{padding:1.5rem}@media(max-width:1000px){.slick-slider .arrow-next{right:20%}.slick-slider .arrow-prev{left:20%}.slideContainer .kontrollBelegSlide{background-color:rgba(0,0,0,0);box-shadow:none}.slideContainer .kontrollBelegSlide h3{background-color:var(--button-text-color);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25)}}.abholdatumForm{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15}.abholdatumForm .form{flex-direction:column;align-items:flex-start;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-color:var(--box-color);color:var(--text-color);width:40%;max-width:500px;height:auto;z-index:90;display:flex;justify-content:center;align-items:center;border-radius:20px}@media(max-width:1300px){.abholdatumForm .form{width:50%}}@media(max-width:900px){.abholdatumForm .form{width:95%}}.abholdatumForm .form .dateTitle{margin:0;padding:1.5rem;width:100%;text-align:center}.abholdatumForm .form .dateTitle:after{content:"";display:block;width:100%;height:5px;background-color:var(--accent-color);margin-top:.5rem;border-radius:2px}.abholdatumForm .form .fa-xmark{position:absolute;font-size:1.5rem;top:.5rem;left:.5rem;cursor:pointer}.abholdatumForm .form .fa-xmark:hover{opacity:.7}.abholdatumForm .form .dateBox{width:90%;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:20px;margin-top:10px;position:relative}.abholdatumForm .form .dateBox div{font-weight:700}.abholdatumForm .form .dateBox input{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px}.abholdatumForm .form .dateBox .calendar{position:absolute;z-index:1;top:40px;right:0}@media(max-width:500px){.abholdatumForm .form .dateBox .react-datepicker-popper{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90vw;width:350px;z-index:9999}.abholdatumForm .form .dateBox .react-datepicker-popper .react-datepicker{width:100%;font-size:14px}.abholdatumForm .form .dateBox .react-datepicker-popper .react-datepicker__month-container{width:260px}.abholdatumForm .form .dateBox .react-datepicker-popper .react-datepicker__time-container,.abholdatumForm .form .dateBox .react-datepicker-popper .react-datepicker__time-list-item{width:auto}}.abholdatumForm .form .dateBox .react-datepicker-popper .react-datepicker__navigation{background-color:rgba(0,0,0,0);width:20px;box-shadow:none}.abholdatumForm .form .dateBox .react-datepicker-popper .react-datepicker__close-icon:after,.abholdatumForm .form .dateBox .react-datepicker-popper .react-datepicker__day--keyboard-selected,.abholdatumForm .form .dateBox .react-datepicker-popper .react-datepicker__day--keyboard-selected:hover,.abholdatumForm .form .dateBox .react-datepicker-popper .react-datepicker__day--selected,.abholdatumForm .form .dateBox .react-datepicker-popper .react-datepicker__day--selected:hover,.abholdatumForm .form .dateBox .react-datepicker-popper .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected,.abholdatumForm .form .dateBox .react-datepicker-popper .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:var(--accent-color)}.abholdatumForm .form .UhrZeit{width:90%;height:auto;background-color:var(--box-color2);border-radius:20px;margin-top:30px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;position:relative;padding:20px 10px}.abholdatumForm .form .UhrZeit h3{width:100%;text-align:center}.abholdatumForm .form .UhrZeit div{background-color:var(--accent-color);color:var(--text-color);padding:10px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;opacity:.8}.abholdatumForm .form .UhrZeit div:hover{opacity:1}.abholdatumForm .form .UhrZeit .oder{position:absolute;top:-15px;background-color:var(--box-color2);color:var(--text-color);opacity:1;padding:5px 10px;box-shadow:0 0 1px gray;font-size:13px;cursor:default}.abholdatumForm .form .ensorgerBox{margin-top:20px;border-top:2px solid gray;width:80%;padding:20px}.abholdatumForm .form .ensorgerBox div{text-align:center}.abholdatumForm .form .ensorgerBox div span{font-weight:700}.abholdatumForm .form button{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);background-color:var(--button-resume);margin-bottom:1.5rem}.abholdatumForm .form button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.abholdatumForm .form button i{margin-left:.5rem;color:#fff!important}.abholdatumForm .sendIcon{color:rgba(63,58,136,.5568627451);margin-left:-50px}.ContainerFormBox{width:100%;height:100dvh;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.349);z-index:12;display:flex;justify-content:center;align-items:center}.ContainerFormBox .form{width:500px;height:auto;border-radius:20px;background-color:var(--box-color);color:var(--text-color);position:relative}.ContainerFormBox .form .fa-xmark{position:absolute;top:20px;left:20px;font-size:1.5rem;opacity:.8;cursor:pointer}.ContainerFormBox .form .fa-xmark:hover{opacity:1}.ContainerFormBox .form .head{display:flex;margin-top:70px;justify-content:space-around}.ContainerFormBox .form .head .unactiveNum{font-size:18px;font-weight:700;color:var(--accent-color)}.ContainerFormBox .form .head .activeNum{font-size:18px;font-weight:700;color:var(--primary-color)}.ContainerFormBox .form .numBox{width:100%;height:10px;display:flex;justify-content:space-around;margin-top:10px;background-color:var(--accent-color2)}.ContainerFormBox .form .numBox div{width:35px;height:35px;background-color:var(--accent-color2);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:-12px}.ContainerFormBox .form .numBox .activeNum{background-color:var(--primary)}.ContainerFormBox .form .feldBox{width:100%;height:auto;margin-top:30px;overflow:hidden;overflow-y:auto;padding:20px}.ContainerFormBox .form .feldBox div{padding:5px;display:flex;justify-content:space-between}.ContainerFormBox .form .feldBox div label{width:40%;font-weight:700;display:flex;align-items:center}.ContainerFormBox .form .feldBox div label span{color:red}.ContainerFormBox .form .feldBox div input,.ContainerFormBox .form .feldBox div select{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;width:100%}.ContainerFormBox .form .feldBox .input-wrapper{width:calc(70% - .75rem)}.ContainerFormBox .form .feldBox .btnBox{margin-top:1.5rem;width:100%;display:flex;justify-content:space-between}.ContainerFormBox .form .feldBox .btnBox button{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color)}.ContainerFormBox .form .feldBox .btnBox button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.ContainerFormBox .form .feldBox .btnBox .skipBtn{background-color:var(--button-cancel);color:var(--button-text-color)}.ContainerFormBox .form .feldBox .btnBox .Speichern{background-color:var(--button-resume);color:var(--button-text-color)}.editContainer{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15}.editContainer .editWindow{position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-color:var(--box-color);color:var(--text-color);width:40%;max-width:500px;height:auto;z-index:90;display:flex;justify-content:center;align-items:center;border-radius:20px}@media(max-width:1300px){.editContainer .editWindow{width:50%}}@media(max-width:900px){.editContainer .editWindow{width:95%}}.editContainer .editWindow .fa-xmark{position:absolute;font-size:1.5rem;top:.5rem;left:.5rem;cursor:pointer}.editContainer .editWindow .fa-xmark:hover{opacity:.7}.editContainer .editWindow .editForm,.editContainer .editWindow .editForm .editFormData{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.editContainer .editWindow .editForm .editFormData{height:80%;margin-bottom:1.5rem}.editContainer .editWindow .editForm .editFormData .formDataTitle{display:block;text-align:center;width:100%;font-size:x-large;padding:1.5rem}.editContainer .editWindow .editForm .editFormData .formDataTitle:after{content:"";display:block;width:100%;height:5px;background-color:var(--accent-color);margin-top:.5rem;border-radius:2px}.editContainer .editWindow .editForm .editFormData .editText{position:relative;width:90%;text-align:center;font-weight:lighter}.editContainer .editWindow .editForm .editFormData .feldBox{width:100%;padding:.5rem 1.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center}.editContainer .editWindow .editForm .editFormData .feldBox .label{width:30%;display:block;text-align:left;font-size:1rem}.editContainer .editWindow .editForm .editFormData .feldBox .input{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;width:70%}.editContainer .editWindow .editForm .editFormData .feldBox .validationBox{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.editContainer .editWindow .editForm .editFormData .feldBox .validationBox .label{width:30%}.editContainer .editWindow .editForm .editFormData .feldBox .validationBox .input-wrapper{width:70%}.editContainer .editWindow .editForm .editFormData .feldBox .validationBox .input-wrapper input{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;width:100%}.editContainer .editWindow .editForm .btnBox{width:100%;display:flex;justify-content:space-between;padding:0 1.5rem 1.5rem}.editContainer .editWindow .editForm .btnBox button{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color)}.editContainer .editWindow .editForm .btnBox button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.editContainer .editWindow .editForm .btnBox .cancel{background-color:var(--button-cancel);color:var(--button-text-color)}.editContainer .editWindow .editForm .btnBox .save{background-color:var(--button-resume);color:var(--button-text-color)}.editDocContainer{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15}.editDocContainer .editDocForm{position:relative;flex-direction:column;padding:1.5rem;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-color:var(--box-color);color:var(--text-color);width:40%;max-width:500px;height:auto;z-index:90;display:flex;justify-content:center;align-items:center;border-radius:20px}@media(max-width:1300px){.editDocContainer .editDocForm{width:50%}}@media(max-width:900px){.editDocContainer .editDocForm{width:95%}}.editDocContainer .editDocForm h2{margin-bottom:1.5rem}.editDocContainer .editDocForm h2:after{content:"";display:block;width:100%;height:5px;background-color:var(--accent-color);margin-top:.5rem;border-radius:2px}.editDocContainer .editDocForm .feldBox{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative}.editDocContainer .editDocForm .feldBox label{font-weight:700;font-size:1rem;width:40%}.editDocContainer .editDocForm .feldBox input,.editDocContainer .editDocForm .feldBox textarea{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;width:60%}.editDocContainer .editDocForm .feldBox input[type=file]{display:none}.editDocContainer .editDocForm .feldBox .dataUploadBox{width:60%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;font-size:.8rem}.editDocContainer .editDocForm .feldBox .dataUploadBox .customUploadButton{border-radius:5px;background-color:var(--button-resume);font-weight:lighter;font-size:.8rem;width:45%;padding:4px;color:var(--button-text-color);text-align:center;cursor:pointer}.editDocContainer .editDocForm .feldBox .wrongInput{position:absolute;top:-10px;left:0;font-size:.8rem;color:var(--xmark-color)}.editDocContainer .editDocForm .feldBox .wgsBox{width:60%;text-align:center}.editDocContainer .editDocForm .feldBox .wgsBox .deleteWgs{position:relative;color:var(--xmark-color);margin-left:1.5rem;cursor:pointer}.editDocContainer .editDocForm .feldBox .wgsBox .deleteWgs:hover{opacity:.7}.editDocContainer .editDocForm .btnBox{width:100%;display:flex;justify-content:space-between;padding:0}.editDocContainer .editDocForm .btnBox button{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color)}.editDocContainer .editDocForm .btnBox button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.editDocContainer .editDocForm .btnBox .cancel{background-color:var(--button-cancel);color:var(--button-text-color)}.editDocContainer .editDocForm .btnBox .save{background-color:var(--button-resume);color:var(--button-text-color)}.editDocContainer .editDocForm .fa-xmark{position:absolute;padding:1.5rem;font-size:1.5rem;top:0;left:0;cursor:pointer}.monthlyPrice{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15}.monthlyPrice .form{flex-direction:column;width:500px;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-color:var(--box-color);color:var(--text-color);width:40%;max-width:500px;height:auto;z-index:90;display:flex;justify-content:center;align-items:center;border-radius:20px}@media(max-width:1300px){.monthlyPrice .form{width:50%}}@media(max-width:900px){.monthlyPrice .form{width:95%}}.monthlyPrice .form .title{display:block;text-align:center;width:100%;font-size:x-large;padding:1.5rem;border:none}.monthlyPrice .form .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--accent-color);margin-top:.5rem;border-radius:2px}.monthlyPrice .form .fa-xmark{position:absolute;top:.5rem;left:.5rem;font-size:1.5rem;opacity:.8;z-index:100;cursor:pointer}.monthlyPrice .form .fa-xmark:hover{opacity:1}.monthlyPrice .form .yearSelector{margin-bottom:.5rem}.monthlyPrice .form .yearSelector select{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.25);background-color:var(--accent-color2)}.monthlyPrice .form .monthTable{width:100%;padding:.5rem 1.5rem 1.5rem}.monthlyPrice .form .monthTable .row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:15px;font-weight:700;padding:.5rem;border-radius:15px;border-bottom:1px solid var(--line-color)}.monthlyPrice .form .monthTable .row .month{width:50%}.monthlyPrice .form .monthTable .row .price{width:50%;text-align:end}.monthlyPrice .form .monthTable .row .priceInput{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px}.monthlyPrice .form .monthTable .active{box-shadow:0 2px 6px rgba(0,0,0,.25)}.monthlyPrice .form .btnBox{width:100%;display:flex;padding:0 1.5rem;justify-content:space-between;margin-bottom:1.5rem}.monthlyPrice .form .btnBox button{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color)}.monthlyPrice .form .btnBox button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.monthlyPrice .form .btnBox .cancel{background-color:var(--button-cancel);color:var(--button-text-color)}.monthlyPrice .form .btnBox .save{background-color:var(--button-resume);color:var(--button-text-color)}.showMore{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15}.showMore .detailMenue{display:block;justify-content:center;align-items:flex-start;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);border-radius:20px;background-color:var(--box-color);color:var(--text-color);z-index:20;width:90%;min-width:330px;height:auto}.showMore .detailMenue .fa-xmark{position:absolute;top:1.5rem;left:1.5rem;font-size:1.5rem}.showMore .detailMenue .detailBox{display:flex;flex-direction:column;width:100%}.showMore .detailMenue .detailBox .gridHead{display:grid;grid-template-columns:1fr;width:100%;padding:1.5rem}.showMore .detailMenue .detailBox .gridHead h2{text-align:center;width:100%}.showMore .detailMenue .detailBox .gridHead h2:after{content:"";display:block;width:100%;height:5px;background-color:var(--accent-color);margin-top:.5rem;border-radius:2px}.showMore .detailMenue .detailBox .gridRow{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:1.5rem;position:relative}.showMore .detailMenue .detailBox .gridRow:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background-color:#e4e4e4}.showMore .detailMenue .detailBox .gridRow span{word-wrap:break-word;text-align:end;font-weight:lighter}.showMore .detailMenue .detailBox .gridRow .tdTitle{font-weight:700;text-align:start}.showMore .detailMenue .detailBox .btnBox{width:100%;display:flex;justify-content:space-between;padding:1.5rem}.showMore .detailMenue .detailBox .btnBox .deleteBtn{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);background-color:var(--button-delete)}.showMore .detailMenue .detailBox .btnBox .deleteBtn:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.showMore .detailMenue .detailBox .btnBox .editBtn{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);background-color:var(--button-resume)}.showMore .detailMenue .detailBox .btnBox .editBtn:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.showMore .detailMenue .detailBox .btnBox .abholdatumBtn{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);background-color:var(--button-resume)}.showMore .detailMenue .detailBox .btnBox .abholdatumBtn:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}@media(max-width:800px){.showMore .detailMenue .detailBox .btnBox .abholdatumBtn,.showMore .detailMenue .detailBox .btnBox .deleteBtn,.showMore .detailMenue .detailBox .btnBox .editBtn{width:90px}}@media(max-width:500px){.editDocContainer .editDocForm h2{margin-top:1.5rem}.editDocContainer .editDocForm .feldBox{flex-wrap:wrap}.editDocContainer .editDocForm .feldBox .dataUploadBox,.editDocContainer .editDocForm .feldBox .wgsBox,.editDocContainer .editDocForm .feldBox input,.editDocContainer .editDocForm .feldBox label,.editDocContainer .editDocForm .feldBox textarea{width:100%}}.invoicePage{width:100%;height:calc(100dvh - 100px);padding:1.5rem}.invoicePage .invoiceContainer{background:var(--box-color);color:var(--text-color);border-radius:20px;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.invoicePage .invoiceContainer .invoiceTop{height:150px;display:flex;flex-direction:column;justify-content:space-around}.invoicePage .invoiceContainer .invoiceTop h2{margin:1.5rem 0 0 1.5rem}.invoicePage .invoiceContainer .invoiceTop .nextPayment{margin-left:1.5rem}.invoicePage .invoiceContainer .invoiceTop .plan{background-color:var(--checkmark-color);width:140px;padding:8px 8px 8px 1.5rem;border-top-right-radius:20px;border-bottom-right-radius:20px;color:#fff}.invoicePage .invoiceContainer .invoiceTable{margin-top:1.5rem;display:flex;flex-direction:column;flex:1;min-height:0}.invoicePage .invoiceContainer .invoiceTable .invoiceHeader{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;width:100%;height:70px;background-color:var(--box-color2);flex-shrink:0;border-bottom:1px solid var(--line-color);border-top:1px solid var(--line-color);padding:0 1.5rem;font-weight:700}.invoicePage .invoiceContainer .invoiceTable .invoiceHeader p{width:20%;margin:0;box-sizing:border-box}.invoicePage .invoiceContainer .invoiceTable .invoiceBody{flex:1;overflow-y:auto;min-height:0;border-bottom:1px solid var(--line-color)}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:70px;border-bottom:1px solid var(--line-color);padding:0 1.5rem}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .btnBox,.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow p{width:20%}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .btnBox button,.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow p button{background-color:var(--button-resume);border-radius:10px;color:var(--button-text-color);cursor:pointer;padding:5px;width:auto;border:none}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .btnBox button i,.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow p button i{font-size:1.2rem;margin-right:5px}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .btnBox button:hover,.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow p button:hover{opacity:50%}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .invoiceLoader{display:flex;flex-direction:column;align-items:center;justify-content:center}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .showMoreBtn{display:none;color:var(--text-color)}.invoicePage .invoiceContainer .showMoreInvoice{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.invoicePage .invoiceContainer .showMoreInvoice .showMoreBox{background-color:var(--box-color);width:auto;height:auto;min-width:330px;border-radius:20px;padding:1.5rem;position:relative}.invoicePage .invoiceContainer .showMoreInvoice .showMoreBox .fa-xmark{font-size:1.5rem;position:absolute;top:1.5rem;left:1.5rem}.invoicePage .invoiceContainer .showMoreInvoice .showMoreBox h2{text-align:center}.invoicePage .invoiceContainer .showMoreInvoice .showMoreBox h2:after{content:"";display:block;width:100%;height:5px;background-color:var(--accent-color);margin-top:.5rem;border-radius:2px}.invoicePage .invoiceContainer .showMoreInvoice .showMoreBox .showMoreRows{margin-top:1.5rem}.invoicePage .invoiceContainer .showMoreInvoice .showMoreBox .showMoreRows .rowBox{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--line-color)}.invoicePage .invoiceContainer .showMoreInvoice .showMoreBox .showMoreRows .rowBox p:first-child{font-weight:700}.invoicePage .invoiceContainer .showMoreInvoice .showMoreBox .showMoreBtnBox{margin-top:1.5rem;width:100%;display:flex;justify-content:center;align-items:center}.invoicePage .invoiceContainer .showMoreInvoice .showMoreBox .showMoreBtnBox button{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);color:var(--text-color)}.invoicePage .invoiceContainer .showMoreInvoice .showMoreBox .showMoreBtnBox button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}@media(max-width:1000px){.invoicePage .invoiceContainer .invoiceTable .invoiceHeader{padding-right:calc(15px + 1.5rem)}.invoicePage .invoiceContainer .invoiceTable .invoiceHeader p{width:26%}.invoicePage .invoiceContainer .invoiceTable .invoiceHeader p:nth-child(3),.invoicePage .invoiceContainer .invoiceTable .invoiceHeader p:nth-child(4){display:none}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow{justify-content:flex-start}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow p{width:26%}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .model,.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .orderID{display:none}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .btnBox{width:26%}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .btnBox button{padding:0;width:20px;height:20px;overflow:hidden;border-radius:0;color:var(--text-color);background-color:rgba(0,0,0,0)}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .btnBox button i{font-size:20px}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .invoiceLoader{width:26%;font-size:.7rem;align-items:flex-start}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .showMoreBtn{width:20%;display:block;background-color:rgba(0,0,0,0);border:none;font-weight:700;text-align:end}}@media(max-width:500px){.invoicePage .invoiceContainer .invoiceTable .invoiceHeader{padding-right:calc(15px + 1.5rem)}.invoicePage .invoiceContainer .invoiceTable .invoiceHeader p{width:40%}.invoicePage .invoiceContainer .invoiceTable .invoiceHeader p:first-child{display:none}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .btnBox,.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .invoiceLoader,.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow p{width:40%}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .invoiceID{display:none}.invoicePage .invoiceContainer .invoiceTable .invoiceBody .invoiceRow .showMoreBtn{width:20%}}.notificationPage{padding:1.5rem;width:100%;height:calc(100dvh - 100px)}.notificationPage .notificationContainer{background-color:var(--box-color);color:var(--text-color);overflow:hidden;width:100%;height:100%!important;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.notificationPage .notificationContainer h2{border-bottom:1px solid var(--line-color);padding:1.5rem}.notificationPage .notificationContainer .notificationsBox{height:80%!important;width:100%;overflow-y:overlay}.notificationPage .notificationContainer .notificationsBox .emptyBox{margin-top:1.5rem;text-align:center;font-size:1.2rem}.notificationPage .notificationContainer .notificationsBox .emptyBox i{border-radius:50px;box-shadow:0 2px 6px rgba(0,0,0,.25);padding:16px 25px}.notificationPage .notificationContainer .notificationsBox .loaderBox{width:100%}.notificationPage .notificationContainer .notificationsBox .loaderBox .alert{border:1px solid var(--line-color);padding:1.5rem}.notificationPage .notificationContainer .notificationsBox .loaderBox .alert .pauseBtn{display:flex;flex-direction:row;gap:5px}.notificationPage .notificationContainer .notificationsBox .loaderBox .loader{background-color:var(--button-resume);color:var(--checkmark-color);height:10px;transition:all .6s linear}.notificationPage .notificationContainer .notificationsBox .notification{padding:1.5rem;border:1px solid var(--line-color);height:auto!important;position:relative}.notificationPage .notificationContainer .notificationsBox .notification .btnBox{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.notificationPage .notificationContainer .notificationsBox .notification .btnBox button{width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);color:var(--text-color);padding:0;width:120px;height:40px}.notificationPage .notificationContainer .notificationsBox .notification .btnBox button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.notificationPage .notificationContainer .notificationsBox .notification .btnBox .confirmBtn{background-color:var(--checkmark-color);color:#fff}.notificationPage .notificationContainer .notificationsBox .notification .btnBox .suggestBtn{background-color:var(--button-resume);color:#fff}.notificationPage .notificationContainer .notificationsBox .notification .checkbox{position:absolute;top:5px;left:5px;color:#fff;background-color:var(--checkmark-color);border-radius:50%;padding:3px;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.notificationPage .notificationContainer .notificationsBox .notification .datum{position:absolute;top:5px;right:5px;font-size:.8rem}.notificationPage .notificationContainer .notificationsBox .notification .fa-trash-can{position:absolute;color:var(--xmark-color);bottom:5px;right:5px}.notificationPage .notificationContainer .notificationsBox .notification .title{font-weight:700;margin-bottom:10px}:export{primary:#9e6f8b;secondary:#6f7c9e;third:#7b9e8a;forth:#d9b48f}.resetPasswordContainer{width:500px;height:auto;background-color:var(--box-color);position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);justify-content:flex-start;padding:1.5rem;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:20px;z-index:1}.resetPasswordContainer,.resetPasswordContainer form{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.resetPasswordContainer form{width:50%}.resetPasswordContainer form input{padding:10px;background-color:var(--box-color2);color:var(--text-color);border:none;border-radius:10px}.resetPasswordContainer form button{padding:10px;width:150px;border-radius:10px;box-shadow:0 5px 15px var(--button-shadow);cursor:pointer;font-size:14px;border:1px solid rgba(0,0,0,0);background-color:var(--box-color);color:var(--button-text-color);background-color:var(--button-resume)}.resetPasswordContainer form button:hover{box-shadow:none;border:1px solid var(--text-color);opacity:1}.resetPasswordContainer form .validationBox{position:relative;overflow:visible}.resetPasswordContainer form .validationBox .input-wrapper{width:100%;position:relative}.resetPasswordContainer form .validationBox .passwordHintPopup{position:absolute;top:15px;right:-80%;width:80%;z-index:5;height:auto;background-color:rgba(0,0,0,0);color:var(--xmark-color);border:1px solid var(--xmark-color)}.resetPasswordContainer h1{margin-top:50px}.resetPasswordContainer .loginLogo{position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:100px;background-color:var(--box-color);border-radius:50%;padding:5px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.resetPasswordContainer .resetMessage{color:var(--xmark-color)}@media(max-width:500px){.resetPasswordContainer,.resetPasswordContainer form{width:100%}.resetPasswordContainer form .validationBox{width:60%}.resetPasswordContainer form .validationBox .input-wrapper{width:100%}.resetPasswordContainer form .validationBox .passwordHintPopup{width:91px;right:-46%}}.dataProtectionContainer{background-color:var(--box-color);margin:1.5rem;border-radius:20px;padding:1.5rem}.dataProtectionContainer ul{list-style:disc inside;padding-left:1rem;margin-bottom:1rem}.dataProtectionContainer li{margin-left:1rem;margin-bottom:.5rem}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:normal}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:rgb(165.75,165.75,165.75)}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.7rem / 2);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:white;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:rgb(49.8551020408,189.6448979592,62.5632653061)}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:magenta}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:rgb(207,82.9642857143,0)}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:rgb(186.25,217.0833333333,241.25);color:rgb(0,0,0)}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:rgb(178.5,178.5,178.5)}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:rgb(178.5,178.5,178.5)}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:rgb(178.5,178.5,178.5)}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}