@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.header{grid-column:2 / 3;grid-row:1 / 2;height:50px;padding-inline:.5rem;display:flex;align-items:center;justify-content:space-between}.header .sidebar-toggle-btn{background-color:transparent;cursor:pointer}.header .sidebar-toggle-btn>svg{fill:var(--primary-text-clr)}.header .sidebar-toggle-btn:hover>svg{fill:var(--primary-text-hover-clr)}.header .user-container{position:relative;display:flex;justify-content:center;align-items:center}.header .user-info-container{background-color:transparent;padding-block:.25rem;padding-inline:.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;column-gap:.5rem;border-radius:var(--primary-border-radius);cursor:pointer;transition:background-color .1s ease-in-out}.header .user-info-container .user-info{display:flex;flex-direction:column;align-items:flex-end}.header .user-info-container .user-info .user-full-name{font-size:13px;font-weight:600}.header .user-info-container .user-info .username{color:var(--secondary-text-clr);font-size:13px}.header .user-info-container .profile-picture-container{display:flex;justify-content:center;align-items:center}.header .user-info-container .profile-picture-container .profile-picture{height:35px;width:35px;border-radius:1rem}.header .user-info-container .profile-picture-container .default-profile-picture{background-color:var(--secondary-clr);height:35px;width:35px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:1rem;font-size:14px;font-weight:600}.header .user-info-container:hover{background-color:var(--primary-hover-clr)}.header .user-context-menu{position:absolute;right:0;z-index:1000;background-color:var(--primary-container-clr);width:160px;margin-top:6.5rem;padding:.25rem;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);opacity:0;transition:.1s ease-in-out;pointer-events:none}.header .user-context-menu .options{background-color:transparent;width:100%;padding-block:.45rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-radius:var(--primary-border-radius);cursor:pointer;transition:.1s ease-in-out}.header .user-context-menu .options>div{width:100%;display:flex;align-items:center;font-size:14px;color:var(--primary-text-clr)}.header .user-context-menu .options>div>svg{fill:var(--secondary-text-clr);height:20px;width:20px;margin-left:.5rem;margin-right:1rem}.header .user-context-menu .options:hover{background-color:var(--primary-hover-clr)}.header .user-context-menu>form{width:100%}.header .user-context-menu.open{margin-top:8rem;opacity:1;pointer-events:auto}.header .header-focus{display:none;position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:999}.header .header-focus.focus{display:block}.sidebar{background-color:var(--sidebar-clr);grid-column:1 / 2;grid-row:span 2;width:230px;position:sticky;text-wrap:nowrap;overflow:hidden;transition:width .3s ease-in-out}.sidebar .logo-container{height:50px;margin-inline:.725rem;display:flex;align-items:center;column-gap:.5rem;font-size:12px;font-weight:600;border-bottom:1px solid var(--primary-clr)}.sidebar .logo-container>span{transition:opacity .3s ease-in-out}.sidebar>ul{height:calc(100vh - 50px);padding-block:1rem;padding-inline:.7rem;list-style:none}.sidebar>ul>li>a{width:100%;padding-block:.25rem;padding-inline:.25rem;display:flex;align-items:center;column-gap:.5rem;border-radius:.5rem;font-size:13px;color:var(--primary-text-clr);transition:background-color 85ms ease-in-out}.sidebar>ul>li>a>svg{fill:var(--primary-text-clr);flex-shrink:0}.sidebar>ul>li>a>span{transition:opacity .3s ease-in-out}.sidebar>ul>li>a:hover{background-color:var(--sidebar-hover-clr)}.sidebar>ul>li .active{font-weight:500;color:var(--sidebar-active-clr)}.sidebar>ul>li .active>svg{fill:var(--sidebar-active-clr)}.sidebar.collapse{width:54px}.sidebar.collapse .logo-container>span{opacity:0}.sidebar.collapse>ul>li>a>span{opacity:0}@keyframes toast-reveal{0%{transform:translate(120%)}to{transform:translate(0)}}@keyframes duration-bar{0%{width:100%}to{width:0%}}.toaster-container{height:95vh;position:fixed;bottom:2.5%;right:1%;display:flex;flex-direction:column;justify-content:flex-end;row-gap:.5rem;z-index:200;pointer-events:none}.toast-container{background-color:var(--primary-container-clr);position:relative;height:85px;width:375px;display:flex;justify-content:center;flex-direction:column;box-shadow:var(--primary-box-shadow);border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);overflow:hidden;cursor:pointer;z-index:99;animation:toast-reveal 1s ease-in-out;pointer-events:auto}.toast-container .toast-content{display:flex;padding:1.5rem;flex-direction:row;align-items:center;column-gap:1rem}.toast-container .toast-content .toast-icon-container{background-color:var(---extra-clr);display:flex;padding:.4rem;justify-content:center;align-items:center;border-radius:1.5rem}.toast-container .toast-content .toast-icon-container>svg{stroke:var(--button-text-clr)}.toast-container .toast-content .toast-icon-container.success{background-color:var(--green-clr)}.toast-container .toast-content .toast-icon-container.pending{background-color:var(--yellow-clr)}.toast-container .toast-content .toast-icon-container.error{background-color:var(--red-clr)}.toast-container .toast-content .toast-context{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;row-gap:.25rem}.toast-container .toast-content .toast-context .toast-title,.toast-container .toast-content .toast-context .toast-description{width:100%;display:flex}.toast-container .toast-content .toast-context .toast-title{font-weight:600}.toast-container .toast-content .toast-context .toast-description{text-align:left;color:var(--secondary-text-clr)}.toast-container .duration-bar{position:absolute;bottom:0;height:7.5px;background-color:var(--primary-clr);animation:duration-bar var(--toast-duration) linear}.toast-container:hover{background-color:var(--primary-hover-clr)}.selected-rows{margin-block:.5rem;display:flex;justify-content:flex-end;align-items:center;column-gap:.5rem}.selected-rows>span{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--secondary-text-clr)}.selected-rows .deselect-all{background-color:transparent;height:28px;border:1px solid var(--secondary-clr);font-weight:600;color:var(--secondary-text-clr);cursor:pointer}.selected-rows .deselect-all:hover{background-color:var(--primary-hover-clr)}.table-container{background-color:var(--primary-container-clr);margin-bottom:1rem;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);overflow-x:auto;overflow-y:hidden}.table-container .table-header{font-size:14px;font-weight:600;border-bottom:1px solid var(--secondary-clr);color:var(--secondary-text-clr)}.table-container .table-header .table-row{height:55px;list-style:none;display:grid}.table-container .table-header .table-row .table-head{display:flex;align-items:center;column-gap:.25rem}.table-container .table-header .table-row .table-head .sort-query{background-color:transparent;display:flex;flex-direction:column;cursor:pointer}.table-container .table-header .table-row .table-head .sort-query>svg{fill:var(--secondary-text-clr)}.table-container .table-header .table-row .table-head .sort-query:hover>svg{fill:var(--secondary-text-hover-clr)}.table-container .table-header .table-row .table-head:first-child{display:flex}.table-container .table-header .table-row.scroll{padding-right:17px}.table-container .table-body{max-height:550px;overflow-y:auto}.table-container .table-body .table-row{height:55px;list-style:none;display:grid;text-wrap:nowrap;font-size:14px;border-bottom:1px solid var(--secondary-clr);transition:background-color 85ms ease-in-out}.table-container .table-body .table-row .table-cell{display:flex;align-items:center;overflow:hidden;font-weight:600}.table-container .table-body .table-row .table-cell.dual-row{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;row-gap:.25rem}.table-container .table-body .table-row .table-cell.dual-row .first-row{font-weight:600}.table-container .table-body .table-row .table-cell.dual-row .second-row{color:var(--secondary-text-clr)}.table-container .table-body .table-row .table-cell.none{font-style:italic;color:var(--secondary-text-clr)}.table-container .table-body .table-row .table-cell.edit-button{justify-content:center;align-items:center;display:flex}.table-container .table-body .table-row .table-cell.multi-buttons{column-gap:.5rem}.table-container .table-body .table-row:last-child{border-bottom:unset}.table-container .table-body .table-row:hover{background-color:var(--primary-hover-clr)}.table-container .table-body .table-row.none{display:flex;justify-content:center;align-items:center;font-style:italic;color:var(--secondary-text-clr)}.table-row.accounts{grid-template-columns:4% 6% 20% 20% 15% 10% 10% 10% 5%}.table-row.school-positions{grid-template-columns:10% auto 10%}.table-row.school-positions.group,.table-row.advisers.body{cursor:pointer}.table-row.school-positions.group.current,.table-row.advisers.body.current,.table-row.school-positions.group.current:hover,.table-row.advisers.body.current:hover{background-color:var(--secondary-clr)}.table-row.sections{grid-template-columns:4% 6% 20% 15% 25% 15% 10% 4%}.table-body.sections .table-row{cursor:pointer}.table-row.advisers{grid-template-columns:15% 40% 35%}.table-row.advisers .table-head:first-child,.table-row.advisers .table-cell:first-child{padding-left:2.5rem}.table-container.students-form .table-row{grid-template-columns:25% 45% 15% 15%;font-size:13px}.table-container.students-form .table-header .table-row{height:40px}.table-container.students-form .table-header .table-row .table-head:first-child{justify-content:center}.table-container.students-form .table-body{max-height:400px}.table-container.students-form .table-body .table-row{height:40px;cursor:pointer}.table-container.students-form .table-body .table-row .table-cell:first-child{justify-content:center}.table-container.students-form .table-body .table-row.selected{background-color:var(--secondary-clr)}.table-container.advisers{width:900px}.table-row.section-students{grid-template-columns:17.5% 30% 15% 15% 22.5%}.table-row.section-students .table-head:first-child,.table-row.section-students .table-cell:first-child{justify-content:center}.table-row.students{grid-template-columns:4% 10% 20% 10% 15% 10% 16% 10% 5%}.table-row.admins{grid-template-columns:4% 6% 25% 25% 10% 15% 10% 5%}.table-row.class-hours{grid-template-columns:5% 25% 15% 15% 20% 15% 5%}.table-row.default-class-hour{grid-template-columns:20% 25% 15% 20% 15% 5%}.table-row.default-class-hour .table-cell:first-child{padding-left:2rem}.table-row.excuses{grid-template-columns:5% 25% 20% 25% 20% 5%}.pagination-container{display:flex;flex-direction:row;font-size:14px;justify-content:space-between}.pagination-container .rows-per-page{display:flex;flex-direction:row;align-items:center;column-gap:.25rem}.pagination-container .pagination-content{display:flex;align-items:center;column-gap:.4rem}.pagination-container .pagination-content .pagination-link{background-color:transparent;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid var(--secondary-clr);border-radius:.25rem;color:var(--secondary-text-clr);transition:background-color .1s ease-in-out;cursor:pointer}.pagination-container .pagination-content .pagination-link:hover{background-color:var(--primary-hover-clr)}.pagination-container .pagination-content .pagination-link.item{width:35px}.pagination-container .pagination-content .pagination-link.item.active{background-color:var(--secondary-clr);cursor:default}.pagination-container .pagination-content .pagination-link.prev-next{width:70px;column-gap:.2rem}.pagination-container .pagination-content .pagination-link.prev-next>svg{stroke:var(--secondary-text-clr)}.pagination-container .pagination-content .pagination-link.prev-next.disabled{background-color:var(--disabled-clr);cursor:default}.pagination-container .go-to-page{display:flex;align-items:center;column-gap:.25rem}.pagination-container .go-to-page .page-input{height:35px;width:50px;padding-inline:.5rem;border:1px solid var(--secondary-clr);border-radius:.25rem}.pagination-container .go-to-page .page-input::-webkit-inner-spin-button,.pagination-container .go-to-page .page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination-container .go-to-page button{background-color:transparent;height:25px;width:25px;border-radius:.25rem;font-weight:700;cursor:pointer;transition:background-color .1s ease-in-out}.pagination-container .go-to-page button:hover{background-color:var(--primary-hover-clr)}.div-container.pagination{display:flex;flex-direction:row;column-gap:1rem}.select-container{background-color:var(--primary-container-clr);position:relative;height:36px;width:250px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--secondary-clr);border-radius:.25rem;font-size:14px}.select-container .select-trigger{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:var(--primary-border-radius);cursor:pointer}.select-container .select-trigger>span{padding-left:.85rem}.select-container .select-trigger>svg{margin-right:.5rem;stroke:var(--secondary-text-clr);flex-shrink:0;transition:.1s ease-in-out}.select-container .select-trigger.placeholder{color:var(--secondary-text-clr)}.select-container .select-trigger.open{pointer-events:none;outline:2px solid var(--primary-clr)}.select-container .select-trigger.open>svg{transform:rotate(180deg)}.select-container .select-content-container{background-color:var(--primary-container-clr);position:absolute;top:18px;max-height:300px;width:250px;padding-block:.25rem;display:flex;flex-direction:column;border:1px solid var(--secondary-clr);border-radius:.25rem;list-style:none;visibility:hidden;z-index:4;opacity:0;transition:.1s ease-in-out;overflow:auto}.select-container .select-content .title{height:36px;display:flex;align-items:center;padding-left:.85rem;font-weight:600}.select-container .select-content .select-item{height:36px;display:flex;align-items:center;margin-inline:.25rem;padding-inline:.6rem;border-radius:.25rem;cursor:pointer;transition:background-color .1s ease-in-out}.select-container .select-content .select-item:hover{background-color:var(--primary-hover-clr)}.select-container .select-content .select-item.selected{display:flex;align-items:center;justify-content:space-between}.select-container .select-content-container.open{visibility:visible;transform:translateY(24px);opacity:1}.select-container .select-focus{display:none;position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:3}.select-container .select-focus.focus{display:block}.select-container.rows{width:75px}.select-container.rows .select-trigger>svg{transform:rotate(180deg)}.select-container.rows .select-content-container{top:unset;bottom:18px;width:75px}.select-container.rows .select-trigger.open>svg{transform:rotate(0)}.select-container.rows .select-content-container.open{transform:translateY(-24px)}.search-bar{background-color:var(--primary-container-clr);height:36px;width:300px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--secondary-clr);border-radius:.25rem;overflow:hidden}.search-bar>input{height:100%;display:flex;width:100%;padding-left:.85rem;font-size:14px;outline:none}.search-bar>svg{margin-right:.5rem;flex-shrink:0;fill:var(--secondary-text-clr)}.search-bar:has(input:focus){outline:2px solid var(--primary-clr)}.filter-container .filter-trigger{background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.filter-container .filter-trigger>svg{fill:var(--secondary-text-clr)}.filter-container .filter-trigger:hover>svg{fill:var(--secondary-text-hover-clr)}.filter-container .filter-content-container{background-color:var(--primary-container-clr);position:absolute;padding:.25rem;display:flex;flex-direction:column;border:1px solid var(--secondary-clr);border-radius:.25rem;font-size:14px;z-index:6;visibility:hidden;opacity:0;pointer-events:none;transition:.1s ease-in-out}.filter-container .filter-content-container .filter-list{max-height:442px;max-width:842px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;overflow:auto}.filter-container .filter-content-container .filter-list .filter-item-group .title{background-color:transparent;height:36px;width:100%;padding-inline:.85rem;display:flex;align-items:center;border-radius:.25rem;font-weight:600;cursor:pointer;color:var(--primary-text-clr);transition:background-color .1s ease-in-out}.filter-container .filter-content-container .filter-list .filter-item-group .title:hover{background-color:var(--primary-hover-clr)}.filter-container .filter-content-container .filter-list .filter-item-group .filter-item-container{max-height:180px;overflow:auto}.filter-container .filter-content-container .filter-list .filter-item-group .filter-item-container .filter-item>button{background-color:transparent;height:36px;width:100%;display:flex;justify-content:space-between;align-items:center;padding-inline:.85rem;border-radius:.25rem;column-gap:.5rem;font-weight:400;color:var(--secondary-text-clr);cursor:pointer;transition:background-color .1s ease-in-out}.filter-container .filter-content-container .filter-list .filter-item-group .filter-item-container .filter-item>button>svg{stroke:var(--primary-text-clr)}.filter-container .filter-content-container .filter-list .filter-item-group .filter-item-container .filter-item>button .space{height:18px;width:18px}.filter-container .filter-content-container .filter-list .filter-item-group .filter-item-container .filter-item:hover>button{background-color:var(--primary-hover-clr)}.filter-container .filter-content-container .filter-actions-container{height:36px;width:100%;display:flex;justify-content:flex-end;align-items:center;column-gap:.5rem}.filter-container .filter-content-container .filter-actions-container .filter-button{height:30px;width:100px;display:flex;justify-content:center;align-items:center;border:1px solid var(--secondary-clr);color:var(--secondary-text-clr)}.filter-container .filter-content-container .filter-actions-container .filter-button:hover{background-color:var(--primary-hover-clr)}.filter-container .filter-content-container.open{visibility:visible;transform:translateY(12px);opacity:1;pointer-events:auto}.filter-container .filter-focus{display:none;position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:5}.filter-container .filter-focus.focus{display:block}.filter-container.advisers .filter-content-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-container.advisers .filter-list{grid-template-columns:1fr 1fr;white-space:nowrap}.filter-container.advisers .filter-content-container.open{transform:translate(-50%,-45%)}.filter-container.students .filter-content-container{width:300px}.filter-container.students .filter-conteint-container.open{transform:translate(-50%);transform:translateY(12px)}.form-container{display:flex;flex-direction:column;align-items:space-between}.form-container .form-content{height:70vh;padding:.25rem;display:flex;flex-direction:column;column-gap:1rem;overflow:auto}.form-container .form-field{display:flex;flex-direction:column;row-gap:.5rem}.form-container .form-label{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.form-container .form-input{height:36px;width:300px;padding-left:.85rem;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);font-size:14px;overflow:hidden}.form-container .form-textarea{height:150px;padding:.5rem;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);font-size:14px;resize:none}.form-container .form-input::-webkit-inner-spin-button,.form-container .form-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-container .form-file-upload{height:36px;width:300px;display:flex;align-items:center;padding-left:unset;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);font-size:12px}.form-container .form-file-upload>button{background-color:var(--secondary-clr);height:100%;width:100px;padding-inline:.3rem;font-size:12px;color:var(--secondary-text-clr);cursor:pointer;overflow:hidden}.form-container .form-file-upload>button:hover{background-color:var(--secondary-hover-clr)}.form-container .form-file-upload .file-name{width:100%;display:flex;justify-content:space-between;align-items:center}.form-container .form-file-upload .file-name>span{padding-left:.25rem}.form-container .form-file-upload .file-name>button{background-color:transparent;display:flex;padding-right:.25rem;cursor:pointer}.form-container .form-file-upload .file-name>button>svg{transition:stroke .1s ease-in-out}.form-container .form-file-upload .file-name>button:hover>svg{stroke:var(--red-text-clr)}.form-container .form-error{max-width:300px;display:flex;font-size:14px;color:var(--red-text-clr)}.form-container .form-select{width:300px}.form-container .form-select-content{position:absolute;max-height:190px;overflow-y:auto}.form-container .form-multi-selection-content{display:flex;flex-direction:row;column-gap:2.5rem}.form-container .form-list-content{height:415px;width:300px;border:1px solid var(--secondary-clr);border-radius:.5rem;list-style:none;font-size:14px;overflow-x:hidden;overflow-y:auto}.form-container .form-list-item{height:36px;padding-left:.85rem;display:flex;align-items:center;border-bottom:1px solid var(--secondary-clr);cursor:pointer;transition:background-color 85ms ease-in-out}.form-container .form-list-item:hover{background-color:var(--primary-hover-clr)}.form-container .form-list-item.selected{background-color:var(--secondary-clr)}.form-container .form-actions{padding-block:.5rem;display:flex;flex-direction:row;justify-content:flex-end;column-gap:.5rem}.form-container .form-button{width:80px;display:flex;justify-content:center;align-items:center}.form-fields{display:flex;flex-direction:row;column-gap:3rem}.form-checkboxes{display:flex;flex-direction:column;row-gap:.5rem}.form-checkboxes .form-checkbox{width:100%;display:flex;flex-direction:row;justify-content:flex-start}.form-checkboxes .form-checkbox .checkbox-container{height:auto;width:auto}.form-checkboxes .form-checkbox>span{padding-inline:.5rem;font-size:14px;font-weight:500}.form-column{display:flex;flex-direction:column;row-gap:.85rem}.checkbox-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.checkbox{background-color:var(--primary-container-clr);height:17px;width:17px;display:flex;justify-content:center;align-items:center;border:1px solid var(--primary-clr);border-radius:.15rem;cursor:pointer}.checkbox.checked{background-color:var(--primary-clr)}.checkbox.checked>svg{stroke:var(--button-text-clr)}.checkbox-container.half-checked>svg{stroke:var(--primary-text-clr)}.radio-group-container .radio-group-item{height:20px;width:20px;display:flex;justify-content:center;align-items:center;border:1px solid var(--primary-clr);border-radius:1rem;cursor:pointer}.radio-group-container .radio-group-item .radio-fill{height:14px;width:14px;border-radius:1rem}.radio-group-container .radio-group-item .radio-fill.filled{background-color:var(--primary-clr)}.form-radio-groups{padding-block:.85rem;display:flex;flex-direction:row;column-gap:2rem}.form-radio-groups .form-radio-group{display:flex;flex-direction:column;row-gap:.5rem}.form-radio-groups .form-radio-group>span{font-size:17px;font-weight:600}.radio-option{padding-block:.25rem;padding-left:.25rem;display:flex;flex-direction:row;column-gap:.5rem}.radio-option>label{font-size:14px}.form-content.school-position-group-form,.form-content.school-position-form{height:20vh;display:flex;flex-direction:column;row-gap:.85rem}.form-content.school-position-group-form .form-select.form-select-content,.form-content.school-position-form .form-select.form-select-content{position:fixed;top:245px}.form-content.section-form{height:auto;row-gap:.5rem}.form-content.section-form .student-selections{height:100%;width:100%;display:flex;flex-direction:row;justify-content:space-between;column-gap:1rem}.form-content.section-form .student-selections .selected-students{flex:1;display:flex;flex-direction:column}.form-content.section-form .student-selections .selected-students .header{padding:unset;display:flex;flex-direction:row;justify-content:space-between}.form-content.section-form .student-selections .selected-students .header .header-title{font-size:20px;font-weight:600}.form-content.section-form .student-selections .selected-students .header .right-side{display:flex;flex-direction:row;align-items:center;column-gap:1rem}.form-content.section-form .student-selections .selected-students .header .right-side .remove-all{border:1px solid var(--secondary-clr);color:var(--secondary-text-clr)}.form-content.section-form .student-selections .selected-students .header .right-side .remove-all:hover{background-color:var(--primary-hover-clr)}.form-content.section-form .student-selections .available-students{flex:1;display:flex;flex-direction:column}.form-content.section-form .student-selections .available-students .header{padding:unset;display:flex;flex-direction:row;justify-content:space-between}.form-content.section-form .student-selections .available-students .header .header-title{font-size:20px;font-weight:600}.form-fields.section{flex-direction:row;row-gap:unset;column-gap:2rem}.form-fields.section .form-select.form-select-content{position:fixed;top:234px}.form-fields.section .form-select.form-select-content.selected,.form-fields.section .form-select-button.selected{color:var(--primary-text-clr)}.form-field.disabled{color:var(--secondary-clr);pointer-events:none}.form-content.excuse-form{height:40vh;flex-direction:column}.form-content.excuse-form>.input-field{display:flex;flex-direction:row;column-gap:1rem}.action-button{background-color:transparent;height:35px;padding-inline:.5rem;display:flex;justify-content:space-between;align-items:center;column-gap:.1rem;border-radius:.25rem;font-size:14px;color:var(--button-text-clr);cursor:pointer;transition:background-color .1s ease-in-out}.action-button>svg{stroke:var(--button-text-clr);flex-shrink:0}.action-button.disabled{background-color:var(--disabled-clr);cursor:default;transition:none}.action-button.disabled:hover{background-color:var(--disabled-clr)}.add-button{background-color:var(--green-clr)}.add-button:hover{background-color:var(--green-hover-clr)}.cancel-button{background-color:var(--grey-clr)}.cancel-button:hover{background-color:var(--grey-hover-clr)}.delete-button{background-color:var(--red-clr)}.delete-button:hover{background-color:var(--red-hover-clr)}.extra-button{background-color:var(---extra-clr)}.extra-button:hover{background-color:var(--extra-hover-clr)}.button-icon-only{padding-inline:.85rem}.edit-button{background-color:var(--extra-clr)}.edit-button:hover{background-color:var(--extra-hover-clr)}.start-button{background-color:var(--extra-clr)}.start-button:hover{background-color:var(--extra-hover-clr)}.reset-button{border:1px solid var(--secondary-clr);color:var(--primary-text-clr)}.form-select-button{height:36px;width:300px;padding-left:.85rem;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);font-size:14px;overflow:hidden;color:var(--secondary-text-clr)}.register-face-button{background-color:var(--extra-clr-2);padding-inline:.65rem}.register-face-button:hover{background-color:var(--extra-hover-clr-2)}@keyframes modal-opening{0%{transform:translate(-50%,-70%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes modal-closing{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-70%);opacity:0}}@keyframes focus-opening{0%{opacity:0}to{opacity:1}}@keyframes focus-closing{0%{opacity:1}to{opacity:0}}.modal-container{background-color:var(--primary-container-clr);position:fixed;top:50%;left:50%;border:1px solid var(--secondary-clr);border-radius:.25rem;z-index:101;animation:modal-opening .4s forwards}.modal-container .modal{height:100%;width:100%}.modal-container .modal .title-bar{width:100%;display:flex;align-items:center;justify-content:flex-end}.modal-container .modal .title-bar .modal-options{padding:.5rem}.modal-container .modal .title-bar .modal-options>button{background-color:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer}.modal-container .modal .title-bar .modal-options>button>svg{transition:stroke .1s ease-in-out}.modal-container .modal .title-bar .modal-options>button:hover>svg{stroke:var(--primary-text-hover-clr)}.modal-container .modal .modal-content{height:100%;width:100%;padding-inline:1.5rem;padding-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-container .modal .modal-content .modal-title{padding-bottom:1.25rem;font-size:24px}.modal-container .modal.loading{padding:1rem}.modal-container .modal.error{padding:2rem}.modal-container .modal.error .error-message{font-size:18px;font-weight:600;font-style:italic}.modal-container.closing{animation:modal-closing .4s forwards}.modal-container.register-account{height:80vh;width:80vw}.modal-focus{background-color:var(--primary-behind-clr);position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:100;animation:focus-opening .4s forwards}.modal-focus.closing{animation:focus-closing .4s forwards}.modal-table-container .table-top{margin-bottom:1rem;display:flex;justify-content:space-between}.modal-table-container .table-top .deselect-button{background-color:transparent;border:1px solid var(--secondary-clr);color:var(--secondary-text-clr);cursor:pointer}.modal-table-container .table-top .deselect-button:hover{background-color:var(--primary-hover-clr)}@keyframes alert-dialog-reveal{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes alert-dialog-disappear{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}.alert-dialog-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;animation:alert-dialog-reveal .2s forwards;z-index:1000}.alert-dialog-container .alert-dialog{background-color:var(--primary-container-clr);padding:1rem;display:flex;flex-direction:column;row-gap:1rem;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius)}.alert-dialog-container .alert-dialog-content{width:450px;display:flex;flex-direction:column;row-gap:.5rem}.alert-dialog-container .alert-dialog-content>h4{font-size:16px;font-weight:700}.alert-dialog-container .alert-dialog-content>p{font-size:14px;line-height:1.25rem;color:var(--secondary-text-clr)}.alert-dialog-container .alert-dialog-action{display:flex;flex-direction:row;justify-content:flex-end;column-gap:.5rem}.alert-dialog-container .alert-dialog-cancel-button,.alert-dialog-container .alert-dialog-confirm-button{width:80px;display:flex;justify-content:center}.alert-dialog-container .alert-dialog-confirm-button{background-color:var(--extra-clr)}.alert-dialog-container .alert-dialog-confirm-button:hover{background-color:var(--extra-hover-clr)}.alert-dialog-container .alert-dialog-confirm-button.disabled,.alert-dialog-container .alert-dialog-confirm-button.disabled:hover{background-color:var(--disabled-clr)}.alert-dialog-container.closing{animation:alert-dialog-disappear .2s forwards}.alert-dialog-container-focus{background-color:var(--primary-behind-clr);position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:999;animation:focus-opening .15s forwards}.alert-dialog-container-focus.closing{animation:focus-closing .15s forwards}.window-header-container{display:flex;flex-direction:row;justify-content:space-between}.window-header-container .left-side,.window-header-container .right-side,.pagination-pages-container{display:flex;flex-direction:row;column-gap:.5rem}.show-container.sections{display:flex;flex-direction:row;column-gap:1rem;align-items:flex-start}.show-container.sections .section-info-container{align-self:stretch;width:250px}.show-container.sections .section-info-container .window{display:flex;flex-direction:column;row-gap:1rem}.show-container.sections .section-info-container .window .adviser-info,.show-container.sections .section-info-container .window .section-info{display:flex;flex-direction:column;row-gap:.75rem}.show-container.sections .section-info-container .window .adviser-info .image-container,.show-container.sections .section-info-container .window .section-info .image-container{display:flex;justify-content:center;align-items:center}.show-container.sections .section-info-container .window .adviser-info .image-container>img,.show-container.sections .section-info-container .window .section-info .image-container>img{height:128px;width:128px}.show-container.sections .section-info-container .window .adviser-info>div,.show-container.sections .section-info-container .window .section-info>div{display:flex;flex-direction:column}.show-container.sections .section-info-container .window .adviser-info>div>span:first-child,.show-container.sections .section-info-container .window .section-info>div>span:first-child{font-size:15px}.show-container.sections .section-info-container .window .adviser-info>div>span:last-child,.show-container.sections .section-info-container .window .section-info>div>span:last-child{font-size:14px;font-weight:600}.show-container.sections .section-info-container .window .adviser-info>div .dual-row,.show-container.sections .section-info-container .window .section-info>div .dual-row{display:flex;flex-direction:column}.show-container.sections .section-info-container .window .adviser-info>div .dual-row .first-row,.show-container.sections .section-info-container .window .section-info>div .dual-row .first-row{font-size:14px;font-weight:600}.show-container.sections .section-info-container .window .adviser-info>div .dual-row .second-row,.show-container.sections .section-info-container .window .section-info>div .dual-row .second-row{font-size:14px;font-weight:600;color:var(--secondary-text-clr)}.show-container.sections .list-of-students{width:100%}.show-container.sections .list-of-students .window{display:flex;flex-direction:column}.show-container.sections .list-of-students .window .search-bar{margin-bottom:1rem}.spreadsheet-container{display:grid;grid-template-columns:350px auto;grid-template-rows:50px auto;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);overflow:hidden}.spreadsheet-container .free{grid-column:1 / 2;grid-row:1 / 2;border-bottom:1px solid var(--secondary-clr);border-right:1px solid var(--secondary-clr)}.spreadsheet-container .column-label{grid-column:2 / 3;grid-row:1 / 2;display:flex;display:row;border-bottom:1px solid var(--secondary-clr);list-style:none;overflow:hidden}.spreadsheet-container .column-label>li{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid var(--secondary-clr)}.spreadsheet-container .column-label>li>span:first-child{font-weight:600;color:var(--secondary-text-clr)}.spreadsheet-container .column-label>li>span:last-child{font-weight:600}.spreadsheet-container .column-label>li:last-child{border-right:unset}.spreadsheet-container .column-label>li.future{background-color:var(--yellow-clr)}.spreadsheet-container .row-label{grid-column:1 / 2;grid-row:2 / 3;max-height:600px;overflow:hidden;border-right:1px solid var(--secondary-clr)}.spreadsheet-container .row-label>li{height:30px;padding-left:1rem;display:flex;align-items:center;border-bottom:1px solid var(--secondary-clr);font-weight:500;overflow:hidden}.spreadsheet-container .row-label>li:last-child{border-bottom:unset}.spreadsheet-container .data-grid{max-height:600px;width:100%;grid-column:2 / 3;grid-row:2 / 3;display:flex;flex-direction:row;overflow:auto}.spreadsheet-container .data-grid .row{width:100%;display:flex;flex-direction:column;list-style:none;border-right:1px solid transparent}.spreadsheet-container .data-grid .row>li{min-height:30px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--secondary-clr)}.spreadsheet-container .data-grid .row>li:last-child{border-bottom:unset}.one-section{display:flex;justify-content:center;align-items:center}.one-section>span{font-size:15px;font-weight:600}.pdf-button{background-color:var(--extra-clr)}.spreadsheet-legends-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem;margin-block:.5rem}.spreadsheet-legends-container>span{font-size:14px;font-weight:600}.spreadsheet-legends-container>ul{list-style:none;display:flex;flex-direction:row;gap:1rem}.spreadsheet-legends-container>ul>li{font-size:14px}.spreadsheet-none{padding-block:1.5rem;display:flex;justify-content:center;align-items:center;border:1px solid var(--secondary-clr);font-style:italic;color:var(--secondary-text-clr)}.confirmation-list-container{position:relative;z-index:100}.confirmation-list-container .confirmation-list-button{background-color:var(--yellow-clr)}.confirmation-list-container .confirmation-list-button:hover{background-color:var(--yellow-hover-clr)}.confirmation-list-container .confirmation-list-button.open{pointer-events:none}.confirmation-list-container .confirmation-list-button.confirm-none{background-color:var(--disabled-clr)}.confirmation-list-container .confirmation-list-header{padding-block:.4rem;padding-right:.5rem;display:flex;justify-content:flex-end;align-items:center;gap:.2rem}.confirmation-list-container .confirmation-list-header>span{font-size:13px;color:var(--secondary-text-clr)}.confirmation-list-container .confirmation-list-header>button{background-color:transparent;padding:.2rem;display:flex;justify-content:center;align-items:center;border-radius:1rem;cursor:pointer;transition:background-color .1s ease-in-out}.confirmation-list-container .confirmation-list-header>button>svg{height:24px;width:24px;fill:var(--secondary-text-clr)}.confirmation-list-container .confirmation-list-header>button:hover{background-color:var(--secondary-hover-clr)}.confirmation-list-container .confirmation-list-content{position:absolute;top:36px;background-color:var(--primary-container-clr);border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);opacity:0;transition:.1s ease-in-out;overflow:auto;visibility:hidden}.confirmation-list-container .confirmation-list-content>ul{max-height:600px;width:350px;list-style:none;overflow:auto;border-top:1px solid var(--secondary-clr)}.confirmation-list-container .confirmation-list-content>ul>li{height:60px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-bottom:1px solid var(--secondary-clr)}.confirmation-list-container .confirmation-list-content>ul>li .log-info{width:85%;padding-left:2rem;display:flex;flex-direction:column;overflow:hidden}.confirmation-list-container .confirmation-list-content>ul>li .log-info>span:first-child{font-size:16px;font-weight:600}.confirmation-list-container .confirmation-list-content>ul>li .log-info>span:last-child{font-size:15px}.confirmation-list-container .confirmation-list-content>ul>li .log-action{width:15%}.confirmation-list-container .confirmation-list-content>ul>li .log-action>button{background-color:transparent;cursor:pointer}.confirmation-list-container .confirmation-list-content>ul>li .log-action>button>svg{fill:var(--primary-text-clr)}.confirmation-list-container .confirmation-list-content>ul>li .log-action>button:hover>svg{fill:var(--primary-text-hover-clr)}.confirmation-list-container .confirmation-list-content>ul>li .log-action .loader{height:30px;width:30px;padding:5px}.confirmation-list-container .confirmation-list-content>ul>li .log-action>svg{fill:var(--green-clr)}.confirmation-list-container .confirmation-list-content>ul>li:last-child{border-bottom:unset}.confirmation-list-container .confirmation-list-content>ul .confirm-none{font-size:13px;font-style:italic;color:var(--secondary-text-clr)}.confirmation-list-container .confirmation-list-content .confirm-loading{height:60px;width:350px;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--secondary-clr)}.confirmation-list-container .confirmation-list-content .confirm-loading .loader{height:40px;width:40px}.confirmation-list-container .confirmation-list-content.open{visibility:visible;transform:translateY(6px);opacity:1}.year-month-picker-container{position:relative}.year-month-picker-container .year-month-picker-trigger{background-color:var(--primary-container-clr);height:36px;width:230px;display:flex;flex-direction:column;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);cursor:pointer}.year-month-picker-container .year-month-picker-trigger .year-month-picker-trigger-content{height:100%;width:100%;display:flex;justify-content:space-between;align-items:center}.year-month-picker-container .year-month-picker-trigger .year-month-picker-trigger-content>span{height:100%;width:100%;padding-left:.85rem;display:flex;justify-content:center;align-items:center;font-size:14px;color:var(--secondary-text-clr)}.year-month-picker-container .year-month-picker-trigger .year-month-picker-trigger-content>svg{margin-right:.5rem;stroke:var(--secondary-text-clr);flex-shrink:0}.year-month-picker-container .year-month-picker-trigger.open{outline:2px solid var(--primary-clr);pointer-events:none}.year-month-picker-container .year-month-picker-content{top:18px;position:absolute;background-color:var(--primary-container-clr);width:230px;padding-block:.25rem;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);display:flex;flex-direction:row;justify-content:space-evenly;font-size:14px;z-index:4;visibility:hidden;opacity:0;transition:.1s ease-in-out}.year-month-picker-container .year-month-picker-content .years,.year-month-picker-container .year-month-picker-content .months{list-style:none;width:100%;max-height:200px;overflow-y:auto}.year-month-picker-container .year-month-picker-content .years>li,.year-month-picker-container .year-month-picker-content .months>li{padding-block:.5rem;margin-inline:.25rem;display:flex;justify-content:center;align-items:center;border-radius:var(--primary-border-radius);cursor:pointer;transition:background-color .1s ease-in-out}.year-month-picker-container .year-month-picker-content .years>li.current,.year-month-picker-container .year-month-picker-content .months>li.current{font-weight:600}.year-month-picker-container .year-month-picker-content .years>li:hover,.year-month-picker-container .year-month-picker-content .months>li:hover{background-color:var(--primary-hover-clr)}.year-month-picker-container .year-month-picker-content.open{visibility:visible;opacity:1;transform:translateY(24px)}.year-month-picker-container .year-month-picker-focus{display:none;position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:3}.year-month-picker-container .year-month-picker-focus.open{display:block}.background-container{height:100vh;width:100vw;background-image:url(/assets/login-background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.overlay{height:100vh;width:100vw;position:fixed;background-color:#fff;opacity:.4}.window-container.login-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:var(--primary-box-shadow)}.window-container.login-window .window{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:.25rem}.window-container.login-window .title{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-block:1rem}.window-container.login-window .title>h2{font-size:20px}.window-container.login-window .title>p{color:var(--secondary-text-clr)}.window-container.login-window .login-form{height:20vh;row-gap:.85rem}.window-container.login-window .login-form-actions{display:flex;justify-content:center;align-items:center}.window-container.login-window .login-form-actions .login-button{background-color:var(--extra-clr);width:100%;display:flex;justify-content:center;align-items:center;transition:.1s ease-in-out}.window-container.login-window .login-form-actions .login-button:hover{background-color:var(--extra-hover-clr)}.date-picker{position:relative}.date-picker .date-picker-trigger{background-color:var(--primary-container-clr);height:36px;width:300px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius)}.date-picker .date-picker-trigger>span{padding-left:.85rem;font-size:14px}.date-picker .date-picker-trigger>svg{margin-right:.5rem;fill:var(--secondary-text-clr)}.date-picker .date-picker-trigger.disabled{pointer-events:none;outline:2px solid var(--primary-clr)}.date-picker .date-picker-content{background-color:var(--primary-container-clr);position:absolute;top:18px;left:50%;width:275px;padding:.75rem;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:.5rem;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);transform:translate(-50%);visibility:hidden;opacity:0;transition:.1s ease-in-out}.date-picker .date-picker-content button{background-color:transparent;height:35px;padding-inline:.25rem;display:flex;justify-content:center;align-items:center;border-radius:var(--primary-border-radius);cursor:pointer;transition:background-color .1s ease-in-out}.date-picker .date-picker-content button:hover{background-color:var(--primary-hover-clr)}.date-picker .date-picker-content .select-year-month{width:100%;display:flex;justify-content:space-between;align-items:center}.date-picker .date-picker-content .select-year-month .year-month-trigger{column-gap:.25rem;font-size:14px;font-weight:500}.date-picker .date-picker-content .select-year-month .year-month-trigger>svg{stroke:var(--secondary-text-clr)}.date-picker .date-picker-content .select-year-month .year-month-trigger.disabled{pointer-events:none}.date-picker .date-picker-content .year-month-content{background-color:var(--primary-container-clr);position:inherit;width:100%;margin-top:50px;display:flex;flex-direction:row;justify-content:center;align-items:center}.date-picker .date-picker-content .year-month-content>ul{max-height:250px;width:100%;overflow-y:auto;font-size:14px}.date-picker .date-picker-content .year-month-content>ul>li{padding-block:.5rem;margin-inline:.25rem;display:flex;justify-content:center;align-items:center;border-radius:var(--primary-border-radius);cursor:pointer;transition:background-color .1s ease-in-out}.date-picker .date-picker-content .year-month-content>ul>li:hover{background-color:var(--primary-hover-clr)}.date-picker .date-picker-content .year-month-content>ul>li.current{background-color:var(--secondary-clr);font-weight:600}.date-picker .date-picker-content .select-year-month-content{top:50px;background-color:var(--primary-container-clr);width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:.1s ease-in-out}.date-picker .date-picker-content .select-year-month-content>ul{list-style:none;width:100%;max-height:250px;overflow-y:auto;font-size:14px}.date-picker .date-picker-content .select-year-month-content>ul>li{padding-block:.5rem;margin-inline:.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--primary-border-radius);cursor:pointer;transition:background-color .1s ease-in-out}.date-picker .date-picker-content .select-year-month-content>ul>li.current{font-weight:600}.date-picker .date-picker-content .select-year-month-content>ul>li:hover{background-color:var(--primary-hover-clr)}.date-picker .date-picker-content .select-year-month-content.open{visibility:visible;opacity:1}.date-picker .date-picker-content .month{width:100%;display:flex;flex-direction:column;row-gap:.5rem}.date-picker .date-picker-content .month .days-of-week{list-style:none;width:100%;display:grid;grid-template-columns:repeat(7,35px);font-size:14px;color:var(--secondary-text-clr)}.date-picker .date-picker-content .month .days-of-week>li{display:flex;justify-content:center;align-items:center}.date-picker .date-picker-content .month .days{display:grid;grid-template-columns:repeat(7,35px);grid-template-rows:repeat(6,35px);list-style:none;font-size:15px}.date-picker .date-picker-content .month .days>li{display:flex;justify-content:center;align-items:center;border-radius:var(--primary-border-radius);cursor:pointer;transition:.1s ease-in-out}.date-picker .date-picker-content .month .days>li:hover{background-color:var(--primary-hover-clr)}.date-picker .date-picker-content .month .days>li.prev-next-month{color:var(--secondary-text-clr)}.date-picker .date-picker-content .month .days>li.current-date{background-color:var(--secondary-clr)}.date-picker .date-picker-content.open{visibility:visible;transform:translate(-50%,24px);opacity:1}.date-picker>input[type=date]{display:none}.date-picker.disabled{pointer-events:none}.date-picker.disabled .date-picker-trigger>span{color:var(--secondary-clr)}.date-picker.disabled .date-picker-trigger>svg{fill:var(--secondary-clr)}.time-picker-container{height:36px;width:300px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius)}.time-picker-container input{height:100%;width:20px;text-align:center;font-size:16px;outline:none}.time-picker-container span{font-size:16px}.time-picker-container>.time{height:100%;padding-left:.85rem;display:flex;align-items:center;cursor:pointer}.time-picker-container>.time>.hour>input{text-align:right}.time-picker-container>.time>.minute>input{text-align:left}.time-picker-container>.time>.period>input{width:30px}.time-picker-container>svg{margin-right:.5rem;flex-shrink:0;fill:var(--secondary-text-clr)}.time-picker-container.focus{outline:2px solid var(--primary-clr)}.time-picker-container.small-width{width:135px}.time-picker-container.disabled input{color:var(--secondary-clr)}.time-picker-container.disabled>svg{fill:var(--secondary-clr)}.break-time{margin-top:.5rem;margin-bottom:.5rem;display:flex;flex-direction:column;row-gap:.5rem}.break-time .break-time-label{font-size:14px;font-weight:600}.break-time .break-time-input{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.break-time .break-time-input>span{height:36px;display:flex;justify-content:center;align-items:center}.break-time.disabled{pointer-events:none}.break-time.disabled .break-time-label{color:var(--secondary-clr)}.break-time.disabled .break-time-input>span{color:var(--secondary-clr)}.set-to-default{padding-top:.5rem;padding-bottom:.5rem;display:flex;justify-content:flex-start}.set-to-default .checkbox-container{width:unset;padding-right:.5rem}.set-to-default>span{font-size:14px;font-weight:600}.dashboard-selection-container>div{padding-bottom:.5rem}.dashboard-windows-container{height:85%;display:flex;flex-direction:row;gap:.5rem}.dashboard-windows-container .left-side-container{display:flex;flex-direction:column;row-gap:.5rem}.window-container.for-today{width:100%;display:flex;flex-direction:column}.window-container.for-today .timestamp{padding-bottom:.5rem}.window-container.for-today .timestamp>span{color:var(--secondary-text-clr)}.window-container.for-today .for-today-analytics-container{display:flex;flex-direction:row}.window-container.for-today .for-today-analytics-container .count-cards{width:100%;display:flex;flex-direction:column;row-gap:.25rem}.window-container.for-today .for-today-analytics-container .count-cards>div{padding:.25rem;display:flex;flex-direction:column;border-radius:var(--primary-border-radius);color:#fff}.window-container.for-today .for-today-analytics-container .count-cards>div>span:first-child{height:20%;font-size:18px}.window-container.for-today .for-today-analytics-container .count-cards>div>span:last-child{height:80%;display:flex;justify-content:center;align-items:center;font-size:35px}.window-container.for-today .for-today-analytics-container .count-cards .present{background-color:#4dc966}.window-container.for-today .for-today-analytics-container .count-cards .late{background-color:orange}.window-container.for-today .for-today-analytics-container .count-cards .excuse{background-color:#32a6c9}.window-container.for-today .for-today-analytics-container .count-cards .no-status{background-color:#9e9e9e}.window-container.for-today .for-today-analytics-container .for-today-chart-container{height:300px;width:300px}.window-container.latest-logs{height:100%;padding:1rem;display:flex;flex-direction:column}.window-container.latest-logs .timestamp{padding-block:.5rem}.window-container.latest-logs .timestamp>span{color:var(--secondary-text-clr)}.window-container.latest-logs .latest-logs-list{max-height:260px;display:flex;flex-direction:column;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);list-style:none;overflow:auto}.window-container.latest-logs .latest-logs-list>li{height:65px;display:flex;flex-direction:column;justify-content:center;padding-left:1rem;border-bottom:1px solid var(--secondary-clr);flex-shrink:0;row-gap:.25rem}.window-container.latest-logs .latest-logs-list>li>span{font-weight:600}.window-container.latest-logs .latest-logs-list>li .log-datetime-info{display:flex;flex-direction:row;column-gap:.25rem;font-size:15px;font-weight:500}.window-container.latest-logs .latest-logs-list>li .log-datetime-info.time-in>span:first-child{color:var(--green-clr)}.window-container.latest-logs .latest-logs-list>li .log-datetime-info.time-out>span:first-child{color:var(--red-clr)}.window-container.latest-logs .latest-logs-list>li.none{font-style:italic;font-weight:400;color:var(--secondary-text-clr)}.window-container.summary{width:70%}.window-container.summary .attendance-summary-container{height:100%}.no-sections{display:flex;justify-content:center;align-items:center}.no-sections>span{font-size:15px;font-style:italic;color:var(--secondary-text-clr)}.one-section{display:flex;flex-direction:row}:root{--primary-text-clr: #242424;--primary-text-hover-clr: #3d3d3d;--secondary-text-clr: #808080;--secondary-text-hover-clr: #6e6e6e;--button-text-clr: #ffffff;--primary-clr: #242424;--secondary-clr: #e4e4e4;--secondary-hover-clr: #cecece;--primary-container-clr: #ffffff;--primary-behind-clr: #00000080;--primary-hover-clr: #f7f7f7;--sidebar-clr: #a7e3ff;--sidebar-hover-clr: #95ddff;--sidebar-active-clr: #2e92c0;--green-clr: #64b833;--green-hover-clr: #73ca41;--grey-clr: #969696;--grey-hover-clr: #a7a7a7;--yellow-clr: #ffc400;--yellow-hover-clr: #ffd23f;--red-clr: #c52d2d;--red-hover-clr: #e93737;--red-text-clr: #ff0000;--extra-clr: #63bee2;--extra-hover-clr: #71c9ec;--extra-clr-2: #aa6ad4;--extra-hover-clr-2: #bd77eb;--disabled-clr: #c9c9c9;--primary-border-radius: .25rem;--primary-box-shadow: 0 0 3px 1px #00000010}*{margin:0;padding:0;border:0;box-sizing:border-box;text-decoration:none;font-family:Inter,Courier New,sans-serif}#app{min-height:100vh;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;color:var(--primary-text-clr);overflow-x:auto}input{color:var(--primary-text-clr);outline-color:var(--primary-clr)}input::placeholder{color:var(--secondary-text-clr)}.main-container{grid-column:2 / 3;grid-row:2 / 3;margin:1.2rem;overflow:auto}.main-container .heading{display:flex;justify-content:space-between;margin-bottom:1rem}.main-container .heading .page-title{margin-bottom:unset}.main-container .heading .go-back{padding-inline:.75rem;display:flex;justify-content:center;align-items:center;border:1px solid var(--secondary-clr);border-radius:var(--primary-border-radius);color:var(--primary-text-clr)}.main-container .heading .go-back:hover{background-color:var(--primary-hover-clr)}.main-container .page-title{margin-bottom:1rem}.window-container{background-color:var(--primary-container-clr);padding:1rem;border:1px solid var(--secondary-clr);border-radius:.3rem;white-space:nowrap}.windows-container{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;align-items:flex-start}@keyframes l3{to{transform:rotate(1turn)}}.loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:var(--secondary-clr);--_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}