@import url(https://fonts.googleapis.com/css?family=Inter);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Admin{column-gap:12px;display:flex;height:97.2vh;padding:10px;width:98.65%}.Admin a,.Admin button,.Admin div>span,.Admin p,.Admin span,.Admin tr{font-size:var(--font-size-bodyText)!important}.Admin h1,.Admin h2,.Admin h3{font-size:var(--font-size-title-cat1)!important}.Admin h4,.Admin h5{font-size:var(--font-size-title-cat2)!important}.Students{position:relative;width:100%}.Students .studentListData-container{column-gap:20px;display:flex;padding:15px 0 0;position:relative}.Students .studentListData-container .container-leftSide{display:flex;flex-direction:column;flex-grow:1;position:relative;row-gap:10px}.Dashboard{display:flex;flex-direction:column;flex-grow:1;height:94%;row-gap:16px}.Dashboard .dashboard-container{column-gap:10px;display:flex;height:inherit}.Dashboard .dashboard-container .leftSideDashboard,.Dashboard .dashboard-container .rigthSideDashboard{display:flex;flex-direction:column;flex-grow:1;row-gap:16px}.Dashboard .dashboard-container .rigthSideDashboard{height:inherit}.Teachers{display:flex;flex-direction:column;height:95vh;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.Teachers .gridInfoCard{display:flex;flex-direction:row;gap:15px;height:70%}.Teachers .gridInfoCard .grid{display:flex;flex-direction:column;row-gap:16px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.Settings{display:flex;flex-direction:column;row-gap:20px;width:100%}.Settings .sideBarSettingView{box-shadow:0 0 10px #a1a1a1;column-gap:20px;display:flex;height:100%;padding:20px}.SideBar{border-radius:10px;box-shadow:1px 1px 8px #a5a5a5;flex-direction:column;font-family:Inter;padding:20px;transition:width 1s ease;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.SideBar,.SideBar .viewSideBar{display:flex}.SideBar .viewSideBar img{cursor:pointer;padding:0 0 20px;width:40px}.SideBar .sideBarLinks{display:flex;flex-direction:column;height:100%;row-gap:30px}.SideBar .sideBarLinks .link{align-items:center;color:#000;column-gap:15px;display:flex;padding:0 30px 0 0;text-decoration:none}@keyframes linkAppear{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateY(0)}}.SideBar .sideBarLinks .logout{align-items:flex-end;flex-grow:2;padding-bottom:20px}.nav-bar{border-radius:8px;box-shadow:0 0 10px #acacac}.nav-bar .header-items{align-items:center;column-gap:20px;display:flex;flex-direction:row;justify-content:space-between}.nav-bar .header-items h3{flex-grow:0.5;padding:0 0 0 20px}.nav-bar .header-items .user-info-sec{display:flex;flex-grow:1;justify-content:flex-end}.nav-bar .header-items .user-info-sec .user-info{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin:0 10px 0 0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.nav-bar .header-items .user-info-sec .user-info img{border-radius:50%;cursor:pointer;height:6vh;width:6vh}.calendar-container{background-color:#fff;border-radius:2%;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex-direction:column;flex-grow:1;font-family:Inter;padding:0 10px 10px;row-gap:10px}.calendar-container .calendar-title{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:space-between;padding:0 16px}.calendar-container .calendar-title .calendar-icon{background-color:initial;background-image:url(/static/media/calendarIcon.8dc0651f41622b44f622.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0 solid #0000;overflow:hidden;padding:18px;width:30px}.calendar-container .calendar-title .calendarIcon{width:30px}.calendar-container .calendar-title .calendar-full{background-color:#fff;border-radius:10px;bottom:36%;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;position:absolute;right:10%;z-index:1}.calendar-container .date-buttons{column-gap:20px;display:flex;flex-direction:row;margin:0 auto;padding:10px 0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.calendar-container .date-buttons .date-clicked .date-days-container,.calendar-container .date-buttons .date-non-clicked .date-days-container{display:flex;flex-direction:column;padding:20px 16px}.calendar-container .date-buttons .date-clicked{align-items:center;background-color:#212765;border:1px solid;border-radius:5px;color:#f2f2f2;text-align:center}.calendar-container .date-buttons .date-non-clicked{align-items:center;background-color:#f2f2f2;border:1px solid;border-radius:5px;color:#212765;text-align:center}.calendar-container .events-container{display:flex;flex-direction:column;height:47vh;overflow-y:auto;padding:10px 10px 10px 0;row-gap:18px}.calendar-container .events-container::-webkit-scrollbar{width:8px}.calendar-container .events-container::-webkit-scrollbar-track{background-color:initial;margin:8px 0 0}.calendar-container .events-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.calendar-container .events-container::-webkit-scrollbar-thumb:hover{background-color:#555}.calendar-container .events-container .event-container{border:1px solid #f5f5f5;border-left:5px solid #4ef9e5;border-radius:5px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex-direction:row;justify-content:space-between;padding:12px}.calendar-container .events-container .event-container .event-title{align-items:start;cursor:pointer;font-size:12px;font-weight:700;text-align:start}.calendar-container .events-container .event-container .event-time{cursor:pointer;font-size:8px;padding-top:12px;text-align:end}.AdminAcademicList{border-radius:10px;box-shadow:1px 1px 10px #434343;flex-grow:1;font-family:Inter;height:47vh;overflow-y:auto}.AdminAcademicList .title{background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;color:#762984;display:block;font-weight:700;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.AdminAcademicList table{padding:0 0 20px;width:100%}.AdminAcademicList table thead tr{background-color:#f2f2f2}.AdminAcademicList table thead tr th{border:2px solid #f2f2f2;color:#232323;font-weight:600;padding:10px;text-align:left;width:120px}.AdminAcademicList table thead tr .statsColumn{text-align:center}.AdminAcademicList table thead tr .nameColumn{padding:0 0 0 20px;width:200px}.AdminAcademicList table tbody tr td{padding:10px}.AdminAcademicList table tbody tr .stats{text-align:center}.AdminAcademicList table tbody tr .names{padding:0 0 0 20px}.AdminAcademicList::-webkit-scrollbar{width:8px}.AdminAcademicList::-webkit-scrollbar-track{background-color:initial;margin-top:60px}.AdminAcademicList::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.AdminAcademicList::-webkit-scrollbar-thumb:hover{background-color:#555}.widget-container,.widget-container .widget{display:flex;flex-direction:row;gap:16px}.widget-container .widget{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;justify-content:space-around;padding:10px 20px}.widget-container .widget .widget-icon{display:flex;flex-direction:column;justify-content:center;width:60px}.widget-container .widget .widget-text{color:#616161;font-family:Inter;font-weight:700;text-align:left}.widget-container .widget .widget-text h2{color:#000;font-size:18px;text-align:center}.AdminAttendanceFlowChart{border-radius:10px;box-shadow:1px 1px 10px #6f6f6f;font-family:Inter;padding:10px}.AdminAttendanceFlowChart .upperPart{align-items:center;display:grid;grid-template-columns:auto auto;height:40px;padding:0 0 0 10px}.AdminAttendanceFlowChart .upperPart .title{font-weight:700}.AdminAttendanceFlowChart .upperPart .TimeFrame{column-gap:10px;display:flex;justify-self:flex-end}.AdminAttendanceFlowChart .upperPart .TimeFrame .monthSec,.AdminAttendanceFlowChart .upperPart .TimeFrame .yearSec{border:1px solid #6f6f6f;border-radius:10px;cursor:pointer;padding:10px 15px 8px;transition:all .5s}.AdminAttendanceFlowChart .upperPart .TimeFrame .monthSec:hover,.AdminAttendanceFlowChart .upperPart .TimeFrame .yearSec:hover{background-color:#6f6f6f;color:#fff}.AdminAttendanceFlowChart .upperPart .TimeFrame .monthSec .months,.AdminAttendanceFlowChart .upperPart .TimeFrame .yearSec .years{background-color:#fff;border-radius:10px;box-shadow:1px 1px 10px #000;display:none;left:0;max-height:90px;overflow-x:hidden;overflow-y:auto;position:absolute;top:38px;z-index:1}.AdminAttendanceFlowChart .upperPart .TimeFrame .monthSec .months::-webkit-scrollbar,.AdminAttendanceFlowChart .upperPart .TimeFrame .yearSec .years::-webkit-scrollbar{width:8px}.AdminAttendanceFlowChart .upperPart .TimeFrame .monthSec .months::-webkit-scrollbar-track,.AdminAttendanceFlowChart .upperPart .TimeFrame .yearSec .years::-webkit-scrollbar-track{background-color:initial}.AdminAttendanceFlowChart .upperPart .TimeFrame .monthSec .months::-webkit-scrollbar-thumb,.AdminAttendanceFlowChart .upperPart .TimeFrame .yearSec .years::-webkit-scrollbar-thumb{background-color:gray;border-radius:10px}.AdminAttendanceFlowChart .upperPart .TimeFrame .monthSec .months .month,.AdminAttendanceFlowChart .upperPart .TimeFrame .yearSec .years .year{border-bottom:1px solid #9e9e9e;color:#666;cursor:pointer;font-size:12px;padding:7px 0;text-align:center;transition:all .5s}.AdminAttendanceFlowChart .upperPart .TimeFrame .monthSec{position:relative;text-align:center}.AdminAttendanceFlowChart .upperPart .TimeFrame .monthSec .months .month{width:100px}.AdminAttendanceFlowChart .upperPart .TimeFrame .monthSec .months .month:hover{background-color:gray;color:#fff}.AdminAttendanceFlowChart .upperPart .TimeFrame .monthSec:hover .months{display:flex;flex-direction:column}.AdminAttendanceFlowChart .upperPart .TimeFrame .yearSec{position:relative}.AdminAttendanceFlowChart .upperPart .TimeFrame .yearSec .years .year{width:60px}.AdminAttendanceFlowChart .upperPart .TimeFrame .yearSec .years .year:hover{background-color:gray;color:#fff}.AdminAttendanceFlowChart .upperPart .TimeFrame .yearSec:hover .years{display:flex;flex-direction:column}.AdminAttendanceFlowChart .chart{font-size:11px}.PopUpAdd{background-color:#fff;border-radius:20px;box-shadow:0 0 10px #353434;display:flex;flex-direction:column;left:30%;padding:20px;position:absolute;top:0;width:550px;z-index:1}.PopUpAdd .closeIcon{align-self:flex-end;cursor:pointer;width:30px}.PopUpAdd .fields{column-gap:10px;display:flex;flex-wrap:wrap;row-gap:10px}.PopUpAdd .fields label{display:flex;flex-direction:column;row-gap:10px}.PopUpAdd .fields label span{font-family:Inter}.PopUpAdd .fields label input[type=date],.PopUpAdd .fields label input[type=number],.PopUpAdd .fields label input[type=text]{border:1px solid gray;border-radius:10px;height:35px;outline:none;padding:0 0 0 10px}.PopUpAdd .fields label input[type=number]::-webkit-inner-spin-button,.PopUpAdd .fields label input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.PopUpAdd .fields label input[type=date]{width:160px}.PopUpAdd .fields label .knob{background-color:red;border-radius:20px;height:30px;position:relative;width:50px}.PopUpAdd .fields label .knob .btn{background-color:#fff;border-radius:50%;cursor:pointer;height:28px;position:absolute;top:1px;transition:all .7s;width:28px}.PopUpAdd .fields .FileInput{align-items:center;column-gap:10px;display:flex;flex-direction:row;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.PopUpAdd .fields .FileInput img{max-width:60px}.PopUpAdd .fields .FileInput .addImg,.PopUpAdd .fields .FileInput .delImg{border-radius:10px;cursor:pointer;padding:8px 20px 10px}.PopUpAdd .fields .FileInput .addImg{background-color:#2c7f75;color:#fff}.PopUpAdd .fields .FileInput .delImg{background-color:initial;border:2px solid #bebebe;color:#4d4d4d}.PopUpAdd .fields .SubField{display:flex;flex-direction:column;row-gap:10px}.PopUpAdd .fields .SubField .SubFields{column-gap:10px;display:flex;flex-wrap:wrap}.PopUpAdd .saveDiscard{column-gap:10px;display:flex;justify-content:flex-end;padding-top:20px;width:100%}.PopUpAdd .saveDiscard .discard,.PopUpAdd .saveDiscard .save{border-radius:10px;cursor:pointer;padding:10px 30px}.PopUpAdd .saveDiscard .save{background-color:#2c7f75;border:1px solid #0000;color:#fff;transition:all .7s}.PopUpAdd .saveDiscard .save:hover{background-color:#1a524c}.PopUpAdd .saveDiscard .discard{background-color:initial;border:1px solid gray;transition:all .7s}.PopUpAdd .saveDiscard .discard:hover{background-color:#dedede;border:1px solid #dedede}.student-list-container{border-radius:15px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex-direction:column;font-family:Inter;height:75vh}.student-list-container .student-list-search{align-items:center;border-bottom:2px solid #c6c6c6;column-gap:10px;display:flex;flex-direction:row}.student-list-container .student-list-search .filter-container{color:#212765;cursor:pointer;display:flex;flex-direction:row;font-family:Inter;font-size:14px;gap:5px;margin-right:5px}.student-list-container .student-list-search .filter-container img{margin:0 0 0 15px;width:14px}.student-list-container .student-list-search .search-bar-wrapper{display:flex;padding:8px 10px 8px 0;width:100%}.student-list-container .student-list-search .search-bar-wrapper .search-bar{background-image:url(/static/media/searchIcon.6eb9e6f0aafed4e28c04.svg);background-position:5px;background-repeat:no-repeat;background-size:2vh;border:1px solid #6d6d6d;border-radius:10px;flex-grow:1;outline:none;padding:10px 10px 10px 35px}.student-list-container .selected-filter{display:flex;flex-wrap:wrap;gap:5px;padding:5px 10px 0}.student-list-container .selected-filter button{align-items:center;background-color:#006576;border:1px solid;border-radius:5px;color:#fff;display:flex;flex-direction:row;gap:5px;padding:5px}.student-list-container .selected-filter .close-filter{cursor:pointer;height:18px;width:18px}.student-list-container .filter img:hover{fill:red}.student-list-container .student-table{border:1px solid #fff;border-radius:15px;overflow-y:auto}.student-list-container .student-table::-webkit-scrollbar{width:8px}.student-list-container .student-table::-webkit-scrollbar-track{background-color:initial;margin-bottom:10px;margin-top:60px}.student-list-container .student-table::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.student-list-container .student-table::-webkit-scrollbar-thumb:hover{background-color:#555}.student-list-container .student-table table{border-collapse:collapse}.student-list-container .student-table tr td,.student-list-container .student-table tr th{cursor:pointer;padding:5px;text-align:center;width:150px}.student-list-container .student-table tr p{cursor:pointer}.student-list-container .student-table tr th{color:#c6c6c6;font-size:12px;font-weight:700;position:-webkit-sticky;position:sticky;text-align:center}.student-list-container .student-table tr td{border-bottom:1px solid #c6c6c6;font-size:12px;padding:15px;text-align:center}.student-list-container .student-table tr td img{border:1px solid #c6c6c6;border-radius:50%;height:6vh;width:6vh}.student-list-container .student-table .checked-color,.student-list-container .student-table tbody :hover{background-color:#006576;color:#fff}.student-list-container .student-table .individualCheckBox{cursor:pointer}.filter-container .filter-options{background-color:#fff;border-radius:10px;box-shadow:1px 1px 100px #656565;display:flex;flex-direction:column;gap:8px;height:72vh;left:25%;overflow:scroll;padding:0 8px;position:absolute;top:25%;width:52vh;z-index:1}.filter-container .filter-options .close-filter-container{display:flex;flex-direction:row;justify-content:flex-end;margin:14px 8px 0 0}.filter-container .filter-options .close-filter-container img{cursor:pointer;margin-bottom:0;width:24px}.filter-container .filter-options .filter-titles{font-size:12px}.filter-container .filter-options .filter-by-container,.filter-container .filter-options .filterItem{border-bottom:1px solid #8a8dac;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.filter-container .filter-options .filter-by-data{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;padding-bottom:18px}.filter-container .filter-options .filter-by-data button{background-color:initial;border:1px solid #8a8dac;border-radius:5px;color:#3c4177;padding:5px}.filter-container .filter-options .done-container{display:flex;flex-direction:row;justify-content:flex-end;margin:14px 8px 0 0}.filter-container .filter-options .done-container .done-button{background-color:#3c4177;border:1px solid;border-radius:5px;color:#fff;font-size:14px;font-weight:700;padding:8px}.filter-container .filter-options .selected-item button{background-color:#006576;color:#fff}.popUpDelete{align-items:center;animation:popupBasicDetails .7s forwards;background-color:#fff;border-radius:10px;box-shadow:1px 1px 100px #656565;display:flex;flex-direction:column;left:25%;padding:10px 20px 20px;position:absolute;text-align:center;top:10%;width:320px;z-index:1}.popUpDelete .closeBtn{align-self:flex-end!important;cursor:pointer}.popUpDelete .dangerSign{width:50%}.popUpDelete .cancel-delete-container{column-gap:20px;display:flex}.popUpDelete .cancel-delete-container .cancelBtn,.popUpDelete .cancel-delete-container .deleteBtn{border-radius:6px;cursor:pointer;padding:10px 20px}.popUpDelete .cancel-delete-container .cancelBtn{background-color:#557573;color:#fff;transition:all .5s}.popUpDelete .cancel-delete-container .cancelBtn:hover{background-color:#89aeac;box-shadow:1px 1px 10px gray;color:#453f3f}.popUpDelete .cancel-delete-container .deleteBtn{background-color:#cc0707;color:#fff;transition:all .5s}.popUpDelete .cancel-delete-container .deleteBtn:hover{background-color:#ff1414;box-shadow:1px 1px 10px gray;color:#fff}.PopUpEditAdd{background-color:#fff;border-radius:20px;box-shadow:0 0 10px #353434;display:flex;flex-direction:column;left:15%;padding:20px;position:absolute;top:0;width:560px;z-index:1}.PopUpEditAdd .closeIcon{align-self:flex-end;cursor:pointer;width:30px}.PopUpEditAdd .fields{column-gap:10px;display:flex;flex-wrap:wrap;row-gap:10px}.PopUpEditAdd .fields label{display:flex;flex-direction:column;row-gap:10px}.PopUpEditAdd .fields label span{font-family:Inter}.PopUpEditAdd .fields label input[type=date],.PopUpEditAdd .fields label input[type=number],.PopUpEditAdd .fields label input[type=text]{border:1px solid gray;border-radius:10px;height:35px;outline:none;padding:0 0 0 10px}.PopUpEditAdd .fields label input[type=number]::-webkit-inner-spin-button,.PopUpEditAdd .fields label input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.PopUpEditAdd .fields label input[type=date]{width:160px}.PopUpEditAdd .fields label .knob{border-radius:30px;box-shadow:inset 0 0 4px #000c;height:37px;position:relative;transition:all .7s;width:75px}.PopUpEditAdd .fields label .knob .circle{background-color:#eeebeb;border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px #363636;cursor:pointer;height:30px;left:2px;position:absolute;top:1.8px;transition:all .5s;width:30px;z-index:1}.PopUpEditAdd .fields .FileInput{align-items:center;column-gap:10px;display:flex;flex-direction:row;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.PopUpEditAdd .fields .FileInput img{max-width:60px}.PopUpEditAdd .fields .FileInput .addImg,.PopUpEditAdd .fields .FileInput .delImg{border-radius:10px;cursor:pointer;padding:8px 20px 10px}.PopUpEditAdd .fields .FileInput .addImg{background-color:#2c7f75;color:#fff}.PopUpEditAdd .fields .FileInput .delImg{background-color:initial;border:2px solid #bebebe;color:#4d4d4d}.PopUpEditAdd .fields .SubField{display:flex;flex-direction:column;row-gap:10px}.PopUpEditAdd .fields .SubField .SubFields{column-gap:10px;display:flex;flex-wrap:wrap}.PopUpEditAdd .saveDiscard{column-gap:10px;display:flex;justify-content:flex-end;padding-top:20px;width:100%}.PopUpEditAdd .saveDiscard .discard,.PopUpEditAdd .saveDiscard .save{border-radius:10px;cursor:pointer;padding:10px 30px}.PopUpEditAdd .saveDiscard .save{background-color:#2c7f75;border:1px solid #0000;color:#fff;transition:all .7s}.PopUpEditAdd .saveDiscard .save:hover{background-color:#1a524c}.PopUpEditAdd .saveDiscard .discard{background-color:initial;border:1px solid gray;transition:all .7s}.PopUpEditAdd .saveDiscard .discard:hover{background-color:#dedede;border:1px solid #dedede}.PopUpExport{animation:popupBasicDetails .7s forwards;background-color:#fff;border-radius:10px;box-shadow:1px 1px 10px #474747;display:flex;flex-direction:column;font-family:Inter;left:30%;padding:10px 20px;position:absolute;top:20%;width:350px;z-index:1}.PopUpExport .upperSec{align-items:center;display:flex}.PopUpExport .upperSec h4{flex-grow:1;margin:10px}.PopUpExport .upperSec .closeBtn{display:flex;flex-direction:column;flex-grow:1}.PopUpExport .upperSec .closeBtn img{align-self:flex-end;cursor:pointer}.PopUpExport .studentSelected{max-height:300px;overflow-y:auto}.PopUpExport .studentSelected::-webkit-scrollbar{width:8px}.PopUpExport .studentSelected::-webkit-scrollbar-track{background-color:initial;margin-top:30px}.PopUpExport .studentSelected::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.PopUpExport .studentSelected::-webkit-scrollbar-thumb:hover{background-color:#555}.PopUpExport .studentSelected thead{background-color:#fff;position:fixed;top:48px}.PopUpExport .studentSelected thead tr{display:flex}.PopUpExport .studentSelected thead tr th{padding:1px 3px 8px 25px;text-align:end}.PopUpExport .studentSelected tbody{display:flex;flex-direction:column;margin:40px 0 0;row-gap:10px}.PopUpExport .studentSelected .studentDetails{align-items:center;border:1px solid #a2a2a2;border-radius:10px;display:flex}.PopUpExport .studentSelected .studentDetails td{flex-grow:1;padding:10px}.PopUpExport .studentSelected .studentDetails td img{border:2px solid gray;border-radius:50%;width:60px}.PopUpExport .methods{align-self:center;column-gap:20px;display:flex;padding:10px 0}.PopUpExport .methods .Pdf{background-color:#af0000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;padding:10px 30px;transition:all .8s}.PopUpExport .methods .Pdf:hover{background-color:#7c0000}.PopUpExport .methods .Csv{background-color:#0f9089;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;padding:10px 30px;transition:all .8s}.PopUpExport .methods .Csv:hover{background-color:#0a625d}.PopUpExport .methods .Xls{background-color:#0b9142;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;padding:10px 30px;transition:all .8s}.PopUpExport .methods .Xls:hover{background-color:#07622c}.AdminStudentAddExport{background-color:#fff;border-radius:10px;box-shadow:1px 1px 10px gray;column-gap:10px;display:flex;padding:10px}.AdminStudentAddExport .Add-btn,.AdminStudentAddExport .ExportAll-btn{border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px 10px;transition:all .7s}.AdminStudentAddExport .Add-btn{background-color:#00ba88}.AdminStudentAddExport .Add-btn:hover{background-color:#09e0a7}.AdminStudentAddExport .ExportAll-btn{background-color:#068396}.AdminStudentAddExport .ExportAll-btn:hover{background-color:#00a8c2}.AdminStudentDetails{border-radius:16px;box-shadow:1px 1px 10px #696969;font-family:Inter;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.AdminStudentDetails .UpperSec{align-items:center;background-color:#006676;border-top-left-radius:16px;border-top-right-radius:16px;column-gap:20px;display:flex;padding:10px}.AdminStudentDetails .UpperSec img{border-radius:50%;width:60px}.AdminStudentDetails .UpperSec .shortDescript{color:#fff;display:flex;flex-direction:column;row-gap:5px}.AdminStudentDetails .UpperSec .shortDescript .studentName{font-size:20px}.AdminStudentDetails .UpperSec .shortDescript .class{font-size:12px;font-size:light}.AdminStudentDetails .infoSection{display:flex;flex-direction:column;height:75%;padding:20px;row-gap:20px}.AdminStudentDetails .infoSection .BasicDetails{border:2px solid #ddd;border-radius:10px;display:flex;flex-direction:column;padding:0 16px 8px;row-gap:20px}.AdminStudentDetails .infoSection .BasicDetails .studentAdditionalDetails,.AdminStudentDetails .infoSection .BasicDetails .studentDetails{align-items:center;display:flex}.AdminStudentDetails .infoSection .BasicDetails .studentAdditionalDetails .DetailBlock,.AdminStudentDetails .infoSection .BasicDetails .studentDetails .DetailBlock{display:flex;flex-direction:column;max-width:150px;row-gap:10px}.AdminStudentDetails .infoSection .BasicDetails .studentAdditionalDetails .DetailBlock .blockName,.AdminStudentDetails .infoSection .BasicDetails .studentDetails .DetailBlock .blockName{color:#a3a3a3;font-size:12px}.AdminStudentDetails .infoSection .BasicDetails .studentAdditionalDetails .DetailBlock .blockData,.AdminStudentDetails .infoSection .BasicDetails .studentDetails .DetailBlock .blockData{color:#006676;font-size:13px;font-weight:700}.AdminStudentDetails .infoSection .BasicDetails .studentDetails{column-gap:80px}.AdminStudentDetails .infoSection .BasicDetails .studentAdditionalDetails{column-gap:20px}.AdminStudentDetails .infoSection .BasicDetails .studentAdditionalDetails .DetailBlock .blockData{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AdminStudentDetails .infoSection .BasicDetails .Title{align-items:center;color:#006676;display:grid;grid-template-columns:auto auto;height:40px}.AdminStudentDetails .infoSection .BasicDetails .Title .edit-delete-container{display:flex;justify-self:flex-end}.AdminStudentDetails .infoSection .BasicDetails .Title .edit-delete-container img{cursor:pointer}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec{animation:popupBasicDetails 1s forwards;background-color:#fff;border-radius:10px;box-shadow:1px 1px 100px #656565;left:25%;padding:0 20px 20px;position:absolute;top:25%;z-index:1}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .upperContainer{align-items:center;display:grid;grid-template-columns:auto auto;width:100%}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .upperContainer img{cursor:pointer;justify-self:flex-end}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields{column-gap:20px;display:flex}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .left-side-container,.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .middle-side-container,.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .right-side-1-container{display:flex;flex-direction:column;row-gap:10px;width:200px}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .left-side-container label,.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .middle-side-container label,.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .right-side-1-container label{display:flex;flex-direction:column;row-gap:5px}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .left-side-container label input,.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .middle-side-container label input,.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .right-side-1-container label input{background-color:#e6e6e6;border:1px solid silver;border-radius:10px;height:30px;padding:0 10px}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .left-side-container label input:focus,.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .middle-side-container label input:focus,.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .right-side-1-container label input:focus{background-color:#fff}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .middle-side-container label .classCompletion{background-color:#01dcbb;border-radius:20px;height:34px;position:relative;width:68px}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .middle-side-container label .classCompletion .switch{background-color:#efefef;border:2px solid #fff;border-radius:50%;box-shadow:1px 1px 5px gray;cursor:pointer;height:27px;position:absolute;top:2px;width:27px}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .middle-side-container label .classCompletion .switchText{color:#fff;font-weight:700;position:absolute;top:8px}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .right-side-container{display:flex;flex-direction:column;row-gap:8px}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .right-side-container .choose-Drop-and-Drag-img{border:1px dashed gray;border-radius:10px;color:silver;cursor:pointer;padding:50px 25px;transition:all .5s;width:inherit}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .right-side-container .choose-Drop-and-Drag-img span{display:block;text-align:center;width:150px}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .fields .right-side-container .choose-Drop-and-Drag-img:hover{background-color:#e7e7e7;color:#727272}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .update-btn{background-color:#006676;border-radius:10px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px;transition:all .5s;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.AdminStudentDetails .infoSection .BasicDetails .popUpEditSec .update-btn:hover{background-color:#0097ae;box-shadow:1px 1px 10px gray}.AdminStudentDetails .infoSection .BasicDetails .popUpDeleteSec{align-items:center;animation:popupBasicDetails .7s forwards;background-color:#fff;border-radius:10px;box-shadow:1px 1px 100px #656565;flex-direction:column;left:40%;padding:10px 20px 20px;position:absolute;text-align:center;top:25%;width:320px;z-index:1}.AdminStudentDetails .infoSection .BasicDetails .popUpDeleteSec .closeBtn{align-self:flex-end!important;cursor:pointer}.AdminStudentDetails .infoSection .BasicDetails .popUpDeleteSec .dangerSign{width:50%}.AdminStudentDetails .infoSection .BasicDetails .popUpDeleteSec .cancel-delete-container{column-gap:20px;display:flex}.AdminStudentDetails .infoSection .BasicDetails .popUpDeleteSec .cancel-delete-container .cancelBtn,.AdminStudentDetails .infoSection .BasicDetails .popUpDeleteSec .cancel-delete-container .deleteBtn{border-radius:6px;cursor:pointer;padding:10px 20px}.AdminStudentDetails .infoSection .BasicDetails .popUpDeleteSec .cancel-delete-container .cancelBtn{background-color:#557573;color:#fff;transition:all .5s}.AdminStudentDetails .infoSection .BasicDetails .popUpDeleteSec .cancel-delete-container .cancelBtn:hover{background-color:#89aeac;box-shadow:1px 1px 10px gray;color:#453f3f}.AdminStudentDetails .infoSection .BasicDetails .popUpDeleteSec .cancel-delete-container .deleteBtn{background-color:#cc0707;color:#fff;transition:all .5s}.AdminStudentDetails .infoSection .BasicDetails .popUpDeleteSec .cancel-delete-container .deleteBtn:hover{background-color:#ff1414;box-shadow:1px 1px 10px gray;color:#fff}@keyframes popupBasicDetails{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.AdminStudentDetails .infoSection .AttendanceGradeGraph{border:2px solid #ddd;border-radius:10px;display:flex;flex-direction:column;min-height:200px}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions{display:grid;grid-template-rows:auto auto}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .options{border-bottom:1px solid #ddd;display:flex}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .options .option{background-color:#dadada;color:#919191;cursor:pointer;padding:10px}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame{column-gap:10px;display:flex;justify-self:flex-end;margin:8px 20px 8px 0}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .monthSec,.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .yearSec{border:1px solid #6f6f6f;border-radius:10px;cursor:pointer;font-size:12px;padding:6px 7px 8px;transition:all .5s}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .monthSec:hover,.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .yearSec:hover{background-color:#6f6f6f;color:#fff}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .monthSec .months,.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .yearSec .years{background-color:#fff;border-radius:10px;box-shadow:1px 1px 10px #000;display:none;left:0;max-height:90px;overflow-x:hidden;overflow-y:auto;position:absolute;top:28px;z-index:1}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .monthSec .months::-webkit-scrollbar,.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .yearSec .years::-webkit-scrollbar{width:8px}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .monthSec .months::-webkit-scrollbar-track,.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .yearSec .years::-webkit-scrollbar-track{background-color:initial}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .monthSec .months::-webkit-scrollbar-thumb,.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .yearSec .years::-webkit-scrollbar-thumb{background-color:gray;border-radius:10px}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .monthSec .months .month,.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .yearSec .years .year{border-bottom:1px solid #9e9e9e;color:#666;cursor:pointer;font-size:12px;padding:7px 0;text-align:center;transition:all .5s}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .monthSec{position:relative;text-align:center}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .monthSec .months .month{width:70px}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .monthSec .months .month:hover{background-color:gray;color:#fff}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .monthSec:hover .months{display:flex;flex-direction:column}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .yearSec{position:relative}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .yearSec .years .year{width:45px}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .yearSec .years .year:hover{background-color:gray;color:#fff}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .TimeFrame .yearSec:hover .years{display:flex;flex-direction:column}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .courseSelector{column-gap:10px;display:flex;margin-bottom:5px;max-width:500px;overflow-x:auto;padding:4px}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .courseSelector::-webkit-scrollbar{height:10px}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .courseSelector::-webkit-scrollbar-track{background-color:initial}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .courseSelector::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .courseSelector::-webkit-scrollbar-thumb:hover{background-color:#555}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .courseSelector table{border-collapse:collapse}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .courseSelector .course{align-items:center;border:1px solid #6f6f6f;border-radius:10px;column-gap:5px;cursor:pointer;display:flex;font-size:12px;padding:8px;transition:all .6s}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .courseSelector .course .dot{border-radius:50%;height:4px;width:4px}.AdminStudentDetails .infoSection .AttendanceGradeGraph .GraphOptions .courseSelector .course:hover{background-color:silver}.AdminStudentDetails .infoSection .AttendanceGradeGraph .custom-tooltip{background-color:#fff;border-radius:10px;box-shadow:1px 1px 10px gray;display:flex;flex-direction:column;row-gap:8px}.AdminStudentDetails .infoSection .AttendanceGradeGraph .custom-tooltip .label{background-color:#006676;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;font-size:12px;padding:8px}.AdminStudentDetails .infoSection .AttendanceGradeGraph .custom-tooltip .data{display:flex;flex-direction:column;font-size:12px;padding:0 8px 10px;text-align:center}.Events-Container{display:flex;flex-direction:column;flex-grow:1;gap:12px;height:95vh;position:relative;width:100%}.Events-Container .Events-Calendar-Container{column-gap:12px;display:flex;flex-direction:row;height:90%}.Events-Container .Events-Calendar-Container .Events-Content{border-radius:10px;box-shadow:0 0 10px #00000080;display:flex;flex-direction:column;flex-grow:1}.CalendarMini{align-items:center;column-gap:10px;display:flex;flex-direction:column;padding:10px}.CalendarMini .CalendarMini-Header{align-items:center;display:flex;gap:6rem;width:80%}.CalendarMini .CalendarMini-Header .CalendarMini-Month{font-size:1.2rem;font-weight:700;text-align:start}.CalendarMini .CalendarMini-Header .CalendarMini-AddIcon{cursor:pointer;flex-grow:1;font-size:1.7rem;text-align:end}.CalendarMini .CalendarMini-Grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr)}.CalendarMini .CalendarMini-Day{align-items:center;cursor:pointer;display:flex;height:35px;justify-content:center;width:40px}.CalendarMini .CalendarMini-Day.is-today{border:1px solid #0078d5;border-radius:50%}.CalendarMini .CalendarMini-Day.is-selected{background-color:#0078d5;border-radius:50%;color:#fff}.CalendarComp{display:flex;flex-direction:column}.CalendarComp .Calendar{background-color:#f8f9f9;border-radius:10px;box-shadow:0 0 6px #666;display:flex;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.CalendarComp .Calendar .DayColumn h3{color:#666;font-size:inherit;font-weight:700;margin:0;padding:8px 0;text-align:center}.CalendarComp .Calendar .DayColumn .listOfDays{align-items:center;display:flex;flex-direction:column}.CalendarComp .Calendar .DayColumn .listOfDays .DayBlock{background-color:#feffff;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;height:90px;position:relative;width:110px}.CalendarComp .Calendar .DayColumn .listOfDays .DayBlock .EventCard{align-items:center;background-color:#0078d5;border-radius:6px;color:#fff;column-gap:6px;cursor:pointer;display:flex;height:24px;margin:36px 0 0;padding:0 6px 0 2px;position:relative;text-align:center;width:90%}.CalendarComp .Calendar .DayColumn .listOfDays .DayBlock .EventCard .title{height:inherit;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:70px}.CalendarComp .Calendar .DayColumn .listOfDays .DayBlock .EventCard .whiteRect{background-color:#fff;border-bottom-left-radius:4px;border-top-left-radius:4px;height:80%;width:8px}.CalendarComp .Calendar .DayColumn .listOfDays .DayBlock .EventCard img{width:15px}.CalendarComp .Calendar .DayColumn .listOfDays .DayBlock .day{color:#666;font-weight:700;left:10px;padding:1px 0 2px;position:absolute;text-align:center;top:8px;width:24px}.CalendarNavigation{align-items:center;color:#4b4b4b;display:flex;padding:10px 0 18px;width:100%}.CalendarNavigation .todayBtn{align-items:center;column-gap:10px;cursor:pointer;display:flex;flex-direction:row;flex-grow:1}.CalendarNavigation .todayBtn img{width:20px}.CalendarNavigation .monthNavigation{cursor:pointer;flex-grow:2}.CalendarNavigation .monthNavigation .innerDiv{align-items:center;column-gap:10px;display:flex;margin:0 auto;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.CalendarNavigation .monthNavigation .innerDiv h1{margin:0;text-align:center;width:200px}.CalendarNavigation .monthNavigation .innerDiv img{cursor:pointer;width:16px}.CalendarNavigation .yearMonthNav{column-gap:10px;cursor:pointer;display:flex;position:relative}.CalendarNavigation .yearMonthNav .monthList::-webkit-scrollbar{width:8px}.CalendarNavigation .yearMonthNav .monthList::-webkit-scrollbar-track{background-color:initial;margin:10px}.CalendarNavigation .yearMonthNav .monthList::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.CalendarNavigation .yearMonthNav .monthList::-webkit-scrollbar-thumb:hover{background-color:#555}.CalendarNavigation .yearMonthNav .yearSelection{background-color:#fff;border-radius:10px;box-shadow:0 0 10px gray;display:flex;flex-wrap:wrap;position:absolute;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:1}.CalendarNavigation .yearMonthNav .yearSelection .backFrontNav{align-items:center;column-gap:10px;display:flex;padding:10px 0 10px 10px;width:100%}.CalendarNavigation .yearMonthNav .yearSelection .backFrontNav img{width:16px}.CalendarNavigation .yearMonthNav .yearSelection .option{border-radius:10px;font-size:12px;padding:10px}.CalendarNavigation .yearMonthNav .yearSelection .option:hover{background-color:#888;color:#fff}.CalendarNavigation .yearMonthNav .navYearOrMonth{background-color:#fff;border-radius:10px;box-shadow:0 0 10px gray;left:32px;position:absolute;top:0;width:60%}.CalendarNavigation .yearMonthNav .navYearOrMonth .option{font-size:12px;font-weight:700;padding:10px 0;text-align:center}.CalendarNavigation .yearMonthNav .navYearOrMonth .option:hover{background-color:#888;color:#fff}.CalendarNavigation .yearMonthNav img{width:20px}.CalendarNavigation .yearMonthNav .monthList{background-color:#fff;border-radius:10px;box-shadow:0 0 10px gray;display:flex;flex-wrap:wrap;height:120px;left:-10px;overflow-y:auto;position:absolute;width:160px;z-index:1}.CalendarNavigation .yearMonthNav .monthList .month{cursor:pointer;padding:10px}.CalendarNavigation .yearMonthNav .monthList .month:hover{background-color:#d7d6d6}.calendar-group-container{padding:0 10px 10px 30px}.calendar-group-container .calendar-types{display:flex;flex-direction:column;gap:8px}.calendar-group-container .calendar-types .calendar-type{align-items:center;column-gap:8px;display:flex}.calendar-group-container .calendar-types .calendar-type .custom-radio{align-items:center;background-color:#fff;border:2px solid #aaa;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;position:relative;width:20px}.calendar-group-container .calendar-types .calendar-type .custom-radio.selected{background-color:#007bff;border-color:#007bff}.calendar-group-container .calendar-types .calendar-type .custom-radio.selected:after{background-color:#fff;border-radius:50%;box-sizing:border-box;content:"";height:40%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40%}.FloatViewEvent{background-color:#fff;border-radius:10px;box-shadow:0 0 10px gray;color:#666;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:130px;position:absolute;width:300px;z-index:1}.FloatViewEvent .upperPart{background-color:hsla(0,0%,84%,.839);border-top-left-radius:10px;border-top-right-radius:10px;column-gap:10px;display:flex;padding:8px 0 8px 10px}.FloatViewEvent .upperPart .people{display:flex;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:172px}.FloatViewEvent .upperPart img{cursor:pointer;justify-self:flex-end;width:20px}.FloatViewEvent .middlePart{display:flex;flex-direction:column;row-gap:10px}.FloatViewEvent .middlePart h2{border-bottom:1px solid #ddd;margin:0 0 0 50px;padding:8px 0;text-align:start;width:83%}.FloatViewEvent .middlePart .elem{align-items:center;column-gap:8px;display:flex;padding:10px 0 10px 20px}.FloatViewEvent .middlePart .elem img{width:20px}.FloatViewEvent .middlePart .elem span{border-bottom:1px solid #ddd;flex-grow:1;padding:0 0 5px;text-align:start}.FloatViewEvent .middlePart .elem1{align-items:center;column-gap:8px;display:flex;padding:10px 0 10px 20px}.FloatViewEvent .middlePart .elem1 img{width:20px}.FloatViewEvent .middlePart .elem1 span{flex-grow:1;padding:0 0 5px;text-align:start}.CreateEvent-Overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.CreateEvent-Overlay .CreateEvent-bg{background:#ededec;border-radius:8px;box-shadow:0 10px 25px #0000001a}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box{background:#fff;border-radius:8px;height:50rem;margin:20px;overflow-x:hidden;overflow-y:scroll;padding:10px 20px;width:80rem}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box input[type=file]{border:none;margin:10px 0;padding:0}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-FileInputLabel{border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;display:block;padding:10px 20px;text-align:center}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-FileInputLabel:hover{background-color:#e5e5e5}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-CloseBtn{background:none;border:none;cursor:pointer;float:right;font-size:1.5rem;padding:10px}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-Form{padding:20px}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-Form h2{color:#333;margin-top:0}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-Form input,.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-Form select,.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-Form textarea{border:none;border-bottom:1px solid #ccc;box-sizing:border-box;margin-bottom:15px;padding:10px;width:100%}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-Form input:focus{outline:none}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-Form button{background-color:#0078d5;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-Form button:hover{background-color:#0056b3}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-Form .btn-discard{background-color:#fff;border:1px solid #e2e2e2;color:#0078d5}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-Form .btn-discard:hover{background-color:#c2bebe}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .CreateEvent-Form label{display:block;margin-bottom:5px}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .Text-Events{animation:popUpAddEvent .7s forwards;border-radius:10px;box-shadow:1px 1px 10px gray;padding:10px}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .Text-Events .EventDescriptAndTextEdit{background-color:#fff;border-radius:10px;padding:10px}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .Text-Events .EventDescriptAndTextEdit .TextEditor .ql-snow{border:none}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .Text-Events .EventDescriptAndTextEdit .SaveDiscard{column-gap:10px;display:flex;padding:10px}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .Text-Events .EventDescriptAndTextEdit .SaveDiscard .discard,.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .Text-Events .EventDescriptAndTextEdit .SaveDiscard .save{border:1px solid #ededec;border-radius:10px;font-weight:700;padding:10px 16px}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .Text-Events .EventDescriptAndTextEdit .SaveDiscard .save{background-color:#0078d4;color:#fff;cursor:pointer}.CreateEvent-Overlay .CreateEvent-bg .CreateEvent-Box .Text-Events .EventDescriptAndTextEdit .SaveDiscard .discard{background-color:#fff;color:#0078d4;cursor:pointer}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.ve-overlay{align-items:center;background-color:#bab9b980;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ve-overlay .ve-bg{background:#ededec;flex-direction:row;gap:15px}.ve-overlay .ve-bg,.ve-overlay .ve-bg .ve-container{border-radius:8px;box-shadow:0 10px 25px #0000001a;display:flex}.ve-overlay .ve-bg .ve-container{background-color:#fff;flex-direction:column;height:30rem;overflow:hidden;padding:10px 20px;width:50rem}.ve-overlay .ve-bg .ve-container .ve-border{border-bottom:1px solid #000;margin:15px}.ve-overlay .ve-bg .ve-container .ve-title{align-items:center;display:flex;flex-direction:row;gap:20px}.ve-overlay .ve-bg .ve-container .ve-title .ve-color:before{background-color:red;border:5px solid red;border-radius:50px;color:red;content:"ss"}.ve-overlay .ve-bg .ve-container .ve-time-date{align-items:flex-start;display:flex;flex-direction:row;gap:20px}.ve-overlay .ve-bg .ve-container .ve-time-date img{padding-top:10px;width:30px}.ve-overlay .ve-bg .ve-container .ve-location{display:flex;flex-direction:row;gap:20px}.ve-overlay .ve-bg .ve-container .ve-location img{width:30px}.ve-overlay .ve-bg .ve-container .ve-details{display:flex;flex-direction:column}.ve-overlay .ve-bg .ve-container .ve-details .ve-detail-title{border-bottom:3px solid #0078d4;color:#0078d4;margin-right:auto}.ve-overlay .ve-bg .ve-container .ve-details .ve-detail{margin:15px}.ve-overlay .ve-bg .ve-invitees{background-color:#fff;border-radius:8px;height:auto;padding:10px 20px;width:15rem}.ve-overlay .ve-bg .ve-invitees .ve-CloseBtn{background:none;border:none;cursor:pointer;font-size:1.5rem;font-weight:bolder;padding:10px;position:relative;transform:translate(13rem)}.ve-overlay .ve-bg .ve-invitees .ve-invitees-title{color:#000}.ve-overlay .ve-bg .ve-invitees .ve-people{display:flex;flex-direction:column;overflow-y:scroll}.EventList{overflow-y:auto;position:relative}.EventList::-webkit-scrollbar{width:8px}.EventList::-webkit-scrollbar-track{background-color:initial;margin:8px 0 0}.EventList::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.EventList::-webkit-scrollbar-thumb:hover{background-color:#555}.EventList .EventItem-Container{border-bottom:1px solid #e2e2e2;cursor:pointer;display:flex;flex-direction:column;padding:10px}.EventList .EventItem-Container .EventItem-Date{color:#2b2b2b;font-size:.8rem;font-weight:400}.EventList .EventItem-Container .EventItems{align-items:flex-start;display:flex;flex-direction:row;gap:15px;justify-items:center;margin-top:10px}.EventList .EventItem-Container .EventItems .EventItem-Divider{border-left:5px solid red;border-radius:50px;content:"";height:45px;position:relative;width:0}.EventList .EventItem-Container .EventItems .EventItem-Time{color:#666;display:flex;flex-direction:column}.EventList .EventItem-Container .EventItems .EventItem-Time .EventItem-Duration{font-weight:400}.EventList .EventItem-Container .EventItems .EventItem-Details{display:flex;flex-direction:column;gap:5px}.EventList .EventItem-Container .EventItems .EventItem-Details .EventItem-Title{color:#000;font-size:1rem;font-weight:700}.EventList .EventItem-Container .EventItems .EventItem-Details .EventItem-Link{color:#666;font-size:.8rem;text-decoration:none}.InfoCard{border-radius:10px;box-shadow:0 0 10px #acacac;font-family:Inter;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;max-width:320px;padding:10px 25px 16px;row-gap:14px}.InfoCard,.InfoCard .UpperPart{display:flex;flex-direction:column}.InfoCard .UpperPart{row-gap:8px}.InfoCard .UpperPart .legend{display:flex;justify-content:space-between}.InfoCard .UpperPart .legend h3{margin:10px 0}.InfoCard .UpperPart .legend img{cursor:pointer;width:25px}.InfoCard .UpperPart .profile{align-items:center;align-self:center;color:#0254ec;column-gap:16px;display:flex;flex-direction:row}.InfoCard .UpperPart .profile .InfoCard-Name-disciplines{align-items:flex-start;display:flex;flex-direction:column}.InfoCard .UpperPart .profile .InfoCard-Name-disciplines .Name{margin:0}.InfoCard .UpperPart .profile .InfoCard-Name-disciplines .disciplines{align-items:flex-start;display:flex;flex-direction:column}.InfoCard .UpperPart .profile .InfoCard-Name-disciplines .disciplines .course{font-size:13px}.InfoCard .UpperPart .profile .profileCirle{border:5px solid #fff;border-radius:50%;box-shadow:0 0 10px gray;height:100px;width:100px}.InfoCard .UpperPart .profile .profileCirle img{border-radius:50%;width:100px}.InfoCard .UpperPart .profile .contacts{column-gap:20px;display:flex}.InfoCard .UpperPart .profile .contacts .contactIcons{background-color:#dfdfdf;border:5px solid #dfdfdf;border-radius:50%;cursor:pointer;padding:5px 5px 0}.InfoCard .UpperPart .profile .contacts .contactIcons img{width:20px}.InfoCard .about{display:flex;flex-direction:column;row-gap:8px}.InfoCard .about .aboutText{font-size:14px;margin:0}.InfoCard .about h3{margin:0}.InfoCard .additionalInfo{grid-row-gap:20px;grid-column-gap:10%;-moz-column-gap:10%;column-gap:10%;display:grid;grid-template-columns:auto auto;row-gap:20px;width:100%}.InfoCard .additionalInfo .elm{display:flex;flex-direction:column;row-gap:6px}.InfoCard .additionalInfo .elm .title{font-weight:700}.InfoCard .additionalInfo .elm .value{font-size:14px}.TeacherNavBar{padding:20px 10px;position:relative}.TeacherNavBar,.TeacherNavBar .options{column-gap:10px;display:flex;justify-content:space-between}.TeacherNavBar .options{min-width:350px}.TeacherNavBar .options .addTeacher,.TeacherNavBar .options .exportCsv{border:none;border-radius:10px;box-shadow:0 0 10px #acacac;cursor:pointer;font-size:16px;padding:10px 30px}.TeacherNavBar .options .addTeacher{background-color:#0254ec;color:#fff;font-size:16px}.TeacherNavBar .options .exportCsv{background-color:#fff}.TeacherNavBar .searchEngTeacher{border-radius:10px;box-shadow:0 0 10px #acacac;column-gap:6px;display:flex;flex-grow:2;padding:0 0 0 10px}.TeacherNavBar .searchEngTeacher img{width:20px}.TeacherNavBar .searchEngTeacher input{border:none;border-radius:10px;color:gray;font-size:16px;outline:none;padding:10px 0;width:100%}.AddTeacher{animation:appear .6s ease-in forwards;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 0 10px gray;display:flex;flex-direction:column;left:25%;max-width:400px;padding:30px;position:absolute;row-gap:20px}.AddTeacher .profilePicture{align-items:center;display:flex;flex-direction:column}.AddTeacher .profilePicture .circle{background-color:#fff;border:5px solid #fff;border-radius:50%;box-shadow:0 0 10px gray;cursor:pointer;height:100px;position:relative;width:100px}.AddTeacher .profilePicture .circle .editAdd{background-color:#fff;border-radius:50%;bottom:-10px;box-shadow:0 0 10px gray;height:30px;position:absolute;right:0;width:30px}.AddTeacher .profilePicture .circle .editAdd img{width:30px}.AddTeacher .profilePicture .circle img{border-radius:50%;width:100px}.AddTeacher .profilePicture .imageInputField{height:0;width:0}.AddTeacher .contacts input,.AddTeacher .fullName input{background-color:initial;border:none;border-bottom:1px solid gray;outline:none;padding:10px 8px}.AddTeacher .contacts input::placeholder,.AddTeacher .fullName input::placeholder{color:#000}.AddTeacher .fullName{column-gap:38px;display:flex}.AddTeacher .fullName input{flex-grow:1}.AddTeacher .contacts{column-gap:38px;display:flex;flex-wrap:wrap;row-gap:16px}.AddTeacher .contacts input{flex-grow:1}.AddTeacher .contacts .address{flex-grow:2}.AddTeacher .genderDob{display:flex;justify-content:space-between}.AddTeacher .genderDob .gender{cursor:pointer;position:relative}.AddTeacher .genderDob .gender .selectedGender{border:1px solid #292929;border-radius:10px;padding:6px 10px;width:120px}.AddTeacher .genderDob .gender .genderList{border-radius:10px;box-shadow:0 0 10px gray;display:none;flex-direction:column;position:absolute}.AddTeacher .genderDob .gender .genderList .genderElm{background-color:#fff;border-bottom:1px solid gray;padding:6px 10px;width:120px}.AddTeacher .genderDob .gender .genderList .genderElm:hover{background-color:gray;color:#fff}.AddTeacher .genderDob .dob{align-items:center;column-gap:10px;display:flex}.AddTeacher .genderDob .dob input{border:1px solid gray;border-radius:10px;font-family:Inter;height:100%;outline:none;padding:0 8px}.AddTeacher .submission{display:flex;justify-content:space-between}.AddTeacher .submission .addTeacherBtn,.AddTeacher .submission .discTeacherBtn{color:#fff;cursor:pointer;font-size:medium;padding:10px 40px}.AddTeacher .submission .addTeacherBtn{background-color:#0254ec;border:none}.AddTeacher .submission .discTeacherBtn{background-color:#cc2002;border:none}@keyframes appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.teachers-list-container{display:flex;flex-wrap:wrap;gap:15px;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content}.teachers-list-container .teachers-list-grid{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #acacac;column-gap:15px;display:flex;flex-direction:row;height:160px;justify-content:flex-start;padding:0 20px;width:230px}.teachers-list-container .teachers-list-grid .teachers-profile-pic{border-radius:50%;box-shadow:0 0 10px gray;height:80px;width:80px}.teachers-list-container .teachers-list-grid .teachers-profile-pic img{border-radius:50%;width:80px}.teachers-list-container .teachers-list-grid .teachers-info{align-items:flex-start;display:flex;flex-direction:column;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.teachers-list-container .teachers-list-grid .teachers-info .teachers-fullname h3{font-weight:600;margin:10px}.teachers-list-container .teachers-list-grid .teachers-info .teachers-disciplines{align-items:flex-start;display:flex;flex-direction:column;max-height:60px;overflow:hidden}.teachers-list-container .teachers-list-grid .teachers-info .teachers-disciplines .course{color:#929292;font-weight:400;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teachers-list-container .teachers-list-grid .teachers-info .teachers-profile-link{cursor:pointer}.teachers-list-container .teachers-list-grid .teachers-info .teachers-profile-link p{color:blue;font-size:12px;font-weight:500}.pagination{align-items:center;align-self:flex-end;column-gap:10px;display:flex;flex-direction:row;justify-items:center}.pagination button{background-color:initial;border:1px solid #929292;border-radius:50%;color:#929292;cursor:pointer;padding:8px 12px}.pagination button.active{background-color:#6955f9;border:none;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.SideBarSettings{border-right:1px solid #a5a5a5;display:flex;flex-direction:column;min-width:200px;padding:10px 30px 0 10px;row-gap:20px}.SideBarSettings .option,.SideBarSettings .optionClicked{align-items:center;column-gap:20px;cursor:pointer;display:flex;padding:8px;transition:all .7s}.SideBarSettings .option span,.SideBarSettings .optionClicked span{font-size:16px}.SideBarSettings .option img,.SideBarSettings .optionClicked img{width:30px}.SideBarSettings .optionClicked{background-color:rgba(37,135,201,.341)}.SideBarSettings .optionClicked span{color:#09f;font-weight:600}.SideBarSettings .optionClicked img{filter:invert(50%) sepia(100%) saturate(400%) hue-rotate(180deg) brightness(100%) contrast(100%)}.user-mgt-container{font-family:Inter;max-height:80vh;overflow-y:auto;width:100%}.user-mgt-container .title{border-bottom:1px solid #b8b8b8;display:flex;flex-direction:column;padding:0 0 10px;row-gap:8px;width:100%}.user-mgt-container .title h2{margin:0}.user-mgt-container .title span{color:#868686}.user-mgt-container .add-member-container{align-items:center;background-color:#f2f2f2;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;margin:20px 0;padding:15px 25px}.user-mgt-container .add-member-container .add-member-title h4{margin:0}.user-mgt-container .add-member-container .add-member-title p{color:#868686;font-size:14px}.user-mgt-container .add-member-btn-container{padding-right:15px}.user-mgt-container .add-member-btn-container .add-member-btn{background-color:#2c7f75;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:14px}.user-mgt-container .add-member-btn-container .invite-member-popup{border-radius:10px;left:50%;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.user-mgt-container .mgt-navbar-container{border-bottom:1px solid #868686;border-radius:5px;display:flex;flex-direction:row}.user-mgt-container .mgt-navbar-container a{color:#868686;margin-left:35%;text-decoration:none}.user-mgt-container .mgt-navbar-container .acc-header-container{align-content:center;border-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-right:1px solid #868686;border-top-right-radius:0;cursor:pointer;height:35px;width:50%}.user-mgt-container .mgt-navbar-container .user-header-container{align-content:center;border-left:1px solid #868686;border-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;cursor:pointer;height:35px;width:50%}.user-mgt-container .mgt-navbar-container .active.acc-header-container,.user-mgt-container .mgt-navbar-container .active.user-header-container{background-color:#f2f2f2}.user-mgt-container .mgt-navbar-container .active.acc-header-container a,.user-mgt-container .mgt-navbar-container .active.user-header-container a{color:#000}.user-mgt-container::-webkit-scrollbar{width:8px}.user-mgt-container::-webkit-scrollbar-track{background-color:initial;margin:10px}.user-mgt-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.user-mgt-container::-webkit-scrollbar-thumb:hover{background-color:#555}.account-manager-container{display:flex;flex-direction:column;padding-top:15px}.account-manager-container .account-manager-subtitles{font-size:14px;padding-top:15px}.account-manager-container .account-manager-subtitles h4{color:#868686;font-weight:600}.account-manager-container .account-manager-subtitles p{font-size:12px}.account-manager-container .accounts-container{column-gap:20px;display:flex;flex-direction:row;padding-right:10px}.account-manager-container .accounts-container .accounts-title{flex-grow:1}.account-manager-container .accounts-container .accounts-title p{font-size:14px}.account-manager-container .accounts-container .accounts-email-container{border:1px solid #f2f2f2;border-radius:5px;flex-grow:2;width:60%}.account-manager-container .accounts-container .accounts-email-container .account-email{border:.5px solid #f2f2f2;padding:0 25px}.account-manager-container .accounts-container .accounts-email-container .account-email .email{font-size:12px}.account-manager-container .accounts-container .accounts-email-container .accounts-email-function{background-color:#f2f2f2;cursor:pointer;display:flex;flex-direction:row;gap:8px;padding:0 25px}.account-manager-container .accounts-container .accounts-email-container .accounts-email-function img{color:#054dce;width:24px}.account-manager-container .accounts-container .accounts-email-container .accounts-email-function p{color:#054dce;font-size:12px;font-weight:600}.account-manager-container .account-password button{background-color:#2c7f75;border:none;border-radius:5px;color:#fff;cursor:pointer;height:35px;padding:0 15px;width:auto}.account-manager-container .account-remove{display:flex;flex-direction:row;gap:15px;justify-content:flex-start;width:100%}.account-manager-container .account-remove button{background-color:#af0101;border:none;border-radius:5px;color:#fff;cursor:pointer;height:35px;padding:0 15px;width:auto}.account-manager-container .account-remove .account-del-btn button{background-color:#f2f2f2;color:#af0101}.connect-container{align-items:center;background-color:#f5f7fa;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;justify-content:center;left:50%;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:400px}.connect-container .invite-description{width:100%}.connect-container .invite-description .connect-action{display:flex;flex-direction:column;gap:20px}.connect-container .invite-description .connect-action .connect-action-header{text-align:start}.connect-container .invite-description .connect-action .connect-action-header h4{color:#333;font-size:24px;margin:10px 0 0}.connect-container .invite-description .connect-action .connect-action-header p{color:#777;font-size:16px}.connect-container .invite-description .connect-action .connect-action-body{align-items:flex-start;display:flex;flex-direction:column;gap:15px}.connect-container .invite-description .connect-action .connect-action-body .connect-text{color:#555;font-size:14px;margin-bottom:15px;text-align:start}.connect-container .invite-description .connect-action .connect-action-body .connect-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;transition:border-color .3s ease;width:100%}.connect-container .invite-description .connect-action .connect-action-body .connect-input:focus{border-color:#2c7f75;outline:none}.connect-container .invite-description .connect-action .connect-action-body .connect-button{background-color:#2c7f75;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease}.connect-container .invite-description .connect-action .connect-action-body .connect-button:hover{background-color:#718986}.delete-account-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:200}.delete-account-overlay .delete-account-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center;width:300px}.delete-account-overlay .delete-account-box p{font-size:16px;margin-bottom:20px}.delete-account-overlay .delete-account-box .delete-account-buttons{display:flex;justify-content:space-between}.delete-account-overlay .delete-account-box .delete-account-buttons button{background-color:#f2f2f2;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;padding:10px 20px}.delete-account-overlay .delete-account-box .delete-account-buttons button:hover{opacity:.8}.delete-account-overlay .delete-account-box .delete-account-buttons .delete-button{background-color:#d9534f;color:#fff}.change-password-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:200}.change-password-overlay .change-password-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center;width:300px}.change-password-overlay .change-password-box .change-password-header{text-align:start}.change-password-overlay .change-password-box .change-password-header h4{margin:0}.change-password-overlay .change-password-box .change-password-header p{color:#868686;font-size:14px}.change-password-overlay .change-password-box form{display:flex;flex-direction:column;gap:15px;justify-content:space-between}.change-password-overlay .change-password-box form .email-input-wrapper{background-color:#f9f9f9;border:1px solid #edeff3;border-radius:5px;display:flex;flex-wrap:wrap;gap:5px;padding:10px;width:80%}.change-password-overlay .change-password-box form .email-input-wrapper .email-input{background-color:initial;border:none;flex:1 1;font-size:14px;outline:none;padding:5px}.change-password-overlay .change-password-box form .change-password-buttons{display:flex;justify-content:space-between}.change-password-overlay .change-password-box form .change-password-buttons button{background-color:#f2f2f2;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;padding:10px 20px}.change-password-overlay .change-password-box form .change-password-buttons button:hover{opacity:.8}.change-password-overlay .change-password-box form .change-password-buttons .send-button{background-color:#2c7f75;color:#fff}.change-password-overlay .change-password-box form .change-password-buttons .back-button{background-color:initial;border-radius:0;color:#2c7f75;text-decoration:underline;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.team-manager-container .team-manager-permissions{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 50px}.team-manager-container .team-manager-permissions .user-permissions-title p{font-size:14px;font-weight:600}.team-manager-container .team-manager-permissions .user-permissions-btn button{align-items:center;background-color:#fff;border:1px solid #2c7f75;border-radius:5px;color:#2c7f75;cursor:pointer;display:flex;flex-direction:row;gap:5px;height:35px;padding:0 15px;width:auto}.team-manager-container .team-manager-permissions .user-permissions-btn button img{width:25px}.users-list{border:1px solid #ddd;border-radius:4px;margin:20px;max-height:50vh;overflow:scroll}.users-list .users-list-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 15px}.users-list .users-list-header h4{display:flex;gap:8px}.users-list .users-list-header h4 span{color:#868686;font-weight:400}.users-list .users-list-header .users-search-bar-wrapper .users-search-bar{background-image:url(/static/media/searchIcon.6eb9e6f0aafed4e28c04.svg);background-position:5px;background-repeat:no-repeat;background-size:2vh;border:1px solid #6d6d6d;border-radius:10px;flex-grow:1;outline:none;padding:10px 10px 10px 35px}.users-list table{border-collapse:collapse;width:100%}.users-list table td,.users-list table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.users-list table td p,.users-list table th p{margin:0}.users-list table thead{background-color:#f4f4f4}.users-list table thead th{font-weight:700}.users-list table tbody{overflow:scroll}.users-list table tbody tr:hover{background-color:#f9f9f9}.users-list table tbody .user-profile{align-items:center;display:flex}.users-list table tbody .user-profile img{border-radius:50%;height:40px;margin-right:10px;width:40px}.users-list table tbody .user-profile p{margin:0}.users-list table tbody td{position:relative}.users-list table tbody td .user-options{cursor:pointer;width:20px}.users-list table tbody td .clicked-user-options{background-color:#f2f2f2;border-radius:50%;cursor:pointer;padding:15%;width:20px}.users-list table tbody td .dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;left:-150%;padding:10px;position:absolute;top:80%;width:150px;z-index:100}.users-list table tbody td .dropdown-menu .menu-item{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:8px;padding:8px 12px;transition:background-color .3s ease}.users-list table tbody td .dropdown-menu .menu-item:hover{background-color:#f5f5f5}.users-list table tbody td .dropdown-menu .menu-item img{width:20px}.users-list table tbody td .dropdown-menu .menu-item p{color:#333;font-size:14px;margin:0}.users-list table tbody td .dropdown-menu .change-roles-menu p{color:#5375e2}.users-list table tbody td .dropdown-menu .delete-user-menu p{color:red}.invite-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #00000080;display:flex;flex-direction:row;justify-content:space-between;padding:40px;position:absolute;position:relative;width:120%}.invite-container .invite-action{display:flex;flex-direction:column;gap:15px;width:50%}.invite-container .invite-action .invite-action-header h4{margin:0}.invite-container .invite-action .invite-action-header p{color:#868686;font-size:14px}.invite-container .invite-action .invite-action-email form{display:flex;flex-direction:column;gap:15px;justify-content:space-between}.invite-container .invite-action .invite-action-email form .invite-action-items{display:flex;flex-direction:column;gap:8px}.invite-container .invite-action .invite-action-email form .invite-action-items select{height:5vh;width:80%}.invite-container .invite-action .invite-action-email form .invite-action-items .email-tags{background-color:#f9f9f9;border:1px solid #edeff3;border-radius:5px;display:flex;flex-wrap:wrap;gap:5px;padding:10px;width:80%}.invite-container .invite-action .invite-action-email form .invite-action-items .email-tags .email-tag{align-items:center;background-color:#edeff3;border-radius:15px;color:#333;display:flex;font-size:14px;padding:5px 10px;position:relative}.invite-container .invite-action .invite-action-email form .invite-action-items .email-tags .email-tag .remove-email{color:red;cursor:pointer;font-weight:700;margin-left:8px}.invite-container .invite-action .invite-action-email form .invite-action-items .email-tags .invite-action-input{background-color:initial;border:none;flex:1 1;font-size:14px;outline:none;padding:5px}.invite-container .invite-action .invite-action-email form .invite-action-items .email-tags input{font-size:14px;padding:5px}.invite-container .invite-action .invite-action-email form .invite-action-items .email-tags input::placeholder{color:#aaa}.invite-container .invite-action .invite-action-email form .invite-button{display:flex;flex-direction:row;gap:15px}.invite-container .invite-action .invite-action-email form .invite-button button{border:none;border-radius:5px;cursor:pointer}.invite-container .invite-action .invite-action-email form .invite-button .invite-action-cancel{background-color:initial;border-radius:0;color:#2c7f75;padding:14px;text-decoration:underline;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.invite-container .invite-action .invite-action-email form .invite-button .invite-action-submit{background-color:#2c7f75;color:#fff;padding:14px}.invite-container .invite-description{background-color:#f6f8fa;border-radius:10px;display:flex;flex-direction:column;height:60vh;padding:40px}.invite-container .invite-description h4{font-weight:400}.invite-container .invite-description .invite-description-details{margin:0}.invite-container .invite-description .invite-description-details p{color:#6f7686;font-size:14px}.role-change-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:200}.role-change-overlay .role-change-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center;width:300px}.role-change-overlay .role-change-box h3{margin-bottom:20px}.role-change-overlay .role-change-box .roles-list{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:20px}.role-change-overlay .role-change-box .roles-list .role-item{align-items:center;display:flex;margin-bottom:10px}.role-change-overlay .role-change-box .roles-list .role-item input{margin-right:10px}.role-change-overlay .role-change-box .role-change-buttons{display:flex;justify-content:space-between}.role-change-overlay .role-change-box .role-change-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px}.role-change-overlay .role-change-box .role-change-buttons button:hover{opacity:.8}.role-change-overlay .role-change-box .role-change-buttons .save-button{background-color:#28a745;color:#fff}.confirmation-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:200}.confirmation-overlay .confirmation-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center;width:300px}.confirmation-overlay .confirmation-box p{font-size:16px;margin-bottom:20px}.confirmation-overlay .confirmation-box .confirmation-buttons{display:flex;justify-content:space-between}.confirmation-overlay .confirmation-box .confirmation-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px}.confirmation-overlay .confirmation-box .confirmation-buttons button:hover{opacity:.8}.confirmation-overlay .confirmation-box .confirmation-buttons .delete-button{background-color:#d9534f;color:#fff}.general-container{font-family:Inter}.general-container,.general-container .title{display:flex;flex-direction:column;width:100%}.general-container .title{border-bottom:1px solid #b8b8b8;padding:0 0 10px;row-gap:8px}.general-container .title h2{margin:0}.general-container .title span{color:#868686}.general-container form .input-wrap{height:37px;margin-bottom:2rem;position:relative}.general-container form .input-wrap .input-field{background-color:none;border:none;border-bottom:1px solid #bbb;color:#151111;font-size:.95rem;height:100%;outline:none;padding:0;position:absolute;width:50%}.general-container form .input-wrap .input-label{color:#bbb;font-size:.95rem;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.general-container form .input-wrap .label-animate{color:#2c7f75;font-size:.8rem;top:-5px}.general-container form .school-details{display:flex;flex-direction:column;gap:25px}.general-container form .school-details .logo-update{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:flex-start}.general-container form .school-details .logo-update img{background-color:#f2f2f2;border-radius:50%;height:80px;object-fit:cover;width:80px}.general-container form .school-details .logo-update button{border-radius:8px;cursor:pointer;height:35px;width:100px}.general-container form .school-details .logo-update .upload-btn{background-color:#2c7f75;border:none;color:#fff}.general-container form .school-details .logo-update .delete-btn{background-color:initial;border:1px solid #2c7f75;color:#2c7f75}.general-container form .school-details .contact-form-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);padding-bottom:15px}.general-container form .address-title{border-top:1px solid #b8b8b8}.general-container form .address-form-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.general-container form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.general-container form .form-actions .cancel-btn,.general-container form .form-actions .submit-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;height:35px;width:100px}.general-container form .form-actions .submit-btn{background-color:#2c7f75}.general-container form .form-actions .cancel-btn{background-color:#ccc}.SysPreferences{font-family:Inter}.SysPreferences h1{font-size:larger}.SysPreferences .cancelSave{column-gap:16px;display:flex;justify-content:flex-end}.SysPreferences .cancelSave .cancel,.SysPreferences .cancelSave .saveChagnes{border:1px solid gray;border-radius:10px;cursor:pointer;font-weight:600;outline:none;padding:10px 20px;transition:all .3s}.SysPreferences .cancelSave .cancel{background-color:#fff}.SysPreferences .cancelSave .cancel:hover{background-color:#b8b8b8}.SysPreferences .cancelSave .saveChagnes{background-color:#09f;color:#fff}.SysPreferences .cancelSave .saveChagnes:hover{background-color:#0067ac}.Billing{font-family:Inter;width:100%}.Billing .title{border-bottom:1px solid #b8b8b8;display:flex;flex-direction:column;padding:0 0 10px;row-gap:8px;width:100%}.Billing .title h2{margin:0}.Billing .title span{color:#868686}.Billing .options .historyCancel,.Billing .options .payementMethRecurence{display:flex;justify-content:space-between}.PayementMethod .title{border:none;display:flex;flex-direction:column;padding:0 0 10px;row-gap:8px;width:100%;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.PayementMethod .title h4{margin:0}.PayementMethod .title span{color:#868686}.PayementMethod .payementMethodsAvailable{display:flex;flex-direction:column;height:180px;overflow-y:auto;row-gap:10px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.PayementMethod .payementMethodsAvailable .method{align-items:center;display:flex;padding:0 20px;width:520px}.PayementMethod .payementMethodsAvailable .method .payementLogo img{width:60px}.PayementMethod .payementMethodsAvailable .method .info{flex-grow:1;justify-self:flex-start;padding:0 0 0 10px}.PayementMethod .payementMethodsAvailable .method button{background-color:#fff;border:1px solid #868686;border-radius:10px;cursor:pointer;outline:none;padding:10px 16px}.PayementMethod .addPaymMethod{align-items:center;column-gap:30px;display:flex;margin:10px 0 0 20px}.PayementMethod .addPaymMethod .add{border-radius:50%;box-shadow:0 0 10px #868686;cursor:pointer;height:50px;transition:all .5s;width:50px}.PayementMethod .addPaymMethod .add img{color:#868686;width:50px}.PayementMethod .addPaymMethod .add:hover{box-shadow:0 0 10px #050505}.PaymentMethodAdd{background-color:#fff;border-radius:10px;box-shadow:0 0 10px gray;padding:10px 20px 20px;position:absolute;top:15%;width:500px}.PaymentMethodAdd .upperSec{align-items:center;display:flex;justify-content:space-between}.PaymentMethodAdd .upperSec h3{display:flex;flex-direction:column}.PaymentMethodAdd .upperSec h3 span{color:gray;font-size:13px;font-weight:lighter}.PaymentMethodAdd .upperSec img{cursor:pointer}.PaymentMethodAdd .methodFields .method{align-items:center;border-bottom:1px solid #dadada;cursor:pointer;display:flex;justify-content:space-between;width:100%}.PaymentMethodAdd .methodFields .method img{width:100px}.PaymentMethodAdd .methodFields .method h4{align-items:center;column-gap:10px;display:flex}.PaymentMethodAdd .methodFields .method h4 .radioBtn{border:2px solid gray;border-radius:50%;height:20px;width:20px}.PaymentMethodAdd .methodFields .method h4 .radioBtn .knob{border:5px solid #00878b;border-radius:50%;height:9px;margin:.5px 0 0 .5px;width:9px}.PaymentMethodAdd .methodFields .CreditCard{display:flex;flex-direction:column;margin-top:20px;row-gap:10px;width:100%}.PaymentMethodAdd .methodFields .CreditCard .cardnumber{font-size:medium;outline:none;padding:10px}.PaymentMethodAdd .methodFields .CreditCard .backCard{display:flex;justify-content:space-between}.PaymentMethodAdd .methodFields .CreditCard .backCard input{font-size:medium;outline:none;padding:10px;width:100px}.PaymentMethodAdd .methodFields .CreditCard .name{column-gap:20px;display:flex;justify-content:space-between;width:100%}.PaymentMethodAdd .methodFields .CreditCard .name label{color:gray;font-size:13px}.PaymentMethodAdd .methodFields .CreditCard .name input{border:1px solid gray;font-size:medium;height:35px;outline:none;padding:0 0 0 10px;width:95%}.PaymentMethodAdd button{background-color:#00878b;border:none;color:#fff;cursor:pointer;font-family:Inter;font-size:medium;padding:16px 0;transition:all .6s;width:100%}.PaymentMethodAdd button:hover{background-color:#03b0b6}.BillingHistory{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.BillingHistory .HeaderElm{display:flex;flex-direction:row;padding:0 0 10px}.BillingHistory .HeaderElm .elm{color:#868686;padding:10px 0 0 20px;width:200px}.BillingHistory .HeaderElm .Receipt{color:#868686;padding:10px 0 0 20px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.BillingHistory .historyList{display:flex;flex-direction:column;height:250px;overflow-x:hidden;overflow-y:auto;padding:10px 0 0 10px}.BillingHistory .historyList::-webkit-scrollbar{width:8px}.BillingHistory .historyList::-webkit-scrollbar-track{background-color:initial}.BillingHistory .historyList::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.BillingHistory .historyList::-webkit-scrollbar-thumb:hover{background-color:#555}.BillingHistory .historyList .receipt{border-radius:10px;cursor:pointer;display:flex;padding:10px;transition:all .4s;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.BillingHistory .historyList .receipt .elm{font-size:14px;font-weight:600;padding:10px;width:200px}.BillingHistory .historyList .receipt .downloadElm{background-color:#fff;border:1px solid #b8b8b8;border-radius:10px;cursor:pointer;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;outline:none;padding:8px 16px}.BillingHistory .historyList .receipt:hover{box-shadow:0 0 10px #86868680}.RecurrentPayement,.RecurrentPayement .Title{display:flex;flex-direction:column;row-gap:10px}.RecurrentPayement .Title h4{margin:0}.RecurrentPayement .Title span{color:gray}.RecurrentPayement .knob{border-radius:30px;box-shadow:inset 0 0 4px #000c;height:37px;position:relative;transition:all .7s;width:75px}.RecurrentPayement .knob .circle{background-color:#eeebeb;border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px #363636;cursor:pointer;height:30px;left:2px;position:absolute;top:1.8px;transition:all .5s;width:30px;z-index:1}.RecurrentPayement .knob .knobState{color:#fff;position:absolute;top:9px;transition:all .7s}.Cancelation{background-color:#00878b;border-radius:10px;color:#fff;display:flex;flex-direction:column;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin:50px 50px 0 0;padding:30px 20px;row-gap:10px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.Cancelation h2{margin:0}.Cancelation button{background-color:initial;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .6s;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.Cancelation button:hover{background-color:#00383a;border:1px solid #00383a}.SettingView{width:100%}.FontSize{align-items:center;border-bottom:none;display:flex;justify-content:space-between;padding:0 20px 20px}.FontSize .title h3{font-size:medium;margin:20px 0 0}.FontSize .title span{color:gray}.FontSize .testView{padding:20px 0}.FontSize .sizes{column-gap:20px;display:flex}.FontSize .sizes .sizeOption{border:2px solid #6d6d6d;border-radius:10px;cursor:pointer;padding:10px 0;text-align:center;transition:all .5s;width:100px}.FontSize .sizes .sizeOption:hover{background-color:#037ed1;color:#fff}.sideBarView{align-items:center;border-bottom:1px solid #80808080;column-gap:130px;display:flex;justify-content:space-between;justify-content:flex-start;padding:0 20px 20px}.sideBarView .title h3{font-size:medium;margin:20px 0 0}.sideBarView .title span{color:gray}.sideBarView .knob{border-radius:30px;box-shadow:inset 0 0 4px #000c;height:37px;margin:20px 0 0;position:relative;transition:all .7s;width:75px}.sideBarView .knob .circle{background-color:#eeebeb;border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px #363636;cursor:pointer;height:30px;left:2px;position:absolute;top:1.8px;transition:all .5s;width:30px;z-index:1}.sideBarView .knob .knobState{color:#fff;position:absolute;top:9px;transition:all .7s}.InterfaceTheme{align-items:center;border-bottom:1px solid #80808080;column-gap:60px;display:flex;justify-content:space-between;justify-content:flex-start;padding:0 20px 20px}.InterfaceTheme .title h3{font-size:medium;margin:20px 0 0}.InterfaceTheme .title span{color:gray}.InterfaceTheme .modes{column-gap:40px;display:flex;padding:20px 0 0}.InterfaceTheme .modes .darkMode,.InterfaceTheme .modes .ligthMode{background-position:50%;background-repeat:no-repeat;background-size:cover;border:4px solid #a8a8a8;border-radius:10px;cursor:pointer;height:160px;position:relative;width:100px}.InterfaceTheme .modes .darkMode .tick,.InterfaceTheme .modes .ligthMode .tick{position:absolute;right:35%;top:8px;width:25px}.form-login-container{align-items:center;background-color:#fff;border:1px solid #fff;border-radius:5%;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;color:#000;display:flex;flex-direction:column;font-family:Inter;gap:12px;height:62vh;padding:30px;width:45vh}.form-login-container h2{letter-spacing:3px;margin-top:10vh}.form-login-container p{font-size:15px}.form-login-container form{align-items:center;display:flex;flex-direction:column}.form-login-container form input{background-color:#eff0f0;border:1px solid #000;border-radius:8px;display:flex;flex-direction:column;font-family:Inter;height:7vh;margin:12px;padding:0 0 0 20px;width:40vh}.form-login-container form .button-login{background-color:#3490ed;border:none;border-radius:45px;box-shadow:0 8px 15px #0000001a;color:#fff;cursor:pointer;font-family:Inter;font-size:16px;font-weight:500;height:8vh;letter-spacing:2.5px;margin-top:12px;outline:none;text-transform:uppercase;transition:all .3s ease 0s;width:25vh}.form-login-container form .button-login:hover{background-color:#fdbac2;box-shadow:0 15px 20px #fdbac266;color:#87398f;transform:translateY(-4px)}.Home{position:relative}.Home .navigation{align-items:center;background-color:#fff;display:grid;grid-template-columns:auto auto;left:0;position:-webkit-sticky;position:sticky;top:0;z-index:2}.Home .navigation .logo{align-items:center;column-gap:5px;display:flex;justify-self:center}.Home .navigation .navLinks{align-items:center;column-gap:30px;display:flex;justify-self:center}.Home .navigation .navLinks .link{color:#68686c;text-decoration:none;transition:all .7s}.Home .navigation .navLinks .link:hover{color:#5375e2}.Home .navigation .navLinks .loginBtn{background-color:initial;border:2px solid #5375e2;border-radius:10px;color:#000;padding:6px 16px 10px;text-decoration:none;transition:all .7s;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.Home .navigation .navLinks .loginBtn:hover{background-color:#5375e2;border-color:#5375e2;box-shadow:1px 1px 10px #68686c;color:#fff}.Home .navigation .navLinks .registerBtn{background-color:#5375e2;border:2px solid #5375e2;border-radius:10px;color:#fff;padding:6px 16px 10px;text-decoration:none;transition:all .7s;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.Home .navigation .navLinks .registerBtn:hover{background-color:#2752db;border-color:#2752db;box-shadow:1px 1px 10px #68686c;color:#fff}.Home .header{align-items:center;column-gap:250px;display:flex;height:50vh;margin:0 auto;padding:50px 0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.Home .header .leftSec{display:flex;flex-direction:column;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;width:50%}.Home .header .leftSec .title-subtitle{width:400px}.Home .header .leftSec .title-subtitle .focusedWord{color:#5375e2}.Home .header .leftSec .title-subtitle p{color:#68686c}.Home .header .leftSec .getStartedBtn{background-color:#5375e2;border:2px solid #5375e2;border-radius:10px;color:#fff;margin-top:16px;padding:6px 16px 10px;text-decoration:none;transition:all .7s;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.Home .header .leftSec .getStartedBtn:hover{background-color:#2752db;border-color:#2752db;box-shadow:1px 1px 10px #68686c;color:#fff}.Home .header .rightSec{position:relative}.Home .header .rightSec .floatingCard{align-items:center;background-color:#fff;border:2px solid #5375e2;border-radius:10px;box-shadow:1px 1px 10px #68686c;column-gap:6px;display:flex;padding:2px 8px 2px 4px;position:absolute;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:1}.Home .header .rightSec .floatingCard img{width:30px}.Home .header .rightSec .floatingCard .card-info{display:flex;flex-direction:column}.Home .header .rightSec .floatingCard .card-info .card-title{font-weight:700}.Home .header .rightSec .floatingCard .card-info .sub-Text{color:#68686c;font-size:12px}.Home .header .rightSec .card1{left:-50px;top:40px}.Home .header .rightSec .card2{align-items:center;flex-direction:column;right:-50px;top:0}.Home .header .rightSec .card2 img{width:40px}.Home .header .rightSec .card2 .card-info{align-items:center}.Home .header .rightSec .card3{bottom:0;right:-20px}.Home .header .rightSec .nonfilled-Circle{border:2px solid #6054e3;border-radius:50%;height:250px;left:-10px;position:absolute;top:-10px;width:250px}.Home .header .rightSec .filled-circle{background-color:#6054e3;border-radius:50%;height:250px;width:250px}.Home .HowItWorks{background-color:#0f215a;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin-top:50px;padding:20px 0 40px;text-align:center;width:100%}.Home .HowItWorks h2{color:#fff}.Home .HowItWorks .steps{align-items:center;display:flex;margin:0 auto;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.Home .HowItWorks .steps .dashes{border:.5px dashed #fff;height:0;width:200px}.Home .HowItWorks .steps .step{color:#fff;width:250px}.Home .HowItWorks .steps .step img{width:100px}
/*# sourceMappingURL=main.f7e9cfc4.css.map*/