@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500&display=swap);li.nav-item,ul.nav{position:relative}li.nav-item{border-top-left-radius:10px;border-top-right-radius:10px}li.nav-item+li.nav-item{margin:0 2px}li.nav-item:before a.active{left:0;margin-left:-20px;transform:scaleX(-1)}li.nav-item:after a.active,li.nav-item:before a.active{content:"";position:absolute;height:20px;width:20px;bottom:0;background:no-repeat url(/static/media/rounded.17059f13.png) scroll;background-size:contain;z-index:1}li.nav-item:after a.active{right:0;margin-right:-20px}li.nav-item a{background:#a6b5b8;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}li.nav-item a.active{color:#a6b5b8;background:#fff}@media (min-width:1600px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1500px!important}}:root{--gray-hue:190;--blue-hue:209;--purple-hue:225;--red-hue:0;--yellow-hue:56;--green-hue:131;--main-hue:var(--gray-hue);--bg-dark-blue:#204f8d;--blue-primary:#034aa6;--themeBlue:#488bff;--label-color-blue:#4f92ea;--label-color-dark-blue:#056cf2;--borderTop-color:#0959c1;--borderBottom-color:#0959c1;width:100%}:host{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:host{font-family:"Montserrat",sans-serif;box-sizing:border-box}*{margin:0;padding:0;word-break:normal;font-size:13px}::-webkit-scrollbar{width:.3em;height:.3em;background:transparent}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px hsla(0,0%,100%,0);border-radius:.3em}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{background:#e6e6e6}body{position:relative!important;margin:0!important;padding:0!important;background:#f2f7ff!important}.weekDaysList{list-style:none}.weekDaysList li{float:left;width:1.8em;height:1.8em;border-radius:1.5em;display:flex;align-items:center;justify-content:center;margin-right:.5em;background:#f2f7ff;color:#676869;font-size:.9em;font-weight:700;cursor:pointer}.weekDaysList li.selected{background:var(--themeBlue)}.red-text{color:red!important}.titleInputBox{display:flex;align-items:center}.titleInputBox .input-group-text{border:none!important;background:transparent}.titleInputBox input{width:calc(100% - 3em);line-height:2em;border:2px solid #fff!important;border-bottom:1px solid #ddd!important}.titleInputBox input ::selection,.titleInputBox input:focus,.titleInputBox input :focus-visible{border:none!important}.displayFlex{display:flex!important}.alignCenter{align-items:center}.borderRight{border-right:1px solid #efefef}.themeDateTimePicker{overflow:hidden;margin-right:1em}.themeDateTimePicker,.themeTimeSelectBox{background:#f2f7ff!important;border:2px solid #e6f0ff!important;border-radius:.25em!important}.themeTimeSelectBox{min-height:2.5em}.multilevelSelectUl{position:absolute;top:5em;z-index:1;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.35);width:90%;max-height:20em;overflow:auto;font-size:.8em}.multilevelSelectUl li{width:100%;padding:.2em .4em}.multilevelSelectUl li.selectedLight,.multilevelSelectUl li:hover{background:#f2f7ff}.multilevelSelectUl li .multilevelSelectInnerUl{background:#fff}.multilevelSelectUl li .multilevelSelectInnerUl li{padding-left:1em}.multilevelSelectUl li .multilevelSelectInnerUl li.selected{background:#4f92ea;color:#fff}.singleTile{background:#faf9f9;border:1px solid #a6a8ab;border-radius:.5em;margin-top:.5em!important;margin-bottom:.5em;width:100%;padding:.4em;float:left}.width100Px{width:7.6em}.widthRestRecurrance{width:calc(100% - 7.6em);display:flex}.widthRestRecurrance input,.widthRestRecurrance input:read-only,.widthRestRecurrance select,.widthRestRecurrance select:read-only{background:#f2f7ff}.widthRestRecurrance input:first-of-type{margin-right:1em}.recurrenceTitle{font-size:1.2em;margin-top:1.7em;padding-left:.8em;margin-bottom:.5em;font-weight:700}.react-datetime-picker__wrapper{border:none!important;background:transparent!important;width:100%;height:2.5em}.react-datetime-picker__inputGroup{background:#f2f7ff!important;border:2px solid #e6f0ff!important;border-radius:.25em!important;margin-right:1em}.editorClassName{border:1px solid #ddd;border-top:none}.noPad{padding-left:0!important;padding-right:0!important}.borderBottom{border-bottom:1px solid #b7d6ff!important}.singleRow{border-bottom:1px solid #b7d6ff;padding-top:.5em}.singleRow:last-of-type{border-bottom:none}.margin-t-half{margin-top:.5em!important}.question-list-box{float:left;padding:1em .5em;border-radius:.25em;background:#f5f5f5;margin-bottom:.25em;border-bottom:none}.bottomButtonGap{padding-bottom:2.5em}.buttonBox{position:absolute!important;bottom:.5em;right:1em}.singleColCenterBox{display:flex;align-items:center}.margin-t-b-half,.singleColCenterBox{margin-top:.5em;margin-bottom:.5em}.margin-t-1{margin-top:1em}.padding-r-1{padding-right:1em}.white-box-container{height:calc(100vh - 5.2em);overflow:auto;background:#fff;border-radius:.25em;padding-top:1em;padding-bottom:1em;position:relative!important}.white-box-container .oneTile{margin-bottom:.75em}.goToEditQuiz{position:absolute;right:.7em;top:.7em;cursor:pointer;z-index:2}.addQueHeading{font-size:1.3em;font-weight:700;margin-bottom:.5em}.questionBox{min-height:30em}.blank-box-container{height:calc(100vh - 6.2em);padding:1em!important;overflow:auto}.shuffleButtonContainer{padding-top:1em;text-align:right}.no_t_b_mar{margin-top:0!important;margin-bottom:0!important}.noPadLeft{padding-left:0!important}.smallIconGap{margin-left:.25em;margin-right:.8em;cursor:pointer}.smallIconGap:first-of-type{margin-left:0;margin-right:.25em}.editingFillInBlankBoxContainer,.editingMatchingBoxContainer,.editingMcqBoxContainer{display:flex;align-items:center;width:100%;min-width:23em;flex-wrap:wrap}.editingFillInBlankBoxContainer input,.editingFillInBlankBoxContainer select,.editingMatchingBoxContainer input,.editingMatchingBoxContainer select,.editingMcqBoxContainer input,.editingMcqBoxContainer select{max-width:20em;margin-left:.2em;margin-bottom:.5em;margin-right:.8em}.margin-l-half{margin-left:.5em}.icon-box-react{margin:0 .5em!important}.centerFlexBox{display:flex;align-items:center!important;justify-content:center!important}.noMarT{margin-top:0!important}.box-shadow{box-shadow:0 0 .5em 1px #bdbdbd}ol{list-style-type:upper-alpha}.optionsListing{max-width:23em;margin-left:1.25em}.optionsListing li{width:100%;float:left}.optionsListing li div{float:left}.optionsListing .optionsBox{width:2.1em;float:right}.addIconBox{width:100%;float:left}.labelSelect{width:100%;height:2.2em;border:1px solid #ddd;border-radius:.25em}.noPad-t-b{padding-top:0!important;padding-bottom:0!important}.height100Percent{height:100%}.overflowAuto{overflow:auto}.bottom1Em{position:absolute;bottom:1em;width:100%}.editButton{width:100%!important;background:#ababab!important;color:#fff!important;font-weight:600!important}.questionListContainer{background:#fff;padding:1em!important}.questionListHeading{font-size:1.4em;font-weight:700;margin-bottom:.35em}.margin-b-half{margin-bottom:.5em!important}.isCorrectMxqCheck{opacity:1!important;right:4em;left:auto!important;border:1px solid #ddd;z-index:0!important;background:#fff!important}.mcqRemoveOption{position:absolute;right:1em}.padding-r-5{padding-right:5em!important}.addMoreOptionButton{float:right;cursor:pointer}.floatLeftImp{float:left!important}.greenButton{background:#49ee8b;font-weight:600;margin-right:.5em}.editorClassName{min-height:27em!important;max-height:27em}.formContainerBox{box-shadow:0 0 4px rgba(0,0,0,.3);height:100%;border-radius:.25em;padding-top:.5em;padding-bottom:.5em;background:#fff}.formContainerBox input,.formContainerBox select{background:#f1f1f1}.addQuiz{font-size:1.6em;font-weight:900;margin-bottom:1em}.addQuizContainer label{font-weight:600!important}.margin-r-half{margin-right:.5em}.cancelButton{background:#ababab!important;color:#fff!important;font-weight:600!important}label{margin-bottom:0!important}.padding-l-2{padding-left:2em}.whiteFormContainer{background:#fff;border-radius:.25em;padding:1.5em 1em}.whiteFormContainer label{margin-bottom:0!important;color:#000!important;font-weight:600}.whiteFormContainer .error-box{margin-top:0!important;margin-bottom:0}.addUserTabUl{margin-bottom:0;list-style-type:none}.addUserTabUl li{float:left;cursor:pointer;padding:.35em 1.25em;background:var(--themeBlue);color:#fff;font-weight:600}.addUserTabUl li.active{background:#fff;font-weight:900;color:var(--themeBlue);box-shadow:0 0 3px rgba(0,0,0,.35)}.twoSection{display:flex}.twoSection div{width:100%;float:left;margin-bottom:0}.oneSection div{width:100%;float:left;margin-bottom:1rem}.margin-l-1{margin-left:1em}.redBorder{border-color:red!important}.noGrowFlex{flex-grow:0}.noMar{margin-left:0!important;margin-right:0!important}.overflowAuto{overflow-y:auto;height:calc(100% - 1em)}.padding-half{padding:.5em}.chapterListing{background:#f8f8f8}.chapterListing,.chapterListing .chapterClass{border:none!important;box-shadow:none!important;border-radius:0}.chapterListing .chapterClass{background:#fff;padding:.5em;font-weight:700;margin-bottom:.5em;position:relative;padding:0!important;margin:0!important;overflow:inherit!important}.chapterListing .chapterClass .actionMenuDropdown{position:absolute;right:.25em;top:.6em;margin-right:.5em;margin-left:.5em;cursor:pointer;z-index:999}.chapterListing .chapterClass .dropdown-menu{top:0!important;left:-2em!important;width:9em}.chapterListing .chapterClass .dropdown-menu .dropdown-item{display:flex;align-items:center;justify-content:flex-start}.chapterListing .chapterClass .dropdown-menu .dropdown-item img,.chapterListing .chapterClass .dropdown-menu .dropdown-item span{float:left}.chapterListing .chapterClass .card-header{background:#f8f8f8;padding:0!important;color:#000;margin-bottom:.5em!important;border:none!important}.chapterListing .chapterClass .card-header .btn{background:#f2f7ff;width:100%;text-align:left;color:#676869;font-weight:700;border-radius:0}.chapterListing .chapterClass .card-header .btn i{float:right;margin-top:.2em;margin-right:1.5em}.chapterListing .chapterClass .card-header .btn:hover{text-decoration:none}.chapterListing .chapterClass .card-body{padding:0!important;margin-top:-.5em}.chapterListing .chapterClass .card-body .topicName{background:#fff!important;padding:.5em .5em .5em 1.5em;font-weight:400;color:#676869;margin-right:0!important;position:relative;cursor:pointer;border-bottom:.25em solid #f8f8f8}.chapterListing .chapterClass:hover{text-decoration:none}.chapterListing .chapterClass .internalCard{border:none;overflow:inherit}.chapterListing .chapterClass .internalCard .topicName{padding-left:3em}.chapterListing .chapterClass .internalCard .innerTopicAsSubtopic{background:#fff;border:none;padding-left:1.5em!important;margin-bottom:.25em}.chapterListing .chapterClass .internalCard .innerTopicAsSubtopic i{margin-right:1.5em}.chapterListing .chapterClass .internalCard>.card-header{margin-bottom:0!important}.chapterListing .chapterClass .greenBgTickIcon{float:right;margin-right:1.5em;margin-top:-1.15em}.innerTopicAsSubtopic{padding-top:.46em!important;padding-bottom:.46em!important;padding-left:2em!important;word-break:break-word}.noMarB{margin-bottom:0!important}.transparentNotificationContainer{width:100%;height:calc(100vh - 18.4em);border-radius:.5em;margin:0!important;overflow:auto!important;background:#fff;padding:0 1em}.transparentNotificationContainer .info-content{margin:0;background:transparent}.semListClass{margin-bottom:0;list-style:none;width:100%;width:-webkit-max-content;width:max-content;background:#dedede}.semListClass,.semListClass li{float:right;border-radius:2.5em}.semListClass li{display:flex;align-items:center;height:2.2em;width:7em;justify-content:center;padding:0;text-transform:capitalize;text-decoration:none!important;font-weight:600}.semListClass li.active{background:#49eb9f;color:#fff}.noBorder{border:none!important}.chaptersHeading{flex-grow:0;flex-basis:auto;float:left!important;display:flex;align-items:center;height:3em;padding-left:1em;color:#fff;font-weight:700}.chaptersHeading span{background-color:rgba(0,0,0,.4);padding:.5em;letter-spacing:.1em;border-radius:1.5em}.chaptersHeading .icon-btn{background:#a4b6b8;width:2em;height:2em;border-radius:100%;box-shadow:0 0 3px rgba(0,0,0,.35);margin:0 0 0 .5em;display:flex;align-items:center;justify-content:center}.backgroundHeight{position:relative;margin-bottom:1em}.subjectHeadingContainer{padding-bottom:1em}.subjectHeadingContainer .subjectImageContainer{width:3em;height:3em;float:left;border-radius:.25em;border:2px solid #fff;z-index:1}.subjectHeadingContainer .subjectImageContainer .subjectImage{max-width:15em;border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.35);border-radius:.25em;width:100%;height:100%;transition:.3s;object-fit:cover;object-position:center center}.subjectHeadingContainer .subjectNameHeading{float:left;padding-left:1em;z-index:1;width:16em}.subjectHeadingContainer .subjectNameHeading .subjectTitle{margin-top:.7em;font-size:1.1em;font-weight:900;width:100%;float:left;display:block;line-height:1em}.subjectHeadingContainer .subjectNameHeading .gradeValue{font-size:1em;color:#707070;width:100%;float:left;line-height:1em}.subjectHeadingContainer .materialButtonContainer{float:left}.subjectHeadingContainer .materialButtonContainer .uploadButton{color:#fff;background:#a4b6b8;font-weight:700}.subjectHeadingContainer .materialButtonContainer .uploadButton img{margin-right:.5em}.babContainer{position:relative;padding:0!important;overflow:auto}.backgroundImage{width:100%}.materialList,.topicListIcon{display:flex;align-items:center}.topicListIcon{font-size:1.25em;font-weight:700;justify-content:flex-end;float:left;width:-webkit-max-content;width:max-content;height:100%}.arrowClass{background:#fff!important;color:#a6b5b8!important}.textTransformU{text-transform:uppercase}.announcementHeading{font-weight:700}.menuClassContainer{float:right;padding:0 .25em;cursor:pointer}.blankBoxContainer{height:100%;border-radius:.5em;box-shadow:0 .2em .4em rgba(0,0,0,.25)}.hundredPheight{height:100%}.upcomingEvents .upcomingEventsHeading{font-size:1.25em!important;padding:.35em;font-weight:600;margin-bottom:.4em;display:flex;align-items:center}.upcomingEvents .upcomingEventsHeading img{margin-right:.5em}.upcomingEvents .upcomingEventDayDate{background:#e2e2e2;padding:.35em}.upcomingEvents .upcomingEventDayDate .dayName{text-align:left;padding-left:1em;font-weight:500}.upcomingEvents .upcomingEventDayDate .dateValue{text-align:right;padding-right:1.5em;font-weight:500}.upcomingEvents .eventName{font-weight:600;margin-bottom:.4em}.upcomingEvents .eventName .greenBead{background:#00d215;width:.6em;height:.6em;margin-right:1em;margin-top:.45em;float:left;border-radius:100%}.upcomingEvents .eventTimeHeading{font-weight:600;font-size:.9em;margin-bottom:.3em}.upcomingEvents .eventTimeHeading img{margin-right:1em}.upcomingEvents .eventTime{margin-bottom:.3em}.upcomingEvents .eventDescription,.upcomingEvents .eventTime{padding-left:3em;font-size:.8em}.upcomingEvents .eventDetails{padding:0 .35em;border-radius:.25em;margin-bottom:1em;background:#fff;border:1px solid #f2f2f2}.upcomingEvents .eventDetails:last-of-type{margin-bottom:0}.postNowButton{font-size:1em!important;padding:.15em .5em!important;background:#ababab!important;color:#fff!important;font-weight:600!important}.noPadRight{padding-right:0!important}.selectOneFlexBox{display:flex;justify-content:space-between}.centerFlex{display:flex;align-items:center}.labelColors{margin:0!important;list-style-type:none}.labelColors li{float:left;width:3em;height:2.5em;border-radius:.25em;margin-right:.5em;cursor:pointer}.labelColors li.Teal{background:#11a0be}.labelColors li.Violet{background:#594ef5}.labelColors li.Green{background:#56be11}.labelColors li.Red{background:#eb6043}.labelColors li.Neon{background:#18f3a1}.labelColors li.selectedColor{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAABHNCSVQICAgIfAhkiAAAAIpJREFUKFOdklERwjAQRN86QUIlFCegrFKwUAmVAAqWOWg6JQkk5X4z72Xn9sQfY3sAbsBVR/kdHOx4SFDA0twtqMGRvkvwDX4J1sdF0r22j19wEhiYgXMuacFJcAGmXNIDbzuw/SEBTmvP76qkSFidbYmZJARNuGhhJ3m0fk5xihptj0C0svRc6RP+A0+HsyGeFQAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:50%}.checkboxLabel{margin-left:1.5em!important;cursor:pointer}.checkboxLabel:before{border-radius:.15em}.blueActionButton,.greenActionButton,.lightGrayActionButton{float:right;color:#fff!important;font-weight:600!important;line-height:1em!important;padding:.4em 2.5em!important;border:none;margin:0 .15em}.btn{font-family:"Montserrat",sans-serif;margin:0 .313em}.btn:active,.btn:after{box-shadow:none;border:none}.greenActionButton{background:#49ee8b!important}.blueActionButton{background:var(--themeBlue)!important}.btn-secondary,.lightGrayActionButton{background:#ababab!important}.btn-secondary{border:#ababab!important}.margin-t-b-4{margin-top:4em;margin-bottom:4em}.announcementsWrapper{position:relative;background:#fff;border-radius:5px;overflow:hidden}.announcementsWrapper .announcementsContainer{height:30.3rem;overflow:hidden auto}@media (min-width:561px) and (max-width:1280px){.announcementsWrapper .announcementsContainer{height:20.8rem}}@media (min-width:1281px) and (max-width:1600px){.announcementsWrapper .announcementsContainer{height:28.8rem}}@media (min-width:1601px){.announcementsWrapper .announcementsContainer{height:33.9rem}}.sortBySection{width:-webkit-max-content!important;width:max-content!important}.sortBySection div,.sortBySection select{float:left}.announcementSearch{max-width:55%}.addAnnouncementIcon{width:1.923rem;height:1.923rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;color:#fff;background:var(--label-color-blue);transition:.2s}.addAnnouncementIcon i{height:1rem;font-size:1.2rem}.addAnnouncementIcon:hover{border:1px solid var(--label-color-blue);background:transparent;color:var(--label-color-blue)}.modal-dialog .close span{font-size:inherit}.filterIconClass{float:right;margin-top:.9em;margin-right:.5em}.dashedBorder{border:2px dashed #c8c8c8;padding-top:1em;padding-bottom:1em;border-radius:.5em}.dashedBorder .browseFileButton{color:#c8c8c8;border:1px solid #c8c8c8;background:#fff}.announcementEditorClassName{background:#fff;position:relative;min-height:7em!important;max-height:7em;border:1px solid #c8c8c8}.floatingFilterBox{position:absolute;background:#fff;z-index:1;box-shadow:0 0 .2em #ddd;border-radius:.5em;border:2px solid #eee;padding:.5em 0 1em;top:2.5em}.floatingFilterBox label{margin-bottom:0!important}.floatingFilterBox select{margin-bottom:1em!important}.mt-10 button{margin:0 .3em}.browseButton{padding:.25em 1.5em}.addMoreIcon{display:flex;align-items:center;cursor:pointer;width:-webkit-max-content;width:max-content;font-weight:600}.nonEditableBox div{border:1px solid #ddd;border-radius:.25em;padding:.5em;background:#fff}.deleteSectionButton{position:absolute;bottom:0;left:1em}.images-logo{width:200px;position:absolute;margin-left:-150px}.img-slider{width:300px}.editorClassName{position:relative}.rdw-editor-toolbar{margin-bottom:0!important}.questionsListHeading{font-size:1.4em;font-weight:600}.react-datetime-picker{width:100%;line-height:1.2em;background:#fff;border-radius:.4em}.submitButton{min-width:-webkit-max-content;min-width:max-content}.greenButton{background:#49ee8b!important;color:#fff!important;font-weight:600!important}.userBox{border-radius:.5em}.userBox .userListHeading{border-bottom:1px solid #c8c8c8;padding:.25em .5em;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.4em;float:left;background:var(--themeBlue);color:#fff;border-radius:.3em .3em 0 0}.userBox .listClass{height:100%;overflow:auto;background:#fff;border:1px solid var(--themeBlue);border-top:none;border-radius:0 0 .5em .5em}.userBox .listClass .userListClass{margin:0;list-style:none;max-height:60vh;min-height:50vh;overflow:auto}.userBox .listClass .userListClass li{display:flex;align-items:center;padding:.75em}.userBox .listClass .userListClass li .circleClass{max-width:2.5em;max-height:2.5em;border-radius:2em;border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.35);margin-right:.5em}.userBox .listClass .userListClass li:last-child{border-bottom:none}.editProfileHeading{padding:.5em 1.5em;border-radius:.5em .5em 0 0}.editProfileHeading div{font-weight:700;font-size:1.4em;line-height:1.7em}.userEditBox .editBox{height:calc(100% - 4.2em);overflow:auto;background:#fff;border-radius:0 0 .5em .5em}.userEditBox .editBox .userPhoto{height:100%}.userEditBox .editBox .userPhoto img{margin-top:2em;border-radius:100%;width:100%;box-shadow:0 0 3px rgba(0,0,0,.35)}.userEditBox .editBox .userPhoto .uploadButton{width:100%;text-align:center;margin-top:1.5em;padding:.35em .5em;background:#fff;border-radius:.5em;border:1px solid #49ee8b;color:#49ee8b;font-weight:700}.userEditBox .editBox .labelDiv{display:flex;align-items:center;font-weight:600}.userEditBox .error-box{margin-top:0;margin-bottom:0}.editForm label{margin-bottom:0}.userSearch .input-group-prepend{border:0!important}.userSearch .input-group-prepend span{border-right:0!important;background:#fff!important}.userSearch .input-group-prepend span,.userSearch input{border-radius:0!important;border-color:var(--themeBlue)!important}.userSearch input{border-left:0!important;padding-left:0!important}.error-box{color:red;font-size:.8em;margin-top:-1em;margin-bottom:1em}.margin-t-0{margin-top:0}.logoClass{max-width:100%}.awssld{max-width:85%!important}.awssld__container{padding-bottom:100%!important}.awssld__content{width:100%;background-color:initial!important}.awssld__timer--run{display:none!important}.awssld__bullets{bottom:3em!important;justify-content:left!important}.awssld__bullets button{background-color:#fff!important}.sliderContent{padding-left:2em!important;padding-right:2em!important}.sliderContent .sliderContentHeading{font-size:1.7em!important;color:#fff;font-weight:600;margin:.7em 0}.sliderContent .sliderContentText{font-size:.85em;color:#fff}.img-logo{margin-left:40%;margin-bottom:3em}.formContainer{background:#f2f7ff;box-shadow:0 .2em 1.1em rgba(0,0,0,.26);width:85%;float:right;border-radius:.5em;padding:2em 3em!important;margin-bottom:3em}.formContainer label{color:#37464d;margin-bottom:0}.formContainer input{padding:.6em .5em!important}.formContainer input,.formContainer select{border:1px solid #dae7fd;height:auto!important;line-height:auto!important;background:#fff!important;box-shadow:-.2em 0 .6em #dae7fd}.formContainer select{padding:1em .5em!important}.formContainer button{background:var(--blue-primary);padding:.6em .5em!important;border-radius:.25em;width:100%;color:#fff;font-weight:600;margin-top:.5em}.hide-eyes{border:1px solid #dae7fd;background:#fff!important;box-shadow:-.2em 0 .6em #dae7fd}.formHeadingDescription{font-size:.4em;font-weight:400;width:100%;float:left;margin-top:1em;margin-bottom:1.5em}.formHeading{font-size:2.3em;font-weight:900;margin-bottom:.45em}.width100P{width:100%}.leftSideBox,.rightSideBox{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:flex-end}.forgorPassword{width:100%;float:left;text-align:right;margin-bottom:1em}.linkText{font-weight:600;color:var(--blue-primary)}.centerTextToOtherPage{margin-top:1em;text-align:center}.bg-login{background:no-repeat url(/static/media/bg-login.9eb10210.png) #020f3c;background-size:100%;background-position:bottom}.form-group{margin-bottom:1rem!important}.form-control{line-height:2.3rem!important}.footer{padding:.7em 0;background:#020f3c}.footer li{list-style:none;padding:0 .7em}.chapter-box{background:#fff;margin-bottom:.7em;border-bottom-left-radius:.7em;border-bottom-right-radius:.7em;overflow:hidden}.chapter-box .list-box{margin:1.5em;border-radius:.7em;overflow:hidden;box-shadow:1px 1px .2em rgba(0,0,0,.2)}.chapter-box .list-box .title{background:#a6b5b8;color:#fff}.chapter-box .list-box .gallery{background:no-repeat url(/static/media/patternmedia.1731014e.png) 50% scroll;background-size:cover;padding:1.5em}.w50{width:50%!important}.nav-pills .active{background:#f2fdf8;color:#000}.tab-content{background:#fafcfd;border-radius:0 .7em .7em .7em;padding:1.1em;width:100%}.note-box-shadow{border-radius:.7em;box-shadow:.2em 2px .6em 4px #f2f7ff;padding-bottom:1.5em;height:26.9em;overflow:auto}.notes-sub{padding-left:1.1em;margin-bottom:.7em}.notes-sub h5{font-weight:700}.notes-title{background-color:#f2f7ff;border:2px solid #fff;border-radius:.7em .7em 0 0;margin-left:.7em;padding:.7em 0 0 .7em}.notes-title span{font-size:1rem;font-weight:700}.notes-title ul{margin-left:2.3em;margin-bottom:.7em!important;margin-top:.2em;color:#bec4cf;font-size:1em;font-weight:700}.notes-title ul li{margin-left:.3em}.box-shadow{border-radius:.7em;box-shadow:.2em 2px .6em 4px #f2f7ff;padding-bottom:1.5em;height:26.9em;overflow:auto}.note-chapter-list{margin-left:.9em}.note-chapter-list .chapter-list{padding:.7em;background:#fafcfd;border-bottom:2px solid #f2f2f2}.note-chapter-list .active{background:#f2fdf8;border-bottom:2px solid #1abf73}.chapter-list:hover{background:#f2fdf8;cursor:pointer}.box-notes{height:450px!important;overflow-x:auto}.rdw-editor-main{height:20em!important}.topic-box{padding-left:1em}.topic-box .note-topic-list li{padding:.25em!important}.saveNoteBtn{position:absolute;top:1.5em;right:1.5em;border:none!important;background:#fff!important;padding:.5em 1.25em!important;border-radius:1.4em .25em 0 0!important;font-weight:600!important;color:var(--blue-primary)!important}.rdw-image-modal-upload-option-label{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deleteNoteIcon{position:absolute;right:1em;top:.5em;cursor:pointer}.learning-box{justify-content:space-around;position:relative}.learning-box .list-box{width:19%;min-width:13.8em;margin-left:.2em;margin-right:.2em;overflow:hidden;flex-direction:column;display:inline-block;margin-bottom:1.5em;padding:.3em}.learning-box .list-box .header-box{border-radius:1.1em;overflow:hidden;box-shadow:-1px 1px 2px 0 rgba(78,78,78,.021)}.learning-box .list-box .header-box .title{flex:1 1;position:relative;background-color:#fff;display:flex;padding:.8em 1em;font-size:1em;margin-bottom:0;line-height:1;height:4.2em;font-weight:600}.learning-box .list-box .header-box .title .row{width:100%}.learning-box .list-box .header-box .title .subjectName{font-weight:600;line-height:1.8em;margin-bottom:.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learning-box .list-box .header-box .title .imageClass{position:absolute;right:.8em;cursor:pointer}.learning-box .list-box .header-box .title .dropdown-menu{top:-5em!important;left:-10em!important}.learning-box .list-box .header-box .title .dropdown-menu .dropdown-item{display:flex;align-items:center;justify-content:flex-start}.learning-box .list-box .header-box .title .dropdown-menu .dropdown-item img,.learning-box .list-box .header-box .title .dropdown-menu .dropdown-item span{float:left}.learning-box .list-box .header-box .image-feature{overflow:hidden;height:11.5em;display:flex;align-items:center;cursor:pointer;position:relative}.learning-box .list-box .header-box .image-feature:hover img{transform:scale(1.3);transition:.3s}.learning-box .list-box .header-box .image-feature img{width:110%;height:100%;transform:scale(1.2);transition:.3s;object-fit:cover;object-position:center center}.learning-box .list-box .header-box .image-feature .gradePatch{position:absolute;left:0;top:1.5em;padding:.5em;background:#ffd753;color:#fff;font-weight:600;border-radius:0 .3em .3em 0}.borderBoxShadow{box-shadow:0 0 3px rgba(0,0,0,.35);padding:.4em 0;margin:-1em -1em 1em!important}.recentlyVisitedTopicClass{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cursorPointer{cursor:pointer}.cursorAuto{cursor:auto}.subjectCoverBox{width:3.5em;height:3.5em;border-radius:.25em;overflow:hidden;position:relative;float:left;margin:.7em .25em 0}.subjectCoverBox .subjectCheckBox{position:absolute;bottom:0;right:0}.subjectCoverBox img{width:100%;height:100%;transition:.3s;object-fit:cover;object-position:center center}.padding-t-b-0{padding-top:0!important;padding-bottom:0!important}.addSubjectTitle{font-weight:700;margin-bottom:.2em!important;margin-top:.2em!important}.button-wrap{position:relative}.button-wrap .new-button{display:inline-block;padding:.6em .9em;cursor:pointer;border-radius:4px;background-color:#dedede;font-size:1.2em;color:#000;font-weight:600}.button-wrap input[type=file]{position:absolute;z-index:-1;top:.4em;left:0;font-size:1.1em;color:#999}.backgroundImageBox{border:1px solid #ddd;border-radius:.25em;padding-bottom:.7em;padding-left:0!important;padding-right:0!important}.backgroundImageBox .borderBottom{padding:.25em}.padding-l-r-1{padding-left:1em;padding-right:1em}.addSubjectForm label{color:#000}.addSubjectForm .error-box{margin-top:0!important}.subjectIcon{max-width:15em;border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.35);border-radius:.25em;width:100%;height:100%;transition:.3s;object-fit:cover;object-position:center center}.filter-subject{margin-right:1.1em}.container-sm-profile{max-width:960px;margin:auto}.userProfileBox{padding:1em!important;border-radius:.5em;box-shadow:0 0 3px rgba(0,0,0,.35)}.profileForm label{margin-bottom:0!important}.greenActionButton{color:#fff!important;font-weight:700!important;padding-left:2.5em!important;padding-right:2.5em!important;background:#49eb9f!important}.floatRight{float:right}.editPhotoButton{text-align:center;border:1px solid #49eb9f!important;color:#49eb9f!important;font-weight:700!important;padding-left:1.5em!important;padding-right:1.5em!important;margin-top:1em!important;margin-bottom:1em!important}.changePasswordButton{width:100%;text-align:left!important;border-bottom:2px solid #e3edfd!important;color:#ababab!important;font-weight:600!important;margin-top:9px}.changePasswordButton:hover{transition:all .3s ease;color:#4e90e7;border-radius:4px}.logout-button{width:100%;text-align:left;border-bottom:2px solid #e3edfd;color:#ababab;font-weight:600;margin-top:9px;padding:.3em .7em;cursor:pointer}.logout-button:hover{transition:all .3s ease;color:#4e90e7;border-radius:4px}.height100Percentage{height:100%}.changePasswordContainer{display:flex;align-items:flex-end}.editImageContainer{display:flex;justify-content:center;align-items:flex-start}.userPhoto{width:15em!important;height:15em;border-radius:100%;overflow:hidden;margin-top:2em;margin-left:auto;margin-right:auto;box-shadow:0 0 3px rgba(0,0,0,.35)}.userPhoto img{width:100%;height:100%;transform:scale(1.2);transition:.3s;object-fit:cover;object-position:center center}.userPhoto .uploadButton{width:100%;text-align:center;margin-top:1.5em;padding:.35em .5em;background:#fff;border-radius:.5em;border:1px solid #49ee8b;color:#49ee8b;font-weight:700}.subjectHeading{padding-left:0;font-weight:600;font-size:1.7em!important;margin-bottom:.5em;color:#343a40}.icon-circle{background:#4e90e7;padding:.7em!important;width:30px;text-align:center;color:#fff;box-shadow:0 0 .2em rgba(0,0,0,.35);border-radius:100%;margin-right:5px}.p-12{padding:.9em}.topicPageHeader{margin-bottom:1em;list-style:none;width:100%;float:right}.topicPageHeader li{width:100%;float:left;display:flex;align-items:center;justify-content:flex-start;background:#fff;border-radius:.2em;padding:.35em .5em!important;cursor:pointer;margin:.3em}.topicPageHeader li:hover{background:var(--themeBlue);color:#fff}.topicPageHeader li.topicName{padding:0!important}.topicPageHeader li.topicName:hover{background:#fff;color:#000}.topicPageHeader li.topicName>span{width:50%;float:left;display:block;text-align:center;padding:.35em .5em!important}.topicPageHeader li.topicName>span:hover{background:var(--themeBlue);color:#fff}.greenBead{background:#00d215;width:.6em;height:.6em;margin-right:.5em;margin-top:.45em;float:left;border-radius:100%}.margin-t-2{margin-top:2em}.pageBox{width:100%;height:100%;overflow:auto;padding:3em!important;background:#fff}.pageBox .topicHeading{font-weight:600;border-bottom:1px solid #c8c8c8;font-size:2.1em}.videoThumbClass{width:100%;max-height:30.7em;border-radius:.3em;cursor:pointer}.dynamicHtmlClass{padding-top:2em;padding-bottom:2em}.noPad{padding:0!important}.min-5{margin-top:-5px}.mgrpdf-navigation__controls--wrapper{position:absolute;top:2.8em;left:0}.topicName{padding-left:.5em;padding-right:.5em;margin-right:2em!important}.topicName .currentTopicName{width:15.3em}.topicName .currentTopicName,.topicName .subjectName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topicName .subjectName{width:50px}.borderLeftRadius{border-radius:.25em 0 0 .25em;padding-top:.5em}.borderRightRadius{border-radius:0 .25em .25em 0;padding-top:.5em}.oneLineBox{display:flex}.oneLineBox div{position:relative;width:100%!important}.oneLineBox div label{margin-bottom:0;font-weight:600}.oneLineBox div input,.oneLineBox div select{width:90%;margin-bottom:1em}.oneLineBox div .removeInput{position:absolute;right:-.4em;top:.4em}.padding-t-1{padding-top:1em}.subTitleVideo{font-size:1.25em;font-weight:600;margin-top:.5em}.uploadVideoUploader{list-style:none;width:100%;float:left}.uploadVideoUploader li{float:left;padding:2em 1.5em;background:#dedede;font-weight:700;border-radius:.25em;text-align:center;color:#919191;cursor:pointer;border:2px dotted #c8c8c8;margin-top:.5em;margin-bottom:.5em;margin-right:.5em}.uploadVideoUploader li .fontLarge{font-size:1.5em;line-height:1}.uploadVideoUploader .videoThumbnailBox{width:19.2em;height:12.4em;padding:0;display:flex;align-items:center;justify-content:center;position:relative}.uploadVideoUploader .videoThumbnailBox img{border-radius:.5em;height:100%;width:100%;transition:.3s;object-fit:cover;object-position:center center}.closeSpan{width:1.25em;height:1.25em;border-radius:100%;justify-content:center;position:absolute;background:red;color:#fff;font-size:1.25em;line-height:1;right:-.5em;top:-.5em;cursor:pointer;z-index:1}.closeSpan,.singleLineDisplay{display:flex;align-items:center}.singleLineDisplay{margin-bottom:1em}.singleLineDisplay input,.singleLineDisplay select{width:100%;margin-right:1em}.singleLineDisplay div{min-width:-webkit-max-content;min-width:max-content}.padding-t-1{padding-top:1em!important}.white-bg{background:#fff}.multiSelectHeight{height:5em!important;overflow:auto}.multiSelectHeight div{padding-left:2em!important}.multiSelectHeight div .custom-control-label{width:100%}.multiSelectHeight div:hover{background:#efefef}.addUserTabUl li{text-transform:capitalize;background:none!important;color:#676869}.transparentButton{border:none;background:transparent;margin:.5em;float:right}.flexBoxCenter{display:flex;align-items:center}.pt-26{padding-top:2em!important}.duty-box .navigation-bar .buttonNavbarUl li{float:left;list-style:none;padding:.25em 2em;border-radius:.5em;background:#a4b6b8;color:#fff;margin-right:1em;box-shadow:0 0 .1em 1px #bbb;cursor:pointer}.duty-box .navigation-bar .buttonNavbarUl li:last-of-type{margin-right:0}.duty-box .navigation-bar .buttonNavbarUl li.active{background:#fff;color:#a4b6b8;box-shadow:0 0 .5em 1px #bbb}.duty-box .duty-white-box .tableContainer{width:100%;float:left;overflow:auto;position:relative}.demo-app{font-size:1em}.demo-app-top{margin:0 0 3em}.demo-app-calendar{margin:0 auto;max-width:900px}.calendars{float:left;padding:.7em;border:1px solid #e8e8e8}.fc-toolbar h2{font-size:1rem;float:left;margin:.6em .7em .3em;font-weight:700}.fc-day-grid .fc-row{z-index:1}.form-check-label{margin-left:.7em}.fc-toolbar.fc-header-toolbar{margin-bottom:.5em}.fc-button-primary{padding:.2em .7em;font-size:1rem}.add-event{float:left;margin-right:.7em}.add-event .btn{font-size:.8rem}.fc-next-button,.fc-prev-button{color:#fff;background-color:var(--label-color-dark-blue)}.fc-next-button:disabled,.fc-prev-button:disabled{background-color:var(--label-color-blue)!important}.fc-next-button:hover,.fc-prev-button:hover{background-color:var(--label-color-dark-blue)}.fc-next-button .fc-icon,.fc-prev-button .fc-icon{color:#fff}.fc-today-button{background-color:var(--label-color-dark-blue)!important;color:#fff!important}.fc-today-button:disabled{background-color:var(--label-color-blue)!important;color:#fff!important}.fc-button-primary{padding-top:.45em;padding-bottom:.45em;color:#fff;background-color:var(--label-color-dark-blue)!important;border:none!important}.fc-button-primary:hover{background-color:var(--blue-primary)}.fc-button-primary:active{background-color:var(--blue-primary)!important}.fc-button-primary:disabled{background-color:var(--label-color-blue)!important;color:#fff!important}.fc-button-active{background-color:var(--blue-primary)}.fc-button-primary:not(:disabled).fc-button-active,.fc-button-primary:not(:disabled):active{background-color:var(--blue-primary)!important}.react-calendar__tile--active{background:#fff!important}.react-calendar__tile--active abbr{width:1.4em;height:1.4em;display:flex;align-items:center;justify-content:center;border-radius:100%!important;background:#006edc}.calendarFilter{margin-top:1.9em}.calendarFilter h6{font-weight:700}.calendarFilter ul{margin:1.5em}.calendarFilter ul li{margin-top:.7em}.calendarFilter ul li label{margin-left:.3em}input[type=checkbox]{width:1.5em;height:1.5em;margin-top:0}.noListStyle{list-style:none}.borderLeftCalendar{border-left:.5em solid;border-radius:.25em;padding-left:.35em}.label-calendar{margin-left:.7em;margin-top:.3em}.mt-15{margin-top:1.1em}.react-calendar{width:100%;max-width:100%;background:#fff;border:none!important;font-size:.8em;line-height:2em;color:#676869}.react-calendar .react-calendar__navigation__label{text-align-last:center}.react-calendar .react-calendar__month-view__weekdays{font-weight:900;visibility:hidden}.react-calendar__navigation button{min-width:1.3em!important;background:none}.react-calendar__navigation{height:10px!important;margin-bottom:0!important}.customCheckBox{width:1.5em;height:1.5em;border-radius:.15em;float:left;margin-right:.25em;display:flex;align-items:center;justify-content:center}.duty-box{position:relative}.duty-box .top10Gap{top:10em}.duty-box .buttonNavbarUl{position:absolute!important;max-width:-webkit-max-content;max-width:max-content;right:1.5em;margin:0;float:right}.duty-box .buttonNavbarUl li{float:left;list-style:none;padding:.25em 2em;border-radius:.25em;background:#00d215;color:#fff;margin-right:1em;box-shadow:0 0 3px rgba(0,0,0,.35);cursor:pointer;font-weight:700}.duty-box .buttonNavbarUl li:last-of-type{margin-right:0}.duty-box .buttonNavbarUl li.active{background:#fff;color:#00d215;box-shadow:0 0 3px rgba(0,0,0,.35)}.duty-box .duty-white-box{width:100%;overflow:auto;min-height:50vh}.duty-box .duty-white-box .ulanganTableContainer{width:100%;float:left;overflow:auto;position:static}.duty-box .duty-white-box .ulanganTableContainerLoader{width:100%;float:left;overflow:auto;position:relative;min-height:100%;display:flex;align-items:center;justify-content:center}.modal-confirm{color:#636363;width:30.7em}.modal-confirm .modal-content{padding:1.5em;border-radius:.3em;border:none;text-align:center;font-size:1em}.modal-confirm .modal-header{border-bottom:none;position:relative}.modal-confirm h4{text-align:center;font-size:2em;margin:2.3em 0 -.7em}.modal-confirm .close{position:absolute;top:-.3em;right:-2px}.modal-confirm .modal-body{color:#999}.modal-confirm .modal-footer{border:none;text-align:center;border-radius:.3em;font-size:13px;padding:.7em 1.1em 1.9em}.modal-confirm .modal-footer a{color:#999}.modal-confirm .icon-box{width:80px;height:80px;margin:0 auto;border-radius:50%;z-index:9;text-align:center;border:3px solid #f15e5e}.modal-confirm .icon-box i{color:#f15e5e;font-size:46px;display:inline-block;margin-top:13px}.modal-confirm .btn{color:#fff;border-radius:4px;background:#60c7c1;text-decoration:none;transition:all .4s;line-height:normal;min-width:9.2em;border:none;min-height:3em;border-radius:3px;margin:0 .3em;outline:none!important}.modal-confirm .btn-info{background:#c1c1c1}.modal-confirm .btn-info:focus,.modal-confirm .btn-info:hover{background:#a8a8a8}.modal-confirm .btn-danger{background:#f15e5e}.modal-confirm .btn-danger:focus,.modal-confirm .btn-danger:hover{background:#ee3535}.trigger-btn{display:inline-block;margin:100px auto}.bold{font-weight:600}.w-100{width:100%!important}.defaultFilterBox{margin-bottom:1em;font-weight:700}.defaultFilterBox input{border:1px solid #ddd;width:100%;line-height:2.5em!important;border-radius:.4em;padding-left:.5em;padding-right:.5em}.defaultFilterBox input[type=range]{-webkit-appearance:none;margin:13.8px 0}.defaultFilterBox input[type=range]:focus{outline:none}.defaultFilterBox input[type=range]::-webkit-slider-runnable-track{height:4px;cursor:pointer;background:#d2d2d2;border-radius:1px;border:.2px solid #010101}.defaultFilterBox input[type=range]::-webkit-slider-thumb{border:1px solid #15b86c;height:16px;width:16px;border-radius:1em;background:#15b86c;cursor:pointer;-webkit-appearance:none;margin-top:-6px}.margin-b-1{margin-bottom:1em!important}.clearButton{border:none;border-radius:.25em;padding:.25em .5em;color:#fff;font-weight:500;background:#ababab}td .actionClass{width:1.2em;height:1.2em}td .iconSize{max-width:1.2em}.filtersHeading{font-size:1.4em;color:#707070}.noPadTb{padding:0!important}.modalTable tr:nth-child(odd){background:#fff}.modalTable tr:nth-child(2n){background:#f8f8f8}.rightFlex{display:flex;align-items:center;justify-content:flex-end;margin-top:-1.5em}.mb-20{margin-bottom:1.5em}.kkm-box{margin-bottom:.6em!important}.userManagementtable{width:100%;border-radius:.25em}.userManagementtable thead{color:#fff;font-weight:600}.userManagementtable thead th{padding:.8em .5em;position:-webkit-sticky;position:sticky;top:-17px}.userManagementtable tbody tr td{padding:.8em .5em;font-weight:700;max-width:150px}.userManagementtable tbody tr .circleClass{max-width:3.5em;max-height:3.5em;border-radius:2em;border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.35)}.userManagementtable tbody tr .actionBox{display:flex;justify-content:space-evenly;align-items:center}.userManagementtable tbody tr .actionBox .actionIcon{cursor:pointer;height:auto}.paginationBox{padding:1.7em 1em;float:right}.paginationUl{list-style-type:none;border-radius:.25em;overflow:hidden;float:right;margin-top:1em}.paginationUl li{float:left;padding:.6em 1em;cursor:pointer;border:1px solid #c8c8c8;font-weight:600}.paginationUl li.active{background:#7aabff;color:#fff}.paginationUl li:first-of-type,.paginationUl li:last-of-type{background:var(--themeBlue);color:#fff;border:1px solid var(--themeBlue)}.padding-t-b-1{padding-top:1em;padding-bottom:1em}.negativeButton,.positiveButton{color:#fff!important;font-weight:600!important;padding:.25em 1em;min-width:8em;margin:0 .5em}.negativeButton,.positiveButton{background-color:var(--themeBlue)!important}.approveButton,.deactiveButton{padding:.2em 1em!important;font-size:.8em!important;line-height:1em!important;color:#fff!important;font-weight:600!important;margin-left:1em;float:right;margin-right:.5em}.approveButton{background:#00d215!important}.deactiveButton{background:var(--themeBlue)!important}.selectClass{border-radius:.15em;margin-right:1.5em;margin-left:.5em;line-height:2em!important;padding:.25em;border:1px solid #c8c8c8;font-weight:600}.padding-l-1Nhalf{padding-left:1.5em}.flexBoxContainer{width:100%!important}.flexBoxContainer .flexBox{width:100%!important;display:flex;align-items:center;justify-content:flex-end;padding-top:1em;padding-bottom:1em}.flexBoxContainer .flexBox .text{font-weight:700}.flexBoxContainer .flexBox .page-item .page-link{background:#e7eced;color:#000}.flexBoxContainer .flexBox .page-item .page-link.active{background:var(--themeBlue);color:#fff}.flexBoxContainer .flexBox .page-item:first-of-type{border-radius:.3em 0 0 .3em;overflow:hidden}.flexBoxContainer .flexBox .page-item:first-of-type .page-link{background:var(--themeBlue);color:#fff;border-color:var(--themeBlue)}.flexBoxContainer .flexBox .page-item:last-of-type{border-radius:0 .3em .3em 0;overflow:hidden}.flexBoxContainer .flexBox .page-item:last-of-type .page-link{background:var(--themeBlue);color:#fff;border-color:var(--themeBlue)}.filterBox .selectClass{margin-left:0}.grayTag{margin-left:.5em;background:#707070;border-radius:.8em;font-size:.8em;color:#fff;padding:.15em .5em;line-height:1em}.addUserTabUl li.active{box-shadow:none!important}.margin-b-35{margin-bottom:-2.6em}.mt-0{margin-top:0!important}.user-group{margin-bottom:0!important;padding-top:1.5em!important}.table thead td,.table thead th:first-child{border-top-left-radius:0!important;border-top-right-radius:0!important}.conference-bg{background-color:#020f3c!important;overflow:hidden;height:100vh}.conference-bg-header{background-color:#020f3c!important;border-bottom:unset}.form-control{padding:.1rem .75rem!important}.m-17{margin-top:-1em!important}.select-filter{border-color:#b7d6ff;padding:.5em 3.5em .5em 1em!important;color:grey;height:3.2em;background-color:#fff;border-radius:.438em;display:inline-block;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;align-self:center!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-image:linear-gradient(45deg,transparent 50%,#fff 0),linear-gradient(135deg,#fff 50%,transparent 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%,100% 0;background-size:6px 6px,6px 6px,3em 100%;background-repeat:no-repeat}.select-filter:focus{background-image:linear-gradient(45deg,#fff 50%,transparent 0),linear-gradient(135deg,transparent 50%,#fff 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - 1em) 50%,calc(100% - 1.4em) 50%,100% 0;background-repeat:no-repeat;border-color:grey;outline:0}.select-filter-sm{color:#676869;font-weight:500;padding:.5em 3.5em .5em 1em;border-radius:6px;display:inline-block;line-height:1.5em;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#fff;outline:none;border:1px solid #b7d6ff;background-image:linear-gradient(45deg,transparent 50%,#fff 0),linear-gradient(135deg,#fff 50%,transparent 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - 1.45em) 50%,calc(100% - 1.15em) 50%,100% 0;background-size:.3em .3em,.3em .3em,2.9em 2.7em;background-repeat:no-repeat}.select-filter-sm:focus{background-image:linear-gradient(45deg,#fff 50%,transparent 0),linear-gradient(135deg,transparent 50%,#fff 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - 1.15em) 50%,calc(100% - 1.45em) 50%,100% 0;background-size:.3em .3em,.3em .3em,2.9em 2.7em;background-repeat:no-repeat;border-color:grey;outline:0}.icon-save{background:#007bff;border:1px solid #007bff;padding:11px .7em;color:#fff;margin-right:.3em}.pl-10{padding:0 .7em 0 0!important}.da-multi-select.disabled,.select-filter-sm:disabled,.select-filter:disabled{font-weight:500;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#bec4cf 0),linear-gradient(135deg,#bec4cf 50%,transparent 0),linear-gradient(90deg,#f2f7ff,#f2f7ff)}.select-filter-sm-disabled{border:1px solid #bec4cf;border-radius:6px;height:31px;background-position:calc(100% - 15px) calc(.8em + 2px),calc(100% - 8px) calc(.8em + 2px),100% 0;background-size:5px 5px,5px 5px,2em 2.5em}.select-filter-disabled,.select-filter-sm-disabled{display:inline-block;line-height:1.5em;margin-left:10px;padding:.5em 40px .5em 1em;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;margin-top:-5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-image:linear-gradient(45deg,transparent 50%,#bec4cf 0),linear-gradient(135deg,#bec4cf 50%,transparent 0),linear-gradient(90deg,#f2f7ff,#f2f7ff);background-repeat:no-repeat}.select-filter-disabled{border:1px solid #f7f8f8;border-radius:7px;height:38px;font-weight:600;color:#676869;background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 14px) calc(1em + 2px),100% 0;background-size:6px 6px,6px 6px,3em 3em}.select-filter-disabled:disabled{background-color:#fff;color:#bec4cf}.select-filter-sm-disabled:disabled{background-color:#fff}.bg-blue-light{background-color:#f2f7ff!important}.display-none{display:none!important}.floatLeft{float:left!important}.mrgntp-m5{margin-top:-4.5em}.pageHeading p em,.pageHeading p span{z-index:1;margin-top:-8px;font-size:1.3rem;margin-bottom:0;font-weight:550;color:#000;text-align:left}.pageHeading p span{color:#034aa6}.pageHeadingClass p,.pageHeadingClass p em,.pageHeadingSchool p,.pageHeadingSchool p em{font-size:1.2rem;font-weight:550;text-align:right}.pageHeadingSchool{color:#034aa6}.pageHeadingClass p em{font-size:1.1rem;font-weight:500;margin-top:.1rem}.border-heading{border-bottom:2px solid #e3edfd;padding:10px 0}.mb-10{margin-bottom:.7em}.mr-10{margin-right:.7em}.mt-10{margin-top:.7em}.ml-10{margin-left:.7em}.mt-20{margin-top:20px}.filter-label{color:#bec4cf;font-weight:700}.exam-type{white-space:nowrap;padding:.7em 2em .7em 1em}thead th{top:-1.1em}thead .msa-header,thead th{padding:.8em .5em;position:-webkit-sticky;position:sticky}thead .msa-header{top:2.8em!important}.index-style{background-color:#f2f7ff!important}.icon-width{width:2.4em!important;padding:.3em!important}.nopad{padding:0!important}.nav-tabs{border-bottom:none!important}.transparant{border-color:transparent!important;background:transparent!important}.table{background-color:#f2f7ff;font-size:.875em}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#fff}.h-100{height:100%}.data-block{margin:0;padding:.2em;background:#fff;border:1px solid #b7d6ff;border-radius:.2em;text-align:center}.w-8{width:8%}.w-10{width:10%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.ml-20{margin-left:1.5em}.mt-20{margin-top:1.5em}.mt-50{margin-top:-4.6em}.pb-10{padding-bottom:.7em}.pl-0{padding-left:0!important}img{max-width:100%;max-height:85vh}.profile-wrap{position:relative}.profile-wrap .new-button{display:inline-block;padding:.4em .7em;margin-top:12.5em;right:3.5em;width:100%;cursor:pointer;color:#ababab;font-weight:600;z-index:99;position:absolute;text-align:right}.profile-wrap input[type=file]{position:absolute;z-index:-1;top:.4em;left:0;font-size:1.1em;color:#999}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#fff!important}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.text-label-gray{color:#bec4cf}.text-label-dark-gray{color:#676869}.text-label-dark-gray-2{color:#232230}.btn-primary,.themeButton{background-color:var(--label-color-blue);border-color:var(--label-color-blue);color:#fff;transition:all .2s}.btn-primary:hover:not(.disabled),.btn-primary:hover:not(:disabled),.themeButton:hover:not(.disabled),.themeButton:hover:not(:disabled){background-color:initial;border-color:var(--label-color-blue);color:var(--label-color-blue)}.btn-primary:hover:not(.disabled) .customIcon,.btn-primary:hover:not(:disabled) .customIcon,.themeButton:hover:not(.disabled) .customIcon,.themeButton:hover:not(:disabled) .customIcon{filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1925%) hue-rotate(193deg) brightness(98%) contrast(87%)}.btn-primary.disabled,.btn-primary:disabled,.themeButton.disabled,.themeButton:disabled{background-color:#bec4cf;border-color:#bec4cf}.btn-outline-primary{background-color:initial;border-color:var(--label-color-blue);color:var(--label-color-blue);transition:all .2s}.btn-outline-primary:hover:not(.disabled),.btn-outline-primary:hover:not(:disabled){background-color:var(--label-color-blue);border-color:var(--label-color-blue)}.btn-outline-primary:hover:not(.disabled) .customIcon,.btn-outline-primary:hover:not(:disabled) .customIcon{filter:brightness(0) saturate(100%) invert(100%)}.toolbarClassName{display:flex;flex-wrap:wrap}.toolbarClassName *,.toolbarClassName :hover{color:inherit;text-decoration:inherit}.announcementEditorClassName,.editorClassName,.editorSmallClassName,.topicEditorClassName,.wysiwyg-viewer{overflow:auto;word-break:break-word}.announcementEditorClassName *,.editorClassName *,.editorSmallClassName *,.topicEditorClassName *,.wysiwyg-viewer *{font-size:inherit;font-family:inherit;line-height:normal}.announcementEditorClassName ol,.announcementEditorClassName ul,.editorClassName ol,.editorClassName ul,.editorSmallClassName ol,.editorSmallClassName ul,.topicEditorClassName ol,.topicEditorClassName ul,.wysiwyg-viewer ol,.wysiwyg-viewer ul{padding-left:1.5rem;list-style:initial!important}.announcementEditorClassName .mjx-chtml *,.editorClassName .mjx-chtml *,.editorSmallClassName .mjx-chtml *,.topicEditorClassName .mjx-chtml *,.wysiwyg-viewer .mjx-chtml *{line-height:unset}.announcementEditorClassName h1,.editorClassName h1,.editorSmallClassName h1,.topicEditorClassName h1,.wysiwyg-viewer h1{font-size:2.5rem}.announcementEditorClassName h2,.editorClassName h2,.editorSmallClassName h2,.topicEditorClassName h2,.wysiwyg-viewer h2{font-size:2rem}.announcementEditorClassName h3,.editorClassName h3,.editorSmallClassName h3,.topicEditorClassName h3,.wysiwyg-viewer h3{font-size:1.75rem}.announcementEditorClassName h4,.editorClassName h4,.editorSmallClassName h4,.topicEditorClassName h4,.wysiwyg-viewer h4{font-size:1.5rem}.announcementEditorClassName h5,.editorClassName h5,.editorSmallClassName h5,.topicEditorClassName h5,.wysiwyg-viewer h5{font-size:1.25rem}.announcementEditorClassName h6,.editorClassName h6,.editorSmallClassName h6,.topicEditorClassName h6,.wysiwyg-viewer h6{font-size:1rem}.announcementEditorClassName blockquote,.editorClassName blockquote,.editorSmallClassName blockquote,.topicEditorClassName blockquote,.wysiwyg-viewer blockquote{margin:1rem 0;border-left:5px solid #f1f1f1;padding-left:5px}.announcementEditorClassName pre,.editorClassName pre,.editorSmallClassName pre,.topicEditorClassName pre,.wysiwyg-viewer pre{font-family:Consolas,serif;color:#e83e8c;word-break:break-word;margin:1rem 0;background:#f1f1f1;border-radius:3px;padding:1px 10px}.announcementEditorClassName .public-DraftEditorPlaceholder-root,.editorClassName .public-DraftEditorPlaceholder-root,.editorSmallClassName .public-DraftEditorPlaceholder-root,.topicEditorClassName .public-DraftEditorPlaceholder-root,.wysiwyg-viewer .public-DraftEditorPlaceholder-root{padding:1rem}.announcementEditorClassName .public-DraftStyleDefault-block,.editorClassName .public-DraftStyleDefault-block,.editorSmallClassName .public-DraftStyleDefault-block,.topicEditorClassName .public-DraftStyleDefault-block,.wysiwyg-viewer .public-DraftStyleDefault-block{margin:0}.announcementEditorClassName .public-DraftStyleDefault-ltr,.editorClassName .public-DraftStyleDefault-ltr,.editorSmallClassName .public-DraftStyleDefault-ltr,.topicEditorClassName .public-DraftStyleDefault-ltr,.wysiwyg-viewer .public-DraftStyleDefault-ltr{padding:0}.announcementEditorClassName .public-DraftEditor-content[contenteditable=true],.editorClassName .public-DraftEditor-content[contenteditable=true],.editorSmallClassName .public-DraftEditor-content[contenteditable=true],.topicEditorClassName .public-DraftEditor-content[contenteditable=true],.wysiwyg-viewer .public-DraftEditor-content[contenteditable=true]{padding:1rem}.custom-tooltip{position:relative;z-index:1100}.custom-tooltip.show{opacity:1}.custom-tooltip .tooltip-inner{height:-webkit-max-content;height:max-content;width:-webkit-max-content;width:max-content;max-width:25rem;background-color:#676869;color:#fff;font-weight:500;font-size:.85rem;border-radius:.5rem;padding:.5rem;text-align:left}.custom-tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.custom-tooltip.bs-tooltip-bottom .arrow:before{border-bottom-color:#676869}.custom-tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before,.custom-tooltip.bs-tooltip-top .arrow:before{border-top-color:#676869}.custom-tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before,.custom-tooltip.bs-tooltip-left .arrow:before{border-left-color:#676869}.custom-tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before,.custom-tooltip.bs-tooltip-right .arrow:before{border-right-color:#676869}.custom-tooltip span{display:block}.custom-tooltip .divider{width:calc(100% + 1rem);height:0;border:1px solid #fff;margin:1rem -.5rem}@media only screen and (max-width:450px){.pageHeading{font-size:1.5rem}.fc-center{font-size:1rem!important}.border-heading{border-bottom:2px solid #e3edfd;margin-bottom:0;padding:5px 0;flex-direction:column}*{font-size:11px}.enrollStudentImage{border:1 solid #fff;width:25px!important;height:25px!important}.mobile-scrollable{max-width:100vw;overflow:scroll}}.snackbar-bottom-notice{pointer-events:auto;position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:1200;color:#fff;background:#1abf73;border-radius:.769rem .769rem 0 0;display:flex;justify-content:center;align-items:center;padding:1.538rem 1.923rem;font-size:1.154rem;font-weight:500}.snackbar-bottom-notice.errorMessage{background:#f05974}.testing{border:2px solid orange!important}.right-tooltip{position:relative;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;width:-webkit-max-content;width:max-content;max-width:25rem;background-color:#676869;color:#fff;font-weight:500;font-size:.85rem;border-radius:.5rem;padding:.5rem;margin-left:1rem;z-index:1100}.right-tooltip:before{content:"";position:absolute;width:0;height:0;top:50%;left:-.8rem;transform:translateY(-50%);border-top:.5rem solid transparent;border-bottom:.5rem solid transparent;border-right:.8rem solid #676869}.academic-year-pill{color:#fff;padding:.25rem .75rem;border-radius:10rem;font-weight:500;background-color:#fe9910;height:-webkit-max-content;height:max-content;white-space:nowrap}.academic-year-pill.not-active{display:flex;align-items:center;background-color:#feaf43}.academic-year-pill.not-active .tooltip-img{filter:brightness(0) saturate(100%) invert(100%)}.repeatListBox{font-size:.75em;padding-top:1em;padding-bottom:1em}.userImageInAnnouncement{width:3.5em;height:3.5em;object-fit:cover;border-radius:100%;border:2px solid #fff;box-shadow:0 0 3px #ddd;margin-right:1em}.imageContainer{float:left;max-width:-webkit-max-content;max-width:max-content}.userDetailsContainer{float:left}.userDetailsContainer .userName{width:100%;float:left;font-size:1em;font-weight:700}.userDetailsContainer .postingStatus,.userDetailsContainer .postingTime{font-size:.85em;line-height:1.2em;float:left;width:100%;color:#aeaeae}.announcementHeading{font-size:1.25em;font-weight:600;padding:.5em 0!important;display:block;width:-webkit-max-content;width:max-content;float:left}.postingStatus{font-weight:600;text-transform:capitalize}.announcementDetails{display:flex}.announcementDetails .announcementImage{width:auto;height:auto;max-height:150px;border-radius:.5em;margin-right:.8em;margin-bottom:1em;object-fit:contain;float:left}.announcementDetails .announcementText{float:left;width:100%}.announcementDetails .announcementText .announcementTextTitle{font-size:1.15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-weight:600}.announcementTime{font-size:.85em}.announcementActionUl{margin:0!important;list-style-type:none}.announcementActionUl li{float:left;margin-right:.5em;cursor:pointer}.tagClass{padding:.2em .8em;width:-webkit-max-content;width:max-content;border-radius:5em;color:#fff;font-weight:600;min-width:80px;text-align:center;margin-top:.5em;margin-bottom:.25em;float:left;background:#ababab;margin-right:.25em}.Teal{background:#11a0be}.Violet{background:#594ef5}.Green{background:#56be11}.Red{background:#eb6043}.Neon{background:#18f3a1}.pdfIcon{margin-left:.5em}.flexCenter{display:flex;align-items:center;width:-webkit-max-content;width:max-content}.announcementContainer{position:relative;border:2px solid #c9e0fb;border-radius:5px}.announcementContainer:not(:last-child){margin-bottom:1rem}.announcementContainer .top-right{position:absolute;right:1rem;top:.5rem}.announcement-file .attachment-icon{display:inline-block;background-color:#d2fbfc;padding:.5rem 1rem;border-radius:10px;margin-right:.5rem}.announcement-file span{color:#4f92ea;font-size:1rem;font-weight:600}.announcement-file:not(:last-child){margin-right:2rem}.newModalAnnouncement .nma-err{border:2px solid red!important}.newModalAnnouncement .nma-title{font-weight:600;font-size:1.5em;color:#232230}.newModalAnnouncement .nma-mandatory{font-style:italic;color:red;font-size:1em;font-weight:500}.newModalAnnouncement .nma-container{padding:1.2em .8em}.newModalAnnouncement .nma-content{display:flex;flex-direction:row}@media screen and (max-width:991px){.newModalAnnouncement .nma-content{flex-direction:column}}.newModalAnnouncement .nma-subTitle{font-weight:600;font-size:1.2em}.newModalAnnouncement .nma-subTitle-redAsterisk{color:red;font-weight:600;font-size:1.2em;position:absolute;margin-left:1px}.newModalAnnouncement .nma-editor{border-radius:5px}.newModalAnnouncement .nma-radio{display:flex;align-items:center;color:#676869;font-weight:600;padding-left:.4em}.newModalAnnouncement .nma-radio-italic{font-style:italic}.newModalAnnouncement .nma-border{border-bottom:2px solid #ecf3ff!important;padding-bottom:.7em}.newModalAnnouncement .nma-border-top{padding-top:.7em}.newModalAnnouncement .nma-form{padding:1.7em 1em!important;border:2px solid #ecf3ff;border-radius:5px}.newModalAnnouncement .nma-form:focus{border:2px solid #ecf3ff}.newModalAnnouncement .nma-form:disabled{background-color:#e3f4fe;cursor:not-allowed}.newModalAnnouncement .nma-form-upload{border:2px solid #ecf3ff;cursor:pointer;padding:1.7em 1em!important;display:none}.newModalAnnouncement .nma-form-upload:focus{border:2px solid #ecf3ff}.newModalAnnouncement .nma-form-rdt>input{border:2px solid #ecf3ff;border-radius:5px;height:3.5em}.newModalAnnouncement .nma-form-rdt>input:focus{border:2px solid #ecf3ff}.newModalAnnouncement .nma-form-icon{font-size:3.6em;padding:.48em .5em;margin-right:.3em;border-radius:0 8px 8px 0;position:absolute;right:0;bottom:0;background-color:var(--label-color-blue);background-repeat:no-repeat;background-position:50%;cursor:pointer;transition:.2s;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAQxJREFUOE+tk40RwUAQhXMdUIF0gApEB3QgHVABKqADOqADSQd0EBXQQXyPNXLBjInbmZ3N3r68/btzUSBxdZ6yLGPONmjhnEurcWJb/A6aEiuqsU9ECYCDQIC9OESl/TwklL0REW9xuEJVjb57BvLAnCmJ5IheVTU6g/R6zwjRBKN2moja3D6JFjDMm7DwzxKixduMGpJFYStiRmFaqxDl9JvgazveFaivHl8bHXgzqhAdIerjjwDsbF5tsxezYzB7MLoC3W9ETWb92lptRjlsMaqnIDmZVXbJGS2sLfkficLNiAxTVE9kbRUkZjOzims+igvnVTTh4P8nokzM6ZnBEv9ktGVV+LjZIeQGwg2IE2e8HAUAAAAASUVORK5CYII=)}.newModalAnnouncement .nma-emptyUpload{position:relative;border:2px solid #ecf3ff;border-radius:5px;cursor:pointer;padding:1.5em 1em}.newModalAnnouncement .nma-emptyUpload:focus{border:2px solid #ecf3ff}.newModalAnnouncement .nma-abs{position:absolute;bottom:2px;left:2px;border-right:2px solid #ecf3ff;background-color:#f2f7ff;padding:.77em}.newModalAnnouncement .nma-multiSelect{border:2px solid #ecf3ff!important}.newModalAnnouncement .nma-listing{position:absolute;max-height:20vh;overflow:auto;top:0;left:230px;border:2px solid #ecf3ff;border-radius:5px}.newModalAnnouncement .nma-listing p{margin:0;font-weight:600;padding:0 .5em .8em}.newModalAnnouncement .nma-listing p:first-of-type{padding-top:0}.newModalAnnouncement .nma-select{border:2px solid #ecf3ff;padding:0 1em;color:grey;height:3.7em;background-color:#fff;border-radius:.438em;display:inline-block;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;align-self:center!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-image:linear-gradient(45deg,transparent 50%,#f2f2f2 0),linear-gradient(135deg,#f2f2f2 50%,transparent 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - 1.5em) 1.34em,calc(100% - .805em) 1.34em,100% 0;background-size:.729em .729em,.729em .729em,3em 4em;background-repeat:no-repeat}.newModalAnnouncement .nma-select:disabled{background-color:#e3f4fe;cursor:not-allowed}.newModalAnnouncement .nma-select:focus{border:2px solid #ecf3ff;background-image:linear-gradient(45deg,#f2f2f2 50%,transparent 0),linear-gradient(135deg,transparent 50%,#f2f2f2 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - .85em) 1.39em,calc(100% - 1.5em) 1.385em,100% 0;background-size:.729em .729em,.729em .729em,3em 4em;background-repeat:no-repeat;outline:0}.newModalAnnouncement .nma-button{display:flex;width:100%;padding-top:3.2em}.newModalAnnouncement .nma-button-cancel{font-size:1.2em;font-weight:600;color:#676869}.newModalAnnouncement .nma-button-create{font-size:1.2em;font-weight:500;padding:.5em 1.2em}.newModalAnnouncement .nma-accordion-parent,.newModalAnnouncement .nma-accordion-student,.newModalAnnouncement .nma-accordion-teacher{border:2px solid #ecf3ff;border-radius:5px;transition:all .2s ease-in;cursor:pointer}.newModalAnnouncement .nma-accordion-parent:not(:first-child),.newModalAnnouncement .nma-accordion-student:not(:first-child),.newModalAnnouncement .nma-accordion-teacher:not(:first-child){margin:.8em 0}.newModalAnnouncement .nma-accordion-parent-open,.newModalAnnouncement .nma-accordion-student-open,.newModalAnnouncement .nma-accordion-teacher-open{display:flex;align-items:center}.newModalAnnouncement .nma-accordion-parent-open:hover,.newModalAnnouncement .nma-accordion-student-open:hover,.newModalAnnouncement .nma-accordion-teacher-open:hover{background-color:#f2f7ff}.newModalAnnouncement .nma-accordion-parent-open h6,.newModalAnnouncement .nma-accordion-student-open h6,.newModalAnnouncement .nma-accordion-teacher-open h6{width:100%;padding:.88em 1em .6em;font-weight:500;font-size:1.1em;color:#212529;position:relative}.newModalAnnouncement .nma-accordion-parent-open h6:hover,.newModalAnnouncement .nma-accordion-student-open h6:hover,.newModalAnnouncement .nma-accordion-teacher-open h6:hover{font-weight:600}.newModalAnnouncement .nma-accordion-parent-open h6 .nma-accordion-announceTo,.newModalAnnouncement .nma-accordion-student-open h6 .nma-accordion-announceTo,.newModalAnnouncement .nma-accordion-teacher-open h6 .nma-accordion-announceTo{background-color:var(--label-color-blue);color:#fff;border-radius:25px;padding:.7em 1.2em;font-size:.8em;font-weight:400;margin-left:1.3em;transition:all .2s ease-in;z-index:100}.newModalAnnouncement .nma-accordion-parent-open h6 .nma-accordion-announceTo:hover,.newModalAnnouncement .nma-accordion-student-open h6 .nma-accordion-announceTo:hover,.newModalAnnouncement .nma-accordion-teacher-open h6 .nma-accordion-announceTo:hover{color:var(--label-color-blue);border:1px solid var(--label-color-blue);background-color:#fff}.newModalAnnouncement .nma-accordion-parent-open h6 .nma-accordion-announceTo-close,.newModalAnnouncement .nma-accordion-student-open h6 .nma-accordion-announceTo-close,.newModalAnnouncement .nma-accordion-teacher-open h6 .nma-accordion-announceTo-close{color:#676869;font-size:1.2em;padding-left:.6em}.newModalAnnouncement .nma-accordion-parent-open i,.newModalAnnouncement .nma-accordion-student-open i,.newModalAnnouncement .nma-accordion-teacher-open i{font-size:2.1em;color:var(--label-color-blue)}.newModalAnnouncement .nma-accordion-details{background-color:#676869;border-radius:2px 5px 5px 5px;position:absolute;z-index:101;top:45px;left:110px;width:15em}.newModalAnnouncement .nma-accordion-details i{color:#676869;position:absolute;top:-18px;left:1px}.newModalAnnouncement .nma-accordion-details-content{position:static;max-width:100%;max-height:19em;height:-webkit-max-content;height:max-content;color:#f7f7f7;font-weight:300;overflow-x:auto}.newModalAnnouncement .nma-accordion-details-content p{padding:.1em .5em .1em .7em;border-bottom:1px solid #77787a;border-top-left-radius:5px;border-bottom-left-radius:5px;margin:1em 0}.newModalAnnouncement .nma-accordion-details-content p:first-of-type{padding-top:0}.newModalAnnouncement .nma-accordion-content{padding:1em 1em 0;height:37vh}.newModalAnnouncement .nma-accordion-radioListing{padding:1em 1.2em;border-top:1px solid #ecf3ff}.newModalAnnouncement .nma-accordion-multi{width:100%;border-radius:0}.newModalAnnouncement .nma-titleTruncate{overflow:hidden;display:flex;margin-right:1em}.newModalAnnouncement .nma-btnUploadResult{margin-left:auto;margin-right:4em}.newModalAnnouncement div.tox.tox-tinymce{border:2px solid #ecf3ff;border-radius:5px}.newModalAnnouncement .custom-control-label:before{border-radius:50%}.newModalAnnouncement .bgAfterOpen{background-color:#e3f4fe!important}.modalViewAnnouncement .mva-positionToRelative{position:relative}.modalViewAnnouncement .mva-content{display:flex;flex-direction:column}.modalViewAnnouncement .mva-content-container{width:100%;min-height:20em}.modalViewAnnouncement .mva-content-close{position:absolute;right:0;top:-15px;font-size:3em;color:#bec4cf}.modalViewAnnouncement .mva-content-close:before{content:"\00d7"}.modalViewAnnouncement .mva-content-img{width:4.5em;height:4.5em;object-fit:cover;border-radius:100%;border:2px solid #fff;box-shadow:0 0 3px #ddd;margin-right:1em}.modalViewAnnouncement .mva-content-main{display:flex;flex-direction:column;justify-content:center}.modalViewAnnouncement .mva-content-main>p{color:#7b7b7b;font-weight:500;font-size:1.03em;margin:0}.modalViewAnnouncement .mva-content-main>p:first-child{font-size:1.14em;font-weight:700}.modalViewAnnouncement .mva-content-title>p{color:#7b7b7b;font-size:1.03em;margin:0;font-weight:500}.modalViewAnnouncement .mva-content-title>p:first-child{font-size:1.14em;font-weight:600}.modalViewAnnouncement .mva-content-text p{line-height:1.8em}.modalViewAnnouncement .mva-content-attachment{display:flex;flex-direction:row;width:-webkit-max-content;width:max-content;align-items:center;margin-left:.75em;overflow-x:scroll}.modalViewAnnouncement .mva-content-attachment-img{width:100px;height:100px;overflow-y:hidden;margin:.4em}.modalViewAnnouncement .mva-content-attachment-img img{border:2px solid #d0d3d7;border-radius:8px}.modalViewAnnouncement .mva-content-attachment-att{width:100px;height:100px;overflow-y:hidden;display:flex;align-items:center;margin-left:.75em;border:1px solid #d0d3d7;border-radius:8px}.modalViewAnnouncement .mva-content-attachment-att img{width:100%;padding:.6em}.modalViewAnnouncement .mva-content-tag{margin-right:1.7em;position:relative;cursor:default;display:flex;align-items:center;grid-gap:1.2em;gap:1.2em}.modalViewAnnouncement .mva-content-tag-container{display:flex;align-items:center;flex-direction:row;border-radius:8px;padding:.5em 1em;color:#fff;background:var(--label-color-blue);text-transform:capitalize}.modalViewAnnouncement .mva-content-tag-details{background-color:#676869;border-radius:2px 5px 5px 5px;position:absolute;z-index:101;top:45px;left:5px;width:13em}.modalViewAnnouncement .mva-content-tag-details.extendedWidth{width:18em}.modalViewAnnouncement .mva-content-tag-details i{color:#676869;position:absolute;top:-19px;left:1px;font-size:2.2em}.modalViewAnnouncement .mva-content-tag-details-content{position:static;max-width:100%;max-height:13em;height:-webkit-max-content;height:max-content;color:#f7f7f7;font-weight:300;overflow-x:auto;display:flex;flex-direction:column}.modalViewAnnouncement .mva-content-tag-details-content p{padding:.1em .5em .1em .7em;border-bottom:1px solid #77787a;border-top-left-radius:5px;border-bottom-left-radius:5px;margin:1em 0;font-size:.9em}.modalViewAnnouncement .mva-content-tag-details-content p:first-of-type{padding-top:0}.modalViewAnnouncement .mva-content-tag-details-homeroom{position:static;max-width:100%;max-height:13em;height:-webkit-max-content;height:max-content;color:#f7f7f7;font-weight:300;overflow-x:auto;display:flex;flex-direction:column}.modalViewAnnouncement .mva-content-tag-details-homeroom p{padding:.1em .5em .1em .7em;border-top-left-radius:5px;border-bottom-left-radius:5px;margin:1em 0;font-size:.9em}.modalViewAnnouncement .mva-content-tag-details-homeroom p span{font-style:italic;font-size:.9em}.modalViewAnnouncement .mva-content-count{position:absolute;right:1px;padding:.4em .8em;border-radius:8px;font-weight:700;background-color:#fff;display:flex;color:#7b7b7b;text-align:center;align-items:center;justify-content:center;margin-right:.02em}.modalViewAnnouncement .mva-content-actionBtn{margin-right:1em}.modalViewAnnouncement .mva-content-actionBtn i{font-size:1.25em}.modalViewAnnouncement .mva-spinner{position:absolute;top:13.5em;width:93.8vw;height:80vh;text-align:center;display:flex;align-items:center;justify-content:center;background-color:#fff}@media screen and (max-width:450px){.modalViewAnnouncement .mva-spinner{top:18em;right:1em}}@media screen and (max-width:450px){.modalViewAnnouncement .mob-btnAdd{font-size:.9em}}@media screen and (max-width:450px) and (max-width:375px){.modalViewAnnouncement .mob-btnAdd{font-size:.7em}}@media screen and (max-width:450px){.modalViewAnnouncement .mob-mb2{margin-bottom:.5em}}@media screen and (max-width:450px) and (max-width:320px){.modalViewAnnouncement .mob-editBtn>i{margin-right:0!important}}@media screen and (max-width:450px) and (max-width:320px){.modalViewAnnouncement .mob-editBtn>span{display:none}}.tempDisable{pointer-events:none;background-color:#ebebeb;color:#676869;border:none}.da-multi-select .text-search:focus+.dropdown-menu{display:block}.da-multi-select{border:1px solid #f7f8f8;border-radius:7px;display:inline-block;line-height:1.5em;min-height:3.2rem;padding:.5em 3.5em .5em 1em;background-image:linear-gradient(45deg,transparent 50%,#fff 0),linear-gradient(135deg,#fff 50%,transparent 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 14px) calc(1em + 2px),100% 0;background-size:6px 6px,6px 6px,3em 3em;background-repeat:no-repeat;position:relative}.da-multi-select.show{background-image:linear-gradient(45deg,#fff 50%,transparent 0),linear-gradient(135deg,transparent 50%,#fff 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - 1em) 1em,calc(100% - 1.4em) 1em,100% 0}.da-multi-select .of-hidden{overflow:hidden;height:inherit}.da-multi-select .of-hidden .multi-val{display:flex;flex:1 0 auto;flex-flow:row wrap;overflow-y:scroll}.da-multi-select .of-hidden .multi-val .val{background:#eaeaef;padding:.3em;margin-left:.2rem;margin-bottom:.2rem;border-radius:.3em}.da-multi-select .of-hidden .multi-val .val span:first-child{font-weight:500;margin-right:1rem}.da-multi-select.search{border:unset;background-image:unset;background-position:unset;background-size:unset;background-repeat:unset}.da-multi-select .dropdown-toggle:after{padding-left:15px;padding-bottom:15px;border:unset;border-bottom:0}.da-multi-select .dropdown-menu{max-height:200px;overflow:auto;width:100%}.da-multi-select.form-control .dropdown-toggle{float:right}.da-multi-select.form-control .sel-text{line-height:unset}.da-multi-select .dropdown-item *,.dd-multiSelect .dropdown-item *{margin-right:.7em}.da-multi-select .dropdown-item{cursor:pointer;padding:0 1.5rem}.da-multi-select .dropdown-item input[type=checkbox]{position:absolute;margin-top:.3rem}.da-multi-select .dropdown-item>span{margin-left:1.5rem}.da-multi-select .dropdown-item.checked{background:#f7f7f7}.da-multi-select input.form-control.text-search.dropdown-toggle{border:1px solid #f7f8f8;border-radius:7px;display:inline-block;line-height:1.5em;height:40px}.da-multi-select .text-search{padding:.5em;width:100%;height:100%;outline:none;border:none}.listing-below{border:2px solid #d5e7fc!important;border-radius:5px!important;margin-bottom:.7em;position:relative}.listing-below-search{position:absolute;right:-1px;top:-1px;color:#fff;padding:.78em;font-size:1.2em;border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:var(--label-color-blue)}.listing-below-font,.listing-below-list{font-weight:600;color:#676869}.listing-below-list{display:flex;align-items:center;padding-bottom:.6em}.dd-multiSelect{height:82%;overflow-y:auto}.child-itemListing{padding:0 3em;font-weight:600;color:#676869;display:flex;flex-direction:column}.checkbox-sm{margin-top:.6rem!important;width:unset!important;height:unset!important}.confirm-box .modal-content{border-radius:.75rem}.confirm-box .button-wrapper{display:flex;justify-content:center!important;align-items:center;margin-bottom:2.75em}.confirm-box .delete-title{font-size:2.3em!important;color:#232230;font-weight:700;padding:2.3rem 0}.confirm-box .delete-subtitle{font-size:1.5em!important;color:#676869;padding-bottom:2.3em}.confirm-box .noDeleteMeeting{background-color:#f2f2f2;color:#676869;margin-right:4rem}.confirm-box .noDeleteMeeting,.confirm-box .yesDeleteMeeting{padding:1rem 2.7rem;font-size:1.5rem;font-weight:600;box-shadow:0 3px 6px rgba(0,0,0,.16);transition:all .2s;border-radius:.38rem}.confirm-box .yesDeleteMeeting{background-color:red;color:#fff}.math-eq{display:flex;align-items:center;justify-content:center;margin-bottom:6px;position:relative;flex-wrap:wrap;cursor:pointer}.math-eq .rdw-option-wrapper{font-size:1.154rem;font-weight:600}.ML__keyboard{position:relative;z-index:9999!important;height:-webkit-max-content;height:max-content;bottom:0}.ML__keyboard .left,.ML__keyboard .right{transform:none;-webkit-transform:none}.announcementDashboard{position:relative}.announcementDashboard .annD-breadcrumb{display:flex;align-items:center;padding:.16rem 0}.announcementDashboard .annD-breadcrumb li,.announcementDashboard .annD-breadcrumb ol,.announcementDashboard .annD-breadcrumb ul{list-style:none}.announcementDashboard .annD-breadcrumb .fa-arrow-left,.announcementDashboard .annD-breadcrumb .fa-arrow-right{font-size:1.5em;color:#bec4cf;font-weight:400;transition:all .2s}.announcementDashboard .annD-breadcrumb .fa-arrow-left:hover,.announcementDashboard .annD-breadcrumb .fa-arrow-right:hover{text-decoration:none;color:var(--label-color-blue)}.announcementDashboard .annD-inputAppend button{padding:.76em 1em;border-top-left-radius:0;border-bottom-left-radius:0}.announcementDashboard .annD-user-breadcrumb span{font-size:1.45rem;color:#bec4cf;font-weight:500;transition:all .2s}@media screen and (max-width:450px){.announcementDashboard .annD-user-breadcrumb span{font-size:1.2em}}@media screen and (max-width:400px){.announcementDashboard .annD-user-breadcrumb span{font-size:1.1em}}.announcementDashboard .annD-user-breadcrumb span:hover{text-decoration:none;color:var(--label-color-blue)}.announcementDashboard .annD-user-breadcrumb .active{color:var(--label-color-blue);font-weight:600;padding-left:.8em}.announcementDashboard .annD-user-breadcrumb .active:before{font-family:FontAwesome;content:"\f054";font-weight:400;padding-right:.9rem;color:#676869}.announcementDashboard .annD-button{padding:.6em .8em;border-radius:3px;font-size:1.15em;cursor:pointer}.announcementDashboard .annD-button:hover{border:1px solid var(--label-color-blue)}.announcementDashboard .annD-container{background:#fff;border-radius:3px;height:calc(100vh - 7em);padding-top:1em}.announcementDashboard .annD-tab{flex-direction:row;height:10vh;display:flex;align-items:center}.announcementDashboard .annD-tab-megaCheckbox{padding-left:2em;padding-bottom:.5em;display:flex;align-items:center}.announcementDashboard .annD-tab-left{display:flex;align-items:center;grid-gap:2.2em;gap:2.2em;flex-direction:row;min-width:60vw;width:-webkit-max-content;width:max-content;padding-left:.8em}@media screen and (max-width:450px){.announcementDashboard .annD-tab-left{grid-gap:1em;gap:1em;margin-right:1.2em}}@media screen and (max-width:350px){.announcementDashboard .annD-tab-left{grid-gap:0;gap:0}}.announcementDashboard .annD-tab-input,.announcementDashboard .annD-tab-search{max-width:18.538em;font-weight:600}.announcementDashboard .annD-tab-search{padding:.5em 0}.announcementDashboard .annD-tab-search input{padding:1.5em .9em!important;border:1px solid #b7d6ff;border-radius:5px}.announcementDashboard .annD-tab-search ::placeholder{font-weight:600}.announcementDashboard .annD-tab-pagination{text-align:center;font-size:1.05em}.announcementDashboard .annD-tab-right{position:absolute;right:2vw;top:11.2vh;z-index:110}@media screen and (min-width:450px){.announcementDashboard .annD-tab-right{top:15.7vh}}@media screen and (min-width:451px){.announcementDashboard .annD-tab-right{top:13.8vh}}@media screen and (min-width:1150px){.announcementDashboard .annD-tab-right{top:17.8vh}}@media screen and (min-width:1800px){.announcementDashboard .annD-tab-right{top:15vh}}@media screen and (min-height:800px){.announcementDashboard .annD-tab-right{top:13vh}}@media (min-height:800px) and (min-width:1800px){.announcementDashboard .annD-tab-right{margin-top:3.5em}}@media screen and (min-height:800px){.announcementDashboard .annD-tab-right{top:9.8vh}}@media screen and (min-height:1180px){.announcementDashboard .annD-tab-right{top:9vh}}@media screen and (min-height:1368px){.announcementDashboard .annD-tab-right{top:8vh}}.announcementDashboard .annD-main{margin:0 2em;height:77vh;overflow:auto}.announcementDashboard .annD-custom{width:1.8em;height:1.8em}.announcementDashboard .annD-custom-megaCheckbox{width:2em;height:2em;position:relative}.announcementDashboard .annD-positionToRelative{position:relative}.announcementDashboard .annD-content{display:flex;flex-direction:column;position:relative}.announcementDashboard .annD-content .annD-custom-megaCheckbox.partial:checked~.annD-custom-label:after{position:absolute;top:0;left:0;font-size:2em;font-family:FontAwesome;content:"\f068";padding-top:.16em;height:1em;width:1em;font-weight:200;background-color:#056cf2;border:2px solid #056cf2;border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:center}.announcementDashboard .annD-content-checkbox{margin-right:1em}.announcementDashboard .annD-content-container{height:-webkit-max-content;height:max-content;width:100%;min-height:19.5em;border:1px solid #b7d6ff;border-radius:5px;background:#f6f9fc;box-shadow:7px 3px 8px #c8c9c9;cursor:pointer}@media screen and (max-width:350px){.announcementDashboard .annD-content-container{min-width:24em;width:-webkit-max-content;width:max-content}}.announcementDashboard .annD-content-selected{border:2px solid var(--label-color-blue)!important}.announcementDashboard .annD-content-img{width:4.5em;height:4.5em;object-fit:cover;border-radius:100%;border:2px solid #fff;box-shadow:0 0 3px #ddd;margin-right:1em}.announcementDashboard .annD-content-main{display:flex;flex-direction:column;justify-content:center}.announcementDashboard .annD-content-main>p{color:#7b7b7b;font-weight:500;font-size:1.03em;margin:0}.announcementDashboard .annD-content-main>p:first-child{font-size:1.14em;font-weight:700}@media screen and (max-width:450px){.announcementDashboard .annD-content-main>p{padding-right:3.2em;width:10.5em}}.announcementDashboard .annD-content-main>p span{margin-left:.769rem;padding:.231rem .769rem;border-radius:.462rem;font-size:.769rem}.announcementDashboard .annD-content-main>p span.official{color:#0960ac;background-color:#e7eff1}.announcementDashboard .annD-content-main>p span.admin{color:#6c6d6e;background-color:#e5e5e5}.announcementDashboard .annD-content-main>p span.teacher{color:#6b14b0;background-color:#eaeaff}.announcementDashboard .annD-content-title>p{color:#7b7b7b;font-size:1.03em;margin:0;font-weight:500}.announcementDashboard .annD-content-title>p:first-child{font-size:1.14em;font-weight:600}.announcementDashboard .annD-content-text{display:-webkit-box;max-width:100%;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.announcementDashboard .annD-content-text p{line-height:1.8em}.announcementDashboard .annD-content-attachment{display:flex;flex-direction:row;width:-webkit-max-content;width:max-content;margin:1em 2.1em;align-items:center;justify-content:center}.announcementDashboard .annD-content-attachment-icon{border:1px solid #f7f7f7;box-shadow:1px 1px 3px #6c757d;background-color:#fff;padding:.24em .46em;border-radius:5px}.announcementDashboard .annD-content-tag{margin-right:1.7em;position:relative;display:flex;align-items:center;grid-gap:1.2em;gap:1.2em;cursor:default}.announcementDashboard .annD-content-tag.homeroom{margin-right:5.7em}.announcementDashboard .annD-content-tag-container{display:flex;align-items:center;flex-direction:row;border-radius:8px;padding:.5em 1em;color:#fff;background:var(--label-color-blue);text-transform:capitalize}.announcementDashboard .annD-content-tag-details{background-color:#676869;border-radius:2px 5px 5px 5px;position:absolute;z-index:101;top:45px;left:5px;width:13em}.announcementDashboard .annD-content-tag-details.extendedWidth{width:18em;margin-left:-.769rem}.announcementDashboard .annD-content-tag-details i{color:#676869;position:absolute;top:-19px;left:1px;font-size:2.2em}.announcementDashboard .annD-content-tag-details-content{position:static;max-width:100%;max-height:13em;height:-webkit-max-content;height:max-content;color:#f7f7f7;font-weight:300;overflow-x:auto;display:flex;flex-direction:column}.announcementDashboard .annD-content-tag-details-content p{padding:.1em .5em .1em .7em;border-bottom:1px solid #77787a;border-top-left-radius:5px;border-bottom-left-radius:5px;margin:1em 0;font-size:.9em}.announcementDashboard .annD-content-tag-details-content p:first-of-type{padding-top:0}.announcementDashboard .annD-content-tag-details-homeroom{position:static;max-width:100%;max-height:13em;height:-webkit-max-content;height:max-content;color:#f7f7f7;font-weight:300;overflow-x:auto;display:flex;flex-direction:column}.announcementDashboard .annD-content-tag-details-homeroom p{padding:.1em .5em .1em .7em;border-top-left-radius:5px;border-bottom-left-radius:5px;margin:1em 0;font-size:.9em}.announcementDashboard .annD-content-tag-details-homeroom p span{font-style:italic;font-size:.9em}.announcementDashboard .annD-content-count{position:absolute;right:1px;padding:.4em .8em;border-radius:8px;font-weight:700;background-color:#fff;color:#7b7b7b;text-align:center;display:flex;align-items:center;justify-content:center;margin-right:.02em}.announcementDashboard .annD-content-actionBtn i{font-size:1.25em}.announcementDashboard .annD .annD-loading{width:calc(100% - 25px);height:calc(100% - 160px);flex-direction:column;color:#676869;font-weight:500;font-size:1.154rem;border-radius:.5rem;padding:5rem 0;z-index:100}.announcementDashboard .annD-spinner,.announcementDashboard .annD .annD-loading{position:absolute;display:flex;justify-content:center;align-items:center;background-color:#fff}.announcementDashboard .annD-spinner{top:13.5em;width:93.8vw;height:80vh;text-align:center}@media screen and (max-width:450px){.announcementDashboard .annD-spinner{top:18em;right:1em}}@media screen and (max-width:450px){.announcementDashboard .mob-btnAdd{font-size:.9em}}@media screen and (max-width:450px) and (max-width:375px){.announcementDashboard .mob-btnAdd{font-size:.7em}}@media screen and (max-width:450px){.announcementDashboard .mob-actionBtn{width:100%}.announcementDashboard .mob-mb2{margin-bottom:.5em}}@media screen and (max-width:450px) and (max-width:320px){.announcementDashboard .mob-editBtn>i{margin-right:0!important}}@media screen and (max-width:450px) and (max-width:320px){.announcementDashboard .mob-editBtn>span{display:none}}.announcementDashboard .h-6em{height:-webkit-max-content;height:max-content;min-height:6em}.announcementDashboard .padCustom{padding:.5em 1em;margin:.75em 0}.no-content-component{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#676869}.no-content-component__description,.no-content-component__title{width:100%;text-align:center}.no-content-component__icon{width:20rem;height:auto;margin-bottom:1.5rem}.no-content-component__title{font-size:1.7rem;font-weight:600}.tab-pagination{font-weight:500;color:#676869}.tab-page{color:#232230}.tab-change-pg{font-weight:300;color:#676869;padding:0 1rem;cursor:pointer;transition:all .2s}.tab-change-pg:hover{color:var(--label-color-blue)}.tab-change-pg.disabled{color:#bec4cf;cursor:auto}.tab-change-pg.disabled:hover{color:#bec4cf}.add-announcement .custom-input-upload{position:relative;margin-top:1.5rem}.add-announcement .custom-input-upload .custom-upload-label{position:absolute;min-height:1.5rem;height:calc(3.5rem - 2px);display:flex;align-items:center;padding:.8em;background:#e6f0ff;border:1px solid #e6f0ff;border-radius:10px 0 0 10px;cursor:pointer;margin:1px 0 0 1px}.add-announcement .custom-input-upload .form-control-file{display:flex;align-items:center;width:100%;line-height:3rem;height:3.5rem!important;border:1px solid #e6f0ff;border-radius:10px;padding-left:9rem!important;padding-right:2rem!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#676869;font-style:italic;font-weight:500}.add-announcement .custom-input-upload input[type=file]{display:none}.add-announcement .custom-input-upload ::-webkit-file-upload-button{background:transparent;color:transparent;border:none;padding:0}.add-announcement .announcement-file{position:relative}.add-announcement .announcement-file label{position:absolute;background:#e6f0ff;width:7.5rem;height:2.9rem;border-top-left-radius:.8rem;border-bottom-left-radius:.8rem;padding:.7rem .6rem}.add-announcement .redAsterisk{color:red}.add-announcement .error-box,.pageHeadingSchool{margin-top:0;margin-bottom:0}.pageHeadingSchool{font-size:1.5rem}.pageHeadingClass{text-transform:capitalize;font-size:1.2rem;font-style:italic;font-weight:400;margin-top:0}@media only screen and (max-width:450px){.announcementsContainer{height:41vh;overflow:scroll}.mobile-view,.mobile-view-schollname{display:flex;flex-direction:column}.mobile-view-schollname{align-items:center;justify-content:center;text-align:center}.pageHeading{text-align:center}.pageHeadingSchool{font-size:.9rem}.pageHeadingClass{font-size:.7rem}.sticky-top{z-index:100!important}}.teacher-wrapper .attendance,.teacher-wrapper .calendar,.teacher-wrapper .discussion,.teacher-wrapper .timetable,.teacher-wrapper .workbook{background-color:#fff;padding:1rem;border-radius:5px;box-shadow:0 3px 6px rgba(49,49,49,.048)}.teacher-wrapper .attendance .heading,.teacher-wrapper .calendar .heading,.teacher-wrapper .discussion .heading,.teacher-wrapper .timetable .heading,.teacher-wrapper .workbook .heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.teacher-wrapper .attendance{background-color:initial}.teacher-wrapper .attendance p,.teacher-wrapper .calendar p,.teacher-wrapper .discussion p,.teacher-wrapper .timetable p,.teacher-wrapper .workbook p{font-size:1.4rem;font-weight:900}.teacher-wrapper .attendance p>span,.teacher-wrapper .calendar p>span,.teacher-wrapper .discussion p>span,.teacher-wrapper .timetable p>span,.teacher-wrapper .workbook p>span{font-size:1.4rem}.teacher-wrapper .calendar{overflow:hidden}.teacher-wrapper .calendar .wbHeading{color:#4f92ea;font-weight:700;font-size:1.4rem}.teacher-wrapper .calendar .et-wrapper{height:15rem;display:flex;flex-direction:column;align-items:stretch;justify-content:center}@media (min-width:1601px){.teacher-wrapper .calendar .et-wrapper{height:22rem}}.teacher-wrapper .calendar .et-cardContainer{height:100%;padding:.5rem;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto}.teacher-wrapper .calendar .et-cardContainer .eventCard{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;width:100%;margin:0 auto;outline:1px solid #d5deef;border-radius:5px;box-shadow:0 0 6px rgba(224,224,225,.8);position:relative}.teacher-wrapper .calendar .et-cardContainer .eventCard:not(:last-child){margin-bottom:1rem}.teacher-wrapper .calendar .et-cardContainer .eventCard .et-label{height:1.2rem;width:1.2rem;border-radius:50px}.teacher-wrapper .calendar .et-cardContainer .eventCard .et-label-long{position:absolute;height:100%;width:.8rem;left:0;border-top-left-radius:5px;border-bottom-left-radius:5px}.teacher-wrapper .calendar .et-cardContainer .eventCard .et-join-meeting{color:#676869;margin:0 1.8rem;font-size:2rem;cursor:pointer;height:-webkit-max-content;height:max-content}.teacher-wrapper .calendar .et-cardContainer .eventCard .et-title{flex:1 1;justify-self:flex-start;margin:0 1rem;font-size:1.2rem;font-weight:600}.teacher-wrapper .calendar .et-cardContainer .eventCard .et-time p{font-size:1.1rem;font-weight:600;margin-bottom:0}.teacher-wrapper .calendar .et-cardContainer .eventCard .et-time .et-end{font-weight:500}.teacher-wrapper .attendance{padding:1rem 0 0;box-shadow:none}.teacher-wrapper .attendance .att-content{overflow:hidden;height:18.8rem;padding:0;border-radius:5px;border-top-left-radius:0}@media (min-width:1601px){.teacher-wrapper .attendance .att-content{height:25rem}}.teacher-wrapper .attendance .att-content .att-pane{background-color:#fff!important;overflow:hidden}.teacher-wrapper .attendance .att-content .att-pane button{border:none;border-radius:5px;color:#fff;background-color:#f05974;padding:.5rem 1rem;font-weight:inherit}.teacher-wrapper .attendance .att-content .att-pane .att-cls-container{height:100%;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around;grid-gap:1rem;gap:1rem}.teacher-wrapper .attendance .att-content .att-pane .att-cls-container .att-ht-card{height:9rem;width:10rem;background-color:#4f92ea;border-radius:5px;color:#fff;position:relative;outline:3px solid #d5e7fc;overflow:hidden}.teacher-wrapper .attendance .att-content .att-pane .att-cls-container .att-ht-card .att-ht-card-body p{padding:1rem 0;text-align:center;font-size:3rem;font-weight:600}.teacher-wrapper .attendance .att-content .att-pane .att-cls-container .att-ht-card .att-ht-card-footer{position:absolute;width:100%;bottom:0}.teacher-wrapper .attendance .att-content .att-pane .att-cls-container .att-ht-card .att-ht-card-footer p{font-size:1rem;font-weight:600;color:#4f92ea;background-color:#fff;padding:.5rem 0;text-align:center}.teacher-wrapper .attendance .att-content .att-pane .att-cls-container .att-marking{width:100%}.teacher-wrapper .attendance .att-content .att-pane .att-cls-container .att-marking .marked,.teacher-wrapper .attendance .att-content .att-pane .att-cls-container .att-marking .not-marked{border-radius:5px;padding:1rem;font-weight:550;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center}.teacher-wrapper .attendance .att-content .att-pane .att-cls-container .att-marking .not-marked{border:2px solid #f05974;color:#f05974}.teacher-wrapper .attendance .att-content .att-pane .att-cls-container .att-marking .marked{border:2px solid #1abf73;color:#1abf73;justify-content:center}.teacher-wrapper .attendance .att-content .att-pane .att-sub-container{overflow:hidden auto;height:17rem;padding:.5rem}.teacher-wrapper .attendance .att-content .att-pane .att-sub-container .att-sub-card{display:flex;align-items:center;justify-content:space-between;background-color:#fff;outline:1px solid #d5e7fc;border-radius:2px;overflow:hidden}.teacher-wrapper .attendance .att-content .att-pane .att-sub-container .att-sub-card:not(:last-child){margin-bottom:1rem}.teacher-wrapper .attendance .att-content .att-pane .att-sub-container .att-sub-card .att-sub-period{min-width:4rem;padding:1rem;background-color:#f1f6ff;outline:1px solid #d5e7fc;margin-right:1rem}.teacher-wrapper .attendance .att-content .att-pane .att-sub-container .att-sub-card .att-sub-period p{color:#4f92ea;font-size:1.1rem}.teacher-wrapper .attendance .att-content .att-pane .att-sub-container .att-sub-card .att-sub-cls-name{flex:1 1;text-align:left;margin-right:1rem}.teacher-wrapper .attendance .att-content .att-pane .att-sub-container .att-sub-card .att-sub-cls-name p{font-size:1rem;font-weight:550}.teacher-wrapper .attendance .att-content .att-pane .att-sub-container .att-sub-card .att-sub-status{padding:0 1rem}.teacher-wrapper .attendance .nav-tabs-test-bank .nav-test-bank{background:transparent;border:1px solid #b7d6ff;border-bottom:none;text-align:center;font-weight:600;font-size:1rem;padding:.5em 1.2em;border-top-left-radius:.6em;border-top-right-radius:.6em;color:#676869;margin-right:.5em;transition:all .2s;height:100%;display:flex;align-items:center;justify-content:center}.teacher-wrapper .attendance .nav-tabs-test-bank .nav-test-bank:hover{cursor:pointer;text-decoration:none}.teacher-wrapper .attendance .nav-tabs-test-bank .nav-test-bank:hover:not(.active){color:#676869}.teacher-wrapper .attendance .nav-tabs-test-bank .active{background:#fff;border-color:#fff;color:var(--label-color-blue);position:relative}.teacher-wrapper .attendance .nav-tabs-test-bank .active:after{content:"";width:100%;height:0;position:absolute;bottom:-1px;left:0;background-color:#f2f7ff}@media only screen and (max-width:768px){.teacher-wrapper .attendance .nav-tabs-test-bank .nav-tabs-item-container{order:2}.teacher-wrapper .attendance .nav-tabs-test-bank .nav-item{width:100%}.teacher-wrapper .attendance .nav-tabs-test-bank .nav-test-bank{margin-right:.5rem;border-bottom:1px solid #b7d6ff}.teacher-wrapper .attendance .nav-tabs-test-bank .active:after{display:none}}.teacher-wrapper .discussion{overflow:hidden}.teacher-wrapper .discussion .dsc-container{height:calc(100vh - 44.4rem);overflow-y:auto}@media (max-width:560px){.teacher-wrapper .discussion .dsc-container{height:calc(100vh - 36rem)}}@media (min-width:561px) and (max-width:1280px){.teacher-wrapper .discussion .dsc-container{height:calc(100vh - 36rem)}}@media (min-width:1600px){.teacher-wrapper .discussion .dsc-container{height:calc(100vh - 54.5rem)}}.teacher-wrapper .discussion .dsc-container::-webkit-scrollbar{display:none}.teacher-wrapper .discussion .dsc-container .dsc-card{display:flex;justify-content:space-between;align-items:center;border:1px solid #c9e0fb;padding:1rem;border-radius:5px;cursor:pointer}.teacher-wrapper .discussion .dsc-container .dsc-card:not(:last-child){margin-bottom:1rem}.teacher-wrapper .discussion .dsc-container .dsc-card-icon{background-color:rgba(0,128,128,.5);height:4rem;width:4rem;padding:.5rem;margin-right:1.5rem;border-radius:5px}.teacher-wrapper .discussion .dsc-container .dsc-card-icon img{height:100%;width:100%}.teacher-wrapper .discussion .dsc-container .dsc-card-desc{flex:1 1;justify-self:flex-start}.teacher-wrapper .discussion .dsc-container .dsc-card-desc--subject{font-size:1.3rem!important;font-weight:600!important}.teacher-wrapper .discussion .dsc-container .dsc-card-desc p{font-weight:500;font-size:1rem}.teacher-wrapper .discussion .dsc-container .dsc-card-desc p span{font-size:inherit;font-weight:600}.teacher-wrapper .workbook{overflow:hidden}.teacher-wrapper .workbook .wbHeading{color:#4f92ea;font-weight:700;font-size:1.4rem}.teacher-wrapper .workbook .workbooksList{padding:0 .5rem;height:calc(100vh - 35.4rem);overflow-y:auto;overflow-x:hidden}@media (min-width:561px) and (max-width:1280px){.teacher-wrapper .workbook .workbooksList{height:calc(100vh - 35rem)}}@media (min-width:1601px){.teacher-wrapper .workbook .workbooksList{height:calc(100vh - 46.6rem)}}.teacher-wrapper .workbook .workbooksList::-webkit-scrollbar{display:none}.teacher-wrapper .workbook .workbooksList .wb{margin:0 auto;background:#f2f7ff;width:96%;min-width:15rem;padding:1rem;border-radius:5px;border:1px solid #c9e0fb}.teacher-wrapper .workbook .workbooksList .wb:not(:last-child){margin-bottom:1rem}.teacher-wrapper .workbook .workbooksList .wb .wbIcon{width:-webkit-max-content;width:max-content}.teacher-wrapper .workbook .workbooksList .wb h4{font-size:1.2rem;font-weight:600}.teacher-wrapper .workbook .workbooksList .wb .wb-footer{display:flex;align-items:center;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.teacher-wrapper .workbook .workbooksList .wb .wbDue,.teacher-wrapper .workbook .workbooksList .wb .wbTemp{font-size:.8rem;font-weight:400}.teacher-wrapper .workbook .workbooksList .wb .wbTemp{width:130px;margin-bottom:0;font-size:1rem;font-weight:500;color:#676869;align-self:flex-start;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-wrapper .workbook .workbooksList .wb .wbDue{min-width:5rem;align-self:flex-end;background-color:#fef5f5;outline:2px solid #f05974;color:#f05974;font-weight:600;padding:.2rem .5rem;text-align:center;border-radius:50rem}.teacher-wrapper .workbook .statsCard{display:flex;flex-direction:column;justify-content:center;align-items:center;height:-webkit-max-content;height:max-content;min-height:7rem;outline:3px solid #034aa6;border-radius:5px}.teacher-wrapper .workbook .statsCard .cardTop{padding:1rem 1rem .5rem}.teacher-wrapper .workbook .statsCard .cardTop .totalCount{font-weight:700}.teacher-wrapper .workbook .statsCard .cardTop .onlineCount{font-weight:600}.teacher-wrapper .workbook .statsCard .cardBot{padding:.8rem;background-color:#034aa6;width:100%;display:flex;align-items:center;justify-content:center}.teacher-wrapper .workbook .statsCard .cardBot p{font-size:1.2rem;color:#fff;font-weight:500}.teacher-wrapper .timetable{overflow:hidden}.teacher-wrapper .timetable .tt-container{height:calc(100vh - 30rem);display:flex;justify-content:center}@media (min-width:561px) and (max-width:1280px){.teacher-wrapper .timetable .tt-container{height:calc(100vh - 29.7rem)}}@media (min-width:1281px) and (max-width:1600px){.teacher-wrapper .timetable .tt-container{height:calc(100vh - 30rem)}}@media (min-width:1601px){.teacher-wrapper .timetable .tt-container{height:calc(100vh - 42rem)}}.modalSurvey .overflow-scroll{max-height:90vh;overflow-y:scroll}.modalSurvey.big-modal{max-width:750px}.modalSurvey .data-container{display:flex;align-items:center;flex-direction:column;padding:10px}.modalSurvey .data-container .heading{font-size:1.6rem;font-weight:700;margin:10px}.modalSurvey .data-container .welcome-text{font-size:1.1rem;text-align:center;margin:10px 0 25px}.modalSurvey .data-container .btn{margin:5px}.modalSurvey .start-survey-div{padding:10px 15px}.modalSurvey .start-survey-div .sectionHeading,.modalSurvey .start-survey-div .surveyHeading{font-size:1.3rem;font-weight:700;margin-bottom:15px}.modalSurvey .start-survey-div .sectionHeading{color:#4f4f4f}.modalSurvey .start-survey-div .survey-explaination{font-size:1.1rem}.modalSurvey .start-survey-div .questions-div .question-div{border:1px solid #b9d6fc;border-radius:4px;box-shadow:3px 3px 2px #4f92ea;margin-bottom:20px;background-color:#f2f7ff}.modalSurvey .start-survey-div .questions-div .question-div .question{background-color:#f2f7ff}.modalSurvey .start-survey-div .questions-div .question-div .padding-10{padding:10px 10px 0}.modalSurvey .start-survey-div .questions-div .question-div .padding-20{padding:20px 10px 0}.modalSurvey .start-survey-div .questions-div .question-div .question-index{margin-right:5px}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv{background-color:#fff}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .label-option{margin-left:2px;display:flex;align-items:center}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .outside-input-div{display:flex;align-items:flex-start;width:25%}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .outside-input-div input[type=checkbox],.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .outside-input-div input[type=radio]{box-sizing:border-box;padding:0;margin-top:1px;width:17px;height:17px}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .outside-input-div .custom-radio-button{width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .outside-input-div .custom-radio-button.red-border{border:2px solid red}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .outside-input-div .custom-radio-button.red-border input{display:none}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .outside-input-div .custom-check-button{width:17px;height:17px}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .outside-input-div .custom-check-button.red-border{border:2px solid red}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .outside-input-div .custom-check-button.red-border input{display:none}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .outside-input-div .custom-check-button input:checked,.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .outside-input-div .custom-radio-button input:checked{display:inline-block}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .tl-textarea{margin-bottom:10px}.modalSurvey .start-survey-div .questions-div .question-div .inputDiv .tl-textarea.red-border{border:2px solid red}.VideoPlayer_wrapper__31TK0{position:relative;height:400px;background-color:#000}.VideoPlayer_wrappercontentbank__LYVf4{position:relative;width:100%;height:100%;background-color:#000}.videoClass{width:300px;max-height:600px}.whiteBg{background:#fff;width:800px;height:100vh;background:#000}.videoWidth .vjs-resolution-button .vjs-resolution-button-label,.videoWidthSmall .vjs-resolution-button .vjs-resolution-button-label{margin-top:0;line-height:2;right:0;position:absolute;color:#fff}.videoWidth .vjs-resolution-button .vjs-menu,.videoWidthSmall .vjs-resolution-button .vjs-menu{bottom:0}.videoWidth{width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center}.videoWidthSmall{width:500px}.video-js .vjs-control-bar .vjs-current-time{display:block;font-weight:600}.video-js .vjs-remaining-time{display:none}.fullPageVideoPlayer .video-js .vjs-menu li{text-transform:none}.fullPageVideoPlayer .video-js .vjs-volume-level{background-color:var(--label-color-blue)}.fullPageVideoPlayer .video-js .vjs-control-bar{background:linear-gradient(0deg,#232230,rgba(35,34,48,.75) 35%,rgba(35,34,48,.1) 85%,transparent)}.fullPageVideoPlayer .video-js .vjs-play-progress{background-color:var(--label-color-blue)}.fullPageVideoPlayer .video-js .vjs-play-progress div{background-color:#f2f7ff}.fullPageVideoPlayer .v-player{width:70%;height:100%}.youtubeVideo .vjs-control-bar{display:none!important}.no-content{padding:1rem;background:#f5fafd;border:1px solid #b9d6fc;border-radius:5px;text-align:center;vertical-align:middle}.no-content p{font-weight:500!important;font-style:italic;font-size:1.2rem!important}.event-view-modal{padding:20px 30px}.event-view-modal .action-btns{display:flex;align-items:center;justify-content:flex-end;padding:0}.event-view-modal .action-btns svg{margin-left:1rem}.event-view-modal .header-container{display:flex;align-items:center}.event-view-modal .header-container .event-color{height:1.3rem;width:1.3rem;border-radius:50%;padding:.5rem}.event-view-modal .header-container .view-event-name{font-size:1.8rem;font-weight:600;margin-bottom:0;margin-left:1rem}.event-view-modal .event-datetime{color:#676869}.event-view-modal .event-datetime p{font-size:1.1rem;font-weight:400;margin-left:1.2rem}.event-view-modal .event-datetime p span{font-size:1.1rem;font-weight:400;color:#bec4cf}.event-view-modal .accordionUser .card-header{cursor:pointer;padding:20px 0 15px!important;background:none;padding:0;display:flex;justify-content:space-between;border:none}.event-view-modal .accordionUser .card-header .iconUser{margin-right:1.2rem}.event-view-modal .accordionUser .items{padding-left:60px;padding-bottom:15px}.event-view-modal .organizer-lbl{font-size:.923rem;color:#bec4cf}.event-view-modal .invitees-ava{border-radius:50%}.event-view-modal .img-cover{object-fit:cover}.event-view-modal .guests .item{align-items:center}.event-view-modal .range{display:flex;flex-wrap:wrap}.event-view-modal .range .date,.event-view-modal .range .time{white-space:nowrap}.event-view-modal .range .end.time:before,.event-view-modal .range .start.time:before{content:"|";margin-left:.5rem;margin-right:.5rem}.event-view-modal .closeModal{color:#676869;cursor:pointer}.custom-btn-link{color:#4f92ea!important;text-overflow:ellipsis;white-space:nowrap;width:340px;overflow:hidden;text-align:left;font-weight:500}.custom-btn-link:hover{text-decoration:underline!important}.custom-pill{color:#fff;padding:.5rem 1.154rem;border-radius:10rem;font-weight:500;font-size:.769rem;line-height:.769rem;background-color:#4f92ea;border:1px solid #fff;height:-webkit-max-content;height:max-content;white-space:nowrap;display:inline-flex}.custom-pill.small{font-weight:500;padding:.25rem 1.154rem}.dashboardTimeStats{font-size:1.3em;color:#676869;font-weight:600;margin-right:1em}.dashboardTimeStats span{font-size:1em;color:var(--label-color-blue)}.dashboardTimetableContainer{width:100%;overflow-x:hidden;overflow-y:auto}.dashboardTimetableContainer::-webkit-scrollbar{display:none}.dashboardTimetableContainer .longColumn{margin-left:1em}.dashboardTimetableContainer .longColumn.first-container{width:30%;margin-left:0}.dashboardTimetableContainer .longColumn:first-of-type{width:9rem}.dashboardTimetableContainer .longColumn:last-of-type{flex:1 1;width:calc(100vw - 120rem)}.dashboardTimetableContainer .longColumn .main-container{margin-bottom:.5em;border-top:1px solid #c9e0fb;border-bottom:1px solid #c9e0fb;padding:.25em 1.5em}.dashboardTimetableContainer .longColumn .white-container{background:#fff}.dashboardTimetableContainer .longColumn .white-container .title-box{padding:.5em;background:#c9e0fb;border-radius:.15em;font-weight:600;text-transform:uppercase;text-align:center}.dashboardTimetableContainer .longColumn .colored-container{background:#f2f7ff;height:3.5em}.ns-content-box{display:flex;margin-bottom:1em;align-items:center;justify-content:center;border-radius:.15em;padding:.5em;background:#c9e0fb;font-weight:600;text-transform:uppercase;border:1px solid #b7d6ff;width:15em}.ns-content-box .periodName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-content-box{display:flex;margin-bottom:1em;align-items:center;justify-content:center;width:15em;border-radius:.15em;background:#fff;font-weight:600;text-transform:uppercase;padding:0;border:1px solid #b7d6ff}.s-content-box .overflowEllipsis{display:inline-flex;flex-direction:row;flex-wrap:wrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-content-box .overflowEllipsis span{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-content-box div{height:100%;padding:.25em;display:flex;align-items:center;justify-content:center}.s-content-box div p{width:-webkit-max-content;width:max-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.s-content-box div:first-of-type{flex:1 1}.s-content-box div:last-of-type{min-width:25%}@media only screen and (max-width:460px){.doc-t .search-doc-t{width:100%}}@media only screen and (max-width:450px){.timetable-report-search-button{justify-content:space-between;padding:5px 5px 5px 15px}.mobile-no-pad{padding:0}}.fullHeight{height:100%}.right-nav li{width:90%;padding:.5em;border-radius:0 .5em .5em 0;transition:.2s;cursor:pointer;position:relative}.right-nav li.active{background:#d5e1e5}.right-nav li.active a:hover{font-weight:400}.right-nav li a:hover{color:#000;font-weight:700;transition:.2s}.list div{cursor:pointer}.shodowBox{box-shadow:0 0 .8em 2px #bbb!important}.content-sidebar-nav{position:fixed;top:0;height:100vh;right:0;width:450px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.35);overflow:auto;z-index:1030}.content-sidebar-nav.bg-container{background:#f2f7ff}.rightBox{width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;right:0;bottom:5em;z-index:1;margin-top:-4em;margin-left:.5em}.rightBox img{max-width:100%;max-height:85vh}.icon-catatan{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/notes-menu.bb53dc49.svg) 50%}.icon-catatan:hover{background:no-repeat url(/static/media/notes-active.9866d55d.svg) 50%;background-color:var(--themeBlue)}.icon-glosarium{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/dictionary-menu.f3dde8c0.svg) 50%}.icon-glosarium:hover{background:no-repeat url(/static/media/dictionary-active.3acc8726.svg) 50%;background-color:var(--themeBlue)}.icon-calculator{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/calculator-menu.5be75688.svg) 50%}.icon-calculator:hover{background:no-repeat url(/static/media/calculator-active.8f2f6f55.svg) 50%;background-color:var(--themeBlue)}.icon-timer{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/timer-menu.ab4b5220.svg) 50%}.icon-timer:hover{background:no-repeat url(/static/media/timer-active.7c414e52.svg) 50%;background-color:var(--themeBlue)}.icon-rng{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/rng-menu.99773018.svg) 50%}.icon-rng:hover{background:no-repeat url(/static/media/rng-active.04380ae2.svg) 50%;background-color:var(--themeBlue)}.icon-group-maker{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/group-maker-menu.b345c3ba.svg) 50%}.icon-group-maker:hover{background:no-repeat url(/static/media/group-maker-active.ba44ee53.svg) 50%;background-color:var(--themeBlue)}.icon-translate{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/translate-menu.ba67ffb6.svg) 50%}.icon-translate:hover{background:no-repeat url(/static/media/translate-active.477e36a6.svg) 50%;background-color:var(--themeBlue)}.note-body{outline:none;border:none}.note-body::placeholder{color:#bec4cf}.btn:active,.btn:focus{box-shadow:none}.collapse-search{width:100%;padding-bottom:1em}.title-heading{color:var(--bg-dark-blue);margin-top:.3em;font-weight:600}.rdw-image-modal{left:-130px}.card-sticky{width:100%;margin:.7em 0;padding:20px 0}.sticky-note-list{overflow:auto;width:100%}.sticky-note-area{padding:1em;margin-bottom:.5em;width:100%;border:1px solid #f2f2f2;box-shadow:0 0 3px rgba(0,0,0,.35)}.sticky-note-area::placeholder{color:#bec4cf;font-weight:500}.sticky-note-area:focus{outline:transparent!important}.icon-close{background:no-repeat url(/static/media/material-close.10ee7a89.svg) 50%}.icon-close,.icon-open-tab{width:3em;height:3em;border-radius:50%}.icon-open-tab{background:no-repeat url(/static/media/open-in-new.7a8fbf5b.svg) 50%}.icon-search{width:3em;height:3em;border-radius:50%;background:no-repeat url(/static/media/seach.1297b047.svg) 50%}@media only screen and (max-width:450px){.content-sidebar-nav{width:100%}}.heading-div{display:flex;width:inherit;justify-content:space-between;padding:0 5px;margin:0}.mobileSidebar{display:none}@media only screen and (max-width:450px){.mobileSidebarContainer{width:-webkit-max-content;width:max-content;max-width:100vw;display:flex;position:fixed;align-items:flex-end;overflow:auto;overflow-y:visible;z-index:1030;right:0;bottom:calc(70px - 1rem);padding:1rem;-ms-overflow-style:none;scrollbar-width:none}.mobileSidebarContainer::-webkit-scrollbar{display:none}.mobileSidebarContainer.inactive{overflow:hidden;pointer-events:none}.mobileSidebar{display:flex;align-items:center;transition:.5s;margin-right:10px;width:-webkit-min-content;width:min-content;height:-webkit-max-content;height:max-content;pointer-events:auto}.mobileSidebar.inactive{margin-left:calc(100vw - 40px)}.mobileSidebar .icon{width:37px;height:37px;box-shadow:-2px 0 1rem #c2c2c2;border-radius:25px;margin-left:10px;background-size:100%;background:#fff}.mobileSidebar .icon.icon-menu{background:no-repeat url(/static/media/arrow-back.559d956d.svg) 50%}.mobileSidebar .icon.icon-cancel{background:no-repeat url(/static/media/arrow-show.31928ea1.svg) 50%;position:-webkit-sticky;position:sticky;left:10px}.mobileSidebar .icon.icon-catatan{background:no-repeat url(/static/media/notes-menu.bb53dc49.svg) 50%;background-color:#fff}.mobileSidebar .icon.icon-glosarium{background:no-repeat url(/static/media/dictionary-menu.f3dde8c0.svg) 50%;background-color:#fff}.mobileSidebar .icon.icon-calculator{background:no-repeat url(/static/media/calculator-menu.5be75688.svg) 50%;background-color:#fff}.mobileSidebar .icon.icon-timer{background:no-repeat url(/static/media/timer-menu.ab4b5220.svg) 50%;background-color:#fff}.mobileSidebar .icon.icon-group-maker{background:no-repeat url(/static/media/group-maker-menu.b345c3ba.svg) 50%;background-color:#fff}.mobileSidebar .icon.icon-rng{background:no-repeat url(/static/media/rng-menu.99773018.svg) 50%;background-color:#fff}.mobileSidebar .icon.icon-translate{background:no-repeat url(/static/media/translate-menu.ba67ffb6.svg) 50%;background-color:#fff}}.toolkit-container{width:100%;height:-webkit-max-content;height:max-content;border-radius:10px;border:1px solid #e7f0f9;box-shadow:4px 3px 10px #e7f0f9}.toolkit-container button{margin:0}.toolkit-container.bg-light-green{background-color:#f5fbff;border:2px solid #e9f1fa;box-shadow:4px 3px 10px #f5fbff}.toolkit-container .select-filter{font-weight:600}.toolkit-title{padding-left:1em}.toolkit-title h4{font-weight:600;font-size:1.2em}.timer-edit{font-size:.9rem}.timer-title{background-color:#e3f4fe;border-top-right-radius:10px;border-top-left-radius:10px;border:1px solid #e7f0f9}.timer-content{display:flex;justify-content:space-evenly;align-items:center;margin-top:2em}.timer-content .card-timer{border:1px solid var(--label-color-blue);border-radius:.5rem;width:25%;height:80%;overflow:hidden}.timer-content .hours-content{font-weight:600;color:#204f8d;font-size:3rem;display:flex;justify-content:center;padding:.4rem 0}.timer-content .hours-text{display:flex;justify-content:center;font-weight:500;color:#fff;font-size:1em;padding:.5em 0;background-color:var(--label-color-blue)}.timer-content.counting .card-timer{border-color:#b7d6ff}.timer-content.counting .hours-text{background-color:#b7d6ff;color:#232230;font-weight:600}.calc-container{width:100%;height:50rem;padding:1.923rem;background:#fff;border-radius:.769rem;border:1px solid #b7d6ff;display:flex;flex-direction:column}.calc-container .keyboard-cont{display:flex;flex-direction:column;flex-grow:1}.calc-container .keyboard-cont.standard button{font-size:1.385rem}.calc-container button{background:#fff;color:#676869;width:100%;height:100%;margin:0 .5rem;border:1px solid #b7d6ff;box-shadow:1px 1px 2px #dadada;cursor:pointer;border-radius:.5rem;outline:none;font-size:1.231rem;font-weight:600;transition:all .15s,font-size 0}.calc-container button:hover{border:1px solid #4f92ea;background:#e3f4fe}.calc-container ul{list-style-type:none}.calc-container .screen{text-align:right;padding:1.154rem;font-size:1.077rem;background:#e3f4fe;border-radius:.769rem}.calc-container .screen *{font-size:3.538rem;font-weight:600;color:#4f92ea}.calc-container .log{color:#676869;font-weight:600;font-size:1.077rem;background:#e3f4fe;text-align:right;outline:none;width:100%;border:none}.calc-container .description{font-size:1.5em;margin:8px 8px 12px;color:#fff}.calc-container .keyboard-row{display:flex;width:100%;height:100%}.calc-container .keyboard-row:not(:last-child){margin-bottom:.769rem}.calc-container .keyboard-row div{width:100%;margin:0 .5rem}.calc-container .calc-toggle{display:flex;align-items:center}.calc-container .calc-toggle li{color:#676869;font-weight:500}.calc-container .calc-toggle input:checked+.toggle-switch{background-color:var(--label-color-blue)}.calc-container .calc-toggle input:disabled+.toggle-switch{background-color:#bec4cf}.calc-container .calc-toggle input[type=checkbox]{display:none}.calc-container .calc-toggle .toggle-switch{cursor:pointer;text-indent:-9999px;width:25px;height:18px;background:#bec4cf;display:block;border-radius:100px;position:relative;margin-bottom:0;transform:scale(1.2)}.calc-container .calc-toggle .toggle-switch:after{content:"";position:absolute;top:3px;left:2px;width:12px;height:12px;background:#fff;border-radius:90px;transition:.3s}.calc-container .calc-toggle input:checked+.toggle-switch{background:#4f92ea}.calc-container .calc-toggle input:checked+.toggle-switch:after{left:calc(100% - 2px);transform:translateX(-100%)}.calc-container .calc-toggle input:disabled{cursor:not-allowed}.calc-container .calc-toggle .toggle-switch:active:after{width:20px}.deg-rad-toggle{font-weight:600}.deg-rad-toggle,.toolkit-button{display:flex;align-items:center;justify-content:center}.toolkit-button{margin:2em 0}.toolkit-button.rangen-button{justify-content:space-between;margin-bottom:0}.toolkit-button .btn-margin{font-weight:500;transition:.2s;padding:.5rem 1.5rem;margin:0 .5rem}.toolkit-button .btn-start{background-color:#1abf73;color:#fff}.toolkit-button .btn-start:hover{background-color:#fff;color:#1abf73;border:1px solid #1abf73}.toolkit-button .btn-stop{border:1px solid #f05974;color:#f05974}.toolkit-button .btn-stop:hover{color:#fff;background:#f05974}.toolkit-button .btn-reset{color:#232230}.toolkit-button .btn-reset:hover{color:#fff}.toolkit-button .bg-white{background-color:#fff}.toolkit-button .bg-primary-blue{background-color:var(--label-color-blue);color:#fff}.modal-timer{padding:0;margin:0}.modal-timer-title>h3{font-weight:600;font-size:1.6em;padding-bottom:1em}.modal-timer-content{display:flex;padding-bottom:3rem}.modal-timer-content .modal-title>h5{font-size:1.1rem;font-weight:600;color:#232230}.modal-timer-button{display:flex;padding-bottom:1em}.modal-timer .btn-start{font-size:1.2rem;padding:.5rem 1.5rem;font-weight:600}.modal-timer .btn-cancel{font-size:1.2rem}.modal-timer .time-cont{display:flex;flex-direction:column;width:100%}.modal-timer .time-cont:not(:last-of-type){margin-right:1rem}.select-timer-field{position:relative;width:100%;border:1px solid #c9e0fb;border-radius:.3rem;flex-wrap:nowrap}.select-timer-field input[type=number]::-webkit-inner-spin-button,.select-timer-field input[type=number]::-webkit-outer-spin-button{display:none}.select-timer-field .select-timer{border-radius:.3rem 0 0 .3rem;border:none;outline:none;padding:.5rem 1rem;height:3.2rem;background-color:#fff;flex-grow:1;font-size:1.154rem;color:#676869;font-weight:500;transition:.2s;width:100%}.select-timer-field .select-timer::placeholder{color:#bec4cf;font-weight:500}.select-timer-field .select-timer:active,.select-timer-field .select-timer:focus{box-shadow:0 0 2px #4f92ea}.select-timer-field .input-number-btn{display:flex;flex-direction:column}.select-timer-field .input-number-btn .top{border-top-right-radius:.3rem}.select-timer-field .input-number-btn .bot{border-bottom-right-radius:.3rem}.select-timer-field .input-number-btn .bot,.select-timer-field .input-number-btn .top{background-color:#4f92ea;color:#fff;border:none;outline:none;padding:0 1rem;height:100%;transition:.2s;margin:0}.select-timer-field .input-number-btn .bot:disabled,.select-timer-field .input-number-btn .top:disabled{background-color:#7daeef}.select-timer-field .input-number-btn .bot:hover:not(:disabled),.select-timer-field .input-number-btn .top:hover:not(:disabled){background-color:#2176e5}.timer-finished-modal .modal-timer-finished-label{text-align:center;font-weight:700;color:#f05974;margin-bottom:3rem}.timer-finished-modal .btn-close{font-weight:500;font-size:1.154rem;padding:.75rem 1.5rem}.rangen-content{display:flex;justify-content:space-around;padding:0;margin:0;width:100%}.rangen-content .rangen-title{font-size:1.077rem;font-weight:600;color:#676869}.rangen-content .rangen-field{font-size:1.692rem;font-weight:600}.rangen-generated-nums{margin:3rem 0}.rangen-generated-nums .rangen-heading{font-size:1.385rem;font-weight:700;color:#232230;margin-bottom:0}.rangen-generated-nums .rng-numbers-cont{display:grid;width:100%;justify-content:center;grid-template-columns:repeat(auto-fill,minmax(4.462rem,-webkit-max-content));grid-template-columns:repeat(auto-fill,minmax(4.462rem,max-content));grid-template-rows:2.308rem;grid-column-gap:1.923rem;column-gap:1.923rem;grid-row-gap:1.154rem;row-gap:1.154rem}.rangen-generated-nums .generated-nums{width:100%;height:100%;border-radius:2rem;border:1px solid #b7d6ff;background-color:#f2f7ff;box-shadow:1px 1px 2px #dadada;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.154rem;color:#676869}.rangen-checkbox{display:flex;margin-top:1em}.rangen-checkbox-type{margin-top:.4em}.rangen-checkbox .text-checkbox{font-weight:500;color:#676869}.rangen-result{display:flex;align-items:center;margin-top:3.462rem;border:1px solid #1abf73;border-radius:10px;height:5.769rem}.rangen-result .result-title{padding:0 1.923rem;flex-grow:1;font-size:1.6rem;font-weight:600;color:#676869}.rangen-result .result-content{min-width:35%;padding:0 1rem;width:-webkit-max-content;width:max-content;font-size:3.7em;font-weight:600;color:#fff;background-color:#1abf73;height:100%;text-align:center;border-radius:0 10px 10px 0}.tlkt-translator-container{margin:2.692rem 0}.tlkt-translator-container .form-group{padding:0}.tlkt-translator-container .form-group:first-child,.tlkt-translator-container .form-group:last-child{width:100%}.tlkt-translator-container .reverse-lang{outline:none;border:none;border-radius:50%;margin:1rem 1rem 0;background-color:initial}.tlkt-translator-container .tl-options{font-weight:600;color:#676869}.tlkt-translator-container .tl-options::placeholder{color:#bec4cf}.tlkt-translator-container textarea.tl-textarea.form-control{resize:none;padding:.923rem;border-radius:.5rem;border:1px solid #b7d6ff;font-weight:500}.tlkt-translator-container textarea.tl-textarea.form-control:disabled{background-color:#e1edff}.tlkt-translator-container textarea.tl-textarea.form-control::placeholder{color:#bec4cf}.tlkt-label{font-weight:600;color:#676869}.group-maker-container .group-maker-heading{font-size:1.385rem;font-weight:700;color:#232230;margin-bottom:0}.group-maker-container .group-maker-res,.group-maker-container .group-maker-unassigned{margin:1rem 0}.group-maker-container .group-maker-results-cont{display:grid;width:100%;justify-content:center;grid-template-columns:repeat(auto-fill,minmax(33%,-webkit-max-content));grid-template-columns:repeat(auto-fill,minmax(33%,max-content));grid-column-gap:1.154rem;column-gap:1.154rem;grid-row-gap:1.154rem;row-gap:1.154rem}.group-maker-container .group-maker-table{color:#676869;font-weight:600;border-collapse:initial;border-spacing:0;width:100%}.group-maker-container .group-maker-table th{background-color:#f2f7ff;padding:.769rem;text-align:center;color:#232230;font-weight:600;font-size:1.154rem;border-bottom:1px solid #b7d6ff;border-top:1px solid #b7d6ff}.group-maker-container .group-maker-table th:first-child{border-top-left-radius:.5rem;border-left:1px solid #b7d6ff}.group-maker-container .group-maker-table th:last-child{border-top-right-radius:.5rem;border-right:1px solid #b7d6ff}.group-maker-container .group-maker-table td{padding:.923rem;border-bottom:1px solid #b7d6ff}.group-maker-container .group-maker-table td:first-child{text-align:center;border-left:1px solid #b7d6ff}.group-maker-container .group-maker-table td:last-child{border-right:1px solid #b7d6ff}.group-maker-container .group-maker-table tr:nth-child(2n) td{background-color:#f2f7ff}.group-maker-container .group-maker-table tr:last-child td:first-child{border-bottom-left-radius:.5rem}.group-maker-container .group-maker-table tr:last-child td:last-child{border-bottom-right-radius:.5rem}.group-maker-container .group-maker-table.unassigned td,.group-maker-container .group-maker-table.unassigned th{border-color:#fec5cf}.group-maker-container .group-maker-table.unassigned th,.group-maker-container .group-maker-table.unassigned tr:nth-child(2n) td{background-color:#fef5f5}.group-maker-container .unassigned-options{font-size:.923rem;padding-top:.25em;padding-bottom:.25em;height:2rem;font-weight:600;width:auto;border-color:#bbbcbe}.transparent-button{border:none;background:none;padding:.1em .5em}.groupBox{border:1px solid #bec4cf;border-radius:.5em;float:left;margin-right:1em}.groupBox:last-of-type{margin-right:0}.groupBox input[type=number]{padding-left:.5em;border:1px solid #bec4cf;border-radius:.5em 0 0 .5em}.groupBox input[type=number]:focus{outline:none}.themeBg{background:#f2f7ff;border-radius:.5em .5em 0 0;padding-top:.5em;padding-bottom:.5em}.line-width-input-box{width:3em}.cursorEraser canvas{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAABHNCSVQICAgIfAhkiAAAAMNJREFUKFOd0mENwjAQhuF3DpAACsABQwESYA5AATggOJiEOQAJTAHBwRxAvqRHLqXtFvZz6/Pd9W4V5WcFXIAaaIEjMBipClbwBryADjgAT2BjATnsoaqqmt7dfUAKG1RTC99mHBBjg7NwHd2zia5mHXQex9BMKuAMnAznYCrAzvbCY9AHXN0GamFNcD2yb/+5D3sfhN//QBlhDWQ3IeBb0f9hWotaXxYCfqBV1ti3YXA5/4h+Fp1r1PYemE9oOz7SfgCGfTDOBzLzNgAAAABJRU5ErkJggg==) 0 15,auto!important}.white-box{background:#fff;position:relative;padding:0 1em;width:100%}.searchBoxContainer{padding-top:0!important;display:flex;align-items:center}.searchBoxContainer button{width:100px;margin-left:.25em}.bottomButtonBox{width:calc(100% + 30px);background:#fff;box-shadow:0 0 5px #ddd}.listWordItem{box-shadow:0 0 .5em 2px #ddd;margin-top:.5em;margin-bottom:.5em;border-radius:.5em;height:-webkit-max-content;height:max-content;padding:.5rem 1rem}.wordItemContainer{height:calc(100% - 70px);overflow:auto;padding:0 1em 1em}.selectedPage .page-link{background:#e9ecef}.custom-navigation.flexBox,.flexBox{display:flex;align-items:center;justify-content:center}.custom-navigation.flexBox{width:100%;padding-top:1em;padding-bottom:1em;flex-wrap:wrap}.custom-navigation.flexBox .text{font-weight:700;margin-bottom:1rem}.custom-navigation.flexBox .page-num{text-align:center;-moz-appearance:textfield}.custom-navigation.flexBox .page-num::-webkit-inner-spin-button,.custom-navigation.flexBox .page-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-navigation.flexBox .pagination{margin-bottom:1rem}.custom-navigation.flexBox .page-item .page-link{color:#676869;cursor:pointer}.custom-navigation.flexBox .page-item.active .page-link{color:#fff;background:var(--themeBlue);border-color:var(--themeBlue);cursor:auto}.custom-navigation.flexBox .page-item:first-of-type{border-radius:.3em 0 0 .3em;overflow:hidden}.custom-navigation.flexBox .page-item:first-of-type .page-link{background:var(--themeBlue);color:#fff;border-color:var(--themeBlue)}.custom-navigation.flexBox .page-item:first-of-type.disabled .page-link{color:#919191;background:#e7eced;border-color:#ddd}.custom-navigation.flexBox .page-item:last-of-type{border-radius:0 .3em .3em 0;overflow:hidden}.custom-navigation.flexBox .page-item:last-of-type .page-link{background:var(--themeBlue);color:#fff;border-color:var(--themeBlue)}.custom-navigation.flexBox .page-item:last-of-type.disabled .page-link{color:#919191;background:#e7eced;border-color:#ddd}.bg-note{background:#fff;border-top-left-radius:20px;padding-left:0!important;padding-right:0!important}.no-border{border:0}.note-taking{padding-top:0}.note-taking *{list-style:none}.note-taking .wysiwyg-viewer *{list-style:initial}.note-taking img{max-width:100%;max-height:85vh}.note-taking .btn-link{width:auto}.note-taking .btn-link:focus,.note-taking .btn-link:hover{background:transparent}.note-taking h3.note-taking-header{color:#204f8d;font-weight:600;padding-bottom:.5em;padding-top:.7em}.note-taking .note-title{padding:1em 1em 1em 2em;border-top-right-radius:3em;border-bottom-right-radius:3em;font-weight:500;color:#2e2f31}.note-taking .note-title img{margin-right:.7em}.note-taking .note-bg{background:#f2f7ff;border-top-right-radius:3em;border-bottom-right-radius:3em}.note-taking .nav-note li{padding:.7em 1em .7em 2em;color:#37464d;font-weight:500;width:100%;cursor:pointer}.note-taking .nav-note li img{margin-right:.7em}.note-taking .nav-note li:hover{color:var(--blue-primary);background:#f2f7ff;border-top-right-radius:3em;border-bottom-right-radius:3em}.note-taking .btn:active,.note-taking .btn:focus{box-shadow:none}.note-taking .nav-title{display:flex}.note-taking .nav-title li{width:-webkit-max-content;width:max-content;padding:1em 1em 0 2em;font-weight:500;color:#bec4cf}.note-taking .nav-title li .btn-link{font-weight:500;color:#bec4cf;border:none;margin:0}.note-taking .nav-title li .active,.note-taking .nav-title li .btn-link:hover{color:var(--blue-primary)}.time-update{width:10em;padding-top:1em;text-align:right;padding-right:1.5em}.btn-link{font-weight:500;color:#bec4cf;text-decoration:none!important}.btn-link:hover{color:var(--blue-primary);text-decoration:none}.btn-link-disable{font-weight:500;color:#bec4cf;text-decoration:none!important}.btn-link-disable:hover{color:#bec4cf;cursor:not-allowed}.btn-blue-primary{background-color:var(--label-color-blue);color:#fff;padding:.5em 1.5em;font-weight:600}.btn-blue-primary:hover{color:#fff;background-color:#3d74bd}.btn-cancel{color:#676869;font-weight:600;padding-left:0!important}.title-area{border:none;font-size:1.3em;padding:1.5rem 1.5rem .5rem;border-top-left-radius:.5rem}.title-area::placeholder{color:#bec4cf}.title-area:focus{box-shadow:none;border:none;outline:none}.note-area{height:4em!important;margin:0;width:100%;border:none;padding-left:1em;resize:none}.note-area::placeholder{color:#bec4cf;padding-top:.5em}.note-area:focus{outline:transparent!important}.editor-footer{display:flex}.editor-footer li{padding-right:1.5em}.editor-footer .img-editor-type{background-image:url(/static/media/type.94495215.svg);background-repeat:no-repeat;background-position:50%;height:3em;width:3em;text-align:center;cursor:pointer;border-radius:10em}.editor-footer .img-editor-type:hover{background:rgba(103,104,105,.23137254901960785);background-image:url(/static/media/type-hover.4778f970.svg);background-repeat:no-repeat;background-position:50%}.editor-footer .img-editor-brush{background-image:url(/static/media/awesome-paint-brush.371b5b21.svg);background-repeat:no-repeat;background-position:50%;height:3em;width:3em;text-align:center;cursor:pointer;border-radius:10em}.editor-footer .img-editor-brush:hover{background:rgba(103,104,105,.23137254901960785);background-image:url(/static/media/awesome-paint-brush-hover.2cda5fa0.svg);background-repeat:no-repeat;background-position:50%}.editor-footer .img-editor-picture{background-image:url(/static/media/metro-image.0ed3ad22.svg);background-repeat:no-repeat;background-position:50%;height:3em;width:3em;text-align:center;cursor:pointer;border-radius:10em}.editor-footer .img-editor-picture:hover{background:rgba(103,104,105,.23137254901960785);background-image:url(/static/media/metro-image-hover.f39c45a7.svg);background-repeat:no-repeat;background-position:50%}.editor-footer .img-editor-color{background-image:url(/static/media/material-color-lens.b7ae5a87.svg);background-repeat:no-repeat;background-position:50%;height:3em;width:3em;text-align:center;cursor:pointer;border-radius:10em;margin-left:2em}.editor-footer .img-editor-color:hover{background:rgba(103,104,105,.23137254901960785);background-image:url(/static/media/material-color-lens-hover.8ef5dd18.svg);background-repeat:no-repeat;background-position:50%}.editor-footer .img-editor-ellipsis{background-image:url(/static/media/awesome-ellipsis.4a2d560e.svg);background-repeat:no-repeat;background-position:50%;height:3em;width:3em;text-align:center;cursor:pointer;border-radius:10em}.editor-footer .img-editor-ellipsis:hover{background:rgba(103,104,105,.23137254901960785);background-image:url(/static/media/awesome-ellipsis-hover.d58c2a2d.svg);background-repeat:no-repeat;background-position:50%}.editor-footer img{cursor:pointer}.img-attach img{width:100%;padding:1em}.delete-img{width:4em!important;position:absolute;z-index:auto;right:0;padding:1em;cursor:pointer;opacity:.6}.delete-img:hover{opacity:1}.btn-red{background-color:#f80016;color:#fff;font-weight:500}.note-category .edit-category-note{position:absolute;padding-right:4.8em;opacity:0}.note-category .edit-category-note:hover{opacity:1}.search{display:inline-block;text-align:center}.seach-box{width:50px;height:50px;line-height:50px;background:#fff;cursor:pointer;color:#bec4cf}.seach-box:active{opacity:.7}.search-box-dark{border-radius:.5em;margin-top:.25em;width:100%;display:flex}.search-box-dark .seach-box{border:1px solid transparent;border-right:transparent;border-radius:.5em 0 0 .5em;transition:all .3s ease-out,border .3s ease-out .3s;order:1}.search-box-dark input[type=search]{color:#000}.search-box-dark .in{border:1px solid transparent;border-left:transparent;width:0;padding:0;transition:all .3s ease-out,border .3s ease-out .3s;flex:0 1;border-radius:0 .5em .5em 0;order:2;outline:none}.search-box-dark .in:valid:focus{background:#f2f2f2;border:1px solid #c9e0fb;border-left:transparent;padding:1em;flex:1 1;transition:all .3s ease-out}.search-box-dark .in:valid:focus~.seach-box{border:1px solid #c9e0fb;border-right:transparent;background:#f2f2f2;transition:all .3s ease-out}.search-box-dark .in:focus,.search-box-dark .in:valid:not(:focus){background:#fff;border:1px solid #c9e0fb;border-left:transparent;padding:1em;flex:1 1;transition:all .3s ease-out}.search-box-dark .in:focus~.seach-box,.search-box-dark .in:valid:not(:focus)~.seach-box{border:1px solid #c9e0fb;border-right:transparent;background:#fff;transition:all .3s ease-out}.dropdown-editor{width:53em}.unvisible{height:0!important;width:0;visibility:hidden}.toolbarNote{background:#f2f2f2;margin-bottom:0}.toolbarNote .rdw-dropdown-selectedtext{background:#f2f2f2!important;border:1px solid #bec4cf!important;color:#000!important}.toolbarNote .rdw-option-wrapper{border:1px solid #bec4cf!important;background:transparent;padding:1em}.form-control:focus{box-shadow:none;border-color:#bec4cf}.custom-file-input:lang(en)~.custom-file-Images:after{visibility:hidden;width:0}.custom-file-Images{background:transparent;border:none;width:2em;padding:0;cursor:pointer;height:0}.custom-file-input-images{width:1.3em;cursor:pointer;height:0}.custom-file-images{height:0;cursor:pointer}.color-opt{padding:0;width:12em}.color-opt:active,.color-opt:focus,.color-opt:hover{background:transparent}.color-opt ul{display:flex}.note-listing{height:calc(100vh - 100px);overflow:auto}.greenlight{background:#e6fff4}.redlight{background:#fef5f5}.bluelight{background:#e3f4fe}.orangelight{background:#fff0de}.purplelight{background:#f2f2f2}.yellowlight{background:#fefddd}.custom-checkbox .custom-control-input:checked~.custom-control-bluelight:after,.custom-checkbox .custom-control-input:checked~.custom-control-greenlight:after,.custom-checkbox .custom-control-input:checked~.custom-control-orangelight:after,.custom-checkbox .custom-control-input:checked~.custom-control-purplelight:after,.custom-checkbox .custom-control-input:checked~.custom-control-redlight:after,.custom-checkbox .custom-control-input:checked~.custom-control-white:after,.custom-checkbox .custom-control-input:checked~.custom-control-yellowlight:after{background-image:url(/static/media/tick.ea05c7bf.svg)}.custom-control-white:after,.custom-control-white:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#fff;border:1px solid #adb5bd}.custom-control-greenlight:after,.custom-control-greenlight:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#e6fff4;border:1px solid #adb5bd}.custom-control-redlight:after,.custom-control-redlight:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#fef5f5;border:1px solid #adb5bd}.custom-control-bluelight:after,.custom-control-bluelight:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#e3f4fe;border:1px solid #adb5bd}.custom-control-orangelight:after,.custom-control-orangelight:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#fff0de;border:1px solid #adb5bd}.custom-control-purplelight:after,.custom-control-purplelight:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#f2f2f2;border:1px solid #adb5bd}.custom-control-yellowlight:after,.custom-control-yellowlight:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#fefddd;border:1px solid #adb5bd}.editor-tool-bar{position:absolute;z-index:9;bottom:3em;left:1em}.display-none{display:none}.colorPointDm{width:7em;min-width:7em;position:absolute;background:#fff;top:-7.5em;box-shadow:0 0 3px rgba(0,0,0,.35)}.colorPoint{width:6em;float:left;margin:.5em}.colorPoint li{width:1.5em;height:1.5em;border-radius:100%;float:left;margin:.25em;padding:0;border:1px solid #707070;cursor:pointer}.colorPoint li.selected:before{font-family:"FontAwesome";content:"\f00c";font-weight:400;display:flex;align-items:center;justify-content:center}.note-taking .rdw-editor-wrapper{z-index:1!important}.coloredEditorContainer{padding-bottom:1.5rem}.coloredEditorContainer *{list-style:none}.coloredEditorContainer .wysiwyg-viewer *{list-style:initial}.coloredEditorContainer img{max-width:100%;max-height:85vh}.coloredEditorContainer .btn-link{width:auto}.coloredEditorContainer .btn-link:focus,.coloredEditorContainer .btn-link:hover{background:transparent}.coloredEditorContainer .editorClassName{cursor:auto;border:none}.coloredEditorContainer .note-area,.coloredEditorContainer .note-editor-container{border-radius:.5rem}.coloredEditorContainer .note-area .editorClassName,.coloredEditorContainer .note-editor-container .editorClassName{background:transparent}.coloredEditorContainer .note-area .rdw-editor-wrapper,.coloredEditorContainer .note-editor-container .rdw-editor-wrapper{border:unset}.coloredEditorContainer .note-area .card-footer,.coloredEditorContainer .note-editor-container .card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03)!important}.coloredEditorContainer .shadow{box-shadow:0 0 .5rem rgba(0,0,0,.24)!important}.coloredEditorContainer .editorClassName .public-DraftEditor-content[contenteditable=true],.coloredEditorContainer .public-DraftEditorPlaceholder-root{padding:1.5rem}.coloredEditorContainer .wysiwyg-viewer p{margin-bottom:.5rem}.add-note{float:right;margin-top:1em;background-color:var(--label-color-blue);border-color:var(--label-color-blue);font-weight:500;padding:.5rem 1rem}.note-badge{padding:.25em .8em .3em;margin-right:.5em;border-radius:1em;line-height:1.5em;width:-webkit-max-content;width:max-content;max-width:15rem;box-shadow:inset 2em 20em rgba(0,0,0,.1)}.remove-badge{margin-left:.5em;float:right;color:rgba(0,0,0,.3)}.noteImageContainer{width:-webkit-max-content;width:max-content;max-width:100%}.noteImageContainer .image-trash-icon{position:absolute;right:1rem;bottom:0;background:none;border:none;font-size:2em;color:#ddd}.noteImageContainer .image-trash-icon:hover{color:red}.noteImageContainer .progress-bar-custom{background-color:#056cf2}.noteImageContainer .progress-bar-striped{background-image:linear-gradient(180deg,hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,.45) 0),linear-gradient(135deg,hsla(0,0%,100%,.35) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.35) 0,hsla(0,0%,100%,.35) 75%,transparent 0,transparent);background-size:1rem 1rem}.imageFlexBox{display:flex;flex-wrap:wrap}.imageFlexBox div{flex-grow:1;height:20em}.imageFlexBox div img{max-height:100%;min-width:100%;object-fit:cover;vertical-align:bottom}.rightSideAbsolutePos{position:absolute;right:.5em;top:1.5em;max-width:35%;height:-webkit-max-content;height:max-content;flex-wrap:wrap;z-index:2}.red-border,.red-border:focus{border-color:red}@media only screen and (max-width:450px){.add-note{float:left;margin-bottom:1em}}.AS_FFFFFF .editorClassName{border:none}.AS_E3F4FE,.AS_E3F4FE .editorClassName{background:#e3f4fe!important}.AS_E3F4FE .editorClassName{border:1px solid #e3f4fe}.AS_FEFDDD,.AS_FEFDDD .editorClassName{background:#fefddd!important}.AS_FEFDDD .editorClassName{border:1px solid #fefddd}.AS_E6FFF4,.AS_E6FFF4 .editorClassName{background:#e6fff4!important}.AS_E6FFF4 .editorClassName{border:1px solid #e6fff4}.AS_FFF0DE,.AS_FFF0DE .editorClassName{background:#fff0de!important}.AS_FFF0DE .editorClassName{border:1px solid #fff0de}.AS_FEF5F5,.AS_FEF5F5 .editorClassName{background:#fef5f5!important}.AS_FEF5F5 .editorClassName{border:1px solid #fef5f5}.AS_F2F2F2,.AS_F2F2F2 .editorClassName{background:#f2f2f2!important}.AS_F2F2F2 .editorClassName{border:1px solid #f2f2f2}.main_content_container{padding-top:0;padding-bottom:0;margin-left:2px}.mainContainerDiv{width:100vw;height:100vh;overflow:hidden!important}@media only screen and (max-width:768px){#root{overflow:hidden}}.info-name{text-transform:capitalize}.block-menu li{cursor:pointer}.circleImageBorder{border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.35);border-radius:100%;width:2.308em;height:2.308em;object-fit:cover;text-align:center;transition:.2s;margin:0 auto .2rem}.borderbtm{border-bottom:1.5px solid #e3edfd!important;margin-left:0!important;margin-right:0!important}.dropdown-menu-right{padding-left:0!important}.dropdown-years{width:50%!important;text-align:center!important;background:#f2f7ff!important;border-color:#b7d6ff!important;padding-bottom:0!important}.dropdown-years a{border-bottom:1px solid #b7d6ff}.workbook-label{color:var(--blue-primary)!important}.year-label{font-weight:600!important}.header{position:relative;height:auto;z-index:1;border-top-left-radius:100px}.header a{font-size:1.5em!important}.header .pr0{padding-right:0!important}.header .pl0{padding-left:0!important}.header .col-1,.header .col-3,.header .col-8{height:46px}.header .logo{width:100%;cursor:pointer}.header .logo img{max-height:3em}.header .navigation,.header .navigation .icon-btn{display:flex;align-items:center}.header .navigation .icon-btn{background:#a6b5b8;width:2.6em;height:2.6em;color:#fff;justify-content:center;border-radius:2.3em;margin-right:8px;text-decoration:none}.header .navigation .icon-btn.float-right{margin-left:auto}.header .messaageBox{float:left;margin-left:60px;width:-webkit-max-content;width:max-content;margin-top:.6em;position:relative}.header .messaageBox span{position:absolute;right:-.5em;top:-.4em;background:#6258ed;color:#fff;line-height:1;min-width:1.2em;height:1.2em;display:flex;align-items:center;justify-content:center;border-radius:100%;font-size:.85em;box-shadow:0 0 3px rgba(0,0,0,.35)}.header .setting{display:flex;align-items:center;padding:0 1.5em 0 0;float:right;background:#fff;border-radius:100px;margin:5px 2.6em 5px 5px!important}.header .setting .picture .circleImageBorder{border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.35);border-radius:100%;height:100%}.header .setting .info{text-transform:capitalize;flex:1 1;font-size:13px;line-height:1.3;color:#707070}.header .setting .info span{display:block}.header .setting .info span.name-info{font-weight:700;color:var(--blue-primary);width:8.4em!important}.header .setting .menu a{width:2.3em;background:#ebeff2;height:1.5em;border-radius:2.3em;display:flex;align-items:center;justify-content:center;color:#939d9e;text-decoration:none!important;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,.2)}.header .setting .menu.dropdown .dropdown-menu{position:absolute!important;background:#fff;border:none;width:13.8em;padding:0;border-radius:4px;top:3.5em!important;right:0;transform:none!important;will-change:unset!important;box-shadow:0 0 3px rgba(0,0,0,.35);overflow:hidden}.header .setting .menu.dropdown .dropdown-menu a{color:#4c4c4c;width:100%;display:block;height:auto;padding:5px 10px;border-radius:0;background:transparent;box-shadow:none!important;cursor:pointer}.header .setting .menu.dropdown .dropdown-menu a:hover{background:#7aabff;color:#fff;font-weight:600}.header .userDetailsHeader{float:left}.header .userDetailsHeader .info{float:left;text-align:left;height:51px;padding-top:.54em}.header .userDetailsHeader .info .class-info,.header .userDetailsHeader .info .name-info{width:100%}.header .userDetailsHeader .picture{float:left;border-radius:100%;overflow:hidden;width:50px;height:50px;margin-left:.2em}.header .userDetailsHeader .picture img{max-width:100%;height:auto;border-radius:100%}.info .class-info,.info .name-info,.info .school-info{font-size:1em;padding-left:10px;margin-top:2px}.class-info{color:#525151;font-weight:600}.positionRelative{position:relative}.sidebarContainer{float:right;height:100vh;overflow:hidden}.contentContainer{float:right;background:var(--blue-primary)!important;background-color:var(--blue-primary)!important}.sidebarWidth1{width:11.1em;transition:.5s}.contentWidth1{width:calc(100% - 11.1em);transition:.5s;background:var(--blue-primary)!important}.sidebarWidth2{width:7em;transition:.5s}.contentWidth2{width:calc(100% - 7em);transition:.5s;background:var(--blue-primary)}.sidebarWidth1 .avatar-left{height:49px}.sidebarWidth1{position:relative;width:4.1em;float:right;background:#fdfeff;z-index:1030;box-shadow:-2px 0 1rem #c2c2c2}.sidebarWidth1 .block-menu{list-style:none;width:100%;padding:0 0 60px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.sidebarWidth1 .block-menu li{border-radius:.8em;height:2.308em;width:2.308em;margin-top:.4em;margin-bottom:2em;transition:all .5s;padding:.8em .4em;position:relative;cursor:pointer}.sidebarWidth1 .block-menu li div{opacity:0;display:flex;width:2.308em;height:2.308em;overflow:hidden;text-align:left!important;white-space:nowrap;font-weight:600;left:.6em;justify-content:center;align-items:center;position:fixed;z-index:99;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.856),#fff);border-radius:.8em;padding:.5em;margin-top:-.8em;color:var(--blue-primary);box-shadow:-5px 3px 19px rgba(3,74,166,.3411764705882353),6px 2px 9px 0 rgba(3,74,166,.3411764705882353)}.sidebarWidth1 .block-menu li :hover{opacity:1;width:auto;padding-left:4.6em;transition:all .3s ease}.sidebarWidth1 .block-menu li.active{background-color:#fff}.sidebarWidth1 .block-menu li.avatar-left{padding:0 .4em}.sidebarWidth1 .block-menu li.icon-menu{background:no-repeat url(/static/media/arrow-back.559d956d.svg);background-size:100%;background-position:50%;background-color:#f2f2f2;color:#4e90e7;border-radius:50%;height:42px;width:42px;position:fixed;bottom:0;right:-21px;box-shadow:0 .5rem 1rem rgba(99,98,98,.4235294117647059);z-index:auto;transition:all .1s ease-out}.sidebarWidth1 .block-menu li.icon-menu.active{background:var(--blue-primary);background-position:50%;color:#f2f7ff;background-color:#f2f7ff}.sidebarWidth1 .block-menu li.icon-cancel{background:no-repeat url(/static/media/arrow-show.31928ea1.svg);background-size:100%;background-position:50%;color:#4e90e7;border-radius:50%;height:40px;width:42px;position:fixed;bottom:0;z-index:auto;transition:all .1s ease-in}.sidebarWidth1 .block-menu li.icon-cancel.active{background:var(--blue-primary);background-position:50%;color:#f2f7ff;background-color:#f2f7ff}.sidebarWidth2{width:0;background:#fdfeff}.sidebarWidth2 .block-menu{padding:0 0 60px}.sidebarWidth2 .block-menu li{border-radius:.8em;height:2.308em;width:2.308em}.sidebarWidth2 .block-menu li div{transition:all .3s ease}.sidebarWidth3{position:relative;width:100vw;height:100vh;float:left;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.sidebarWidth3::-webkit-scrollbar{display:none}.sidebarWidth3 .block-menu{list-style:none;width:7em;margin:0;z-index:1030}.sidebarWidth3 .block-menu,.sidebarWidth3 .block-menu .menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.sidebarWidth3 .block-menu .menu-item{transition:all .2s;cursor:pointer;width:100%;height:-webkit-max-content;height:max-content;padding:1rem 0;border-bottom:1px solid var(--borderBottom-color)}.sidebarWidth3 .block-menu .menu-item.active,.sidebarWidth3 .block-menu .menu-item.active-menu,.sidebarWidth3 .block-menu .menu-item:hover{background-color:#fff}.sidebarWidth3 .block-menu .menu-item.active-menu .menu-icon,.sidebarWidth3 .block-menu .menu-item.active .menu-icon,.sidebarWidth3 .block-menu .menu-item:hover .menu-icon{background-size:30px!important}.sidebarWidth3 .block-menu .menu-item.active-menu .arrow-icon,.sidebarWidth3 .block-menu .menu-item.active-menu .menu-label,.sidebarWidth3 .block-menu .menu-item.active .arrow-icon,.sidebarWidth3 .block-menu .menu-item.active .menu-label,.sidebarWidth3 .block-menu .menu-item:hover .arrow-icon,.sidebarWidth3 .block-menu .menu-item:hover .menu-label{color:#232230}.sidebarWidth3 .block-menu .menu-item .menu-label{display:flex;justify-content:center;align-items:center;overflow:hidden;text-align:center;white-space:nowrap;font-weight:600;color:#fff}.sidebarWidth3 .block-menu .menu-item .menu-icon{width:30px;height:30px;background-size:25px!important}.sidebarWidth3 .block-menu .menu-item .side-accent{position:absolute;width:4px;left:0;height:100%}.sidebarWidth3 .block-menu .menu-item.icon-home{background:no-repeat url(/static/media/logo.244cdf7c.svg);background-origin:content-box;width:5.231rem;height:3.462rem;margin:1.692rem auto 1.385rem;padding:0;border-radius:0}.sidebarWidth3 .block-menu .menu-item.avatar-left{border-top:1px solid var(--borderTop-color)}.sidebarWidth3 .block-menu .menu-item.avatar-left.active .side-accent{background-color:#056cf2}.sidebarWidth3 .block-menu .menu-item.avatar-left.active-menu>.circleImageBorder,.sidebarWidth3 .block-menu .menu-item.avatar-left.active>.circleImageBorder{width:2.6542em;height:2.6542em}.sidebarWidth3 .block-menu .menu-item.icon-pelajaran .menu-icon{background:no-repeat url(/static/media/pelajaran.e2c0dd5f.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-pelajaran.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-pelajaran:hover .menu-icon{background:no-repeat url(/static/media/pelajaran-active.86bf79ec.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-pelajaran.active .side-accent{background-color:#12bbd6}.sidebarWidth3 .block-menu .menu-item.icon-class .menu-icon{background:no-repeat url(/static/media/class.6e7042b0.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-class.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-class:hover .menu-icon{background:no-repeat url(/static/media/class-active.a9715616.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-class.active .side-accent{background-color:#26a648}.sidebarWidth3 .block-menu .menu-item.icon-vlab .menu-icon{background:no-repeat url(/static/media/vlab.b7b7862c.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-vlab.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-vlab:hover .menu-icon{background:no-repeat url(/static/media/vlab-active.0b99c5b1.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-vlab.active .side-accent{background-color:#d1872f}.sidebarWidth3 .block-menu .menu-item.icon-ujian .menu-icon{background:no-repeat url(/static/media/exam.b8b7cd9e.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-ujian.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-ujian:hover .menu-icon{background:no-repeat url(/static/media/exam-active.8db47661.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-ujian.active .side-accent{background-color:#1abf73}.sidebarWidth3 .block-menu .menu-item.icon-material .menu-icon{background:no-repeat url(/static/media/material.e9c600c7.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-material.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-material:hover .menu-icon{background:no-repeat url(/static/media/material-active.8005ef2a.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-material.active .side-accent{background-color:#1abf73}.sidebarWidth3 .block-menu .menu-item.icon-counseling .menu-icon{background:no-repeat url(/static/media/counseling.f04251c9.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-counseling.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-counseling:hover .menu-icon{background:no-repeat url(/static/media/counseling-active.f62cea87.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-counseling.active .side-accent{background-color:#f05e78}.sidebarWidth3 .block-menu .menu-item.icon-calendar .menu-icon{background:no-repeat url(/static/media/calendar.91d5a860.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-calendar.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-calendar:hover .menu-icon{background:no-repeat url(/static/media/calendar-active.5a13836a.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-calendar.active .side-accent{background-color:#ffa902}.sidebarWidth3 .block-menu .menu-item.icon-timetable .menu-icon{background:no-repeat url(/static/media/timetable.7557c92d.svg) 50%;background-size:cover;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-timetable.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-timetable:hover .menu-icon{background:no-repeat url(/static/media/timetable-active.746b65c6.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-timetable.active .side-accent{background-color:#d89288}.sidebarWidth3 .block-menu .menu-item.icon-sms .menu-icon{background:no-repeat url(/static/media/sms.247c76bb.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-sms.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-sms:hover .menu-icon{background:no-repeat url(/static/media/sms-active.9074b687.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-sms.active .side-accent{background-color:#865aff}.sidebarWidth3 .block-menu .menu-item.icon-sb-library .menu-icon{background:no-repeat url(/static/media/library.fe08cf8b.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-sb-library.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-sb-library:hover .menu-icon{background:no-repeat url(/static/media/library-active.d888cfc2.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-sb-library.active .side-accent{background-color:#865aff}.sidebarWidth3 .block-menu .menu-item.icon-gradebook .menu-icon{background:no-repeat url(/static/media/GradeBook.93aaaee7.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-gradebook.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-gradebook:hover .menu-icon{background:no-repeat url(/static/media/GradeBook-active.5c45d06e.svg) 50%;transition:.1s ease-in-out;background-size:32px!important}.sidebarWidth3 .block-menu .menu-item.icon-gradebook.active .side-accent{background-color:#077aa5}.sidebarWidth3 .block-menu .menu-item.icon-excul .menu-icon{background:no-repeat url(/static/media/excul_incative.b5d91efb.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-excul.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-excul:hover .menu-icon{background:no-repeat url(/static/media/excul_active.16b8c561.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-excul.active .side-accent{background-color:#8e3494}.sidebarWidth3 .block-menu .menu-item.icon-project .menu-icon{background:no-repeat url(/static/media/project-white.191f4ee4.svg) 50%;background-size:22px!important;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-project.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-project:hover .menu-icon{background:no-repeat url(/static/media/project-brown.079bcd35.svg) 50%;transition:.1s ease-in-out;background-size:25px!important}.sidebarWidth3 .block-menu .menu-item.icon-project.active .side-accent{background-color:#d89288}.sidebarWidth3 .block-menu .menu-item.icon-forum .menu-icon{background:no-repeat url(/static/media/forum.42e96391.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-forum.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-forum:hover .menu-icon{background:no-repeat url(/static/media/forum-active.c9fa9cc6.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-forum.active .side-accent{background-color:#c5ef49}.sidebarWidth3 .block-menu .menu-item.icon-doc-tracking .menu-icon{background:no-repeat url(/static/media/doc-track.265c54ef.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-doc-tracking.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-doc-tracking:hover .menu-icon{background:no-repeat url(/static/media/doc-track-active.fe167017.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-doc-tracking.active .side-accent{background-color:#68c721}.sidebarWidth3 .block-menu .menu-item.icon-meeting .menu-icon{background:no-repeat url(/static/media/meeting.53351917.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-meeting.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-meeting:hover .menu-icon{background:no-repeat url(/static/media/meeting-active.3bcc888e.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-meeting.active .side-accent{background-color:#865aff}.sidebarWidth3 .block-menu .menu-item:first-child.active:before,.sidebarWidth3 .block-menu .menu-item:last-child.active:after{display:none}.sidebarWidth4{width:7em;background:var(--blue-primary)}.sidebarWidth4 .block-menu li div{transition:all .3s ease}.profile-menu{position:absolute;top:0;left:8rem;width:20rem;height:-webkit-max-content;height:max-content;min-height:4rem;background:#fff;box-shadow:.25rem .25rem 2rem rgba(0,0,0,.2);z-index:1040;border-radius:.3rem;padding:.1rem}.profile-menu .triangle{position:absolute;left:-.75rem;top:1rem;width:0;height:0;border-right:1.5rem solid #fff;border-top:1.5rem solid transparent;border-bottom:1.5rem solid transparent;z-index:-1}.profile-menu .profile-item{width:100%;padding:.769rem 1rem;background:none;outline:none;border:none;display:flex;justify-content:space-between;align-items:center;text-align:left;color:#676869;font-weight:500;transition:.2s}.profile-menu .profile-item.highlight{background:#f2f7ff}.profile-menu .profile-item.highlight:hover:not(:disabled){background:#e8f1ff}.profile-menu .profile-item.ay-inactive{background:#fff0de}.profile-menu .profile-item.ay-inactive:hover:not(:disabled){background:#ffe4c5}.profile-menu .profile-item.divider{border-bottom:1px solid #d6dde9}.profile-menu .profile-item:disabled{background-color:#eaecef}.profile-menu .profile-item *{font-size:.923rem}.profile-menu .profile-item:hover:not(:disabled){background:#f2f7ff}.profile-menu .profile-item .big-chevron{font-size:1rem}.profile-menu .profile-item .text-academic-year,.profile-menu .profile-item .text-language{font-size:.769rem;color:#fff;padding:.2rem .5rem;background-color:var(--label-color-blue);border-radius:2rem;font-weight:600}.profile-menu .profile-item .text-academic-year.not-active{background-color:#feaf43}.profile-menu .profile-item .text-academic-year.not-active .tooltip-img{filter:brightness(0) saturate(100%) invert(100%)}.profile-menu .profile-left{display:flex;align-items:center;flex:1 1;min-width:0;padding-right:.5rem}.profile-menu .profile-left .info{display:flex;flex-direction:column;flex:1 1;min-width:0}.profile-menu .profile-left .info div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-menu .pr-icon{width:1.154rem;height:1.154rem;background-size:1.154rem!important;margin-left:.5rem;margin-right:1.5rem}.profile-menu .pr-icon.icon-tour{background:no-repeat url(/static/media/start-tour.48d2b411.svg) 50%}.profile-menu .pr-icon.icon-language{background:no-repeat url(/static/media/language.6955e463.svg) 50%}.profile-menu .pr-icon.icon-academic-year{background:no-repeat url(/static/media/academic-year.a835b43c.svg) 50%}.profile-menu .pr-icon.icon-settings{background:no-repeat url(/static/media/settings.a370de03.svg) 50%}.profile-menu .pr-icon.icon-help-support{background:no-repeat url(/static/media/help-support.88812e9c.svg) 50%}.profile-menu .pr-icon.icon-logout{background:no-repeat url(/static/media/logout.ff45d368.svg) 50%}.profile-menu .pr-icon.icon-add-event{background:no-repeat url(/static/media/add-event.00dcb66e.svg) 50%}.profile-menu .pr-icon.icon-counseling{background:no-repeat url(/static/media/counseling.f04251c9.svg) 50%}.profile-menu .pr-icon.icon-calendar{background:no-repeat url(/static/media/calender.042cf81b.svg) 50%}.profile-menu .pr-icon.icon-create-class{background:no-repeat url(/static/media/create-class.b945737b.svg) 50%}.profile-menu .pr-icon.icon-class-transfer{background:no-repeat url(/static/media/class-transfer.c5e8751e.svg) 50%}.profile-menu .pr-icon.icon-school-timetable{background:no-repeat url(/static/media/school-timetable.ee3c680c.svg) 50%}.profile-menu .pr-icon.icon-class-list{background:no-repeat url(/static/media/class-list.9a440db8.svg) 50%}.profile-menu .pr-icon.icon-my-school-setting{background:no-repeat url(/static/media/my-school.f1da96b7.svg) 50%}.profile-menu .pr-icon.icon-academic-year-setting{background:no-repeat url(/static/media/academic-year-setting.7c97cfbc.svg) 50%}.profile-menu .pr-icon.icon-add-user{background:no-repeat url(/static/media/add-user.3f104db7.svg) 50%}.profile-menu .pr-icon.icon-user-list{background:no-repeat url(/static/media/admin-list.0feac8a5.svg) 50%}.profile-menu .pr-icon.icon-school-meeting{background:no-repeat url(/static/media/school-meeting.98019021.svg) 50%}.profile-menu .pr-icon.icon-schedule-meeting{background:no-repeat url(/static/media/schedule-meeting.337c6240.svg) 50%}.profile-menu .pr-icon.icon-conference-list{background:no-repeat url(/static/media/video-conferencing.c5650db5.svg) 50%}.profile-menu .pr-icon.icon-workbook-wiki{background:no-repeat url(/static/media/workbook-wiki.0ebf30d5.svg) 50%}.profile-menu .pr-icon.icon-workbook-list{background:no-repeat url(/static/media/workbook-list.c194075d.svg) 50%}.profile-menu .pr-icon.icon-my-timetable{background:no-repeat url(/static/media/my-timetable.d42b3a23.svg) 50%}.profile-menu .pr-icon.icon-attendance{background:no-repeat url(/static/media/attendance.f55a7848.svg) 50%}.profile-menu .pr-icon.icon-add-assessment{background:no-repeat url(/static/media/add-assessment.bac572e0.svg) 50%}.profile-menu .pr-icon.icon-test-bank{background:no-repeat url(/static/media/test-bank.5c4fbc92.svg) 50%}.profile-menu .pr-icon.icon-assessment-list{background:no-repeat url(/static/media/assessment-list.199c89b4.svg) 50%}.profile-menu .pr-icon.icon-library{background:no-repeat url(/static/media/library.9ac226a0.svg) 50%}.profile-menu .pr-icon.icon-school-admission{background:no-repeat url(/static/media/school-admission.cf25e9f2.svg) 50%}.sticky-note{height:100vh;position:fixed;background:#f2f7ff;right:0;z-index:999999;width:500px;margin-right:-500px;box-shadow:-1.5em -3px 19px rgba(109,128,154,.058823529411764705),-11px 2px 1.5em 0 hsla(0,0%,100%,.5215686274509804);transition:all .5s ease}.sticky-note:hover{transition:all .5s ease;margin-right:0}.btn-stycky-note{position:absolute;bottom:1.5em;left:0;margin-left:-3em;background:no-repeat url(/static/media/writing.dbf39318.svg);background-size:1.5em 100%;background-origin:content-box;background-color:#4e90e7;color:#4e90e7;height:3em;width:3em}.setting{visibility:hidden}.icon-collapse{background:no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAABHNCSVQICAgIfAhkiAAAASpJREFUOE9jZHBYL8DE9a2fgYEhgJGBUYCBCuA/w/8F/75xFTIyey3dwMDA6E8FM1GM+P+fYSEjs9ey/9Q2GGTef4b/H2hmOMiCEWA4PzcrQ5yzEsOivfcYPn79TVQ0ERUsIIP3djgzGCgJMly4957BuWIvURYQNBzZYJhzibUAr+HIBl+894GhaNZZhnW1dgwgcWIswGk4usFOFXvAQaGvJMCwr8OFKAuwGo7LYFiwEGsBhuGEDMZlgUnuDowUhGF4nr86Q1+aEQMojGFBgSvdIfsAlIIOXn6FohSry/0tZRg2Hn9CVHKTF+NmsNcTY1i05z5hlxOVO4hURDCdE2kOVmWjhmMEy///DB9pW82BKmhmrm8L/v9ndGBkZOCnJAJhekH157/vnAUAd/62GEk+DuEAAAAASUVORK5CYII=);background-origin:content-box;width:5em;position:absolute;float:right;z-index:999;right:0;padding-right:2.3em;height:2.3em;margin-top:-9px!important}.widget{padding:0 1em!important;float:left;overflow:scroll!important;height:calc(100vh - 10px);width:100%;overflow-x:hidden!important}.pictureInPictureBox{width:30.7em;height:17.3em;right:2em;bottom:3em;position:fixed;z-index:9;box-shadow:0 0 .5em 2px #bbb}.pictureInPictureBox .videoPlayerActions{width:30.7em;height:2.3em;background:rgba(0,0,0,.5);display:none;bottom:18em;z-index:10;position:fixed}.pictureInPictureBox:hover .videoPlayerActions{display:flex;align-items:center;justify-content:flex-end}.pictureInPictureBox:hover .videoPlayerActions .margin-1{margin:1em}.searchBoxHeader{max-width:15em}.searchBoxHeader .input-group-text{border-right:none}.searchBoxHeader input{border-left:none;padding:.25em .4em .25em 0;height:auto;line-height:1em}.nopadleft{padding-left:0!important}.nopadright{padding-right:0!important}.bg-ocean{background:#f2f7ff!important}.border-main{border-top:5px solid var(--blue-primary)!important;border-right:5px solid var(--blue-primary)!important;border-top-left-radius:1.5em}.m-header{margin-left:18px!important;margin-right:13px!important}.border-btm-main{border-top:5px solid var(--blue-primary)!important}.nav-tabs .active{color:var(--label-color-blue)!important}.nav-notes{border:2px solid #fff;border-top-left-radius:.4rem;border-top-right-radius:1.4rem;margin:0 1px;padding:.5em 1em}.nav-custom-tab,.nav-notes{font-weight:700;color:#bec4cf}.nav-custom-tab{background:#fff;border-radius:.3rem;padding:10px;margin:7px 2px;text-decoration:none}.nav-custom-tab:hover{background:#f2fdf8;color:#000;text-decoration:none}.label-orange{border-left:10px solid #feaf43;border-bottom:2px solid rgba(254,175,67,.47843137254901963)}.label-red{border-left:10px solid #f05974;border-bottom:2px solid rgba(240,89,116,.38823529411764707)}.label-blue-ocean{border-left:10px solid #36bfd7;border-bottom:2px solid rgba(54,191,215,.2901960784313726)}.label-gray{border-left:10px solid #bec4cf;border-bottom:2px solid rgba(190,196,207,.30196078431372547)}.label-blue{border-left:10px solid var(--label-color-blue);border-bottom:2px solid rgba(79,146,234,.2823529411764706)}.label-green{border-left:10px solid #1abf73;border-bottom:2px solid rgba(26,191,114,.2196078431372549)}.label-purple{border-left:10px solid #7027a5;border-bottom:2px solid rgba(112,39,165,.17647058823529413)}.label-dark-gray{border-left:10px solid #676869;border-bottom:2px solid rgba(103,104,105,.3215686274509804)}.label-pink{border-left:10px solid #ff0578;border-bottom:2px solid rgba(255,5,122,.15294117647058825)}.btn-year{border-radius:0 0 5.3em 5.3em!important;padding:0 29px!important;background-color:var(--blue-primary)!important;color:#fff!important;width:12em;height:2.2em;font-weight:600;font-size:1.5em!important;margin-top:-.2em}@media (max-width:425px){.header{border-top-left-radius:2.3em;padding:0}.sidebarWidth2 .block-menu li.icon-menu{margin-top:11px;background-size:3.2em 100%}.dropdown-title{z-index:99999;text-align:center}.workbook-label{margin-left:1.5em;text-align:center}.workbook-year-label{visibility:hidden;height:0}.header .setting{padding:0;background:transparent}.header .userDetailsHeader .picture{width:2.6em;height:2.6em;margin-top:3px}.profile-picture{position:absolute}}.academic-year-profile-notice{width:.7rem;height:.7rem;background:#feaf43;border-radius:50%}.mobile-header,.mobile-menu,.mobile-sidebar{display:none}@media only screen and (max-width:450px){.mobile-sidebar{display:flex}.sidebarWidth4{display:none}.contentWidth2{width:100%}.sidebarContainer{display:none}.border-main{border-top:0!important;border-right:0!important;border-top-left-radius:0!important}.border-btm-main{border-top:0!important}.mobile-header{display:flex;background-color:#034aa6;width:100vw;height:49px;position:relative;z-index:1000;align-items:center;justify-content:space-between;padding-left:10px;border-bottom:1px solid hsla(0,0%,100%,.1);transition:1s}.widget{border-radius:0!important;padding:.5rem}.mobile-menu,.widget{height:calc(100vh - 49px)}.mobile-menu{display:flex;flex-direction:column;overflow:auto;width:100vw;position:absolute;z-index:10000;background:#034aa6;transition:1s}.iconDiv{width:35px}.iconDiv,.mobile-menu-item{display:flex;align-items:center}.mobile-menu-item{margin:0 13px;padding:8px 10px;border-bottom:1px solid #fff}.profile-image{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.35)}.mobile-menu-label{color:#fff;margin-left:10px}.text-language{font-size:.8rem}.menu-icon{width:30px;height:30px}.mobile-profile-menu{display:flex;flex-direction:column;background-color:#fff;margin:0 13px}.mobile-profile-menu .mobile-profile-item{padding:5px 9px}.profile-left{display:flex;flex-direction:row;align-items:center;flex:1 1;min-width:0;padding-right:.5rem}.profile-left .info{display:flex;flex-direction:column;flex:1 1;min-width:0}.profile-left .info div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-profile-menu .pr-icon{width:1.154rem;height:1.154rem;background-size:1.154rem!important;margin-left:.5rem;margin-right:1.5rem}.mobile-profile-menu .pr-icon.icon-tour{background:no-repeat url(/static/media/start-tour.48d2b411.svg) 50%}.mobile-profile-menu .pr-icon.icon-language{background:no-repeat url(/static/media/language.6955e463.svg) 50%}.mobile-profile-menu .pr-icon.icon-academic-year{background:no-repeat url(/static/media/academic-year.a835b43c.svg) 50%}.mobile-profile-menu .pr-icon.icon-settings{background:no-repeat url(/static/media/settings.a370de03.svg) 50%}.mobile-profile-menu .pr-icon.icon-help-support{background:no-repeat url(/static/media/help-support.88812e9c.svg) 50%}.mobile-profile-menu .pr-icon.icon-logout{background:no-repeat url(/static/media/logout.ff45d368.svg) 50%}.mobile-profile-menu .pr-icon.icon-add-event{background:no-repeat url(/static/media/add-event.00dcb66e.svg) 50%}.mobile-profile-menu .pr-icon.icon-counseling{background:no-repeat url(/static/media/counseling.f04251c9.svg) 50%}.mobile-profile-menu .pr-icon.icon-calendar{background:no-repeat url(/static/media/calender.042cf81b.svg) 50%}.mobile-profile-menu .pr-icon.icon-create-class{background:no-repeat url(/static/media/create-class.b945737b.svg) 50%}.mobile-profile-menu .pr-icon.icon-class-transfer{background:no-repeat url(/static/media/class-transfer.c5e8751e.svg) 50%}.mobile-profile-menu .pr-icon.icon-school-timetable{background:no-repeat url(/static/media/school-timetable.ee3c680c.svg) 50%}.mobile-profile-menu .pr-icon.icon-class-list{background:no-repeat url(/static/media/class-list.9a440db8.svg) 50%}.mobile-profile-menu .pr-icon.icon-my-school-setting{background:no-repeat url(/static/media/my-school.f1da96b7.svg) 50%}.mobile-profile-menu .pr-icon.icon-academic-year-setting{background:no-repeat url(/static/media/academic-year-setting.7c97cfbc.svg) 50%}.mobile-profile-menu .pr-icon.icon-add-user{background:no-repeat url(/static/media/add-user.3f104db7.svg) 50%}.mobile-profile-menu .pr-icon.icon-user-list{background:no-repeat url(/static/media/admin-list.0feac8a5.svg) 50%}.mobile-profile-menu .pr-icon.icon-school-meeting{background:no-repeat url(/static/media/school-meeting.98019021.svg) 50%}.mobile-profile-menu .pr-icon.icon-schedule-meeting{background:no-repeat url(/static/media/schedule-meeting.337c6240.svg) 50%}.mobile-profile-menu .pr-icon.icon-conference-list{background:no-repeat url(/static/media/video-conferencing.c5650db5.svg) 50%}.mobile-profile-menu .pr-icon.icon-workbook-wiki{background:no-repeat url(/static/media/workbook-wiki.0ebf30d5.svg) 50%}.mobile-profile-menu .pr-icon.icon-workbook-list{background:no-repeat url(/static/media/workbook-list.c194075d.svg) 50%}.mobile-profile-menu .pr-icon.icon-my-timetable{background:no-repeat url(/static/media/my-timetable.d42b3a23.svg) 50%}.mobile-profile-menu .pr-icon.icon-attendance{background:no-repeat url(/static/media/attendance.f55a7848.svg) 50%}.mobile-profile-menu .pr-icon.icon-add-assessment{background:no-repeat url(/static/media/add-assessment.bac572e0.svg) 50%}.mobile-profile-menu .pr-icon.icon-test-bank{background:no-repeat url(/static/media/test-bank.5c4fbc92.svg) 50%}.mobile-profile-menu .pr-icon.icon-assessment-list{background:no-repeat url(/static/media/assessment-list.199c89b4.svg) 50%}.mobile-icon-class .menu-icon{background:no-repeat url(/static/media/class.6e7042b0.svg) 50%}.mobile-icon-class .menu-icon-active{background:url(/static/media/class-active.a9715616.svg) 50%}.mobile-icon-pelejaran .menu-icon{background:no-repeat url(/static/media/pelajaran.e2c0dd5f.svg) 50%}.mobile-icon-pelejaran .menu-icon-active{background:url(/static/media/pelajaran-active.86bf79ec.svg) 50%}.mobile-icon-vlab .menu-icon{background:no-repeat url(/static/media/vlab.b7b7862c.svg) 50%}.mobile-icon-vlab .menu-icon-active{background:no-repeat url(/static/media/vlab-active.0b99c5b1.svg) 50%}.mobile-icon-ujian .menu-icon{background:no-repeat url(/static/media/exam.b8b7cd9e.svg) 50%}.mobile-icon-ujian .menu-icon-active{background:no-repeat url(/static/media/exam-active.8db47661.svg) 50%}.mobile-icon-material .menu-icon{background:no-repeat url(/static/media/material.e9c600c7.svg) 50%}.mobile-icon-material .menu-icon-active{background:no-repeat url(/static/media/material-active.8005ef2a.svg) 50%}.mobile-icon-counseling .menu-icon{background:no-repeat url(/static/media/counseling.f04251c9.svg) 50%}.mobile-icon-counseling .menu-icon-active{background:no-repeat url(/static/media/counseling-active.f62cea87.svg) 50%}.mobile-icon-calendar .menu-icon{background:no-repeat url(/static/media/calendar.91d5a860.svg) 50%}.mobile-icon-calendar .menu-icon-active{background:no-repeat url(/static/media/calendar-active.5a13836a.svg) 50%}.mobile-icon-meeting .menu-icon{background:no-repeat url(/static/media/meeting.53351917.svg) 50%}.mobile-icon-meeting .menu-icon-active{background:no-repeat url(/static/media/meeting-active.3bcc888e.svg) 50%}.mobile-icon-gradebook .menu-icon{background:no-repeat url(/static/media/GradeBook.93aaaee7.svg) 50%}.mobile-icon-gradebook .menu-icon-active{background:no-repeat url(/static/media/GradeBook-active.5c45d06e.svg) 50%}.mobile-icon-project .menu-icon{background:no-repeat url(/static/media/project-white.191f4ee4.svg) 50%}.mobile-icon-project .menu-icon-active{background:no-repeat url(/static/media/project-brown.079bcd35.svg) 50%}.mobile-icon-forum .menu-icon{background:no-repeat url(/static/media/forum.42e96391.svg) 50%}.mobile-icon-forum .menu-icon-active{background:no-repeat url(/static/media/forum-active.c9fa9cc6.svg) 50%}.mobile-icon-excul .menu-icon{background:no-repeat url(/static/media/excul_incative.b5d91efb.svg) 50%}.mobile-icon-excul .menu-icon-active{background:no-repeat url(/static/media/excul_active.16b8c561.svg) 50%}.mobile-icon-doc-tracking .menu-icon{background:no-repeat url(/static/media/doc-track.265c54ef.svg) 50%}.mobile-icon-doc-tracking .menu-icon-active{background:no-repeat url(/static/media/doc-track-active.fe167017.svg) 50%}.mobile-icon-sms .menu-icon{background:no-repeat url(/static/media/sms.247c76bb.svg) 50%}.mobile-icon-sms .menu-icon-active{background:no-repeat url(/static/media/sms-active.9074b687.svg) 50%}.mobile-icon-sb-library .menu-icon{background:no-repeat url(/static/media/library.fe08cf8b.svg) 50%}.mobile-icon-sb-library .menu-icon-active{background:no-repeat url(/static/media/library-active.d888cfc2.svg) 50%}}.arrow-icon{position:absolute;margin-left:2.5em;margin-top:.7em;color:#fff}.maxWidth600{max-width:700px!important}.announcementAttachThumb,.announcementImageThumb{width:100px;height:100px;float:left;border-radius:.5em;margin-right:.8em;margin-bottom:1em;overflow:hidden}.announcementAttachThumb img,.announcementImageThumb img{width:100%;height:100%;object-fit:cover}.announcementAttachThumb:last-of-type,.announcementImageThumb:last-of-type{margin-right:0}.announcementAttachThumb{display:flex;flex-direction:column;align-items:center;justify-content:center}.announcementAttachThumb img{width:50px;height:50px;object-fit:cover}.announcementAttachThumb:hover,.announcementAttachThumb:hover span.announcementAttachThumb,.announcementAttachThumb span{font-weight:600;color:#fff;text-decoration:none}.viewersListUl{list-style:none;box-shadow:0 0 3px #bbb;border-radius:.5em;padding:.5em;max-height:60vh;overflow:auto}.viewersListUl li img{width:2.2em;height:2.2em;border:1px solid #707070;border-radius:2.2em;margin-right:.5em;margin-bottom:.5em}.announcementTags{float:right}.announcementTags ul{list-style:none}.announcementTags ul li{color:#fff;float:left;padding:.05em .5em;font-size:.85em;margin-right:.25em;border-radius:.25em;font-weight:700}.announcementTags ul li.circleBox{width:1.5em;height:1.5em;border-radius:1.5em;text-align:center}.notif-component{transition:.5s;-webkit-user-select:none;user-select:none;width:100%}.notif-component .infinite-scroll-component__outerdiv{width:100%}.notif-component .notif-icon{position:relative;cursor:pointer}.notif-component .notif-icon .menu-icon{position:relative;background:no-repeat url(/static/media/bell.7f6a2fc1.svg) 50%;transition:.1s ease-in-out}.notif-component .notif-icon.active .menu-icon,.notif-component .notif-icon:hover .menu-icon{background:no-repeat url(/static/media/bell-active.17fd8f15.svg) 50%}.notif-component .notif-icon.active .side-accent{background-color:#f74666}.notif-component .notif-icon.active .menu-icon{animation:ringring 1s ease-in-out}.notif-component .notif-icon:hover .notif-new.active{border:2px solid #fff}@keyframes ringring{0%{transform:rotate(0)}25%{transform:rotate(45deg)}75%{transform:rotate(-45deg)}}.notif-component .notif-triangle{position:absolute;right:-1.75rem;top:50%;transform:translateY(-50%);width:0;height:0;border-right:1.5rem solid #fff;border-top:1.5rem solid transparent;border-bottom:1.5rem solid transparent;z-index:1060}.notif-component .notif-new{width:0;height:0;background:red;border-radius:50%;position:absolute;top:2px;right:2px;border:none;transition:.1s ease-in-out}.notif-component .notif-new.active{width:1rem;height:1rem;border:2px solid var(--blue-primary)}.notif-component .content-sidebar-notif{position:fixed;top:5px;left:8rem;height:calc(100vh - 10px);width:530px;background:#fff;box-shadow:.25rem .25rem 3.1rem rgba(0,0,0,.2);overflow:auto;z-index:1050}.notif-component .title-notif{color:#232230;font-weight:600;margin:1.08rem .77rem}@media only screen and (max-width:450px){.notif-component .title-notif{margin-bottom:0;text-align:center}}.notif-component .title-actions{margin:1.08rem .77rem 1.08rem auto;color:#bec4cf}@media only screen and (max-width:450px){.notif-component .title-actions{margin-right:auto}}.notif-component .title-actions .actions-link{font-weight:500;font-size:.85rem;color:var(--label-color-dark-blue);cursor:pointer}.notif-component .title-actions .actions-link:hover{text-decoration:none}.notif-component .title-actions .actions-link.disabled{font-weight:500;font-size:.85rem;color:#bec4cf;cursor:auto}.notif-component .title-actions .actions-link.disabled:hover{text-decoration:none}.notif-component .title-actions ul li{width:auto;height:auto;margin:0;padding:0;border-radius:0;cursor:auto}.notif-component .border-line{border-bottom:1px solid #d5e7fc}.notif-component .no-unread{width:100%;height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.notif-component .card-notif{border:none;box-shadow:0 0 5px rgba(0,0,0,.16);border-radius:.5rem;cursor:pointer;position:relative}.notif-component .card-notif:not(:last-of-type){margin-bottom:1.154rem}.notif-component .card-notif .card-body{padding:1rem .923rem}.notif-component .card-notif .card-body img{height:30px;width:30px;border-radius:15px}.notif-component .card-notif-title{font-weight:600;color:#232230;margin-bottom:0;line-height:1.385rem}.notif-component .card-notif-content{font-size:.85rem;font-weight:500;color:#676869;margin:.62rem 0;line-height:1.385rem}.notif-component .card-notif-time{font-size:.92rem;font-weight:600;color:#676869;margin-bottom:0;line-height:1.385rem}.notif-component .light{background:#f2f7ff}.notif-component ::-webkit-scrollbar-thumb{border-radius:.3em;background:#bec4cf}.notif-component ::-webkit-scrollbar-thumb:window-inactive{background:#bec4cf}.notif-component .iconDiv{display:none}.notif-tooltip{position:relative;background:#676869;color:#fff;font-weight:500;font-size:.77rem;z-index:1060;border-radius:.5rem;padding:.2rem .5rem;margin-bottom:.5rem}.notif-tooltip:before{content:"";position:absolute;width:0;height:0;bottom:-.5rem;left:50%;transform:translateX(-50%);border-top:.8rem solid #676869;border-right:.5rem solid transparent;border-left:.5rem solid transparent}.title-actions ul{list-style-type:none}.da-multi-select{border-color:#e9e8e8!important}@media only screen and (max-width:450px){.notif-component .notif-icon{display:none}.notif-component .iconDiv{display:flex}.notif-component .content-sidebar-notif{position:fixed;top:49px;left:0;height:calc(100vh - 49px);width:100vw;background:#fff;box-shadow:.25rem .25rem 3.1rem rgba(0,0,0,.2);overflow:auto;z-index:100000}}.change-language-box .modal-body{padding:1.923rem}.change-language-box .modal-content{border-radius:.75rem}.change-language-box .content{padding-top:.5rem;padding-bottom:2.308rem}.change-language-box .select-like{display:flex;justify-content:space-between;align-items:center;padding:1.154rem 0;color:#676869;cursor:pointer;border-bottom:1px solid #f2f2f2;transition:.2s;font-weight:500}.change-language-box .select-like .check-like{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid #bec4cf;transition:.2s;color:#fff;font-size:.769rem}.change-language-box .select-like:not(:last-of-type){margin-bottom:.769rem}.change-language-box .select-like.checked .check-like{border:none;background:var(--label-color-blue)}.change-language-box .button-wrapper{display:flex;justify-content:space-between;align-items:center}.change-language-box .delete-title{font-size:2.3em!important;color:#232230;font-weight:700;padding:2.3rem 0}.change-language-box .no-btn{background-color:initial;color:var(--label-color-dark-blue);padding:0;font-weight:400}.change-language-box .yes-btn{background:linear-gradient(90deg,var(--label-color-blue),var(--themeBlue));padding:1rem 3rem;color:#fff;font-weight:400;transition:all .2s;border-radius:5rem}.change-language-box .yes-btn:hover{background:linear-gradient(90deg,var(--label-color-dark-blue),var(--label-color-dark-blue))}@media (min-width:576px){.change-ay-box{max-width:400px;margin:1.75rem auto;max-height:calc(100vh - 3.5rem)}}.change-ay-box .modal-body{padding:1.923rem;display:flex;flex-direction:column;max-width:100%;max-height:calc(100vh - 3.5rem);overflow:auto}.change-ay-box .modal-content{border-radius:.75rem;max-height:calc(100vh - 3.5rem)}.change-ay-box .content{padding-top:.5rem}.change-ay-box .select-like{display:flex;justify-content:space-between;align-items:center;padding:1.154rem 0;color:#676869;cursor:pointer;border-bottom:1px solid #f2f2f2;transition:.2s;font-weight:500}.change-ay-box .select-like .check-like{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid #bec4cf;transition:.2s;color:#fff;font-size:.769rem}.change-ay-box .select-like:not(:last-of-type){margin-bottom:.769rem}.change-ay-box .select-like.checked .check-like{border:none;background:var(--label-color-blue)}.change-ay-box .active-session-year{font-weight:600;color:var(--label-color-blue);font-style:italic}.change-ay-box .button-wrapper{padding-top:2.308rem;display:flex;justify-content:space-between;align-items:center}.change-ay-box .delete-title{font-size:2.3em!important;color:#232230;font-weight:700;padding:2.3rem 0}.change-ay-box .no-btn{background-color:initial;color:var(--label-color-dark-blue);padding:0;font-weight:400}.change-ay-box .yes-btn{background:linear-gradient(90deg,var(--label-color-blue),var(--themeBlue));padding:1rem 3rem;color:#fff;font-weight:400;transition:all .2s;border-radius:5rem}.change-ay-box .yes-btn:hover{background:linear-gradient(90deg,var(--label-color-dark-blue),var(--label-color-dark-blue))}.change-ay-box .ay-change-bottom-notice{margin-top:3rem;font-weight:600;color:#676869;flex:0 1 max-content;min-height:100px;overflow:auto;min-height:0}.change-ay-box ul{list-style:disc}.password-change-modal p{margin:0;padding:0}.password-change-modal .password-modal{display:flex;flex-direction:column;width:90%;margin-left:5%}.password-change-modal .password-modal .btn{width:100%;margin-top:40px;margin-bottom:30px;padding:10px 0}.password-change-modal .heading{font-weight:700;font-size:20px;margin-top:30px}.password-change-modal .explanation-div{background-color:#f9f9bc;border:1px solid #ff0;border-radius:5px;padding:10px;font-weight:600}.password-change-modal .input-div{display:flex;flex-direction:column;margin-top:20px}.password-change-modal .input-div label{font-weight:600;margin-bottom:5px}.password-change-modal .input-div .input-error{border:1px solid #f05974;outline-color:#f05974}.password-change-modal .input-div input{border:1px solid #e3f4fe;border-radius:4px;padding:12px 16px;outline:none;width:100%;font-size:13px;height:3.5rem}.password-change-modal .input-div input[type=password]{font-size:2rem;padding:.5px 16px}.password-change-modal .input-div .pwd-eye{position:absolute;padding:1rem;right:0;top:50%;transform:translateY(-50%);font-size:1.769rem;color:#bec4cf}.password-change-modal .input-div .pwd-eye.active{color:var(--label-color-blue)}.password-change-modal .error-message{color:red;margin:5px 0 0}.password-change-modal .round-i{display:flex;align-items:center;justify-content:center;background-color:#676869;border-radius:50%;width:14px;height:14px;margin-left:10px;font-size:10px;cursor:pointer}.password-change-modal .left-triangle{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:2px;border-right:8px solid #727272}.password-change-modal .hover-message{margin-left:10px;background-color:#727272;color:#fff;padding:10px;border-radius:1px 3px 3px 3px;position:absolute;z-index:100}.email-change-modal p{margin:0;padding:0}.email-change-modal .email-reminder-modal{display:flex;flex-direction:column;width:90%;margin-left:5%}.email-change-modal .email-reminder-modal p{font:size 13px;color:#676869;margin-top:24px}.email-change-modal .email-reminder-modal .heading{font-weight:600;margin-top:30px}.email-change-modal .email-reminder-modal .btn-wrapper{display:flex;justify-content:end}.email-change-modal .email-reminder-modal .btn-wrapper .btn{margin-top:40px;margin-bottom:30px;padding:12px 16px}.email-change-modal .email-reminder-modal .btn-wrapper .btn.btn-skip{font-weight:600;color:#848484}.email-change-modal .email-reminder-modal .error-message{color:red;margin:5px 0 0}.email-change-modal .explanation-div{background-color:#f9f9bc;border:1px solid #ff0;border-radius:5px;padding:10px;font-weight:600}.email-change-modal .input-div{display:flex;flex-direction:column;margin-top:20px}.email-change-modal .input-div label{font-weight:600;margin-bottom:5px}.email-change-modal .input-div input{background:#fff;border:1px solid #e3f4fe;border-radius:8px;padding:16px 12px;margin-top:8px}.email-change-modal .input-div input:focus{border:1px solid #4f92ea;outline-color:#4f92ea}.email-change-modal .input-div .input-error{border:1px solid #f05974}.email-change-modal .round-i{display:flex;align-items:center;justify-content:center;border:2px solid #a1a1a1;border-radius:50%;width:20px;height:20px;margin-left:5px;font-size:12px;cursor:pointer}.email-change-modal .left-triangle{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:2px;border-right:8px solid #727272}.email-change-modal .hover-message{margin-left:10px;background-color:#727272;color:#fff;padding:10px;border-radius:1px 3px 3px 3px;position:absolute}.email-change-modal .email-verification-modal{padding:24px}.email-change-modal .email-verification-modal .icon-close{width:36px;height:36px;border-radius:50%;background:no-repeat url(/static/media/material-close.10ee7a89.svg) 50%;border:2px solid #a2a6ac}.email-change-modal .email-verification-modal .btn{margin:0;padding:12px 16px;font-size:15px}.email-change-modal .email-verification-modal p{font:size 13px;color:#676869;margin:24px 0}.email-change-modal .email-verification-modal p span{color:#4f92ea;font-weight:600}.email-change-modal .email-verification-modal .heading{font-weight:600;font-size:20px}.NotFoundPage_container__3CLoE{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.NotFoundPage_content__38t6U{display:flex;flex-direction:column;grid-gap:16px;gap:16px;align-items:center}.NotFoundPage_textContainer__1S0bS{display:flex;flex-direction:column;grid-gap:8px;gap:8px;align-items:center}.NotFoundPage_title__1mj3a{font-size:2.125rem;font-weight:800;margin:0}.NotFoundPage_subtitle__3RtNl{font-size:1.125rem;font-weight:400;color:var(--joy-palette-text-secondary,#4f4e59);margin:0}
/*# sourceMappingURL=main.804df676.chunk.css.map */