@charset "UTF-8";@font-face{font-family:Overpass;src:url(/assets/Overpass-VariableFont_wght-BY37P1-K.ttf)}*{margin:0;padding:0;box-sizing:border-box;font-family:Overpass}* ::placeholder{color:var(--secondary)}a{text-decoration:none;color:inherit}img,video{display:block;max-width:100%}h1{font-size:2vw;font-weight:400}h2{font-size:1.5vw;font-weight:400}h3{font-size:1.3vw;font-weight:400}h4{font-size:1vw;font-weight:400}h4 span{font-size:.7vw;position:relative;top:-1vh}p{font-size:1vw;font-weight:300}:root{--primary: #042e50;--primaryHover: #03243f;--secondary: #006bc2;--lightSecondary: #ffd00a;--gray: #8a8a8a;--white: #ffffff;--sand: #f5f3f4;--red: #fd6161;--green: #85b22b;--adminLayoutHeightWithSearch: 72vh;--adminLayoutHeight: 80vh}#root{min-height:100vh}body{height:100vh}.login{max-width:450px;height:88vh;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .6s ease}.login form{display:flex;flex-direction:column;padding:2.5% 5%;color:var(--primary);border:2px solid var(--primary);border-radius:.5vmax;gap:2vh;align-items:center;justify-content:space-evenly;height:55vh;width:100%}.login form div{width:100%;display:flex;flex-direction:column;gap:2vh}.login form div h3{text-align:center;font-weight:700}.login form img{margin-bottom:auto;margin-inline:auto;width:90%}.login form fieldset{border:2px solid var(--secondary);border-radius:.3vmax;padding:2.5%;position:relative;width:100%}.login form fieldset legend{padding:0;margin:0;position:absolute;top:0;z-index:0;opacity:0;background-color:var(--white);transition:all .6s ease}.login form fieldset input{font-size:1vmax;width:100%;color:var(--primary);border:none;position:relative;background:transparent;z-index:1;padding-top:.2vw}.login form fieldset input::placeholder{color:var(--lightSecondary);font-size:1vmax;transition:all .1s ease}.login form fieldset input:focus{outline:none;border-color:var(--primary)}.login form fieldset input:focus::placeholder{opacity:0}.login form fieldset input:focus+legend{background-color:#fff;z-index:0;opacity:1;transform:translateY(-50%)}.login form fieldset svg{position:absolute;right:2.5%;top:30%;z-index:2;cursor:pointer}.login form button{font-size:1.2vmax;width:100%;padding:3% 2.5% 2.5%;background-color:var(--primary);color:var(--sand);border:2px solid var(--secondary);border-radius:.3vmax;display:flex;justify-content:center;gap:.5vw}.login form button h4{font-size:1.15vw}.teilnehmerDashboard .versionSelector{width:95%;display:flex;gap:1vw;margin:1vh auto}.teilnehmerDashboard .versionSelector .versionChanger{height:2vh;flex:1;background-color:var(--primary);cursor:pointer;color:var(--lightSecondary);justify-content:center;align-items:center;width:100%;text-align:center;padding-top:.15%}.teilnehmerDashboard .versionSelector .versionChanger h5{font-weight:400}.teilnehmerDashboard .versionSelector .versionChanger.active{background-color:var(--lightSecondary);color:var(--primary)}.dashboardWithPoints{width:100vw;overflow:hidden}.dashboardWithPoints .dashboard{display:grid;padding-inline:2.5%;grid-template-columns:34% 29% 34%;justify-content:space-between;gap:2vh;grid-template-rows:75vh}.dashboardWithPoints .dashboard .points{display:grid;grid-template-rows:repeat(2,1fr);gap:2vh}.reservationBoard{width:100%;background-color:var(--primaryHover);border-radius:.3vw;display:flex;flex-direction:column;padding-inline:.5%;padding-top:1%}.reservationBoard h2{color:var(--white);font-size:1.2vw;font-weight:400;padding:2.5%;text-align:center;margin-top:1vh}.reservationBoard .title{display:flex;align-items:center;justify-content:center;border-bottom:2px solid var(--white)}.reservationBoard .title .icon{color:var(--white);width:8vw;height:8vw}.reservationBoard .title h3{color:var(--white);width:50%;font-size:1.7vw;font-weight:500;padding-top:2.5%}.reservationBoard .title .iconTicket{color:var(--white);width:8vw;height:8vw;padding:2.5%}.reservationBoard .upcomingCardWrapper{max-height:100%;overflow-y:scroll;border-bottom:1px solid var(--white)}.reservationBoard .upcomingCardWrapper:nth-last-child(1){border:none}.upcomingCard{display:block;padding:2.5% 5%;border-bottom:2px solid var(--sand)}.upcomingCard div{display:flex;align-items:center;justify-content:space-between;gap:1vw;margin:0 auto}.upcomingCard div p{color:var(--white);font-size:1.3vmax;width:fit-content}.upcomingCard .cardInfo{display:flex;justify-content:space-evenly;margin:0 auto}.upcomingCard .cardInfo img{width:23%}.upcomingCard .cardInfo p{width:70%;font-size:1vw;color:var(--white);margin:0 auto;text-align:center}.finalPoints{background-color:var(--primaryHover);width:100%;padding:2.5% 2.5% 0;border-radius:.3vw;height:100%;display:flex;flex-direction:column}.finalPoints .title{display:flex;align-items:center;justify-content:space-evenly}.finalPoints .title .icon{color:var(--white);width:8vw;height:8vw}.finalPoints .title h3{color:var(--white);width:50%;text-align:center;font-size:1.7vw;font-weight:500;padding-top:2.5%}.finalPoints .infoWrapper{padding-top:.5vh;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.finalPoints .infoWrapper .finalPointsStatus{border-bottom:.1vw solid var(--white);margin:0 auto;display:flex;justify-content:center;align-items:center;width:100%;flex:1}.finalPoints .infoWrapper .finalPointsStatus:nth-last-child(1){border:none}.finalPoints .infoWrapper .finalPointsStatus h3{color:var(--white);text-align:center;font-size:1.5vw;line-height:1.5vw;font-weight:500}.finalPoints .infoWrapper .finalPointsStatus h3 span{font-size:1.8vmax}.finalPoints .infoWrapper .finalPointsStatus p{margin:0 auto;width:90%;font-size:.9vmax;color:var(--white);text-align:center;font-weight:300;padding:1vh}.finalPoints .infoWrapper .upcomingBadge{color:var(--white)}.finalPoints a{color:var(--white);text-align:center;padding-block:1.5%;font-size:.9vmax;font-weight:300}.finalPoints a b{text-decoration:underline}.pendingPoints{background-color:var(--secondary);width:100%;padding:2.5% 2.5% 0;border-radius:.3vw;height:100%;display:flex;flex-direction:column}.pendingPoints .title{display:flex;align-items:center;justify-content:space-evenly}.pendingPoints .title .icon{color:var(--white);width:8vw;height:8vw}.pendingPoints .title h3{color:var(--white);width:50%;text-align:center;font-size:1.7vw;font-weight:500;padding-top:2.5%}.pendingPoints .infoWrapper{padding-top:.5vh;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.pendingPoints .infoWrapper .finalPointsStatus{border-bottom:.1vw solid var(--white);margin:0 auto;display:flex;justify-content:center;align-items:center;width:100%;flex:1}.pendingPoints .infoWrapper .finalPointsStatus:nth-last-child(1){border:none}.pendingPoints .infoWrapper .finalPointsStatus h3{color:var(--white);text-align:center;font-size:1.5vw;line-height:1.5vw;font-weight:500}.pendingPoints .infoWrapper .finalPointsStatus h3 span{font-size:1.8vmax}.pendingPoints .infoWrapper .finalPointsStatus p{margin:0 auto;width:90%;font-size:.9vmax;color:var(--white);text-align:center;font-weight:300}.pendingPoints a{color:var(--white);text-align:center;padding-block:1.5%;font-size:.9vmax;font-weight:300}.pendingPoints a b{text-decoration:underline}.offers{border-radius:.3vw;display:flex;flex-direction:column;padding-inline:.5%;padding-top:1%;height:100%;background-color:var(--primary)}.offers .title{display:flex;align-items:center;justify-content:space-evenly;border-bottom:2px solid var(--white)}.offers .title .icon{color:var(--white);width:8vw;height:8vw}.offers .title h3{color:var(--white);width:50%;text-align:center;font-size:1.7vw;font-weight:500;padding-top:2.5%}.offers .title .iconTicket{color:var(--white);width:8vw;height:8vw;padding:2.5%}.offers .upcomingCardWrapper{min-height:70%;overflow-y:scroll;border-bottom:1px solid var(--white)}.offers .upcomingCardWrapper:nth-last-child(1){border:none}.offers .upcomingCardWrapper .offerCard{border-bottom:1px solid var(--white);max-height:13vh;margin-bottom:.2vh}.offers .upcomingCardWrapper .offerCard h2{font-size:1.1vw}.offers .upcomingCardWrapper .offerCard p{font-size:.8vw;font-weight:400}.offers .upcomingCardWrapper .offerCard p b{font-weight:400}.offers .upcomingCardWrapper .offerCard .kollision p{font-size:.5vw;font-weight:800}.offers .upcomingCardWrapper .offerCard .iconWrapper div{width:2vw;height:2vw}.toShop{display:flex;height:5vh;align-items:center;justify-content:center}.toShop p{color:var(--white);text-align:center;padding:.5% .5% 0;font-size:.8vw}.offerCard{position:relative;overflow:hidden;width:100%;height:100%;padding-block:1%;display:grid;grid-template-columns:15% 65% 20%;background-color:var(--primary);border-bottom:.1vh solid var(--white)}.offerCard:hover .imageWrapper{padding:.5%}.offerCard .imageWrapper{transition:all .3s ease;padding:.5%;border-right:1px solid var(--white)}.offerCard .imageWrapper img{margin:0 auto;height:100%;object-fit:contain;padding:2.5%}.offerCard .infoWrapper{position:relative;color:var(--white);justify-content:space-between;overflow:hidden;border-right:1px solid var(--white);height:100%}.offerCard .infoWrapper .dateAndTime{display:flex;justify-content:space-between;padding-inline:2.5%}.offerCard .infoWrapper h2{text-align:center;font-size:1vw;margin-bottom:1vh}.offerCard .infoWrapper article{display:grid;height:75%}.offerCard .infoWrapper article p{text-align:left;font-size:.8vw}.offerCard .infoWrapper article .tagsWrapper{display:flex;justify-content:space-evenly;flex-direction:column;flex:1}.offerCard .infoWrapper article .tagsWrapper div{display:flex;justify-content:space-between;padding:2.5%}.offerCard .infoWrapper .kollision{position:absolute;width:fit-content;bottom:0;width:100%}.offerCard .infoWrapper .kollision p{padding:1.5% 2.5% 1%;border-radius:.3vw;font-size:.7vw;background-color:var(--red);margin:0 auto}.offerCard .infoWrapper .bookPopup{transition:all .4s ease;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(100%);flex-direction:column;padding-top:1%;padding-left:1%;background-color:var(--primary);border-left:2px solid var(--secondary);height:100%;display:flex;padding-bottom:2.5%}.offerCard .infoWrapper .bookPopup p{font-size:.9vw;margin-bottom:auto}.offerCard .infoWrapper .bookPopup div{width:100%;display:flex;justify-content:right;padding-right:2.5%;gap:1vw}.offerCard .infoWrapper .bookPopup div .button{min-width:4vw;min-height:2vh;border-radius:.2vw}.offerCard .infoWrapper .bookPopup div .button p{font-size:.8vw}.offerCard .infoWrapper .bookPopup.show{transform:translate(0)}.offerCard .infoWrapper:has(.kollision){padding-bottom:5%}.offerCard .iconWrapper{border-left:1px solid var(--secondary);display:flex;flex-direction:column;justify-content:space-evenly;padding-inline:7.5%}.offerCard .iconWrapper .button{min-width:100%;min-height:2.5vh;display:flex;align-items:center;font-size:1.2vw;gap:.1vw;background-color:var(--primary);color:var(--white);padding:0 0 0 7.5%;border-radius:.2vw}.offerCard .iconWrapper .button svg{width:.8vw;height:.8vw}.offerCard .iconWrapper .button p{padding-top:3%;font-size:.7vw;flex:1}.flag{background-color:var(--sand);width:15vw;font-size:1.3vw;color:var(--primary);position:absolute;transform:rotate(-45deg) translate(-31%,-50%);padding:.5%}.flag h5{font-weight:800;text-align:center}.flag h5 p{color:var(--green);display:inline-block;margin-left:.3vw}.button{min-height:5vh;min-width:12vw;font-size:1.3vw;padding-top:.3%;justify-content:center;align-items:center;color:var(--sand);background-color:var(--primary);border-radius:.3vw;border:.1vw solid var(--lightSecondary);cursor:pointer;transition:all .5s ease;padding-inline:.5vw}.button:nth-of-type(2){color:var(--primary);background-color:var(--sand)}.button:hover{transform:scale(1.03)}.button b{margin-right:.5vw}.button:disabled{opacity:60%}.button:disabled:hover{transform:scale(1)}.dashboardNoPoints{width:100vw;overflow:hidden}.dashboardNoPoints .dashboard{display:grid;padding-inline:2.5%;grid-template-columns:49% 49%;justify-content:space-between;gap:2vh;grid-template-rows:75vh}.dashboardNoPoints .dashboard .offers{padding-block:.5%}.dashboardNoPoints .dashboard .offers .title{justify-content:center}.dashboardNoPoints .dashboard .offers .title h3{text-align:left;width:fit-content}.dashboardNoPoints .dashboard .offers .offerCard{max-height:20vh}.dashboardNoPoints .dashboard .reservationBoard{padding-block:.5%}.dashboardNoPoints .dashboard .reservationBoard h3{width:fit-content}.dashboardNoPoints .dashboard .reservationBoard .upcomingCard{padding-block:2%;max-height:20vh}.standard{height:75vh;overflow-y:scroll}.standard div{width:95%;height:120vh;margin:0 auto;background:url(/assets/standard-yjBryKeg.jpeg) center/contain no-repeat}.trainingsKatalog .cardsWrapper{height:67vh;margin-inline:2.5%;display:grid;grid-auto-rows:max-content;overflow:scroll;gap:.2vw;transition:all .3s ease;border-bottom:.2vw solid var(--primary)}.trainingsKatalog .cardsWrapper section .filtersWrapper{display:none!important}.shopCardV2{position:relative;overflow:hidden;width:100%;padding-block:1%;display:grid;grid-template-columns:12% 78% 10%;background-color:var(--primary);border-bottom:.1vh solid var(--white)}.shopCardV2:hover .imageWrapper{padding:.5%}.shopCardV2 .imageWrapper{transition:all .3s ease;padding:5%;border-right:1px solid var(--white)}.shopCardV2 .imageWrapper img{margin:0 auto}.shopCardV2 .infoWrapper{position:relative;color:var(--white);justify-content:space-between;overflow:hidden;border-right:1px solid var(--white);height:100%}.shopCardV2 .infoWrapper .dateAndTime{display:flex;justify-content:space-between;padding-inline:2.5%}.shopCardV2 .infoWrapper h2{text-align:center;font-size:1.3vw;margin-bottom:2vh}.shopCardV2 .infoWrapper article{display:grid;grid-template-columns:repeat(2,1fr);height:75%}.shopCardV2 .infoWrapper article p{text-align:left;font-size:1vw}.shopCardV2 .infoWrapper article .tagsWrapper{display:flex;justify-content:space-evenly;flex-direction:column;flex:1}.shopCardV2 .infoWrapper article .tagsWrapper div{display:flex;justify-content:space-between;padding:2.5% 5%}.shopCardV2 .infoWrapper article .description{width:100%;border-left:.1vw solid var(--sand);padding:4% 5%}.shopCardV2 .infoWrapper article .description p{text-align:justify;font-size:1vw;line-height:140%;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.shopCardV2 .infoWrapper .kollision{position:absolute;width:fit-content;bottom:0;width:100%}.shopCardV2 .infoWrapper .kollision p{padding:1.5% 2.5% 1%;border-radius:.3vw;font-size:.7vw;background-color:var(--red);margin:0 auto}.shopCardV2 .infoWrapper .popUp{transition:all .4s ease;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(100%);flex-direction:column;padding-top:1%;padding-left:1%;background-color:var(--primary);border-left:2px solid var(--secondary)}.shopCardV2 .infoWrapper .popUp div{width:27%;margin-left:auto;margin-top:7%}.shopCardV2 .infoWrapper .popUp div .button{min-width:8vw;min-height:4vh;margin-left:1vw}.shopCardV2 .infoWrapper .popUp.show{transform:translate(0)}.shopCardV2 .infoWrapper .bookPopup{transition:all .4s ease;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(100%);flex-direction:column;padding-top:1%;padding-left:1%;background-color:var(--primary);border-left:2px solid var(--secondary)}.shopCardV2 .infoWrapper .bookPopup div{width:27%;margin-left:auto;margin-top:8%}.shopCardV2 .infoWrapper .bookPopup div .button{min-width:8vw;min-height:4vh;margin-left:1vw}.shopCardV2 .infoWrapper .bookPopup.show{transform:translate(0)}.shopCardV2 .infoWrapper:has(.kollision){padding-bottom:5%}.shopCardV2 .iconWrapper{border-left:1px solid var(--secondary);display:flex;flex-direction:column;justify-content:space-evenly;padding-inline:7.5%}.shopCardV2 .iconWrapper .button{min-width:100%;min-height:4vh;display:flex;align-items:center;font-size:1.2vw;gap:.5vw;background-color:var(--primary);color:var(--white);padding:0 0 0 7.5%}.shopCardV2 .iconWrapper .button svg{width:1.5vw;height:1.5vw}.shopCardV2 .iconWrapper .button p{padding-top:3%;flex:1}.searchBar{display:grid;justify-content:space-between;grid-template-columns:repeat(3,1fr);padding-inline:2.5%;padding-bottom:2.5vh;gap:.8vw}.searchBar label{width:100%;position:relative}.searchBar label .searchIcon{position:absolute;width:2vw;height:2vw;color:var(--secondary);top:18%;right:2%}.searchBar label input{width:100%;font-size:1.4vmax;border-radius:.3vmax;color:var(--primary);text-align:center;border:.2vw solid var(--secondary)}.searchBar label input::placeholder{color:var(--secondary);position:relative;top:.2vmin}.searchBar label input:focus{outline:none;border:.2vw solid var(--primary)}.searchBar label input:focus::placeholder{opacity:0}.searchBar .searchInput input{height:6vh}.searchBar section .sortWrapper select{border:.15vw solid var(--secondary);font-size:.8vw;width:100%;border-radius:.3vmax;height:2.8vh;padding-top:.5%}.searchBar section:nth-of-type(1) .filtersWrapper{height:6vh;border:.2vw solid var(--secondary)}.searchBar section .filtersWrapper{width:100%;height:3vh;overflow-y:visible;border:.15vw solid var(--secondary);border-radius:.3vmax;display:flex;align-items:center;padding-inline:1%;margin-bottom:.2vh}.searchBar section .filtersWrapper .datePickerWrapper{display:flex;align-items:center;flex:1}.searchBar section .filtersWrapper .datePickerWrapper label{display:flex;gap:.3vw;align-items:center}.searchBar section .filtersWrapper .datePickerWrapper label h2{font-size:.8vmax;font-weight:500}.searchBar section .filtersWrapper .datePickerWrapper label input{color:var(--secondary);width:80%;padding-top:.2vw;font-size:.65vmax;text-transform:uppercase;border:none}.searchBar section .filtersWrapper .datePickerWrapper label input::-webkit-calendar-picker-indicator{position:relative;top:-.05vw;right:.2vw;cursor:pointer}.searchBar section .rangeWrapper{text-align:center;display:flex;align-items:first center;gap:1vw;padding-inline:.2vw}.searchBar section .rangeWrapper h4{font-size:.8vw}.cardsWrapper{height:var(--adminLayoutHeightWithSearch);margin-inline:2.5%;display:grid;grid-auto-rows:max-content;overflow-y:scroll;gap:.1vw;transition:all .3s ease;border-bottom:.3vh solid var(--secondary)}.addTrainingButton{width:4vw;height:4vw;border-radius:0;padding-inline:.5%;position:absolute;right:-15.5%;bottom:2.5%;color:var(--primary);background-color:var(--white);align-items:center;transition:all .4s ease-in;display:flex;justify-content:space-between;width:18vw}.addTrainingButton h3{font-size:1vw;transition:all .4s ease;position:relative;color:var(--white);color:var(--primary)}.addTrainingButton svg{width:4vw;height:4vw;transition:all .4s ease;background-color:var(--white);border-radius:50%;position:relative;left:-15%}.addTrainingButton:hover{border-radius:0;right:0}.addTrainingButton:hover h3{transform:translate(-30%)}.switchWrapper{display:flex;gap:.5vmax;width:100%;height:2vmax;justify-content:center;align-items:center}.switchWrapper h2{font-size:.7vw;font-weight:500;line-height:1.8vmax;position:relative;top:.1vmax}.switchWrapper h2 span{font-size:.7vw;position:relative;top:-.5vh}.switch{position:relative;display:block;max-width:2vmax;height:1vmax}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--lightSecondary);-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:.9vmax;width:.9vmax;left:.1vmax;top:.05vmax;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(.9vmax);-ms-transform:translateX(.9vmax);transform:translate(.9vmax)}.slider.round{border-radius:1vmax}.slider.round:before{border-radius:50%}.favorites .cardsWrapper{height:75vh;margin-inline:2.5%;display:grid;grid-auto-rows:max-content;overflow:scroll;gap:.2vw;transition:all .3s ease}.trainingsDetail{margin-inline:2.5%;height:75vh;background-color:var(--primary)}.trainingsDetail .detailsWrapper{padding:0;overflow:hidden;height:100%}.trainingsDetail .detailsWrapper .details{height:100%;position:relative}.trainingsDetail .detailsWrapper .details .title{color:var(--white);padding-block:.5%;padding-top:1%;display:grid;grid-template-columns:repeat(3,1fr);place-items:center;border-bottom:.2vw solid var(--sand)}.trainingsDetail .detailsWrapper .details .title div{width:fit-content}.trainingsDetail .detailsWrapper .details .title div h1{text-align:center}.trainingsDetail .detailsWrapper .details .category{position:relative;background-color:var(--primary);display:grid;grid-template-rows:15% 80%;color:var(--white);height:90%;overflow:hidden;padding:0 2.5%}.trainingsDetail .detailsWrapper .details .category .imageContainer{display:flex;width:100%;justify-content:space-evenly;gap:2vw;align-items:center}.trainingsDetail .detailsWrapper .details .category .imageContainer div{display:flex;padding-bottom:.2vh;width:20%;align-items:flex-end;border-bottom:1px solid var(--lightSecondary);padding-inline:.5vw}.trainingsDetail .detailsWrapper .details .category .imageContainer div h3{font-weight:500;font-size:1.1vw;text-transform:capitalize;width:100%;text-align:center}.trainingsDetail .detailsWrapper .details .category .imageContainer div svg{width:2vw;height:2vw}.trainingsDetail .detailsWrapper .details .category .descrptionContainer{width:50%;height:50%;display:flex;flex-direction:column;justify-content:space-between}.trainingsDetail .detailsWrapper .details .category .descrptionContainer p{width:80%;font-size:1.5vw}.trainingsDetail .detailsWrapper .details .category .buttonContainer{position:absolute;bottom:0;right:2.5%;gap:1vw;display:flex;justify-content:end;width:100%;padding-bottom:.5%}.trainingsDetail .detailsWrapper .details .category .kollision{position:absolute;width:fit-content;top:0;right:0;width:50%}.trainingsDetail .detailsWrapper .details .category .kollision p{padding:1% .5% .5%;font-size:1.2vw;background-color:var(--red);margin:0 auto;text-align:center}.trainingsDetail .detailsWrapper .details .category .popUp{transition:all .4s ease;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;transform:translate(100%);flex-direction:column;padding:5%;background-color:var(--primary);border-left:2px solid var(--secondary);font-size:2vw;width:100%;max-height:100%;justify-content:space-between}.trainingsDetail .detailsWrapper .details .category .popUp div{width:100%;margin-left:auto;display:flex;justify-content:end;gap:2vw}.trainingsDetail .detailsWrapper .details .category .popUp button:hover:nth-of-type(1){background-color:var(--green);color:var(--primary)}.trainingsDetail .detailsWrapper .details .category .popUp button:hover:nth-of-type(2){background-color:var(--red)}.trainingsDetail .detailsWrapper .details .category .popUp.show{transform:translate(0)}.trainingsDetail .detailFlag{bottom:0;top:90%}.detailFlag{background-color:var(--sand);width:15vw;top:0;left:0;color:var(--primary);position:absolute;padding:.5%;height:fit-content}.detailFlag h5{font-weight:700;text-align:center}.terminDetail{margin-inline:2.5%;height:var(--adminLayoutHeight);background-color:var(--primary);position:relative;height:75vh;overflow:scroll}.terminDetail .detailsWrapper{padding:0;overflow:hidden}.terminDetail .detailsWrapper .details .title{color:var(--white);padding-block:.5%;padding-top:1%;display:grid;grid-template-columns:repeat(3,1fr);place-items:center;border-bottom:.2vw solid var(--sand)}.terminDetail .detailsWrapper .details .title div{width:fit-content}.terminDetail .detailsWrapper .details .title div h1{text-align:center}.terminDetail .detailsWrapper .details .category{padding:.5%;margin-top:.3vh;background-color:var(--primary);color:var(--white);overflow:hidden}.terminDetail .detailsWrapper .details .category .imageContainer{display:flex;width:100%;justify-content:space-evenly;gap:2vw}.terminDetail .detailsWrapper .details .category .imageContainer div{display:flex;padding-bottom:.2vh;width:20%;align-items:flex-end;border-bottom:1px solid var(--lightSecondary);padding-inline:.5vw}.terminDetail .detailsWrapper .details .category .imageContainer div h3{font-weight:500;font-size:1.3vw;text-transform:capitalize;width:100%;text-align:center}.terminDetail .detailsWrapper .details .category .imageContainer div svg{width:2vw;height:2vw}.terminDetail .detailsWrapper .details .category .descrptionContainer{width:100%;padding:1% 2.5%}.terminDetail .detailsWrapper .details .category .descrptionContainer p{width:100%;font-size:1.5vw}.terminDetail .detailsWrapper .details .category .descrptionContainer .videoContainer,.terminDetail .detailsWrapper .details .category .descrptionContainer .scormPreview{padding:.5%;width:50%;margin:0 auto;position:relative}.terminDetail .detailsWrapper .details .category .descrptionContainer .videoContainer .videoPlayer>div,.terminDetail .detailsWrapper .details .category .descrptionContainer .scormPreview .videoPlayer>div{width:100%!important;height:100%!important}.terminDetail .detailsWrapper .details .category .descrptionContainer .videoContainer h3,.terminDetail .detailsWrapper .details .category .descrptionContainer .scormPreview h3{text-align:center;padding:25%;border:.15vw solid var(--lightSecondary)}.terminDetail .detailsWrapper .details .category video{width:100%;aspect-ratio:2.5/1.5;margin:0;padding:0}.terminDetail .detailsWrapper .details .category .buttonContainer{position:absolute;bottom:2.5%;right:2.5%;gap:1vw;display:flex;justify-content:end;margin-top:2vh;padding-bottom:.5%}.terminDetail .detailsWrapper .details .category .kollision{position:absolute;width:fit-content;top:0;right:0;width:50%}.terminDetail .detailsWrapper .details .category .kollision p{padding:1% .5% .5%;font-size:1.2vw;background-color:var(--red);margin:0 auto;text-align:center}.terminDetail .detailsWrapper .details .category .popUp{transition:all .4s ease;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;transform:translate(100%);flex-direction:column;padding:5%;background-color:var(--primary);border-left:2px solid var(--secondary);font-size:2vw;width:100%;max-height:100%;justify-content:space-between}.terminDetail .detailsWrapper .details .category .popUp div{width:40%;margin-left:auto;margin-top:10vh;display:flex;justify-content:end;gap:2vw}.terminDetail .detailsWrapper .details .category .popUp div button{height:5vh;width:10vw;font-size:1.7vw;padding-top:1%;background-color:var(--primary);border-radius:.5vw;color:var(--white);border:.1vw solid var(--white);cursor:pointer;transition:all .2s ease}.terminDetail .detailsWrapper .details .category .popUp div button:hover:nth-of-type(1){box-shadow:1px 1px 2px 1px var(--red)}.terminDetail .detailsWrapper .details .category .popUp div button:hover:nth-of-type(2){box-shadow:1px 1px 2px 1px var(--green)}.terminDetail .detailsWrapper .details .category .popUp.show{transform:translate(0)}.scormPlayerWrapper{position:relative;display:flex;flex-direction:column;aspect-ratio:5/3;width:50%;margin:0 auto}.scormPlayerWrapper .scormIframe{flex:1;width:100%!important}.scormPlayerWrapper section{position:absolute;bottom:1%;right:1%}.scormPlayerWrapper section svg{color:var(--primary);width:1vw;height:1vw;cursor:pointer;z-index:9999}.videoPlayer{position:relative}.videoPlayer video{position:relative}.videoPlayer .annotationsContainer{position:absolute;bottom:2.5%;left:0;right:0;width:94%;margin:0 auto;display:flex;pointer-events:none}.videoPlayer .annotationsContainer .annotation{position:absolute;bottom:0;transform:translate(-50%);pointer-events:auto;cursor:pointer;background-color:var(--primary);width:fit-content;height:fit-content;width:1.5vw;height:1.5vw;border-radius:.3vw;display:flex;align-items:center}.videoPlayer .annotationsContainer .annotation svg{color:var(--white);width:1.5vw;height:1.5vw}.cart .cartWrapper{padding-inline:2.5%;display:grid;grid-template-columns:80% 19%;justify-content:space-between;height:75vh}.cart .cartWrapper .cartItemWrapper{overflow-y:scroll;max-height:100%;border-bottom:.2vw solid var(--lightSecondary);background-color:var(--sand)}.cart .cartWrapper .cartItemWrapper .titleRow{background-color:var(--lightSecondary);color:var(--primary);padding-top:.5%;margin-bottom:.2vh;display:grid;grid-template-columns:2fr 16% 11% 10% 12% 6% 6% 5%;align-items:center;padding-left:2%}.cart .cartWrapper .cartItemWrapper .titleRow h3{text-align:left;font-size:1.3vw;font-weight:500}.cart .cartWrapper .cartItemWrapper .titleRow p{text-transform:capitalize;width:100%;font-size:.9vw}.cart .cartWrapper .cartItemWrapper .titleRow p:nth-of-type(4),.cart .cartWrapper .cartItemWrapper .titleRow p:nth-of-type(5),.cart .cartWrapper .cartItemWrapper .titleRow p:nth-of-type(6),.cart .cartWrapper .cartItemWrapper .titleRow p:nth-of-type(7){padding-left:15%}.cart .cartWrapper .cartCalcWrapper{border:.2vw solid var(--lightSecondary);color:var(--primary);padding:3.5% 5%;display:flex;flex-direction:column;justify-content:space-between;position:relative}.cart .cartWrapper .cartCalcWrapper legend{position:absolute;top:-1.5%;color:var(--secondary);font-size:1vw;background-color:var(--white)}.cart .cartWrapper .cartCalcWrapper div{display:flex;justify-content:space-between;flex:1;border-width:2px;border-style:solid;margin-bottom:2vh;border-image:linear-gradient(90deg,rgb(255,255,255) 50%,var(--lightSecondary) 50%) 1;border-top:0;border-inline:0}.cart .cartWrapper .cartCalcWrapper div:nth-last-of-type(1){border:none}.cart .cartWrapper .cartCalcWrapper div h4,.cart .cartWrapper .cartCalcWrapper div h5{font-size:1vw;font-weight:500;transition:all .4s ease}.cart .cartWrapper .cartCalcWrapper div h5{text-align:right}.cart .cartWrapper .cartCalcWrapper button{height:4vh;width:100%;margin-left:auto;font-size:.9vw;font-weight:500;padding-top:1%;padding-inline:.5%;color:var(--primary);background-color:var(--white);border-radius:.3vw;border:.3vh solid var(--green);cursor:pointer;transition:all .5s ease}.cart .cartWrapper .cartCalcWrapper button:hover{transform:scale(1.05)}.cartItem{position:relative;background-color:var(--primary);overflow:hidden;color:var(--sand);padding:2%;margin-bottom:.2vh;display:grid;max-height:fit-content;grid-template-columns:2fr 15% 10% 10% 15% 5% 5% 5%;align-items:center}.cartItem:nth-of-type(2n){background-color:var(--primaryHover)}.cartItem h3{text-align:left;font-size:1.3vw;font-weight:500}.cartItem p{text-transform:capitalize;font-size:.9vw}.cartItem p:nth-of-type(2),.cartItem p:nth-of-type(3),.cartItem p:nth-of-type(5){text-align:center}.cartItem p:nth-of-type(4){padding-left:20%}.cartItem div{width:1.5vw;margin-left:auto;cursor:pointer}.cartItem .popUp{transition:all .4s ease;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(100%);flex-direction:column;padding:1% 1.5%;background-color:inherit;border-left:2px solid var(--secondary);width:100%;font-size:1.3vw}.cartItem .popUp div{width:40%;margin-left:auto;display:flex;justify-content:end;gap:1vw}.cartItem .popUp div button{width:5vw;font-size:1vw;height:3vh;padding-top:.5%;background-color:var(--primary);border-radius:.5vw;color:var(--white);border:.1vw solid var(--white);cursor:pointer;transition:all .2s ease}.cartItem .popUp div button:hover{transform:scale(1.05)}.cartItem .popUp div button:hover:nth-of-type(1){box-shadow:1px 1px 2px 1px var(--red)}.cartItem .popUp div button:hover:nth-of-type(2){box-shadow:1px 1px 2px 1px var(--green)}.cartItem .popUp.show{transform:translate(0)}.contactCard{width:100%;height:75vh;padding:5% 2.5% 30%;background-color:var(--secondary);display:flex;flex-direction:column;justify-content:space-between;color:var(--white);border-radius:.3vw;align-items:center}.contactCard:nth-of-type(2n){background-color:var(--primary)}.contactCard article{text-align:center}.contactCard h2{font-size:1.8vw;font-weight:500}.contactCard h3{font-size:1.3vw;font-weight:500}.contactCard div{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:.5vw}.contactCard div h5{font-size:1.6vw;font-weight:400}.contactCard div div{width:1.4vw}.contactCard div:nth-of-type(3) div{width:1.7vw}.contactCard .imageContainer{flex-direction:column;align-items:center;gap:2vh}.contactCard .imageContainer img{width:50%;border-radius:50%;aspect-ratio:1;object-fit:cover;object-position:top}.supportCard{width:100%;height:75vh;padding:5% 2.5%;background-color:var(--secondary);display:flex;flex-direction:column;justify-content:space-between;color:var(--white);border-radius:.3vw;align-items:center}.supportCard:nth-of-type(2n){background-color:var(--primary)}.supportCard article{text-align:center}.supportCard h2{font-size:1.8vw;font-weight:500}.supportCard h3{font-size:1.3vw;font-weight:500}.supportCard div{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:.5vw}.supportCard div h5,.supportCard div a{font-size:1.6vw;font-weight:400}.supportCard div div{width:1.8vw}.supportCard div:nth-of-type(3) div{width:1.7vw}.supportCard .imageContainer{flex-direction:column;align-items:center;gap:2vh}.supportCard .imageContainer img{margin:0 auto;width:50%;border-radius:50%;aspect-ratio:1;object-fit:cover;object-position:top}.supportCard input{width:80%;font-size:.9vw;padding:2% 1.5% 1.5%;border-radius:.5vw;background-color:var(--secondary);color:var(--white);border:.1vw solid var(--lightSecondary)}.supportCard input::placeholder{color:var(--white)}.supportCard input:focus{outline:none}.supportCard textarea{resize:none;width:80%;font-size:.9vw;padding:1.5%;border-radius:.5vw;background-color:var(--secondary);color:var(--white);border:.1vw solid var(--lightSecondary)}.supportCard textarea::placeholder{color:var(--white)}.supportCard textarea:focus{outline:none}.supportCard .button{width:80%;color:var(--white);background-color:var(--secondary)}.supportCard .button:hover{background-color:var(--primary)}.headerStart{position:relative}.headerStart .blender{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.8;width:100%;height:100vh;z-index:-1;opacity:0;transition:all .5s ease-in-out}.headerStart .blender.show{z-index:5;opacity:.7}.headerStart .topBar{box-shadow:0 0 5px var(--primaryHover);width:100vw;height:9vh;background-color:var(--primary);display:flex;justify-content:space-between;overflow:hidden;padding-left:2.5%}.headerStart .topBar .userInfo{width:75%;display:flex;border-right:1px solid var(--white);align-items:center;justify-content:space-between;padding-right:1%}.headerStart .topBar .userInfo>svg{width:2vw;height:2vw;padding:.5%;color:var(--white);transition:all .2s ease;cursor:pointer}.headerStart .topBar .userInfo>svg:hover{transform:scale(1.1)}.headerStart .topBar .userInfo div{display:flex;flex-direction:column;justify-content:center}.headerStart .topBar .userInfo h2,.headerStart .topBar .userInfo h3{color:var(--white);font-size:1.5vw;font-weight:400}.headerStart .topBar .userInfo h3{font-size:1.1vw}.headerStart .topBar .slogan{width:50%;display:flex;justify-content:center;flex-direction:column;padding-left:2.5%;padding-block:2.5%}.headerStart .topBar .slogan h4{color:var(--sand);font-size:1.2vw;font-weight:400}.headerStart .topBar .logoContainer{background-color:var(--white);border-radius:0% 0% 0% 4%/0% 95% 0% 100%;width:100%;height:110%;display:grid;grid-template-columns:76% 8% 8% 8%;place-items:center;gap:1%;padding-right:2.5%}.headerStart .topBar .logoContainer img{margin:0 auto;width:40%}.headerStart .topBar .logoContainer div{width:2vw;color:var(--primary);cursor:pointer;transition:all .4s ease}.headerStart .topBar .logoContainer div:hover{color:var(--primary)}.headerStart .topBar .logoContainer a{color:var(--primary);width:1.8vw;position:relative}.headerStart .topBar .logoContainer a h4{position:absolute;top:-3%;right:-30%;background-color:var(--sand);border-radius:50%;width:1.3vw;height:1.3vw;aspect-ratio:1;font-size:.7vw;font-weight:900;text-align:center;display:flex;align-items:center;justify-content:center;border:.1vw solid var(--primary);padding-top:10%}.headerStart nav{display:flex;gap:1vw;justify-content:space-between;padding-inline:2.5%;margin-block:2vh 2.5vh}.headerStart nav a{font-size:1.2vw;font-weight:200;width:17%;padding-bottom:.1%;text-align:center;border-bottom:.3vh solid var(--lightSecondary);transition:all .6s ease}.headerStart nav .active{transition:all .6s ease;font-weight:500;border-color:var(--primary)}.headerStart .slideIn{max-width:20%;background-color:var(--primary);height:100vh;position:absolute;top:0;left:-20%;z-index:-1;transition:all 0s ease-in-out;box-shadow:1px 0 10px #000;border-radius:0 1vw 0 0}.headerStart .slideIn>div{background-color:var(--sand);padding:2.5% 15% 0%;border-radius:0 1vw 0 0}.headerStart .slideIn>div img{width:70%;margin:0 auto}.headerStart .slideIn>article{display:flex;flex-direction:column;color:var(--white);padding:10% 0}.headerStart .slideIn>article a,.headerStart .slideIn>article>div{position:relative;font-size:1vw;font-weight:200;border-bottom:.1vh solid var(--lightSecondary);transition:all .6s ease;display:flex;justify-content:space-between;padding:5% 3.5% 3.5%;cursor:pointer;overflow:hidden}.headerStart .slideIn>article a b,.headerStart .slideIn>article>div b{margin-left:1vw}.headerStart .slideIn>article a .subMenu,.headerStart .slideIn>article>div .subMenu{position:absolute;width:100%;left:100%;top:0%;background-color:var(--primary);display:flex;flex-direction:column;opacity:0;transition:all .3s ease-in-out}.headerStart .slideIn>article a .subMenu .subMenuSchulung,.headerStart .slideIn>article>div .subMenu .subMenuSchulung{transition:all .3s ease-in-out;display:flex;justify-content:space-between;border-bottom:.1vh solid var(--sand);padding:5% 3.5% 3.5%;position:relative}.headerStart .slideIn>article a .subMenu .subMenuSchulung>div,.headerStart .slideIn>article>div .subMenu .subMenuSchulung>div{width:fit-content;position:absolute;left:100%;width:100%;top:0;background-color:var(--primary);opacity:0;display:none}.headerStart .slideIn>article a .subMenu .subMenuSchulung>div a:hover,.headerStart .slideIn>article>div .subMenu .subMenuSchulung>div a:hover{background-color:var(--primaryHover)}.headerStart .slideIn>article a .subMenu .subMenuSchulung:hover,.headerStart .slideIn>article>div .subMenu .subMenuSchulung:hover{background-color:var(--primaryHover)}.headerStart .slideIn>article a .subMenu .subMenuSchulung:hover>div,.headerStart .slideIn>article>div .subMenu .subMenuSchulung:hover>div{opacity:1;display:block}.headerStart .slideIn>article a .subMenu .subMenuVorlage,.headerStart .slideIn>article>div .subMenu .subMenuVorlage{transition:all .3s ease-in-out;display:flex;justify-content:space-between;border-bottom:.1vh solid var(--sand);padding:5% 3.5% 3.5%;position:relative}.headerStart .slideIn>article a .subMenu .subMenuVorlage>div,.headerStart .slideIn>article>div .subMenu .subMenuVorlage>div{width:fit-content;position:absolute;left:100%;width:100%;top:0;background-color:var(--primary);opacity:0;display:none}.headerStart .slideIn>article a .subMenu .subMenuVorlage>div a:hover,.headerStart .slideIn>article>div .subMenu .subMenuVorlage>div a:hover{background-color:var(--primaryHover)}.headerStart .slideIn>article a .subMenu .subMenuVorlage:hover,.headerStart .slideIn>article>div .subMenu .subMenuVorlage:hover{background-color:var(--primaryHover)}.headerStart .slideIn>article a .subMenu .subMenuVorlage:hover>div,.headerStart .slideIn>article>div .subMenu .subMenuVorlage:hover>div{opacity:1;display:block}.headerStart .slideIn>article a:hover,.headerStart .slideIn>article>div:hover{background-color:var(--primaryHover);overflow:visible}.headerStart .slideIn>article a:hover .subMenu,.headerStart .slideIn>article>div:hover .subMenu{opacity:1}.headerStart .slideIn>article .active{transition:all .6s ease;font-weight:500;color:var(--white);border-width:4px}.headerStart .slideIn.show{z-index:99;left:0;transition:all .7s linear}.contact .contactCardWrapper{height:75vh;padding-inline:2.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:2vw;place-items:center}.achievements{padding-inline:2.5%;overflow-y:scroll;height:75vh;background:url(/assets/zertifikate-B4BxWqCG.png) center/contain no-repeat}.achievements .certificatesWrapper{background-color:var(--primary);color:var(--white)}.achievements .certificatesWrapper .header{padding:1.35% 1% 1%;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-bottom:.1vh solid var(--white)}.achievements .certificatesWrapper .header div{width:100%;display:flex;justify-content:center;align-items:center;gap:2vw}.achievements .certificatesWrapper .header div:nth-of-type(1){justify-content:flex-start}.certCard{display:grid;width:100%;grid-template-columns:15% 30% 5% 10% 10%;align-items:center;justify-content:space-between;padding:.5% 2.5%}.certCard div img{width:45%}.certCard div h3{font-size:2vw;text-align:center;padding-top:1%}.certCard .infoIcon{width:2vw;height:2vw;justify-content:center}.certCard article div{display:flex;gap:.5vw;align-items:center}.certCard article div h2{font-size:1.3vw}.certCard article div p{font-size:1.3vw;text-transform:capitalize}.adminLogin{max-width:450px;height:88vh;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .6s ease}.adminLogin form{display:flex;flex-direction:column;padding:2.5% 5%;color:var(--primary);border:2px solid var(--primary);border-radius:.5vmax;gap:2vh;align-items:center;justify-content:space-evenly;height:55vh;width:100%}.adminLogin form img{margin-bottom:auto;margin-inline:auto;width:90%}.adminLogin form div{width:100%;display:flex;flex-direction:column;gap:2vh}.adminLogin form div p{text-align:right;cursor:pointer}.adminLogin form div h3{text-align:center;font-weight:700}.adminLogin form div fieldset{border:2px solid var(--secondary);border-radius:.3vmax;padding:2.5%;position:relative;width:100%}.adminLogin form div fieldset legend{padding:0;margin:0;position:absolute;top:0;z-index:0;opacity:0;background-color:var(--white);transition:all .6s ease}.adminLogin form div fieldset input{font-size:1vmax;width:100%;color:var(--primary);border:none;position:relative;background:transparent;z-index:1;padding-top:.2vw}.adminLogin form div fieldset input::placeholder{color:var(--lightSecondary);font-size:1vmax;transition:all .1s ease}.adminLogin form div fieldset input:focus{outline:none;border-color:var(--primary)}.adminLogin form div fieldset input:focus::placeholder{opacity:0}.adminLogin form div fieldset input:focus+legend{background-color:#fff;z-index:0;opacity:1;transform:translateY(-50%)}.adminLogin form div fieldset svg{position:absolute;right:2.5%;top:30%;z-index:2;cursor:pointer}.adminLogin form button{font-size:1.2vmax;width:100%;padding:3% 2.5% 2.5%;background-color:var(--primary);color:var(--sand);border:2px solid var(--secondary);border-radius:.3vmax;display:flex;justify-content:center;gap:.5vw}.adminLogin form button h4{font-size:1.15vw}.adminDashboard .versionSelector{width:95%;display:flex;gap:1vw;margin:1vh auto}.adminDashboard .versionSelector .versionChanger{height:2vh;flex:1;background-color:var(--primary);cursor:pointer;color:var(--lightSecondary);justify-content:center;align-items:center;width:100%;text-align:center;padding-top:.15%}.adminDashboard .versionSelector .versionChanger h5{font-weight:400}.adminDashboard .versionSelector .versionChanger.active{background-color:var(--lightSecondary);color:var(--primary)}.regionalView{margin-inline:2.5%;height:var(--adminLayoutHeight);background-color:var(--sand);position:relative;height:80vh;display:grid;grid-template-columns:2fr 5fr}.regionalView .mapContainer{background-color:var(--sand);padding:0 2.5% 2.5%}.regionalView .mapContainer .searchBarWrapper input{text-align:center;font-size:1.5vw;background:transparent;border:.2vh solid var(--primary);color:var(--primary);width:100%;border-radius:.4vw;padding:2% 2% 1%}.regionalView .mapContainer .searchBarWrapper input::placeholder{font-size:1.3vw}.regionalView .mapContainer .mapWrapper{margin-top:2vh}.regionalView .mapContainer .mapWrapper .legendBox{background-color:var(--sand);padding:.5%;position:absolute;bottom:5%;left:1%}.regionalView .mapContainer .mapWrapper .legendBox>p{margin-bottom:.5vh}.regionalView .mapContainer .mapWrapper .legendBox section{display:flex;gap:.5vw}.regionalView .mapContainer .mapWrapper .legendBox section article{display:grid;gap:.5vh}.regionalView .mapContainer .mapWrapper .legendBox section article p{font-size:.8vw}.regionalView .mapContainer .mapWrapper .legendBox section article div{width:1vw;height:1vw;background-color:gray}.regionalView .mapContainer .mapWrapper .legendBox section article div:nth-of-type(1){background-color:#008722}.regionalView .mapContainer .mapWrapper .legendBox section article div:nth-of-type(2){background-color:#f57b00}.regionalView .mapContainer .mapWrapper .legendBox section article div:nth-of-type(3){background-color:#ff504a}.regionalView .chartContainer{display:grid;grid-template-rows:13vh 64vh;gap:1vh}.regionalView .chartContainer .infoBar{display:grid;grid-template-columns:repeat(4,1fr);gap:.5vw;width:100%}.regionalView .chartContainer .infoBar div{background-color:var(--primary);padding:2.5%;color:var(--white);text-align:center;position:relative;display:flex;flex-direction:column;justify-content:space-evenly}.regionalView .chartContainer .infoBar div h3{font-size:1vw}.regionalView .chartContainer .infoBar div h1{font-size:2.5vw}.regionalView .chartContainer .infoBar div .exportWrapper{display:flex;justify-content:space-evenly;align-items:center;padding-top:2.5%}.regionalView .chartContainer .infoBar div .exportWrapper .exportButton{cursor:pointer}.regionalView .chartContainer .infoBar div .exportWrapper .exportButton:hover{color:var(--lightSecondary)}.regionalView .chartContainer .infoBar div .exportWrapper .exportButton svg{width:2vw;height:2vw}.regionalView .chartContainer .infoBar div .exportWrapper .exportButton h3{text-align:center;font-size:.8vw}.regionalView .chartContainer .statisticsWrapper{display:grid;grid-template-columns:repeat(4,20vw);gap:1vw;overflow-x:scroll;color:var(--white)}.regionalView .chartContainer .statisticsWrapper .originCard{text-align:center;padding:5% 0;background-color:var(--primary);width:100%;display:flex;flex-direction:column}.regionalView .chartContainer .statisticsWrapper .originCard .chartWrapper{color:var(--sand);width:100%;height:12.5vh}.regionalView .chartContainer .statisticsWrapper .originCard .chartWrapper svg{margin:0;padding:0}.regionalView .chartContainer .statisticsWrapper .originCard .chartWrapper .valuesContainer{display:grid;grid-template-columns:repeat(3,1fr);padding-inline:2.5vw}.regionalView .chartContainer .statisticsWrapper .originCard .chartWrapper .valuesContainer h3{width:100%;position:relative;top:-.5vh}.regionalView .chartContainer .statisticsWrapper .originCard .chartWrapper .valuesContainer h3:nth-of-type(2){top:-2.5vh}.regionalView .chartContainer .statisticsWrapper .originCard h4{margin-block:3vh 5vh}.regionalView .chartContainer .statisticsWrapper .originCard h1{font-size:3vw}.regionalView .chartContainer .statisticsWrapper .originCard a{display:block;margin:auto;font-size:1.3vw;height:4vh;width:60%;border:.1vw solid var(--lightSecondary);display:grid;place-items:center;padding-top:1.5%;border-radius:.3vw;transition:all .3s linear}.regionalView .chartContainer .statisticsWrapper .originCard a:hover{background-color:var(--white);color:var(--primary)}.proChartView{margin-inline:2.5%;height:var(--adminLayoutHeight);background-color:var(--sand);position:relative;height:80vh;display:grid;grid-template-columns:2fr 5fr}.proChartView .mapContainer{background-color:var(--sand);padding:0 2.5% 2.5%}.proChartView .mapContainer .searchBarWrapper input{text-align:center;font-size:1.5vw;background:transparent;border:.2vh solid var(--primary);color:var(--primary);width:100%;border-radius:.4vw;padding:2% 2% 1%}.proChartView .mapContainer .searchBarWrapper input::placeholder{font-size:1.3vw}.proChartView .mapContainer .mapWrapper{margin-top:2vh}.proChartView .mapContainer .mapWrapper .legendBox{background-color:var(--sand);padding:.5%;position:absolute;bottom:5%;left:1%}.proChartView .mapContainer .mapWrapper .legendBox>p{margin-bottom:.5vh}.proChartView .mapContainer .mapWrapper .legendBox section{display:flex;gap:.5vw}.proChartView .mapContainer .mapWrapper .legendBox section article{display:grid;gap:.5vh}.proChartView .mapContainer .mapWrapper .legendBox section article p{font-size:.8vw}.proChartView .mapContainer .mapWrapper .legendBox section article div{width:1vw;height:1vw;background-color:gray}.proChartView .mapContainer .mapWrapper .legendBox section article div:nth-of-type(1){background-color:#008722}.proChartView .mapContainer .mapWrapper .legendBox section article div:nth-of-type(2){background-color:#f57b00}.proChartView .mapContainer .mapWrapper .legendBox section article div:nth-of-type(3){background-color:#ff504a}.proChartView .chartContainer{display:grid;grid-template-rows:13vh 64vh;gap:1vh}.proChartView .chartContainer .infoBar{display:grid;grid-template-columns:repeat(4,1fr);gap:.5vw;width:100%}.proChartView .chartContainer .infoBar div{background-color:var(--primary);padding:2.5%;color:var(--white);text-align:center;position:relative;display:flex;flex-direction:column;justify-content:space-evenly}.proChartView .chartContainer .infoBar div h3{font-size:1vw}.proChartView .chartContainer .infoBar div h1{font-size:2.5vw}.proChartView .chartContainer .infoBar div .exportWrapper{display:flex;justify-content:space-evenly;align-items:center;padding-top:2.5%}.proChartView .chartContainer .infoBar div .exportWrapper .exportButton{cursor:pointer}.proChartView .chartContainer .infoBar div .exportWrapper .exportButton:hover{color:var(--lightSecondary)}.proChartView .chartContainer .infoBar div .exportWrapper .exportButton svg{width:2vw;height:2vw}.proChartView .chartContainer .infoBar div .exportWrapper .exportButton h3{text-align:center;font-size:.8vw}.proChartView .chartContainer .statisticsWrapper{display:grid;grid-auto-flow:column;gap:1vw;overflow-x:scroll;color:var(--white);height:100%}.proChartView .chartContainer .statisticsWrapper .originCard{padding:2.5%;background-color:var(--primary);width:100%}.proChartView .chartContainer .statisticsWrapper .originCard .projectInfoWrapper{display:flex;justify-content:space-between}.proChartView .chartContainer .statisticsWrapper .originCard .chartWrapper{width:70%;height:80%;margin:0 auto;margin-top:1vh}.proChartView .chartContainer .statisticsWrapper .originCard .chartWrapper .channelBar{height:50vh}.proChartView .chartContainer .statisticsWrapper .originCard .chartWrapper .channelBar .legendBox{bottom:-5%;right:-10%}.channelBar{height:60vh;background-color:inherit;position:relative}.channelBar .tooltip{background-color:var(--primary);color:var(--lightSecondary);width:8vw;padding:2.5%;border:.1vh solid var(--green);border-radius:.2vw}.channelBar .tooltip p{display:block;font-size:.7vw;width:100%}.channelBar .legendBox{position:absolute;bottom:5%;right:5%}.channelBar .legendBox>p{margin-bottom:.5vh}.channelBar .legendBox section{display:flex;gap:.5vw}.channelBar .legendBox section article{display:grid;gap:.5vh}.channelBar .legendBox section article p{font-size:.8vw}.channelBar .legendBox section article div{width:1vw;height:1vw;background-color:gray}.channelBar .legendBox section article div:nth-of-type(1){background-color:#008722}.channelBar .legendBox section article div:nth-of-type(2){background-color:#f57b00}.channelBar .legendBox section article div:nth-of-type(3){background-color:#ff504a}.timeLineDashboard{margin-inline:2.5%;height:var(--adminLayoutHeight);background-color:var(--sand);position:relative;height:80vh;display:grid;grid-template-columns:2fr 5fr}.timeLineDashboard .mapContainer{background-color:var(--sand);padding:0 2.5% 2.5%}.timeLineDashboard .mapContainer .searchBarWrapper input{text-align:center;font-size:1.5vw;background:transparent;border:.2vh solid var(--primary);color:var(--primary);width:100%;border-radius:.4vw;padding:2% 2% 1%}.timeLineDashboard .mapContainer .searchBarWrapper input::placeholder{font-size:1.3vw}.timeLineDashboard .mapContainer .mapWrapper{margin-top:2vh}.timeLineDashboard .mapContainer .mapWrapper .legendBox{background-color:var(--sand);padding:.5%;position:absolute;bottom:5%;left:1%}.timeLineDashboard .mapContainer .mapWrapper .legendBox>p{margin-bottom:.5vh}.timeLineDashboard .mapContainer .mapWrapper .legendBox section{display:flex;gap:.5vw}.timeLineDashboard .mapContainer .mapWrapper .legendBox section article{display:grid;gap:.5vh}.timeLineDashboard .mapContainer .mapWrapper .legendBox section article p{font-size:.8vw}.timeLineDashboard .mapContainer .mapWrapper .legendBox section article div{width:1vw;height:1vw;background-color:gray}.timeLineDashboard .mapContainer .mapWrapper .legendBox section article div:nth-of-type(1){background-color:#008722}.timeLineDashboard .mapContainer .mapWrapper .legendBox section article div:nth-of-type(2){background-color:#f57b00}.timeLineDashboard .mapContainer .mapWrapper .legendBox section article div:nth-of-type(3){background-color:#ff504a}.timeLineDashboard .chartContainer{display:grid;height:fit-content;grid-template-rows:18vh 62vh}.timeLineDashboard .chartContainer .infoBar{display:grid;grid-template-columns:repeat(4,1fr);gap:.5vw;width:100%;height:fit-content}.timeLineDashboard .chartContainer .infoBar div{background-color:var(--primary);padding:1.5%;color:var(--white);height:17vh;position:relative;display:flex;flex-direction:column;justify-content:space-between}.timeLineDashboard .chartContainer .infoBar div .textWrapper{display:flex;justify-content:space-between;text-align:right}.timeLineDashboard .chartContainer .infoBar div .textWrapper h3{flex:1;font-size:.8vw;text-align:right}.timeLineDashboard .chartContainer .infoBar div .textWrapper h4{flex:1;font-size:.8vw}.timeLineDashboard .chartContainer .infoBar div .textWrapper h4:nth-of-type(1){text-align:left;flex:1.3;font-size:.8vw}.timeLineDashboard .chartContainer .infoBar div .textWrapper h4:nth-of-type(2){text-align:center}.timeLineDashboard .chartContainer .infoBar div .textWrapper h4:nth-of-type(3){flex:.6}.timeLineDashboard .chartContainer .infoBar div h3{font-size:1.1vw}.timeLineDashboard .chartContainer .infoBar div h3 span{font-size:.7vw;position:relative;top:-1vh}.timeLineDashboard .chartContainer .infoBar div .exportWrapper{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;text-align:center;gap:.5vh}.timeLineDashboard .chartContainer .infoBar div .exportWrapper .exportButton{cursor:pointer}.timeLineDashboard .chartContainer .infoBar div .exportWrapper .exportButton:hover{color:var(--lightSecondary)}.timeLineDashboard .chartContainer .infoBar div .exportWrapper .exportButton svg{width:1.5vw;height:3vh}.timeLineDashboard .chartContainer .infoBar div .exportWrapper .exportButton h3{text-align:center;font-size:.8vw}.timeLineDashboard .chartContainer .statisticsWrapper{overflow:hidden;height:64vh}.timeLineDashboard .chartContainer .statisticsWrapper .trainingManagementTimeline{width:100%;height:60vh;overflow-y:hidden}.timeLineDashboard .chartContainer .statisticsWrapper .trainingManagementTimeline .weeksSection{height:53vh;overflow-y:hidden}.timeLineDashboard .chartContainer .statisticsWrapper .trainingManagementTimeline .monthsSection{height:53vh;overflow:hidden}.trainingManagementTimeline{width:95%;margin:0 auto;height:80vh;overflow:hidden}.weeksSection{gap:.1vw;height:75vh;margin-top:.2vh;display:flex;flex-direction:column;-ms-overflow-style:scrollbar}.weeksSection .weekNamesWrapper{display:flex;grid-template-columns:repeat(53,1fr);gap:.1vw;height:100%;flex-direction:column;overflow-x:scroll}.weeksSection .weekNamesWrapper .weekNames{display:grid;grid-template-columns:10vw repeat(53,1fr);gap:.1vw;position:sticky;z-index:5;top:0;grid-template-rows:3vh}.weeksSection .weekNamesWrapper .weekNames h4{background-color:var(--primary);color:var(--lightSecondary);width:10vw;text-align:center;padding:2% 0 1%;height:3vh;display:flex;align-items:center;justify-content:center}.weeksSection .weekNamesWrapper .daysGrid{display:grid;grid-template-columns:10vw repeat(365,1fr);width:530vw;padding-block:.1vw;grid-template-rows:repeat(auto-fit,5vh);gap:.1vw}.weeksSection .weekNamesWrapper .daysGrid .trainingTitle{max-width:10vw;overflow:hidden;width:10vw;text-wrap:wrap;font-size:.8vw;color:var(--primary);padding-left:2.5%;display:flex;align-items:center}.weeksSection .weekNamesWrapper .daysGrid .trainingBar{height:4vh;background-color:var(--primary);transition:all .3s linear;border-radius:.3vw;position:relative;margin-top:.2vh}.weeksSection .weekNamesWrapper .daysGrid .trainingBar .hoverPop{display:none;position:absolute;top:105%;background-color:inherit;border-radius:.2vw;z-index:3}.weeksSection .weekNamesWrapper .daysGrid .trainingBar .hoverPop p{color:var(--sand);font-size:.5vw;padding:1%;width:10vw}.weeksSection .weekNamesWrapper .daysGrid .trainingBar:hover .hoverPop{display:block}.monthsSection{gap:.1vw;margin-top:.2vh;height:100vh;overflow-x:scroll;position:relative}.monthsSection .topBar{position:sticky;top:0;z-index:1}.monthsSection .topBar .monthNames{display:flex;gap:.1vw;width:100%;margin-top:.1vw}.monthsSection .topBar .monthNames h4{flex:1;text-align:center;background-color:var(--primary);color:var(--lightSecondary);padding-top:.2%}.monthsSection .topBar .quarterNames{display:flex;gap:.1vw;position:sticky;top:0;width:100%;z-index:1}.monthsSection .topBar .quarterNames h4{flex:1;text-align:center;background-color:var(--primary);color:var(--lightSecondary);padding-top:.2%}.monthsSection .daysGridMonthView{display:grid;grid-template-columns:repeat(365,1fr);min-height:69%;padding-block:.1vw;width:100%;grid-template-rows:repeat(auto-fit,5vh);gap:.1vw}.monthsSection .daysGridMonthView .trainingBar{height:2vh;background-color:var(--primary);transition:all .3s linear;border-radius:.3vw;position:relative;margin-top:.2vh}.monthsSection .daysGridMonthView .trainingBar .hoverPop{display:none;position:absolute;top:105%;background-color:inherit;border-radius:.2vw}.monthsSection .daysGridMonthView .trainingBar .hoverPop p{color:var(--sand);font-size:.5vw;padding:1%;width:10vw}.monthsSection .daysGridMonthView .trainingBar:hover .hoverPop{display:block}.trainingManagement{position:relative}.trainingManagement h1{width:100%;text-align:center;padding-top:1vh;color:var(--primary);border:.2vw solid var(--primary)}.trainingManagement:has(.addAllCheckbox) .searchBar{width:95%;margin-left:auto;position:relative}.trainingManagement:has(.addAllCheckbox) .addAllCheckbox{position:absolute;left:-4.35vw;top:3vh;display:flex;font-size:1.2vw;padding-top:.9vh;gap:.5vw}.trainingManagement:has(.addAllCheckbox) .addAllCheckbox input[type=checkbox]{width:1.4vw;height:1.4vw;display:inline-block;padding:0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--primary);border-radius:.3vw;background-color:transparent;cursor:pointer;position:relative;border-color:var(--primary)}.trainingManagement:has(.addAllCheckbox) .addAllCheckbox input[type=checkbox]:checked{background-color:var(--primary);color:var(--primary)}.trainingManagement:has(.addAllCheckbox) .addAllCheckbox input[type=checkbox]:checked:after{content:"✓";color:var(--lightSecondary);font-size:2vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trainingManagement .versionSelector{width:95%;display:flex;gap:1vw;margin:1vh auto}.trainingManagement .versionSelector .versionChanger{height:2vh;flex:1;background-color:var(--primary);cursor:pointer;color:var(--lightSecondary);justify-content:center;align-items:center;width:100%;text-align:center;padding-top:.15%}.trainingManagement .versionSelector .versionChanger h5{font-weight:400}.trainingManagement .versionSelector .versionChanger.active{background-color:var(--lightSecondary);color:var(--primary)}.navigatorSection{position:fixed;top:9.75vh;left:2.5%;display:flex;color:var(--primary);font-size:.8vw}.navigatorSection a{margin-left:.3vw}.navigatorSection a:nth-last-of-type(1){text-decoration:underline;font-weight:700}.adminTrainingCard{position:relative;background-color:var(--primary);color:var(--white);display:grid;grid-template-columns:8% 34% 18% 14% 14% 3% 3% 3% 3%;align-items:center;padding:.2% 1%;font-size:1vw;transition:all .3s ease-in-out;height:10vh;border-radius:.2vw}.adminTrainingCard:nth-of-type(2n){background-color:var(--primaryHover)}.adminTrainingCard:hover{background-color:var(--primaryHover)}.adminTrainingCard>h3{font-size:1vw;width:100%;padding-left:5%;padding-top:1%}.adminTrainingCard .flagWrapper{position:absolute;width:50%;display:flex;gap:.3vw;bottom:.2vw;left:.2vw}.adminTrainingCard .flagWrapper .detailFlag{width:fit-content;position:static;margin-top:auto;height:fit-content;padding:.1% .2% 0;border-radius:.2vw}.adminTrainingCard div img{width:70%;margin:0 auto}.adminTrainingCard div:nth-of-type(1){border-right:1px solid var(--white);width:fit-content}.adminTrainingCard div p{margin-top:.5vh;font-size:.8vw}.adminTrainingCard div p span{font-size:.7vw;position:relative;top:-1vh}.adminTrainingCard a{display:inline-block;position:relative;width:90%;padding:20%;display:flex;transition:all .4s ease-in-out}.adminTrainingCard a:hover{transform:scale(1.1)}.adminTrainingCard a:hover p{transform:translateY(-40%)}.adminTrainingCard a p{transition:all .3s ease-in-out;display:inline-block;width:1vw;aspect-ratio:1;text-align:center;border-radius:50%;border:.1vw solid var(--white);display:flex;align-items:center;justify-content:center;position:absolute;top:5%;right:5%;background-color:var(--primary);font-size:.5vw;padding-top:6%}.adminTrainingCard:has(.addCheckbox){width:97.5%;margin-left:auto}.adminTrainingCard:has(.addCheckbox) .addCheckbox{position:absolute;left:-2vw}.adminTrainingCard:has(.addCheckbox) .addCheckbox input[type=checkbox]{width:1.4vw;height:1.4vw;display:inline-block;margin-top:.9vh;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--primary);border-radius:.3vw;background-color:transparent;cursor:pointer;position:relative;padding:0;border-color:var(--primary)}.adminTrainingCard:has(.addCheckbox) .addCheckbox input[type=checkbox]:checked{background-color:var(--primary);color:var(--primary)}.adminTrainingCard:has(.addCheckbox) .addCheckbox input[type=checkbox]:checked:after{content:"✓";color:var(--lightSecondary);font-size:2vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.draftCard{border-bottom:.1vh solid var(--white);height:fit-content;cursor:pointer;background-color:var(--primary);color:var(--white)}.draftCard:nth-of-type(2n){background-color:var(--primaryHover)}.draftCard .card{display:flex;width:100%;align-items:center;justify-content:space-between;border-bottom:1px solid var(--white)}.draftCard .card div{border-right:2px solid var(--white)}.draftCard .card div img{width:40vw;padding:10%;aspect-ratio:1;height:auto}.draftCard .card h3{padding-inline:1.5%;width:100%;font-size:1vw;flex-basis:200%}.draftCard .card h4{padding-inline:1.5%;width:100%;font-size:.9vw}.draftCard .card h4 b{color:var(--green);font-size:.9vw}.draftCard .card h4 span{color:var(--red);font-size:.9vw;font-weight:900;top:0}.draftCard .card svg{width:12vw;margin-right:1vw;transition:all .4s ease-in}.draftCard:has(.draftCardPreview.showPreview) .card>svg{transform:rotate(90deg)}.draftCardPreview{position:relative;width:100%;background-color:var(--primary);transition:all .5s ease-in-out;transform:scaleY(0);max-height:0;transform-origin:top;opacity:0}.draftCardPreview h1{color:var(--white)}.draftCardPreview .previewWrapper video{width:50%;margin:0 auto;border-radius:.3vw;margin-bottom:2.5vh}.draftCardPreview .previewWrapper .buttonContainer{display:flex;gap:1vw;margin-block:2vh;justify-content:flex-end}.draftCardPreview .previewWrapper .buttonContainer button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.3vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;align-self:flex-end;justify-self:right;cursor:pointer}.draftCardPreview .previewWrapper .buttonContainer button:hover{transform:scale(1.05)}.draftCardPreview.showPreview{transform:scaleY(1);max-height:100%;opacity:1}.uploadBox{width:100%;height:100%}.uploadBox label a{font-size:.7vw;color:var(--lightSecondary);text-decoration:underline}.uploadBox .fileInputDiv{width:100%;border:.1vw dashed var(--lightSecondary);border-radius:.4vw;padding:2%;background:cover/center no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;aspect-ratio:16/8;height:auto;gap:1vh;cursor:pointer}.uploadBox .fileInputDiv p{color:var(--lightSecondary);text-align:center;font-size:.8vw;height:2.8vh}.uploadBox .fileInputDiv svg{color:var(--lightSecondary);opacity:.9;width:20%;aspect-ratio:1;height:auto}.questionSection{background-color:var(--primaryHover);border:.1vw solid var(--white);border-radius:.2vw;margin-bottom:1vh;color:var(--white)}.questionSection:nth-last-of-type(1){margin-bottom:2.5%}.questionSection .questions{font-weight:400;padding:.4%;display:flex;align-items:center;gap:.2vw}.questionSection .questions p{font-size:.6vw}.questionSection .questions p:nth-of-type(1){font-size:.8vw}.questionSection .questions:nth-of-type(1){border-bottom:.1vh solid var(--white);font-size:.9vw}.questionSection .questions span{font-size:.6vw;padding-inline:.1vw}.questionSection .questions b{font-size:.6vw;color:var(--green);margin-left:.1vw}.questionSection .questions:nth-of-type(1) p,.questionSection .questions:nth-of-type(1) span{font-size:.8vw}.unitCard{border-block:.1vh solid var(--white);height:fit-content;background-color:var(--primaryHover);color:var(--white)}.unitCard .card{display:flex;width:100%;align-items:center;justify-content:space-between;border-bottom:1px solid var(--white)}.unitCard .card .checkBoxContainer{border-right:2px solid var(--white);padding:.5%;width:4vw;aspect-ratio:1;position:relative;cursor:pointer}.unitCard .card .checkBoxContainer p{width:1.8vw;aspect-ratio:1;border:.1vw solid var(--white)}.unitCard .card .checkBoxContainer svg{position:absolute;top:50%;left:50%;transform:translate(-40%,-60%);width:2.1vw;color:var(--green);filter:brightness(150%)}.unitCard .card h3{padding-inline:1.5%;width:100%;font-size:1vw;flex-basis:200%}.unitCard .card h4{padding-inline:1.5%;width:100%;font-size:.9vw}.unitCard .card h4 b{color:var(--green);font-size:.9vw}.unitCard .card h4 span{color:var(--red);font-size:.9vw;font-weight:900}.unitCard .card svg{width:10%;margin-right:1vw;transition:all .4s ease-in;cursor:pointer}.unitCard .card a{margin:0 auto;padding-top:.35%;width:20%;align-self:center}.unitCard .card a svg{width:45%;margin:0 auto}.unitCard:has(.unitCardPreview.showPreview) .card>svg{transform:rotate(90deg)}.unitCardPreview{position:relative;width:100%;background-color:var(--primary);transition:all .5s ease-in-out;transform:scaleY(0);max-height:0;transform-origin:top;opacity:0}.unitCardPreview .contentContainer{padding:2.5%;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;gap:3vw}.unitCardPreview .contentContainer .quizWrapper{padding-inline:2.5%;max-height:40vh;overflow-y:scroll;width:100%}.unitCardPreview .previewWrapper .buttonContainer{display:flex;gap:1vw;margin-block:2vh;justify-content:flex-end}.unitCardPreview .previewWrapper .buttonContainer button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.3vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;align-self:flex-end;justify-self:right;cursor:pointer}.unitCardPreview .previewWrapper .buttonContainer button:hover{transform:scale(1.05)}.unitCardPreview.showPreview{transform:scaleY(1);max-height:100%;opacity:1}.addOnDemandUnit{position:relative;width:95%;height:var(--adminLayoutHeight);overflow-y:scroll;margin:0 auto;background-color:var(--primary);display:flex;flex-direction:column}.addOnDemandUnit>header{position:sticky;top:0;z-index:1;background-color:transparent;width:fit-content}.addOnDemandUnit>header nav{color:var(--white);width:fit-content;display:flex;justify-content:center;align-items:center}.addOnDemandUnit>header nav h6{border:.2vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:100%;font-size:1.2vw;font-weight:500;text-align:center;transition:all .4s ease-in;width:25vw;padding:1.2vh 1vh 1vh}.addOnDemandUnit>header nav h6:nth-of-type(1){border-left:none;border-top:none}.addOnDemandUnit>header nav h6.active{transition:all .4s ease-in}.addOnDemandUnit form{width:100%;padding:2.5%}.addOnDemandUnit form .titleWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:max-content;gap:1.5vw;justify-content:center;margin-bottom:4vh}.addOnDemandUnit form .titleWrapper div{position:relative}.addOnDemandUnit form .titleWrapper div label{margin:0}.addOnDemandUnit form .titleWrapper div input{margin-top:.5vh}.addOnDemandUnit form .boxWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5vw;row-gap:4vh;justify-content:center}.addOnDemandUnit form div{width:100%}.addOnDemandUnit form label{position:relative;color:var(--white);display:block;margin-bottom:.4vh;width:100%;font-size:1vw}.addOnDemandUnit form label b{color:var(--red);margin-left:.2vw}.addOnDemandUnit form label span{color:var(--red);position:absolute;font-size:.8vw;right:0;bottom:.1vh;cursor:pointer}.addOnDemandUnit form input{height:3.2vh;width:100%;font-size:1vw;border-radius:.2vw;padding:.8% 1% .5% 1.5%;color:var(--primary);background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary)}.addOnDemandUnit form input::-webkit-calendar-picker-indicator{filter:invert(1)}.addOnDemandUnit form input::-webkit-outer-spin-button,.addOnDemandUnit form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.addOnDemandUnit form input[type=number]{-moz-appearance:textfield}.addOnDemandUnit form input:focus{outline:none}.addOnDemandUnit form select{color:var(--primary)}.addOnDemandUnit form textarea{color:var(--primary);resize:none;width:100%;aspect-ratio:16/8;font-size:1vw;border-radius:.2vw;background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary);padding:.8% 1% 1% 1.5%}.addOnDemandUnit form textarea::placeholder{color:var(--white)}.addOnDemandUnit form textarea:focus{outline:none}.addOnDemandUnit form .targetText{aspect-ratio:17/3.55}.addOnDemandUnit form .memberCountWrapper div{width:50%;display:flex;color:var(--white);align-items:center}.addOnDemandUnit form .memberCountWrapper div h3{width:15%}.addOnDemandUnit form .memberCountWrapper div input{width:20%;margin:0;font-size:1vw}.addOnDemandUnit form video{width:100%;aspect-ratio:16/8;margin:0 auto;border-radius:.3vw;border:.2vw solid var(--lightSecondary);background-color:#000}.addOnDemandUnit .previewWrapper{padding:0 2.5% 2.5%;margin-top:auto}.addOnDemandUnit .previewWrapper .buttonContainer{display:flex;gap:1vw;justify-content:flex-end;margin-top:auto}.addOnDemandUnit .previewWrapper .buttonContainer button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.3vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;align-self:flex-end;justify-self:right;cursor:pointer}.addOnDemandUnit .previewWrapper .buttonContainer button:hover{transform:scale(1.05)}.addOnDemandUnit .editor{width:100%;height:100%;padding:2.5%;position:absolute;z-index:99;background-color:var(--primary);display:flex;align-items:center}.addOnDemandUnit .previewBox{width:100%}.addOnDemandUnit .previewBox section{width:100%;border:.1vw dashed var(--white);border-radius:.4vw;padding-inline:2.5%;aspect-ratio:16/8;height:auto;overflow-y:scroll}.addOnDemandUnit .previewBox section article{background-color:var(--primary);position:sticky;top:0;display:flex;justify-content:right;width:100%;gap:.5vw;z-index:1;align-items:center;padding-top:2.5%}.addOnDemandUnit .previewBox section article p{width:fit-content}.addOnDemandUnit .previewBox section div{display:flex;gap:.3vw}.addOnDemandUnit .previewBox section div p{flex:1}.addOnDemandUnit .previewBox section div label{width:2vw;text-align:center}.addOnDemandUnit .previewBox section div label input{width:1vw;height:2vh}.addOnDemandUnit .previewBox section div label:nth-of-type(1){margin-right:.5vw}.addOnDemandUnit .previewBox section div span{color:var(--red);cursor:pointer}.addOnDemandUnit .previewBox section div span svg{width:1vw;height:1vw}.addOnDemandUnit .previewBox p{color:var(--white);text-align:left;font-size:.8vw;font-weight:300;margin-bottom:.5vh;width:90%}.videoEditor{display:grid;grid-template-columns:repeat(2,1fr);padding:2.5%;position:absolute;gap:3vw}.videoEditor .annotationsList{border:.1vh solid var(--lightSecondary);overflow-y:scroll;max-height:37vh}.videoEditor .annotationsList form{display:flex;gap:2vw}.videoEditor .annotationsList form input::placeholder{color:var(--sand);opacity:.8}.videoEditor .annotationsList form>svg{color:var(--red);width:10vw;height:2vw;cursor:pointer}.videoEditor .videoPlayer{width:100%;position:relative;height:fit-content}.videoEditor .videoPlayer .annotationsContainer{position:absolute;bottom:1%;left:0;right:0;width:94%;margin:0 auto;display:flex;pointer-events:none}.videoEditor .videoPlayer .annotationsContainer .annotation{position:absolute;bottom:0;transform:translate(-50%);pointer-events:auto;cursor:pointer;background-color:var(--primary);width:fit-content;height:fit-content;width:2vw;height:2vw;border-radius:.3vw;display:flex;align-items:center}.videoEditor .videoPlayer .annotationsContainer .annotation svg{color:var(--white);width:2vw;height:2vw}.custom-dropdown{color:var(--primary);position:relative;min-width:12vw;height:3vh;cursor:pointer;font-size:1vw}.custom-dropdown svg{width:1.2vw;height:1.2vw;color:var(--primary)}.custom-dropdown .selected-option{display:flex;align-items:center;justify-content:space-evenly;padding:.1vh .5vw;padding-right:.5vw;background-color:var(--white);border:1px solid #ccc;height:3vh;border-radius:.3vw}.custom-dropdown .selected-option .label{padding:.5vw}.custom-dropdown .selected-option .arrow{margin-left:auto;color:var(--primary)}.custom-dropdown .options-list{position:absolute;top:100%;left:0;width:100%;background-color:var(--sand);border:1px solid var(--primary);border-radius:.3vw;z-index:10}.custom-dropdown .options-list .option{display:flex;align-items:center;cursor:pointer;padding-left:.5vw;padding-block:.2vh}.custom-dropdown .options-list .option:hover{background-color:#e0e0e0}.custom-dropdown .options-list .option .label{margin-left:10px}.customSelectWithAdd{position:relative;z-index:2}.customSelectWithAdd div{display:flex;gap:.4vw;align-items:center}.customSelectWithAdd div svg{color:var(--white);width:2vw;aspect-ratio:1/1;height:auto;margin-top:.4vh;border:.1vw solid var(--lightSecondary);border-radius:.2vw;cursor:pointer;padding:1%}.customSelectWithAdd div svg:active{scale:.9}.customSelectWithAdd .customSelect{position:absolute;background-color:var(--primary);width:100%;max-height:0;overflow-y:scroll;top:6.2vh;border-radius:.1vw;transition:all .3s ease-in-out}.customSelectWithAdd .customSelect p{padding:2.5% 1.5%;text-transform:capitalize;cursor:pointer;color:var(--white);transition:all .3s ease-in-out;font-size:.7vw}.customSelectWithAdd .customSelect p:hover{background-color:var(--primaryHover);color:var(--white)}.customSelectWithAdd input{height:3.2vh;font-size:.8vw;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 16 16' fill='%23ffffff' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M2 5.56L2.413 5h11.194l.393.54L8.373 11h-.827L2 5.56z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto;padding-left:1.5%;cursor:pointer}.customSelectWithAdd input::placeholder{font-size:.9vw}.customSelectWithAdd .categoryPreview{display:flex;justify-content:space-between;flex-wrap:wrap}.customSelectWithAdd .categoryPreview h4{color:var(--white)}.customSelectWrapper{position:relative;z-index:2}.customSelectWrapper .customSelect{position:absolute;background-color:var(--primary);width:100%;max-height:0;overflow-y:scroll;top:6.2vh;border-radius:.1vw;transition:all .3s ease-in-out}.customSelectWrapper .customSelect p{padding:2.5% 1.5%;text-transform:capitalize;cursor:pointer;color:var(--white);transition:all .3s ease-in-out;background-color:var(--primary);font-size:.7vw}.customSelectWrapper .customSelect p:hover{background-color:var(--primaryHover);color:var(--white)}.customSelectWrapper input{height:3.2vh;font-size:.8vw;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 16 16' fill='%23ffffff' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M2 5.56L2.413 5h11.194l.393.54L8.373 11h-.827L2 5.56z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto;padding-left:1.5%;cursor:pointer}.customSelectWrapper input::placeholder{color:var(--white)}.customSelectWrapper .categoryPreview{display:flex;justify-content:space-between;flex-wrap:wrap}.customSelectWrapper .categoryPreview h4{color:var(--white)}.onDemandFinalization{width:100%;background-color:var(--primary);color:var(--white);overflow-y:scroll;transition:all .5s ease}.onDemandFinalization>header{position:sticky;top:0;z-index:1;background-color:transparent;width:fit-content}.onDemandFinalization>header nav{color:var(--white);width:fit-content;display:flex;justify-content:center;align-items:center}.onDemandFinalization>header nav h6{border:.2vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:100%;font-size:1.2vw;font-weight:500;text-align:center;transition:all .4s ease-in;width:25vw;padding:1.2vh 1vh 1vh}.onDemandFinalization>header nav h6:nth-of-type(1){border-left:none;border-top:none}.onDemandFinalization>header nav h6.active{transition:all .4s ease-in}.onDemandFinalization .titles{padding:2.5% 2.5% .5%;display:flex;justify-content:space-between;gap:5vw}.onDemandFinalization .titles h3{width:50%}.onDemandFinalization .trainingInfo{padding:0 2.5% 2.5%;display:flex;justify-content:space-between;gap:5vw}.onDemandFinalization .trainingInfo article{flex:1;height:30vh;display:flex;flex-direction:column;justify-content:space-between;padding:1%;border:.1vh solid var(--white)}.onDemandFinalization .trainingInfo article div{padding-inline:1%;display:flex;justify-content:space-between;border-bottom:.1vh solid var(--white);gap:1vw;align-items:baseline}.onDemandFinalization .trainingInfo article div h3{margin-right:auto}.onDemandFinalization .sortingBox{background-color:var(--primaryHover);flex:1;display:flex;flex-direction:column;gap:1vh;padding:1%;max-height:30vh;overflow:scroll;border:.1vh solid var(--lightSecondary)}.onDemandFinalization .sortingBox div{border:.1vh solid var(--white);padding:2.5% 2% 2%;border-radius:.3vw;max-height:5vh;cursor:move}.onDemandFinalization>h3{padding-inline:2.5%}.onDemandFinalization .finalUnitsSortPreview{border:.1vw solid var(--lightSecondary);margin:.5% 2.5% 0}.onDemandFinalization .finalUnitsSortPreview .unitCardPreview{max-height:100%;opacity:1;transform:none;padding:0}.onDemandFinalization .ButtonContainer{display:flex;padding:2.5%;gap:1vw;align-items:flex-end;height:100%}.onDemandFinalization .ButtonContainer div{width:80%}.onDemandFinalization .ButtonContainer button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.3vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;cursor:pointer}.onDemandFinalization .ButtonContainer button:hover{transform:scale(1.05)}.onDemandFinalization .ButtonContainer>button{margin-left:auto}.finalizeCardPreview{position:relative;width:100%;background-color:var(--primary);transition:all .5s ease-in-out;padding:2.5%;border-bottom:.1vh solid var(--lightSecondary)}.finalizeCardPreview>h3{color:var(--lightSecondary);margin-bottom:.5%}.finalizeCardPreview .contentContainer{padding:2.5%;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;gap:3vw}.finalizeCardPreview .contentContainer .quizWrapper{padding-inline:2.5%;max-height:40vh;overflow-y:scroll;width:100%}.editTraining{height:var(--adminLayoutHeight);display:grid;grid-template-columns:2fr 1fr 2fr;padding-inline:2.5%;gap:2vh}.addOndemandPage.draft{width:100%}.addOndemandPage.draft header{display:none}.addpresent.draft{width:100%}.addpresent.draft>header{display:none}.addTeams.draft{width:100%}.addTeams.draft>header{display:none}.trainingManagementTimelineView{width:95%;margin:0 auto;height:81vh;overflow:hidden;overflow-x:scroll}.trainingManagementTimelineView .timeLineSelector{display:flex;align-items:center;justify-content:space-between;gap:.5vw;width:100%;height:fit-content;overflow-x:scroll}.weeksSectionCal{gap:.1vw;margin-top:.2vh;height:70vh;display:flex;flex-direction:column;overflow-x:scroll}.weeksSectionCal .weekNamesWrapper{display:flex;grid-template-columns:repeat(53,1fr);gap:.1vw;flex-direction:column;height:fit-content}.weeksSectionCal .weekNamesWrapper .weekNames{display:grid;grid-template-columns:repeat(53,1fr);gap:.1vw;position:sticky;z-index:5;top:0}.weeksSectionCal .weekNamesWrapper .weekNames h4{background-color:var(--primary);color:var(--lightSecondary);width:10vw;text-align:center;padding:2% 0 1%;height:3vh;display:flex;align-items:center;justify-content:center}.weeksSectionCal .weekNamesWrapper .weekColumnWrapper{display:grid;grid-template-columns:repeat(53,1fr);gap:.1vw;height:fit-content;padding-bottom:1vh}.weeksSectionCal .weekNamesWrapper .weekColumnWrapper .day{width:10vw;height:10vw;background-color:var(--sand);margin-top:.2vw;padding:1% 2.5%}.weeksSectionCal .weekNamesWrapper .weekColumnWrapper .day h4{font-size:.8vw;color:var(--primary)}.weeksSectionCal .weekNamesWrapper .weekColumnWrapper .day .trainingsWrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:.5vw;place-items:center;padding:2.5%}.weeksSectionCal .weekNamesWrapper .weekColumnWrapper .day .trainingsWrapper .training{position:relative;width:100%;aspect-ratio:1;height:auto;background-color:var(--primary);border-radius:50%;cursor:pointer}.weeksSectionCal .weekNamesWrapper .weekColumnWrapper .day .trainingsWrapper .training .hoverInfo{display:none}.weeksSectionCal .weekNamesWrapper .weekColumnWrapper .day .trainingsWrapper .training:hover .hoverInfo{display:block;background-color:var(--primary);position:absolute;min-width:12vw;height:fit-content;top:-100%;transform:translate(5%,-20%)}.weeksSectionCal .weekNamesWrapper .weekColumnWrapper .day .trainingsWrapper .training:hover .hoverInfo h6{padding:1% 2.5%;top:5%;color:var(--sand)}.weeksSectionCal .weekNamesWrapper .weekColumnWrapper .week:nth-last-of-type(1) .trainingsWrapper .training .hoverInfo{left:-12vw;transform:translate(-50%,-20%);z-index:99;opacity:1}.monthsSectionCal{gap:.1vw;margin-top:.2vh}.monthsSectionCal .monthNames{display:flex;width:100%;gap:.1vw}.monthsSectionCal .monthNames h4{flex:1;text-align:center;background-color:var(--primary);color:var(--lightSecondary);padding-top:.2%}.monthsSectionCal .daysWrapper{display:flex;gap:.1vw;overflow:scroll;height:75vh}.monthsSectionCal .daysWrapper .monthColumn{flex:1;height:fit-content;display:grid;grid-template-rows:repeat(auto-fit,1fr);gap:.1vw}.monthsSectionCal .daysWrapper .monthColumn .day{position:relative;width:100%;aspect-ratio:1;height:auto;padding:2.5%;background-color:var(--sand)}.monthsSectionCal .daysWrapper .monthColumn .day h5{opacity:.4}.monthsSectionCal .daysWrapper .monthColumn .day .trainingsWrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:.5vw;place-items:center;padding:2.5%}.monthsSectionCal .daysWrapper .monthColumn .day .trainingsWrapper .training{position:relative;width:100%;aspect-ratio:1;height:auto;background-color:var(--primary);border-radius:50%;cursor:pointer}.monthsSectionCal .daysWrapper .monthColumn .day .trainingsWrapper .training .hoverInfo{display:none}.monthsSectionCal .daysWrapper .monthColumn .day .trainingsWrapper .training:hover .hoverInfo{display:block;background-color:var(--primary);position:absolute;min-width:12vw;height:fit-content;top:-100%;transform:translate(5%,-20%);z-index:2}.monthsSectionCal .daysWrapper .monthColumn .day .trainingsWrapper .training:hover .hoverInfo h6{padding:1% 2.5%;top:5%;color:var(--sand)}.monthsSectionCal .daysWrapper .monthColumn:nth-last-of-type(1) .trainingsWrapper .training .hoverInfo{left:-12vw;transform:translate(-50%,-20%)}.trainingManagementTimeline{width:95%;margin:0 auto;height:81vh;overflow:hidden}.trainingManagementTimeline .timeLineSelector{display:flex;align-items:center;justify-content:space-between;gap:.5vw;width:100%;height:fit-content}.trainingManagementTimeline .timeLineSelector .timeLineOption{background-color:var(--primary);color:var(--lightSecondary);height:3vh;width:100%;text-align:center;padding-top:.2%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1vw}.trainingManagementTimeline .timeLineSelector .timeLineOption.active{background-color:var(--lightSecondary);color:var(--primary);width:100%}.trainingManagementTimeline .timeLineSection{background-color:var(--white);width:100%}.trainingManagementTimeline .timeLineSection .selectedYear{background-color:var(--primaryHover);color:var(--lightSecondary);padding-top:.2%;flex:1;text-align:center;margin-top:.2vh;font-size:1.1vw;width:100%;display:flex;gap:5vw;justify-content:center}.trainingManagementTimeline .timeLineSection .selectedYear .changeButton{cursor:pointer}.weeksSectionTimeLine{gap:.1vw;margin-top:.2vh;height:75vh;display:flex;flex-direction:column;-ms-overflow-style:scrollbar}.weeksSectionTimeLine .weekNamesWrapper{display:flex;grid-template-columns:repeat(53,1fr);gap:.1vw;height:100%;flex-direction:column;overflow:scroll}.weeksSectionTimeLine .weekNamesWrapper .weekNames{display:grid;grid-template-columns:10vw repeat(53,1fr);gap:.1vw;position:sticky;z-index:5;top:0;grid-template-rows:3vh}.weeksSectionTimeLine .weekNamesWrapper .weekNames h4{background-color:var(--primary);color:var(--lightSecondary);width:10vw;text-align:center;padding:2% 0 1%;height:3vh;display:flex;align-items:center;justify-content:center}.weeksSectionTimeLine .weekNamesWrapper .daysGrid{display:grid;grid-template-columns:10vw repeat(365,1fr);padding-block:.1vw;grid-template-rows:repeat(auto-fit,5vh);gap:.1vw}.weeksSectionTimeLine .weekNamesWrapper .daysGrid .trainingTitle{max-width:10vw;overflow:hidden;width:10vw;text-wrap:wrap;font-size:.7vw;background-color:var(--sand);height:5vh;padding:2.5%}.weeksSectionTimeLine .weekNamesWrapper .daysGrid .trainingBar{height:4vh;background-color:var(--primary);transition:all .3s linear;border-radius:.3vw;position:relative;margin-top:.2vh}.weeksSectionTimeLine .weekNamesWrapper .daysGrid .trainingBar .hoverPop{display:none;position:absolute;top:105%;background-color:inherit;border-radius:.2vw;z-index:3;width:fit-content}.weeksSectionTimeLine .weekNamesWrapper .daysGrid .trainingBar .hoverPop p{color:var(--sand);font-size:.5vw;display:block;margin:.1vw}.weeksSectionTimeLine .weekNamesWrapper .daysGrid .trainingBar:hover .hoverPop{display:block}.monthsSectionTimeLine{gap:.1vw;margin-top:.2vh;height:81vh;display:flex;flex-direction:column;padding-bottom:8vh;-ms-overflow-style:scrollbar;overflow-y:scroll}.monthsSectionTimeLine .monthNames{display:flex;gap:.1vw;position:sticky;top:0;width:100%;z-index:1;margin-top:.1vw}.monthsSectionTimeLine .monthNames h4{flex:1;text-align:center;background-color:var(--primary);color:var(--lightSecondary);padding-top:.2%}.monthsSectionTimeLine .quarterNames{display:flex;gap:.1vw;position:sticky;top:0;width:100%;z-index:1}.monthsSectionTimeLine .quarterNames h4{flex:1;text-align:center;background-color:var(--primary);color:var(--lightSecondary);padding-top:.2%}.monthsSectionTimeLine .daysGrid{display:grid;grid-template-columns:10vw repeat(365,1fr);padding-block:.1vw;-webkit-overflow-scrolling:touch;scrollbar-width:thin;white-space:nowrap;overflow-x:scroll;-ms-overflow-style:scrollbar;grid-template-rows:repeat(auto-fit,5vh);gap:.1vw;overflow-y:scroll;padding-bottom:5vh}.monthsSectionTimeLine .daysGrid .trainingBar{height:2vh;background-color:var(--primary);transition:all .3s linear;border-radius:.3vw;position:relative;margin-top:.2vh}.monthsSectionTimeLine .daysGrid .trainingBar .hoverPop{display:none;position:absolute;top:105%;background-color:inherit;border-radius:.2vw;z-index:3}.monthsSectionTimeLine .daysGrid .trainingBar .hoverPop p{color:var(--sand);font-size:.5vw;padding:1%;width:10vw}.monthsSectionTimeLine .daysGrid .trainingBar:hover .hoverPop{display:block}.quartersSection{gap:.1vw;margin-top:.2vh;height:90%;overflow-x:scroll;position:relative}.quartersSection .quarterNames{display:flex;gap:.1vw;position:sticky;top:0;width:100%;z-index:1}.quartersSection .daysGrid{display:grid;grid-template-columns:repeat(366,1fr);min-height:100%;gap:.1vw;padding-block:.1vw}.quartersSection .daysGrid .trainingBar{height:2vh;background-color:var(--primary);transition:all .3s linear;border-radius:.3vw;position:relative}.memberManagement{position:relative}.memberManagement .userCardsWrapper{position:relative;height:var(--adminLayoutHeightWithSearch);margin-inline:2.5%;display:grid;grid-auto-rows:max-content;overflow:scroll;gap:.2vh;transition:all .3s ease;border-bottom:.3vh solid var(--secondary)}.memberManagement .userCardsWrapper>img{width:3vw;aspect-ratio:1;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.memberManagement .importBox{position:absolute;background-color:var(--white);width:95%;height:100%;top:0;display:none;left:2.5%;border:.2vh solid var(--primary)}.memberManagement .importBox>svg{position:absolute;top:1%;right:.5%;color:var(--red);cursor:pointer;width:1vw;height:auto}.memberManagement .importBox.show{display:block}.userCard{background-color:var(--primary);display:grid;grid-template-columns:2fr 2fr 2fr 2fr;align-items:center;padding:1.5% 1%;color:var(--white);border-left:1vw solid var(--secondary)}.userCard article h3{font-weight:400;line-height:1.5vw;font-size:1.1vw;display:flex;align-items:flex-start}.userCard article h3 svg{margin-right:.3vw;width:fit-content;height:1.2vw;aspect-ratio:1/1}.userCard .iconBox{display:flex;justify-content:space-evenly;align-items:flex-end}.userCard .iconBox a{display:inline-block;position:relative;width:10%;padding:1%;display:flex;transition:all .4s ease-in-out}.userCard .iconBox a:hover p{transform:translateY(-30%)}.userCard .iconBox a p{transition:all .3s ease-in-out;display:inline-block;width:50%;aspect-ratio:1;border-radius:50%;border:.1vw solid var(--white);display:flex;align-items:center;justify-content:center;position:absolute;text-align:center;top:-10%;right:-20%;background-color:var(--primary);font-size:.6vw;line-height:normal;padding-top:6%}.usersSearchBar{display:flex;justify-content:center;align-items:center;padding-inline:2.5%;padding-bottom:2.5vh;gap:.8vw}.usersSearchBar label{width:70%;position:relative}.usersSearchBar label .searchIcon{position:absolute;width:2vw;height:2vw;color:var(--secondary);top:18%;right:2%}.usersSearchBar label input{width:100%;font-size:1.2vmax;border-radius:.5vmax;color:var(--primary);text-align:center;border:.2vw solid var(--secondary)}.usersSearchBar label input::placeholder{color:var(--secondary);position:relative;top:.2vmin}.usersSearchBar label input:focus{outline:none;border:.2vw solid var(--primary)}.usersSearchBar label input:focus::placeholder{opacity:0}.usersSearchBar .searchInput input,.usersSearchBar .button{height:5.5vh}.userImport{padding:1% .5% .5%;height:100%;overflow:hidden;overflow:scroll;display:flex;flex-direction:column}.userImport details{padding:1%;color:var(--primary)}.userImport details summary{font-size:1vw}.userImport details .button{min-height:1vh;height:3.2vh;width:30%;align-self:flex-end}.userImport details input{margin-block:1vh}.userImport .userCardWrapper{margin-bottom:2vh}.userImport>.button{background-color:var(--primary);align-self:flex-end;margin-top:auto;width:15vw}.userImportCard{color:var(--white);background-color:var(--primary);display:flex;align-items:baseline;justify-content:space-between;padding:1.3% 1% 1%;border-bottom:.1vh solid var(--sand);gap:.5vw}.userImportCard h3,.userImportCard p{flex:1;font-size:.8vw}.userImportCard h3:nth-of-type(2),.userImportCard p:nth-of-type(2){flex:.7}.manuelImportForm{display:flex;flex-wrap:wrap;gap:1vw;padding:1%;justify-content:space-between;position:relative}.manuelImportForm div{width:30%}.manuelImportForm .button{position:static}.monitoring .versionSelector{width:95%;display:flex;gap:1vw;margin:1vh auto}.monitoring .versionSelector .versionChanger{height:2vh;flex:1;background-color:var(--primary);cursor:pointer;color:var(--lightSecondary);justify-content:center;align-items:center;width:100%;text-align:center;padding-top:.15%}.monitoring .versionSelector .versionChanger h5{font-weight:400}.monitoring .versionSelector .versionChanger.active{background-color:var(--lightSecondary);color:var(--primary)}.teilnehmerDetails{position:relative}.teilnehmerDetails .button{display:none}.teilnehmerDetails .userCardsWrapper{position:relative;background-color:var(--sand);height:var(--adminLayoutHeightWithSearch);margin-inline:2.5%;display:grid;grid-auto-rows:max-content;overflow:scroll;gap:.2vh;transition:all .3s ease;border-bottom:.3vh solid var(--secondary)}.teilnehmerDetails .userCardsWrapper>img{width:3vw;aspect-ratio:1;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.teilnehmerDetails .userCardsWrapper .TeilnehmerDetailsBar{height:15vh;padding-block:1vh}.channel{height:80vh;width:95%;margin:0 auto;background-color:var(--sand);padding:0;display:flex}.channel .channelInfo{flex:2;height:100%;width:100%;color:var(--primary);padding:1% .1%;overflow-y:scroll}.channel .channelInfo h2{margin-bottom:5vh;text-align:center}.channel .channelInfo h3,.channel .channelInfo p{margin-bottom:.5vh}.channel .channelInfo h4{font-size:1.3vw;text-align:center;margin-bottom:5vh}.channel .channelInfo .projectOption{width:80%;background-color:var(--primary);color:var(--lightSecondary);padding:.7% .2% 0;height:3vh;display:flex;align-items:center;text-align:center;justify-content:center;border-radius:.2vw;margin:2vh auto;cursor:pointer;transition:all .2s ease-in-out}.channel .channelInfo .projectOption:hover{transform:scale(1.05)}.channel .channelInfo .rsmContainer{display:grid;gap:.5vh;width:100%}.channel .channelInfo .rsmContainer .rsmCart{width:100%;background-color:var(--primary);display:flex;grid-template-columns:2fr 2fr 2fr 2fr;align-items:self-end;justify-content:space-between;padding:2% 1% 1%;color:var(--white);border-radius:.2vw}.channel .channelInfo .rsmContainer .rsmCart svg{width:1.2vw}.channel .channelInfo .rsmContainer .rsmCart p{width:35%;font-size:.9vw}.channel .channelInfo .rsmContainer .rsmCart a{display:inline-block}.channel .chartContainer{flex:5;height:100%;overflow-x:hidden;background-color:var(--primary);color:var(--white);width:100%}.channel .chartContainer .channelBar{height:50vh}.channel .chartContainer h3{text-align:center;padding-block:3vh}.channel .chartContainer .optionButton{color:var(--lightSecondary);display:flex;width:100%;justify-content:space-between;flex-wrap:wrap;row-gap:2vh;padding:2.5%}.channel .chartContainer .optionButton h3{border:.1vw solid var(--lightSecondary);width:15vw;height:2vh;display:flex;align-items:center;justify-content:center;padding:2%;border-radius:.2vw;cursor:pointer;transition:all .2s ease-in-out}.channel .chartContainer .optionButton h3:hover{transform:scale(1.05)}.channel .chartContainer .miniCharts{width:100%;display:grid;color:var(--white);grid-template-columns:repeat(3,1fr);grid-auto-rows:max-content;place-items:center;gap:1vh;padding:1.5% 1%;margin-right:auto}.channel .chartContainer .miniCharts .barHolder{height:fit-content;width:100%;border:.1vw solid var(--lightSecondary);padding:1%}.channel .chartContainer .miniCharts .barHolder .radialBar{height:20vh;color:var(--white);padding:0;overflow:visible;width:100%;margin:0 auto}.channel .chartContainer .miniCharts .barHolder .radialBar .tooltip{background-color:var(--primary);color:var(--lightSecondary);width:10vw;padding:2.5%;border:.1vh solid var(--green);border-radius:.2vw}.channel .chartContainer .miniCharts .barHolder .radialBar .tooltip p{display:block;font-size:.7vw;width:100%;margin-bottom:.1vh}.trainingReservedBy{height:var(--adminLayoutHeight);margin-inline:2.5%;display:grid;grid-auto-rows:max-content;overflow:scroll;gap:.2vh;transition:all .3s ease;border-bottom:.3vh solid var(--secondary)}.adminHeader .topBar{width:100vw;height:9vh;background-color:var(--primary);display:flex;justify-content:space-between;overflow:hidden;padding-left:2.5%}.adminHeader .topBar .userInfo{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;border-right:1px solid var(--white)}.adminHeader .topBar .userInfo h2,.adminHeader .topBar .userInfo h3{color:var(--white);font-size:1.5vw;font-weight:400}.adminHeader .topBar .userInfo h3{font-size:1.1vw}.adminHeader .topBar .slogan{width:50%;display:flex;justify-content:center;flex-direction:column;padding-left:2.5%;padding-block:2.7% 2.5%}.adminHeader .topBar .slogan h4{color:var(--sand);font-size:1.2vw;font-weight:400}.adminHeader .topBar .logoContainer{background-color:var(--white);border-radius:0% 0% 0% 4%/0% 95% 0% 100%;width:100%;height:110%;display:grid;grid-template-columns:95% 5%;place-items:center;gap:1%;padding-right:2.5%}.adminHeader .topBar .logoContainer img{margin:0 auto;width:55%}.adminHeader .topBar .logoContainer div{width:2vw;color:var(--primary);cursor:pointer;transition:all .4s ease}.adminHeader .topBar .logoContainer div:hover{color:var(--primary)}.adminHeader .topBar .logoContainer a{color:var(--primary);width:1.8vw;position:relative}.adminHeader .topBar .logoContainer a h4{position:absolute;top:-3%;right:-30%;background-color:var(--sand);border-radius:50%;width:1.3vw;height:1.3vw;aspect-ratio:1;font-size:.7vw;font-weight:900;text-align:center;display:flex;align-items:center;justify-content:center;border:.1vw solid var(--primary);padding-top:10%}.adminHeader nav{display:flex;gap:1vw;justify-content:space-between;padding-inline:2.5%;margin-block:2vh 2.5vh}.adminHeader nav a{font-size:1.2vw;font-weight:200;width:17%;padding-bottom:.1%;text-align:center;border-bottom:.3vh solid var(--lightSecondary);transition:all .6s ease}.adminHeader nav .active{transition:all .6s ease;font-weight:500;border-color:var(--primary)}.reservedByCard{background-color:var(--primary);display:grid;grid-template-columns:2fr 2fr 2fr 2fr 2fr;align-items:center;padding:1.5% 1%;color:var(--white);border-left:1vw solid var(--secondary)}.reservedByCard div h3{font-weight:400;line-height:1.5vw;font-size:1.1vw;display:flex;align-items:flex-start}.reservedByCard div h3 svg{margin-right:.3vw;width:fit-content;height:1.2vw;aspect-ratio:1/1}.reservedByCard .iconBox{display:flex;justify-content:space-evenly;align-items:flex-end}.reservedByCard .iconBox a{display:inline-block;position:relative;width:11%;padding:1%;display:flex;transition:all .4s ease-in-out}.reservedByCard .iconBox a:hover{transform:scale(1.2)}.reservedByCard .iconBox a:hover p{transform:translateY(-50%)}.reservedByCard .iconBox a p{transition:all .3s ease-in-out;display:inline-block;width:1.4vw;aspect-ratio:1;text-align:center;border-radius:50%;border:.1vw solid var(--white);display:flex;align-items:center;justify-content:center;position:absolute;top:-20%;right:-30%;background-color:var(--primary);font-size:.7vw;line-height:normal;padding-top:3%}.TrainingFavorizedBy{height:var(--adminLayoutHeight);margin-inline:2.5%;display:grid;grid-auto-rows:max-content;overflow:scroll;gap:.2vh;transition:all .3s ease;border-bottom:.3vh solid var(--secondary)}.favorizedByCard{background-color:var(--primary);display:grid;grid-template-columns:2fr 2fr 2fr 2fr 2fr;align-items:center;padding:1.5% 1%;color:var(--white);border-left:1vw solid var(--secondary)}.favorizedByCard div h3{font-weight:400;line-height:1.5vw;font-size:1.1vw;display:flex;align-items:flex-start}.favorizedByCard div h3 svg{margin-right:.3vw;width:fit-content;height:1.2vw;aspect-ratio:1/1}.favorizedByCard .iconBox{display:flex;justify-content:space-evenly;align-items:flex-end}.favorizedByCard .iconBox a{display:inline-block;position:relative;width:11%;padding:1%;display:flex;transition:all .4s ease-in-out}.favorizedByCard .iconBox a:hover{transform:scale(1.2)}.favorizedByCard .iconBox a:hover p{transform:translateY(-50%)}.favorizedByCard .iconBox a p{transition:all .3s ease-in-out;display:inline-block;width:1.4vw;aspect-ratio:1;text-align:center;border-radius:50%;border:.1vw solid var(--white);display:flex;align-items:center;justify-content:center;position:absolute;top:-20%;right:-30%;background-color:var(--primary);font-size:.7vw;line-height:normal;padding-top:3%}.selectTrainingMode{padding-inline:2.5%;display:grid;width:100%;align-items:center;padding-bottom:2.5%}.selectTrainingMode:has(.buttonWrapper){grid-template-columns:repeat(2,1fr)}.selectTrainingMode .buttonWrapper{width:100%;height:100%;display:flex;height:var(--adminLayoutHeight);align-items:center;justify-content:center;gap:3vh;flex-direction:column;background-color:var(--secondary)}.selectTrainingMode .buttonWrapper:nth-of-type(odd){background-color:var(--primary);border-right:2px solid var(--white)}.selectTrainingMode .buttonWrapper:nth-of-type(odd) a{background-color:var(--secondary)}.selectTrainingMode .buttonWrapper h3{color:var(--white);font-size:3vw;font-weight:400}.selectTrainingMode .buttonWrapper div{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:center;gap:2vw;padding-top:5%;margin-bottom:5vh}.selectTrainingMode .buttonWrapper div a{height:5vh;width:15vw;font-size:1.3vw;font-weight:600;display:flex;justify-content:center;align-items:center;padding-top:1%;color:var(--white);background-color:var(--primary);border-radius:.4vw;border:.15vw solid var(--lightSecondary);transition:all .3s ease;cursor:pointer}.selectTrainingMode .buttonWrapper div a:hover{transform:scale(1.03)}.addOndemandPage{position:relative;width:95%;height:var(--adminLayoutHeight);overflow-y:scroll;margin:0 auto;background-color:var(--primary);display:flex;flex-direction:column;overflow-x:hidden}.addOndemandPage>header{position:sticky;top:0;z-index:1;background-color:transparent;width:fit-content}.addOndemandPage>header nav{color:var(--white);width:fit-content;display:flex;justify-content:center;align-items:center}.addOndemandPage>header nav h6{border:.2vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:100%;font-size:1.2vw;font-weight:500;text-align:center;transition:all .4s ease-in;width:25vw;padding:1.2vh 1vh 1vh}.addOndemandPage>header nav h6:nth-of-type(1){border-left:none;border-top:none}.addOndemandPage>header nav h6.active{transition:all .4s ease-in}.addOndemandPage>form{width:100%;padding:2.5%}.addOndemandPage>form .titleWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:max-content;gap:1.5vw;justify-content:center;margin-bottom:4vh}.addOndemandPage>form .titleWrapper div{position:relative}.addOndemandPage>form .titleWrapper div label{margin:0}.addOndemandPage>form .titleWrapper div input{margin-top:.5vh}.addOndemandPage>form .boxWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5vw;row-gap:4vh;justify-content:center}.addOndemandPage>form>div{width:100%}.addOndemandPage>form .targetLabel{margin-top:4vh}.addOndemandPage>form label{position:relative;color:var(--white);display:block;margin-bottom:.4vh;width:100%;font-size:1vw}.addOndemandPage>form label input[type=checkbox]{width:1vw;margin:0;aspect-ratio:1;height:auto}.addOndemandPage>form label b{color:var(--red);margin-left:.2vw}.addOndemandPage>form label span{color:var(--red);position:absolute;font-size:.8vw;right:0;bottom:.1vh;cursor:pointer}.addOndemandPage>form input{height:3.2vh;width:100%;font-size:1vw;border-radius:.2vw;padding:.8% 1% .5% 1.5%;color:var(--primary);background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary)}.addOndemandPage>form input::-webkit-calendar-picker-indicator{filter:invert(1)}.addOndemandPage>form input::-webkit-outer-spin-button,.addOndemandPage>form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.addOndemandPage>form input[type=number]{-moz-appearance:textfield}.addOndemandPage>form input:focus{outline:none}.addOndemandPage>form select{color:var(--primary)}.addOndemandPage>form textarea{color:var(--primary);resize:none;width:100%;aspect-ratio:16/8.6;font-size:1vw;border-radius:.2vw;background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary);padding:.8% 1% 1% 1.5%}.addOndemandPage>form textarea::placeholder{color:var(--white)}.addOndemandPage>form textarea:focus{outline:none}.addOndemandPage>form .targetText{aspect-ratio:17/3}.addOndemandPage>form .uploadBox .fileInputDiv{aspect-ratio:16/5.4}.addOndemandPage>form .dateWrapperContainer{height:100%;display:flex;flex-direction:column;justify-content:space-between}.addOndemandPage>form .dateWrapperContainer .dateWrapper{max-height:100%}.addOndemandPage>form .dateWrapperContainer .dateWrapper div{max-width:100%;color:var(--white);display:flex;flex:1;gap:1vw;justify-content:space-evenly;padding-bottom:1%}.addOndemandPage>form .dateWrapperContainer .dateWrapper div section{display:flex;align-items:center;gap:.5vw;width:100%;padding-block:.5vh}.addOndemandPage>form .dateWrapperContainer .dateWrapper div h3{font-size:.8vw;font-weight:500;width:3vw}.addOndemandPage>form .dateWrapperContainer .dateWrapper div input{height:3vh;font-size:.9vw;padding-left:2.5%;width:8.4vw;padding-top:2%}.addOndemandPage>form .dateWrapperContainer .traineeWrapper{max-height:100%}.addOndemandPage>form .dateWrapperContainer .traineeWrapper label{margin-bottom:.5vh}.addOndemandPage>form .dateWrapperContainer .traineeWrapper div{max-width:100%;color:var(--white);display:flex;flex:1;gap:1vw;justify-content:space-evenly;padding-bottom:1%}.addOndemandPage>form .dateWrapperContainer .traineeWrapper div section{display:flex;align-items:center;gap:.5vw;width:100%}.addOndemandPage>form .dateWrapperContainer .traineeWrapper div h3{font-size:.8vw;font-weight:500}.addOndemandPage>form .dateWrapperContainer .traineeWrapper div input{height:2.8vh;font-size:.9vw;width:3.5vw;margin-bottom:0vh;text-align:center;line-height:100%;padding-top:5%}.addOndemandPage .addressWrapper{display:flex;flex-direction:column;height:100%}.addOndemandPage .addressWrapper label{margin-bottom:1vh}.addOndemandPage .addressWrapper section{width:100%;display:flex;color:var(--white);align-items:center;justify-content:space-between;height:100%}.addOndemandPage .addressWrapper section h3{font-size:1vw;font-weight:300}.addOndemandPage .addressWrapper section input{flex:1;max-width:70%;margin:0;width:auto;font-size:.8vw;height:3.2vh;margin-bottom:0vh}.addOndemandPage .addressWrapper section input::placeholder{font-size:.8vw;position:relative;top:1%;color:var(--white)}.addOndemandPage .addressWrapper div{display:flex;align-items:center;gap:.3vw;color:var(--white);width:70%;margin-left:auto}.addOndemandPage .addressWrapper div h4{font-size:.8vw;padding-top:1%}.addOndemandPage .addressWrapper div input[type=checkbox]{width:.7vw;height:.7vw;margin:0;outline:.02vw solid var(--white)}.addOndemandPage .previewBox{width:100%}.addOndemandPage .previewBox section{width:100%;border:.1vw dashed var(--white);border-radius:.4vw;padding-inline:2.5%;aspect-ratio:16/7;overflow-y:scroll}.addOndemandPage .previewBox section article{background-color:var(--primary);position:sticky;top:0;display:flex;justify-content:right;width:100%;gap:.5vw;z-index:1;align-items:center;padding-top:2.5%}.addOndemandPage .previewBox section article p{width:fit-content}.addOndemandPage .previewBox section div{display:flex;gap:.3vw}.addOndemandPage .previewBox section div p{flex:1}.addOndemandPage .previewBox section div label{width:2vw;text-align:center}.addOndemandPage .previewBox section div label input{width:1vw;height:2vh}.addOndemandPage .previewBox section div label:nth-of-type(1){margin-right:.5vw}.addOndemandPage .previewBox section div span{color:var(--red);cursor:pointer}.addOndemandPage .previewBox section div span svg{width:1vw;height:1vw}.addOndemandPage .previewBox p{color:var(--white);text-align:left;font-size:.8vw;font-weight:300;margin-bottom:.5vh;width:90%}.addOndemandPage .previewWrapper{padding:0 2.5% 2.5%;margin-top:auto}.addOndemandPage .previewWrapper .buttonContainer{display:flex;gap:1vw;justify-content:flex-end;margin-top:auto;padding-top:3vh}.addOndemandPage .previewWrapper .buttonContainer button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.2vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;align-self:flex-end;justify-self:right;cursor:pointer}.addOndemandPage .previewWrapper .buttonContainer button:hover{transform:scale(1.05)}.addOndemandPage .settings{display:flex;flex-direction:column}.addOndemandPage .settings label{margin-bottom:.5vh}.addOndemandPage .settings input{font-size:.8vw;width:50%;margin-left:auto}.addOndemandPage .settings input::placeholder{color:var(--lightSecondary)}.addOndemandPage .settings div{color:var(--white);display:flex;align-items:center;gap:1vw;margin-bottom:.4vh}.addOndemandPage .settings div h4{font-weight:300;width:40%}.addOndemandPage .settings div input[type=checkbox]{width:.8vw;height:.8vw;outline:.1vw solid var(--white);margin:0}.addOndemandPage .settings div:has(input[type=checkbox]){margin-top:1vh;gap:2.4vw}.addOndemandPage .checkBoxContainer div{color:var(--white);display:flex;align-items:center;gap:1vw;margin-bottom:.4vh}.addOndemandPage .checkBoxContainer div h4{font-weight:300;width:50%}.addOndemandPage .checkBoxContainer div input[type=checkbox]{width:.8vw;height:.8vw;outline:.1vw solid var(--white);margin:0}.addOndemandPage .checkBoxContainer div:has(input[type=checkbox]){margin-top:1vh;gap:2.4vw}.addOndemandPage .conditional{color:var(--white);width:100%}.addOndemandPage .conditional>label{margin-bottom:.4vh;display:flex;align-items:start;gap:.5vw}.addOndemandPage .conditional>article{height:100%}.addOndemandPage .conditional>article>section{width:100%;aspect-ratio:16/8.5;height:auto;overflow-y:scroll;border:.1vw dashed var(--lightSecondary);border-radius:.1vw}.addOndemandPage .conditional>article>section>div{display:flex;margin-bottom:.3vh;padding:1% 2%;border-radius:.1vw;background-color:var(--primaryHover)}.addOndemandPage .conditional>article>section>div svg{color:var(--red);cursor:pointer;width:1vw;height:1vw}.addOndemandPage .conditional>article>section>div h5{color:var(--white);font-weight:300;width:100%;margin-right:1vw}.addOndemandPage .conditional>article>label{position:relative}.addOndemandPage .conditional>article>label>input{font-size:.7vw;padding-right:1vw}.addOndemandPage .conditional>article>label>input::-webkit-calendar-picker-indicator{display:none;color:#00f0}.addOndemandPage .conditional>article>label>input::placeholder{color:var(--lightSecondary)}.addOndemandPage .conditional>article>label div{display:flex;gap:.4vw;align-items:center}.addOndemandPage .conditional>article>label div svg{color:var(--white);width:1.95vw;aspect-ratio:1/1;height:auto;border:.1vw solid var(--lightSecondary);border-radius:.2vw;cursor:pointer;padding:1%}.addOndemandPage .conditional>article>label div svg:active{scale:.9}.addOndemandPage .conditional>article .popUp .trainingManagement{padding:1% .5%}.addOndemandPage .conditional>article .popUp .trainingManagement .searchBar{width:94.5%;color:var(--primary);padding-inline:0;grid-template-columns:1fr 1fr;padding-top:2vh}.addOndemandPage .conditional>article .popUp .trainingManagement .searchBar select{display:none}.addOndemandPage .conditional>article .popUp .trainingManagement .searchBar section:nth-of-type(2) .filtersWrapper{display:none}.addOndemandPage .conditional>article .popUp .trainingManagement .versionSelector{display:none}.addOndemandPage .conditional>article .popUp .trainingManagement .cardsWrapper{margin:0;padding:0 .5%;height:50vh}.addOndemandPage .manageUnits{border-bottom:.2vw solid var(--white);background-color:var(--primaryHover)}.addOndemandPage .manageUnits h6{color:var(--white);border:.1vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:15%;font-size:1vw;font-weight:500;text-align:center;padding:.8% .5% .5%;transition:all .4s ease-in}.addOndemandPage .manageUnits h6:nth-of-type(1){border-left:none;border-top:none}.addOndemandPage .manageUnits .search{border-bottom:.1vh solid var(--white);text-align:center;padding-bottom:2.5%}.addOndemandPage .manageUnits .search label{position:relative}.addOndemandPage .manageUnits .search label svg{position:absolute;right:1%;top:50%;transform:translate(-20%,-70%);color:var(--lightSecondary);width:1.7vw;height:1.7vw}.addOndemandPage .manageUnits .search label input{font-size:1.5vw;padding:.8% .4% .4%;width:40%;background-color:var(--primary);border:.1vw solid var(--lightSecondary);border-radius:.3vw;color:var(--white);text-align:center}.addOndemandPage .manageUnits .search label input:focus{outline:none}.addOndemandPage .manageUnits .unitsWrapper{padding-block:2.5%;display:grid;gap:.5vh}.addOndemandPage .manageUnits .unitsWrapper h5{color:var(--white);text-align:center;font-size:2vw;font-weight:400}.addOndemandPage .manageUnits .unitsWrapper button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.3vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;align-self:flex-end;justify-self:right;margin:2vh auto;cursor:pointer}.addOndemandPage .manageUnits .unitsWrapper button:hover{transform:scale(1.05)}.addOndemandPage .addUnitPopup{position:absolute;top:0;width:100%;left:100%;transition:all 1s ease;z-index:3;border-left:.2vw solid var(--lightSecondary)}.addOndemandPage .addUnitPopup .addOnDemandUnit{width:100%}.addOndemandPage .addUnitPopup.show{left:0}.addOndemandPage>button{position:absolute;left:102.5%;bottom:5%;transition:all 1s ease;z-index:4;height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.3vw;border:.1vw solid var(--lightSecondary)}.addOndemandPage .finalize{position:absolute;right:100%;top:0;background-color:var(--primary);z-index:4;width:100%;height:100%;transition:all .5s ease}.addOndemandPage .finalize .trainingPreviewBox .unitCardPreview{max-height:100%;opacity:1;transform:none}.addOndemandPage .finalize.show{right:0}.addOndemandPage:has(.addUnitPopup.show){overflow-y:hidden}.addOndemandPage:has(.addUnitPopup.show)>.previewWrapper{display:none}.addOndemandPage:has(.addUnitPopup.show) .unitsWrapper{display:none}.addOndemandPage:has(.addUnitPopup.show)>button{left:2.5%;cursor:pointer}.addOndemandPage:has(.addUnitPopup.show)>button:hover{transform:scale(1.05)}.addOndemandPage:has(.finalize.show) .unitsWrapper{display:none}.addOndemandPage:has(.finalize.show) .previewWrapper{display:none}.matrix-form{width:90vw;max-width:1340px;height:68%;margin:auto;padding:5vh;background-color:var(--sand);border:.5vh solid var(--sand);border-radius:1vh;font-family:Arial,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.matrix-form .form-header{margin-bottom:20px}.matrix-form .form-header button{padding:10px 20px;font-size:16px;background-color:var(--green);color:#fff;border:none;border-radius:4px;cursor:pointer}.matrix-form .form-header button:hover{background-color:#0056b3}.matrix-form .motivation-section,.matrix-form .totals-section{display:flex;justify-content:space-between;margin-bottom:20px}.matrix-form .motivation-section div,.matrix-form .totals-section div{display:flex;flex-direction:column;width:24%}.matrix-form .motivation-section div label,.matrix-form .totals-section div label{margin-bottom:8px;font-size:14px;font-weight:700}.matrix-form .motivation-section div input,.matrix-form .totals-section div input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.matrix-form .grid-section{margin-bottom:20px}.matrix-form .grid-section .grid-row{display:grid;grid-template-columns:1fr repeat(6,1fr);gap:10px;align-items:center;margin-bottom:10px}.matrix-form .grid-section .grid-row label{font-size:14px;font-weight:700}.matrix-form .grid-section .grid-row input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px;text-align:center}.matrix-form .footer-section{display:flex;align-items:center;justify-content:flex-start;font-size:14px}.matrix-form .footer-section label{display:flex;align-items:center;gap:8px}.matrix-form .footer-section input[type=checkbox]{width:16px;height:16px}.matrix-form .button{position:absolute;right:5%}.wellPointBlender{background-color:#00000080;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:50}.popUp{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:99}.popUp .childrenWrapper{overflow:hidden;z-index:99;background-color:var(--sand);width:80%;max-width:1440px;border-radius:1vw;position:relative}.popUp .childrenWrapper>svg{color:var(--red);font-size:1.4vw;position:absolute;right:.5%;top:1%;z-index:9999;cursor:pointer}.popUp .childrenWrapper .navigatorSection{display:none}.popUp .childrenWrapper .memberManagement{padding:2.5%}.popUp .childrenWrapper .usersSearchBar .button{display:none}.popUp .childrenWrapper .usersSearchBar label{width:100%}.popUp .childrenWrapper .iconBox a p{width:70%;top:-25%;padding-top:6%}.addOndemandDraft{position:relative;width:95%;height:var(--adminLayoutHeight);overflow-y:scroll;margin:0 auto;background-color:var(--primary)}.addOndemandDraft>header{position:sticky;top:0;z-index:1;background-color:transparent;width:fit-content}.addOndemandDraft>header nav{color:var(--white);width:fit-content;display:flex;justify-content:center;align-items:center}.addOndemandDraft>header nav h6{border:.2vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:100%;font-size:1.2vw;font-weight:500;text-align:center;transition:all .4s ease-in;width:25vw;padding:1.2vh 1vh 1vh}.addOndemandDraft>header nav h6:nth-of-type(1){border-left:none;border-top:none}.addOndemandDraft>header nav h6.active{transition:all .4s ease-in}.addTeams{position:relative;width:95%;height:var(--adminLayoutHeight);overflow-y:scroll;margin:0 auto;background-color:var(--primary);display:flex;flex-direction:column}.addTeams>header{position:sticky;top:0;z-index:1;background-color:transparent;width:fit-content}.addTeams>header nav{color:var(--white);width:fit-content;display:flex;justify-content:center;align-items:center}.addTeams>header nav h6{border:.2vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:100%;font-size:1.2vw;font-weight:500;text-align:center;transition:all .4s ease-in;width:25vw;padding:1.2vh 1vh 1vh}.addTeams>header nav h6:nth-of-type(1){border-left:none;border-top:none}.addTeams>header nav h6.active{transition:all .4s ease-in}.addTeams h1{color:var(--white)}.addTeams form{width:100%;padding:2.5%}.addTeams form .titleWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:max-content;gap:1.5vw;justify-content:center;margin-bottom:4vh}.addTeams form .titleWrapper div{position:relative}.addTeams form .titleWrapper div label{margin:0}.addTeams form .titleWrapper div input{margin-top:.5vh}.addTeams form .boxWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5vw;row-gap:4vh;justify-content:center}.addTeams form div{width:100%}.addTeams form div .targetLabel{margin-top:4vh}.addTeams form label{position:relative;color:var(--white);display:block;margin-bottom:.4vh;width:100%;font-size:1vw}.addTeams form label input[type=checkbox]{width:1vw;margin:0;aspect-ratio:1;height:auto}.addTeams form label b{color:var(--red);margin-left:.2vw}.addTeams form label span{color:var(--red);position:absolute;font-size:.8vw;right:0;bottom:.1vh;cursor:pointer}.addTeams form input{height:3.2vh;width:100%;font-size:1vw;border-radius:.2vw;padding:.8% 1% .5% 1.5%;color:var(--primary);background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary)}.addTeams form input::-webkit-calendar-picker-indicator{filter:invert(1)}.addTeams form input::-webkit-outer-spin-button,.addTeams form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.addTeams form input[type=number]{-moz-appearance:textfield}.addTeams form input:focus{outline:none}.addTeams form select{color:var(--primary)}.addTeams form textarea{color:var(--primary);resize:none;width:100%;aspect-ratio:16/8.6;font-size:1vw;border-radius:.2vw;background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary);padding:.8% 1% 1% 1.5%}.addTeams form textarea::placeholder{color:var(--white)}.addTeams form textarea:focus{outline:none}.addTeams form .targetText{aspect-ratio:17/3}.addTeams form .uploadBox .fileInputDiv{aspect-ratio:16/5.4}.addTeams form .dateWrapperContainer{height:100%;display:flex;flex-direction:column;justify-content:space-between}.addTeams form .dateWrapperContainer .dateWrapper{max-height:100%}.addTeams form .dateWrapperContainer .dateWrapper div{max-width:100%;color:var(--white);display:flex;flex:1;gap:1vw;justify-content:space-evenly;padding-bottom:1%}.addTeams form .dateWrapperContainer .dateWrapper div section{display:flex;align-items:center;gap:.5vw;width:100%;padding-block:.5vh}.addTeams form .dateWrapperContainer .dateWrapper div h3{font-size:.8vw;font-weight:500;width:3vw}.addTeams form .dateWrapperContainer .dateWrapper div input{height:3vh;font-size:.9vw;padding-left:2.5%;width:8.4vw;padding-top:2%}.addTeams form .dateWrapperContainer .traineeWrapper{max-height:100%}.addTeams form .dateWrapperContainer .traineeWrapper label{margin-bottom:.5vh}.addTeams form .dateWrapperContainer .traineeWrapper div{max-width:100%;color:var(--white);display:flex;flex:1;gap:1vw;justify-content:space-evenly;padding-bottom:1%}.addTeams form .dateWrapperContainer .traineeWrapper div section{display:flex;align-items:center;gap:.5vw;width:100%}.addTeams form .dateWrapperContainer .traineeWrapper div h3{font-size:.8vw;font-weight:500}.addTeams form .dateWrapperContainer .traineeWrapper div input{height:2.8vh;font-size:.9vw;width:3.5vw;margin-bottom:0vh;text-align:center;line-height:100%;padding-top:5%}.addTeams .previewBox{width:100%}.addTeams .previewBox section{width:100%;border:.1vw dashed var(--white);border-radius:.4vw;padding-inline:2.5%;aspect-ratio:16/7;overflow-y:scroll}.addTeams .previewBox section article{background-color:var(--primary);position:sticky;top:0;display:flex;justify-content:right;width:100%;gap:.5vw;z-index:1;align-items:center;padding-top:2.5%}.addTeams .previewBox section article p{width:fit-content}.addTeams .previewBox section div{display:flex;gap:.3vw}.addTeams .previewBox section div p{flex:1}.addTeams .previewBox section div label{width:2vw;text-align:center}.addTeams .previewBox section div label input{width:1vw;height:2vh}.addTeams .previewBox section div label:nth-of-type(1){margin-right:.5vw}.addTeams .previewBox section div span{color:var(--red);cursor:pointer}.addTeams .previewBox section div span svg{width:1vw;height:1vw}.addTeams .previewBox p{color:var(--white);text-align:left;font-size:.8vw;font-weight:300;margin-bottom:.5vh;width:90%}.addTeams .previewWrapper{margin-top:auto;padding:2.5%;display:flex;flex-direction:column;justify-content:space-between}.addTeams .previewWrapper .buttonContainer{display:flex;gap:1vw;justify-content:flex-end}.addTeams .previewWrapper .buttonContainer button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.3vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;align-self:flex-end;justify-self:right;cursor:pointer}.addTeams .previewWrapper .buttonContainer button:hover{transform:scale(1.05)}.addTeams .settings{display:flex;flex-direction:column}.addTeams .settings label{margin-bottom:.5vh}.addTeams .settings input{font-size:.8vw;width:50%;margin-left:auto}.addTeams .settings input::placeholder{color:var(--lightSecondary)}.addTeams .settings div{color:var(--white);display:flex;align-items:center;gap:1vw;margin-bottom:.4vh}.addTeams .settings div h4{font-weight:300;width:40%}.addTeams .settings div input[type=checkbox]{width:.8vw;height:.8vw;outline:.1vw solid var(--white);margin:0}.addTeams .settings div:has(input[type=checkbox]){margin-top:1vh;gap:2.4vw}.addTeams .checkBoxContainer div{color:var(--white);display:flex;align-items:center;gap:1vw;margin-bottom:.4vh}.addTeams .checkBoxContainer div h4{font-weight:300;width:50%}.addTeams .checkBoxContainer div input[type=checkbox]{width:.8vw;height:.8vw;outline:.1vw solid var(--white);margin:0}.addTeams .checkBoxContainer div:has(input[type=checkbox]){margin-top:1vh;gap:2.4vw}.addTeams .conditional{color:var(--white);width:100%}.addTeams .conditional>label{margin-bottom:.4vh;display:flex;align-items:start;gap:.5vw}.addTeams .conditional>article{height:100%}.addTeams .conditional>article>section{width:100%;aspect-ratio:16/7;height:auto;overflow-y:scroll;border:.1vw dashed var(--lightSecondary);border-radius:.1vw}.addTeams .conditional>article>section>div{display:flex;margin-bottom:.3vh;padding:1% 2%;border-radius:.1vw;background-color:var(--primaryHover)}.addTeams .conditional>article>section>div svg{color:var(--red);cursor:pointer;width:1vw;height:1vw}.addTeams .conditional>article>section>div h5{color:var(--white);font-weight:300;width:100%;margin-right:1vw}.addTeams .conditional>article>label{position:relative}.addTeams .conditional>article>label>input{font-size:.7vw;padding-right:1vw}.addTeams .conditional>article>label>input::-webkit-calendar-picker-indicator{display:none;color:#00f0}.addTeams .conditional>article>label>input::placeholder{color:var(--lightSecondary)}.addTeams .conditional>article>label div{display:flex;gap:.4vw;align-items:center}.addTeams .conditional>article>label div svg{color:var(--white);width:1.95vw;aspect-ratio:1/1;height:auto;border:.1vw solid var(--lightSecondary);border-radius:.2vw;cursor:pointer;padding:1%}.addTeams .conditional>article>label div svg:active{scale:.9}.addTeams .conditional>article .popUp .trainingManagement{padding:1% .5%}.addTeams .conditional>article .popUp .trainingManagement .searchBar{width:94.5%;color:var(--primary);padding-inline:0;grid-template-columns:1fr 1fr;padding-top:2vh}.addTeams .conditional>article .popUp .trainingManagement .searchBar select{display:none}.addTeams .conditional>article .popUp .trainingManagement .searchBar section:nth-of-type(2) .filtersWrapper{display:none}.addTeams .conditional>article .popUp .trainingManagement .versionSelector{display:none}.addTeams .conditional>article .popUp .trainingManagement .cardsWrapper{margin:0;padding:0 .5%;height:50vh}.addOnDemandUnitDraft{position:relative;width:95%;height:var(--adminLayoutHeight);overflow-y:scroll;margin:0 auto;background-color:var(--primary);display:flex;flex-direction:column}.addOnDemandUnitDraft>header{position:sticky;top:0;z-index:1;background-color:transparent;width:fit-content}.addOnDemandUnitDraft>header nav{color:var(--white);width:fit-content;display:flex;justify-content:center;align-items:center}.addOnDemandUnitDraft>header nav h6{border:.2vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:100%;font-size:1.2vw;font-weight:500;text-align:center;transition:all .4s ease-in;width:25vw;padding:1.2vh 1vh 1vh}.addOnDemandUnitDraft>header nav h6:nth-of-type(1){border-left:none;border-top:none}.addOnDemandUnitDraft>header nav h6.active{transition:all .4s ease-in}.addOnDemandUnitDraft form{width:100%;padding:1.5% 2.5% 2.5%}.addOnDemandUnitDraft form .titleWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5vw;justify-content:center;margin-bottom:2vh}.addOnDemandUnitDraft form .boxWrapper{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:1.5vw;justify-content:center}.addOnDemandUnitDraft form label{position:relative;color:var(--white);display:block;margin-bottom:.4vh;width:100%;font-size:1vw}.addOnDemandUnitDraft form label b{color:var(--red);margin-left:.2vw}.addOnDemandUnitDraft form label span{color:var(--red);position:absolute;font-size:.8vw;right:0;bottom:.1vh;cursor:pointer}.addOnDemandUnitDraft form input{height:3.2vh;width:100%;font-size:1vw;border-radius:.3vw;padding:.8% 1% .5% 1.5%;color:var(--primary);background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary)}.addOnDemandUnitDraft form input::-webkit-calendar-picker-indicator{filter:invert(1)}.addOnDemandUnitDraft form input::-webkit-outer-spin-button,.addOnDemandUnitDraft form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.addOnDemandUnitDraft form input[type=number]{-moz-appearance:textfield}.addOnDemandUnitDraft form input:focus{outline:none}.addOnDemandUnitDraft form select{color:var(--primary)}.addOnDemandUnitDraft form textarea{color:var(--primary);resize:none;width:100%;font-size:1vw;border-radius:.3vw;background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary);padding:1.5% 2.5% 1.5% 1.5%;aspect-ratio:16/9.6}.addOnDemandUnitDraft form textarea::-webkit-calendar-picker-indicator{filter:invert(1)}.addOnDemandUnitDraft form textarea::-webkit-outer-spin-button,.addOnDemandUnitDraft form textarea::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.addOnDemandUnitDraft form textarea[type=number]{-moz-appearance:textfield}.addOnDemandUnitDraft form textarea:focus{outline:none}.addOnDemandUnitDraft form .memberCountWrapper div{width:50%;display:flex;color:var(--white);align-items:center}.addOnDemandUnitDraft form .memberCountWrapper div h3{width:15%}.addOnDemandUnitDraft form .memberCountWrapper div input{width:20%;margin:0;font-size:1vw}.addOnDemandUnitDraft form video{width:100%;aspect-ratio:16/9.7;margin:0 auto;border-radius:.3vw;border:.2vw solid var(--lightSecondary)}.addOnDemandUnitDraft form .customSelectWrapper{position:relative;z-index:2}.addOnDemandUnitDraft form .customSelectWrapper .customSelect{position:absolute;background-color:var(--sand);width:100%;max-height:0;overflow-y:scroll;top:100%;border-radius:.5vw;transition:all .3s ease}.addOnDemandUnitDraft form .customSelectWrapper .customSelect p{padding:2.5% 1.5%;text-transform:capitalize;cursor:pointer;color:var(--primary);transition:all .3s ease-in-out}.addOnDemandUnitDraft form .customSelectWrapper .customSelect p:hover{background-color:var(--primary);color:var(--white)}.addOnDemandUnitDraft form .customSelectWrapper input{height:3.2vh;font-size:.8vw;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 16 16' fill='%23ffffff' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M2 5.56L2.413 5h11.194l.393.54L8.373 11h-.827L2 5.56z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto}.addOnDemandUnitDraft form .customSelectWrapper input:focus~.customSelect{min-height:20vh;border:.1vw solid var(--white)}.addOnDemandUnitDraft .previewWrapper{padding:0 2.5% 2.5%;margin-top:auto}.addOnDemandUnitDraft .previewWrapper .buttonContainer{display:flex;gap:1vw;justify-content:flex-end;margin-top:auto}.addOnDemandUnitDraft .previewWrapper .buttonContainer button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.3vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;align-self:flex-end;justify-self:right;cursor:pointer}.addOnDemandUnitDraft .previewWrapper .buttonContainer button:hover{transform:scale(1.05)}.addOnDemandUnitDraft .previewBox{width:100%}.addOnDemandUnitDraft .previewBox section{width:100%;border:.1vw dashed var(--white);border-radius:.4vw;padding:2.5%;aspect-ratio:16/9.7;overflow-y:scroll}.addOnDemandUnitDraft .previewBox section div{display:flex;gap:.5vw}.addOnDemandUnitDraft .previewBox section div span{color:var(--red);cursor:pointer}.addOnDemandUnitDraft .previewBox section div span svg{width:1vw;height:1vw}.addOnDemandUnitDraft .previewBox p{color:var(--white);text-align:left;font-size:.8vw;font-weight:300;margin-bottom:.5vh;width:90%}.addpresent{position:relative;width:95%;height:var(--adminLayoutHeight);overflow-y:scroll;margin:0 auto;background-color:var(--primary);display:flex;flex-direction:column}.addpresent header{position:sticky;top:0;z-index:1;background-color:transparent;width:fit-content}.addpresent header nav{color:var(--white);width:fit-content;display:flex;justify-content:center;align-items:center}.addpresent header nav h6{border:.2vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:100%;font-size:1.2vw;font-weight:500;text-align:center;transition:all .4s ease-in;width:25vw;padding:1.2vh 1vh 1vh}.addpresent header nav h6:nth-of-type(1){border-left:none;border-top:none}.addpresent header nav h6.active{transition:all .4s ease-in}.addpresent>form{width:100%;padding:2.5%}.addpresent>form .titleWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:max-content;gap:1.5vw;justify-content:center;margin-bottom:4vh}.addpresent>form .titleWrapper div{position:relative}.addpresent>form .titleWrapper div label{margin:0}.addpresent>form .titleWrapper div input{margin-top:.5vh}.addpresent>form .boxWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5vw;row-gap:4vh;justify-content:center}.addpresent>form>div{width:100%}.addpresent>form .targetLabel{margin-top:4vh}.addpresent>form label{position:relative;color:var(--white);display:block;margin-bottom:.4vh;width:100%;font-size:1vw}.addpresent>form label input[type=checkbox]{width:1vw;margin:0;aspect-ratio:1;height:auto}.addpresent>form label b{color:var(--red);margin-left:.2vw}.addpresent>form label span{color:var(--red);position:absolute;font-size:.8vw;right:0;bottom:.1vh;cursor:pointer}.addpresent>form input{height:3.2vh;width:100%;font-size:1vw;border-radius:.2vw;padding:.8% 1% .5% 1.5%;color:var(--primary);background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary)}.addpresent>form input::-webkit-calendar-picker-indicator{filter:invert(1)}.addpresent>form input::-webkit-outer-spin-button,.addpresent>form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.addpresent>form input[type=number]{-moz-appearance:textfield}.addpresent>form input:focus{outline:none}.addpresent>form select{color:var(--primary)}.addpresent>form textarea{color:var(--primary);resize:none;width:100%;aspect-ratio:16/8.6;font-size:1vw;border-radius:.2vw;background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary);padding:.8% 1% 1% 1.5%}.addpresent>form textarea::placeholder{color:var(--white)}.addpresent>form textarea:focus{outline:none}.addpresent>form .targetText{aspect-ratio:17/3}.addpresent>form .uploadBox .fileInputDiv{aspect-ratio:16/5.4}.addpresent>form .dateWrapperContainer{height:100%;display:flex;flex-direction:column;justify-content:space-between}.addpresent>form .dateWrapperContainer .dateWrapper{max-height:100%}.addpresent>form .dateWrapperContainer .dateWrapper div{max-width:100%;color:var(--white);display:flex;flex:1;gap:1vw;justify-content:space-evenly;padding-bottom:1%}.addpresent>form .dateWrapperContainer .dateWrapper div section{display:flex;align-items:center;gap:.5vw;width:100%;padding-block:.5vh}.addpresent>form .dateWrapperContainer .dateWrapper div h3{font-size:.8vw;font-weight:500;width:3vw}.addpresent>form .dateWrapperContainer .dateWrapper div input{height:3vh;font-size:.9vw;padding-left:2.5%;width:8.4vw;padding-top:2%}.addpresent>form .dateWrapperContainer .traineeWrapper{max-height:100%}.addpresent>form .dateWrapperContainer .traineeWrapper label{margin-bottom:.5vh}.addpresent>form .dateWrapperContainer .traineeWrapper div{max-width:100%;color:var(--white);display:flex;flex:1;gap:1vw;justify-content:space-evenly;padding-bottom:1%}.addpresent>form .dateWrapperContainer .traineeWrapper div section{display:flex;align-items:center;gap:.5vw;width:100%}.addpresent>form .dateWrapperContainer .traineeWrapper div h3{font-size:.8vw;font-weight:500}.addpresent>form .dateWrapperContainer .traineeWrapper div input{height:2.8vh;font-size:.9vw;width:3.5vw;margin-bottom:0vh;text-align:center;line-height:100%;padding-top:5%}.addpresent .addressWrapper{display:flex;flex-direction:column;height:100%}.addpresent .addressWrapper label{margin-bottom:1vh}.addpresent .addressWrapper section{width:100%;display:flex;color:var(--white);align-items:center;justify-content:space-between;height:100%}.addpresent .addressWrapper section h3{font-size:1vw;font-weight:300}.addpresent .addressWrapper section input{flex:1;max-width:70%;margin:0;width:auto;font-size:.8vw;height:3.2vh;margin-bottom:0vh}.addpresent .addressWrapper section input::placeholder{font-size:.8vw;position:relative;top:1%;color:var(--white)}.addpresent .addressWrapper div{display:flex;align-items:center;gap:.3vw;color:var(--white);width:70%;margin-left:auto}.addpresent .addressWrapper div h4{font-size:.8vw;padding-top:1%}.addpresent .addressWrapper div input[type=checkbox]{width:.7vw;height:.7vw;margin:0;outline:.02vw solid var(--white)}.addpresent .previewBox{width:100%}.addpresent .previewBox section{width:100%;border:.1vw dashed var(--white);border-radius:.4vw;padding-inline:2.5%;aspect-ratio:16/7;overflow-y:scroll}.addpresent .previewBox section article{background-color:var(--primary);position:sticky;top:0;display:flex;justify-content:right;width:100%;gap:.5vw;z-index:1;align-items:center;padding-top:2.5%}.addpresent .previewBox section article p{width:fit-content}.addpresent .previewBox section div{display:flex;gap:.3vw}.addpresent .previewBox section div p{flex:1}.addpresent .previewBox section div label{width:2vw;text-align:center}.addpresent .previewBox section div label input{width:1vw;height:2vh}.addpresent .previewBox section div label:nth-of-type(1){margin-right:.5vw}.addpresent .previewBox section div span{color:var(--red);cursor:pointer}.addpresent .previewBox section div span svg{width:1vw;height:1vw}.addpresent .previewBox p{color:var(--white);text-align:left;font-size:.8vw;font-weight:300;margin-bottom:.5vh;width:90%}.addpresent .previewWrapper{padding:0 2.5% 2.5%;margin-top:auto}.addpresent .previewWrapper .buttonContainer{display:flex;gap:1vw;justify-content:flex-end;margin-top:auto;padding-top:3vh}.addpresent .previewWrapper .buttonContainer button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.2vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;align-self:flex-end;justify-self:right;cursor:pointer}.addpresent .previewWrapper .buttonContainer button:hover{transform:scale(1.05)}.addpresent .settings{display:flex;flex-direction:column}.addpresent .settings label{margin-bottom:.5vh}.addpresent .settings input{font-size:.8vw;width:50%;margin-left:auto;margin-bottom:1vh}.addpresent .settings input::placeholder{color:var(--lightSecondary)}.addpresent .settings div{color:var(--white);display:flex;align-items:center;gap:1vw;margin-bottom:.4vh}.addpresent .settings div h4{font-weight:300;width:40%;padding-bottom:2%}.addpresent .settings div input[type=checkbox]{width:.8vw;height:.8vw;outline:.1vw solid var(--white);margin:0}.addpresent .settings div:has(input[type=checkbox]){margin-top:1vh;gap:2.4vw}.addpresent .checkBoxContainer div{color:var(--white);display:flex;align-items:center;gap:1vw;margin-bottom:.4vh}.addpresent .checkBoxContainer div h4{font-weight:300;width:50%}.addpresent .checkBoxContainer div input[type=checkbox]{width:.8vw;height:.8vw;outline:.1vw solid var(--white);margin:0}.addpresent .checkBoxContainer div:has(input[type=checkbox]){margin-top:1vh;gap:2.4vw}.addpresent .conditional{color:var(--white);width:100%}.addpresent .conditional>label{margin-bottom:.4vh;display:flex;align-items:start;gap:.5vw}.addpresent .conditional>article{height:100%}.addpresent .conditional>article>section{width:100%;aspect-ratio:16/8.5;height:auto;overflow-y:scroll;border:.1vw dashed var(--lightSecondary);border-radius:.1vw}.addpresent .conditional>article>section>div{display:flex;margin-bottom:.3vh;padding:1% 2%;border-radius:.1vw;background-color:var(--primaryHover)}.addpresent .conditional>article>section>div svg{color:var(--red);cursor:pointer;width:1vw;height:1vw}.addpresent .conditional>article>section>div h5{color:var(--white);font-weight:300;width:100%;margin-right:1vw}.addpresent .conditional>article>label{position:relative}.addpresent .conditional>article>label>input{font-size:.7vw;padding-right:1vw}.addpresent .conditional>article>label>input::-webkit-calendar-picker-indicator{display:none;color:#00f0}.addpresent .conditional>article>label>input::placeholder{color:var(--lightSecondary)}.addpresent .conditional>article>label div{display:flex;gap:.4vw;align-items:center}.addpresent .conditional>article>label div svg{color:var(--white);width:1.95vw;aspect-ratio:1/1;height:auto;border:.1vw solid var(--lightSecondary);border-radius:.2vw;cursor:pointer;padding:1%}.addpresent .conditional>article>label div svg:active{scale:.9}.addpresent .conditional>article .popUp .trainingManagement{padding:1% .5%}.addpresent .conditional>article .popUp .trainingManagement .searchBar{width:94.5%;color:var(--primary);padding-inline:0;grid-template-columns:1fr 1fr;padding-top:2vh}.addpresent .conditional>article .popUp .trainingManagement .searchBar select{display:none}.addpresent .conditional>article .popUp .trainingManagement .searchBar section:nth-of-type(2) .filtersWrapper{display:none}.addpresent .conditional>article .popUp .trainingManagement .versionSelector{display:none}.addpresent .conditional>article .popUp .trainingManagement .cardsWrapper{margin:0;padding:0 .5%;height:50vh}.manageUnits{border-top:.3vh solid var(--white)}.addPresentDraft{position:relative;width:95%;height:var(--adminLayoutHeight);overflow-y:scroll;margin:0 auto;background-color:var(--primary);display:flex;flex-direction:column}.addPresentDraft>header{position:sticky;top:0;z-index:1;background-color:transparent;width:fit-content}.addPresentDraft>header nav{color:var(--white);width:fit-content;display:flex;justify-content:center;align-items:center}.addPresentDraft>header nav h6{border:.2vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:100%;font-size:1.2vw;font-weight:500;text-align:center;transition:all .4s ease-in;width:25vw;padding:1.2vh 1vh 1vh}.addPresentDraft>header nav h6:nth-of-type(1){border-left:none;border-top:none}.addPresentDraft>header nav h6.active{transition:all .4s ease-in}.addPresentDraft form{width:100%;padding:1.5% 2.5% 2.5%;gap:1.6vw}.addPresentDraft form .titleWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:max-content;gap:1.5vw;justify-content:center;margin-bottom:2vh}.addPresentDraft form .boxWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5vw;justify-content:center}.addPresentDraft form div{width:100%}.addPresentDraft form label{position:relative;color:var(--white);display:block;margin-bottom:.4vh;width:100%;font-size:1vw}.addPresentDraft form label b{color:var(--red);margin-left:.2vw}.addPresentDraft form label span{color:var(--red);position:absolute;font-size:.8vw;right:0;bottom:.1vh;cursor:pointer}.addPresentDraft form input{height:3.2vh;width:100%;font-size:1vw;border-radius:.3vw;padding:.8% 1% .5% 1.5%;color:var(--primary);background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary)}.addPresentDraft form input::-webkit-calendar-picker-indicator{filter:invert(1)}.addPresentDraft form input::-webkit-outer-spin-button,.addPresentDraft form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.addPresentDraft form input[type=number]{-moz-appearance:textfield}.addPresentDraft form input:focus{outline:none}.addPresentDraft form select{color:var(--primary)}.addPresentDraft form textarea{color:var(--primary);resize:none;width:100%;aspect-ratio:16/7;font-size:1vw;border-radius:.5vw;background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary);padding:.8% 1% 1% 1.5%}.addPresentDraft form textarea::placeholder{color:var(--white)}.addPresentDraft form textarea:focus{outline:none}.addPresentDraft form .uploadBox .fileInputDiv{aspect-ratio:16/5.4}.addPresentDraft form .dateWrapperContainer{height:100%;display:flex;flex-direction:column;justify-content:space-between}.addPresentDraft form .dateWrapperContainer .dateWrapper{max-height:100%}.addPresentDraft form .dateWrapperContainer .dateWrapper div{max-width:100%;color:var(--white);display:flex;flex:1;gap:1vw;justify-content:space-evenly;padding-bottom:1%}.addPresentDraft form .dateWrapperContainer .dateWrapper div section{display:flex;align-items:center;gap:.5vw;width:100%}.addPresentDraft form .dateWrapperContainer .dateWrapper div h3{font-size:.8vw;font-weight:500;margin-bottom:.5vh}.addPresentDraft form .dateWrapperContainer .dateWrapper div input{height:3vh;font-size:.9vw;padding-left:2.5%;width:100%;margin-bottom:0vh}.addPresentDraft form .customSelectWrapper{position:relative;z-index:2}.addPresentDraft form .customSelectWrapper .customSelect{position:absolute;background-color:var(--sand);width:80%;max-height:0;overflow-y:scroll;top:80%;border-radius:.5vw;transition:all .3s ease-in-out}.addPresentDraft form .customSelectWrapper .customSelect p{padding:2.5% 1.5%;text-transform:capitalize;cursor:pointer;color:var(--primary);transition:all .3s ease-in-out}.addPresentDraft form .customSelectWrapper .customSelect p:hover{background-color:var(--primary);color:var(--white)}.addPresentDraft form .customSelectWrapper input{height:3.2vh;font-size:.8vw;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 16 16' fill='%23ffffff' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M2 5.56L2.413 5h11.194l.393.54L8.373 11h-.827L2 5.56z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto;padding-left:1.5%}.addPresentDraft form .customSelectWrapper input:focus~.customSelect{max-height:20vh;border:.1vw solid var(--white)}.addPresentDraft .addressWrapper{display:flex;flex-direction:column;gap:.5vh}.addPresentDraft .addressWrapper section{width:100%;display:flex;color:var(--white);align-items:center;justify-content:space-between;gap:1.5vw;overflow:hidden}.addPresentDraft .addressWrapper section h3{font-size:1vw;font-weight:300}.addPresentDraft .addressWrapper section input{flex:1;max-width:70%;margin:0;width:auto;font-size:.8vw;height:3.2vh;margin-bottom:0vh}.addPresentDraft .addressWrapper section input::placeholder{font-size:.8vw;position:relative;top:1%;color:var(--white)}.addPresentDraft .previewBox{width:100%}.addPresentDraft .previewBox section{width:100%;border:.1vw dashed var(--white);border-radius:.4vw;padding:2.5%;aspect-ratio:16/7;overflow-y:scroll}.addPresentDraft .previewBox section div{display:flex;gap:.5vw}.addPresentDraft .previewBox section div span{color:var(--red);cursor:pointer}.addPresentDraft .previewBox section div span svg{width:1vw;height:1vw}.addPresentDraft .previewBox p{color:var(--white);text-align:left;font-size:.8vw;font-weight:300;margin-bottom:.5vh;width:90%}.addPresentDraft .previewWrapper{padding:0 2.5% 2.5%;margin-top:auto}.addPresentDraft .previewWrapper .buttonContainer{display:flex;gap:1vw;justify-content:flex-end;margin-top:auto;padding-top:3vh}.addPresentDraft .previewWrapper .buttonContainer button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.3vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;align-self:flex-end;justify-self:right;cursor:pointer}.addPresentDraft .previewWrapper .buttonContainer button:hover{transform:scale(1.05)}.addTeamsDraft{position:relative;width:95%;height:var(--adminLayoutHeight);overflow-y:scroll;margin:0 auto;background-color:var(--primary);display:flex;flex-direction:column}.addTeamsDraft>header{position:sticky;top:0;z-index:1;background-color:transparent;width:fit-content}.addTeamsDraft>header nav{color:var(--white);width:fit-content;display:flex;justify-content:center;align-items:center}.addTeamsDraft>header nav h6{border:.2vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:100%;font-size:1.2vw;font-weight:500;text-align:center;transition:all .4s ease-in;width:25vw;padding:1.2vh 1vh 1vh}.addTeamsDraft>header nav h6:nth-of-type(1){border-left:none;border-top:none}.addTeamsDraft>header nav h6.active{transition:all .4s ease-in}.addTeamsDraft h1{color:var(--white)}.addTeamsDraft form{width:100%;padding-inline:2.5%;padding-top:1.5%}.addTeamsDraft form .titleWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5vw;justify-content:center;margin-bottom:2vh}.addTeamsDraft form .boxWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5vw;justify-content:center}.addTeamsDraft form div{width:100%}.addTeamsDraft form label{position:relative;color:var(--white);display:block;margin-bottom:.4vh;width:100%;font-size:1vw}.addTeamsDraft form label b{color:var(--red);margin-left:.2vw}.addTeamsDraft form label span{color:var(--red);position:absolute;font-size:.8vw;right:0;bottom:.1vh;cursor:pointer}.addTeamsDraft form input{height:3.2vh;width:100%;font-size:1vw;border-radius:.3vw;padding:.8% 1% .5% 1.5%;color:var(--primary);background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary)}.addTeamsDraft form input::-webkit-calendar-picker-indicator{filter:invert(1)}.addTeamsDraft form input::-webkit-outer-spin-button,.addTeamsDraft form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.addTeamsDraft form input[type=number]{-moz-appearance:textfield}.addTeamsDraft form input:focus{outline:none}.addTeamsDraft form select{color:var(--primary)}.addTeamsDraft form textarea{color:var(--primary);resize:none;width:100%;aspect-ratio:16/7.5;font-size:1vw;border-radius:.5vw;background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary);padding:.8% 1% 1% 1.5%}.addTeamsDraft form textarea::placeholder{color:var(--white)}.addTeamsDraft form textarea:focus{outline:none}.addTeamsDraft form .dateWrapperContainer{height:100%;display:flex;flex-direction:column;justify-content:space-between}.addTeamsDraft form .dateWrapperContainer .dateWrapper{max-height:100%;padding-bottom:2%}.addTeamsDraft form .dateWrapperContainer .dateWrapper div{max-width:100%;color:var(--white);display:flex;flex:1;gap:1vw;justify-content:space-evenly}.addTeamsDraft form .dateWrapperContainer .dateWrapper div section{display:flex;align-items:center;gap:.5vw;width:100%}.addTeamsDraft form .dateWrapperContainer .dateWrapper div h3{font-size:1vw;font-weight:300}.addTeamsDraft form .dateWrapperContainer .dateWrapper div input{height:3.2vh;font-size:.9vw;padding-left:2.5%;width:100%}.addTeamsDraft form .uploadBox .fileInputDiv{aspect-ratio:16/6}.addTeamsDraft form .customSelectWrapper{position:relative;z-index:2}.addTeamsDraft form .customSelectWrapper .customSelect{position:absolute;background-color:var(--sand);width:100%;max-height:0;overflow-y:scroll;top:100%;border-radius:.5vw;transition:all .3s ease-in-out}.addTeamsDraft form .customSelectWrapper .customSelect p{padding:2.5% 1.5%;text-transform:capitalize;cursor:pointer;color:var(--primary);transition:all .3s ease-in-out}.addTeamsDraft form .customSelectWrapper .customSelect p:hover{background-color:var(--primary);color:var(--white)}.addTeamsDraft form .customSelectWrapper input{height:3.2vh;font-size:.8vw;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 16 16' fill='%23ffffff' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M2 5.56L2.413 5h11.194l.393.54L8.373 11h-.827L2 5.56z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto;padding-left:1.5%}.addTeamsDraft form .customSelectWrapper input:focus~.customSelect{max-height:20vh;border:.1vw solid var(--white)}.addTeamsDraft .previewBox{width:100%}.addTeamsDraft .previewBox section{width:100%;border:.1vw dashed var(--white);border-radius:.4vw;padding:2.5%;aspect-ratio:16/7.5;overflow-y:scroll}.addTeamsDraft .previewBox section div{display:flex;gap:.5vw}.addTeamsDraft .previewBox section div span{color:var(--red);cursor:pointer}.addTeamsDraft .previewBox section div span svg{width:1vw;height:1vw}.addTeamsDraft .previewBox p{color:var(--white);text-align:left;font-size:.8vw;font-weight:300;margin-bottom:.5vh;width:90%}.addTeamsDraft .previewWrapper{margin-top:auto;padding:2.5%;display:flex;flex-direction:column;justify-content:space-between}.addTeamsDraft .previewWrapper .buttonContainer{display:flex;gap:1vw;justify-content:flex-end}.addTeamsDraft .previewWrapper .buttonContainer button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.3vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;align-self:flex-end;justify-self:right;cursor:pointer;margin-top:auto}.addTeamsDraft .previewWrapper .buttonContainer button:hover{transform:scale(1.05)}.headerLogin .topBar{box-shadow:0 0 5px var(--primaryHover);width:100vw;height:6vmax;background-color:var(--primary);display:flex;justify-content:space-between;overflow:hidden}.headerLogin .topBar .userInfo{position:relative;place-items:center;align-content:center;width:100%;text-align:center;display:grid;align-items:center;border-right:2px solid var(--white)}.headerLogin .topBar .userInfo h2{color:var(--white);font-size:1.8vmax;font-weight:600}.headerLogin .topBar .slogan{width:50%;display:flex;justify-content:center;flex-direction:column;padding-left:5%;padding-block:2.5%}.headerLogin .topBar .slogan h4{color:var(--sand);font-size:1.5vmax;font-weight:500}.headerLogin .topBar .logoContainer{background-color:var(--white);border-radius:0% 0% 0% 4%/0% 95% 0% 100%;width:100%;height:110%;display:grid;place-items:center;gap:1%;padding-right:1%}.headerLogin .topBar .logoContainer img{margin:0 auto;width:20%}.slideHeader{position:relative}.slideHeader .blender{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.8;width:100%;height:100vh;z-index:-1;opacity:0;transition:all .5s ease-in-out}.slideHeader .blender.show{z-index:5;opacity:.7}.slideHeader .topBar{box-shadow:0 0 10px var(--primaryHover);width:100vw;height:9vh;background-color:var(--primary);display:flex;justify-content:space-between;overflow:hidden;margin-bottom:3vh}.slideHeader .topBar .userInfo{width:40%;display:flex;border-right:1px solid var(--white);align-items:center;justify-content:space-between;padding-right:1%;padding-left:2.5%}.slideHeader .topBar .userInfo>svg{width:2vw;height:2vw;padding:.5%;color:var(--white);transition:all .2s ease;cursor:pointer}.slideHeader .topBar .userInfo>svg:hover{transform:scale(1.1)}.slideHeader .topBar .userInfo div{display:flex;flex-direction:column;justify-content:center}.slideHeader .topBar .userInfo h2,.slideHeader .topBar .userInfo h3{color:var(--white);font-size:1.5vw;font-weight:400}.slideHeader .topBar .userInfo h3{font-size:1.1vw}.slideHeader .topBar .slogan{display:flex;justify-content:center;flex-direction:column;padding-left:2.5%;padding-block:2.7% 2.5%;width:30%}.slideHeader .topBar .slogan h4{color:var(--sand);font-size:1.2vw;font-weight:400}.slideHeader .topBar .logoContainer{background-color:var(--white);border-radius:0% 0% 0% 4%/0% 95% 0% 100%;width:100%;height:110%;display:grid;grid-template-columns:4fr 1.2fr;place-items:center;gap:1%}.slideHeader .topBar .logoContainer img{margin:0 auto;width:25%}.slideHeader .topBar .logoContainer .buttonWrapper{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:100%;margin-bottom:4%;padding-right:2vw}.slideHeader .topBar .logoContainer .buttonWrapper .iconWrapper{position:relative;width:1.5vw;height:1.5vw;color:var(--primary);cursor:pointer;transition:all .3s ease}.slideHeader .topBar .logoContainer .buttonWrapper .iconWrapper:hover{transform:scale(1.1)}.slideHeader .topBar .logoContainer .buttonWrapper .iconWrapper:nth-of-type(1){color:var(--primary)}.slideHeader .topBar .logoContainer .buttonWrapper .iconWrapper:nth-of-type(1) span{background-color:var(--primary)}.slideHeader .topBar .logoContainer .buttonWrapper .iconWrapper:nth-of-type(2){color:#f3b600}.slideHeader .topBar .logoContainer .buttonWrapper .iconWrapper:nth-of-type(2) span{background-color:#f3b600}.slideHeader .topBar .logoContainer .buttonWrapper .iconWrapper:nth-of-type(3){color:var(--red)}.slideHeader .topBar .logoContainer .buttonWrapper .iconWrapper:nth-of-type(3) span{background-color:var(--red)}.slideHeader .topBar .logoContainer .buttonWrapper .iconWrapper span{border-radius:50%;font-size:.7vw;min-width:1.2vw;height:1.2vw;display:inline-block;position:absolute;right:-.7vw;top:-.5vw;color:var(--white);background-color:var(--sand);display:grid;place-items:center;outline:.1vw solid var(--white);padding-top:5%}.slideHeader .slideIn{max-width:20%;background-color:var(--primary);height:100vh;position:absolute;top:0;left:-20%;z-index:-1;transition:all 0s ease-in-out;box-shadow:1px 0 10px #000;border-radius:0 1vw 0 0}.slideHeader .slideIn>div{background-color:var(--sand);padding:2.5%;border-radius:0 1vw 0 0}.slideHeader .slideIn>div img{width:60%;margin:0 auto}.slideHeader .slideIn>article{display:flex;flex-direction:column;color:var(--white);padding:1% 0}.slideHeader .slideIn>article a .subMenu,.slideHeader .slideIn>article>div .subMenu{position:absolute;width:100%;left:100%;top:0%;background-color:var(--primary);display:flex;flex-direction:column;opacity:0;transition:all .3s ease-in-out}.slideHeader .slideIn>article a .subMenu .subMenuSchulung,.slideHeader .slideIn>article>div .subMenu .subMenuSchulung{transition:all .3s ease-in-out;display:flex;justify-content:space-between;border-bottom:.1vh solid var(--lightSecondary);padding:5% 3.5% 3.5%;position:relative}.slideHeader .slideIn>article a .subMenu .subMenuSchulung>div,.slideHeader .slideIn>article>div .subMenu .subMenuSchulung>div{width:fit-content;position:absolute;left:100%;width:100%;top:0;background-color:var(--primary);opacity:0;display:none}.slideHeader .slideIn>article a .subMenu .subMenuSchulung:hover,.slideHeader .slideIn>article>div .subMenu .subMenuSchulung:hover{background-color:var(--primaryHover)}.slideHeader .slideIn>article a .subMenu .subMenuSchulung:hover>div,.slideHeader .slideIn>article>div .subMenu .subMenuSchulung:hover>div{opacity:1;display:block}.slideHeader .slideIn>article a .subMenu .subMenuVorlage,.slideHeader .slideIn>article>div .subMenu .subMenuVorlage{transition:all .3s ease-in-out;display:flex;justify-content:space-between;border-bottom:.1vh solid var(--sand);padding:5% 3.5% 3.5%;position:relative}.slideHeader .slideIn>article a .subMenu .subMenuVorlage>div,.slideHeader .slideIn>article>div .subMenu .subMenuVorlage>div{width:fit-content;position:absolute;left:100%;width:100%;top:0;background-color:var(--primary);opacity:0;display:none}.slideHeader .slideIn>article a .subMenu .subMenuVorlage>div a:hover,.slideHeader .slideIn>article>div .subMenu .subMenuVorlage>div a:hover{background-color:var(--primaryHover)}.slideHeader .slideIn>article a .subMenu .subMenuVorlage:hover,.slideHeader .slideIn>article>div .subMenu .subMenuVorlage:hover{background-color:var(--primaryHover)}.slideHeader .slideIn>article a .subMenu .subMenuVorlage:hover>div,.slideHeader .slideIn>article>div .subMenu .subMenuVorlage:hover>div{opacity:1;display:block}.slideHeader .slideIn>article a:hover,.slideHeader .slideIn>article>div:hover{overflow:visible}.slideHeader .slideIn>article a:hover .subMenu,.slideHeader .slideIn>article>div:hover .subMenu{opacity:1}.slideHeader .slideIn>article .active{transition:all .6s ease;font-weight:500;color:var(--lightSecondary);border-width:3px}.slideHeader .slideIn.show{z-index:99;left:0;transition:all .7s linear}.protokollPopUp{width:90vw;max-width:1340px;height:68%;margin:auto;padding:5vh;border:.2vh solid var(--sand);border-radius:1vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:grid;grid-template-columns:repeat(2,1fr);background-color:var(--sand);gap:2vw}.protokollPopUp svg{color:var(--red);font-size:1.4vw;position:absolute;right:.5%;top:1%;cursor:pointer}.protokollPopUp form{display:flex;flex-direction:column;justify-content:space-between}.protokollPopUp form .multiselectSearchInput input{color:var(--primary);background-color:var(--sand);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 16 16' fill='%233d3d3d' stroke='%233d3d3d'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M2 5.56L2.413 5h11.194l.393.54L8.373 11h-.827L2 5.56z'/%3E%3C/g%3E%3C/svg%3E")}.protokollPopUp form .multiselectSearchInput input::placeholder{color:var(--primary)}.protokollPopUp form label{position:relative;color:var(--white);display:block;margin-bottom:.4vh;width:100%;font-size:1vw}.protokollPopUp form label b{color:var(--red);margin-left:.2vw}.protokollPopUp form label span{color:var(--red);position:absolute;font-size:.8vw;right:0;bottom:.1vh;cursor:pointer}.protokollPopUp form input{height:3.2vh;width:100%;font-size:1vw;padding:.8% 1% .5%;border-radius:.2vw;text-align:center;color:var(--primary);background-color:var(--primary);color:var(--white);border:.1vw solid var(--primary)}.protokollPopUp form input[type=range]{padding:0;border:none}.protokollPopUp form input:focus{outline:none}.protokollPopUp form input::placeholder{color:var(--lightSecondary)}.protokollPopUp form select{height:3.2vh;width:100%;font-size:1vw;padding:.8% 1% .5%;border-radius:.2vw;background-color:var(--sand);color:var(--white);border:.1vw solid var(--primary)}.protokollPopUp form select:focus{outline:none}.protokollPopUp form select::placeholder{color:var(--lightSecondary)}.protokollPopUp form textarea{resize:none;width:100%;aspect-ratio:16/7;font-size:1vw;border-radius:.2vw;background-color:var(--sand);color:var(--primary);border:.15vw solid var(--primary);padding:.8% 1% 1% 1.5%}.protokollPopUp form textarea::placeholder{color:var(--primary)}.protokollPopUp form textarea:focus{outline:none}.protokollPopUp .protocolBoxWrapper{width:100%;border:.15vw solid var(--primary);border-radius:.2vw;padding-block:1%;overflow-y:scroll;background-color:var(--sand)}.protokollPopUp .protocolBoxWrapper .protocolCard{position:relative;width:90%;margin:5% 2%;padding-block:.5%;border-top-left-radius:0;border-top-right-radius:.3vw;border-bottom-right-radius:.3vw;border-bottom-left-radius:.3vw;color:var(--sand);border-top:.6vh solid var(--white);background-color:var(--primary)}.protokollPopUp .protocolBoxWrapper .protocolCard p{font-size:.9vmax;max-width:100%;padding:1%}.protokollPopUp .protocolBoxWrapper .protocolCard p:nth-of-type(1){background-color:var(--primaryHover);padding:0 .5%}.protokollPopUp .protocolBoxWrapper .protocolCard p .nameLinks a{color:var(--lightSecondary)}.protokollPopUp .protocolBoxWrapper .protocolCard p .nameLinks:after{content:" -- "}.protokollPopUp .protocolBoxWrapper .protocolCard p .nameLinks:nth-last-of-type(2):after{content:" "}.protokollPopUp .protocolBoxWrapper .protocolCard p .nameLinks:nth-last-of-type(1):after{content:" "}.protokollPopUp .protocolBoxWrapper .protocolCard p .morePopUp{display:none;background-color:#3d3d3d;min-width:6vw;border-radius:.1vw}.protokollPopUp .protocolBoxWrapper .protocolCard p .morePopUp span{min-width:6vw;background-color:#e2e2e2;border-radius:.2vw;padding:4.5% 2.5% 2.5% 3.5%}.protokollPopUp .protocolBoxWrapper .protocolCard p .morePopUp span:hover{background-color:var(--sand)}.protokollPopUp .protocolBoxWrapper .protocolCard p .morePopUp span a{color:var(--primary);font-size:.8vw}.protokollPopUp .protocolBoxWrapper .protocolCard p .more{color:var(--lightSecondary);position:relative;cursor:pointer;display:inline-block}.protokollPopUp .protocolBoxWrapper .protocolCard p .more:hover .morePopUp{display:flex;flex-direction:column;gap:.1vh;position:absolute;left:0;z-index:5}.protokollPopUp .protocolBoxWrapper .protocolCard .dateInfo{color:#3d3d3d;position:absolute;bottom:100%;right:0}.protokollPopUpBlender{background-color:#000000b3;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:50}.slider-container{width:100%;margin:0 auto;text-align:center;position:relative}.slider-container .slider-value{font-size:.8vw;width:1vw;aspect-ratio:1;font-weight:700;color:var(--sand);position:absolute;top:.3vh;transform:translate(-50%);transition:left .1s ease-out;background-color:var(--primary);padding-top:.5%;border-radius:.2vw}.slider-container .slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1vh;border-radius:.1vw;background:linear-gradient(to right,var(--sand) 0%,var(--sand) 1%,var(--red) 1%,var(--red) 33%,var(--gray) 33%,var(--gray) 66%,var(--green) 66%,var(--green) 99%,var(--sand) 99%,var(--sand) 100%);outline:none;margin-top:3vh;position:relative}.slider-container .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1vw;aspect-ratio:1;height:auto;background:var(--primary);border-radius:50%;cursor:pointer}.slider-container .slider::-moz-range-thumb{width:1vw;aspect-ratio:1;height:auto;background:var(--sand);border-radius:50%;cursor:pointer}.slider-container .slider:before{display:none}.slider-container .slider-labels{display:flex;justify-content:space-between;font-size:1vw;font-weight:700;margin-top:.1vh;padding-inline:1%}.slider-container .slider-labels .negative{color:var(--red)}.slider-container .slider-labels .neutral{color:var(--gray)}.slider-container .slider-labels .positive{color:var(--green)}.multiselectSearchInput{position:relative}.multiselectSearchInput input{height:3.2vh;font-size:.8vw;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 16 16' fill='%23ffffff' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M2 5.56L2.413 5h11.194l.393.54L8.373 11h-.827L2 5.56z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto;padding-left:1.5%;background-color:var(--primary);border:.1vw solid var(--lightSecondary);width:100%;cursor:pointer;z-index:-1;color:var(--lightSecondary);border-radius:.2vw}.multiselectSearchInput input:focus{outline:none}.multiselectSearchInput input::placeholder{color:var(--white)}.multiselectSearchInput .customSelect{position:absolute;background-color:var(--primary);width:100%;max-height:0;overflow-y:scroll;top:3.3vh;border-radius:.1vw;transition:all .3s ease-in-out;z-index:2;border-radius:.2vw}.multiselectSearchInput .customSelect p{padding:0 1.5%;display:flex;align-items:center;text-transform:capitalize;cursor:pointer;color:var(--white);height:4vh;transition:all .3s ease-in-out;background-color:var(--primary);font-size:.7vw}.multiselectSearchInput .customSelect p:hover{background-color:var(--primaryHover);color:var(--white)}.multiselectSearchInput .customSelect p.selected{background-color:var(--secondary);color:var(--white)}.warnungPopUp{width:50vw;max-width:1340px;height:68%;margin:auto;padding:5vh;background-color:var(--sand);border:.5vh solid var(--sand);border-radius:1vh;font-family:Arial,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:url(/assets/warnung-DivVxLpo.png) center/contain no-repeat;background-color:var(--primary)}.warnungPopUp svg{color:var(--red);font-size:2vw;position:absolute;right:1.5%;top:2.5%;cursor:pointer}.achtungPopUp{width:50vw;max-width:1340px;height:68%;margin:auto;padding:5vh;background-color:var(--sand);border:.5vh solid var(--sand);border-radius:1vh;font-family:Arial,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:url(/assets/achtung-C-23IelA.png) center/contain no-repeat;background-color:var(--primary)}.achtungPopUp svg{color:var(--red);font-size:2vw;position:absolute;right:1.5%;top:2.5%;cursor:pointer}.menu{position:relative;font-size:1vw;font-weight:200;border-bottom:.1vh solid var(--lightSecondary);transition:all .6s ease;display:flex;justify-content:space-between;padding:5% 3.5% 3.5%;cursor:pointer;overflow:hidden;transition:all .2s ease-in-out}.menu a{width:100%;display:flex;justify-content:space-between}.menu a b{margin-left:auto;width:fit-content}.menu:hover{background-color:var(--primaryHover)}.menu:hover>div{opacity:1;display:block}.userSlideHeader{position:relative}.userSlideHeader .blender{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.8;width:100%;height:100vh;z-index:-1;opacity:0;transition:all .5s ease-in-out}.userSlideHeader .blender.show{z-index:5;opacity:.7}.userSlideHeader .topBar{box-shadow:0 0 10px var(--primaryHover);width:100vw;height:9vh;background-color:var(--primary);display:flex;justify-content:space-between;overflow:hidden;margin-bottom:3vh}.userSlideHeader .topBar .userInfo{width:50%;display:flex;border-right:1px solid var(--white);align-items:center;justify-content:space-between;padding-right:1%;padding-left:2.5%}.userSlideHeader .topBar .userInfo>svg{width:2vw;height:2vw;padding:.5%;color:var(--white);transition:all .2s ease;cursor:pointer}.userSlideHeader .topBar .userInfo>svg:hover{transform:scale(1.1)}.userSlideHeader .topBar .userInfo div{display:flex;flex-direction:column;justify-content:center}.userSlideHeader .topBar .userInfo h2,.userSlideHeader .topBar .userInfo h3{color:var(--white);font-size:1.5vw;font-weight:400}.userSlideHeader .topBar .userInfo h3{font-size:1.1vw}.userSlideHeader .topBar .slogan{display:flex;justify-content:center;flex-direction:column;padding-left:2.5%;padding-block:2.7% 2.5%;width:30%}.userSlideHeader .topBar .slogan h4{color:var(--sand);font-size:1.2vw;font-weight:400}.userSlideHeader .topBar .logoContainer{background-color:var(--white);border-radius:0% 0% 0% 4%/0% 95% 0% 100%;width:100%;height:110%;display:grid;grid-template-columns:5fr 1fr;place-items:center;gap:1%}.userSlideHeader .topBar .logoContainer img{margin:0 auto;width:45%}.userSlideHeader .topBar .logoContainer .buttonWrapper{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;margin-bottom:4%;padding-right:2.5vw;gap:1.5vw}.userSlideHeader .topBar .logoContainer .buttonWrapper div{width:2vw;color:var(--primary);cursor:pointer;transition:all .4s ease}.userSlideHeader .topBar .logoContainer .buttonWrapper div:hover{color:var(--primary)}.userSlideHeader .topBar .logoContainer .buttonWrapper a{color:var(--primary);width:1.8vw;position:relative}.userSlideHeader .topBar .logoContainer .buttonWrapper a h4{position:absolute;top:-3%;right:-30%;background-color:var(--sand);border-radius:50%;width:1.3vw;height:1.3vw;aspect-ratio:1;font-size:.7vw;font-weight:900;text-align:center;display:flex;align-items:center;justify-content:center;border:.1vw solid var(--primary);padding-top:10%}.userSlideHeader .slideIn{max-width:20%;background-color:var(--primary);height:100vh;position:absolute;top:0;left:-20%;z-index:-1;transition:all 0s ease-in-out;box-shadow:1px 0 10px #000;border-radius:0 1vw 0 0}.userSlideHeader .slideIn>div{background-color:var(--sand);padding:7.5% 15% 5%;border-radius:0 1vw 0 0}.userSlideHeader .slideIn>article{display:flex;flex-direction:column;color:var(--white);padding:10% 0}.userSlideHeader .slideIn>article a,.userSlideHeader .slideIn>article>div{position:relative;font-size:1vw;font-weight:200;border-bottom:.1vh solid var(--lightSecondary);transition:all .6s ease;display:flex;justify-content:space-between;padding:5% 3.5% 3.5%;cursor:pointer;overflow:hidden}.userSlideHeader .slideIn>article a b,.userSlideHeader .slideIn>article>div b{margin-left:1vw}.userSlideHeader .slideIn>article a .subMenu,.userSlideHeader .slideIn>article>div .subMenu{position:absolute;width:100%;left:100%;top:0%;background-color:var(--primary);display:flex;flex-direction:column;opacity:0;transition:all .3s ease-in-out}.userSlideHeader .slideIn>article a .subMenu .subMenuSchulung,.userSlideHeader .slideIn>article>div .subMenu .subMenuSchulung{transition:all .3s ease-in-out;display:flex;justify-content:space-between;border-bottom:.1vh solid var(--sand);padding:5% 3.5% 3.5%;position:relative}.userSlideHeader .slideIn>article a .subMenu .subMenuSchulung>div,.userSlideHeader .slideIn>article>div .subMenu .subMenuSchulung>div{width:fit-content;position:absolute;left:100%;width:100%;top:0;background-color:var(--primary);opacity:0;display:none}.userSlideHeader .slideIn>article a .subMenu .subMenuSchulung>div a:hover,.userSlideHeader .slideIn>article>div .subMenu .subMenuSchulung>div a:hover{background-color:var(--primaryHover)}.userSlideHeader .slideIn>article a .subMenu .subMenuSchulung:hover,.userSlideHeader .slideIn>article>div .subMenu .subMenuSchulung:hover{background-color:var(--primaryHover)}.userSlideHeader .slideIn>article a .subMenu .subMenuSchulung:hover>div,.userSlideHeader .slideIn>article>div .subMenu .subMenuSchulung:hover>div{opacity:1;display:block}.userSlideHeader .slideIn>article a .subMenu .subMenuVorlage,.userSlideHeader .slideIn>article>div .subMenu .subMenuVorlage{transition:all .3s ease-in-out;display:flex;justify-content:space-between;border-bottom:.1vh solid var(--sand);padding:5% 3.5% 3.5%;position:relative}.userSlideHeader .slideIn>article a .subMenu .subMenuVorlage>div,.userSlideHeader .slideIn>article>div .subMenu .subMenuVorlage>div{width:fit-content;position:absolute;left:100%;width:100%;top:0;background-color:var(--primary);opacity:0;display:none}.userSlideHeader .slideIn>article a .subMenu .subMenuVorlage>div a:hover,.userSlideHeader .slideIn>article>div .subMenu .subMenuVorlage>div a:hover{background-color:var(--primaryHover)}.userSlideHeader .slideIn>article a .subMenu .subMenuVorlage:hover,.userSlideHeader .slideIn>article>div .subMenu .subMenuVorlage:hover{background-color:var(--primaryHover)}.userSlideHeader .slideIn>article a .subMenu .subMenuVorlage:hover>div,.userSlideHeader .slideIn>article>div .subMenu .subMenuVorlage:hover>div{opacity:1;display:block}.userSlideHeader .slideIn>article a:hover,.userSlideHeader .slideIn>article>div:hover{background-color:var(--primaryHover);overflow:visible}.userSlideHeader .slideIn>article a:hover .subMenu,.userSlideHeader .slideIn>article>div:hover .subMenu{opacity:1}.userSlideHeader .slideIn>article .active{transition:all .6s ease;font-weight:500;color:var(--white);border-color:var(--white)}.userSlideHeader .slideIn.show{z-index:99;left:0;transition:all .7s linear}.notFound404{width:100%;height:100vh;padding:2.5% 5%;background-color:var(--sand)}.notFound404 h1{text-align:center;padding-bottom:8vh}.notFound404 p{padding-bottom:3vh}.notFound404 ul{font-size:.9vw;padding-bottom:3vh;padding-left:1%}.notFound404 a{background-color:var(--primaryHover);color:var(--white);padding:.5% 1.5%;border-radius:.3vw}.completeRegisteration{height:var(--adminLayoutHeight);display:flex;justify-content:center;align-items:center;padding-top:5%}.completeRegisteration form{display:flex;flex-direction:column;width:30%;border:.2vw solid var(--primary);border-radius:.5vw;padding:4% 2.5%;gap:2vh}.completeRegisteration form h3{text-align:center;color:var(--primary);font-size:1.2vw;padding-bottom:3vh}.completeRegisteration form button{font-size:1.2vmax;width:100%;padding:3.5% 2.5% 2.5%;background-color:var(--primary);color:var(--sand);border:2px solid var(--secondary);border-radius:.3vmax}.completeRegisteration form fieldset{border:2px solid var(--secondary);border-radius:.3vmax;padding:2.5%;position:relative;width:100%}.completeRegisteration form fieldset legend{padding:0;margin:0;position:absolute;top:0;z-index:0;opacity:0;background-color:var(--white);transition:all .6s ease;color:var(--primary)}.completeRegisteration form fieldset input{font-size:1vmax;width:100%;color:var(--primary);border:none;position:relative;background:transparent;z-index:1;padding-top:.2vw}.completeRegisteration form fieldset input::placeholder{color:var(--primary);font-size:1vmax;transition:all .1s ease}.completeRegisteration form fieldset input:focus{outline:none;border-color:var(--primary)}.completeRegisteration form fieldset input:focus::placeholder{opacity:0}.completeRegisteration form fieldset input:focus+legend{background-color:#fff;z-index:0;opacity:1;transform:translateY(-50%)}.resetPassword{height:var(--adminLayoutHeight);display:flex;justify-content:center;align-items:center;padding-top:5%}.resetPassword form{display:flex;flex-direction:column;width:30%;border:.2vw solid var(--primary);border-radius:.5vw;padding:4% 2.5%;gap:2vh}.resetPassword form h3{text-align:center;color:var(--primary);font-size:1.2vw;padding-bottom:3vh}.resetPassword form button{font-size:1.2vmax;width:100%;padding:3.5% 2.5% 2.5%;background-color:var(--primary);color:var(--sand);border:2px solid var(--secondary);border-radius:.3vmax}.resetPassword form fieldset{border:2px solid var(--secondary);border-radius:.3vmax;padding:2.5%;position:relative;width:100%}.resetPassword form fieldset legend{padding:0;margin:0;position:absolute;top:0;z-index:0;opacity:0;background-color:var(--white);transition:all .6s ease;color:var(--primary)}.resetPassword form fieldset input{font-size:1vmax;width:100%;color:var(--primary);border:none;position:relative;background:transparent;z-index:1;padding-top:.2vw}.resetPassword form fieldset input::placeholder{color:var(--primary);font-size:1vmax;transition:all .1s ease}.resetPassword form fieldset input:focus{outline:none;border-color:var(--primary)}.resetPassword form fieldset input:focus::placeholder{opacity:0}.resetPassword form fieldset input:focus+legend{background-color:#fff;z-index:0;opacity:1;transform:translateY(-50%)}.adminJwtSetting{padding-inline:2.5%}.adminJwtSetting details{cursor:pointer;color:var(--primary);font-size:1.5vw;background-color:var(--sand);padding:1.5%;height:fit-content;border-radius:.5vw;width:100%}.adminJwtSetting details form{padding-block:1.5%;display:grid;grid-template-columns:repeat(4,1fr);gap:3vw}.adminJwtSetting details form div{color:var(--sand);display:flex;justify-content:space-between;background-color:var(--primary);padding:2.5%;border-radius:.3vw}.adminJwtSetting details form div label{font-size:1vw;padding-top:1%}.adminJwtSetting details form div select{padding-top:.9%;border-radius:.2vw;width:7vw;text-align:center;font-size:.8vw}.adminJwtSetting details div{width:100%;text-align:right}.adminJwtSetting details div button{font-size:1vw;width:10vw;height:4vh;padding-top:.2%;background-color:var(--primary);color:var(--white);border:2px solid var(--secondary);border-radius:.4vw;transition:all .2s linear;cursor:pointer}.adminJwtSetting details div button:hover{font-size:1.1vw}.addScorm{position:relative;width:95%;height:var(--adminLayoutHeight);overflow-y:scroll;margin:0 auto;background-color:var(--primary);display:flex;flex-direction:column}.addScorm>header{position:sticky;top:0;z-index:1;background-color:transparent;width:fit-content}.addScorm>header nav{color:var(--white);width:fit-content;display:flex;justify-content:center;align-items:center}.addScorm>header nav h6{border:.2vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:100%;font-size:1.2vw;font-weight:500;text-align:center;transition:all .4s ease-in;width:25vw;padding:1.2vh 1vh 1vh}.addScorm>header nav h6:nth-of-type(1){border-left:none;border-top:none}.addScorm>header nav h6.active{transition:all .4s ease-in}.addScorm .scormPreview{width:100%;align-self:center;text-align:center}.addScorm .scormPreview iframe{width:80%;aspect-ratio:5/3}.addScorm>form{width:100%;padding:1.5% 2.5% 2.5%;gap:1.6vw}.addScorm>form .titleWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:max-content;gap:1.5vw;justify-content:center;margin-bottom:4vh}.addScorm>form .titleWrapper div{position:relative}.addScorm>form .titleWrapper div label{margin:0}.addScorm>form .titleWrapper div input{margin-top:.5vh}.addScorm>form .boxWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5vw;row-gap:4vh;justify-content:center}.addScorm>form .boxWrapper .targetLabel{margin-top:4vh}.addScorm>form>div{width:100%}.addScorm>form label{position:relative;color:var(--white);display:block;margin-bottom:.4vh;width:100%;font-size:1vw}.addScorm>form label input[type=checkbox]{width:1vw;margin:0;aspect-ratio:1;height:auto}.addScorm>form label b{color:var(--red);margin-left:.2vw}.addScorm>form label span{color:var(--red);position:absolute;font-size:.8vw;right:0;bottom:.1vh;cursor:pointer}.addScorm>form input{height:3.2vh;width:100%;font-size:1vw;border-radius:.2vw;padding:.8% 1% .5% 1.5%;color:var(--primary);background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary)}.addScorm>form input::-webkit-calendar-picker-indicator{filter:invert(1)}.addScorm>form input::-webkit-outer-spin-button,.addScorm>form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.addScorm>form input[type=number]{-moz-appearance:textfield}.addScorm>form input:focus{outline:none}.addScorm>form select{color:var(--primary)}.addScorm>form textarea{color:var(--primary);resize:none;width:100%;aspect-ratio:16/8.7;font-size:1vw;border-radius:.2vw;background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary);padding:.8% 1% 1% 1.5%}.addScorm>form textarea::placeholder{color:var(--white)}.addScorm>form textarea:focus{outline:none}.addScorm>form .targetText{aspect-ratio:17/3}.addScorm>form .uploadBox .fileInputDiv{aspect-ratio:16/5.4}.addScorm .addressWrapper{display:flex;flex-direction:column;gap:.5vh}.addScorm .addressWrapper section{width:100%;display:flex;color:var(--white);align-items:center;justify-content:space-between;gap:1.5vw;overflow:hidden}.addScorm .addressWrapper section h3{font-size:1vw;font-weight:300}.addScorm .addressWrapper section input{flex:1;max-width:70%;margin:0;width:auto;font-size:.8vw;height:3.2vh;margin-bottom:0vh}.addScorm .addressWrapper section input::placeholder{font-size:.8vw;position:relative;top:1%;color:var(--white)}.addScorm .settings{display:flex;flex-direction:column}.addScorm .settings label{margin-bottom:.5vh}.addScorm .settings input{margin-bottom:1vh;font-size:.8vw;width:50%;margin-left:auto}.addScorm .settings input::placeholder{color:var(--lightSecondary)}.addScorm .settings div{color:var(--white);display:flex;align-items:center;gap:1vw;margin-bottom:.4vh}.addScorm .settings div h4{font-weight:300;width:40%;padding-bottom:2%}.addScorm .settings div input[type=checkbox]{width:.8vw;height:.8vw;outline:.1vw solid var(--white);margin:0}.addScorm .settings div:has(input[type=checkbox]){margin-top:1vh;gap:2.4vw}.addScorm .checkBoxContainer div{color:var(--white);display:flex;align-items:center;gap:1vw;margin-bottom:.4vh}.addScorm .checkBoxContainer div h4{font-weight:300;width:50%}.addScorm .checkBoxContainer div input[type=checkbox]{width:.8vw;height:.8vw;outline:.1vw solid var(--white);margin:0}.addScorm .checkBoxContainer div:has(input[type=checkbox]){margin-top:1vh;gap:2.4vw}.addScorm .conditional{color:var(--white);width:100%}.addScorm .conditional>label{margin-bottom:.4vh;display:flex;align-items:start;gap:.5vw}.addScorm .conditional>article{height:100%}.addScorm .conditional>article>section{width:100%;aspect-ratio:16/8.5;height:auto;overflow-y:scroll;border:.1vw dashed var(--lightSecondary);border-radius:.1vw}.addScorm .conditional>article>section>div{display:flex;margin-bottom:.3vh;padding:1% 2%;border-radius:.1vw;background-color:var(--primaryHover)}.addScorm .conditional>article>section>div svg{color:var(--red);cursor:pointer;width:1vw;height:1vw}.addScorm .conditional>article>section>div h5{color:var(--white);font-weight:300;width:100%;margin-right:1vw}.addScorm .conditional>article>label{position:relative}.addScorm .conditional>article>label>input{font-size:.7vw;padding-right:1vw}.addScorm .conditional>article>label>input::-webkit-calendar-picker-indicator{display:none;color:#00f0}.addScorm .conditional>article>label>input::placeholder{color:var(--lightSecondary)}.addScorm .conditional>article>label div{display:flex;gap:.4vw;align-items:center}.addScorm .conditional>article>label div svg{color:var(--white);width:1.95vw;aspect-ratio:1/1;height:auto;border:.1vw solid var(--lightSecondary);border-radius:.2vw;cursor:pointer;padding:1%}.addScorm .conditional>article>label div svg:active{scale:.9}.addScorm .conditional>article .popUp .trainingManagement{padding:1% .5%}.addScorm .conditional>article .popUp .trainingManagement .searchBar{width:94.5%;color:var(--primary);padding-inline:0;grid-template-columns:1fr 1fr;padding-top:2vh}.addScorm .conditional>article .popUp .trainingManagement .searchBar select{display:none}.addScorm .conditional>article .popUp .trainingManagement .searchBar section:nth-of-type(2) .filtersWrapper{display:none}.addScorm .conditional>article .popUp .trainingManagement .versionSelector{display:none}.addScorm .conditional>article .popUp .trainingManagement .cardsWrapper{margin:0;padding:0 .5%;height:50vh}.addScorm .previewBox{width:100%}.addScorm .previewBox section{width:100%;border:.1vw dashed var(--white);border-radius:.4vw;padding-inline:2.5%;aspect-ratio:16/7;overflow-y:scroll}.addScorm .previewBox section article{background-color:var(--primary);position:sticky;top:0;display:flex;justify-content:right;width:100%;gap:.5vw;z-index:1;align-items:center;padding-top:2.5%}.addScorm .previewBox section article p{width:fit-content}.addScorm .previewBox section div{display:flex;gap:.3vw}.addScorm .previewBox section div p{flex:1}.addScorm .previewBox section div label{width:2vw;text-align:center}.addScorm .previewBox section div label input{width:1vw;height:2vh}.addScorm .previewBox section div label:nth-of-type(1){margin-right:.5vw}.addScorm .previewBox section div span{color:var(--red);cursor:pointer}.addScorm .previewBox section div span svg{width:1vw;height:1vw}.addScorm .previewBox p{color:var(--white);text-align:left;font-size:.8vw;font-weight:300;margin-bottom:.5vh;width:90%}.addScorm .scormPreview{width:100%;padding:2.5%}.addScorm .scormPreview h3{text-align:center;padding:25%;border:.15vw solid var(--lightSecondary)}.addScorm .buttonContainer{display:flex;gap:1vw;justify-content:flex-end;margin-top:auto;padding-top:5vh}.addScorm .buttonContainer button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.2vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;align-self:flex-end;justify-self:right;cursor:pointer}.addScorm .buttonContainer button:hover{transform:scale(1.05)}.adminTrainingsDetail{margin-inline:2.5%;height:var(--adminLayoutHeight);background-color:var(--primary);position:relative}.adminTrainingsDetail .detailsWrapper{padding:0;overflow:hidden}.adminTrainingsDetail .detailsWrapper .details{position:relative}.adminTrainingsDetail .detailsWrapper .details .title{color:var(--white);padding-block:1%;padding-top:1.7%;display:grid;grid-template-columns:repeat(3,1fr);place-items:center;border-bottom:.2vw solid var(--sand)}.adminTrainingsDetail .detailsWrapper .details .title div{width:fit-content}.adminTrainingsDetail .detailsWrapper .details .title div h1{text-align:center}.adminTrainingsDetail .detailsWrapper .details .category{position:relative;padding:.5%;margin-top:.3vh;background-color:var(--primary);color:var(--white);overflow:hidden}.adminTrainingsDetail .detailsWrapper .details .category .imageContainer{display:flex;width:100%;justify-content:space-evenly;gap:2vw}.adminTrainingsDetail .detailsWrapper .details .category .imageContainer div{display:flex;padding-bottom:.2vh;width:20%;align-items:flex-end;border-bottom:1px solid var(--lightSecondary);padding-inline:.5vw}.adminTrainingsDetail .detailsWrapper .details .category .imageContainer div h3{font-weight:500;font-size:1.3vw;text-transform:capitalize;width:100%;text-align:center}.adminTrainingsDetail .detailsWrapper .details .category .imageContainer div svg{width:3vw;height:3vw}.adminTrainingsDetail .detailsWrapper .details .category .descrptionContainer{width:100%;padding:1%}.adminTrainingsDetail .detailsWrapper .details .category .descrptionContainer p{width:100%;font-size:1.5vw}.adminTrainingsDetail .detailsWrapper .details .userRecords{border:.1vw solid var(--white);margin:2.5%;border-radius:.2vw;padding:1.5%;color:var(--white)}.adminTrainingsDetail .detailsWrapper .details .userRecords h3{font-size:1.5vw;margin-bottom:3vh}.adminTrainingsDetail .detailsWrapper .details .userRecords details{border-bottom:.1vh solid var(--white);width:28%}.adminTrainingsDetail .detailsWrapper .details .userRecords details summary{font-size:1.5vw;margin-bottom:1vh}.adminTrainingsDetail .detailsWrapper .details .userRecords details div{display:flex;gap:7vw;margin-block:.5vh;padding-block:.5vh}.adminTrainingsDetail .detailsWrapper .details .userRecords .buttonContainer{bottom:0;right:5%;gap:1vw;display:flex;justify-content:end;margin-top:2vh;padding-bottom:.5%}.adminTrainingsDetail .detailsWrapper .details .recordSet{display:flex;gap:7vw;padding:.5%}.adminTrainingsDetail .detailsWrapper .details .recordSet div{display:flex;margin-block:.5vh;padding-block:.5vh;width:4vw}.addAdmin{cursor:pointer;color:var(--primary);font-size:1.5vw;background-color:var(--sand);padding:2.5%;height:fit-content;border-radius:.5vw}.addAdmin summary{padding-top:.8%;text-align:center}.addAdmin form{margin-top:2vh;display:flex;flex-direction:column;width:100%;color:var(--primary);border-radius:.5vw;gap:2vh;justify-content:space-evenly}.addAdmin form label{font-size:1.2vw;display:block}.addAdmin form div{width:100%}.addAdmin form div h3{font-size:1.3vmax;padding-top:2%;cursor:auto}.addAdmin form div input{width:50%;-webkit-appearance:none;background-color:var(--primary);height:1.5vh;border-radius:.3vw;background-position:center}.addAdmin form div input::-webkit-slider-thumb{-webkit-appearance:none;width:1.7vw;height:1.7vw;border-radius:20%;background-image:url(/admin.png);background-size:1.4vw;background-color:var(--lightSecondary);background-repeat:no-repeat;background-position:50%;border:.1vw solid var(--primary);cursor:grab}.addAdmin form div input::-webkit-slider-thumb:active{cursor:grabbing}.addAdmin form div ul{padding:1% 4%;min-height:8vh;cursor:auto}.addAdmin form div ul li{font-size:1.1vw;cursor:auto}.addAdmin form fieldset{border:2px solid var(--secondary);border-radius:.3vmax;padding:1%;position:relative;width:100%}.addAdmin form fieldset legend{padding:0;margin:0;position:absolute;top:0;z-index:0;opacity:0;background-color:var(--sand);transition:all .6s ease;font-size:1.2vw}.addAdmin form fieldset input{font-size:1vmax;width:100%;color:var(--primary);border:none;position:relative;background:transparent;z-index:1;padding-top:.2vw}.addAdmin form fieldset input::placeholder{color:var(--primary);font-size:1vmax;transition:all .1s ease}.addAdmin form fieldset input:focus{outline:none;border-color:var(--primary)}.addAdmin form fieldset input:focus::placeholder{opacity:0}.addAdmin form fieldset input:focus+legend{background-color:var(--sand);z-index:0;opacity:1;transform:translateY(-50%)}.addAdmin form button{font-size:1vw;width:100%;height:5vh;padding-inline:2.5%;padding-top:1%;background-color:var(--primary);color:var(--white);border:2px solid var(--secondary);border-radius:.4vw;transition:all .2s linear;cursor:pointer}.addAdmin form button:hover{font-size:1.1vw}.deleteAdmin{cursor:pointer;color:var(--primary);font-size:1.5vw;background-color:var(--sand);padding:2.5%;height:fit-content;border-radius:.5vw}.deleteAdmin summary{padding-top:.8%;text-align:center}.deleteAdmin form{margin-top:2vh;display:flex;flex-direction:column;width:100%;color:var(--primary);border-radius:.5vw;gap:2vh;justify-content:space-evenly}.deleteAdmin form label{font-size:1.2vw;display:block}.deleteAdmin form div{width:100%}.deleteAdmin form div h3{font-size:1.3vmax;padding-top:2%;cursor:auto}.deleteAdmin form div input{width:50%;-webkit-appearance:none;background-color:var(--primary);height:1.5vh;border-radius:.3vw;background-position:center}.deleteAdmin form div input::-webkit-slider-thumb{-webkit-appearance:none;width:1.7vw;height:1.7vw;border-radius:20%;background-image:url(/admin.png);background-size:1.4vw;background-color:var(--lightSecondary);background-repeat:no-repeat;background-position:50%;border:.1vw solid var(--primary);cursor:grab}.deleteAdmin form div input::-webkit-slider-thumb:active{cursor:grabbing}.deleteAdmin form div ul{padding:1% 4%;min-height:8vh;cursor:auto}.deleteAdmin form div ul li{font-size:1.1vw;cursor:auto}.deleteAdmin form fieldset{border:2px solid var(--secondary);border-radius:.3vmax;padding:1%;position:relative;width:100%}.deleteAdmin form fieldset legend{padding:0;margin:0;position:absolute;top:0;z-index:0;opacity:0;background-color:var(--sand);transition:all .6s ease;font-size:1.2vw}.deleteAdmin form fieldset input{font-size:1vmax;width:100%;color:var(--primary);border:none;position:relative;background:transparent;z-index:1;padding-top:.2vw}.deleteAdmin form fieldset input::placeholder{color:var(--primary);font-size:1vmax;transition:all .1s ease}.deleteAdmin form fieldset input:focus{outline:none;border-color:var(--primary)}.deleteAdmin form fieldset input:focus::placeholder{opacity:0}.deleteAdmin form fieldset input:focus+legend{background-color:var(--sand);z-index:0;opacity:1;transform:translateY(-50%)}.deleteAdmin form button{font-size:1vw;width:100%;height:5vh;padding-inline:2.5%;padding-top:1%;background-color:var(--primary);color:var(--white);border:2px solid var(--secondary);border-radius:.4vw;transition:all .2s linear;cursor:pointer}.deleteAdmin form button:hover{font-size:1.1vw}.adminAccountManagement{display:grid;gap:4vw;grid-template-columns:repeat(3,1fr);margin-bottom:2vh;width:95%;margin:0 auto}.categoryManagemant{cursor:pointer;color:var(--primary);font-size:1.5vw;background-color:var(--sand);padding:1%;height:fit-content;border-radius:.5vw;width:95%;margin:0 auto}.categoryManagemant summary{padding-top:.3%}.categoryManagemant section{display:flex;align-items:center;justify-content:space-between;gap:1vw;margin-top:2vh}.categoryManagemant section>div{border:.15vw solid var(--primary);padding-top:1%;padding-right:1%;border-radius:.3vw;cursor:auto}.categoryManagemant section>div:nth-of-type(1){width:40%}.categoryManagemant section>div:nth-of-type(2){width:60%}.categoryManagemant section>div:nth-of-type(2) input,.categoryManagemant section>div:nth-of-type(2) select{width:31.5%}.categoryManagemant section>div:nth-of-type(2) button{width:8vw;margin-left:1vw}.categoryManagemant section>div h4{display:flex;align-items:center;gap:.3vw;font-size:1.3vw;padding-left:1vw}.categoryManagemant section>div h4 svg{width:1vw;height:1vw}.categoryManagemant section>div div{display:flex;justify-content:space-between;align-items:center}.categoryManagemant section>div div input,.categoryManagemant section>div div select{width:50%;font-size:1vw;border-radius:.3vw;background-position:center;margin-right:2vw;border:.15vw solid var(--primary);color:var(--primary);padding-left:1%;padding-block:.3vh 0;height:3.7vh}.categoryManagemant section>div div input[type=file]{background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20License%3A%20PD.%20Made%20by%20mono-company%3A%20https%3A%2F%2Fgithub.com%2Fmono-company%2Fmono-icons%20--%3E%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.5%2010a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M3%205a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5zm16%200H5v7.92l3.375-2.7a1%201%200%200%201%201.25%200l4.3%203.44%201.368-1.367a1%201%200%200%201%201.414%200L19%2014.586V5zM5%2019h14v-1.586l-3-3-1.293%201.293a1%201%200%200%201-1.332.074L9%2012.28l-4%203.2V19z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);background-size:70%;background-repeat:no-repeat;width:5vw;height:5vw;border-radius:50%;color:transparent;background-color:var(--primary);cursor:pointer;margin:2vh auto}.categoryManagemant section>div div input[type=file]::-webkit-file-upload-button,.categoryManagemant section>div div input[type=file] ::file-selector-button{display:none}.categoryManagemant section>div div button{font-size:.9vw;width:8vw;padding-inline:2.5%;padding-top:.5%;background-color:var(--primary);border:.1vw solid black;color:var(--white);border-radius:.4vw;transition:all .2s linear;height:3vh;margin-left:auto;cursor:pointer}.createProject{position:relative;width:95%;height:var(--adminLayoutHeight);overflow-y:scroll;margin:0 auto;background-color:var(--primary);display:flex;flex-direction:column;overflow-x:hidden}.createProject>header{position:sticky;top:0;z-index:1;background-color:transparent;width:fit-content}.createProject>header nav{color:var(--white);width:fit-content;display:flex;justify-content:center;align-items:center}.createProject>header nav h6{border:.2vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:100%;font-size:1.2vw;font-weight:500;text-align:center;transition:all .4s ease-in;width:25vw;padding:1.2vh 1vh 1vh}.createProject>header nav h6:nth-of-type(1){border-left:none;border-top:none}.createProject>header nav h6.active{transition:all .4s ease-in}.createProject form{width:100%;padding:2.5%}.createProject form .titleWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:max-content;gap:1.5vw;justify-content:center;margin-bottom:4vh}.createProject form .titleWrapper div{position:relative}.createProject form .titleWrapper div label{margin:0}.createProject form .titleWrapper div input{margin-top:.5vh}.createProject form .boxWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5vw;row-gap:4vh;justify-content:center}.createProject form div{width:100%}.createProject form div .targetLabel{margin-top:4vh}.createProject form label{position:relative;color:var(--white);display:block;margin-bottom:.4vh;width:100%;font-size:1vw}.createProject form label b{color:var(--red);margin-left:.2vw}.createProject form label span{color:var(--red);position:absolute;font-size:.8vw;right:0;bottom:.1vh;cursor:pointer}.createProject form input{height:3.2vh;width:100%;font-size:1vw;border-radius:.2vw;padding:.8% 1% .5% 1.5%;color:var(--primary);background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary)}.createProject form input::-webkit-calendar-picker-indicator{filter:invert(1)}.createProject form input::-webkit-outer-spin-button,.createProject form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.createProject form input[type=number]{-moz-appearance:textfield}.createProject form input:focus{outline:none}.createProject form select{color:var(--primary)}.createProject form textarea{color:var(--primary);resize:none;width:100%;aspect-ratio:16/8.7;font-size:1vw;border-radius:.2vw;background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary);padding:.8% 1% 1% 1.5%}.createProject form textarea::placeholder{color:var(--white)}.createProject form textarea:focus{outline:none}.createProject form .targetText{aspect-ratio:17/3}.createProject form .uploadBox .fileInputDiv{aspect-ratio:16/5.4}.createProject form .dateWrapperContainer{height:100%;display:flex;flex-direction:column;justify-content:space-between}.createProject form .dateWrapperContainer .dateWrapper{max-height:100%}.createProject form .dateWrapperContainer .dateWrapper div{max-width:100%;color:var(--white);display:flex;flex:1;gap:1vw;justify-content:space-evenly;padding-bottom:1%}.createProject form .dateWrapperContainer .dateWrapper div section{display:flex;align-items:center;gap:.5vw;width:100%;padding-block:.5vh}.createProject form .dateWrapperContainer .dateWrapper div h3{font-size:.8vw;font-weight:500;width:3vw}.createProject form .dateWrapperContainer .dateWrapper div input{height:3vh;font-size:.9vw;padding-left:2.5%;width:8.4vw;padding-top:2%}.createProject form .dateWrapperContainer .traineeWrapper{max-height:100%}.createProject form .dateWrapperContainer .traineeWrapper label{margin-bottom:.5vh}.createProject form .dateWrapperContainer .traineeWrapper div{max-width:100%;color:var(--white);display:flex;flex:1;gap:1vw;justify-content:space-evenly;padding-bottom:1%}.createProject form .dateWrapperContainer .traineeWrapper div section{display:flex;align-items:center;gap:.5vw;width:100%}.createProject form .dateWrapperContainer .traineeWrapper div h3{font-size:.8vw;font-weight:500}.createProject form .dateWrapperContainer .traineeWrapper div input{height:2.8vh;font-size:.9vw;width:3.5vw;margin-bottom:0vh;text-align:center;line-height:100%;padding-top:5%}.createProject form .dateWrapper{max-height:100%}.createProject form .dateWrapper div{max-width:100%;color:var(--white);display:flex;flex:1;gap:1vw;padding-bottom:1%}.createProject form .dateWrapper div section{display:flex;align-items:baseline;gap:.3vw;width:100%}.createProject form .dateWrapper div h3{font-size:.8vw;font-weight:500;width:1.5vw}.createProject form .dateWrapper div input{height:3.2vh;font-size:.9vw;padding-left:2.5%;padding-top:1%}.createProject form .traineeWrapper{max-height:100%}.createProject form .traineeWrapper label{margin-bottom:.5vh}.createProject form .traineeWrapper div{max-width:100%;color:var(--white);display:flex;flex:1;gap:1vw;justify-content:space-evenly;padding-bottom:1%}.createProject form .traineeWrapper div section{display:flex;align-items:center;gap:.5vw;width:100%}.createProject form .traineeWrapper div h3{font-size:.8vw;font-weight:500}.createProject form .traineeWrapper div input{height:2.8vh;font-size:.9vw;width:3.5vw;margin-bottom:0vh;text-align:center;line-height:100%;padding-top:5%}.createProject .trainingsContainer{background-color:var(--sand);width:100%}.createProject .trainingsContainer>h3{padding-block:2vh;color:var(--primary);text-align:center}.createProject .trainingsContainer .draftsWrapper{display:none}.createProject .trainingsContainer .cardsWrapper{margin-inline:0;border-bottom:none}.createProject .checkBoxContainer label:nth-of-type(2){margin-block:1.5vh;margin-top:6vh}.createProject .checkBoxContainer div{color:var(--white);display:flex;align-items:center;gap:1vw;margin-bottom:.4vh}.createProject .checkBoxContainer div h4{font-weight:300;width:50%;font-size:.8vmax;padding-top:.5%}.createProject .checkBoxContainer div h4 span{font-size:.7vw;position:relative;top:-1vh}.createProject .checkBoxContainer div input[type=checkbox]{width:.8vw;height:.8vw;outline:.1vw solid var(--white);margin:0}.createProject .checkBoxContainer div:has(input[type=checkbox]){margin-top:1vh;gap:1vw}.createProject .buttonContainer{display:flex;gap:1vw;justify-content:flex-end;margin-top:auto;padding:2.5%;padding-top:3vh}.createProject .publishPopUp{width:100%;top:0;right:0;bottom:0;left:0;position:fixed;z-index:99;width:90vw}.createProject .publishPopUp article{max-width:1340px;width:40%;height:15%;position:fixed;z-index:100;padding:5vh;top:50%;left:50%;background-color:var(--primary);transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(2,1fr);gap:1vw;padding:2.5%;place-items:center;border-radius:.5vw}.projectManagement .versionSelector{width:95%;display:flex;gap:1vw;margin:1vh auto}.projectManagement .versionSelector .versionChanger{height:2vh;flex:1;background-color:var(--primary);cursor:pointer;color:var(--lightSecondary);justify-content:center;align-items:center;width:100%;text-align:center;padding-top:.15%}.projectManagement .versionSelector .versionChanger h5{font-weight:400}.projectManagement .versionSelector .versionChanger.active{background-color:var(--lightSecondary);color:var(--primary)}.adminProjectCard{position:relative;background-color:var(--primary);color:var(--white);display:grid;grid-template-columns:repeat(3,1fr) 1fr;place-items:center;padding:.2% 1%;font-size:1vw;transition:all .3s ease-in-out;height:8vh;border-radius:.2vw}.adminProjectCard>h3{width:100%;padding-left:5%;padding-top:1%}.adminProjectCard p{margin-top:.5vh}.adminProjectCard p span{font-size:.7vw;position:relative;top:-1vh}.adminProjectCard>.iconsContainer{display:flex;padding-top:2.5%;justify-content:space-evenly;width:100%}.adminProjectCard>.iconsContainer div{position:relative;cursor:pointer;width:fit-content}.adminProjectCard>.iconsContainer div svg{width:1.8vw;aspect-ratio:1;height:auto}.adminProjectCard>.iconsContainer div p{transition:all .2s ease-in;position:absolute;top:-30%;right:-10%;background-color:var(--primary);border-radius:50%;min-width:1vw;font-size:.6vw;text-align:center;border:.1vw solid var(--white);aspect-ratio:1;height:auto;padding-top:.13vw}.adminProjectCard>.iconsContainer div span{font-size:.5vw;position:absolute;bottom:-17.5%;left:50%;transform:translate(-50%);text-align:center;text-wrap:nowrap}.adminProjectCard>.iconsContainer div:hover p{top:-40%}.adminProjectCard:has(.addCheckbox){width:97.5%;margin-left:auto}.adminProjectCard:has(.addCheckbox) .addCheckbox{position:absolute;left:-2vw}.adminProjectCard:has(.addCheckbox) .addCheckbox input[type=checkbox]{width:1.4vw;height:1.4vw;display:inline-block;margin-top:.9vh;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--primary);border-radius:.3vw;background-color:transparent;cursor:pointer;position:relative;border-color:var(--primary)}.adminProjectCard:has(.addCheckbox) .addCheckbox input[type=checkbox]:checked{background-color:var(--primary);color:var(--primary)}.adminProjectCard:has(.addCheckbox) .addCheckbox input[type=checkbox]:checked:after{content:"✓";color:var(--lightSecondary);font-size:2vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.projectInfo{width:100%;height:80vh;background-color:var(--primary);padding:2.5%;display:flex;flex-direction:column;height:100%}.projectInfo .titleContainer{display:flex;justify-content:space-between;margin-bottom:2vh}.projectInfo .infoContainer{display:grid;grid-template-columns:repeat(3,1fr);height:25vh;gap:1vw}.projectInfo .infoContainer .brandContainer{display:flex;flex-direction:column;justify-content:space-evenly;gap:1vw}.projectInfo .infoContainer .brandContainer div{padding:2.5%;border:.1vw solid var(--lightSecondary);height:100%;border-radius:.3vw}.projectInfo .infoContainer .brandContainer div p{margin:0;margin-bottom:1vh}.projectInfo .cardsWrapper{max-height:52.5vh;height:fit-content;padding:.5%;border-radius:.3vw;display:grid;grid-auto-rows:max-content;overflow:scroll;gap:.2vw;transition:all .3s ease;border-bottom:.2vw solid var(--primary);margin:2vh 0;background-color:var(--sand)}.projectInfo .cardsWrapper section .filtersWrapper{display:none}.projectInfo .cardsWrapper .adminTrainingCard a p{width:.9vw;top:-.5vh}.normalView{width:95%;margin:0 auto;height:var(--adminLayoutHeight);overflow:scroll;position:relative}.normalView h1{width:100%;text-align:center;padding-top:.5%;color:var(--primary);border:.2vw solid var(--primary);margin-block:1vh}.normalView:has(.addAllCheckbox) .addAllCheckbox{position:absolute;left:.4%;top:0vh;display:flex;font-size:1.2vw;padding-top:.9vh;gap:.5vw}.normalView:has(.addAllCheckbox) .addAllCheckbox input[type=checkbox]{width:1.4vw;height:1.4vw;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--primary);border-radius:.3vw;background-color:transparent;cursor:pointer;position:relative;border-color:var(--primary)}.normalView:has(.addAllCheckbox) .addAllCheckbox input[type=checkbox]:checked{background-color:var(--primary);color:var(--primary)}.normalView:has(.addAllCheckbox) .addAllCheckbox input[type=checkbox]:checked:after{content:"✓";color:var(--lightSecondary);font-size:2vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.normalView .searchContainer{padding-bottom:1vh;position:sticky;top:0;z-index:1;width:100%;background-color:var(--white)}.normalView label{position:relative;width:40%;display:flex;align-items:center;margin:0 auto;margin-bottom:2vh;background-color:var(--sand);position:sticky;top:0;z-index:1}.normalView label .searchIcon{position:absolute;width:1.3vw;height:1.3vw;color:var(--secondary);top:25%;right:2%}.normalView label input{width:100%;font-size:1.2vmax;border-radius:.3vmax;height:4vh;color:var(--primary);text-align:center;border:.2vw solid var(--secondary);margin:0 auto}.normalView label input::placeholder{color:var(--secondary);position:relative;top:.2vmin}.normalView label input:focus{outline:none;border:.2vw solid var(--primary)}.normalView label input:focus::placeholder{opacity:0}.normalView .ProjectCardWrapper{display:flex;flex-direction:column;gap:.1vw;position:relative;overflow-y:scroll}.trainingManagementTimelineView{width:95%;margin:0 auto;height:81vh;overflow:hidden}.trainingManagementTimelineView .timeLineSelector{display:flex;align-items:center;justify-content:space-between;gap:.5vw;width:100%;height:fit-content}.trainingManagementTimelineView .timeLineSelector .timeLineOption{background-color:var(--primary);color:var(--lightSecondary);height:3vh;width:100%;text-align:center;padding-top:.2%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1vw}.trainingManagementTimelineView .timeLineSelector .timeLineOption.active{background-color:var(--lightSecondary);color:var(--primary);width:100%}.trainingManagementTimelineView .timeLineSection{height:100%;background-color:var(--white);width:100%}.trainingManagementTimelineView .timeLineSection .selectedYear{background-color:var(--primaryHover);color:var(--lightSecondary);padding-top:.2%;flex:1;text-align:center;margin-top:.2vh;font-size:1.1vw;width:100%;display:flex;gap:5vw;justify-content:center}.trainingManagementTimelineView .timeLineSection .selectedYear .changeButton{cursor:pointer}.weeksSectionCalPro{gap:.1vw;margin-top:.2vh;height:70vh;display:flex;flex-direction:column;overflow-x:scroll}.weeksSectionCalPro .weekNamesWrapper{display:flex;grid-template-columns:repeat(53,1fr);gap:.1vw;flex-direction:column;height:fit-content}.weeksSectionCalPro .weekNamesWrapper .weekNames{display:grid;grid-template-columns:repeat(53,1fr);gap:.1vw;position:sticky;z-index:5;top:0}.weeksSectionCalPro .weekNamesWrapper .weekNames h4{background-color:var(--primary);color:var(--lightSecondary);width:10vw;text-align:center;padding:2% 0 1%;height:3vh;display:flex;align-items:center;justify-content:center}.weeksSectionCalPro .weekNamesWrapper .weekColumnWrapper{display:grid;grid-template-columns:repeat(53,1fr);gap:.1vw;height:fit-content}.weeksSectionCalPro .weekNamesWrapper .weekColumnWrapper .day{width:10vw;height:10vw;background-color:var(--sand);margin-top:.2vw;padding:1% 2.5%}.weeksSectionCalPro .weekNamesWrapper .weekColumnWrapper .day h4{font-size:.8vw;color:var(--primary)}.weeksSectionCalPro .weekNamesWrapper .weekColumnWrapper .day .trainingsWrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:.5vw;place-items:center;padding:2.5%}.weeksSectionCalPro .weekNamesWrapper .weekColumnWrapper .day .trainingsWrapper .training{position:relative;width:100%;aspect-ratio:1;height:auto;background-color:var(--primary);border-radius:50%;cursor:pointer}.weeksSectionCalPro .weekNamesWrapper .weekColumnWrapper .day .trainingsWrapper .training .hoverInfo{display:none}.weeksSectionCalPro .weekNamesWrapper .weekColumnWrapper .day .trainingsWrapper .training:hover .hoverInfo{display:block;background-color:var(--primary);position:absolute;min-width:12vw;height:fit-content;top:-100%;transform:translate(5%,-20%)}.weeksSectionCalPro .weekNamesWrapper .weekColumnWrapper .day .trainingsWrapper .training:hover .hoverInfo h6{padding:1% 2.5%;top:5%;color:var(--sand)}.weeksSectionCalPro .weekNamesWrapper .weekColumnWrapper .week:nth-last-of-type(1) .trainingsWrapper .training .hoverInfo{left:-12vw;transform:translate(-50%,-20%);z-index:99;opacity:1}.monthsSectionCalPro{gap:.1vw;margin-top:.2vh;height:100%}.monthsSectionCalPro .monthNames{display:flex;width:100%;gap:.1vw}.monthsSectionCalPro .monthNames h4{flex:1;text-align:center;background-color:var(--primary);color:var(--lightSecondary);padding-top:.2%}.monthsSectionCalPro .daysWrapper{display:flex;gap:.1vw;overflow:scroll;height:90%}.monthsSectionCalPro .daysWrapper .monthColumn{flex:1;height:fit-content;display:grid;grid-template-rows:repeat(auto-fit,1fr);gap:.1vw}.monthsSectionCalPro .daysWrapper .monthColumn .day{position:relative;width:100%;aspect-ratio:1;height:auto;padding:2.5%;background-color:var(--sand)}.monthsSectionCalPro .daysWrapper .monthColumn .day h5{opacity:.4}.monthsSectionCalPro .daysWrapper .monthColumn .day .trainingsWrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:.5vw;place-items:center;padding:2.5%}.monthsSectionCalPro .daysWrapper .monthColumn .day .trainingsWrapper .training{position:relative;width:100%;aspect-ratio:1;height:auto;background-color:var(--primary);border-radius:50%;cursor:pointer}.monthsSectionCalPro .daysWrapper .monthColumn .day .trainingsWrapper .training .hoverInfo{display:none}.monthsSectionCalPro .daysWrapper .monthColumn .day .trainingsWrapper .training:hover .hoverInfo{display:block;background-color:var(--primary);position:absolute;min-width:12vw;height:fit-content;top:-100%;transform:translate(5%,-20%);z-index:2}.monthsSectionCalPro .daysWrapper .monthColumn .day .trainingsWrapper .training:hover .hoverInfo h6{padding:1% 2.5%;top:5%;color:var(--sand)}.monthsSectionCalPro .daysWrapper .monthColumn:nth-last-of-type(1) .trainingsWrapper .training .hoverInfo{left:-12vw;transform:translate(-50%,-20%)}.quartersSection{gap:.1vw;margin-top:.2vh;height:100%}.quartersSection .quarterNames{display:flex;gap:.1vw;width:100%}.quartersSection .quarterNames h4{flex:1;text-align:center;background-color:var(--primary);color:var(--lightSecondary);padding-top:.2%}.quartersSection .quarter{display:flex;gap:.1vw;overflow:scroll;justify-content:space-between;height:96%}.quartersSection .quarter .monthWrapper{width:100%;display:flex;flex-direction:column;gap:.1vw}.quartersSection .quarter .monthWrapper .month{flex:1;background-color:var(--sand);padding:0 1.5%}.quartersSection .quarter .monthWrapper .month h5{opacity:.5}.quartersSection .quarter .monthWrapper .month .trainingsWrapper{display:grid;grid-template-columns:repeat(10,1fr);gap:.5vw;place-items:center;padding:2.5%}.quartersSection .quarter .monthWrapper .month .trainingsWrapper .training{position:relative;width:100%;aspect-ratio:1;height:auto;background-color:var(--primary);border-radius:50%;cursor:pointer}.quartersSection .quarter .monthWrapper .month .trainingsWrapper .training .hoverInfo{display:none}.quartersSection .quarter .monthWrapper .month .trainingsWrapper .training:hover .hoverInfo{display:block;background-color:var(--primary);position:absolute;min-width:12vw;height:fit-content;top:-100%;transform:translate(5%,-20%);z-index:2}.quartersSection .quarter .monthWrapper .month .trainingsWrapper .training:hover .hoverInfo h6{padding:1% 2.5%;top:5%;color:var(--sand)}.yearsSection{height:92%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:.1vw}.yearsSection .months{flex:1;background-color:var(--sand);padding:1% 1.5%}.yearsSection .months h5{opacity:.5}.yearsSection .months .trainingsWrapper{display:grid;grid-template-columns:repeat(10,1fr);gap:.5vw;place-items:center;padding:2.5%}.yearsSection .months .trainingsWrapper .training{position:relative;width:100%;aspect-ratio:1;height:auto;background-color:var(--primary);border-radius:50%;cursor:pointer}.yearsSection .months .trainingsWrapper .training .hoverInfo{display:none}.yearsSection .months .trainingsWrapper .training:hover .hoverInfo{display:block;background-color:var(--primary);position:absolute;min-width:12vw;height:fit-content;top:-100%;transform:translate(5%,-20%);z-index:2}.yearsSection .months .trainingsWrapper .training:hover .hoverInfo h6{padding:1% 2.5%;top:5%;color:var(--sand)}.teilnehmerDetaiPage{height:80vh;background-color:var(--primary);width:95%;margin:0 auto;display:flex;flex-direction:column}.teilnehmerDetaiPage .userData{background-color:var(--primary);align-items:center;padding:1.5%;color:var(--white)}.teilnehmerDetaiPage .userData .userInfo{display:flex;gap:2vw;width:100%}.teilnehmerDetaiPage .userData .userInfo article h3{font-weight:400;line-height:1.5vw;font-size:1.1vw;display:flex;align-items:flex-start;margin-bottom:.5vh}.teilnehmerDetaiPage .userData .userInfo article h3 svg{margin-right:.3vw;width:fit-content;height:1.2vw;aspect-ratio:1/1}.teilnehmerDetaiPage .userData .managerInfoWrapper{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:.5vw}.teilnehmerDetaiPage .userData .managerInfoWrapper article{border:.1vw solid var(--lightSecondary);height:16vh}.teilnehmerDetaiPage .userData .managerInfoWrapper article h3{text-align:center;background-color:var(--lightSecondary);color:var(--primary)}.teilnehmerDetaiPage .userData .managerInfoWrapper article div{padding:1%}.teilnehmerDetaiPage .userData .managerInfoWrapper article .asm_pos{display:grid;grid-template-columns:3fr 2fr}.teilnehmerDetaiPage .userData .managerInfoWrapper article .asm_pos p{margin-bottom:.1vh}.teilnehmerDetaiPage .TeilnehmerDetailsBar{height:55vh;background-color:var(--sand);width:100%;margin:auto auto 0}.manageUnitsPage{border-bottom:.2vw solid var(--white);background-color:var(--primaryHover);width:95%;margin:0 auto;height:80vh;overflow-y:scroll}.manageUnitsPage h6{color:var(--white);border:.1vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:15%;font-size:1vw;font-weight:500;text-align:center;padding:.8% .5% .5%;transition:all .4s ease-in}.manageUnitsPage h6:nth-of-type(1){border-left:none;border-top:none}.manageUnitsPage .search{border-bottom:.1vh solid var(--white);text-align:center;padding-block:2vh;position:sticky;top:0;background-color:var(--primaryHover)}.manageUnitsPage .search label{position:relative}.manageUnitsPage .search label svg{position:absolute;right:1%;top:50%;transform:translate(-20%,-70%);color:var(--lightSecondary);width:1.7vw;height:1.7vw}.manageUnitsPage .search label input{font-size:1.5vw;padding:.8% .4% .4%;width:40%;background-color:var(--primary);border:.1vw solid var(--lightSecondary);border-radius:.3vw;color:var(--white);text-align:center}.manageUnitsPage .search label input:focus{outline:none}.manageUnitsPage .unitsWrapper{padding-block:2.5%;display:grid;gap:.5vh}.manageUnitsPage .unitsWrapper .unitCard .checkBoxContainer{display:none}.manageUnitsPage .unitsWrapper h5{color:var(--white);text-align:center;font-size:2vw;font-weight:400}.manageUnitsPage .unitsWrapper button{height:5vh;width:14vw;font-size:1vw;display:flex;justify-content:center;align-items:center;padding-top:.3%;padding-inline:1%;color:var(--sand);background-color:var(--primary);border-radius:.3vw;border:.1vw solid var(--lightSecondary);transition:all .5s ease;align-self:flex-end;justify-self:right;margin:2vh auto;cursor:pointer}.manageUnitsPage .unitsWrapper button:hover{transform:scale(1.05)}.createCollection{position:relative;width:95%;height:var(--adminLayoutHeight);overflow-y:scroll;margin:0 auto;background-color:var(--primary);display:flex;flex-direction:column;overflow-x:hidden}.createCollection>header{position:sticky;top:0;z-index:1;background-color:transparent;width:fit-content}.createCollection>header nav{color:var(--white);width:fit-content;display:flex;justify-content:center;align-items:center}.createCollection>header nav h6{border:.2vw solid var(--lightSecondary);border-radius:0 0 .5vw;background-color:var(--primaryHover);width:100%;font-size:1.2vw;font-weight:500;text-align:center;transition:all .4s ease-in;width:25vw;padding:1.2vh 1vh 1vh}.createCollection>header nav h6:nth-of-type(1){border-left:none;border-top:none}.createCollection>header nav h6.active{transition:all .4s ease-in}.createCollection form{width:100%;padding:2.5%}.createCollection form .titleWrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:max-content;gap:1.5vw;justify-content:center}.createCollection form .titleWrapper div{position:relative}.createCollection form .titleWrapper div label{position:relative;color:var(--white);display:block;margin-bottom:.4vh;width:100%;font-size:1vw}.createCollection form .titleWrapper div label b{color:var(--red);margin-left:.2vw}.createCollection form .titleWrapper div label span{color:var(--red);position:absolute;font-size:.8vw;right:0;bottom:.1vh;cursor:pointer}.createCollection form .titleWrapper div input{height:3.2vh;width:100%;font-size:1vw;border-radius:.2vw;padding:.8% 1% .5% 1.5%;color:var(--primary);background-color:var(--primary);color:var(--white);border:.1vw solid var(--lightSecondary)}.createCollection form .titleWrapper div input::-webkit-calendar-picker-indicator{filter:invert(1)}.createCollection form .titleWrapper div input::-webkit-outer-spin-button,.createCollection form .titleWrapper div input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.createCollection form .titleWrapper div input[type=number]{-moz-appearance:textfield}.createCollection form .titleWrapper div input:focus{outline:none}.createCollection .ProjectsWrapper{width:100%;background-color:var(--sand);border-bottom:.2vh solid var(--sand)}.createCollection .ProjectsWrapper>h3{color:var(--primary);text-align:center;padding-block:2vh}.createCollection .ProjectsWrapper .normalView{width:100%;height:41vh}.createCollection .ProjectsWrapper .normalView .ProjectCardWrapper:nth-of-type(2){display:none}.createCollection .buttonContainer{display:flex;gap:1vw;justify-content:flex-end;margin-top:auto;padding:2.5%;padding-top:3vh}.projectPage{width:95%;margin:0 auto}.projectPage .searchContainer{width:40%;margin:0 auto;margin-bottom:2vh}.projectPage .searchContainer label{position:relative;width:100%}.projectPage .searchContainer label .searchIcon{position:absolute;width:1.5vw;height:1.5vw;color:var(--secondary);right:.5vw;bottom:-.3vh}.projectPage .searchContainer label input{font-size:1.2vmax;border-radius:.5vmax;color:var(--primary);text-align:center;border:.2vw solid var(--secondary);width:100%;height:4vh}.projectPage .searchContainer label input::placeholder{color:var(--secondary);position:relative;top:.2vmin}.projectPage .searchContainer label input:focus{outline:none;border:.2vw solid var(--primary)}.projectPage .searchContainer label input:focus::placeholder{opacity:0}.projectPage .chartSection{display:flex;grid-auto-flow:column;gap:1vw;overflow-x:scroll;color:var(--white);height:77vh;background-color:var(--sand)}.projectPage .chartSection .originCard{padding:1.5%;background-color:var(--primary);display:grid;min-width:45vw;border-radius:.5vw}.projectPage .chartSection .originCard .projectInfoWrapper{display:flex;justify-content:space-between}.projectPage .chartSection .originCard .chartWrapper{width:100%;height:100%;margin:0 auto;margin-top:1vh}.projectPage .chartSection .originCard .chartWrapper .channelBar{height:60vh}.projectPage .chartSection .originCard .chartWrapper .channelBar .legendBox{bottom:-5%;right:2.5%}.collectionPage{width:95%;margin:0 auto}.collectionPage .searchContainer{width:40%;margin:0 auto;margin-bottom:2vh}.collectionPage .searchContainer label{position:relative;width:100%}.collectionPage .searchContainer label .searchIcon{position:absolute;width:1.5vw;height:1.5vw;color:var(--secondary);right:.5vw;bottom:-.3vh}.collectionPage .searchContainer label input{font-size:1.2vmax;border-radius:.5vmax;color:var(--primary);text-align:center;border:.2vw solid var(--secondary);width:100%;height:4vh}.collectionPage .searchContainer label input::placeholder{color:var(--secondary);position:relative;top:.2vmin}.collectionPage .searchContainer label input:focus{outline:none;border:.2vw solid var(--primary)}.collectionPage .searchContainer label input:focus::placeholder{opacity:0}.collectionPage .chartSection{display:flex;grid-auto-flow:column;gap:1vw;overflow-x:scroll;color:var(--white);height:77vh;background-color:var(--sand)}.collectionPage .chartSection .collectionCard{padding:1.5%;background-color:var(--primary);display:grid;min-width:80vw;border-radius:.5vw;grid-template-columns:repeat(2,1fr);height:100%}.collectionPage .chartSection .collectionCard .collectionInfoWrapper{border-right:.1vw solid var(--sand)}.collectionPage .chartSection .collectionCard .collectionInfoWrapper .titleWrapper{margin-bottom:8vh}.collectionPage .chartSection .collectionCard .collectionInfoWrapper .projectBarWrapper>div{margin-bottom:3vh}.collectionPage .chartSection .collectionCard .collectionInfoWrapper .projectBarWrapper>div .barContainer{margin-top:1vh;display:grid;grid-template-columns:1fr 9fr;place-items:center;grid-template-rows:5vh;padding-left:.3vw}.collectionPage .chartSection .collectionCard .chartWrapper{width:100%;height:100%;padding-top:10vh}.collectionPage .chartSection .collectionCard .chartWrapper .channelBar{height:50vh}.collectionPage .chartSection .collectionCard .chartWrapper .channelBar .legendBox{bottom:-20%;right:2.5%}.collectionPage .chartSection .collectionCard .legend{display:flex;gap:15px;margin-top:10px}.collectionPage .chartSection .collectionCard .legend .legend-item{display:flex;align-items:center;gap:5px}.collectionPage .chartSection .collectionCard .legend .legend-color{width:15px;height:15px;border-radius:3px;display:inline-block}.collectionPage .chartSection .collectionCard .legend .legend-color.completed{background-color:#28a745}.collectionPage .chartSection .collectionCard .legend .legend-color.in-progress{background-color:#ffc107}.collectionPage .chartSection .collectionCard .legend .legend-color.not-started{background-color:#dc3545}.progress-bar{display:flex;width:90%;height:3vh;border-radius:.2vw;overflow:hidden;font-size:1vw;font-weight:700;color:#fff;text-align:center;position:relative}.progress-bar .progress-segment{display:flex;align-items:center;justify-content:center;transition:width .3s ease-in-out}.progress-bar .progress-segment h4{position:relative;top:.25vh}.progress-bar .progress-segment.completed{background-color:#28a745;border-radius:0 0 0 .2vw}.progress-bar .progress-segment.in-progress{background-color:#ffc107;color:#000}.progress-bar .progress-segment.not-started{background-color:#dc3545;border-radius:0 0 .2vw}.collectionManagement{width:95%;margin:0 auto;height:var(--adminLayoutHeight);overflow:scroll;position:relative}.collectionManagement>label{position:relative;width:40%;display:flex;align-items:center;margin:0 auto;margin-bottom:2vh}.collectionManagement>label .searchIcon{position:absolute;width:1.3vw;height:1.3vw;color:var(--secondary);top:25%;right:2%}.collectionManagement>label>input{width:100%;font-size:1.2vmax;border-radius:.3vmax;height:4vh;color:var(--primary);text-align:center;border:.2vw solid var(--secondary);margin:0 auto}.collectionManagement>label>input::placeholder{color:var(--secondary);position:relative;top:.2vmin}.collectionManagement>label>input:focus{outline:none;border:.2vw solid var(--primary)}.collectionManagement>label>input:focus::placeholder{opacity:0}.collectionManagement .collectionCardWrapper{background-color:var(--sand);display:flex;flex-direction:column;gap:.1vw;max-height:100%;overflow-y:scroll}.collectionCard{position:relative;background-color:var(--primary);color:var(--white);display:grid;grid-template-columns:repeat(5,1fr);place-items:center;padding:.2% 1%;font-size:1vw;transition:all .3s ease-in-out;height:8vh;border-radius:.2vw}.collectionCard>h3{width:100%;padding-left:5%;padding-top:1%}.collectionCard>p{margin-top:.5vh}.collectionCard>p span{font-size:.7vw;position:relative;top:-1vh}.collectionCard .iconContainer{display:flex;width:40%;align-items:center;justify-content:space-between}.collectionCard .iconContainer a{display:inline-block;padding-top:1vh}.collectionCard .iconContainer a svg{width:1.5vw;height:2vw;transition:all .2s ease-in}.collectionCard .iconContainer a svg:hover{transform:scale(1.1)}.collectionCard .showAssignToAdmin{width:90vw;max-width:1340px;height:40%;margin:auto;padding:5vh;background-color:var(--sand);border:.2vh solid var(--sand);border-radius:1vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background-color:var(--primary);gap:2vw}.collectionCard .showAssignToAdmin .multiselectContainer{width:100%}.collectionCard .showAssignToAdmin .button{position:absolute;bottom:5vh;right:5vh;padding-top:0}.projectSettings section{width:95%;margin:5vh auto;display:grid;grid-template-columns:repeat(2,1fr);gap:4vw}.projectSettings section .addBrand{cursor:pointer;color:var(--primary);font-size:1.2vw;background-color:var(--sand);padding:1.5%;height:fit-content;border-radius:.5vw}.projectSettings section .addBrand summary{padding-top:.8%}.projectSettings section .addBrand form{margin-top:2vh;display:flex;flex-direction:column;width:100%;color:var(--primary);border-radius:.5vw;gap:2vh;justify-content:space-evenly}.projectSettings section .addBrand form label{font-size:1.2vw;display:block}.projectSettings section .addBrand form div{width:100%}.projectSettings section .addBrand form div h3{font-size:1.3vmax;padding-top:2%;cursor:auto}.projectSettings section .addBrand form div input{width:50%;-webkit-appearance:none;background-color:var(--primary);height:1.5vh;border-radius:.3vw;background-position:center}.projectSettings section .addBrand form div input::-webkit-slider-thumb{-webkit-appearance:none;width:1.7vw;height:1.7vw;border-radius:20%;background-image:url(/admin.png);background-size:1.4vw;background-color:var(--lightSecondary);background-repeat:no-repeat;background-position:50%;border:.1vw solid var(--primary);cursor:grab}.projectSettings section .addBrand form div input::-webkit-slider-thumb:active{cursor:grabbing}.projectSettings section .addBrand form div ul{padding:1% 4%;min-height:8vh;cursor:auto}.projectSettings section .addBrand form div ul li{font-size:1.1vw;cursor:auto}.projectSettings section .addBrand form fieldset{border:2px solid var(--secondary);border-radius:.3vmax;padding:1%;position:relative;width:100%}.projectSettings section .addBrand form fieldset legend{padding:0;margin:0;position:absolute;top:0;z-index:0;opacity:0;background-color:var(--sand);transition:all .6s ease;font-size:1.2vw}.projectSettings section .addBrand form fieldset input{font-size:1vmax;width:100%;color:var(--primary);border:none;position:relative;background:transparent;z-index:1;padding-top:.2vw}.projectSettings section .addBrand form fieldset input::placeholder{color:var(--primary);font-size:1vmax;transition:all .1s ease}.projectSettings section .addBrand form fieldset input:focus{outline:none;border-color:var(--primary)}.projectSettings section .addBrand form fieldset input:focus::placeholder{opacity:0}.projectSettings section .addBrand form fieldset input:focus+legend{background-color:var(--sand);z-index:0;opacity:1;transform:translateY(-50%)}.projectSettings section .addBrand form .brandsWrapper{height:20vh;border-radius:.2vw;border:.2vw solid var(--lightSecondary);overflow-y:scroll}.projectSettings section .addBrand form .brandsWrapper .brandCard{display:flex;align-items:center;background-color:var(--primary);color:var(--sand);justify-content:space-between;padding:1%;border-radius:.2vw;margin-bottom:.2vh}.projectSettings section .addBrand form .brandsWrapper .brandCard h3{padding:.5% 0 0;font-size:1vw}.projectSettings section .addBrand form .brandsWrapper .brandCard svg{color:var(--red);width:3%;aspect-ratio:1;height:auto;cursor:pointer}.emailEditor{cursor:pointer;color:var(--primary);font-size:1.5vw;background-color:var(--sand);padding:1%;height:fit-content;border-radius:.5vw;width:95%;margin:0 auto}.emailEditor summary{padding-top:.3%}.emailEditor form{margin-top:2vh;display:flex;flex-direction:column;width:100%;color:var(--primary);border-radius:.5vw;gap:2vh;justify-content:space-evenly}.emailEditor form label{font-size:1.2vw;display:block}.emailEditor form div{width:100%}.emailEditor form div h3{font-size:1.3vmax;padding-top:2%;cursor:auto}.emailEditor form div input{width:50%;-webkit-appearance:none;background-color:var(--primary);height:1.5vh;border-radius:.3vw;background-position:center}.emailEditor form div input::-webkit-slider-thumb{-webkit-appearance:none;width:1.7vw;height:1.7vw;border-radius:20%;background-image:url(/admin.png);background-size:1.4vw;background-color:var(--lightSecondary);background-repeat:no-repeat;background-position:50%;border:.1vw solid var(--primary);cursor:grab}.emailEditor form div input::-webkit-slider-thumb:active{cursor:grabbing}.emailEditor form div ul{padding:1% 4%;min-height:8vh;cursor:auto}.emailEditor form div ul li{font-size:1.1vw;cursor:auto}.emailEditor form fieldset{border:2px solid var(--secondary);border-radius:.3vmax;padding:1%;position:relative;width:100%}.emailEditor form fieldset legend{padding:0;margin:0;position:absolute;top:0;z-index:0;opacity:0;background-color:var(--sand);transition:all .6s ease;font-size:1.2vw}.emailEditor form fieldset input{font-size:1vmax;width:100%;color:var(--primary);border:none;position:relative;background:transparent;z-index:1;padding-top:.2vw}.emailEditor form fieldset input::placeholder{color:var(--primary);font-size:1vmax;transition:all .1s ease}.emailEditor form fieldset input:focus{outline:none;border-color:var(--primary)}.emailEditor form fieldset input:focus::placeholder{opacity:0}.emailEditor form fieldset input:focus+legend{background-color:var(--sand);z-index:0;opacity:1;transform:translateY(-50%)}.emailEditor form button{font-size:1vw;width:100%;height:5vh;padding-inline:2.5%;padding-top:1%;background-color:var(--primary);color:var(--white);border:2px solid var(--secondary);border-radius:.4vw;transition:all .2s linear;cursor:pointer}.emailEditor form button:hover{font-size:1.1vw}