*{box-sizing:border-box;font-family:RobotoSlabRegular;margin:0;padding:0}html{font-size:14px}:root{--dark_orange:#e25e3e;--orange:#e5741e;--orange_hover:#ab4a00;--light_orange:#ffe0b8;--light_orange_hover:#ffb24d;--yellowish:#fff9ec;--sidebar:#e5741e;--sidebar_d:#e5741e;--mainbg:#ffcba2}@font-face{font-family:CormorantGaramondRegular;font-weight:400;src:local("CormorantGaramondRegular"),url(/static/media/CormorantGaramond-Regular.2772c7d47ff3e2b493a3.ttf) format("truetype")}@font-face{font-family:CormorantGaramondBold;font-weight:700;src:local("CormorantGaramondBold"),url(/static/media/CormorantGaramond-Bold.baa49dd6bbfc40f18cc9.ttf) format("truetype")}@font-face{font-family:RobotoSlabRegular;font-weight:400;src:local("RobotoSlabRegular"),url(/static/media/RobotoSlab-Regular.7ff9da9c484d15185b5b.ttf) format("truetype")}@font-face{font-family:RobotoSlabBold;font-weight:700;src:local("RobotoSlabBold"),url(/static/media/RobotoSlab-Bold.aea772dee2141c9b0792.ttf) format("truetype")}@font-face{font-family:ProzaLibreRegular;font-weight:regular;src:local("ProzaLibreRegular"),url(/static/media/ProzaLibre-Regular.7c0b88cad7025ad1b758.ttf) format("truetype")}.root-div{background-color:#fffadb;display:flex;height:100%;left:0;position:fixed;top:0;width:100%}.root-div-subcontainer{align-items:center;display:flex;height:100%;margin:auto;padding:20px;width:1500px}.outlet{background-color:#ffe0b8;background-color:var(--light_orange);border-radius:0 10px 10px 0;height:100%;max-width:1480px;position:relative;width:100%}#root{height:100vh}.App{background-color:#ffcba2;background-color:var(--mainbg);border-radius:0 0 10px 10px;display:flex;height:100%;margin:0 auto;min-height:100%;position:relative;width:100%}main{flex-direction:row;width:100%}.sectionContainer,main{display:flex;flex-grow:1;gap:20px;height:100%;padding:20px}.sectionContainer{background-color:#fff;border-radius:10px;box-shadow:0 5px 5px 0 rgba(0,0,0,.25);flex-direction:column;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sectionHeaderContainer{display:flex;flex-direction:row;gap:10px;justify-content:space-between;width:100%}.sectionTitleContainer{display:flex;gap:10px}.sectionTitle{font-size:1.2rem}.sectionTitlePoint{background-color:#e5741e;background-color:var(--orange);border:1px solid #e5741e;border:1px solid var(--orange);border-radius:5px;height:25px;width:10px}.sectionTitlePointAnimatedOutside{border-radius:5px;box-shadow:inset 0 2.5px 2.5px 0 #9a9a9a;height:25px;overflow:hidden;position:relative;width:10px}.sectionTitlePointAnimatedInside{-webkit-animation:sectionTitlePointAnimatedInside 2s linear infinite;animation:sectionTitlePointAnimatedInside 2s linear infinite;background-color:#c8cbfa;background-color:#e5741e;background-color:var(--orange);bottom:0;height:0;left:0;position:absolute;-webkit-transform-origin:bottom;transform-origin:bottom;width:100%}@-webkit-keyframes sectionTitlePointAnimatedInside{0%{height:0}45%{box-shadow:inset 0 2.5px 2.5px 0 #9a9a9a}50%{height:100%}65%{box-shadow:inset 0 2.5px 2.5px 0 #9a9a9a}to{height:0}}@keyframes sectionTitlePointAnimatedInside{0%{height:0}45%{box-shadow:inset 0 2.5px 2.5px 0 #9a9a9a}50%{height:100%}65%{box-shadow:inset 0 2.5px 2.5px 0 #9a9a9a}to{height:0}}.mainbg{background-color:#ffcba2;background-color:var(--mainbg);border-radius:0 10px 10px 0}.middle_cell{width:100%}.sectionControlsContainer{display:flex;flex-direction:row;gap:10px}.sectionControlContainer{display:flex;gap:10px;margin-left:auto}.sectionControlButton{background-color:#c8cbfa;padding:1px}.sectionControlButton,.sectionControlButtonShade{background-color:#e5741e;background-color:var(--orange);border:none;border-radius:5px;box-shadow:0 2.5px 2.5px 0 #aeaeae;cursor:pointer;height:25px;width:25px}.sectionControlButton:hover{background-color:#b4b4fa;background-color:#ab4a00;background-color:var(--orange_hover);transition:all .4s ease-in-out}.sectionControlImage{border-radius:5px;display:flex;height:100%;justify-content:center;width:100%}.sectionSearchContainer{border-radius:5px;box-shadow:0 2.5px 2.5px 0 #aeaeae;display:flex}.sectionSearchInput{background-color:#e5741e;background-color:var(--orange);border:none;border-radius:5px 0 0 5px;color:#fff;font-size:1.1rem;height:25px;outline:none;padding:0 10px;width:170px}.sectionSearchInput::-webkit-input-placeholder{color:#fff}.sectionSearchInput::placeholder{color:#fff}.sectionSearchInput:hover{transition:all .4s ease-in-out}.sectionSearchButton{background-color:#e5741e;background-color:var(--orange);border:none;border-radius:0 5px 5px 0;cursor:pointer;height:25px;padding:1px;width:25px}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background-color:initial;cursor:pointer}.faded{opacity:.38}.popupContainer{-webkit-animation:popupContainer .5s linear;animation:popupContainer .5s linear;height:100%;left:-70px;position:absolute;width:calc(100% + 70px);z-index:1}@-webkit-keyframes popupContainer{0%{opacity:.33;-webkit-transform:scale(.93);transform:scale(.93)}50%{opacity:.66;-webkit-transform:scale(.96);transform:scale(.96)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes popupContainer{0%{opacity:.33;-webkit-transform:scale(.93);transform:scale(.93)}50%{opacity:.66;-webkit-transform:scale(.96);transform:scale(.96)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.popupContainerClose{align-items:center;background-color:#fff;border:none;border-radius:50%;box-shadow:0 1.5px 1.5px #aaa;cursor:pointer;display:flex;height:25px;justify-content:center;padding:5px;position:inherit;right:10px;top:10px;width:25px;z-index:2}.popupContainerClose:hover{background-color:#e6e6e6}.popupContainerClose img{height:100%;width:100%}.wordedButton{background-color:#e5741e;background-color:var(--orange);border:none;border-radius:5px;box-shadow:0 2.5px 2.5px 0 #aeaeae;color:#fff;cursor:pointer;padding:5px}.wordedButton:hover{background-color:#ab4a00;background-color:var(--orange_hover)}.notificationMessageInControls{padding:1px 5px}.notificationMessageInControls,.notificationMessageInControls2{align-items:center;background-color:#dec521;border-radius:5px;display:flex;justify-content:center}.notificationMessageInControls2{padding:0 5px}.nowrap{white-space:nowrap}.arrow{height:10px;width:10px}.bigclosebox{display:flex;width:600px}.bigclosebox article{display:flex;justify-content:space-between}.bigclosebox h1{font-size:22px;margin:10px 0}.bigclosebox article button{background-color:initial;border:none;cursor:pointer;margin-top:-20px}.bigclosebox p{border-bottom:1px solid gray;padding-bottom:20px}.bigclosebox>div{align-self:flex-end;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.homepagina .header{display:flex;flex-direction:column;gap:10px}.homepagina h1{color:var(--orange);font-size:32px}.homepagina h2{margin:20px 0}.homepagina ul{margin-left:10px;margin-top:20px}.container_for_authContainer{background-color:#fff;display:flex;height:100%;left:0;position:fixed;top:0;width:100%}.authContainer{background-color:#fcf7e7;border-radius:10px;box-shadow:0 5px 5px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;margin:auto;padding:55px 30px 50px;position:relative;width:300px}.organizationNamePrefix{color:rgba(69,69,69,.8);font-family:CormorantGaramondRegular;font-size:30px}.organizationName{color:rgba(219,110,0,.8);font-family:ProzaLibreRegular;font-size:26px;letter-spacing:1px;text-shadow:1px 1px 3px #a98d00}.authErrorMessageContainer{display:flex;flex-direction:column;height:60px;margin-bottom:5px}.authErrorMessage{background-color:#efeeee;border:1px solid #eb3223;border-radius:5px;color:#eb3223;font-size:1rem;margin:auto 0;padding:5px;text-align:center}.authInputsContainer{display:flex;flex-direction:column;gap:15px}.headwords{margin-left:90px;z-index:1}.logo_container{display:flex;margin-left:-30px;padding:10px;position:relative;width:calc(100% + 60px)}.login_logo{height:100%;width:100%}.authInputsContainer input{padding:5px;text-align:center}.authButton{background-color:var(--orange);border:0 solid transparent;border-radius:5px;box-shadow:0 2.5px 5px #aaa;color:#fff;cursor:pointer;font-size:1rem;padding:8px 0}.authButton:hover{background-color:var(--orange_hover);transition:all .4s ease-in-out}.authPersistContainer{display:flex;gap:5px;margin:10px 0}.authPersistContainer label{font-size:1rem}.authForgotPassword{border:.5px solid var(--orange);border-radius:5px;color:var(--orange);font-size:1rem;margin-top:20px;padding:7.5px 10px;text-align:center;text-decoration:none}.forgetPasswordContainer{background-color:#fafafa;border-radius:10px;box-shadow:0 4px 4px #aaa;display:flex;flex-direction:column;gap:15px;margin:auto;padding:40px;width:360px}.authText{font-size:1rem;font-weight:700;text-align:center}.subsectionContainer{display:flex;gap:20px;width:100%}.stripContainer{max-width:180px;min-width:180px}.categoriesContainer{display:flex;flex-direction:column;gap:5px}.categoryButton{border-radius:10px;cursor:pointer;font-family:ProzaLibreRegular;font-size:14px;padding:10px;width:100%}.categoryButton:hover{background-color:var(--light_orange);transition:all .4s ease-in-out}.activeCategory{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:underline;animation-name:underline;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:var(--orange);color:#fff}.activeCategory:hover{background-color:var(--orange_hover);transition:all .4s ease-in-out}@-webkit-keyframes underline{0%{width:0}to{width:100%}}@keyframes underline{0%{width:0}to{width:100%}}.cardsContainer{display:flex;flex-wrap:wrap;gap:20px;height:100%;overflow-y:auto}.cardContainer{align-items:center;border:1px solid #f1f1f1;border-radius:10px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;gap:15px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:5px;width:250px}.fancyCardContainer{-webkit-animation:fancyCardContainer .5s ease-in-out both;animation:fancyCardContainer .5s ease-in-out both}@-webkit-keyframes fancyCardContainer{0%{background-color:#c8cbfa;opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}70%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes fancyCardContainer{0%{background-color:#c8cbfa;opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}70%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.cardDeleteButtonContainer{display:flex;padding:2.5px;width:100%}.cardDeleteButton{align-items:center;background-color:none;background-color:inherit;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;margin-left:auto}.cardDeleteImage{height:20px;opacity:.1;width:20px}.cardDeleteImage:hover{opacity:.5}.cardDeleteImageDisabled,.cardDeleteImageDisabled:hover{opacity:.1}.cardDeleteConfirmationBox{background-color:#ddd;border-radius:10px 10px 0 0;display:flex;flex-direction:column;gap:10px;padding:20px}.deleteConfirmationMessage{color:#000;font-family:ProzaLibreRegular}.cardDeleteConfirmationBox button{background-color:#c8cbfa;border:none;border-radius:10px;box-shadow:0 2px 2px 0 rgba(0,0,0,.25);cursor:pointer;letter-spacing:1px;padding:5px 25px}.cardProfileImageContainer{border-radius:50%;height:150px;position:relative;width:150px}.imageShadow{border-radius:20px;border-radius:50%;box-shadow:inset 0 5px 5px 0 #8b8b8b;height:100%;left:0;position:absolute;top:0;width:100%}.cardProfileImageContainer img{background-color:#ddd;border-radius:50%;box-shadow:inset 0 5px 5px 0 #505050;height:150px;object-fit:cover;width:150px}.cardProfileImageInput{display:none}.cardProfileImageLabel{border-radius:50%;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.cardMessageContainer{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.cardErrorMessage{background-color:red;color:#fae0c8}.cardConfirmMessage,.cardErrorMessage{padding:10px;text-align:center;width:100%}.cardConfirmMessage{background-color:#ddd}.cardInputContainer{align-items:center;display:flex;flex-direction:column;gap:5px;padding:0 20px;width:100%}.cardInputContainer input{border:1px solid #ecebeb;border-radius:2.5px;padding:2.5px;text-align:center;width:100%}.cardCheckboxContainer div{display:flex;gap:10px}.cardStatusContainer select{background-color:#ecebeb;border:none;border-radius:5px;padding:2.5px 3.5px}.cardStatusContainer select,.cardUpdateButtonContainer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.cardUpdateButtonContainer{align-items:center;border-radius:0 0 10px 10px;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:20px 0;width:100%}.cardUpdateButtonContainer button{background-color:#c8cbfa;background-color:var(--orange);border:none;border-radius:5px;box-shadow:0 5px 5px 0 rgba(0,0,0,.25);color:#fff;cursor:pointer;font-family:ProzaLibreRegular;letter-spacing:1px;padding:5px 25px;width:80%}.cardContainer button:hover:disabled{cursor:auto}.cardDeleteConfirmationBox button:hover,.cardUpdateButtonContainer button:hover{background-color:var(--orange_hover);transition:all .4s ease-in-out}header{align-items:center;display:flex;gap:10px;justify-content:flex-end;width:100%}.headerButton{background-color:#c8cbfa;border:none;border-radius:50px;box-shadow:0 5px 5px 0 rgba(0,0,0,.25);cursor:pointer;height:30px;width:30px}.headerImage{border-radius:50%;height:100%;object-fit:cover;width:100%}.studentsListFiltersContainer{display:flex;flex-direction:row;gap:20px;height:calc(100% - 40px);width:100%}.studentsFilterContainer{border-radius:5px;box-shadow:0 2.5px 2.5px 0 #aeaeae;display:flex;flex-direction:column;height:100%;height:calc(100wh - 125px);min-width:300px;overflow-y:auto;padding:5px;width:300px}.filterCollapseHeader{align-items:center;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:5px 10px;width:100%}.studentsFilterBox{display:flex;flex-direction:column;gap:5px;margin:5px 0}.filterSectionTitle{font-size:1.1rem}.filterCategories{display:flex;flex-direction:column;font-size:1rem;gap:10px;padding:0 10px}.filterCategoryBox{align-items:center;display:flex;gap:5px}.downloadAllStudentsPopupContainer{align-items:center;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);background:linear-gradient(0deg,var(--yellowish) 100%,var(--orange) 10%);border-radius:10px;bottom:10px;display:flex;justify-content:center;left:-60px;position:absolute;right:10px;top:10px;z-index:21}.downloadAllStudentsPopup{background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.5);min-height:180px;padding:20px;width:250px}.downloadAllStudentsPopup,nav{display:flex;flex-direction:column;gap:20px}nav{align-items:center;background:#fff;background:linear-gradient(0deg,var(--sidebar),var(--sidebar_d) 100%);border-radius:10px 0 0 10px;height:100%;min-width:70px}.logoContainer{margin:20px 0}.navigationButton{align-items:center;background-color:var(--light_orange);border-radius:5px;box-shadow:0 5px 10px 0 #ae6307;display:flex;height:40px;justify-content:center;width:40px}.navigationButton:hover{background-color:var(--light_orange_hover);transition:all .4s ease-in-out}.chosenNavigationButton{align-items:center;background-color:#ebebeb;border-radius:5px;box-shadow:inset 0 5px 5px 0 #aeaeae;display:flex;height:40px;width:40px}.chosenNavigationButton:hover,.chosenRoundNavButton:hover{background-color:#e3e3e3}.navigationImage{border-radius:5px;height:40px;object-fit:cover;width:40px}.selectedLine{background-color:#ebebeb;border-radius:0 2px 2px 0;box-shadow:inset 0 2.5px 2.5px 0 #9a9a9a;height:50px;margin-left:-15px;margin-top:-5px;position:absolute;transition:background-color .25s ease-out;width:5px}.navbarRoundButtonsContainer{display:inherit;flex-direction:inherit;gap:15px;margin:auto 0 20px}.roundNavButton{background-color:#c8cbfa;background-color:var(--light_orange);border:none;box-shadow:0 5px 5px 0 #292929;cursor:pointer}.chosenRoundNavButton,.roundNavButton{border-radius:50%;height:40px;width:40px}.chosenRoundNavButton{background-color:#ebebeb;box-shadow:inset 0 5px 5px 0 #aeaeae}.roundNavButton:hover{background-color:#b4b4fa;background-color:var(--light_orange_hover);transition:all .4s ease-in-out}.studentModule{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"profile classrooms notes notes" "profile classrooms notes notes" "profile classrooms notes notes" "profile classrooms statuses attachments" "profile classrooms statuses attachments";grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);height:100%;padding:15px}.profile{grid-area:profile}.classrooms{grid-area:classrooms;min-height:0;min-width:0}.attachments{grid-area:attachments}.attachments,.statuses{min-height:0;min-width:0}.statuses{grid-area:statuses}.notes{grid-area:notes}.studentScrollableBox{display:flex;flex-direction:column;gap:20px;overflow-y:auto;position:relative}.studentScrollableBox input,.studentScrollableBox select{border:.1px solid #c7c7c7;border-radius:5px;padding:2.5px 5px}.studentScrollableBox label{color:#646464}.studentProfileImageContainer{align-items:center;display:flex;justify-content:center;position:relative}.profileImageRibbon{position:absolute;width:70px;z-index:0}.leftRibbon{left:15px}.rightRibbon{right:15px}.studentProfileImageBox{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:160px;justify-content:center;position:relative;width:160px;z-index:3}.studentProfileImageBox img{border-radius:50%;box-shadow:inset 0 5px 5px 0 #acacac;height:inherit;object-fit:cover;width:inherit}.studentProfileImageInput{display:none}.studentProfileImageLabel{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:inherit;justify-content:center;left:0;position:absolute;top:0;width:inherit;z-index:2}.studentDetailsBox{display:flex;flex-direction:column;gap:5px}.studentActiveCardContainer{border:.1px solid #c8c8c8;border-left:8px solid var(--mainbg);border-radius:10px;transition:all .8s}.studentInactiveCardContainer{border-radius:10px;box-shadow:inset 0 0 5px 0 #aaa;transition:all .8s}.studentCardDeleteConfirmationActiveBox{border-radius:0 10px 0 0}.studentCardDeleteConfirmationActiveBox,.studentCardDeleteConfirmationInactiveBox{background:#e9e9e9;border-bottom:.1px solid #c8c8c8;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:20px}.studentCardDeleteConfirmationInactiveBox{border-radius:10px 10px 0 0}.confirmationButtonsContainer{display:flex;flex-wrap:wrap;gap:10px}.confirmationButtonsContainer button{align-items:center;background-color:var(--orange);border:none;border-radius:10px;box-shadow:0 2.5px 2.5px 0 #aeaeae;color:#fff;cursor:pointer;display:flex;gap:5px;letter-spacing:1px;max-width:100px;min-width:100px;padding:5px 25px}.studentCardConfirmationButtonImage{height:14px;width:15px}.confirmationButtonsContainer button:hover{background-color:var(--orange_hover);transition:all .4s ease-in-out}.studentCardBox{display:flex;flex-direction:column;gap:20px;justify-content:space-between;padding:0 20px 20px}.studentCardBoxDeleteButtonContainer{display:flex;padding:2.5px;width:100%}.studentCardBoxDeleteButton{align-items:center;background-color:none;background-color:inherit;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;margin-left:auto}.studentCardBoxDeleteImage{height:20px;opacity:.08;width:20px}.studentCardBoxDeleteImage:hover{opacity:.5}.studentInactiveCardContainer input,.studentInactiveCardContainer label,.studentInactiveCardContainer select{opacity:.3;transition:color .8s}.studentInactiveCardContainer input[type=date]::-webkit-calendar-picker-indicator{opacity:.3}.studentCardSubSection{align-items:center;display:flex;gap:10px;justify-content:space-between}.studentCardSubSection input,.studentCardSubSection select{width:120px}.studentCardExtraSection{align-items:center;border-radius:0 0 5px 5px;border-top:1px solid #e7e7e7;display:flex;justify-content:center;padding:10px 0}.studentInactiveCardContainer .classroomStatus:hover{border:.5px solid #c8cbfa;color:#000;color:initial}.noteContainer{display:flex;flex-direction:column;gap:10px}.noteInputBox{display:inherit;flex-direction:inherit;gap:10px;width:100%}.noteHeaderCategoriesContainer{align-items:flex-end;display:flex;justify-content:space-between}.noteCategoriesContainer{align-self:flex-end;display:flex;gap:10px}.noteTextarea{border:.1px solid #646464;border-radius:10px;font-size:1rem;height:150px;padding:10px;resize:none;width:100%}.noteInfoControlsContainer{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.noteInfoControlsContainer div:nth-child(2){justify-content:flex-end}.noteCategoryButton{background-color:#fff;border:none;border-radius:10px;box-shadow:0 2.5px 2.5px 0 #aeaeae;cursor:pointer;outline:none;padding:10px 20px;text-transform:capitalize}.chosenNoteCategory{background-color:#fff;box-shadow:none;box-shadow:inset 0 5px 5px 0 #aeaeae}.noteButtons{display:flex}.noteIconContainer{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;height:20px;justify-content:center;outline:none;width:20px}.noteIcon{height:100%;width:100%}.filterCategoriesContainer{display:flex;gap:20px}.maskedAttachmentInput{border:none;height:25px;opacity:0;outline:none;position:absolute;width:25px;z-index:-1}.studentAttachmentsContainer{display:flex;flex-wrap:wrap;gap:20px}.studentAttachmentContainer{border:1px solid #c8c8c8;border-radius:0 10px 10px 0;display:flex;gap:5px;justify-content:space-between}.studentAttachmentInfoBox{display:flex;flex-direction:column;gap:10px;padding:10px 0 10px 10px}.studentAttachmentButtonsContainer{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.attachmentDownloadBox{background-color:var(--orange);border:none;border-radius:0 0 5px 0;cursor:pointer;display:flex;height:25px;width:25px}.attachmentDownloadBox img{height:25px;width:25px}.studentAttachmentDeleteConfirmationBox{background:#e9e9e9;border-radius:0 10px 10px 0;display:flex;flex-direction:column;gap:10px;padding:20px}.closeModalContainer{align-items:center;background-color:rgba(170,133,68,.9);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20}.closeConfirmationBox{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:20px;padding:20px}.closeConfirmationBox p{font-size:1.2rem}.confirmationButtonsContainer .annuleren_btn{padding:5px 15px}.confirmationButtonsContainer .annuleren_btn,.confirmationButtonsContainer .opslaan_btn{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.printContainer{display:none}@media print{.popupContainer,nav{display:none}@font-face{font-family:CormorantGaramondRegular;font-weight:400;src:local("CormorantGaramondRegular"),url(/static/media/CormorantGaramond-Regular.2772c7d47ff3e2b493a3.ttf) format("truetype")}@font-face{font-family:CormorantGaramondBold;font-weight:700;src:local("CormorantGaramondBold"),url(/static/media/CormorantGaramond-Bold.baa49dd6bbfc40f18cc9.ttf) format("truetype")}@font-face{font-family:RobotoSlabRegular;font-weight:400;src:local("RobotoSlabRegular"),url(/static/media/RobotoSlab-Regular.7ff9da9c484d15185b5b.ttf) format("truetype")}@font-face{font-family:RobotoSlabBold;font-weight:700;src:local("RobotoSlabBold"),url(/static/media/RobotoSlab-Bold.aea772dee2141c9b0792.ttf) format("truetype")}@font-face{font-family:ProzaLibreRegular;font-weight:regular;src:local("ProzaLibreRegular"),url(/static/media/ProzaLibre-Regular.7c0b88cad7025ad1b758.ttf) format("truetype")}*{font-family:RobotoSlabRegular}.printContainer{gap:40px;padding:10px;width:100%}.printContainer,.printSection{display:flex;flex-direction:column;height:100%}.printSection{background-color:#fff;border-radius:10px;box-shadow:0 0 10px 5px rgba(0,0,0,.25);gap:20px;padding:20px;page-break-after:always}.printSectionHeaderContainer{display:flex;flex-direction:row;gap:10px;justify-content:space-between;width:100%}.printSectionTitleContainer{display:flex;gap:10px}.printSectionTitle{font-size:1.4rem}.printSectionTitlePoint{background-color:#c8cbfa;border-radius:5px;box-shadow:inset 0 2.5px 2.5px 0 #9a9a9a;height:25px;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:10px}.printMainInfoContainer{display:flex;gap:40px}.printableProfileImage{background-color:#c8cbfa;border-radius:50%;box-shadow:0 0 2.5px 0 #9a9a9a;height:250px;object-fit:cover;object-position:center;padding:8px;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:250px}.printMainInfo{gap:20px}.printMainInfo,.printMainInfo div{display:flex;flex-direction:column}.printMainInfo div{gap:5px}.printStudentClassrooms{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.printStudentClassroomCard{border:2px solid #a5a5a5;border-left:8px solid #c8cbfa;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:10px;page-break-inside:avoid;width:200px}.printStudentClassroomCard div{display:flex;flex-direction:column;gap:5px}.printMainInfo,.printStudentClassroomCard,.printStudentNoteCard{font-size:1.2rem}.printMainInfo i,.printStudentClassroomCard i,.printStudentNoteCard i{font-family:CormorantGaramondRegular}.printStudentNotes{gap:20px}.printStudentNoteCard,.printStudentNotes{display:flex;flex-direction:column;width:100%}.printStudentNoteCard{border:2px solid #a5a5a5;border-left:8px solid #c8cbfa;border-radius:10px;gap:10px;padding:10px;page-break-inside:avoid}.printStudentCardHeaderContainer{display:flex;justify-content:space-between}.printStudentNoteCard i{align-self:flex-end}}.listContainers-container{max-height:calc(100% - 100px)}.listContainer{display:flex;flex-direction:column;flex-grow:1;height:100%;overflow:auto;width:100%}.container-for-listContainer{height:100%}.listContainer-for-new{max-height:calc(100% - 10px);overflow:scroll;padding-bottom:20px}.listContainer-for-schedulesTable{height:calc(100% - 600px);overflow:scroll}.listPaginationContainer{display:flex;flex-direction:column;gap:20px;height:100%;width:100%}.listPaginationContainer-attendance{height:calc(100% - 35px)}.list{border-collapse:collapse;height:calc(100% - 300px);width:100%}.listContainer .specificStudentsList{height:auto}.list thead{color:#fff;font-size:1.1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:11}.list th{background-color:var(--orange);padding:10px}.list td{padding:0}.px-for-td{padding:10px!important}.nee-button{background-color:#caca01!important}.nee-button:hover{background-color:#969600!important}.list tr{background-color:#fff;cursor:pointer}.list tbody tr:nth-child(2n){background-color:var(--yellowish)}.list tbody tr td.inactiveStudent{color:red}.list tbody tr:nth-child(2n):hover,.list tbody tr:nth-child(odd):hover{background-color:var(--light_orange);transition:.15s linear}.list a{color:#000;text-decoration:none}.deleteRowConfirmationBox{border:2px solid var(--orange_hover);border-radius:7px;display:flex;flex-direction:column;gap:10px;min-width:250px;padding:15px}.deleteRowConfirmationBox .listControls{align-items:center;display:flex;justify-content:space-between;padding:10px}.listControls>*{margin:auto}.listPagination{align-self:center;display:flex;flex-grow:3;flex-wrap:nowrap;gap:5px}.listPagination>div{margin:auto}.paginationButton{border:none;border-radius:5px;outline:none;padding:5px 10px}.paginationButton:hover{background-color:#b4b4fa;background-color:var(--orange);transition:all .4s ease-in-out}.selectedPaginationButton{background-color:var(--light_orange)}.checkboxoflist input{vertical-align:middle}.checkboxoflist label{font-size:13px}.cell.trashcan_container{display:flex;justify-content:flex-end;margin-right:0}.attendanceReportContainer{display:flex;flex-direction:row;gap:20px;height:100%;padding:15px}.stripContainer{flex-grow:0;width:260px}.insertDetailsBox{display:flex;flex-direction:column;gap:20px}.insertDetailsBox input,.insertDetailsBox select{border:.1px solid #c7c7c7;border-radius:5px;padding:2.5px 5px}.insertDetailsBox label{color:#646464}.centeredTableHeader{font-size:24px;font-weight:700;text-align:center}.attendanceForOrganizationSectionContainer{flex-grow:1;width:80%}.stickyColumn{background-color:inherit;left:0;min-width:150px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.stickyColumn:before{background-color:hsla(0,0%,92%,.5);bottom:0;content:"";position:absolute;right:3px;top:0;width:3px}tbody .stickyColumn{z-index:9}.scheduleModule{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"scheduleTableContainer scheduleTableContainer scheduleTableContainer scheduleTableContainer scheduleDetailsSelection";grid-template-columns:repeat(5,1fr);grid-template-rows:auto;height:100%;padding:15px}.scheduleTableContainer{grid-area:scheduleTableContainer;min-height:0;min-width:0}.scheduleDetailsSelection{display:flex;flex-direction:column;gap:20px;grid-area:scheduleDetailsSelection;height:calc(100vh - 70px);position:relative}.scheduleCalendarContainer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.scheduleCalendarContainer div{color:#da7400;margin:0 auto}.scheduleScrollableBox{display:flex;flex-direction:column;gap:5px;height:100%;overflow-y:auto}.scheduleScrollableBox:before{border-radius:10px 0 0 0;top:353px}.scheduleScrollableBox:after,.scheduleScrollableBox:before{background:#fff;content:"";height:20px;left:0;position:absolute;width:100%;width:280px}.scheduleScrollableBox:after{border-radius:0 0 0 10px;bottom:0}.rmdp-shadow{box-shadow:none!important}.rmdp-today span{background-color:initial!important;color:#000!important}.rmdp-selected span{background-color:var(--orange)!important}.rmdp-day.rmdp-selected span:not(.highlight){box-shadow:none!important}.scheduleContainer{display:flex;flex-direction:column;gap:20px;height:100%;padding:15px}.cyclinginputButtonContainer{max-width:110px;position:relative}.listContainer .cyclinginputButtonContainer input{background-color:initial;border:none;padding:10px 10px 10px 17px}.listContainer .protection_wrap .cyclinginputButtonContainer input{background-color:initial;border:none;padding:0}.listContainer .cyclinginputButton{background:transparent;border:none;height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%}.listContainer .cyclinginputButton:after,.listContainer .cyclinginputButton:before{background-repeat:no-repeat;content:"";height:100%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:1000}.listContainer .cyclinginputButton.animate:before{-webkit-animation:greentopBubbles .6s ease-in-out forwards;animation:greentopBubbles .6s ease-in-out forwards;background-image:radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,transparent 20%,#7d2ae8 20%,transparent 30%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,transparent 10%,#7d2ae8 15%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,var(--dark_orange) 20%,transparent 20%),radial-gradient(circle,var(--orange) 20%,transparent 20%),radial-gradient(circle,var(--light_orange) 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%,15% 15%,20% 20%,18% 18%;top:-70%}@-webkit-keyframes greentopBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%,10% 90%,30% 90%,50% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%,10% 80%,30% 60%,50% 40%}to{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%,10% 70%,30% 50%,50% 30%;background-size:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}}@keyframes greentopBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%,10% 90%,30% 90%,50% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%,10% 80%,30% 60%,50% 40%}to{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%,10% 70%,30% 50%,50% 30%;background-size:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}}.cyclinginputButton.animate:after{-webkit-animation:greenbottomBubbles .6s ease-in-out forwards;animation:greenbottomBubbles .6s ease-in-out forwards;background-image:radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,transparent 10%,#7d2ae8 15%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,var(--dark_orange) 20%,transparent 20%),radial-gradient(circle,var(--orange) 20%,transparent 20%),radial-gradient(circle,var(--light_orange) 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,20% 20%,18% 18%,15% 15%,20% 20%,18% 18%;bottom:-70%}@-webkit-keyframes greenbottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0,20% -10%,40% 10%,60% -10%}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0,20% 80%,40% 60%,60% 40%}to{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%,20% 90%,40% 70%,60% 50%;background-size:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}}@keyframes greenbottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0,20% -10%,40% 10%,60% -10%}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0,20% 80%,40% 60%,60% 40%}to{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%,20% 90%,40% 70%,60% 50%;background-size:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}}.green{background-color:#90ee90}.evaluationList .green:hover{background-color:#6ed290}.yellow{background-color:#ff0}.evaluationList .yellow:hover{background-color:#fff000}.orange{background-color:orange}.evaluationList .orange:hover{background-color:#dc8c00}.red{background-color:red}.evaluationList .red:hover{background-color:#dc0000}.evaluationList{border-collapse:collapse;width:100%}.evaluationList thead{font-size:1.1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0}.evaluationList th{background-color:var(--orange);color:#fff;padding:10px}.evaluationList tr{cursor:pointer}.evaluationList td{color:#000;padding:10px}.evaluationInfo{border:.5px solid transparent;border-radius:10px;padding:10px;width:180px}@media print{.sectionControlsContainer,.stripContainer,nav{display:none}}.infoOnLoading{padding:0 20px}
/*# sourceMappingURL=main.0d1e7522.css.map*/