body{margin:0;font-family:"Open Sans",sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.heading{font-weight:700}.subheading{font-weight:300}code{font-family:"Open Sans",sans-serif!important}.LoginMainContainer{height:100%;overflow:hidden;background-image:url(/static/media/background.a86d7a2c.png)!important;background-size:contain;background-position:50%;display:flex}.LoginSubContainer{width:50%;height:100%;align-items:center;justify-content:center;display:flex;flex-direction:column}.LoginSubContainer .img-div{align-self:center;max-width:350px;margin-bottom:30px}.LoginCardDiv{width:500px;height:560px;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 6px rgba(0,0,0,.1607843137);border-radius:20px;opacity:1;padding:3.31rem 2.5rem}.LoginCardDiv .LoginTextDiv{padding:0;align-items:left;text-align:left}.LoginCardDiv .LoginText{font-size:24px;color:#000;font-weight:700;text-transform:uppercase;text-align:left}.LoginCardDiv .ProcessText{text-align:left;font:normal normal normal 18px Open Sans;letter-spacing:0;color:#000;opacity:.5}.LoginInputDiv{width:420px;height:48px;background:#f7faff 0 0 no-repeat padding-box;border:1px solid #ddd;border-radius:6px;margin-top:20px;opacity:1}.RegistrationBtnDiv .RegistrationBtn{cursor:pointer}.fRight{margin-top:2px}.checkBoxColorLogin{margin-top:4.1px;font-size:20px!important}.keepMeTextLogin{font-size:16px;margin-top:0}.SigninBtn Button{border-radius:.375rem;height:3.125rem;padding:.5rem;width:100%;background-image:linear-gradient(270deg,#386cb5,#669fed);font-size:1rem;font-weight:600;margin-top:3rem}.MuiFormLabel-root-MuiInputLabel-root{top:-8px}.MuiFormLabel-root-MuiInputLabel-root.Mui-focused{color:#1976d2;top:-8px}.usersubsplanheight{width:575px}.planContainerDiv{background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 46px rgba(0,0,0,.1607843137);border-radius:8px;height:202px}.planContainerDiv .planIconBg{background:#f9f9f9 0 0 no-repeat padding-box;border-radius:8px 0 0 8px;width:166px;height:202px}.planContainerDiv .dataPlans{text-align:left;font:normal normal normal 12px/20px Open Sans;letter-spacing:0;color:#222}.planContainerDiv .upgradePlanButtonRegsiter{height:35px;background:transparent linear-gradient(90deg,#669eec,#3e73bc) 0 0 no-repeat padding-box;border-radius:8px;float:left;font-size:14px;margin-bottom:10px;padding:0 10px}.planContainerDiv .upgradePlanButtonRegsiter .planPrice{text-align:left;font:normal normal normal 16px/22px Open Sans;letter-spacing:0;color:#fff!important;font-weight:700;margin-top:6px;display:flex;justify-content:center!important;cursor:pointer}.planContainerDiv .maxDetailsParaRegister{display:flex;flex-wrap:wrap;align-items:flex-end;height:35px;justify-content:start;padding-left:15px}.planContainerDiv .maxDetailsParaRegister .annualPlanTypeParaRegister{text-align:left;font:normal normal 600 12px/14px Open Sans;letter-spacing:0;color:#222;margin-bottom:10px;opacity:1}.planContainerDiv .maxDetailsParaRegister .annualPlanTypeParaRegister span{color:#376bb4}.planContainerDiv .maxDetailsParaRegister .selectedAnnualPlanPriceRegsiter{text-align:left;font:normal normal 600 12px/14px Open Sans;letter-spacing:0;color:#376bb4;font-weight:700}.planContainerDiv .recommendBoxRegister{background-color:#e6395d;border-radius:0 0 10px 10px;font:normal normal 600 11px/17px Open Sans;letter-spacing:0;color:#fff;position:absolute;top:-10px;width:100px;height:20px;display:flex;align-items:center;justify-content:center;right:40px}.registerpaypalParentDiv .cardOfPlanRules{width:100%;min-height:300px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;border:none;text-align:left;font:normal normal normal 13px/26px Open Sans;letter-spacing:0;color:#222}.registerpaypalParentDiv .cardOfPlanRules .dataPlans{margin-bottom:0}.registerpaypalParentDiv .cardOfPlanRules .refrenceLink{color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#222;font-weight:700;opacity:1}.loginRedirectPara{text-align:left;font:italic normal normal 14px/20px Open Sans;letter-spacing:0;color:#757171;text-align:center}.continue-login-free-btn{width:107px;height:40px;background:transparent linear-gradient(90deg,#669eec,#3e73bc) 0 0 no-repeat padding-box;border-radius:8px;opacity:1}.newPaypalBtnClassRegister,.paypalRegisterButtonDiv .zoid-outlet{width:250px!important}.newPaypalBtnClassRegister .paypal-button{background:transparent!important;border:none!important;color:#fff!important}.ForgetMainContainer{height:100%;overflow:hidden;background-image:url(/static/media/background.a86d7a2c.png)!important;background-size:contain;background-position:50%;display:flex}.ForgetSubContainer{width:50%;height:100%;align-items:center;justify-content:center;display:flex;flex-direction:column}.ForgetSubContainer .img-div{align-self:center;max-width:350px}.ForgetCardDiv{width:500px;height:360px;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 6px rgba(0,0,0,.1607843137);border-radius:20px;opacity:1;padding:3.31rem 2.5rem}.ForgetCardDiv .ForgetTextDiv{padding:0;align-items:left;text-align:left}.ForgetCardDiv .ForgetText{font-size:24px;color:#000;font-weight:700;text-transform:uppercase;text-align:left}.ForgetCardDiv .ProcessText{text-align:left;font:normal normal normal 18px Open Sans;letter-spacing:0;color:#000;opacity:.5}.ForgetInputDiv{width:420px;height:48px;background:#f7faff 0 0 no-repeat padding-box;border:1px solid #ddd;border-radius:6px;opacity:1}.RegistrationBtnDiv{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;margin-top:2rem}.RegistrationBtnDiv .RegistrationBtn{width:160px;height:40px;display:flex;align-items:center;justify-content:center;background:#fec006 0 0 no-repeat padding-box;box-shadow:0 1px 10px rgba(0,0,0,.1019607843);border-radius:6px;opacity:1}.RegistrationBtnDiv .RegistrationBtnText{font-size:16px;font-weight:600;color:#fff;text-transform:uppercase;opacity:1}.checkBoxColorLogin{color:#33d152;cursor:pointer}.RetrivePassBtn Button{border-radius:.375rem;height:3.125rem;padding:.5rem;width:100%;background-image:linear-gradient(270deg,#386cb5,#669fed);font-size:1rem;font-weight:600;margin-top:2.5rem}::-webkit-scrollbar{width:2px;height:2px;border-radius:2px!important;position:"relative";top:5px;width:0;background:transparent}.RegistrationMainContainer{height:100%;overflow:hidden;background-image:url(/static/media/background.a86d7a2c.png)!important;background-size:contain;background-position:50%;display:flex}.RegistrationSubContainer{width:50%;height:100%;align-items:center;justify-content:center;display:flex;flex-direction:column}.RegistrationSubContainer .img-div{align-self:center;max-width:350px}.RegistrationCardDiv1{width:500px;height:85%;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 6px rgba(0,0,0,.1607843137);border-radius:20px;opacity:1;padding:32px}.RegistrationCardDiv1 .RegistrationTextDiv{padding:0;align-items:left;text-align:left}.RegistrationCardDiv1 .RegistrationText{font-size:22px;color:#000;font-weight:700;text-transform:uppercase;text-align:left}.RegistrationCardDiv1 .divForRegScrollFirst:hover{overflow-x:hidden;white-space:nowrap}.RegistrationCardDiv1 .divForRegScrollFirst:hover ::-webkit-scrollbar{width:0;height:0;border-radius:2px!important;display:none!important}.RegistrationCardDiv1 .divForRegScrollFirst{scrollbar-width:15px!important;height:100%}.RegistrationCardDiv1 .divForRegScrollFirst ::-webkit-scrollbar{width:0;height:0;border-radius:2px!important;display:none!important}.RegistrationCardDiv1 .divForRegScrollFirst .divForRegScrollSec{overflow-y:scroll;overflow-x:hidden;white-space:nowrap;scrollbar-width:15px!important;height:95%}.RegistrationCardDiv1 .divForRegScrollFirst .divForRegScrollSec ::-webkit-scrollbar{width:0;height:0;border-radius:2px!important;display:none!important}.RegistrationCardDiv1 .divForRegScrollFirst .divForRegScrollSec .RegistrationProcessText{text-align:left;font:normal normal normal 18px Open Sans;letter-spacing:0;color:#000;opacity:.5}.RegistrationCardDiv1 .divForRegScrollFirst .divForRegScrollSec .stepMainDiv{display:flex;justify-content:space-between;margin-top:0}.RegistrationCardDiv1 .divForRegScrollFirst .divForRegScrollSec .stepSubDiv{display:flex;flex-direction:column;width:47%;justify-content:flex-end;align-items:center;border-width:2px;margin-bottom:10px}.RegistrationCardDiv1 .divForRegScrollFirst .divForRegScrollSec .stepText{font:normal normal 600 18px/24px Open Sans;letter-spacing:0;text-transform:uppercase;opacity:1;margin-top:5px}.RegistrationCardDiv1 .divForRegScrollFirst .divForRegScrollSec .bottomLine{width:100%;height:4px;border-width:4px;border-radius:2px;margin-bottom:5px!important;margin-top:-8px!important}.RegistrationCardDiv{background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 6px rgba(0,0,0,.1607843137);border-radius:20px;opacity:1;padding:2rem}.RegistrationCardDiv .RegistrationTextDiv{padding:0;align-items:left;text-align:left}.RegistrationCardDiv .RegistrationText{font-size:22px;color:#000;font-weight:700;text-transform:uppercase;text-align:left}.RegistrationCardDiv .RegistrationProcessText{text-align:left;font:normal normal normal 18px Open Sans;letter-spacing:0;color:#000;opacity:.5}.RegistrationCardDiv .stepMainDiv{display:flex;justify-content:space-between;margin-top:0}.RegistrationCardDiv .stepSubDiv{display:flex;flex-direction:column;width:47%;justify-content:flex-end;align-items:center;border-width:2px;margin-bottom:10px}.RegistrationCardDiv .stepText{font:normal normal 600 18px/24px Open Sans;letter-spacing:0;text-transform:uppercase;opacity:1;margin-top:5px}.RegistrationCardDiv .bottomLine{width:100%;height:4px;border-width:4px;border-radius:2px;margin-bottom:5px!important;margin-top:-8px!important}.FirstNameDiv{display:flex;flex-direction:row;justify-content:space-between;margin-top:0}.FirstNameInputDiv,.RegistrationInputDiv{height:48px;background:#f7faff 0 0 no-repeat padding-box;border:1px solid #ddd;border-radius:6px;opacity:1}.RegistrationInputDiv{width:100%;margin-top:20px}.CreatePasswordText{font:normal normal 600 16px/22px Open Sans;margin-bottom:5px;opacity:1}.CreatePasswordSubText,.CreatePasswordText{text-align:left;letter-spacing:0;color:#000}.CreatePasswordSubText{font:normal normal normal 16px/22px Open Sans;opacity:.5}.RegistrationLoginBtnDiv{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;margin-top:22px}.RegistrationLoginBtnDiv .RegistrationLoginBtn{width:160px;height:40px;display:flex;align-items:center;justify-content:center;background:#fec006 0 0 no-repeat padding-box;box-shadow:0 1px 10px rgba(0,0,0,.1019607843);border-radius:6px;opacity:1;cursor:pointer}.RegistrationLoginBtnDiv .RegistrationLoginBtnText{font-size:16px;font-weight:600;color:#fff;text-transform:uppercase;opacity:1}.NextStepBtnDiv{display:flex;flex-direction:row;justify-content:flex-end;align-items:baseline;margin-top:22px}.NextStepBtnDiv .NextStepBtn{width:160px;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 0 5px rgba(56,108,181,.4);border-radius:6px;opacity:1;padding:20px}.NextStepBtnDiv .NextStepText{font-size:16px;font-weight:600;color:#fff;text-transform:uppercase;opacity:1;margin-top:15px}.BackBtnImg,.NextStepBtnDiv .NextBtnImg{width:20px;height:12.83px}.BackBtnImg{margin-right:5px}.CreateStepBtnDiv{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1rem}.CreateStepBtnDiv .CreateStepBtn{width:160px;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 0 5px rgba(56,108,181,.4);border-radius:6px;opacity:1;padding:20px}.CreateStepBtnDiv .CreateStepText{font-size:13px;font-weight:600;color:#fff;opacity:1;margin-top:18px}.CreateStepBtnDiv .BackStepBtn{height:20px;margin-left:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;opacity:1;cursor:pointer}.CreateStepBtnDiv .BackStepText{font-size:13px;font-weight:600;color:#222;opacity:1;margin-top:18px}.LineSeparator{width:435px;height:0;border-bottom:1px solid #ddd;opacity:1;margin-top:20px}.bottomDiv{display:flex;flex-direction:column;margin-top:1rem}.bottomDiv .text-1{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.bottomDiv .text-1,.bottomDiv .text-2{text-align:center;letter-spacing:0;color:#000}.bottomDiv .text-2{font:normal normal 600 14px/19px Open Sans;margin-top:0}.mTop20{margin-top:1rem}.mTop40{margin-top:4rem}.fLeft{float:left}.fRight{float:right}.checkBoxColorLogin{color:#000;cursor:pointer!important}.logincard{width:25rem;border-radius:1rem;padding:0 3rem 2rem;text-align:center;margin:3rem auto auto;border-color:#bbb;background:transparent}.proceedTextDiv{padding:0;align-items:left;text-align:left;margin-top:40px}.proceedText{margin:0;font-weight:500}.login_text{font-size:1.3rem;color:#386cb5;font-weight:700;text-transform:uppercase;text-align:left;padding-bottom:.5px}.inputLableDiv{margin-top:15px}.labelTextLogin{margin:0;font-weight:600}.inputIcon{color:#909294}.inputTypeLogin{border:.75px solid #ddd;box-sizing:border-box;border-radius:.5rem;width:19rem;height:3rem;padding-left:2.2rem}.inputTypeDivlLogin{margin-top:.5rem;position:relative}.eyeIcon{position:absolute;right:1rem;top:.8rem;cursor:pointer}.checkIcon{margin-right:.2rem;margin-top:-.2rem}.keepMeTextLogin{font-size:.9rem;margin-left:.2rem;margin-top:.2rem}.Textforgot{font-size:.9rem;color:#0974dd;font-weight:600;cursor:pointer}.RegistrationBtn Button{border-radius:.375rem;height:3.125rem;padding:.5rem;width:100%;background-image:linear-gradient(270deg,#386cb5,#669fed);font-size:1rem;font-weight:600;margin-top:.5rem;cursor:pointer}.buttonTop{margin-top:10px}.SigninBtn{padding:.8rem 0 0}.registerText{font-size:.9rem;color:#000;font-weight:600}.registerErrorMessageDiv{margin-top:1px;height:6px;width:100%}.registerErrorMessage{color:#d80f0f!important;float:left!important;margin-top:-5px!important;margin-left:30px;font-size:12px!important;margin-bottom:1px!important;font-weight:600}.flag-dropdown{background-color:#fff!important;text-align:left}.country-list{width:198px!important}.registerInputType{margin-bottom:30px!important}.registerInputType,.registerInputTypeMarginBottm0{width:100%;height:45px;background:#f7faff;margin-top:20px!important;border-radius:8px!important;border-color:#ddd!important}.registerInputTypeMarginBottm0{margin-bottom:0}.termsModalHeader{background:transparent linear-gradient(180deg,#639ae6,#3d71bb) 0 0 no-repeat padding-box;color:#fff;text-align:center;border-radius:5px 5px 0 0!important}.closeModalIcon{position:absolute;right:1rem;top:1.2rem;color:#fff;cursor:pointer}@media only screen and (min-width:250px)and (max-width:420px){.logincard{padding:2rem 4rem 2rem 3rem}.eyeIcon{right:.5rem}}@media only screen and (min-height:960px)and (max-height:1080px){.RegistrationCardDiv1{width:500px;height:75%;align-self:center;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 6px rgba(0,0,0,.1607843137);border-radius:20px;opacity:1;padding:32px}}@media only screen and (min-height:930px)and (max-height:959px){.RegistrationCardDiv1{width:500px;height:68%;align-self:center;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 6px rgba(0,0,0,.1607843137);border-radius:20px;opacity:1;padding:32px}}@media only screen and (min-height:845px)and (max-height:929px){.RegistrationCardDiv1{width:500px;height:78%;align-self:center;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 6px rgba(0,0,0,.1607843137);border-radius:20px;opacity:1;padding:2rem}}@media only screen and (min-height:745px)and (max-height:844px){.RegistrationCardDiv1{width:500px;height:85%;align-self:center;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 6px rgba(0,0,0,.1607843137);border-radius:20px;opacity:1;padding:2rem}}@media only screen and (min-height:730px)and (max-height:744px){.RegistrationCardDiv1{height:89%;padding:2rem}.LineSeparator{width:435px;height:0;border-bottom:1px solid #ddd;opacity:1;margin-top:12px}.RegistrationLoginBtnDiv{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;margin-top:12px}.registerInputType{width:100%;height:45px;background:#f7faff;margin-bottom:22px!important;margin-top:20px!important;border-radius:8px!important;border-color:#ddd!important}.RegistrationCardDiv1{width:500px;height:90%;align-self:center;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 6px rgba(0,0,0,.1607843137);border-radius:20px;opacity:1;padding:1rem 2rem}.RegistrationCardDiv1 .RegistrationText{font-size:22px;color:#000;font-weight:700;text-transform:uppercase;text-align:left;margin-bottom:5px!important}.bottomDiv{display:flex;flex-direction:column;margin-top:1rem;margin-bottom:-20px!important}}@media only screen and (min-height:618px)and (max-height:729px){.RegistrationCardDiv{background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 6px rgba(0,0,0,.1607843137);border-radius:20px;opacity:1;padding:2rem;height:85%!important}.CreateStepBtnDiv{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:5px}}.forgotMainContainer{height:100%;overflow-x:hidden;background-image:url(/static/media/background.a86d7a2c.png)!important;background-size:contain;background-position:50%}.mTop20{margin-top:20px}.mBot20{margin-bottom:3rem}.width300{width:300px}.verifyCard{width:25rem;border-radius:1rem;padding:2rem 3rem;text-align:center;margin:3rem auto auto;border-color:#bbb;background:transparent}.mainIcon{max-width:260px}.proceedTextDivVerify{padding:0;align-items:left;text-align:left;margin-top:70px}.proceedTextVerify{margin:0 0 .2rem;font-weight:500}.loginInput p{margin:0;font-size:17px}.verifyText{font-size:1.3rem;color:#386cb5;font-weight:700;text-transform:uppercase;text-align:left}.inputLableDiv{margin-top:1rem;text-align:left}.labelTextForgot{margin:0}.inputIcon{width:1.2rem;height:1.1rem}.inputTypeVerify{border:.75px solid #ddd;box-sizing:border-box;border-radius:.5rem;width:19rem;height:3rem;padding-left:2.2rem}.inputTypeDivlForgot{margin-top:.5rem;position:relative;display:inline-block}.imageICon{position:absolute;left:.5rem;top:.7rem}.textResend{font-size:1rem;font-weight:700;color:#386cb5;cursor:pointer}.checkIcon{width:1rem;height:1rem;margin-right:0}.keepMeText{font-size:.9rem}.verifyBtn Button{border-radius:1.9rem;height:2.4rem;padding:.4rem;width:19rem;background-image:linear-gradient(270deg,#386cb5,#669fed);font-size:1rem;font-weight:600}.verifyBtn{padding:1.2rem 0 0}.backText{font-size:.9rem}.backTextColour{color:#386cb5;cursor:pointer;font-weight:600}@media only screen and (min-width:250px)and (max-width:420px){.verifyCard{padding:2rem 4rem 2rem 3rem}}.maininputTypeVerify{margin-top:.5rem;position:relative}.inputStyle{width:3rem!important;text-align:center;border:.75px solid #ddd;box-sizing:border-box;border-radius:.5rem;height:3rem}.popUp-modal-warning .modal-title{text-align:center;color:#000;font:normal normal 600 18px/24px Open Sans}.popUp-modal-warning .modal-content{border-radius:8px;width:360px;margin:auto;background-color:#fff}.popUp-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:0!important}.popUp-modal-warning .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans}.popUp-modal-warning .modal-content .modal-body .confirm-text{font:normal normal 600 14px/19px Open Sans!important;color:#000;margin-bottom:0}.popUp-modal-warning .modal-footer{border:none;justify-content:center;padding-top:0}.popUp-modal-warning .cancelUpgrade-btn{width:101px;height:38px;font:normal normal 600 14px/19px Open Sans}.popUp-modal-warning .showNext-btn{background:transparent linear-gradient(270deg,#5e6ada,#5478db) 0 0 no-repeat padding-box;font:normal normal 600 14px/19px Open Sans;width:118px;height:38px}.academicYearsMainContainer{padding:1rem;width:100%;height:36.5rem;background:#fff;border-radius:.5rem}.addTextBox{padding-right:10px;padding-top:10px}.addTextBox,.addTextBox2{display:flex;flex-direction:column;align-self:center;min-width:100px!important}.addTextBox2{justify-content:center;padding-top:12px}.addClassModalHeaderTitle{font:normal normal 600 18px/24px Open Sans;letter-spacing:0;color:#222;opacity:1}.errormessageRegister{color:#d80f0f!important;float:left!important;font-size:13px!important;margin-bottom:1px!important;font-weight:600;margin-top:4px;line-height:10px;padding-left:2px}.addTextSubBox{display:flex;flex-direction:row;width:-webkit-max-content;width:max-content;cursor:pointer;margin-top:10px}.addTextTitle{font-weight:600;font-size:1rem;color:#222;opacity:1;margin-bottom:0}.addTextSubTitle{font-size:.875rem;color:#386cb5;font-style:italic}.addTextSubTitleImage{padding-left:5px;height:9px;margin-left:3px;position:relative;top:7px}.imageDummyDivProfileInRoster{width:3.125rem;height:3.125rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;text-align:center;cursor:pointer}.profileImageDummyTextRoster{color:#fff;padding-top:27%;text-transform:uppercase}.addRosterSpanText{font-weight:600;font-size:1.2rem;font:Italic 1rem/1.3rem Open Sans;letter-spacing:0;color:#aaa;opacity:1}.addRosterListDiv{width:58rem;height:5rem;padding:1rem;display:inline-flex;border:1px solid #eee;background:hsla(0,0%,96.1%,.6);border-radius:8px;align-items:flex-start;margin-top:1rem}.addRosterImageDiv{margin:0 1.5rem 0 0;cursor:pointer}.imageDummyDiv{width:3.125rem;height:3.125rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;cursor:pointer}.reosterImageDummyText{padding:1.3rem 1.3rem 1rem 1.1rem;color:#fff;text-transform:uppercase}.addRosterImage{width:3.125rem;cursor:pointer}.noRosterDiv{height:6rem;text-align:center;padding-top:32px}.noRosterText{font-weight:600;font-size:1rem;color:#888;cursor:pointer}.rosterListDiv{display:flex;width:calc(100vw - 350px);align-items:center;align-self:center}.rosterListCard{width:17rem!important;height:5rem!important;background:#fff 0 0 no-repeat padding-box;box-shadow:0 2px 6px rgba(0,0,0,.1019607843);border-radius:1rem;display:inline-flex;padding:.5rem;margin:0 1rem 1rem 0;min-width:270px!important;opacity:1}.rosterViewAllButton{width:4.5rem;height:1.5rem;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;border-radius:1.5rem!important;position:absolute;right:0;top:.1rem}.rosterButtonViewText{margin:-.3rem;font-size:.8rem}.rosterProfileDiv{width:50px;margin-right:30px}.rosterProfileDiv .example{border-radius:8px;height:35px;padding:5px 8px}.rosterNameInfoDiv{padding:.2rem .2rem .1rem .1rem;width:100%}.reosterProfileNameText{font-size:.9rem;margin:0;font-weight:600;color:#222;overflow:hidden;width:180px;white-space:nowrap}.rosterProfileInfoDiv{display:inline-flex;margin-top:1rem;justify-content:space-between;width:100%}.rosterProfileInfoText{font-size:.8rem;margin:0;color:#386cb5;cursor:pointer;font-weight:600}.bottomButtonsMainDiv{width:100%;margin-top:1.5rem;grid-template-columns:repeat(6,0fr);flex-wrap:wrap;display:flex}.buttonsMainBox{width:13.75rem;height:6rem;min-width:13.75rem!important;margin-right:1.25rem;margin-bottom:1.25rem;padding:10px}.btnMainDiv{width:100%;display:flex}.btnSubDiv{width:80%;display:flex;flex-direction:column;align-items:baseline}.btnSubDiv2{width:20%;display:flex;flex-direction:row;justify-content:end;align-items:center}.bottomIcon{width:48px;height:48px;margin-top:-5px;margin-left:-5px}.disBottomIcon{width:38px;height:38px}.bottomBtn{width:26px;height:36px;margin-bottom:10px}.bottomBoxText{font-size:14px;color:#222;opacity:1;font-weight:700;margin-top:10px}.attendanceBtn{background:#fbf0ff 0 0 no-repeat padding-box!important;border:.75px solid #b45dd7!important;border-radius:8px!important;opacity:1!important}.attendanceBtn,.disAttendanceBtn{box-shadow:0 0 10px rgba(0,0,0,.1490196078)!important;cursor:pointer}.disAttendanceBtn{background:#f1f1f1 0 0 no-repeat padding-box!important;border:.75px solid #aaa!important;border-radius:8px;opacity:1}.rubricsDashBtn{background:#fff2f7 0 0 no-repeat padding-box!important;border:.75px solid #e04f89;border-radius:8px!important}.formAssesmentBtn,.rubricsDashBtn{box-shadow:0 0 10px rgba(0,0,0,.1490196078)!important;opacity:1!important;cursor:pointer}.formAssesmentBtn{background:#fff4e2 0 0 no-repeat padding-box!important;border:.75px solid #ffbc53!important;border-radius:8px!important}.disFormAssesmentBtn{background:#f1f1f1 0 0 no-repeat padding-box!important;border:.75px solid #aaa!important;border-radius:8px!important}.disFormAssesmentBtn,.gradeBkBtn{box-shadow:0 0 10px rgba(0,0,0,.1490196078)!important;opacity:1!important}.gradeBkBtn{background:#e5faf4 0 0 no-repeat padding-box!important;border:.75px solid #11be9f!important;border-radius:8px!important;cursor:pointer}.disGradeBkBtn{background:#f1f1f1 0 0 no-repeat padding-box!important;box-shadow:0 0 10px rgba(0,0,0,.1490196078)!important;border:.75px solid #aaa!important;border-radius:8px!important;opacity:1!important}.notesBtn{background:#f0f1fd 0 0 no-repeat padding-box;box-shadow:0 0 10px rgba(0,0,0,.1490196078);border:.75px solid #7a81f7;border-radius:8px}.disNotesBtn,.notesBtn{opacity:1;cursor:pointer}.disNotesBtn{background:#f1f1f1 0 0 no-repeat padding-box!important;box-shadow:0 0 10px rgba(0,0,0,.1490196078)!important;border:.75px solid #aaa!important;border-radius:8px}.grpNotesBtn{background:var(--unnamed-color-fae5e5) 0 0 no-repeat padding-box;background:#fae5e5 0 0 no-repeat padding-box;box-shadow:0 0 10px rgba(0,0,0,.1490196078);border:.75px solid #ff6a6a;border-radius:8px;opacity:1;cursor:pointer}.disgrpNotesBtn{background:#f1f1f1 0 0 no-repeat padding-box!important;box-shadow:0 0 10px rgba(0,0,0,.1490196078)!important;border:.75px solid #aaa!important;border-radius:8px;opacity:1;cursor:pointer}.bottomBoxDisText{font-size:14px;color:#aaa;opacity:1;font-weight:700;margin-top:10px}.cursor-pointer{cursor:pointer}.addClassText,.addRosterText{color:#386cb5;font-size:.813rem;font-style:italic;align-self:center;margin-top:1rem}.noClassDiv{border-bottom:1px solid #eee;height:12rem;text-align:center;padding-top:75px}.noClassText{font-weight:600;font-size:1rem;color:#888;cursor:pointer}.classListDiv{display:flex;flex-flow:row wrap;position:relative;overflow:auto;overflow-y:auto;width:calc(100vw - 350px);align-self:center;align-items:center;padding-top:.8rem}.academicListSeprator,.academicListSeprator2{width:1px;height:50px;border-right:2px solid #ddd;align-self:center;margin-left:1rem;margin-right:1rem}.academicListSeprator3{height:20px;border-right:2px solid #aaa;align-self:center;margin-left:5px;margin-right:5px;margin-bottom:20px}.lineSeprator{width:100%;height:1px;border-bottom:2px solid #ddd;margin-top:1.5rem}.addClassListDiv{width:87%;height:auto;min-height:5rem;max-width:101.5rem!important;display:flex;padding:0 1rem;border:1px solid #eee;background:hsla(0,0%,96.1%,.6);border-radius:8px;align-items:flex-start;margin-top:1rem}.addClassImageDiv{margin:0 1.5rem 0 0;cursor:pointer;align-items:center!important;justify-content:center;align-self:center}.classListCard{width:15%;height:3.566rem;margin:0 1rem 1rem 1px;min-width:14rem!important;background:#fff 0 0 no-repeat padding-box;border-radius:.5rem;opacity:1;padding-inline:.5rem;cursor:pointer;outline:1px solid #ddd}.classDetailsDiv{justify-content:space-between;display:inline-flex;width:100%;height:3.566rem;align-items:flex-start;padding:1.1rem .6rem .6rem}.classNameTitle{margin-bottom:.3rem;font-weight:600;font-size:.9rem;color:#222}.classOtherDetails{font-weight:600;color:#888;font-size:.8rem}.classOtherDiv{display:inline-flex;width:100%;margin:.2rem 0 .5rem}.classNoteDiv{width:6.25rem;height:3.8rem;background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box;border-radius:8px;position:relative}.borderRowNote{border-right:1px solid #ddd;padding:0 .6rem 0 0}.NoteDivText{color:#fff;width:100%;padding:.5rem .3rem 0 0}.noteNumberText{font-size:1rem;font-weight:600}.noteNumberText,.noteText{margin:0;text-align:center}.noteText{font-size:.8rem}.classFormativeDiv{width:6.25rem;height:3.8rem;background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box;border-radius:8px;position:relative}.borderRowFormative{border-right:1px solid #ddd;padding:0 .6rem}.formativeDivText{color:#fff;width:100%;padding:.5rem .1rem 0 0}.formativeNumberText{margin:0;font-size:1rem;text-align:center;font-weight:600}.formativeText{text-align:center;font-size:.65rem;margin:-.1rem 0 0}.classGradeBookDiv{width:6.25rem;height:3.8rem;background:transparent linear-gradient(270deg,#08b596,#27d3b4) 0 0 no-repeat padding-box;border-radius:8px;position:relative}.withoutBorderRow{padding:0 .6rem}.gradeDivText{color:#fff;width:100%;padding:.5rem .3rem 0 0}.gradeNumberText{margin:0;font-size:1rem;text-align:center;font-weight:600}.gradeText{margin:0;text-align:center;font-size:.8rem}.forwordArrow{top:1.3rem;font-size:1.2rem;right:0;position:absolute;color:#fff}@media only screen and (min-width:1280px)and (max-width:1806px){.academicListSeprator{width:1px;height:50px;border-right:2px solid #ddd;align-self:center;margin-left:1rem;margin-right:1rem}}@media only screen and (min-width:250px)and (max-width:950px){.addTextTitle{font-size:1rem}.addRosterImage{width:3.125rem}.addRosterImageDiv{width:4rem}.addRosterSpanText{font-size:.8rem}.addRosterListDiv{padding:0 0 1rem}.rosterListDiv{width:calc(100vw - 180px);overflow:scroll}.addClassListDiv{padding:0 0 1rem}.addClassImageDiv{width:4rem}.classListDiv{width:calc(100vw - 180px)}.classDetailsDiv{height:3.566rem}.classNameTitle{font-size:.9rem;margin-bottom:.3rem}.classOtherDetails{font-size:.8rem}.classOtherDiv{margin:.2rem 0 .5rem .1rem}.NoteDivText{padding:.5rem .3rem 0 0}.noteNumberText{font-size:1rem}.noteText{font-size:.8rem}.formativeDivText{padding:.5rem .1rem 0 0}.formativeNumberText{font-size:1rem}.gradeDivText{padding:.5rem .3rem 0 0}.gradeNumberText{font-size:1rem}.gradeText{font-size:.8rem}.forwordArrow{top:1.3rem;font-size:1.2rem}}@media only screen and (min-width:700px)and (max-width:1280px){.academicYearsMainContainer{height:auto}}.saveButtonlessOpac{opacity:.45!important}.ClassRosterModalAY .modal-title{font-size:13px;font-weight:600}.ClassRosterModalAY .modal-header{border-bottom-color:#eee!important;background-color:#fff!important;height:65px!important;align-items:center}.ClassRosterModalAY .modal-header .close{padding:.5rem 1rem;margin:-1rem 0 -1rem auto;opacity:1!important;color:#000!important;margin-top:-17px!important;outline:none}.ClassRosterModalAY .cancelText{font-size:.8rem!important;color:#000!important}.ClassRosterModalAY .closeIconInModal{width:.6rem}.ClassRosterModalAY .modal-content{border-radius:0;border:none}.ClassRosterModalAY .RosterImageMainDiv{width:100%;height:8rem;background-color:#f5f5f5!important;text-align:-webkit-center;padding-top:1.5rem;border-radius:6px}.ClassRosterModalAY .RosterImageMainSelectedDiv{width:100%;height:9rem;background-color:#f5f5f5!important;text-align:-webkit-center;padding-top:1rem;background-size:cover;background-position:50%}.ClassRosterModalAY .RosterImageWhenSelect{width:100%;height:100%;border-radius:10rem}.ClassRosterModalAY .addStudentImageDiv{width:5rem;height:5rem;border-radius:10rem;background:#fff 0 0 no-repeat padding-box;border:1px solid #ddd}.ClassRosterModalAY .cameraIconCss{width:2rem;margin-top:1.5rem;cursor:pointer}.ClassRosterModalAY .loaderIconCss{width:4.5rem;margin-top:1.5rem}.ClassRosterModalAY .RosterImageMainSelectedDiv .changeButton{width:4.2rem;height:1.9rem;background:#000!important;border-radius:1.5rem!important;margin-top:.5rem;opacity:.7;cursor:pointer!important;display:inline-grid}.ClassRosterModalAY .RosterImageMainSelectedDiv .changeButtonText{color:#fff;font-size:10px;font-weight:600;cursor:pointer!important;margin-top:.5px!important}.ClassRosterModalAY .loaderIconCssAlreadySelected{width:2.5rem}.ClassRosterModalAY .allInputMainDiv{padding:0 1.5rem 1rem}.ClassRosterModalAY .studentAddInputDiv{width:100%;margin:1.5rem 1rem 0 0}.ClassRosterModalAY .studentInputLableInfo{color:#000;font-size:1rem;font-weight:700;margin-bottom:0;text-align:left}.ClassRosterModalAY .allInputMainDiv .MuiOutlinedInput-input{height:32px!important;padding-top:7px;padding-bottom:7px;font:normal normal 600 14px/20px Open Sans;color:#222;margin-bottom:0!important}.ClassRosterModalAY .errormessageRegister{color:#d80f0f!important;float:left!important;font-size:13px!important;margin-bottom:1px!important;font-weight:600;margin-top:4px;line-height:10px;padding-left:2px}.ClassRosterModalAY .studentAddInput{border:.75px solid #ddd;box-sizing:border-box;border-radius:.3rem;height:3rem;background:#f4f6fa;width:100%;margin-bottom:0!important}.ClassRosterModalAY .modalButtonClass{width:100%;background:#fff;justify-content:space-between;display:flex;padding:2rem 0 1rem}.ClassRosterModalAY .saveButton{width:5rem!important;height:2.4rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0}.ClassRosterModalAY .saveText{color:#fff;font-size:1rem}.ClassRosterModalAY .addAnotherButton{width:12rem!important;height:2.4rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0}.ClassRosterModalAY .addRosterModalButtonClass .addAnotherButton,.ClassRosterModalAY .addRosterModalButtonClass .saveButton{border-radius:8px!important}.academicMainContainer{background:#f0f0f0;min-height:83vh;padding:0 3rem!important}.addAcademicStart{margin-top:5%}.addAcademicImage{width:5rem;cursor:pointer}.tapToAddText{color:#aaa;font-size:2rem;font-weight:600;margin-top:70px}.imageDummyDivProfile{width:3rem;height:3rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:.5rem;text-align:center;margin-left:.4rem;opacity:.8}.profileImageDummyText{color:#fff;padding-top:26%;text-transform:uppercase}.profileSectionCol{padding:0 0 0 .4rem;width:33.33%;float:left!important;text-align:left}.profileDiv{width:354px;display:inline-flex}.profileImage{width:3rem;height:3rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:.7rem}.profileNameDiv{padding:20.5px 0 0 16px}.profileName{margin:0;font-weight:600;color:#222;color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 16px/22px Open Sans;letter-spacing:0;opacity:1}.profileInfo{font-size:.8rem;margin:0;color:#386cb5;cursor:pointer}.profileForword{height:9px;margin-left:3px}.addNewSectionMain{padding:.5rem 1rem 1rem;display:inline-flex;width:100%;justify-content:space-between}.addNewSectionCol{width:33.33%;padding:1rem 0 0;float:center!important;text-align:center}.progressScoreMainDiv{display:flex;justify-content:space-between}.progressScoreSubDiv{display:flex;flex-direction:column}.sectionSeprator{width:1px;height:40px;border-right:2px solid #ddd;align-self:center;margin-right:1rem}.addNewIcon{height:.8rem;margin-top:.2rem;padding-left:10px}.closeNewIcon{height:1.2rem;padding-left:10px}.addButtonText{color:#fff;font-size:.8rem;padding-right:15px;font-weight:600}.divForScroll{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-top:6px;scrollbar-width:15px!important;height:48px}.divForScroll::-webkit-scrollbar{height:4px}.addNewButton{width:6rem;height:2.4rem!important;border-radius:.5rem!important;padding:.6rem .7rem!important;font-size:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important}.deleteAca-modal-warning .modal-title{text-align:center;color:#fff;font:normal normal 600 18px/24px Open Sans}.deleteAca-modal-warning .modal-content{border-radius:8px;width:360px;margin:auto;background-color:#000}.deleteAca-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:0!important}.deleteAca-modal-warning .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans}.deleteAca-modal-warning .modal-content .modal-body .confirm-text{font:normal normal 600 14px/19px Open Sans!important;color:#fff;margin-bottom:0}.deleteAca-modal-warning .modal-footer{border:none;justify-content:center;padding-top:0}.deleteAca-modal-warning .cancel-btn,.deleteAca-modal-warning .delete-btn{width:101px;height:38px;font:normal normal 600 14px/19px Open Sans}.deleteAca-modal-warning .delete-btn{background:transparent linear-gradient(270deg,#ec4444,#fa6060) 0 0 no-repeat padding-box;border-radius:4px;color:#fff}.progressBarDiv{background-color:#fff!important;margin-right:auto;margin-left:auto;box-shadow:0 1px 3px rgba(34,34,34,.1019607843);border-radius:0 0 8px 8px}.progressSectionCol{padding:.5rem .4rem 0 0;width:33.33%;display:grid;justify-content:end}.progress{height:10px!important;border-radius:1.5rem!important;width:280px;margin:.1rem 0;float:right}.progressbarfirst{width:0;background-image:linear-gradient(45deg,#fd1010 25%,#f96017 50%,#f6ad1e 75%,#40cc3b);box-shadow:inset 0 -2px 5px 0 #fd1010,0,0,.5;animation:change 10s linear infinite}.score_0{color:#fd1010;margin-bottom:0}.score_500{color:#40cc3b;margin-bottom:0}.progressScoreDiv{width:280px;display:inline-flex}.progressbarScoreText{font-size:.8rem;text-align:left;width:100%}.progressbarNoteText{font-size:.8rem;width:50%;text-align:right!important}.totalScore{font-size:.8rem;font-weight:600;margin:0 0 .2rem}.addNoteColor{font-size:1rem;color:#5086d2;cursor:pointer}.academicPaddingDiv{padding:0 1rem}.addNewAcademic{padding:1rem;display:inline-flex;width:100%;border-top:1px solid #eee;opacity:1}.academicTextDiv{width:50rem;font-weight:600;text-align:left;padding:.2rem;position:relative}.academicText{text-align:left;font:normal normal 600 12px/17px Open Sans;letter-spacing:0;color:#222;opacity:1;margin:0!important}.academicYearDiv{width:100%}.notSelectedYear{width:7rem;background:transparent 0 0 no-repeat padding-box;border-radius:8px;padding:.4rem;margin:0 .5rem;cursor:pointer;display:flex;justify-content:center}.notSelectedYear,.popUp-notSelectedYear{float:left;height:2.3rem;opacity:1;text-align:center}.popUp-notSelectedYear{width:6.4rem;padding:.6rem;margin:.313rem;border-radius:7px;background:#fff 0 0 no-repeat padding-box;border:1px solid #eee;cursor:default}.selectedYear{width:7rem;background:#669fed 0 0 no-repeat padding-box;border-radius:8px;padding:.4rem;margin:0 .5rem}.popUp-selectedYear,.selectedYear{float:left;height:2.3rem;opacity:1;text-align:center}.popUp-selectedYear{width:6.4rem;padding:.6rem;margin:.313rem;background:rgba(56,108,181,.1019607843) 0 0 no-repeat padding-box;border:1px solid #386cb5;border-radius:7px;cursor:default}.notSelectedY{float:left;height:2.3rem;width:7rem;background:transparent 0 0 no-repeat padding-box;border-radius:8px;opacity:1;padding:.4rem;margin:0 .5rem;text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.notSelectedY p{margin-bottom:0}.notSelectedY:has(span) p{font-weight:600}.notSelectedYearText{color:rgba(0,0,0,.5019607843);opacity:1;margin-bottom:0}.popUp-notSelectedYearText{font:normal normal normal 12px/17px Open Sans;letter-spacing:0;color:#aaa;opacity:1;margin:0!important}.selectedYearText{padding:0!important;color:#fff;opacity:1;font-weight:600}.popUp-selectedYearText{padding:0!important;color:#fff;font-weight:600;font:normal normal 600 12px/17px Open Sans;letter-spacing:0;color:#386cb5;opacity:1}.currentYearNotSelected{color:#000;font-weight:600;opacity:1;margin-bottom:0!important}.current_year{color:#386cb5;font-size:10px;text-align:center;font-weight:600;margin-top:-14px}.vertical-center{margin:0;position:absolute;top:50%;transform:translateY(-50%)}.academicYearsMainSection{margin:1rem 0}.academicEditSection{display:inline-flex;width:100%}.academicYearDiv{width:600%;text-align:left;overflow-x:auto;white-space:nowrap;overflow:hidden}.academicYearSubDiv{display:flex;flex-direction:row;align-items:center;height:48px}.classListSeprator{width:1px;height:40px;border-right:2px solid #ddd;align-self:center;margin-left:1rem;margin-right:1rem}.academicEditDiv{width:50%;display:flex;align-items:center;justify-content:end;margin-right:10px}.yearsText{font-size:1rem;font-weight:600;color:#222;opacity:1;padding-left:16px}.editDivBlack{color:#222;margin:0 1rem}.deleteDivRed,.editDivBlack{display:inline-flex;cursor:pointer;font-size:.9rem}.deleteDivRed{color:#f44}.editIcon{font-size:1rem}.iconText{font-size:.8rem;margin-left:1px;font-weight:700}@media only screen and (min-width:970px)and (max-width:1030px){.progress,.progressScoreDiv{width:280px!important}.profileDiv{width:300px!important}.addNewSectionCol{text-align:center;padding:0!important}.addNewButton{width:6rem;height:2.4rem!important;border-radius:2rem!important;padding:.6rem!important;font-size:.6rem!important}.addNewIcon{height:.8rem}.addButtonText{margin-left:.5rem;color:#fff;font-size:.8rem;padding-right:15px;font-weight:600}}@media only screen and (min-width:701px)and (max-width:970px){.academicMainContainer{padding:0!important}.academicEditSection{padding:0 .5rem}.addNewSectionMain{padding:1rem .3rem 0}.profileDiv,.progress,.progressScoreDiv{width:250px!important}.addNewSectionCol{text-align:center;padding:0!important}.addNewIcon{height:.8rem}.addNoteColor,.progressbarNoteText,.totalScore{font-size:.8rem}.profileNameDiv{padding:.5rem 0 0 .5rem}.profileImage{width:3rem;margin-top:0}.profileInfo,.profileName{font-size:.8rem}.imageDummyDivProfile{margin-top:0}}@media only screen and (min-width:470px)and (max-width:700px){.academicMainContainer{padding:0!important}.addNewSectionMain{padding:.5rem 1rem 0;display:block}.profileSectionCol{padding:0 0 0 .4rem;display:initial;float:none!important}.profileDiv{margin:1rem!important}.addNewSectionCol{width:100%;padding:0!important;display:initial;float:none!important;margin-top:2rem}.buttonDiv{margin:25px;width:100%}.academicEditSection{padding:0 .5rem}.progressSectionCol{padding:.5rem .4rem 0 0;display:grid;display:initial;margin-top:2rem}.progress,.progressSectionCol{width:100%;float:none!important}.progress{display:inline-flex!important}.progressScoreDiv{width:100%}.imageDummyDivProfile{margin-top:0}}@media only screen and (min-width:250px)and (max-width:469px){.academicMainContainer{padding:0!important}.addNewAcademic{display:block}.imageDummyDivProfile{margin-top:0}.addNewSectionMain{padding:.5rem 1rem 0;display:block}.profileSectionCol{padding:0 0 0 .4rem;width:100%;display:initial;float:none!important}.profileDiv{margin:1rem!important;width:100%}.addNewSectionCol{width:100%;padding:.5rem 0 0;display:initial;float:none!important;margin-top:2rem}.buttonDiv{margin:25px;width:100%}.progressSectionCol{padding:.5rem .4rem 0 0;display:grid;display:initial;margin-top:2rem}.progress,.progressSectionCol{width:100%;float:none!important}.progress{display:inline-flex!important}.progressScoreDiv{width:100%}.academicYearDiv{text-align:left;display:inline-flex;overflow:scroll;overflow-y:scroll;width:calc(100vw - 100px)}.notSelectedYear,.selectedYear{min-width:100px}.academicEditSection{padding:0 .5rem}}.academicPopOver .bs-popover-auto[x-placement^=left]>.arrow:after,.bs-popover-left>.arrow:after{border-left-color:#fff!important}.academicPopOver .popover{width:20rem;padding:0 0 1rem!important;border-radius:11px!important;width:15.3rem!important;margin-left:41px}.academicPopOver .popover-header{height:2.5rem!important;font-size:1rem!important;background:transparent linear-gradient(180deg,#639ae6,#3d71bb) 0 0 no-repeat padding-box;color:#fff;text-align:center;border-top-left-radius:calc(.6rem - 1px)!important;border-top-right-radius:calc(.6rem - 1px)!important}.academicPopOver .popover-body{padding:0!important}.academicPopOver .editInputDiv{text-align:center}.academicPopOver .editYearInputType{width:15rem!important}.academicPopOver .notSelectedYearPopover{cursor:pointer;background:#fff 0 0 no-repeat padding-box;border:1px solid #eee;border-radius:7px}.academicPopOver .notSelectedYearPopover,.academicPopOver .selectedYearPopover{float:left;height:2.3rem;width:6.4rem;opacity:1;padding:.6rem;margin:.3rem;text-align:center}.academicPopOver .selectedYearPopover{background:rgba(56,108,181,.1019607843) 0 0 no-repeat padding-box;border:1px solid #386cb5;border-radius:7px}.academicPopOver .notSelectedYearTextPopover{letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-aaaaaa);font:normal normal normal 12px/17px Open Sans;letter-spacing:0;color:#aaa;opacity:1}.academicPopOver .selectedYearTextPopover{padding:0!important;color:#fff;font-weight:600;font:normal normal 600 12px/17px Open Sans;letter-spacing:0;color:#386cb5;opacity:1}.academicPopOver .popoverList{height:146px;width:244px;overflow-y:scroll;padding:.6rem;grid-template-columns:repeat(1,0fr);flex-wrap:wrap;display:flex;overflow:hidden}.academicPopOver .updateButton{width:7rem;height:2rem;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;border-radius:7px!important;margin:.6rem 1rem 0 0}.academicPopOver .updateButtonText{margin:-.3rem}.academicPopOver .editYearInputUpdateType{width:92%!important;height:2.4rem;margin-top:.5rem;padding-left:.4rem;background:#f4f6fa;margin-bottom:.2rem;border:.1rem solid #ccc;border-radius:.3rem;outline:none;font-size:12px}.academicPopOver ::-webkit-input-placeholder{color:#ccc!important}.academicPopOver .afterDate{color:#000;border:.1rem solid #000}.academicPopOver .inputMaskUpdateParentDiv{display:inline-flex;width:100%;border-bottom:1px solid #eee;padding-bottom:.3rem}.academicPopOver .inputMaskUpdateDiv{width:100%;padding:0 .3rem}.academicPopOver .errormessageUpdate{color:#d80f0f!important;float:left!important;font-size:12px!important;margin-bottom:1px!important}.schltchr{display:none!important}.RosterMainContainer-RD{background:#f0f0f0;height:100%;padding:0 3rem}.positionRelative-RD{position:relative;width:10rem}.vertical-center-roster{margin:0;position:absolute;top:50%;transform:translateY(-50%)}.noRoster-RD{height:100vh}.imageDummyRosterProfile-RD{width:3.75rem;height:3.75rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;margin-left:.75rem;opacity:.8;display:flex;justify-content:center;align-items:center}.rosterProfileImageText-RD{color:#fff;margin:0!important;text-transform:uppercase;cursor:default}.rosterYearMainDiv-RD{width:100%;height:80px;background:#fff;justify-content:space-between;display:flex;padding:1rem;border-radius:0 0 8px 8px}.rosterYearBackDiv-RD{display:flex;width:5rem;height:3rem;cursor:pointer;border-right:2px solid rgba(0,0,0,.1);align-items:center}.attRosterYearDiv-RD{display:flex;flex-direction:row;width:200px;justify-content:center;align-items:baseline;padding-top:6px}.attClassGrade-RD{color:#487fcc;margin-bottom:20px;font-size:1rem;font-weight:600;text-align:left;cursor:pointer}.attClassGrade2-RD{color:#222;font-size:1.25rem;font-weight:600;text-align:left;cursor:default}.rosterForIcon-RD{color:#487fcc;position:relative;top:6px}.RosterYearText-RD{margin:0;float:left;width:160px;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-22) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#222;opacity:.4}.RosterYearSortNameText-RD{font-size:.9rem;font-weight:600;width:5rem;padding-top:8px;margin:0 0 0 10px}.addNewRoster-RD{margin:.1rem .2rem}.addNewRoster-RD,.importRoster-RD{width:120px!important;height:45px!important;border-radius:.5rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;align-items:center;justify-content:center!important;font-size:.6rem!important}.importRoster-RD{margin:.1rem .2rem .1rem 1rem}.addNewRosterIcon-RD{width:.9rem;margin-top:.1rem}.btnContainer-RD{width:5rem;height:2.4rem;display:flex;border:.75px solid #ddd;border-radius:5px 5px 5px 5px;overflow:hidden;margin:0 20px}.gridViewBtn-RD{width:50%!important;height:100%!important;padding:.6rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.6rem!important;cursor:pointer}.gridViewBtnIcon-RD{width:1.188rem;height:1rem}.listViewBtn-RD{width:50%!important;height:100%!important;padding:.6rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.6rem!important;cursor:pointer}.listViewBtnIcon-RD{width:1.188rem;height:1rem}.buttonText-RD{color:#fff;font-size:.9rem;margin-left:.5rem}.LoadButtonText-RD{color:#fff;font-size:.8rem;margin-left:.3rem;font-weight:600}.demoDiv{float:right;justify-content:end}.totalStudentMainDiv{width:100%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;background:#fff;display:flex;padding:1rem;margin-top:1rem;border-radius:.5rem;flex-flow:row}.totalStudentMainDiv .filterSortByDiv{display:flex;border-right:2px solid rgba(0,0,0,.25);width:9.5%;align-items:center}.totalStudentMainDiv .filterSortByDiv .totalStudentsDiv-RD .RosterYearSortNameText-RD{font-size:.9rem;font-weight:600;width:5rem;padding-top:8px;margin:0 0 0 10px}.totalStudentDiv-RD{position:relative;width:10rem}.totalStudentText{font-size:.9rem;font-weight:600;width:10rem;margin:.5rem 0 0}.rosterfilterDiv-RD{display:flex}.rosterfilterDiv2-RD{display:flex;border-right:2px solid rgba(0,0,0,.1);padding-right:15px;margin-right:15px;align-items:baseline}.searchFilter-RD{width:18.75rem;height:2.25rem;border:.75px solid #ddd;border-radius:18px;float:left;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:15px;margin-top:2px;background:#f4f6fa 0 0 no-repeat padding-box}.searchFilterIcon-RD{width:14px;height:14px;cursor:pointer;color:#386cb5;margin-right:10px;margin-top:2px}.searchFilterInputBox-RD{margin:0;font-style:italic;font-size:12px;color:#222;opacity:1!important;width:70%;height:100%;background:transparent 0 0 no-repeat padding-box}.searchFilterInputBox-RD .MuiInputBase-input{font:inherit;font-size:13px!important;color:currentColor;width:100%;border:0;height:.8876em!important;margin:0;display:block;padding-top:9px!important;min-width:0;background:none;box-sizing:initial;animation-name:mui-auto-fill-cancel;letter-spacing:inherit;animation-duration:10ms;-webkit-tap-highlight-color:rgba(0,0,0,0)}.listAll-RD{border:1px solid #ccc;border-radius:8px}.listAll-RD,.listAllActiveBlueBtn-RD{width:4.375rem;height:2rem;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center}.listAllActiveBlueBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.firstName-RD{border:1px solid #ccc;border-radius:8px!important}.firstName-RD,.firstNameBlueActiveBtn-RD{width:5.625rem!important;height:2rem!important;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.firstNameBlueActiveBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.lastName-RD{border:1px solid #ccc;border-radius:8px!important}.lastName-RD,.lastNameBlueActiveBtn-RD{width:5.625rem!important;height:2rem!important;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.lastNameBlueActiveBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.listAllText-RD{color:#000;cursor:pointer!important}.listAllActiveText-RD,.listAllText-RD{font-size:.8rem;padding:1rem 0 0 .1rem}.listAllActiveText-RD{color:#fff;cursor:pointer}.myRosterDiv-RD{height:2rem!important;border:1px solid #ccc;border-radius:8px!important}.myRosterDiv-RD,.myRosterDivBlueActiveBtn-RD{width:4.5rem!important;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.myRosterDivBlueActiveBtn-RD{height:2rem;background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.sharedRosterDiv-RD{border:1px solid #ccc;border-radius:8px}.sharedRosterDiv-RD,.sharedRosterDivBlueActiveBtn-RD{width:6.875rem;height:2rem;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.sharedRosterDivBlueActiveBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.totalStudentSearchDiv-RD{width:100%;background:#fff;justify-content:space-between;display:flex;padding:.5rem;margin-top:1rem;border-radius:.5rem}.totalStudentSearchDiv-RD .searchInput{border:none!important;width:100%}.totalStudentSearchDiv-RD .closeIconSearch-RD{width:.5rem;cursor:pointer;margin:1rem .5rem 0 0}.totalStudentSearchDiv-RD .searchIconDiv-RD{padding:0 .5rem!important}.totalStudentSearchDiv-RD .searchStudentdiv-RD{width:92%!important;height:29px!important;margin-top:.5rem!important;padding-left:0!important;background:transparent;margin-bottom:.5rem!important;border:none!important;border-radius:.3rem!important;font-style:italic!important;display:inline-flex;float:left}.totalStudentSearchDiv-RD input.middle:focus{outline-width:0!important}.totalStudentSearchDiv-RD .searchIcon-RD{color:grey!important}.totalStudentSearchDiv-RD .searchStudent-RD{background:transparent!important;border:none!important;width:100%!important}.totalStudentSearchDiv-RD input{outline:none}.panels-div-RD{margin-top:15px}.panels-div-RD .addGroupPanel{font:normal normal 600 14px/19px Open Sans;color:#222;margin:35px 0 0;text-align:-webkit-center}.panels-div-RD .addGroupPanel .mt--28{margin-top:-28px;width:150px;background:#f0f0f0;cursor:pointer}.panels-div-RD .addGroupPanel hr{border-top:1px solid #aaa}.panels-div-RD .addGroupPanel .addGroupIcon{margin-right:6px}.panels-div-RD .addGroupPanel label{cursor:pointer}.panels-div-RD .MuiExpansionPanelSummary-content{background:#aaa;height:1px}.panels-div-RD .MuiExpansionPanelSummary-root .Mui-expanded{min-height:1px}.panels-div-RD .MuiPaper-elevation1{box-shadow:none}.panels-div-RD .MuiExpansionPanel-root.Mui-expanded{margin:0}.panels-div-RD .MuiCollapse-container{background:#f0f0f0}.panels-div-RD .MuiExpansionPanelSummary-root{background-color:#f0f0f0;min-height:48px!important}.panels-div-RD .MuiExpansionPanel-root:before{display:none}.panels-div-RD .confirm-text{font:normal normal normal 16px/22px Open Sans}.panels-div-RD .MuiTypography-body1-RD{width:100%;text-align:-webkit-center}.panels-div-RD .MuiTypography-body1-RD .title{margin-top:-10px;background:#f0f0f0;width:150px;font:normal normal 600 14px/19px Open Sans;color:#222}.panels-div-RD .MuiTypography-body1-RD .title .groupName{width:160px;margin-top:-19px;padding:8px}.panels-div-RD .MuiTypography-body1-RD .w-166{width:165px}.panels-div-RD .MuiTypography-body1-RD .action{float:right;margin-top:-24px;background:#f0f0f0}.panels-div-RD .MuiTypography-body1-RD .action img{margin-left:12px}.panels-div-RD .MuiTypography-body1-RD .actionCircle{float:right;margin-top:-40px;background:#f0f0f0}.panels-div-RD .MuiTypography-body1-RD .actionCircle img{margin-left:0!important}.panels-div-RD .MuiExpansionPanelSummary-expandIcon{position:absolute;left:0;background:#f0f0f0}.panels-div-RD .MuiIconButton-label .MuiSvgIcon-root{border-radius:20px;color:#fff;width:18px;height:18px;background:#aaa 0 0 no-repeat padding-box}.panels-div-RD .MuiPaper-root .MuiButtonBase-root .MuiAccordionSummary-expandIcon{position:absolute;left:0}.panels-div-RD .MuiPaper-root .MuiButtonBase-root{background:#f0f0f0}.panels-div-RD .MuiPaper-root .MuiButtonBase-root .MuiAccordionSummary-content{background:#aaa;height:1px}.panels-div-RD .MuiAccordion-root:before{background-color:#f0f0f0}.panels-div-RD .detail-section-RD{background:#f0f0f0;display:block;overflow-y:scroll;height:255px!important}.panels-div-RD .detail-section-RD .row{width:100%}.panels-div-RD .StudentProfiles-RD{border-radius:0 6px 6px 0;padding:7.5px}.panels-div-RD .StudentProfiles-RD .card-body{padding:10px;min-height:90px;max-height:90px}.panels-div-RD .StudentProfiles-RD .closeMediaIcon{position:absolute;background:red;border-radius:20px;right:-6px;top:-7px;cursor:pointer}.panels-div-RD .StudentProfiles-RD .profile-RD{text-align:left}.panels-div-RD .StudentProfiles-RD .profile-RD .img-RD,.panels-div-RD .StudentProfiles-RD .profile-RD .withImg-RD{width:3.125rem;height:3.125rem;box-shadow:.0625rem .125rem .1875rem rgba(0,0,0,.1019607843);border-radius:50rem}.panels-div-RD .StudentProfiles-RD .profile-RD .img-RD{background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;float:left;display:flex;justify-content:center;margin:10px 10px auto}.panels-div-RD .StudentProfiles-RD .profile-RD .img-RD .profile-img{width:3.125rem!important;height:3.125rem!important;border-radius:50%!important}.panels-div-RD .StudentProfiles-RD .profile-RD .details-RD{max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panels-div-RD .StudentProfiles-RD .profile-RD .details-RD [data-title]{font-size:.7rem;cursor:pointer;margin-bottom:0!important;font:normal normal normal .875rem/1.188rem Open Sans}.panels-div-RD .StudentProfiles-RD .profile-RD .details-RD [data-title]:hover:before{content:attr(data-title);bottom:-40px;padding:5px;background:#000;color:#fff;font-size:.7rem;word-wrap:break-word;width:220px}.panels-div-RD .StudentProfiles-RD .profile-RD .details-RD .name-RD{font:normal normal 600 1rem/1.375rem Open Sans;color:#222;text-overflow:ellipsis!important;max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panels-div-RD .StudentProfiles-RD .profile-RD .details-RD .mail-RD{font:normal normal normal .875rem/1.188rem Open Sans;color:#777}.panels-div-RD .StudentProfiles2-RD{border-radius:0 6px 6px 0;padding:7.5px}.panels-div-RD .StudentProfiles2-RD .card-body{padding:10px;min-height:90px;max-height:90px}.panels-div-RD .StudentProfiles2-RD .closeMediaIcon{position:absolute;background:red;border-radius:20px;right:-6px;top:-7px;cursor:pointer}.panels-div-RD .StudentProfiles2-RD .profile-RD{text-align:left}.panels-div-RD .StudentProfiles2-RD .profile-RD .img-RD,.panels-div-RD .StudentProfiles2-RD .profile-RD .withImg-RD{width:3.125rem;height:3.125rem;box-shadow:.0625rem .125rem .1875rem rgba(0,0,0,.1019607843);border-radius:50rem}.panels-div-RD .StudentProfiles2-RD .profile-RD .img-RD{background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;float:left;display:flex;justify-content:center;margin:10px 10px auto}.panels-div-RD .StudentProfiles2-RD .profile-RD .img-RD .profile-img{width:3.125rem!important;height:3.125rem!important;border-radius:50%!important}.panels-div-RD .StudentProfiles2-RD .profile-RD .details-RD{max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panels-div-RD .StudentProfiles2-RD .profile-RD .details-RD [data-title]{font-size:.7rem;cursor:pointer;margin-bottom:0!important;font:normal normal normal .875rem/1.188rem Open Sans}.panels-div-RD .StudentProfiles2-RD .profile-RD .details-RD [data-title]:hover:before{content:attr(data-title);bottom:-40px;padding:5px;background:#000;color:#fff;font-size:.7rem;word-wrap:break-word;width:220px}.panels-div-RD .StudentProfiles2-RD .profile-RD .details-RD .name-RD{font:normal normal 600 1rem/1.375rem Open Sans;color:#222;max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panels-div-RD .StudentProfiles2-RD .profile-RD .details-RD .mail-RD{font:normal normal normal .875rem/1.188rem Open Sans;color:#777}.panels-div-RD .actionBtn{width:40px;height:40px;border-radius:20px;padding:0;margin-right:10px}.panels-div-RD .actionBtn img{margin-top:-2px;margin-left:0!important}.panels-div-RD .cancel{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box}.panels-div-RD .save{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box}.panels-div-RD .marginGroup-RD{margin:10px 75px auto}.StudentProfiles-RD{width:103.5%;margin-left:-22px;margin-top:1rem;padding-left:22px;display:flex;flex-wrap:wrap;justify-content:flex-start}.studentCardMain-RD{width:100%;margin-bottom:1.25rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);padding:.1rem .3rem}.studentCardMain2-RD,.studentCardMain-RD{height:5rem;background:#fff 0 0 no-repeat padding-box;border-radius:.5rem;opacity:1}.studentCardMain2-RD{width:98.5%;margin:0 1.5rem 1.25rem 0;box-shadow:0 1px 3px rgba(34,34,34,.1019607843)}.studentDetailsCard-RD{width:100%;height:5.3rem;display:inline-flex;padding:.5rem 0 0;position:relative;bottom:30px}.studentDetailsCard2-RD{width:100%;height:5rem;display:flex;justify-content:space-between;align-items:center;position:relative;bottom:30px}.studentDetailSubDiv-RD{display:flex;flex-direction:row;width:40%;align-items:baseline}.studentDetailSubDiv-RD .studentEmail-RD{margin:0;font-size:14px!important;text-overflow:ellipsis!important;max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studentDetailSubDiv2{display:flex;flex-direction:row;width:60%;align-items:baseline;justify-content:end}.studentProfileDiv-RD{display:flex;flex-direction:row;width:55%;align-items:center}.studentProfileImageDiv-RD{width:4rem}.studentProfileImage-RD{width:3.75rem;height:3.75rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-left:.75rem}.studentTextInfoDiv-RD{text-align:left;padding-top:7px;padding-left:15px}.studentTextInfoDiv-RD [data-title]{font-size:.7rem;position:relative;cursor:pointer;margin-bottom:0!important;text-overflow:ellipsis!important}.studentTextInfoDiv-RD [data-title]:hover:before{content:attr(data-title);position:absolute;bottom:-40px;padding:5px;background:#000;color:#fff;font-size:.7rem;word-wrap:break-word;width:220px}.studentTextInfoDiv-RD .studentEmailDiv2-RD{display:flex;align-items:end;padding-bottom:2px;text-overflow:ellipsis}.studentTextInfoDiv-RD .studentEmail-RD{margin:0;font-size:14px!important;text-overflow:ellipsis}.studentTextInfoDiv2-RD{text-align:left;padding-left:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.studentTextInfoDiv2-RD [data-title]{font-size:.7rem;position:relative;cursor:pointer;margin-bottom:0!important}.studentTextInfoDiv2-RD [data-title]:hover:before{content:attr(data-title);position:absolute;bottom:-40px;padding:5px;background:#000;color:#fff;font-size:.7rem;word-wrap:break-word;width:220px}.studentTextInfoDiv2-RD .studentEmailDiv2-RD{display:flex;align-items:end;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.studentTextInfoDiv2-RD .studentEmailDiv2-RD .studentEmail-RD{margin:0;font-size:14px!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.studentTextInfoDiv2-RD .studentName-RD{margin:0;font-size:1rem;font-weight:600;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:95%}.classSharedViewOnlyDiv-RD{width:8rem;height:1.2rem;border:.5px solid #4479c4;border-radius:16px;margin:.2rem 0 0;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:rgba(88,143,220,.1019607843) 0 0 no-repeat padding-box}.classViewOnlyText-RD{margin-top:.1rem;font-size:.6rem;color:#4479c4}.classViewOnlyDiv-RD{width:4rem;height:1.2rem;border:.5px solid #4479c4;border-radius:16px;margin:.2rem 0 0;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:rgba(88,143,220,.1019607843) 0 0 no-repeat padding-box}.studentName-RD{margin:0;font-size:1rem;font-weight:600;color:#222}.viewOnlyButton{width:4rem;height:1rem;border:.5px solid #4479c4;border-radius:16px;margin:.2rem 0 0;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:rgba(88,143,220,.1019607843) 0 0 no-repeat padding-box}.viewOnlyText{margin:0;font-size:.6rem;color:#4479c4}.studentMenuIcon-RD{position:absolute;top:24px;right:0;font-size:1.5rem;cursor:pointer;background:transparent}.studentOptionDiv-RD{padding:.5rem .5rem 0;display:flex;flex-direction:column;justify-content:space-between}.studentOptionDiv2-RD{padding:0 .5rem 0 0;display:flex;justify-content:space-between}.optionsDiv-RD{margin-left:.9rem;padding-right:.45rem!important;border-right:2px solid rgba(0,0,0,.15)}.optionsDiv2-RD,.optionsDiv-RD{width:4rem;height:3.7rem;padding-top:.6rem;cursor:pointer}.optionsDiv2-RD{margin:0 .1rem}.tapToAddText-RD{color:#aaa;font-size:2rem;font-weight:600;margin-top:70px}.addAcademicImage-RD{width:5rem;cursor:pointer}.optionBtnDiv-RD{width:3.9rem;height:3.8rem;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.attOptionBtn-RD{margin:6px;background:transparent linear-gradient(270deg,#ad54d1,#cb7aeb) 0 0 no-repeat padding-box}.noteOptionBtn-RD{margin:6px;background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box}.classOptionBtn-RD{margin:6px;background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box}.lessonPlanOptionBtn-RD{margin:6px;background:transparent linear-gradient(286deg,#f48329,#f99a2a) 0 0 no-repeat padding-box}.rubricOptionBtn-RD{margin:6px;background:transparent linear-gradient(270deg,#c94276,#dd5d93) 0 0 no-repeat padding-box}.gradebookOptionBtn-RD{margin:6px;background:transparent linear-gradient(270deg,#08b596,#27d3b4) 0 0 no-repeat padding-box}.shareOptionBtn{margin:6px;background:transparent linear-gradient(270deg,#4479c4,#669fed) 0 0 no-repeat padding-box}.profileOptionBtn-RD{margin:6px;border:1px solid #4e84d0!important}.deleteOptionBtn-RD{margin:6px;border:1px solid #f44!important}.classOptionDiv{background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box}.classOptionDiv,.noteOptionDiv{width:3.9rem;height:3.7rem;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.noteOptionDiv{background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box}.gradebookOptionDiv{background:transparent linear-gradient(270deg,#08b596,#27d3b4) 0 0 no-repeat padding-box}.gradebookOptionDiv,.shareOptionDiv-RD{width:3.9rem;height:3.7rem;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.shareOptionDiv-RD{background:transparent linear-gradient(270deg,#4479c4,#669fed) 0 0 no-repeat padding-box}.optionIcons-RD{width:1.2rem;color:red}.optionText-RD{font-size:.6rem;font-weight:600;margin-top:.3rem;color:#fff}.disShareOptionDiv-RD{width:3.9rem;height:3.7rem;background:transparent linear-gradient(270deg,#4479c4,#669fed) 0 0 no-repeat padding-box;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:default!important;opacity:.5!important}.optionGreadeBookIcons-RD{width:1.8rem}.optionGreadeBookText{color:#fff;font-size:.6rem;font-weight:600;margin-top:.5rem}.deleteStudentCard-RD{width:15.2rem;height:9.2rem;margin:.8rem 0 .5rem;background:#000 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;float:left;padding:1rem;text-align:-webkit-center;opacity:.9}.deleteText-RD{color:#fff;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.deleteWorningText-RD{color:#fff;font-weight:600;font-size:.7rem}.deleteButtonsDiv-RD{width:100%;justify-content:space-between;display:flex;padding:0 2rem}.cancelButtonText-RD{color:#fff;font-weight:600;font-size:.9rem;padding-top:.5rem;cursor:pointer}.deleteButton-RD{width:5rem!important;height:2.3rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#ec4444,#fa6060) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0;border-color:#ec4444!important}.deleteButtonText-RD{color:#fff;font-size:.9rem;font-weight:600}.modal.right .modal-dialog{position:fixed;margin:auto;width:320px;height:103%;transform:translateZ(0)!important}.modal.right .modal-content{height:calc(100% - 90px);overflow-y:auto}.modal.right .modal-body{padding:0;background:#fff}.modal.right.fade .modal-dialog{top:106px;transition:opacity .3s linear,right .3s ease-out!important}.modal.right .modal-dialog{width:422px;right:-47px}.close,.modal-header .close{opacity:none!important}.modal.right.fade.show .modal-dialog{right:0}.ClassRosterModal .modal-title{font-size:13px;font-weight:600}.ClassRosterModal .modal-header{border-bottom-color:#eee!important;background-color:#fff!important;height:52px!important}.ClassRosterModal .modal-header .close{padding:.5rem 1rem;margin:-1rem 0 -1rem auto;opacity:1!important;color:#000!important;margin-top:-5px!important;outline:none}.ClassRosterModal .cancelText{font-size:.8rem!important;color:#000!important}.ClassRosterModal .closeIconInModal{width:.6rem;margin-top:-3px}.ClassRosterModal .modal-content{border-radius:0;border:none}.ClassRosterModal .RosterImageMainDiv{width:100%;height:8rem;background-color:#f5f5f5!important;text-align:-webkit-center;padding-top:1.5rem;border-radius:6px}.ClassRosterModal .RosterImageMainSelectedDiv{width:100%;height:9rem;background-color:#f5f5f5!important;text-align:-webkit-center;padding-top:1rem;background-size:cover;background-position:50%}.ClassRosterModal .RosterImageWhenSelect{width:100%;height:100%;border-radius:10rem}.ClassRosterModal .addStudentImageDiv{width:5rem;height:5rem;border-radius:10rem;background:#fff 0 0 no-repeat padding-box;border:1px solid #ddd}.ClassRosterModal .cameraIconCss{width:2rem;margin-top:1.5rem;cursor:pointer}.ClassRosterModal .loaderIconCss{width:4.5rem;margin-top:1.5rem}.ClassRosterModal .RosterImageMainSelectedDiv .changeButton{width:4.2rem;height:1.9rem;background:#000!important;border-radius:1.5rem!important;margin-top:.5rem;opacity:.7;cursor:pointer!important;display:inline-grid}.ClassRosterModal .RosterImageMainSelectedDiv .changeButtonText{color:#fff;font-size:10px;font-weight:600;cursor:pointer!important;margin-top:.5px!important}.ClassRosterModal .loaderIconCssAlreadySelected{width:2.5rem}.ClassRosterModal .allInputMainDiv{padding:0 1.5rem 1rem}.ClassRosterModal .studentAddInputDiv{width:100%;margin:1.5rem 1rem 0 0}.ClassRosterModal .studentInputLableInfo{color:#000;font-size:1rem;font-weight:700;margin-bottom:0;text-align:left}.ClassRosterModal .allInputMainDiv .MuiOutlinedInput-input{height:32px!important;padding-top:7px;padding-bottom:7px;font:normal normal 600 14px/20px Open Sans;color:#222;margin-bottom:0!important}.ClassRosterModal .errormessageRegister{color:#d80f0f!important;float:left!important;font-size:13px!important;margin-bottom:1px!important;font-weight:600;margin-top:4px;line-height:10px;padding-left:2px}.ClassRosterModal .studentAddInput{border:.75px solid #ddd;box-sizing:border-box;border-radius:.3rem;height:3rem;background:#f4f6fa;width:100%;margin-bottom:0!important}.ClassRosterModal .modalButtonClass{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem 0}.ClassRosterModal .saveButton{width:5rem!important;height:2.4rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0}.ClassRosterModal .saveText{color:#fff;font-size:1rem}.ClassRosterModal .addAnotherButton{width:12rem!important;height:2.4rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0}.ClassRosterModal .addRosterModalButtonClass .addAnotherButton,.ClassRosterModal .addRosterModalButtonClass .saveButton{border-radius:8px!important}.uploadDocHeaderDiv{display:inline-flex;justify-content:space-between;width:100%}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto;opacity:1!important;color:#000!important;margin-top:-2px!important;outline:none}.uploadNodeDiv{text-align:left;background:#f5f5f5;padding:1rem;width:100%;position:absolute;bottom:0}.uploadNoteText{margin:0;font-size:.8rem}.checkbozCircle{height:1rem;width:1rem;border-radius:10rem;border:.1rem solid #ddd;text-align:-webkit-center;padding-top:3px;cursor:pointer;display:flex;justify-content:center}.checkbozCircleSelected{height:.5rem;width:.5rem;border-radius:10rem;background-color:#386cb5}.selectMainDivforUpload{display:flex;padding:1rem 0 0;width:100%;justify-content:center}.selectOptionInTag{width:8.7rem;height:9rem;border:1px solid #ddd;text-align:-webkit-center;padding:.5rem;margin:.5rem;border-radius:8px}.selectoptionUploadImage{width:2.7rem;margin:.7rem 0 .6rem}.selectoptionUploadImageforDrop{width:2.3rem;margin:.7rem 0}.autharizedButton{width:4.5rem!important;height:1.4rem!important;border-radius:2rem!important;padding:.2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.6rem 0 .1rem}.autharizedText{color:#fff;font-size:.65rem}.logoutButton{width:4.5rem!important;height:1.4rem!important;border-radius:2rem!important;padding:.2rem!important;background:transparent!important;border:none!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:-.3rem 0 .1rem}.logoutButton:focus{outline:none!important;box-shadow:none!important}.logoutText{color:#ec4444;font-size:.65rem;font-weight:600}.loginEmailText{color:#222;font-size:.65rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis}.selectTagText{color:#222;font-size:.85rem;margin:0;font-weight:600}.importRosterButton{width:4.5rem!important;height:1.7rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin-top:-8px}.importRosterText-RD{color:#fff;font-size:1rem;margin-top:-6px}.popoverDelete .popoverOptions{display:inline-flex;padding:.5rem}.popoverDelete .editpopOver{display:inline-flex;color:#000;cursor:pointer;padding:0 0 .5rem}.popoverDelete .editTextPopOver{font-size:.8rem}.popoverDelete .deletePopOver{display:inline-flex;color:#f44;cursor:pointer;padding:.5rem 0 0}.popoverDelete .deleteTextPopOver{font-size:.9rem}.popoverDelete .bs-popover-auto[x-placement^=left]>.arrow:after,.popoverDelete .bs-popover-left>.arrow:after{border-left-color:#fff!important}.popoverDelete .popover{width:19rem!important;border-radius:11px!important;height:15rem;padding:.2rem!important}.popoverDelete .editRosterIcon{font-size:1.3rem}.popoverDelete .disDeletePopOver{display:inline-flex;color:#f44;cursor:default!important;padding:.5rem 0 0;opacity:.5}.academicPopOver-RD .popover{width:20rem;padding:0!important;border-radius:11px!important;width:16rem!important}.academicPopOver-RD .popover-header{height:2.5rem!important;font-size:1rem!important;background:transparent linear-gradient(180deg,#639ae6,#3d71bb) 0 0 no-repeat padding-box;color:#fff;text-align:center;border-top-left-radius:calc(.6rem - 1px)!important;border-top-right-radius:calc(.6rem - 1px)!important}.academicPopOver-RD .popover-body{padding:0!important}.academicPopOver-RD .editInputDiv-RD{text-align:center}.academicPopOver-RD .editYearInputType{width:15rem!important}.academicPopOver-RD .notSelectedYearPopover{border:1px solid #888;border-radius:8px;padding:.4rem;cursor:pointer}.academicPopOver-RD .notSelectedYearPopover,.academicPopOver-RD .selectedYearPopover{float:left;height:2rem;width:6.5rem;background:#fff 0 0 no-repeat padding-box;opacity:1;margin:.3rem;text-align:center}.academicPopOver-RD .selectedYearPopover{border:.5px solid #ccc;border-radius:8px;padding:.3rem}.academicPopOver-RD .notSelectedYearTextPopover{color:#222;font-size:.8rem}.academicPopOver-RD .selectedYearTextPopover{color:#ccc;font-size:.8rem}.academicPopOver-RD .popoverList{height:208px;overflow:hidden;overflow-y:scroll;padding:0 .6rem}.academicPopOver-RD .updateButton{width:7rem;height:2rem;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;border-radius:1.5rem!important;margin:.6rem 1rem 0 0}.academicPopOver-RD .updateButtonText{margin:-.3rem}.academicPopOver-RD .editYearInputUpdateType{width:92%!important;height:2.4rem;margin-top:.5rem;padding-left:.4rem;background:#f4f6fa;margin-bottom:.2rem;border:.1rem solid #ccc;border-radius:.3rem;outline:none;font-size:12px;font-style:italic}.academicPopOver-RD ::-webkit-input-placeholder{color:#ccc!important}.academicPopOver-RD .afterDate{color:#000;border:.1rem solid #000}.academicPopOver-RD .inputMaskUpdateParentDiv-RD{display:inline-flex;width:100%;padding-bottom:.3rem}.academicPopOver-RD .inputMaskUpdateDiv-RD{width:100%}.academicPopOver-RD .errormessageUpdate{color:#d80f0f!important;float:left!important;font-size:12px!important;margin-bottom:1px!important}.delete-modal-warning .delete-btn{border-radius:8px}@media only screen and (min-width:250px)and (max-width:590px){.RosterMainContainer-RD{padding:0}.rosterfilterDiv-RD{width:100%}.rosterYearMainDiv-RD{padding:.5rem .1rem}.totalStudentMainDiv{padding:.2rem .1rem}}@media only screen and (min-width:250px)and (max-width:900px){.modal.right.fade .modal-dialog{top:123px}}.studentCardResponsiveMain{width:100%;height:10.5rem;margin:0 0 2rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;float:left;padding:.1rem .3rem}.loadMoreRoster-RD{width:8rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .2rem}.select-DriveFile-modal{margin-top:3rem}.select-DriveFile-modal .modal-title{font:normal normal 600 1rem/1.375rem Open Sans!important}.select-DriveFile-modal .modal-content{height:35rem!important}.select-DriveFile-modal .importDriveLoader{height:100px;width:190px;margin-top:30%}.select-DriveFile-modal .file_listDiv{width:100%;height:40px;margin-top:13px;justify-content:space-between;display:flex;border-bottom:1px solid #eee}.select-DriveFile-modal .modal-header{padding:.8rem 1rem 0;border-bottom:none;border-radius:.5rem}.select-DriveFile-modal .modal-list-body{height:25rem!important;overflow:auto!important}.select-DriveFile-modal textarea{font:normal normal normal .875rem/1.188rem Open Sans}.select-DriveFile-modal .selectedText{color:#41cc3b;font-weight:600}.select-DriveFile-modal .unSelectedText{font-weight:600;cursor:pointer}.select-DriveFile-modal .modal-footer{justify-content:center;border-top:none;padding-top:0}.select-DriveFile-modal .modal-footer button{width:5rem;height:5rem;border-radius:1.25rem;padding:0}.select-DriveFile-modal .modal-footer button img{margin-top:-.1875rem;margin-left:.0625rem}.select-DriveFile-modal .modal-content{border-radius:.5rem;background:#fff!important}.select-DriveFile-modal .modalcancleTagButton{width:2.3rem!important;height:2.3rem!important;background:transparent linear-gradient(270deg,#ec4444,#fa6060) 0 0 no-repeat padding-box;border-color:#ec4444!important}.select-DriveFile-modal .modalcancleTagButton,.select-DriveFile-modal .modalSaveTagButton{border-radius:2rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important}.select-DriveFile-modal .modalSaveTagButton{width:2rem!important;height:2rem!important;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;margin:0;border-color:#23bf1d!important}.select-DriveFile-modal .checkBoxSelect{color:#386cb5}.select-DriveFile-modal .checkBoxSelect,.select-DriveFile-modal .unCheckBoxSelect{cursor:pointer;font-size:1rem;margin-top:.5rem;margin-right:.2rem}.select-DriveFile-modal .selectoptionUploadFolder{width:2rem;margin:0 .5rem 0 0}.select-DriveFile-modal .fileName{margin-top:.6rem}.select-DriveFile-modal .driveBackIcon{font-size:1.3rem;cursor:pointer}.select-DriveFile-modal .cursor{cursor:pointer}.select-DriveFile-modal .inline-Path{display:inline-flex;height:30px}.select-DriveFile-modal .selectFileCursor{display:inline-flex!important;cursor:pointer!important}.rst-refresh-section-RD{min-height:3.75rem}.rst-refresh-section-RD .card-body{padding:1rem}.rst-filterRow-RD{justify-content:space-between}.rst-desc-search-col-RD{float:left;display:flex;max-width:700px!important}.rst-total-student-RD{width:165px;float:left!important;padding-top:8px;border-right:2px solid rgba(0,0,0,.25);font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-22) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 15px/22px Open Sans;letter-spacing:0;color:#222;opacity:.4}.rst-sort-by-col-RD{display:flex;float:right;direction:row;justify-content:flex-end;align-items:center}@media screen and (min-width:1275px)and (max-width:1470px){.searchSearchStylediv{width:92%}.rst-desc-search-col-RD{max-width:40%!important}.totalNoteSearchDiv{width:63%}.desc-search-col{max-width:420px!important}.rst-sort-by-col-RD{min-width:60%!important}.note-dashboard-dropdown-container{right:35px}.rst-total-student-RD{width:260px}.searchFilterInputBox-RD{margin:0;font-style:italic;font-size:12px;color:#222;opacity:1!important;width:72%;height:100%;background:transparent 0 0 no-repeat padding-box}.searchFilterInputBox-RD .MuiInputBase-input{font:inherit;font-size:11px!important;color:currentColor;width:100%;border:0;height:.8876em!important;margin:0;display:block;padding-top:9px!important;min-width:0;background:none;box-sizing:initial;animation-name:mui-auto-fill-cancel;letter-spacing:inherit;animation-duration:10ms;-webkit-tap-highlight-color:rgba(0,0,0,0)}.studentEmailDiv2-RD{display:flex;align-items:end;padding-bottom:2px;text-overflow:ellipsis;width:165px;word-wrap:break-word}}@media screen and (min-width:1300px)and (max-width:1350px){.searchSearchStylediv{width:92%}.rst-desc-search-col-RD{max-width:40%!important}.totalNoteSearchDiv{width:63%}.desc-search-col{max-width:420px!important}.rst-sort-by-col-RD{min-width:60%!important}.note-dashboard-dropdown-container{right:35px}.btnContainer-RD{width:9.8rem;height:2.4rem;display:flex;border:.75px solid #ddd;border-radius:5px 5px 5px 5px;overflow:hidden;margin:0 15px}}@media screen and (min-width:1536px)and (max-width:1745.45px){.StudentProfiles-RD{width:103%;margin-left:-22px;margin-top:1rem;padding-left:27px;padding-right:3px;display:flex;flex-wrap:wrap;justify-content:flex-start}.rst-total-student-RD{width:280px}.rst-desc-search-col-RD{float:left;display:flex;max-width:580px!important}.searchFilter-RD{width:29.75rem;height:2.25rem;border:.75px solid #ddd;border-radius:18px;float:left;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:15px;margin-top:2px;background:#f4f6fa 0 0 no-repeat padding-box}.btnContainer-RD{width:8rem;height:2.4rem;display:flex;border:.75px solid #ddd;border-radius:5px 5px 5px 5px;overflow:hidden;margin:0 15px}.myRosterDiv-RD{height:2rem!important;border:1px solid #ccc;border-radius:8px!important}.myRosterDiv-RD,.myRosterDivBlueActiveBtn-RD{width:4.5rem!important;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.myRosterDivBlueActiveBtn-RD{height:2rem;background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.studentTextInfoDiv-RD{text-align:left;padding-top:7px;padding-left:15px;max-width:65%!important}.studentTextInfoDiv-RD .studentName-RD{font-size:1rem;font-weight:600;color:#222}.studentTextInfoDiv-RD .studentEmail-RD,.studentTextInfoDiv-RD .studentName-RD{margin:0;text-overflow:ellipsis!important;max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studentTextInfoDiv-RD .studentEmail-RD{font-size:14px!important}.studentEmailDiv2-RD{display:flex;align-items:end;padding-bottom:2px;text-overflow:ellipsis;width:230px;word-wrap:break-word}}@media only screen and (min-width:1275px)and (max-width:1350px){.rst-desc-search-col-RD{max-width:40%!important}.rst-total-student-RD{width:345px}.btnContainer-RD{width:9.2rem;height:2.4rem;display:flex;border:.75px solid #ddd;border-radius:5px 5px 5px 5px;overflow:hidden;margin:0 15px}.searchFilter-RD{width:70%;height:2.25rem;border:.75px solid #ddd;border-radius:18px;float:left;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:15px;background:#f4f6fa 0 0 no-repeat padding-box}.totalStudentMainDiv{width:100%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;background:#fff;display:flex;padding:1rem;margin-top:1rem;border-radius:.5rem;flex-flow:row}.totalStudentMainDiv .filterSortByDiv{display:flex;border-right:2px solid rgba(0,0,0,.25);width:14%;align-items:center}.totalStudentMainDiv .RosterYearSortNameText-RD{font-size:.9rem;font-weight:600;width:4rem;padding-top:8px;margin:0 0 0 10px}.totalStudentMainDiv .rosterfilterDiv2-RD{display:flex;border-right:2px solid rgba(0,0,0,.25);padding-right:6px;margin-right:6px}.searchFilterIcon-RD{width:14px;height:14px;cursor:pointer;color:#386cb5;margin-right:5px;margin-left:-2px;margin-top:2px}.studentTextInfoDiv-RD{text-align:left;padding-top:7px;padding-left:15px;max-width:62%!important}.studentTextInfoDiv-RD .studentName-RD{font-size:1rem;font-weight:600;color:#222}.studentTextInfoDiv-RD .studentEmail-RD,.studentTextInfoDiv-RD .studentName-RD{margin:0;text-overflow:ellipsis!important;max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studentTextInfoDiv-RD .studentEmail-RD{font-size:14px!important}.firstName-RD{border:.5px solid #222;border-radius:8px!important}.firstName-RD,.firstNameBlueActiveBtn-RD{width:5rem!important;height:2rem!important;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.firstNameBlueActiveBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.lastName-RD{border:.5px solid #222;border-radius:8px!important}.lastName-RD,.lastNameBlueActiveBtn-RD{width:5rem!important;height:2rem!important;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.lastNameBlueActiveBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.listAll-RD{border:.5px solid #222;border-radius:8px}.listAll-RD,.listAllActiveBlueBtn-RD{width:3.375rem;height:2rem;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.listAllActiveBlueBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.myRosterDiv-RD{border:1px solid #ccc;border-radius:8px!important}.myRosterDiv-RD,.myRosterDivBlueActiveBtn-RD{width:4rem!important;height:2rem!important;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.myRosterDivBlueActiveBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.sharedRosterDiv-RD{border:.5px solid #222;border-radius:8px}.sharedRosterDiv-RD,.sharedRosterDivBlueActiveBtn-RD{width:5.625rem;height:2rem;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.sharedRosterDivBlueActiveBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.listAllText-RD{color:#000}.listAllActiveText-RD,.listAllText-RD{font-size:11px!important;padding:1rem 0 0 .1rem;cursor:pointer}.listAllActiveText-RD{color:#fff}.studentEmail-RD{margin:0;font-size:14px!important;text-overflow:ellipsis!important;overflow:hidden}.studentDetailSubDiv-RD{display:flex;flex-direction:row;width:35%;align-items:baseline}}@media only screen and (min-width:1351px)and (max-width:1469px){.rst-total-student-RD{width:300px}.btnContainer-RD{width:8.75rem;height:2.4rem;display:flex;border:.75px solid #ddd;border-radius:5px 5px 5px 5px;overflow:hidden;margin:0 15px}.searchFilter-RD{width:68%;height:2.25rem;border:.75px solid #ddd;border-radius:18px;float:left;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:15px;background:#f4f6fa 0 0 no-repeat padding-box}.searchFilterInputBox-RD{margin:0;font-style:italic;font-size:12px;color:#222;opacity:1!important;width:70%;height:100%;background:transparent 0 0 no-repeat padding-box}.searchFilterInputBox-RD .MuiInputBase-input{font:inherit;font-size:13px!important;color:currentColor;width:100%;border:0;height:.8876em!important;margin:0;display:block;padding-top:9px!important;min-width:0;background:none;box-sizing:initial;animation-name:mui-auto-fill-cancel;letter-spacing:inherit;animation-duration:10ms;-webkit-tap-highlight-color:rgba(0,0,0,0)}.studentTextInfoDiv-RD{text-align:left;padding-top:7px;padding-left:15px;max-width:63%!important}.studentTextInfoDiv-RD .studentName-RD{font-size:1rem;font-weight:600;color:#222}.studentTextInfoDiv-RD .studentEmail-RD,.studentTextInfoDiv-RD .studentName-RD{margin:0;text-overflow:ellipsis!important;max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studentTextInfoDiv-RD .studentEmail-RD{font-size:14px!important}.firstName-RD{border:.5px solid #222;border-radius:8px!important}.firstName-RD,.firstNameBlueActiveBtn-RD{width:5rem!important;height:2rem!important;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.firstNameBlueActiveBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.lastName-RD{border:1px solid #ccc;border-radius:8px!important}.lastName-RD,.lastNameBlueActiveBtn-RD{width:5rem!important;height:2rem!important;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.lastNameBlueActiveBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.listAll-RD{border:1px solid #ccc;border-radius:8px}.listAll-RD,.listAllActiveBlueBtn-RD{width:4.375rem;height:2rem;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.listAllActiveBlueBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.myRosterDiv-RD{border:1px solid #ccc;border-radius:8px!important}.myRosterDiv-RD,.myRosterDivBlueActiveBtn-RD{width:4.5rem!important;height:2rem!important;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.myRosterDivBlueActiveBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.sharedRosterDiv-RD{border:1px solid #ccc;border-radius:8px}.sharedRosterDiv-RD,.sharedRosterDivBlueActiveBtn-RD{width:5.625rem;height:2rem;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.sharedRosterDivBlueActiveBtn-RD{background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.listAllText-RD{color:#000}.listAllActiveText-RD,.listAllText-RD{font-size:11px!important;padding:1rem 0 0 .1rem;cursor:pointer}.listAllActiveText-RD{color:#fff}.StudentProfiles-RD{width:103.3%;margin-left:-22px;margin-top:1rem;padding-left:27px;padding-right:3px;display:flex;flex-wrap:wrap;justify-content:flex-start}}@media only screen and (min-width:1400px)and (max-width:1469px){.btnContainer-RD{width:8.75rem;height:2.4rem;display:flex;border:.75px solid #ddd;border-radius:5px 5px 5px 5px;overflow:hidden;margin:0 20px}}@media screen and (min-width:1470px)and (max-width:1536px){.rst-desc-search-col-RD{max-width:530px!important}.rst-sort-by-col-RD{min-width:651px!important}.rst-total-student-RD{width:350px}.btnContainer-RD{width:9.75rem;height:2.4rem;display:flex;border:.75px solid #ddd;border-radius:5px 5px 5px 5px;overflow:hidden;margin:0 15px}.searchFilter-RD{width:30.75rem!important;height:2.25rem;border:.75px solid #ddd;border-radius:18px;float:left;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:15px;margin-top:2px;background:#f4f6fa 0 0 no-repeat padding-box}.myRosterDivBlueActiveBtn-RD{height:2rem;background-color:#386bb5!important;border:.5px solid #386bb5!important;color:#fff!important;border-radius:8px!important}.myRosterDiv-RD,.myRosterDivBlueActiveBtn-RD{width:4.5rem!important;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center;cursor:pointer}.myRosterDiv-RD{height:2rem!important;border:1px solid #ccc;border-radius:8px!important}.studentTextInfoDiv-RD{text-align:left;padding-top:7px;padding-left:15px;max-width:65%!important}.studentTextInfoDiv-RD .studentName-RD{font-size:1rem;font-weight:600;color:#222}.studentTextInfoDiv-RD .studentEmail-RD,.studentTextInfoDiv-RD .studentName-RD{margin:0;text-overflow:ellipsis!important;max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studentTextInfoDiv-RD .studentEmail-RD{font-size:14px!important}.StudentProfiles-RD{width:103.2%;margin-left:-22px;margin-top:1rem;padding-left:27px;padding-right:3px;display:flex;flex-wrap:wrap;justify-content:flex-start}.studentEmailDiv2-RD{display:flex;align-items:end;padding-bottom:2px;text-overflow:ellipsis;width:230px;word-wrap:break-word}}@media screen and (min-width:1745px)and (max-width:1921px){.StudentProfiles-RD{width:102.8%;margin-left:-22px;margin-top:1rem;padding-left:27px;padding-right:3px;display:flex;flex-wrap:wrap;justify-content:flex-start}.studentTextInfoDiv-RD{text-align:left;padding-top:7px;padding-left:15px;max-width:70%!important}.studentTextInfoDiv-RD .studentName-RD{font-size:1rem;font-weight:600;color:#222}.studentTextInfoDiv-RD .studentEmail-RD,.studentTextInfoDiv-RD .studentName-RD{margin:0;text-overflow:ellipsis!important;max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studentTextInfoDiv-RD .studentEmail-RD{font-size:14px!important}.studentEmailDiv2-RD{display:flex;align-items:end;padding-bottom:2px;text-overflow:ellipsis;width:45%;word-wrap:break-word}}.lmb{border-radius:9px!important}.importdrivebtn{width:100px!important;height:38px!important;font-size:1rem!important;border-radius:8px!important}.groupRosterPopover{background-color:#fff;z-index:999;position:absolute;border:1px solid rgba(0,0,0,.2);border-radius:11px;top:0;left:45px}.groupRosterPopover .studentOptionDiv-RD{padding-bottom:.5rem}.groupRosterPopover .arrow{border:1px solid rgba(0,0,0,.2);left:-8px;z-index:10}.groupRosterPopover .arrow,.groupRosterPopover .arrow-cover{width:15px;height:15px;transform:rotate(45deg);position:absolute;top:10px}.groupRosterPopover .arrow-cover{left:-7px;border:3px solid transparent;background:#fff;z-index:30}.groupRosterPopover .optionBtnDiv-RD{display:flex;flex-direction:column;align-items:center;justify-content:center}.groupRosterPopover .optionBtnDiv-RD p{margin-bottom:0}.groupRosterPopover .shareOptionDiv-RD{display:flex;flex-direction:column;align-items:center;justify-content:center}.groupRosterPopover .shareOptionDiv-RD p{margin-bottom:0}.studentMainContainer{background:#f0f0f0;height:100%;overflow-x:hidden}.NoValueDiv{height:5rem;padding:2rem}.NotAvaliable{font-size:1.5rem;font-weight:600;color:hsla(0,0%,73.3%,.7333333333)}.studentProfileSectionDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem 3rem}.studentProfileInputTypeAdContact .MuiOutlinedInput-input{padding:0}.studentProfileDiv{text-align:left}.studentDummyDivProfile{width:7rem;height:7rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center}.studentImageDummyText{color:#fff;padding-top:35%;font-size:2rem;text-transform:uppercase}.studentProfileimage{width:7rem;height:7rem;border-radius:10rem}.studentEditButton{width:7rem!important;height:2rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.5rem 1rem}.studentButtonBorderRadius{border-radius:8px!important}.objectFitCover{object-fit:cover}.studentEditIcon{font-size:1rem}.studentEditText{color:#fff;font-size:.8rem}.studentProfileName{color:#222;font-size:1.2rem;font-weight:600;margin:1rem 0 0}.studentProfileEmail{font-size:.8rem}.linkWithText{color:#386cb5;-webkit-text-decoration-line:underline;text-decoration-line:underline;cursor:pointer}.mainQRDiv{text-align:center}.QRImage{height:8rem}.studentProfileMainNote{color:#000;font-size:1rem;font-weight:600;margin-bottom:.3rem}.studentProfileNote{font-size:.8rem}.additionalContactMainDiv{width:100%;padding:1rem}.additionalContactMainDiv .studentButtonBorderRadius{border-radius:8px!important}.additionalContactMainTextDiv{width:100%;justify-content:space-between;display:flex}.additionalContactText{color:#222;font-weight:600;font-size:1.3rem;padding-top:.8rem}.addButtonforContacts{width:8rem;height:2.4rem;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.5rem 1rem}.addContactButtonIcon{font-size:1.5rem}.addContactsText{font-size:1rem;font-weight:600}.additionalCOntactCardMainDiv{width:100%;padding:1rem;overflow-y:hidden;overflow:auto;border-radius:.3rem;display:flex;flex-wrap:wrap;justify-content:center}.additionalCard{width:25rem;height:9rem;margin:0 1rem 1rem 0;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;float:left;padding:.1rem .3rem}.additionalCardInfo{width:100%;justify-content:space-between;border-bottom:1px solid #ddd;height:5.5rem;display:inline-flex;padding:1rem .5rem 0}.additionalNameInfoText{color:#000;font-size:1.2rem;font-weight:600;margin-bottom:.3rem}.additionalEmailInfoText,.additionalRelationInfoText{color:#aaa;font-size:1rem}.sharedStatusButton{width:7rem;height:2rem;border:.5px solid #4479c4;border-radius:16px;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:rgba(88,143,220,.1019607843) 0 0 no-repeat padding-box;margin:-.2rem 0 0}.sharedStatusText{margin-top:.2rem;font-size:.9rem;color:#4479c4}.activeStatusButton{width:7rem;height:2rem;border:.5px solid #fab700;border-radius:16px;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:rgba(250,183,0,.1019607843) 0 0 no-repeat padding-box;margin:-.2rem 0 0}.activeStatusText{margin-top:.2rem;font-size:.9rem;color:#fab700}.linkedStatusButton{width:7rem;height:2rem;border:.5px solid #23bf1d;border-radius:16px;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#e8f4e8 0 0 no-repeat padding-box;margin:-.2rem 0 0}.linkedStatusText{margin-top:.2rem;font-size:.9rem;color:#23bf1d}.additionalCardAction{width:100%;justify-content:space-between;display:inline-flex;padding:1rem .5rem 0}.editDivBlackAdditional{display:inline-flex;color:#222;margin:0 1rem;cursor:pointer}.deleteDivRedAdditional{display:inline-flex;color:#f44;cursor:pointer}.editIconAdditional{font-size:1.4rem}.additionalInfoMainDiv{width:100%;padding:1rem}.additionalInfoMainDiv .studentButtonBorderRadius{border-radius:8px!important}.additionalInfoCardMainDiv{width:100%;padding:1rem;background:#fff;overflow-y:hidden;overflow:auto;border-radius:.3rem;display:flex;flex-wrap:wrap;justify-content:center}.yellowCard{width:24rem;height:9rem;margin:0 1rem 1rem 0;background:transparent linear-gradient(270deg,#ffe996,#f8db6e) 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;padding:.1rem .3rem}.yellowCardAction{width:100%;justify-content:space-between;border-bottom:1px solid #f9dc70;height:3rem;display:inline-flex;padding:1rem .5rem 0}.yellowCardTextDiv{padding:5px;overflow-y:hidden;overflow:auto;height:5rem}.yelloCardText{color:#222;font-size:.9rem;font-weight:600;text-align:left;word-wrap:break-word}.modalNW-justify-center{justify-content:center!important;padding-top:2rem!important}.linkModalMain{background:#fff;overflow:auto;border-radius:1rem!important}.linkModalHeader{width:100%;text-align:center}.linkModalHeadind{font-size:1.5rem;font-weight:600}.linkRelationShipText{font-size:1.2rem;font-weight:600}.linkRelationShipDiv{width:100%;text-align:center}.linkButtonforSelect{width:6rem;height:2.4rem;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.5rem 1rem}.linkSelectedText{font-size:1rem;font-weight:600}.linkButtonforUnSelect{width:6rem;height:2.4rem;border-radius:2rem!important;background:transparent!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.5rem 1rem}.linkUnSelectedText{font-size:1rem;font-weight:600;color:#386cb5}.linkChechBoxDiv{display:inline-flex;margin-top:1rem}.linkCheckBoxColor{color:#386cb5;cursor:pointer;margin-right:.5rem}.linkMainDivForCenter{width:100%;text-align:-webkit-center;margin-top:1rem}.linkCancelButtonDiv{width:20rem;justify-content:space-between;display:flex;padding:0 4rem}.linkCancelButton{color:#386cb5;font-weight:600;font-size:1rem;padding-top:.5rem;cursor:pointer}.linkSubmitButton{width:6rem!important;height:2.3rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0;border-color:#386cb5!important;cursor:pointer}.linkSubmitButtonText{color:#fff;font-size:1rem;font-weight:600}.mainFieldDivAdditionalModal{width:100%;justify-content:space-between;display:inline-flex;padding-bottom:.5rem;border-bottom:1px solid #ddd}.inputFieldLabelDiv{padding-top:1.9rem}.inputFieldLabelText{margin:0;font-weight:600;font-size:1rem}.inputFieldAdditionalModal{margin:0;width:70%}.textAreaDiv{width:100%;text-align:center;margin:0 0 2rem}.textAreaCss{border:.75px solid #ddd;box-sizing:border-box;border-radius:.3rem;height:10rem;padding-left:.5rem;background:#f4f6fa;width:100%}.studentEditSaveButtonDiv .studentButtonBorderRadius{border-radius:8px!important}@media only screen and (min-width:250px)and (max-width:590px){.studentProfileSectionDiv{padding:1rem .5rem;display:block}.studentProfileDiv{text-align:center}.mainQRDiv{text-align:-webkit-center;margin-top:2rem!important}.additionalContactMainDiv{padding:.1rem}.addButtonforContacts{width:7rem;height:2.2rem}.addContactButtonIcon{font-size:1.2rem}.addContactsText{font-size:.9rem}.additionalContactText{font-size:.9rem;margin-left:.5rem}.NotAvaliable{font-size:1rem}.additionalCard{width:100%}.additionalInfoMainDiv{padding:.1rem}.yellowCard{width:100%}.inputFieldLabelDiv{padding-top:1.9rem}.inputFieldAdditionalModal{margin:0;width:60%}.inputFieldLabelText{margin:0;font-size:.8rem}.textAreaCss{width:100%}}.RosterEnrolledContainer{background:#f0f0f0;height:100%;overflow-x:hidden;padding:0 4rem 1rem}.RosterEnrolledHeading{font-size:1.2rem;font-weight:700}.enrolledToRosterMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem}.enrolledToRosterBackDiv{display:flex;padding:1rem;background:#eee;width:20rem;cursor:pointer}.enrolledToRosterText{margin:0;font-size:1rem;font-weight:600;text-align:left}.enrolledBackIcon{font-size:1.5rem}.studentOptionDivEnrolled{display:inline-flex}.classOptionDivEnrolled{width:3.9rem;height:3.5rem;background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box;border-radius:8px;margin:0 .1rem;padding-top:.6rem;opacity:.5}.noteOptionDivEnrolled{background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box}.gradebookOptionDivEnrolled,.noteOptionDivEnrolled{width:3.9rem;height:3.5rem;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.gradebookOptionDivEnrolled{background:transparent linear-gradient(270deg,#08b596,#27d3b4) 0 0 no-repeat padding-box}.shareOptionDivEnrolled{width:3.9rem;height:3.5rem;background:transparent linear-gradient(270deg,#4479c4,#669fed) 0 0 no-repeat padding-box;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.optionIconsEnrolled{width:1.5rem}.optionTextEnrolled{color:#fff;font-size:.7rem;font-weight:600;margin-top:.3rem}.optionGreadeBookIconsEnrolled{width:2rem}.optionGreadeBookTextEnrolled{color:#fff;font-size:.6rem;font-weight:600;margin-top:.4rem}.rosterClassListMain{width:100%;margin-top:1rem}.rosterClassHeadingDiv{width:100%;height:3rem;background-color:#669fed;justify-content:space-between;display:flex;padding:.5rem 1rem;border-radius:.3rem}.rosterClassText{color:#fff;font-weight:600;font-size:1rem;margin-top:.3rem}.rosterClassEditIcon{color:#fff;font-weight:600;font-size:1.2rem}.rosterClassEditText{color:#fff;font-size:1rem;margin-left:.5rem}.rosterUpdateButton{width:4rem!important;height:2rem!important;border-radius:2rem!important;background:#fff!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important}.rosterButtonText{color:#386cb5;font-weight:600;font-size:.8rem}.rosterClassCancelText{color:#fff;font-size:.8rem;margin-left:.5rem;cursor:pointer}.rosterClassDetails{width:100%;padding:0 1rem}.rosterClassDetailsParent{width:100%;background-color:#fff;padding:.5rem 1rem}.rosterClassDetailsListMain{width:100%;justify-content:space-between;display:flex}.rosterClassDateText{color:#000;font-weight:600;font-size:1rem}.rosterClassDetailsMain{width:100%;border-bottom:1px solid #ddd}.rosterClassDetailsLastMain{width:100%}.rosterClassDetailsText{color:#888;font-size:.8rem;text-align:left}.inputMainDivFOrInline{display:inline-flex}.levelTextWithINput{color:#000}.horizantalLine,.levelTextWithINput{margin-top:3px;margin-left:1px;margin-right:10px;font-weight:600;font-size:1rem}.horizantalLine{color:#ddd}.levelInput{border:.75px solid #ddd;box-sizing:border-box;border-radius:.3rem;height:2rem;padding-left:.5rem;background:#f4f6fa;width:6rem}@media only screen and (min-width:250px)and (max-width:650px){.RosterEnrolledContainer{padding:0 .5rem}.enrolledToRosterMainDiv,.inputMainDivFOrInline{display:block}.enrolledToRosterBackDiv{padding:1rem;background:#eee;width:100%}.horizantalLine{display:none}.rosterClassDetailsParent{padding:.5rem}}.RosterShareContainer{background:#f0f0f0;height:100%;overflow-x:hidden}.teacherMainDiv{padding:1rem;display:inline}.teacherCard{height:7rem;width:24rem;background-color:#fff;border-radius:1rem;display:inline-flex;padding:1rem 0 0;margin:1rem 0;position:relative}.teacherProfileImageDiv{width:6rem}.teacherShareProfileImage{width:5rem;height:5rem}.teacherShareCheckBoxDiv{right:2rem;top:2.7rem}.checkbozCircleTeacherShare{height:1.3rem;width:1.3rem}.checkbozCircleSelectedTeacherShare{height:.7rem;width:.7rem}.closeIconPermissionModal{width:.8rem;margin-top:-.2rem}.permissionText{font-weight:600}.selectOptionInTeacherShareType{width:10rem;border:1px solid #ddd}.selectoptionShareTeacherImage{margin:1rem 0}.teacherMainDiv{width:17rem!important}.teacherProfileImageDiv{width:3.125rem;height:3.125rem}.teacherShareProfileImage{background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box}.close{display:flex;outline:none}@media only screen and (min-width:250px)and (max-width:790px){.teacherCard{height:6rem;width:19rem}.teacherShareProfileImage{width:4rem;height:4rem}.teacherShareTextInfoDiv{text-align:left;margin:.4rem}.teacherProfileImageDiv{width:3.5rem!important;height:3.4rem!important}.teacherShareCheckBoxDiv{top:2.1rem}.teacherShareName{font-size:.9rem}.teacherShareEmail{font-size:.7rem}}.iFrameContainer{background:url(/static/media/PepperyMedium.f7e59bd6.gif) 50% no-repeat;background-color:#e9e9e9}.CaroContainer{border:12px solid #e9e9e9}.CaroContainer .caroWraper{background-size:466px 314px!important;box-shadow:none!important;height:400px}.CaroContainer .caroWraper .caroSubContainer{transform:translateX(calc(-100% - 20px))!important}.CaroContainer .caroWraper .caroSubContainer .caroSlotBox{background-size:466px 314px!important;flex-basis:100%!important;height:300px}.CaroContainer .caroWraper .caroSubContainer .caroSlotBox div{height:399px;background-size:contain;background-repeat:no-repeat;background-position:50%}.CaroContainer button{background-color:#386cb5!important;border:none!important}.CaroContainer .caroSubContainerTransform{transform:none!important}.CaroContainer .caroSubContainerTransform .caroSlotBox{background-size:466px 314px!important;flex-basis:100%!important;height:300px}.CaroContainer .caroSubContainerTransform .caroSlotBox div{height:399px;background-size:contain;background-repeat:no-repeat;background-position:50%}.studentnotetimelinemodalContent .modal-content{width:460px!important}.createNewNoteBtn,.createNewNoteBtn:hover{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box!important}.createNewNoteBtnGotIt:hover{background-color:#fff!important}.delete-modal-warning .delete-btn{background:transparent linear-gradient(270deg,#ec4444,#fa6060) 0 0 no-repeat padding-box}.adv-note .card-header{background-color:#f8dc72!important;height:35.91px!important}.eyeBtnSvg svg{fill:#000}.transcribe_para_pre{text-align:left;font:normal normal normal 14px/20px Open Sans!important;letter-spacing:0;color:#222!important}.editNoteCommentCardBtn{background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box;border-radius:8px;font:normal normal normal 14px/19px Open Sans!important;width:100px;height:40px}.adv-note-div{padding-right:0!important;padding-left:15px!important;max-width:32.9%!important}.adv-note .card-body{margin-left:0!important}.timeline-section-div .otherCommentBoxes{margin-right:0!important;margin-left:0!important}.verticalTimelineExpanded .vertical-timeline-element--work .vertical-timeline-element-icon{left:3.777rem}@media only screen and (max-width:1536px){.btn-element-icon{left:83px!important}.vertical-timeline-element-content .vertical-timeline-element-date{left:-16%}.miscellaneous-div button{margin-left:6rem}.btn-element-content-arrow{left:93px!important}}.noAttachementText{color:#aaa;font-size:1rem;font-weight:600}.noteMainContainer{background:#f0f0f0;height:100%}.pr{position:relative}.b-6{bottom:5px}.mb-13{margin-bottom:15px}.noteMainContainer .btn:focus,.noteMainContainer a:focus{outline:none!important;box-shadow:none!important}.modal-backdrop.show{opacity:.75!important}.modal-dialog{justify-content:center!important;display:flex}.left-section{padding-right:.4375rem!important}.right-section{padding-left:.4375rem!important}.back-btn{background-color:#eee!important;border-radius:.25rem;width:100%;text-align:left!important;color:#222!important;border:none!important;font-weight:600!important;font:normal normal 600 1rem/1.375rem Open Sans;height:3.125rem}.class-btn{background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box;border-radius:.5rem;opacity:1;border:none!important;width:100%;text-align:center;font:normal normal 600 .875rem/1.188rem Open Sans!important;letter-spacing:0;color:#fff;min-height:2.813rem}.noRoster .selfAddMisc{background:#386bb5 0 0 no-repeat padding-box!important}.noRoster .selfAddMisc,.noRoster .selfAddMisc-dis{width:10.63rem;height:2.125rem;border-radius:.3125rem;opacity:1;font:normal normal 700 .75rem/1.063rem Open Sans!important;border:none;color:#fff;align-items:center;justify-content:center;margin-top:10px}.noRoster .selfAddMisc-dis{cursor:default!important;background:transparent linear-gradient(270deg,#aec7ea,#b6cae6) 0 0 no-repeat padding-box!important}.gradebook-btn{background:transparent linear-gradient(270deg,#08b596,#27d3b4) 0 0 no-repeat padding-box;border-radius:.5rem;opacity:1;border:none!important;width:100%;text-align:center;font:normal normal 600 .875rem/1.188rem Open Sans!important;letter-spacing:0;color:#fff;min-height:2.813rem}.noteOptionIcons{width:1.2rem;height:1.2rem;margin-right:.55rem}.back-btn .fa-chevron-left{margin-right:.625rem}.profile-card{text-align:left}.profile-card-attachments{margin-top:1.25rem;text-align:left}.profile-card-img{width:3.125rem;height:3.125rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:.0625rem .125rem .1875rem rgba(0,0,0,.1019607843);border-radius:50rem;float:left;margin-right:1rem;margin-bottom:6px}.profile-img{width:3.125rem!important;height:3.125rem!important;border-radius:50%!important}.noteImageDummyText{color:#fff;padding-top:27%;text-transform:uppercase;text-align:center}.profile-name{font:normal normal 600 1rem/1.375rem Open Sans;color:#222;position:relative;top:13px}.profile-mail{font:normal normal normal 12px/16px Open Sans;color:#777}.note-header{height:5rem}.note-header-title{text-align:left;font:normal normal 600 1rem/1.375rem Open Sans;color:#222;margin:auto}.note-header-total-std{margin:8px 0 0;text-align:left}.note-header-total-std-title{margin:auto;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-22) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);text-align:left;font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#222;opacity:.4}.grp-button .blueButton{background-color:#487fcc;color:#fff}.grp-button .whiteButton{background-color:#fff;color:#000}.seperator{padding-left:1.25rem;margin-left:1.25rem;border-left:2px solid #ddd;height:30px!important}.grp-button{border:.75px solid #ddd;border-radius:5px;opacity:1}.add-note{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box!important}.add-note,.disabledAdd-note{width:6.875rem;height:2.813rem;border-radius:.5rem!important;float:right;color:#fff}.disabledAdd-note{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;cursor:default!important;background:transparent linear-gradient(270deg,#aec7ea,#b6cae6) 0 0 no-repeat padding-box!important}.add-note-img{width:.875rem;height:.875rem;margin-right:.5rem;margin-top:-1px;width:14px;height:14px}.classRoom-card-title{font:normal normal 600 .875rem/1.188rem Open Sans!important;color:#222;text-align:left}.blueTimeLineTxt{width:38%;padding-left:12px;border-radius:5px 0 0 5px}.blueExpandedTxt,.blueTimeLineTxt{color:#fff;background-color:#487fcc;border-color:#487fcc;font:normal normal normal 14px/19px Open Sans;cursor:pointer}.blueExpandedTxt{width:62%;padding-left:15px;border-radius:0 5px 5px 0}.whiteTimeLineTxt{width:38%;padding-left:12px;border-radius:5px 0 0 5px;font-weight:400;opacity:1}.whiteExpandedTxt,.whiteTimeLineTxt{color:#222;background-color:#fff;cursor:pointer;font:normal normal normal 14px/19px Open Sans}.whiteExpandedTxt{width:62%;padding-left:15px;border-radius:0 5px 5px 0}.section-tabs{display:flex;margin:0!important;height:2.125rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .0625rem .25rem rgba(0,0,0,.1607843137);border:.75px solid #ddd;border-radius:5px;opacity:1}.section-tabs .nav-link{width:50%;border:none!important;padding:.469rem .3125rem .3125rem;margin:0!important;text-align:center!important;font:normal normal normal .75rem/1.063rem Open Sans!important;color:#222!important}.section-tabs .nav-tabs .nav-item{margin-bottom:0}.section-tabs .active{background:#487fcc 0 0 no-repeat padding-box!important;color:#fff!important;padding:.469rem .3125rem .3125rem;margin-left:0!important;width:50%;margin-top:0!important;margin-right:0!important;border-radius:5px!important;opacity:1}.profile-card .tab-content{min-height:52.5vh}.filter-section{height:70px;min-height:3.875rem;margin-bottom:1.25rem}.filter-section .card-body{padding:.625rem 1.25rem}.UpperFilterDiv{align-self:center;margin:0 0 3px}.filterDiv{float:right;display:flex;flex-direction:inherit;padding-left:20px;border-left:2px solid #ddd}.filterSubDiv{border:.5px solid #ccc;border-radius:8px;margin:auto .625rem;margin-top:0!important}.blueActiveButton,.filterSubDiv{height:2rem;float:left;display:flex;align-items:center;justify-content:center;padding:0 .5rem;cursor:pointer}.blueActiveButton{border:.5px solid #386bb5;background-color:#386bb5;color:#fff!important;border-radius:8px;margin:auto .625rem}.blueActiveButton .filterText{font-size:.8125rem;color:#fff!important}.filterMiscel{margin:auto 0!important}.filterSubDiv .filterText{font-size:.8125rem;color:#000;margin:auto .375rem}.timeline-section{background-color:transparent!important;border:none!important}.audio-section{white-space:normal}.timeline-section .card-body{padding-right:.625rem}.timeline-section .section-tabs{width:12.75rem;position:absolute;right:80.25rem;top:-87px}.showAllBtn{background-color:#386bb5!important}.showAllBtn,.showAllDisBtn{height:32px;font-size:.8125rem;color:#000;border-radius:8px;margin-right:0!important}.showAllDisBtn{background-color:#fff!important}.showAllBtn .btn{font-size:normal normal normal 12px/17px Open Sans;color:#000;border-radius:8px;margin-right:0!important}.filterDiv .btn{font-size:.8rem;border-radius:8px}.st-note-header-select{margin:auto;padding-top:4px}.st-note-header-select .form-group{width:13.75rem;margin:auto}.ViewBtn{border:.75px solid var(--unnamed-color-dddddd);border-radius:5px;opacity:1}.ViewBtn .section-tabs{display:flex;width:210px;margin:0!important;height:2rem;background:#fff 0 0 no-repeat padding-box;border:.5px solid #ddd;border-radius:5px;opacity:1}.selectedBlueBtn{background-color:#487fcc!important;color:#fff!important}.selectedWhiteBtn{background-color:#fff!important;color:#000!important}.st-note-header-select .form-group select{font:normal normal normal .875rem/1.188rem Open Sans;letter-spacing:0;color:#222}.st-note-header-select .styled-select select{-webkit-appearance:none;appearance:none}.st-note-header-select .form-control:focus{box-shadow:none;border-color:#ced4da}.classroom-attchements{margin-top:.9375rem;text-align:center}.classroom-attchements .note{background-color:rgba(0,0,0,.3490196078)}.classroom-attchements .note,.classroom-attchements .noteDoc{width:3.75rem;height:3.75rem;display:inline-block;margin:2% 3%;background-size:cover;cursor:pointer}.classroom-attchements .blackLayer{width:100%;height:100%;background-color:#000;opacity:.5}.classroom-attchements .img-div{position:relative;padding:1.1rem 1.313rem;background-color:rgba(0,0,0,.1803921569)}.classroom-attchements .sort-play{position:absolute;top:.125rem;right:.125rem}.add-miscellaneous-modal{margin-top:5rem}.add-miscellaneous-modal .add-misc-close-btn{border-radius:8px!important}.add-miscellaneous-modal .modal-title{font:normal normal 600 1rem/1.375rem Open Sans!important}.add-miscellaneous-modal .modal-header{padding:.8rem 1rem 0;border-bottom:none;border-radius:.5rem}.add-miscellaneous-modal textarea{font:normal normal normal .875rem/1.188rem Open Sans;font-weight:700}.add-miscellaneous-modal textarea::-webkit-input-placeholder{font-weight:400}.add-miscellaneous-modal textarea::-moz-placeholder{font-weight:400}.add-miscellaneous-modal textarea::-ms-input-placeholder{font-weight:400}.add-miscellaneous-modal .modal-footer{justify-content:center;border-top:none;padding-top:0}.add-miscellaneous-modal .modal-footer button{width:2.5rem;height:2.5rem;border-radius:1.25rem;padding:0}.add-miscellaneous-modal .modal-footer button img{margin-top:-.1875rem;margin-left:.0625rem}.add-miscellaneous-modal .modal-content{background-color:#fff!important}.play-video-modal .modal-content{border:none!important;width:750px;height:550px!important}.plays-video-modal .modal-dialog{width:750px!important;justify-content:center!important;display:flex}.plays-video-modal .modal-header{border:none!important;padding:0!important}.plays-video-modal .modal-header .delete-btn{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;width:2.5rem;height:2.5rem;border-radius:1.25rem;padding:0;border:none!important}.plays-video-modal .modal-content{border:none!important;background-color:hsla(0,0%,100%,0)!important;width:750px;height:550px!important}.plays-video-modal .modal-footer{border:none!important}.imageArti{position:relative;width:100%}.badgeDot{top:-11px;left:-3px;position:absolute;top:-2px;padding:5px 5px 3px;border-radius:88%;background-color:#ffc107!important;color:#fff!important;height:11px;width:12px;border:1px solid #fff}.play-video-modal .modal-header .delete-btn{border:none!important}.mediaHeader .mediaHeaderBtns{display:flex;justify-content:space-between;width:100%}.mediaHeader .mediaHeaderBtns .mediaArti{font-size:15px;font-weight:800;align-self:center;color:#fff}.mediaHeader .mediaHeaderBtns .mediaArti .starSelected{cursor:pointer;color:#ffa700;font-size:21px;display:inline-flex;padding-left:8px}.mediaHeader .mediaHeaderBtns .mediaArti .starUnSelected{cursor:pointer;font-size:23px;display:inline-flex;padding-left:8px}.mediaHeader .mediaHeaderBtns .docArti{font-size:15px;font-weight:800;align-self:center;color:#fff}.mediaHeader .mediaHeaderBtns .docArti .starSelected{color:#ffa700}.mediaHeader .mediaHeaderBtns .docArti .starSelected,.mediaHeader .mediaHeaderBtns .docArti .starUnSelected{cursor:pointer;font-size:21px;display:inline-flex;padding-left:8px}.mediaHeader .mediaHeaderBtns .close{padding:.5rem 1rem!important;margin:-1rem -1rem -1rem auto;opacity:1!important;color:#000!important;outline:none!important}.mediaHeader .mediaHeaderBtns .close .closeIconInModal{width:.8rem;margin-top:.3rem}@media only screen and (max-width:1620px){.classroom-attchements .note{margin:1% 2%}}@media only screen and (max-width:1500px){.filterSubDiv{height:1.9rem;margin:.4rem!important}.filterSubDiv .filterText{font-size:.75rem;color:#000;margin:auto .125rem}.noteOptionIcons{width:1.125rem;height:1.125rem;margin-right:.5rem}.gradebook-btn{font:normal normal 600 .8125rem/1.125rem Open Sans!important;padding:.375rem!important}}@media only screen and (max-width:1310px){.filterSubDiv{float:left}.artifactsNote{margin-bottom:.625rem;margin:.4rem!important}}@media only screen and (max-width:1300px){.filterSubDiv{float:right}.noteMainContainer .card-body{padding:.8rem}}@media only screen and (max-width:1280px){.classroom-attchements .card-body{padding:.8rem}}@media only screen and (max-width:1220px){.noteOptionIcons{width:1.375rem;height:1.375rem;margin-right:.3125rem}.noteMainContainer{padding:0 1rem}.st-note-header-select .form-group{width:unset}}@media only screen and (max-width:767px){.noteOptionIcons{margin-right:.75rem}.class-btn,.gradebook-btn{min-height:2.813rem!important}.note-header{height:4.063rem}.left-section,.right-section{padding:.9375rem!important}.filterSubDiv{margin-bottom:0;margin-top:.625rem}}@media screen and (min-width:676px){.plays-video-modal .modal-dialog{max-width:750px;justify-content:center!important;display:flex}}.noteMainContainer .headerBar{width:100%;height:80px;background:#fff;justify-content:space-between;display:flex;margin-bottom:20px;padding:1rem 1.25rem 1rem 0;border-radius:0 0 8px 8px}.noteMainContainer .note-header-title{display:flex;font:normal normal 600 .875rem/1.188rem Open Sans!important}.stdNoteDisplayFlex i,.stdNoteDisplayFlex p{cursor:pointer}.addNoteBtn{padding-top:2px}@media only screen and (max-width:81.25rem){.action-div{margin:auto}}@media only screen and (max-width:991px){.action-div img{width:4.6875rem!important}}@media(min-width:1439px)and (max-width:1600px){.timeline-section .section-tabs{width:12.75rem;position:absolute;right:50.25rem;top:-87px}}@media(min-width:1536px)and (max-width:1745.45px){.timeline-section .section-tabs{width:12.75rem;position:absolute;right:56.25rem;top:-87px}}@media only screen and (width:1745.45px){.timeline-section .section-tabs{width:12.75rem;position:absolute;right:69.25rem;top:-87px}}.dropdownMainContainer{font-family:sans-serif;text-align:center;position:relative;flex:.6 1}.dropdownMainContainer .dropdown-search-icon-CND{width:14px;height:14px;align-self:center;position:absolute;top:9px!important;z-index:2!important;left:9px}.dropdownMainContainer .iconDiv{position:absolute;left:9px;z-index:2;top:2px}.dropdownMainContainer .iconDiv .searchFiltersIcon{cursor:pointer;color:#aaa;margin-right:10px}.dropdownMainContainer .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.dropdownMainContainer .select-search *,.dropdownMainContainer .select-search :after,.dropdownMainContainer .select-search :before{box-sizing:inherit}.dropdownMainContainer .select-search__value{position:relative}.dropdownMainContainer .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.dropdownMainContainer .select-search__input{margin-top:5px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;box-shadow:0 0 3px rgba(136,195,250,.8901960784);outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 0 3px rgba(0,0,0,.1607843137);border:.75px solid #ddd;border-radius:8px;letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-386cb5);text-align:left;font:normal normal 600 13px/18px Open Sans;letter-spacing:0;color:#386cb5;opacity:1;font-size:16px}.dropdownMainContainer .select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#c6b6b6!important}.dropdownMainContainer .select-search__input::-webkit-search-cancel-button,.dropdownMainContainer .select-search__input::-webkit-search-decoration,.dropdownMainContainer .select-search__input::-webkit-search-results-button,.dropdownMainContainer .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.dropdownMainContainer .select-search__input:not([readonly]):focus{cursor:auto}.dropdownMainContainer .select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.dropdownMainContainer .select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.dropdownMainContainer .select-search__row{border-bottom:solid #ddd;border-width:.15px}.dropdownMainContainer .select-search__row:last-child{border-bottom:none}.dropdownMainContainer .select-search__not-found,.dropdownMainContainer .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdownMainContainer .select-search--multiple .select-search__option{height:48px}.dropdownMainContainer .select-search__option.is-selected{color:#050505}.dropdownMainContainer .select-search__option.is-highlighted.is-selected,.dropdownMainContainer .select-search__option.is-selected:hover{color:#010101}.dropdownMainContainer .select-search__group-header{text-transform:uppercase;background:#fff}.dropdownMainContainer .select-search.is-disabled{opacity:.5}.dropdownMainContainer .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.dropdownMainContainer .select-search:not(.is-disabled) .select-search__input{cursor:pointer;letter-spacing:0;font-weight:600}.dropdownMainContainer .select-search--multiple{border-radius:3px;overflow:hidden}.dropdownMainContainer .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.dropdownMainContainer .select-search.has-focus .select-search__value:after{display:none}.dropdownMainContainer .select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.dropdownMainContainer .select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-bottom-right-radius:0;border-bottom-left-radius:0;border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.dropdownMainContainer .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.dropdownMainContainer .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.dropdownMainContainer .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.dropdownMainContainer .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.dropdownMainContainer .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}@media only screen and (min-width:1280px){.dropdownMainContainer{font-family:sans-serif;text-align:center;position:relative;flex:.6 1;margin-left:-20px}}@media only screen and (min-width:1536px){.dropdownMainContainer{font-family:sans-serif;text-align:center;position:relative;flex:.6 1;margin-left:-50px}}@media only screen and (min-width:1745.45px){.dropdownMainContainer{font-family:sans-serif;text-align:center;position:relative;flex:.6 1;margin-left:-55px}}@media only screen and (min-width:1920px){.dropdownMainContainer{font-family:sans-serif;text-align:center;position:relative;flex:.6 1;margin-left:-65px}}@media screen and (min-width:1280px)and (max-width:1300px){.st-note-header-select{padding-top:0}}@media screen and (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1694px!important}}.CircularProgressbar{width:60px;vertical-align:middle;margin-top:-12px}.CircularProgressbar .CircularProgressbar-text{font-weight:700}.upload_progress{width:50px;vertical-align:middle;margin-top:0!important}.loaderUploadIcon{width:3.5rem}.cancel-btn-div-note{background-color:#fff!important;font:normal normal 600 14px/19px Open Sans;color:#080808!important;width:101px;text-transform:inherit!important}.smartAI_btn{background:rgba(102,159,237,.1294117647) 0 0 no-repeat padding-box!important;border:1px solid #386cb5;border-radius:5px;font:normal normal normal 12px/17px Open Sans;letter-spacing:0;height:30px;color:#386cb5;opacity:1;position:absolute!important;top:0;right:13px}.generateAudioModal .modal-content{min-width:600px!important}.generateAudioModal .modal-header .close{color:hsla(0,0%,43.9%,.4901960784)!important}.generateAudioModal .generateAudioModalHeader p{font:normal normal 600 13px/20px Open Sans;letter-spacing:0;color:#222}.generateAudioModal .generateAudioModalHeader .time{font:normal normal normal 13px/20px Open Sans;letter-spacing:0;color:#aaa}.transcribeAudioModalClass .modal-header .close{margin-top:-19px!important;color:hsla(0,0%,43.9%,.4901960784)!important}.summarizeModal .modal-content{min-width:790px!important}.summarizeModal .modal-header .close{margin-top:-19px!important;color:hsla(0,0%,43.9%,.4901960784)!important}.summarizeModal .hint_para{background:#fff4ab 0 0 no-repeat padding-box;border-radius:5px;opacity:1;height:28px;text-align:left;font:normal normal normal 13px/20px Open Sans;color:#222;display:flex;align-items:center;padding-left:13px}.transscribe-audio-modal-footer{padding:0 1rem .75rem 1.5rem!important}.transscribe-audio-modal-footer .summarize_btn{text-align:center;font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#386cb5;text-transform:capitalize;opacity:1}.transscribe-audio-modal-footer .summarize_btn .MuiSvgIcon-root{position:relative;top:1px;font-size:15px!important}.transcribe_para{border:1px solid hsla(0,0%,43.9%,.4);border-radius:8px;color:#222;text-align:left;padding:5px 10px;height:150px;overflow-y:scroll}.transcribe_para h5{font:normal normal 600 14px/19px Open Sans}.summarize_para{border:1px solid hsla(0,0%,43.9%,.4);border-radius:8px;color:#222;text-align:left;padding:0 10px 5px;height:150px;overflow-y:scroll;width:370px}.summarize_para h5{font:normal normal 600 14px/19px Open Sans;position:-webkit-sticky;position:sticky;background-color:#fff;top:0;height:30px;margin-bottom:0;display:flex;align-items:center}.summarize_para p{font:normal normal normal 14px/20px Open Sans}.selectAudioModal .modal-content{min-width:700px!important}.selectAudioModal .audioRadioBtn .Mui-checked,.selectAudioModal .audioRadioBtn .MuiButtonBase-root-MuiRadio-root.Mui-checked{color:#549f46}.audioNoteTextAreaEdit{border:none!important;padding:0!important;font:normal normal normal 14px/20px Open Sans!important}.audioNoteTextAreaEdit:disabled{background-color:#fff!important}.positive_comment_btn{background:rgba(180,93,215,.1294117647) 0 0 no-repeat padding-box;border:1px solid #b45dd7;border-radius:15px;color:#b45dd7}.assignment_btn,.positive_comment_btn{text-align:left;font:normal normal normal 12px/17px Open Sans;letter-spacing:0;padding:3px 10px}.assignment_btn{background:rgba(255,106,106,.0901960784) 0 0 no-repeat padding-box;border:1px solid #ff6a6a;border-radius:15px;color:#f82e2e}.teaching_point_btn{background:rgba(248,156,72,.1294117647) 0 0 no-repeat padding-box;border:1px solid #d27b2c;border-radius:15px;color:#d27b2c}.instructional_need_btn,.teaching_point_btn{text-align:left;font:normal normal normal 12px/17px Open Sans;letter-spacing:0;padding:3px 10px}.instructional_need_btn{background:rgba(102,159,237,.1490196078) 0 0 no-repeat padding-box;border:1px solid #386cb5;border-radius:15px;color:#386cb5}.comment_one_btn{background:rgba(17,190,159,.1607843137) 0 0 no-repeat padding-box;border:1px solid #11be9f;border-radius:15px;text-align:left;font:normal normal normal 12px/17px Open Sans;letter-spacing:0;color:#11be9f;padding:3px 10px}.insertDriveButton .MuiIconButton-root{padding:0 6px 0 0}.insertDriveButton .MuiSvgIcon-root{color:#386cb5}.goback-btn-div-note{width:120px;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;font:normal normal 600 14px/19px Open Sans;color:#fff!important;text-transform:inherit!important}.stdNoteDetailTextDiv{border-left:2px solid #eee;margin-left:15px}.radioCardAudio .audio-sub-div{background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.16);margin:.5rem .9375rem .5rem .5rem!important}.radioCardAudio .audit-sec audio{background-color:#fff}.radioCardAudio audio::-webkit-media-controls-enclosure{background:#fff}.radioCardAudio .audio-filename{font:normal normal 600 14px/19px Open Sans;text-align:left;margin-top:3px}.radioCardAudio audio::-webkit-media-controls-mute-button,.radioCardAudio audio::-webkit-media-controls-volume-control-container{display:none}.student-note-add-date-picker .react-datepicker{right:23px;position:relative;top:auto}.student-note-add-date-picker .react-datepicker__triangle{left:21px!important}.stdNoteDisplayFlex{display:flex;cursor:pointer;margin-top:9px;margin-left:15px}@media screen and (min-width:1200px)and (max-width:1300px){.stdNoteDisplayFlex{margin-left:5px}}.stdNoteDisplayFlex p{margin:0!important;padding:2px 0 0!important;font-size:16px}.stdNoteDisplayFlex i{color:#487fcc;font-size:24px;cursor:default}.currentYear{color:#487fcc;margin-bottom:20px;font-size:1rem;font-weight:400;text-align:left;cursor:default}.stdNoteBackDiv{text-align:left;font:normal normal 600 1rem/1.375rem Open Sans;color:#222;cursor:pointer}.stdNoteGrade2{color:#222;font-size:1.25rem;font-weight:600;text-align:left;cursor:default}.stdNoteGrade1{color:#487fcc;cursor:default}.timeline-time-Unsaved{font:normal normal normal .75rem/1.063rem Open Sans;letter-spacing:0;color:#386cb5;margin-right:.5rem;font-weight:600;margin-left:5px}.timeline-time-cursor{font:normal normal normal .75rem/1.063rem Open Sans;letter-spacing:0;color:#222;margin-right:.5rem;cursor:pointer}.addNoteMainContainer{background:#f0f0f0;height:100%;padding:0 3rem;overflow-x:hidden}.addNoteMainContainer .btn:focus,.addNoteMainContainer a:focus{outline:none!important;box-shadow:none!important}.addNoteMainContainer .action-btn{padding:0;background:transparent;border:none;margin:0 .5rem}.addNoteMainContainer .note-header-title{display:flex;font:normal normal 600 .875rem/1.188rem Open Sans!important}.addNoteMainContainer .noteDate{display:inline-flex;font:normal normal normal .875rem/1.188rem Open Sans!important}.addNoteMainContainer .noteDate .react-datepicker-wrapper{margin:auto 5px auto 0}.addNoteMainContainer .noteDate .react-datepicker__header{background-color:#fff}.addNoteMainContainer .noteDate .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{border-bottom-color:#fff}.react-datepicker-wrapper img{margin-right:5px;margin-bottom:2px;color:#bd47e8}.MuiButton-startIcon{margin-bottom:3px;margin-right:4px!important}.addNoteMainContainer .note-header-right-section{font:normal normal normal .8125rem/2.125rem Open Sans;text-align:right;white-space:nowrap}.addNoteMainContainer .note-header-right-section .react-datepicker__tab-loop{display:inline-flex}.addNoteMainContainer .note-header-right-section .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle{margin-left:1px!important}.addNoteMainContainer .note-header-right-section .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__month-container,.addNoteMainContainer .note-header-right-section .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__navigation{display:none}.addNoteMainContainer .note-header-right-section .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__time-container{border-left:none}.addNoteMainContainer .reminderIcon{margin:-3px .5rem 0 0;cursor:pointer}.addNoteMainContainer .divider{border:.0625rem solid #ddd;margin:0 .625rem}.addNoteMainContainer .profile-card{margin-top:1.25rem;text-align:left}.addNoteMainContainer .profile-card-img{width:3.125rem;height:3.125rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:.0625rem .125rem .1875rem rgba(0,0,0,.1019607843);border-radius:50rem;float:left;margin-right:1rem}.addNoteMainContainer .profile-img{width:3.125rem!important;height:3.125rem!important;border-radius:50%!important}.addNoteMainContainer .profile-name{font:normal normal 600 1rem/1.375rem Open Sans;color:#222}.addNoteMainContainer .profile-mail{font:normal normal normal .875rem/1.188rem Open Sans;color:#777}.addNoteMainContainer .linked-contact-card ol{font:normal normal normal .875rem/1.188rem Open Sans;padding:0 0 0 .8125rem;text-align:left;line-height:200%;margin:0}.addNoteMainContainer .linked-contact-card ol span{float:right;font:normal normal normal .75rem/1.063rem Open Sans;color:#aaa}.add-assignment-sec textarea{font:normal normal normal .8125rem/1.125rem Open Sans!important;background:#f4f6fa 0 0 no-repeat padding-box;border:.0469rem solid #ccc;min-height:8.35rem}.add-assignment-sec .title{text-align:left;font:normal normal 600 .8125rem/1.875rem Open Sans;height:1.825rem}.add-assignment-sec .custom-control-input:checked~.custom-control-label:before{color:#fff;border-color:#44ce3e;background-color:#44ce3e;width:3.75rem;height:2rem;border-radius:1.25rem;margin-left:-1.5rem;margin-top:-.375rem}.add-assignment-sec .custom-switch .custom-control-input:checked~.custom-control-label:after{left:calc(-2.25rem + 2px);background-color:#fff;width:1.625rem;height:1.625rem;border-radius:1.25rem;margin-left:-.5rem;margin-top:-.3125rem}.add-assignment-sec .custom-switch .custom-control-label:before{left:-2.25rem;pointer-events:all;color:#fff;width:3.75rem;height:2rem;border-radius:1.25rem;margin-left:-1.5rem;margin-top:-.375rem}.historyIconPink{width:16px;height:18px;margin-left:-165px;margin-top:7px}.Point{color:grey}.add-assignment-sec .custom-switch .custom-control-label:after{left:calc(-3.2rem + 2px);width:1.625rem;height:1.625rem;border-radius:1.25rem;margin-left:-.5rem;margin-top:-.3125rem}.add-assignment-sec .card-body{padding:1.125rem}.add-Level-Score-sec{height:4.375rem}.add-Level-Score-sec .card-body{flex:1 1 auto;min-height:1px;padding:.938rem}.add-media-sec{min-height:18.5rem}.add-media-sec .title{text-align:left;font:normal normal 600 .8125rem/1.875rem Open Sans;margin-bottom:.3125rem}.add-media-sec .title .multimediaTitles{display:flex;justify-content:space-between;margin-bottom:.3125rem}.add-media-sec .title .multimediaTitles .suggestion{text-align:left;font:italic normal normal 12px/18px Open Sans;letter-spacing:0;color:#aaa;opacity:1;align-self:center}.add-media-sec .hr-divider hr{margin-top:.7rem;margin-bottom:.7rem}.picture-video-sec{display:inline-flex;overflow:auto;width:50.63rem;margin-top:-.375rem}.picture-video-sec .note{width:3.75rem;min-width:3.75rem;height:3.75rem;background-color:rgba(0,0,0,.3490196078);margin:.5rem .625rem .5rem 0;display:inline-flex;background-size:cover;background-position:50%}.picture-video-sec .blackLayer{width:100%;height:100%;background-color:#000;opacity:.5}.picture-video-sec .img-div{padding:.8rem 1.313rem;background-color:rgba(0,0,0,.1803921569)}.picture-video-sec .img-divDoc{background-color:rgba(255,254,254,.968627451)}.picture-video-sec .img-divDoc .csvIcon{width:60px!important;height:60px!important}.picture-video-sec .img-div-only{padding:.8rem 1.913rem;background-color:rgba(0,0,0,.1803921569);cursor:pointer}.picture-video-sec .img-div-2{padding:.8rem 1.313rem;background-color:hsla(0,0%,100%,.4784313725)}.picture-video-sec .deleteBtn,.picture-video-sec .deleteImgBtn{margin-left:-.5rem;margin-top:-.375rem;background:red;border-radius:1.25rem;cursor:pointer}.profile-card .timeline-header{font:normal normal 600 .875rem/1.188rem Open Sans;color:#777}.profile-card .timeline-header .btn{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;border-radius:.875rem;font:normal normal normal .6875rem/.9375rem Open Sans;letter-spacing:0;color:#fff;width:4.25rem;padding:.3125rem}.audit-sec{display:inline-flex;overflow-x:auto;overflow-y:hidden;width:50.63rem}.audit-sec audio{border-radius:.375rem;width:15.63rem;max-width:15.63rem;margin:1.375rem 0 0;min-width:15.63rem;display:inline-flex;height:1.125rem}.audio-filename{margin-bottom:0!important;height:.375rem!important;margin-left:2.25rem}.audit-sec .deleteBtn{margin-left:-1.638rem;background:red;border-radius:1.25rem;cursor:pointer;margin-right:.375rem;margin-top:.1rem}.audit-sec .audio-sub-div{background:#f1f3f4;height:3.438rem;margin:.5rem .9375rem .5rem 0}.audit-sec .audio-sub-div .player{outline:none}.audit-sec .audio-div{display:inline-flex}.audio-sec{display:flex}.add-media{float:left;margin-top:1px}.btn-add-media{height:3.938rem;padding:0!important;border:0!important;background:transparent!important;margin-right:.75rem!important}.btn-add-media input[type=file]{opacity:0;width:53px;position:absolute;height:53px;cursor:pointer}.addEditNoteTimeLine .vertical-timeline:before{background:#ccc!important;top:.9375rem;left:1.875rem;height:94%}.vertical-timeline-element--work .vertical-timeline-element-content{box-shadow:none!important;-webkit-box-shadow:none!important}.addEditNoteTimeLine .vertical-timeline .vertical-timeline-element--work .vertical-timeline-element-icon{width:.75rem!important;height:.75rem!important;top:23px!important;left:24.5px!important}.addEditNoteTimeLine .vertical-timeline--one-column .vertical-timeline-element-icon{left:0;background:#ccc!important}.addEditNoteTimeLine .vertical-timeline--one-column .vertical-timeline-element{margin-top:0;margin-bottom:0}.addEditNoteTimeLine .vertical-timeline--one-column .vertical-timeline-element-content{width:auto;margin-left:55px;box-shadow:none;background:transparent;min-height:.0625rem;box-shadow:none!important;-webkit-box-shadow:none!important}.addEditNoteTimeLine .vertical-timeline--one-column .vertical-timeline-element-content .vertical-timeline-element-date{left:-3.125rem;top:-.55rem;width:unset;box-shadow:none!important;-webkit-box-shadow:none!important}.addEditNoteTimeLine .vertical-timeline{padding:1em 0;margin:0 0 0 25px;width:90%!important}.addEditNoteTimeLine .vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{background:#ccc}@media screen and (max-width:1439px)and (max-width:1650px){.addEditNoteTimeLine .vertical-timeline{padding:1em 0;margin:0 0 0 6px;width:98%!important}}.addEditNoteTimeLine .attached-tag{margin:0 0 0 .5rem;background-color:#ddd}.text-right i{vertical-align:middle}.addEditNoteTimeLine .vertical-timeline--one-column .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{right:unset;box-shadow:none!important;-webkit-box-shadow:none!important}.add-media-modal .modal-title{font:normal normal 600 .875rem/1.0625rem Open Sans!important;display:inline-flex}.add-media-modal .modal-title input{font:normal normal 600 .875rem/1.0625rem Open Sans!important;padding:0;height:26px;border:none;box-shadow:none}.add-media-modal .btn{padding:0 5px 0 0}.add-media-modal .btn:focus{box-shadow:none!important}.add-media-modal .fa-pencil{color:#aaa}.add-media-modal{margin-top:5rem}.add-media-modal .modal-title{font:normal normal 600 1rem/1.375rem Open Sans!important;margin-bottom:.625rem}.add-media-modal .modal-header{padding:.8rem 1rem 0;border-radius:.5rem}.add-media-modal .modal-body{margin-top:.375rem;justify-content:center;min-height:9.6875rem}.add-media-modal .timer_Div{width:20px;position:absolute;right:35%;top:10px}.add-media-modal .modal-footer{justify-content:center}.add-media-modal .modal-footer button{width:2.5rem;height:2.5rem;border-radius:1.25rem;padding:0}.add-media-modal .modal-footer .btn-danger{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box}.add-media-modal .modal-footer .btn-success{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box}.add-media-modal .modal-footer button img{margin-top:-.1875rem;margin-left:.0625rem}.add-media-modal .modal-footer .deleteIcon img{margin-top:-.0625rem;margin-left:-.0625rem}.add-media-modal .modal-content{border-radius:.5rem;background-color:#fff!important}.record-btn .btn-primary.focus,.record-btn .btn-primary:focus,.record-btn .btn-primary:hover,.record-btn .btn-primary:not(:disabled):not(.disabled).active,.record-btn .btn-primary:not(:disabled):not(.disabled):active,.record-btn .show>.btn-primary.dropdown-toggle{background-color:transparent;border-color:transparent}.action-div{padding-top:4px;padding-right:0!important}.NoteDropdownContainer{font-family:sans-serif;text-align:center;position:relative;flex:.6 1}.NoteDropdownContainer .iconDiv{position:absolute;left:9px;z-index:2;top:8px}.NoteDropdownContainer .iconDiv .searchFiltersIcon{cursor:pointer;color:#aaa;margin-right:10px}.NoteDropdownContainer .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.NoteDropdownContainer .select-search *,.NoteDropdownContainer .select-search :after,.NoteDropdownContainer .select-search :before{box-sizing:inherit}.NoteDropdownContainer .select-search__value{position:relative}.NoteDropdownContainer .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.NoteDropdownContainer .select-search__input{margin-top:5px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;border:1px solid #ddd;box-shadow:0 0 3px rgba(136,195,250,.8901960784);border-radius:8px;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;opacity:1}.NoteDropdownContainer .select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#c6b6b6!important}.NoteDropdownContainer .select-search__input::-webkit-search-cancel-button,.NoteDropdownContainer .select-search__input::-webkit-search-decoration,.NoteDropdownContainer .select-search__input::-webkit-search-results-button,.NoteDropdownContainer .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.NoteDropdownContainer .select-search__input:not([readonly]):focus{cursor:auto}.NoteDropdownContainer .select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.NoteDropdownContainer .select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.NoteDropdownContainer .select-search__row{border-bottom:solid #ddd;border-width:.15px}.NoteDropdownContainer .select-search__row:last-child{border-bottom:none}.NoteDropdownContainer .select-search__not-found,.NoteDropdownContainer .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.NoteDropdownContainer .select-search--multiple .select-search__option{height:48px}.NoteDropdownContainer .select-search__option.is-highlighted.is-selected,.NoteDropdownContainer .select-search__option.is-selected,.NoteDropdownContainer .select-search__option.is-selected:hover{color:#fff}.NoteDropdownContainer .select-search__group-header{text-transform:uppercase;background:#fff}.NoteDropdownContainer .select-search.is-disabled{opacity:.5}.NoteDropdownContainer .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.NoteDropdownContainer .select-search:not(.is-disabled) .select-search__input{cursor:pointer;letter-spacing:0;font-weight:600}.NoteDropdownContainer .select-search--multiple{border-radius:3px;overflow:hidden}.NoteDropdownContainer .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.NoteDropdownContainer .select-search.has-focus .select-search__value:after{display:none}.NoteDropdownContainer .select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.NoteDropdownContainer .select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-bottom-right-radius:0;border-bottom-left-radius:0;border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.NoteDropdownContainer .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.NoteDropdownContainer .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.NoteDropdownContainer .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.NoteDropdownContainer .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.NoteDropdownContainer .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}@media only screen and (max-width:81.25rem){.addNoteMainContainer .card-body{padding:.8rem}.CircularProgressbar{margin-top:-.3125rem}.action-div{margin:auto}.add-media-sec{min-height:17.625rem}}@media only screen and (max-width:80rem){.add-assignment-sec .custom-switch .custom-control-label:before{width:3.125rem;height:1.5625rem;border-radius:1.25rem;margin-left:-.875rem;margin-top:-.1875rem}.add-assignment-sec .custom-switch .custom-control-label:after{width:1.3125rem;height:1.3125rem;margin-left:.125rem;margin-top:-.1875rem}.add-assignment-sec .custom-control-input:checked~.custom-control-label:before{width:3.125rem;height:1.5625rem;border-radius:1.25rem;margin-left:-.875rem;margin-top:-.1875rem}.add-assignment-sec .custom-switch .custom-control-input:checked~.custom-control-label:after{width:1.3125rem;height:1.3125rem;border-radius:1.25rem;margin-left:-.0625rem;margin-top:-.1875rem}}@media only screen and (max-width:1220px){.noteOptionIcons{width:1.375rem;height:1.375rem;margin-right:.3125rem}.addNoteMainContainer{padding:0 1rem}.note-header-select-add-std .form-group{width:unset}.NoteFilterSection .note-header-select-add-std{margin:auto;padding-top:0}.add-media-sec .hr-divider hr{margin-top:.5rem;margin-bottom:.5rem}}@media only screen and (max-width:991px){.action-div img{width:4.6875rem!important}.audit-sec,.picture-video-sec{width:33.3125rem}.addNoteMainContainer .note-header-right-section{margin-top:.5rem}.pr-7-5{padding-right:.9375rem!important}.pl-7-5{padding-left:.9375rem!important}}@media only screen and (max-width:767px){.CircularProgressbar{width:2.875rem}.audit-sec,.picture-video-sec{width:37.5rem}.note-header{height:4.063rem}.left-section{padding:.9375rem .9375rem 0!important}.right-section{padding:.9375rem!important}}@media only screen and (max-width:725px){.audit-sec,.picture-video-sec{width:31.25rem}}@media only screen and (max-width:631px){.audit-sec,.picture-video-sec{width:28.125rem}.level-score-sec .sub-div input{margin-left:5px;padding:0 4px}}@media only screen and (max-width:581px){.audit-sec,.picture-video-sec{width:25rem}}@media only screen and (max-width:552px){.audit-sec,.picture-video-sec{width:23.125rem;width:18.75rem}}@media only screen and (max-width:552px){.picture-video-sec{width:18.75rem}}@media only screen and (max-width:520px){.left-section,.right-section{padding:0!important}}@media only screen and (max-width:450px){.action-div img{width:4.0625rem!important}}.blankPowerPointaDic{width:60px;height:60px;background:var(--unnamed-color-eeeeee) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;opacity:1;border:6px solid #d6d6d6;border-radius:50%;margin-top:-6px}.powerText{margin:.5rem 0 0}.powerPointText,.powerText{font-size:.7rem;color:#d6d6d6;font-weight:600}.powerPointText{margin:0}.powerCenter{text-align:-webkit-center}.show-video-modal .modal-dialog{max-width:750px;justify-content:center!important;display:flex}.show-video-modal .modal-body{padding:0!important}.show-video-modal .modal-header{border:none!important}.show-video-modal .modal-header .mediaHeaderBtns{display:flex;justify-content:space-between;width:100%}.show-video-modal .modal-header .mediaHeaderBtns .delete-btns{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;width:2.5rem!important;height:2.5rem;border-radius:1.25rem;padding:0;border:none!important;min-width:2.5rem!important}.show-video-modal .modal-header .mediaHeaderBtns .mediaArti{font-size:15px;font-weight:800;align-self:center;color:#fff}.show-video-modal .modal-header .mediaHeaderBtns .mediaArti .starSelected{cursor:pointer;color:#ffa700;font-size:21px;display:inline-flex;padding-left:8px}.show-video-modal .modal-header .mediaHeaderBtns .mediaArti .starUnSelected{cursor:pointer;font-size:23px;display:inline-flex;padding-left:8px}.show-video-modal .modal-header .mediaHeaderBtns .docArti{font-size:15px;font-weight:800;align-self:center;color:#fff}.show-video-modal .modal-header .mediaHeaderBtns .docArti .starSelected{cursor:pointer;color:#ffa700;font-size:21px;display:inline-flex;padding-left:8px}.show-video-modal .modal-header .mediaHeaderBtns .docArti .starUnSelected{cursor:pointer;font-size:21px;display:inline-flex;padding-left:8px}.show-video-modal .modal-header .mediaHeaderBtns .close{padding:.5rem 1rem!important;margin:-1rem -1rem -1rem auto;opacity:1!important;color:#000!important;outline:none!important}.show-video-modal .modal-header .mediaHeaderBtns .close .closeIconInModal{width:.8rem;margin-top:.3rem}.greyReactPicker{cursor:pointer}.mediaArti{font-size:15px;font-weight:800;align-self:center;color:#fff}.mediaArti .starSelected{cursor:pointer;color:#ffa700;font-size:21px;display:inline-flex;padding-left:8px}.mediaArti .starUnSelected{cursor:pointer;font-size:23px;display:inline-flex;padding-left:8px}.show-video-modal .modal-content{border-radius:.5rem;background-color:hsla(0,0%,100%,0)!important;border:none!important;width:auto}.badgeDoNotet{position:absolute;top:-2px;padding:5px 5px 3px;border-radius:88%;background-color:#ffc107!important;color:#fff!important;height:11px;width:12px;border:1px solid #fff;left:-1px}.delete-btn,.show-video-modal .modal-header .delete-btn{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;width:2.5rem;height:2.5rem;border-radius:1.25rem;padding:0;border:none!important}.doc-modal-warning .modal-dialog{min-width:750px;justify-content:center!important;display:flex}.doc-modal-warning .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.doc-modal-warning .modal-content{width:750px;margin:auto;background-color:hsla(0,0%,100%,0)!important;border:none!important}.doc-modal-warning .modal-content .modal-header{justify-content:flex-end;border:none;border-radius:8px}.doc-modal-warning .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans}.doc-modal-warning .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.doc-modal-warning .modal-footer{border:none;justify-content:center;padding-top:0}.doc-modal-warning .cancel-btn{width:101px;height:38px;font:normal normal 600 14px/19px Open Sans}.doc-modal-warning .delete-btn{width:2.5rem;height:2.5rem;border-radius:1.25rem;padding:0}.addNoteMainContainer .headerBar{width:100%;height:80px;background:#fff;justify-content:space-between;display:flex;margin-bottom:20px;padding:1rem .5rem 1rem 0;border-radius:0 0 8px 8px}.NoteFilterSection{min-height:3.75rem}.NoteFilterSection .card-body{padding:.625rem 1.25rem}.NoteDropdownContainer .select-search{bottom:0!important}@media only screen and (max-width:1280px){.historyIconPink{width:16px;height:18px;margin-left:-125px;margin-top:7px}}.level-sub-div,.score-sub-div{padding:0 6px!important;display:flex;direction:row;justify-content:left}.level-sec,.score-sec{padding:6px 0!important;margin:0!important;font-weight:600}.level-row{padding:0 12px}.level-sub-div .form-control,.score-sub-div .form-control{width:70%!important;margin-left:.625rem;background:var(--unnamed-color-f4f6fa) 0 0 no-repeat padding-box;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ccc;border-radius:8px;opacity:1}.level-title,.score-title{padding:0!important}.contactTextAreaTopDist{margin-top:15px}@media screen and (min-width:1280px)and (max-width:1370px){.NoteDropdownContainer{margin-left:-45px}}@media only screen and (min-width:1745.45px){.NoteDropdownContainer{margin-left:25px}}@media only screen and (min-width:1920px){.NoteDropdownContainer{margin-left:45px}}@media screen and (min-width:1280px)and (max-width:1370px){.vertical-timeline-element-content{position:relative;margin-left:45px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px 0 #ddd}}@media screen and (min-width:1370px)and (max-width:1470px){.vertical-timeline-element-content{position:relative;margin-left:50px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px 0 #ddd}}.classNotekMainContainer-CND .loadMoreRoster-CND{border-radius:8px!important}@media only screen and (max-width:767px){.classNotekMainContainer-CND .main-section-CND .classNotekMainContainer-CND{padding:0}.classNotekMainContainer-CND .main-section-CND .main-section-CND{padding:.9375rem!important}.classNotekMainContainer-CND .main-section-CND .header-title-CND{margin-bottom:10px}.classNotekMainContainer-CND .main-section-CND .addButton{width:auto;font-size:14px!important}.classNotekMainContainer-CND .main-section-CND .header-title-CND{font:normal normal 600 .875rem/1.188rem Open Sans!important}}.classNotekMainContainer-CND .Button-div-2-CND{padding:0}.classNotekMainContainer-CND .sort-by-col-CND{display:flex;float:right;direction:row;justify-content:flex-end;align-items:center}.classNotekMainContainer-CND .sort-by-CND p{margin:0!important;padding:0;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 14px/19px Open Sans}.classNotekMainContainer-CND .year-CND .classForIcon-CND{color:#487fcc;position:relative;margin-top:-4px;vertical-align:middle}.classNotekMainContainer-CND #Note-CND{color:#222!important;font-weight:800;font-size:large}.classNotekMainContainer-CND .year-CND{position:relative;color:#487fcc;margin-left:10px;white-space:nowrap;top:2px;cursor:pointer}.classNotekMainContainer-CND .year-CND .text-italic{font-style:italic}@media screen and (min-width:1275px)and (max-width:1480px){.classNotekMainContainer-CND .searchSearchStylediv-CND{width:92%}.classNotekMainContainer-CND .totalNoteSearchDiv-CND{width:63%}.classNotekMainContainer-CND .desc-search-col-CND{max-width:378px!important}.classNotekMainContainer-CND .sort-by-col-CND{min-width:680px!important}.classNotekMainContainer-CND .note-dashboard-dropdown-container-CND{right:35px}}@media screen and (min-width:1300px)and (max-width:1350px){.classNotekMainContainer-CND .searchSearchStylediv-CND{width:92%}.classNotekMainContainer-CND .totalNoteSearchDiv-CND{width:63%}.classNotekMainContainer-CND .desc-search-col-CND{max-width:420px!important}.classNotekMainContainer-CND .sort-by-col-CND{min-width:665px!important}.classNotekMainContainer-CND .note-dashboard-dropdown-container-CND{right:35px}}.viewStudentNoteCardPopover .popover{top:18px!important}.StudentProfiles-CNSP{padding-left:7.5px;padding-right:7.5px;padding-bottom:15px}.StudentProfiles-CNSP .colClass-CNSP{padding-right:7.5px!important;padding-left:7.5px!important}.StudentProfiles-CNSP .mb-12{margin-bottom:12px;cursor:default}.StudentProfiles-CNSP .mainDiv-CNSP{border-radius:0 6px 6px 0;padding:1rem 1.25rem!important;height:170px;max-width:410px}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP{text-align:left}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .img-CNSP{width:50px;height:50px;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:.0625rem .125rem .1875rem rgba(0,0,0,.1019607843);border-radius:50rem;float:left;margin-right:1rem}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .img-CNSP .profile-img{width:3.125rem!important;height:3.125rem!important;border-radius:50%!important}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .studentProfileImageDiv-CNSP{width:3.75rem;float:left!important}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .imageDummyRosterProfile-CNSP{width:3.125rem;height:3.125rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;margin-left:0;opacity:.8;display:flex;justify-content:center;align-items:center}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .imageDummyRosterProfile-CNSP .rosterProfileImageText-CNSP{color:#fff;text-transform:uppercase;cursor:default}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .name .std-name-CNSP{font:normal normal 600 14px/22px Open Sans!important;color:#222!important}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .name .std-name-small-CNSP{font:normal normal 600 12px/22px Open Sans!important;color:#222!important}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .name .checBoxDiv{float:right}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .name .checkBoxfilter{color:#386cb5;cursor:default;font-size:21px}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .name .showMore i{float:right;margin-top:5px;font-size:24px;font-weight:100;display:block}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .note{margin-top:12px;font:normal normal 600 12px/17px Open Sans;color:#777}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .note .left{font:normal normal normal 12px/17px Open Sans;color:#386cb5;cursor:default}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .note .right{margin-left:6px;font:normal normal normal 12px/17px Open Sans;color:#888;font-weight:600}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .score .left{font:normal normal normal 12px/17px Open Sans;text-align:left;letter-spacing:0;color:#222;opacity:1;text-overflow:ellipsis}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .score .right{float:right;padding-top:5px;font:normal normal 600 12px/17px Open Sans;color:#222;text-overflow:ellipsis}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .text hr{margin-top:.5rem;margin-bottom:.5rem}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .text{font:normal normal normal 13px/18px Open Sans;color:#777;height:52px;overflow:hidden;overflow-y:hidden}.StudentProfiles-CNSP #Total{color:#000!important}.StudentProfiles-CNSP .img-div-CNSP{width:3.75rem;float:left!important}.StudentProfiles-CNSP .img-div-CNSP .showMore i{float:right;margin-top:5px;font-size:24px;font-weight:100;display:block}.StudentProfiles-CNSP .mainDiv-CNSP :hover .details .name .showMore{display:block}.StudentProfiles-CNSP .showMore{position:relative;top:-25px;display:none;left:10px;cursor:pointer}@media screen and (min-width:1275px)and (max-width:1369px){.StudentProfiles-CNSP .mainDiv-CNSP{border-radius:0 6px 6px 0;padding:1rem 1.25rem!important}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP{text-align:left}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .img-CNSP{width:50px;height:50px;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:.0625rem .125rem .1875rem rgba(0,0,0,.1019607843);border-radius:50rem;float:left;margin-right:1rem}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .img-CNSP .profile-img{width:3.125rem!important;height:3.125rem!important;border-radius:50%!important}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .studentProfileImageDiv-CNSP{width:3.75rem;float:left!important}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .imageDummyRosterProfile-CNSP{width:3.125rem;height:3.125rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;margin-left:0;opacity:.8;display:flex;justify-content:center;align-items:center}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .imageDummyRosterProfile-CNSP .rosterProfileImageText-CNSP{color:#fff;text-transform:uppercase;cursor:default}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .name{font:normal normal 600 14px/22px Open Sans!important;color:#222!important}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .name .checBoxDiv{float:right}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .name .checkBoxfilter{color:#386cb5;cursor:default;font-size:21px}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .note{margin-top:12px;font:normal normal 600 12px/17px Open Sans;color:#777}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .note .left{font:normal normal normal 10px/16px Open Sans;color:#386cb5;cursor:default}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .details .note .right{margin-left:6px;font:normal normal normal 9px/16px Open Sans;color:#888;font-weight:600}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .score .left{font:normal normal normal 10px/16px Open Sans!important;text-align:left;letter-spacing:0;color:#222;opacity:1;text-overflow:ellipsis}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .score .right{float:right;padding-top:5px;font:normal normal normal 10px/16px Open Sans!important;color:#222;text-overflow:ellipsis}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .text hr{margin-top:.5rem;margin-bottom:.5rem}.StudentProfiles-CNSP .mainDiv-CNSP .profile-CNSP .text{font:normal normal normal 13px/18px Open Sans;color:#777;height:52px;overflow:hidden;overflow-y:hidden}}.outerTooltipdiv{display:flex;direction:row;height:20px;cursor:pointer}.tooltipIconDiv{height:24px;margin:0 5px 0 0!important;padding:0!important;cursor:pointer}.tooltipIconDiv img{cursor:pointer;padding-bottom:4px}.tooltipTextDiv{height:24px}.tooltipTextDiv,.tooltipTextDiv p{margin:0!important;padding:0!important;cursor:pointer!important}.tooltipTextDiv p{font-size:12px}.cursor-pointer{cursor:pointer!important}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div{margin-top:15px}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAGP-addGroupPanel{font:normal normal 600 14px/19px Open Sans;color:#222;margin:35px 0 0;text-align:-webkit-center}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAGP-addGroupPanel .mt--28{margin-top:-28px;width:150px;background:#f0f0f0;cursor:pointer}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAGP-addGroupPanel hr{border-top:1px solid #aaa}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAGP-addGroupPanel .CNAG-addGroupIcon{margin-right:6px}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAGP-addGroupPanel label{cursor:pointer}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiAccordion-root.Mui-expanded{margin-bottom:0}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiExpansionPanelSummary-content{background:#aaa;height:1px}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiExpansionPanelSummary-root .Mui-expanded{min-height:1px}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiPaper-elevation1{box-shadow:none}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiExpansionPanel-root.Mui-expanded{margin:0}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiCollapse-container{background:#f0f0f0}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiExpansionPanelSummary-root{background-color:#f0f0f0;min-height:48px!important}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiExpansionPanel-root:before{display:none}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .confirm-text{font:normal normal normal 16px/22px Open Sans}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiTypography-body1{width:100%;text-align:-webkit-center}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiTypography-body1 .title{margin-top:-10px;background:#f0f0f0;font:normal normal 600 14px/19px Open Sans;color:#222;display:inline-flex;position:relative;bottom:14px;padding:0 15px}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiTypography-body1 .title .CNAG-groupName{width:160px;padding:8px;text-align:center;background-color:#f4f6fa}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiTypography-body1 .w-166{width:187px}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiTypography-body1 .action{float:right;margin-top:-14px;background:#f0f0f0}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiTypography-body1 .action img{margin-left:12px}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiTypography-body1 .actionCircle{float:right;margin-top:-22px;background:#f0f0f0}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiTypography-body1 .actionCircle img{margin-left:0!important}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiExpansionPanelSummary-expandIcon{position:absolute;left:0;background:#f0f0f0}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiIconButton-label .MuiSvgIcon-root{border-radius:20px;color:#fff;width:18px;height:18px;background:#aaa 0 0 no-repeat padding-box}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiPaper-root .MuiButtonBase-root .MuiAccordionSummary-expandIcon{position:absolute;left:0}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiPaper-root .MuiButtonBase-root{background:#f0f0f0}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiPaper-root .MuiButtonBase-root .MuiAccordionSummary-content{background:#aaa;height:1px}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .MuiAccordion-root:before{background-color:#f0f0f0}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAG-detail-section{background:#f0f0f0;padding-bottom:0;padding-top:0}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAG-detail-section .row{width:100%}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles{border-radius:0 6px 6px 0;padding:7.5px;max-width:105px;height:140px;background:#fff 0 0 no-repeat padding-box;box-shadow:1px 1px 6px rgba(34,34,34,.1019607843);border-radius:12px;margin-right:20px}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .card-body{padding:10px;min-height:90px;max-height:90px;height:100%}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-StudentProfilesCardDiv{height:100%;border:none}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .closeMediaIcon{position:absolute;background:red;border-radius:20px;right:-10px;top:-7px;cursor:pointer}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-profile{text-align:left}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-profile .CNAGP-img,.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-profile .CNAGP-withImg{width:4.375rem;height:4.375rem;box-shadow:.0625rem .125rem .1875rem rgba(0,0,0,.1019607843);border-radius:50rem}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-profile .CNAGP-img{background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;float:left;display:flex;justify-content:center;margin:0 10px 10px -1px}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-profile .CNAGP-img .profile-img{width:4.375rem!important;height:4.375rem!important;border-radius:50%!important}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-profile .CNAGP-img .CNAGP-rosterProfileImageText{padding:16px 0 0;margin:0!important;text-transform:uppercase;cursor:default;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-33) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-ffffff);text-align:center;font:normal normal normal 24px/33px Open Sans;letter-spacing:0;color:#fff;opacity:1}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-profile .CNAGP-details{width:200%;display:flex}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-profile .CNAGP-details [data-title]{font-size:.7rem;cursor:pointer;margin-bottom:0!important}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-profile .CNAGP-details [data-title]:hover:before{content:attr(data-title);bottom:-40px;padding:5px;background:#000;color:#fff;font-size:.7rem;word-wrap:break-word;width:220px}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-profile .CNAGP-details .CNAGP-nameBigTxt{letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 13px/19px Open Sans;letter-spacing:0;color:#222;opacity:1;display:inline-block;width:180px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-profile .CNAGP-details .CNAGP-name{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 13px/19px Open Sans;letter-spacing:0;color:#222;opacity:1;display:inline-block;width:180px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-StudentProfiles .CNAGP-profile .CNAGP-details .mail{font:normal normal normal .875rem/1.188rem Open Sans;color:#777}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAG-actionBtn{width:40px;height:40px;border-radius:8px;padding:0;margin-right:10px}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAG-actionBtn img{margin-top:-2px;margin-left:0!important}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .cancel{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .save{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box}.ClassNoteAddGroupPanelSCSS .CNAGP-panel-div .CNAG-groupPanel .CNAGP-marginGroup{margin:0}.titleTextEllipse{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;padding:0 10px}.noGrpanelbookDataText{color:#aaa;margin-top:6%;font:normal normal 600 20px/14px Open Sans}.scroll-container{overflow-x:auto;padding-bottom:10px}.student-profiles-row{display:flex;flex-wrap:nowrap}.CNAGP-StudentProfiles{flex:0 0 auto;margin-right:10px}.scroll-container::-webkit-scrollbar{width:5px;height:5px;border-radius:5px!important;position:"relative";top:5px;display:block!important}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer{background:#f0f0f0;height:100%;padding:0 3rem}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .btn:focus,.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer a:focus{outline:none!important;box-shadow:none!important}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .back-btn{font:normal normal 600 1rem/1.375rem Open Sans;background-color:#eee!important;border-radius:.25rem;width:100%;text-align:left!important;color:#222!important;border:none!important;font-weight:600!important;height:3.125rem;width:317px;margin-right:15px}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .back-btn .fa-chevron-left{margin-right:.625rem}@media only screen and (max-width:1200px){.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .back-btn{width:214px;font-size:14px;white-space:nowrap}}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .assessment-btn{font:normal normal 600 13px/16px Open Sans!important;background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box;border-radius:.5rem;border:none!important;width:100%;text-align:center;color:#fff;min-height:48px}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .assessment-btn .actionIcons{width:1.2rem;height:1.2rem;float:left;margin-right:.55rem;margin-top:5px;margin-left:18px}@media only screen and (max-width:1730px){.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .assessment-btn .actionIcons{margin-left:8px}}@media only screen and (max-width:1565px){.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .assessment-btn .actionIcons{margin-left:2px;margin-right:4px}}@media only screen and (max-width:1450px){.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .assessment-btn{font-size:12px!important}}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .note-btn{font:normal normal 600 13px/18px Open Sans!important;background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box;border-radius:.5rem;border:none!important;width:100%;text-align:center;color:#fff;min-height:48px}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .note-btn .actionIcons{width:1.5rem;height:1.5rem;margin-right:.75rem}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .header{min-height:5rem}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .header .card-body{padding:16px}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .header .CNAG-saveCloseBtn{float:right;margin-left:15px;padding:0}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title{text-align:left;font:normal normal 600 1rem/38px Open Sans;color:#222;display:inline-flex}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title .CNAG-border-right{width:350px;display:inline-flex}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title .CNAG-border-right .calIcon{cursor:pointer}@media only screen and (max-width:1200px){.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title .CNAG-border-right{width:224px}}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title .year{margin:auto 0 auto 10px;white-space:nowrap}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title .year .text-italic{font-style:italic}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title .sub-title{font:normal normal normal 12px/17px Open Sans;margin-left:15px;color:#777}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider{text-align:left;font:normal normal 600 1rem/32px Open Sans;color:#222;display:inline-flex;height:50px}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .mt--18{margin-top:-19px}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .mt-18{padding-top:18px!important}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-left{width:104px;margin:0 12px 0 0}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-left .CNAG-suggestion{font:var(--unnamed-font-style-italic) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-777777);text-align:left;font:italic normal normal 12px/17px Open Sans;letter-spacing:0;color:#777;opacity:1}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right{margin:0;display:flex;overflow:auto;width:calc(100vw - 310px);overflow:hidden;height:55px}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right:hover{overflow-x:scroll;overflow-y:hidden}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right .CNAG-student-profile{font:normal normal normal 12px/17px Open Sans;letter-spacing:0;color:#222;opacity:1;width:70px;text-align:left;display:inline-table;margin-bottom:25px;position:relative}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right .CNAG-student-profile label{margin-bottom:0}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right .CNAG-student-profile .img-div{width:3.125rem;height:3.125rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;margin:auto;box-shadow:.0625rem .125rem .1875rem rgba(0,0,0,.1019607843);border-radius:50rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;top:0;position:relative}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right .CNAG-student-profile .img-div img{width:3.125rem;height:3.125rem;border-radius:50rem}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right .CNAG-student-profile .img-div .imgTag{font:normal normal normal 23px/32px Open Sans;color:#fff;margin-top:-9px;display:block}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right ::-webkit-scrollbar{width:2px;height:2px;border-radius:2px!important;position:"relative";top:5px;display:block!important}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right::-webkit-scrollbar{width:2px;height:2px;border-radius:2px!important;position:"relative";top:5px;width:8px}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right::-webkit-scrollbar-thumb{background-color:#888}@media only screen and (max-width:1300px){.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-right{width:calc(100vw - 190px)!important}}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-student-section{margin-top:11px;border-bottom:1px solid #ddd;opacity:1}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-student-section .CNAG-changedCard{padding:9px 1.25rem 20px}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-student-section .CNAG-tickMarkImg{background:transparent linear-gradient(325deg,#386cb5,#669fed) 0 0 no-repeat padding-box;width:16px!important;height:16px!important;border-radius:20px;padding:4px;z-index:1;transform:translate(56px,3px);position:absolute;left:-56px}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-student-section .CNAG-notickMarkImg{background:transparent linear-gradient(341deg,#fff 36%,#fff 0) 0 50% no-repeat padding-box;width:16px!important;height:16px!important;border-radius:20px;padding:4px;transform:translate(25px,18px);margin-top:-15px;margin-left:-12px;position:absolute}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-student-section .groupMarkImg{background:transparent linear-gradient(341deg,#fff 36%,#edf0f3 0) 0 50% no-repeat padding-box;width:16px!important;height:16px!important;border-radius:20px;transform:translate(25px,18px)}@media only screen and (max-width:767px){.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-classNoteAddGroupkMainContainer{padding:0}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-main-section{padding:.9375rem!important}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title{font:normal normal 600 .875rem/1.188rem Open Sans!important;margin-bottom:10px}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .addButton{width:auto;font-size:14px!important}}@media only screen and (max-width:767px){.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-classNoteAddGroupkMainContainer{padding:0}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section{padding:0!important}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .filterSubDiv{margin-top:6px}}@media only screen and (max-width:520px){.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section{padding:0!important}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .filterDiv{float:left}.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer .filterSubDiv{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:10px}}.ClassNoteAddGroupSCSS .mt-0{margin-top:0!important}.ClassNoteAddGroupSCSS .pt-0{padding-top:0!important}.ClassNoteAddGroupSCSS .pointer{cursor:pointer;position:absolute}.ClassNoteAddGroupSCSS .CNAG-changedCardFontCenter{height:100vh;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.ClassNoteAddGroupSCSS .CNAG-changedCardFontCenter .noneStudents{font-weight:600;opacity:.4;display:flex;font:normal normal 600 20px/14px Open Sans}.ClassNoteAddGroupSCSS .CNAG-DetailTextDiv{border-left:2px solid #eee;margin-left:15px}.ClassNoteAddGroupSCSS .CNAG-DisplayFlex{display:flex;cursor:pointer;margin-left:15px}.ClassNoteAddGroupSCSS .CNAG-DisplayFlex p{margin:0!important;padding:0!important;font-size:16px}.ClassNoteAddGroupSCSS .CNAG-DisplayFlex i{color:#487fcc;font-size:24px;padding-top:7px;cursor:pointer}.ClassNoteAddGroupSCSS .CNAG-currentYear{color:#487fcc;margin-bottom:20px;font-size:1rem;font-weight:400;text-align:left;cursor:pointer}.ClassNoteAddGroupSCSS .CNAG-stdNoteGrade2{color:#222;font-size:1.25rem;font-weight:600;text-align:left;cursor:default}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer{font-family:sans-serif;text-align:center;position:relative;flex:.6 1;margin-left:18%}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .iconDiv{position:absolute;left:9px;z-index:2;top:2px}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .iconDiv .CNAG-searchFiltersIcon{cursor:pointer;color:#aaa;margin-right:10px;margin-top:4px}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search *,.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search :after,.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search :before{box-sizing:inherit}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__value{position:relative}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__input{margin-top:5px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;box-shadow:0 0 3px rgba(0,0,0,.1607843137);border:.75px solid #ddd;border-radius:8px;opacity:1}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#c6b6b6!important}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__input::-webkit-search-cancel-button,.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__input::-webkit-search-decoration,.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__input::-webkit-search-results-button,.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__input:not([readonly]):focus{cursor:auto}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__row{border-bottom:solid #ddd;border-width:.15px}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__row:last-child{border-bottom:none}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__not-found,.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search--multiple .select-search__option{height:48px}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__option.is-highlighted.is-selected,.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__option.is-selected,.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__option.is-selected:hover{color:#fff}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__group-header{text-transform:uppercase;background:#fff}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search.is-disabled{opacity:.5}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search:not(.is-disabled) .select-search__input{cursor:pointer;font-weight:600;text-align:left;font:normal normal 600 13px/18px Open Sans;letter-spacing:0;color:#386cb5;opacity:1}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search--multiple{border-radius:3px;overflow:hidden}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search.has-focus .select-search__value:after{display:none}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-bottom-right-radius:0;border-bottom-left-radius:0;border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.ClassNoteAddGroupSCSS .CNAG-dropdownMainContainer .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}.ClassNoteAddGroupSCSS .CNAG-add-note-img{width:.875rem;height:.875rem;margin-right:.5rem;margin-top:-.1875rem}.ClassNoteAddGroupSCSS .CNAG-add-note-disable{opacity:.65!important}.ClassNoteAddGroupSCSS .CNAG-add-note,.ClassNoteAddGroupSCSS .CNAG-add-note-disable{width:6.875rem;height:2.5rem;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box!important;border-radius:.5rem!important;float:right;background:transparent linear-gradient(270deg,var(--unnamed-color-386cb5),var(--unnamed-color-669fed)) 0 0 no-repeat padding-box;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;color:#fff}.ClassNoteAddGroupSCSS .CNAG-add-note{opacity:1}.ClassNoteAddGroupSCSS .CNAG-searchBar{padding-top:4px}.ClassNoteAddGroupSCSS .CNAG-rosterProfileImageText{color:#fff;margin:0!important;text-transform:uppercase;cursor:default}.ClassNoteAddGroupSCSS .CNAG-Popover{width:500px!important;border-radius:20px!important;height:500px!important}@media only screen and (max-width:1300px){.ClassNoteAddGroupSCSS .filterSubDiv{float:left}.ClassNoteAddGroupSCSS .artifactsNote{margin-bottom:unset}}@media only screen and (max-width:1220px){.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer{padding:0 1rem}}@media screen and (min-width:1275px)and (max-width:1300px){.ClassNoteAddGroupSCSS .CNAG-classNoteAddGroupkMainContainer{background:#f0f0f0;height:100%;padding:0 3rem;overflow-x:hidden}.ClassNoteAddGroupSCSS .CNAG-left{width:126px!important;margin:0 11px 0 0!important}.ClassNoteAddGroupSCSS .CNAG-left .CNAG-suggestion{font:var(--unnamed-font-style-italic) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-777777);text-align:left;font:italic normal normal 11px/17px Open Sans;letter-spacing:0;color:#777;opacity:1}}.adv-note{background:#ffeba0 0 0 no-repeat padding-box!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;opacity:1}.adv-note-div .card{border:none!important;background:var(--unnamed-color-ffeba0) 0 0 no-repeat padding-box;background:#ffeba0 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);opacity:1}.adv-note .card-header{width:100%;overflow:hidden}.adv-note .card-header .header-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-section-div .adv-note-ass-div{padding:0 7.5px!important}.adv-note-ass{background:#fac129!important;box-shadow:0 .0625rem .25rem rgba(34,34,34,.1019607843);margin-bottom:.9375rem}.adv-note-ass .card-header{padding:.5rem;text-align:left;line-height:.875rem;background-color:transparent;border-bottom:.0625rem solid #f0d469}.adv-note-ass .card-header .header-text,.adv-note-ass .card-header .submit-text{font:normal normal 600 .75rem/1.063rem Open Sans;color:#222}.adv-note-ass .card-header .submit-text{text-decoration:underline;margin-left:.3rem;cursor:pointer}.adv-note-ass .card-header button{float:right;background:transparent;border:none;line-height:1.125rem;padding:0 .125rem 0 0}.adv-note-ass .card-body{padding:.625rem;min-height:8.75rem;height:170px;overflow:auto}.adv-note-ass .card-text{margin:0;text-align:left;font:normal normal normal .875rem/1.25rem Open Sans;color:#222;white-space:normal}.adv-note-ass .btn-primary:not(:disabled):not(.disabled).active,.adv-note-ass .btn-primary:not(:disabled):not(.disabled):active,.adv-note-ass .show>.btn-primary.dropdown-toggle{color:#fff;background-color:transparent!important;border:none!important;box-shadow:none!important}.adv-note-ass .btn-primary.focus,.adv-note-ass .btn-primary:focus{box-shadow:none}.editTextArea{background:transparent!important;border:none!important;box-shadow:none!important;font-size:16px!important;font-weight:700!important}.padding0{padding:0!important}.popoverTag .popover{width:20rem;padding:0 0 1rem!important;border-radius:11px!important;width:16rem!important;border:none!important}.popoverTag .popover-header{height:2.5rem!important;font-size:1rem!important;background:transparent linear-gradient(180deg,#639ae6,#3d71bb) 0 0 no-repeat padding-box;color:#fff;text-align:center;border-top-left-radius:calc(.6rem - 1px)!important;border-top-right-radius:calc(.6rem - 1px)!important}.bs-popover-left>.arrow:after,.popoverTag .bs-popover-auto[x-placement^=left]>.arrow:after{border-left-color:#3d71bb!important}.popoverTag .popover-inner{width:16rem!important}.popoverTag .popover-body{text-align:center!important;padding:0!important}.editYearInputType{width:15rem!important}.adv-note .loaderIconCss{width:5.5rem;margin-top:1.5rem}.popoverTag .MuiOutlinedInput-root{height:37px!important}.popoverTag .searchIconDiv{padding:0 .5rem!important}.popoverTag .searchTagdiv{width:92%!important;height:29px!important;margin-top:.5rem!important;padding-left:0!important;background:#eee 0 0 no-repeat padding-box;margin-bottom:.5rem!important;border:none!important;border-radius:.3rem!important;font-style:italic!important;display:inline-flex}.popoverTag input.middle:focus{outline-width:0!important}.popoverTag .searchIcon{color:grey!important}.popoverTag .searchTagInput{background:transparent!important;border:none!important;width:100%!important}.popoverTag input{outline:none}.popoverTag .errormessageUpdate{color:#d80f0f!important;float:left!important;font-size:12px!important;margin-bottom:1px!important}.popoverTag .selectTagDiv{background:#fff 0 0 no-repeat padding-box;opacity:1;margin:.4rem;border-bottom:1px solid #eee;cursor:pointer}.popoverTag .selectTagText{text-align:left;font:normal normal normal 15px/24px Open Sans;letter-spacing:.3px;color:#222;opacity:1}.popoverTag .tagDiv{max-height:10rem;overflow:auto}.class-note-classname{width:134px}.CNA-picture-video-sec .deleteImgBtn{margin-left:-.5rem;margin-top:-.375rem;background:red;border-radius:1.25rem;cursor:pointer}.CNA-picture-video-sec .img-div-only{padding:.8rem 1.913rem;background-color:rgba(0,0,0,.1803921569);cursor:pointer}.CNA-picture-video-modal .modal-dialog{display:flex!important;max-width:750px}.CNA-picture-video-modal .delete-btn{min-width:auto}.CNA-picture-video-modal .modal-header{justify-content:space-between}.doc-modal-warning .modal-header{justify-content:space-between!important}.addClassNoteMainContainer{background:#f0f0f0;height:100%;padding:0 3rem;overflow-x:hidden}.addClassNoteMainContainer .btn:focus,.addClassNoteMainContainer a:focus{outline:none!important;box-shadow:none!important}.addClassNoteMainContainer .action-btn{padding:0;background:transparent;border:none;margin:0 .5rem}.addClassNoteMainContainer .note-header .card-body{padding:.8rem}.addClassNoteMainContainer .noteDate{display:inline-flex;font:normal normal normal .875rem/1.188rem Open Sans!important}.addClassNoteMainContainer .left-section .card-body{min-height:60vh}.addClassNoteMainContainer .noteDate .react-datepicker-wrapper{margin:auto 5px auto 0;display:inline-block}.addClassNoteMainContainer .noteDate .react-datepicker__header{background-color:#fff}.addClassNoteMainContainer .addClassNoteMainContainer .noteDate .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{border-bottom-color:#fff}.addClassNoteMainContainer .addClassNoteMainContainer .note-header-title img{margin-right:.3125rem;margin-top:-.1875rem}.addClassNoteMainContainer .CNA-note-header-title{text-align:left;font:normal normal 600 1rem/1.375rem Open Sans;color:#222;margin:auto 0}.addClassNoteMainContainer .CNA-note-header-title-date{margin:1px 0 0}.addClassNoteMainContainer .CNA-datepicker .react-datepicker{position:relative;right:15px}.addClassNoteMainContainer .CNA-datepicker .react-datepicker__triangle{left:22px!important}.addClassNoteMainContainer .CNA-note-header-right-section{font:normal normal normal .8125rem/2.125rem Open Sans;text-align:right;white-space:nowrap}.addClassNoteMainContainer .CNA-note-header-right-section .react-datepicker__tab-loop{display:inline-flex}.addClassNoteMainContainer .CNA-note-header-right-section .react-datepicker__tab-loop .react-datepicker-popper{position:absolute;will-change:transform;top:0;left:0;transform:translate3d(196px,34px,0)}.addClassNoteMainContainer .CNA-note-header-right-section .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__month-container,.addClassNoteMainContainer .CNA-note-header-right-section .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__navigation{display:none}.addClassNoteMainContainer .CNA-note-header-right-section .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__time-container{border-left:none}.addClassNoteMainContainer .reminderIcon{margin:-3px .5rem 0 0}.addClassNoteMainContainer .divider{border:.0625rem solid #ddd;margin:0 .625rem}.addClassNoteMainContainer .profile-card{margin-top:1rem;text-align:left;display:flex}.addClassNoteMainContainer .profile-card .profile-col{display:flex;flex-wrap:wrap;overflow:hidden}.addClassNoteMainContainer .profile-card .profile-col .imageDummyRosterProfile{width:3rem;height:3rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin:0 .4rem .4rem 0;text-align:center;opacity:.8}.addClassNoteMainContainer .profile-card .profile-col .imageDummyRosterProfile .rosterProfileImageText{padding:10px 0 0;color:#fff;margin:0!important;text-transform:uppercase;cursor:default}.addClassNoteMainContainer .profile-card .profile-col .imageDummyRosterProfile .rosterProfileImageTextPadding{padding:11px 0 0}.addClassNoteMainContainer .CNA-left-panel-card{padding:1rem}.addClassNoteMainContainer .profile-card-img{width:3.125rem;height:3.125rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:.0625rem .125rem .1875rem rgba(0,0,0,.1019607843);border-radius:50rem;float:left;margin:.6rem}.addClassNoteMainContainer .profile-img{width:3rem!important;height:3rem!important;border-radius:50%!important;margin-right:.4rem}.addClassNoteMainContainer .profile-name{font:normal normal 600 1rem/1.375rem Open Sans;color:#222}.addClassNoteMainContainer .profile-mail{font:normal normal normal .875rem/1.188rem Open Sans;color:#777}.addClassNoteMainContainer .linked-contact-card ol{font:normal normal normal .875rem/1.188rem Open Sans;padding:0 0 0 .8125rem;text-align:left;line-height:200%;margin:0}.addClassNoteMainContainer .linked-contact-card ol span{float:right;font:normal normal normal .75rem/1.063rem Open Sans;color:#aaa}.addClassNoteMainContainer .CNA-add-assignment-sec textarea{font:normal normal normal .8125rem/1.125rem Open Sans!important;background:#f4f6fa 0 0 no-repeat padding-box;border:.0469rem solid #ccc;min-height:7.3rem}.addClassNoteMainContainer .CNA-add-assignment-sec .title{text-align:left;font:normal normal 600 .8125rem/1.875rem Open Sans}.addClassNoteMainContainer .CNA-add-assignment-sec .custom-control-input:checked~.custom-control-label:before{color:#fff;border-color:#44ce3e;background-color:#44ce3e;width:3.75rem;height:2rem;border-radius:1.25rem;margin-left:-1.5rem;margin-top:-.375rem}.addClassNoteMainContainer .CNA-add-assignment-sec .custom-switch .custom-control-input:checked~.custom-control-label:after{left:calc(-2.25rem + 2px);background-color:#fff;width:1.625rem;height:1.625rem;border-radius:1.25rem;margin-left:-.5rem;margin-top:-.3125rem}.addClassNoteMainContainer .CNA-add-assignment-sec .custom-switch .custom-control-label:before{left:-2.25rem;pointer-events:all;color:#fff;width:3.75rem;height:2rem;border-radius:1.25rem;margin-left:-1.5rem;margin-top:-.375rem}.addClassNoteMainContainer .CNA-add-assignment-sec .custom-switch .custom-control-label:after{left:calc(-3.2rem + 2px);width:1.625rem;height:1.625rem;border-radius:1.25rem;margin-left:-.5rem;margin-top:-.3125rem}.addClassNoteMainContainer .CNA-add-media-sec{min-height:18.5rem}.addClassNoteMainContainer .CNA-left-panel-grp-txt{float:left;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#222;opacity:1}.addClassNoteMainContainer .CNA-left-panel-total-std-txt{float:right;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-aaaaaa);text-align:left;font:normal normal normal 12px/17px Open Sans;letter-spacing:0;color:#aaa;opacity:1}.addClassNoteMainContainer .CNA-add-media-sec .title{text-align:left;font:normal normal 600 .8125rem/1.875rem Open Sans;margin-bottom:.3125rem}.addClassNoteMainContainer .CNA-add-media-sec .title .multimediaTitles{display:flex;justify-content:space-between}.addClassNoteMainContainer .CNA-add-media-sec .title .multimediaTitles .suggestion{text-align:left;font:italic normal normal 12px/18px Open Sans;letter-spacing:0;color:#aaa;opacity:1;align-self:center}.addClassNoteMainContainer .CNA-add-media-sec .title p{margin-bottom:.3125rem}.addClassNoteMainContainer .CNA-add-media-sec .hr-divider hr{margin-top:.7rem;margin-bottom:.7rem}.addClassNoteMainContainer .CNA-picture-video-sec{display:inline-flex;overflow:auto;width:50.63rem;margin-top:-.375rem}.addClassNoteMainContainer .CNA-picture-video-sec .note{width:3.75rem;min-width:3.75rem;height:3.75rem;margin:.5rem .625rem .5rem 0;background-size:cover;display:inline-flex}.addClassNoteMainContainer .CNA-picture-video-sec .blackLayer{width:100%;height:100%;background-color:#000;opacity:.5}.addClassNoteMainContainer .CNA-picture-video-sec .img-div{padding:.8rem 1.313rem;background-color:rgba(0,0,0,.1803921569)}.addClassNoteMainContainer .CNA-picture-video-sec .img-div-2{padding:.8rem 1.313rem;background-color:hsla(0,0%,100%,.4784313725)}.addClassNoteMainContainer .CNA-picture-video-sec .deleteBtn{margin-left:-.5rem;margin-top:-.375rem;background:red;border-radius:1.25rem;cursor:pointer}.addClassNoteMainContainer .profile-card .timeline-header{font:normal normal 600 .875rem/1.188rem Open Sans;color:#777}.addClassNoteMainContainer .profile-card .timeline-header .btn{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;border-radius:.875rem;font:normal normal normal .6875rem/.9375rem Open Sans;letter-spacing:0;color:#fff;width:4.25rem;padding:.3125rem}.addClassNoteMainContainer .audit-sec{display:inline-flex;overflow-x:auto;overflow-y:hidden;width:50.63rem}.addClassNoteMainContainer .audit-sec audio{border-radius:.375rem;width:15.63rem;max-width:15.63rem;margin:1.375rem 0 0;min-width:15.63rem;display:inline-flex;height:1.125rem;outline:none!important}.addClassNoteMainContainer .audio-filename{margin-bottom:0!important;height:.375rem!important;margin-left:2.25rem}.addClassNoteMainContainer .audit-sec .deleteBtn{margin-left:-1.638rem;background:red;border-radius:1.25rem;cursor:pointer;margin-right:.375rem;margin-top:.1rem}.addClassNoteMainContainer .audit-sec .audio-sub-div{background:#f1f3f4;height:3.438rem;margin:.5rem .9375rem .5rem 0}.addClassNoteMainContainer .audit-sec .audio-sub-div .player{outline:none}.addClassNoteMainContainer .audit-sec .audio-div{display:inline-flex}.addClassNoteMainContainer .audio-sec{display:flex}.addClassNoteMainContainer .add-media{float:left;margin-top:1px}.addClassNoteMainContainer .btn-add-media{height:3.938rem;padding:0!important;border:0!important;background:transparent!important;margin-right:.75rem!important}.addClassNoteMainContainer .btn-add-media input[type=file]{opacity:0;width:53px;position:absolute;height:53px;cursor:pointer}.addClassNoteMainContainer .addEditNoteTimeLine .vertical-timeline:before{background:#ccc!important;top:.9375rem;left:1.875rem;height:94%}.addClassNoteMainContainer .addEditNoteTimeLine .vertical-timeline--one-column .vertical-timeline-element-icon{left:0;background:#ccc!important}.addClassNoteMainContainer .addEditNoteTimeLine .vertical-timeline--one-column .vertical-timeline-element{margin-top:0;margin-bottom:0}.addClassNoteMainContainer .addEditNoteTimeLine .vertical-timeline--one-column .vertical-timeline-element-content{width:auto;margin-left:3.125rem;box-shadow:none;background:transparent;min-height:.0625rem}.addClassNoteMainContainer .addEditNoteTimeLine .vertical-timeline--one-column .vertical-timeline-element-content .vertical-timeline-element-date{left:-3.125rem;top:.125rem;width:unset}.addClassNoteMainContainer .addEditNoteTimeLine .vertical-timeline{padding:1em 0}.addClassNoteMainContainer .addEditNoteTimeLine .attached-tag{margin:0 0 0 .5rem}.addClassNoteMainContainer .addEditNoteTimeLine .vertical-timeline--one-column .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{right:unset;top:-.55rem}.addClassNoteMainContainer .add-media-modal .modal-title{font:normal normal 600 .875rem/1.0625rem Open Sans!important;display:inline-flex}.addClassNoteMainContainer .add-media-modal .modal-title input{font:normal normal 600 .875rem/1.0625rem Open Sans!important;padding:0;height:26px;border:none;box-shadow:none}.addClassNoteMainContainer .add-media-modal .btn{padding:0 5px 0 0}.addClassNoteMainContainer .add-media-modal .btn:focus{box-shadow:none!important}.addClassNoteMainContainer .add-media-modal .fa-pencil{color:#aaa}.addClassNoteMainContainer .add-media-modal{margin-top:5rem}.addClassNoteMainContainer .add-media-modal .modal-title{font:normal normal 600 1rem/1.375rem Open Sans!important;margin-bottom:.625rem}.addClassNoteMainContainer .add-media-modal .modal-header{padding:.8rem 1rem 0;border-radius:.5rem}.addClassNoteMainContainer .add-media-modal .modal-body{margin-top:.375rem;justify-content:center;min-height:9.6875rem}.addClassNoteMainContainer .add-media-modal .modal-footer{justify-content:center}.addClassNoteMainContainer .add-media-modal .modal-footer button{width:2.5rem;height:2.5rem;border-radius:1.25rem;padding:0}.addClassNoteMainContainer .add-media-modal .modal-footer .btn-danger{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box}.addClassNoteMainContainer .add-media-modal .modal-footer .btn-success{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box}.addClassNoteMainContainer .add-media-modal .modal-footer button img{margin-top:-.1875rem;margin-left:.0625rem}.addClassNoteMainContainer .add-media-modal .modal-footer .deleteIcon img{margin-top:-.0625rem;margin-left:-.0625rem}.addClassNoteMainContainer .add-media-modal .modal-content{border-radius:.5rem}.addClassNoteMainContainer .voice-recorder{width:100%;height:3.875rem}.addClassNoteMainContainer .record-btn{cursor:pointer}.addClassNoteMainContainer .record-btn .btn{background:transparent;border:none}.addClassNoteMainContainer .record-btn .playAfterPause{width:42px;height:42px;border:1px solid #000!important;border-radius:50px}.addClassNoteMainContainer .record-btn .playAfterPause .playIconPause{margin-left:2px}.addClassNoteMainContainer .record-info{font:normal normal normal .625rem/.875rem Open Sans;color:#888;margin-top:.5rem;margin-bottom:.5rem}.addClassNoteMainContainer .record-btn .btn-primary.focus,.addClassNoteMainContainer .record-btn .btn-primary:focus,.addClassNoteMainContainer .record-btn .btn-primary:hover,.addClassNoteMainContainer .record-btn .btn-primary:not(:disabled):not(.disabled).active,.addClassNoteMainContainer .record-btn .btn-primary:not(:disabled):not(.disabled):active,.addClassNoteMainContainer .record-btn .show>.btn-primary.dropdown-toggle{color:#fff;background-color:transparent;border-color:transparent;box-shadow:none}.addClassNoteMainContainer .display-none{display:none!important}.addClassNoteMainContainer .timer{position:absolute;top:2.0625rem;font:normal normal 600 .875rem/1.188rem Open Sans;letter-spacing:0;color:#222;margin-left:3.75rem}.addClassNoteMainContainer .level-score-sec{border-left:.0625em solid #ccc;margin-bottom:0;text-align:right}.addClassNoteMainContainer .level-score-sec .sub-div{display:inline-flex;line-height:2.5em}.addClassNoteMainContainer .level-score-sec .sub-div input{width:100%;margin-left:.625em;background:#f4f6fa 0 0 no-repeat padding-box;border:.0469em solid #ccc;font:normal normal normal .875em/1.1875em Open Sans;color:#bbb;color:#000!important}.addClassNoteMainContainer .multimedia-suggestion{font:italic normal normal 13px/18px Open Sans!important;margin:auto 8px!important;color:#aaa!important}.addClassNoteMainContainer .audio-suggestion{float:right;font:italic normal normal 13px/18px Open Sans;color:#aaa}.addClassNoteMainContainer .headerBar{width:100%;height:80px;background:#fff;justify-content:space-between;display:flex;margin-bottom:20px;padding:1rem .5rem 1rem 0;border-radius:0 0 8px 8px}.addClassNoteMainContainer .note-header-title{display:flex;font:normal normal 600 .875rem/1.188rem Open Sans!important}.addClassNoteMainContainer .CNA-stdNoteBackDiv{text-align:left;font:normal normal 600 1rem/1.375rem Open Sans;color:#222;cursor:pointer}.addClassNoteMainContainer .CNA-stdNoteDetailTextDiv{border-left:2px solid #eee;margin-left:15px}.addClassNoteMainContainer .CNA-stdNoteDisplayFlex{display:flex;cursor:pointer;margin-top:9px;margin-left:15px}.addClassNoteMainContainer .CNA-stdNoteDisplayFlex p{margin:0!important;padding:2px 0 0!important;font-size:16px}.addClassNoteMainContainer .CNA-stdNoteDisplayFlex i{color:#487fcc;font-size:24px;cursor:default}.addClassNoteMainContainer .CNA-currentYear{color:#487fcc;margin-bottom:20px;font-size:1rem;font-weight:400;text-align:left;cursor:pointer}.addClassNoteMainContainer .CNA-stdNoteGrade1{color:#487fcc;cursor:pointer}.addClassNoteMainContainer .CNA-stdNoteGrade2{color:#222;font-size:1.25rem;font-weight:600;text-align:left;cursor:default}.addClassNoteMainContainer .CNA-class-txt{display:flex;cursor:pointer;margin-left:15px}.addClassNoteMainContainer .CNA-class-txt p{margin:0!important;padding:0!important;font-size:16px}.addClassNoteMainContainer .CNA-class-txt-2{color:#487fcc;cursor:default;font-weight:600}.addClassNoteMainContainer .CNA-class-txt-1{color:#222;font-weight:600;text-align:left;cursor:default}.addClassNoteMainContainer .powerCenter{text-align:-webkit-center}.addClassNoteMainContainer .CNA-NoteFilterSection{min-height:3.75rem}.addClassNoteMainContainer .CNA-NoteFilterSection .card-body{padding:.625rem 1.25rem}.addClassNoteMainContainer .CNA-NoteFilterSection .CNA-addClassNoteMainContainer{margin:auto;padding-top:0}.addClassNoteMainContainer .CNA-addClassNoteMainContainer .form-group{width:unset}.addClassNoteMainContainer .CNA-addClassNoteMainContainer .noteDate{display:inline-flex;font:normal normal normal .875rem/1.188rem Open Sans!important}.addClassNoteMainContainer .CNA-addClassNoteMainContainer .noteDate .react-datepicker-wrapper{margin:auto 5px auto 0}.addClassNoteMainContainer .CNA-addClassNoteMainContainer .noteDate .react-datepicker__header{background-color:#fff}.addClassNoteMainContainer .CNA-addClassNoteMainContainer .noteDate .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{border-bottom-color:#fff}.addClassNoteMainContainer .CNA-add-Level-Score-sec{height:4.375rem}.addClassNoteMainContainer .CNA-add-Level-Score-sec .card-body{flex:1 1 auto;min-height:1px;padding:.938rem}.addClassNoteMainContainer .level-row{padding:0 12px}.addClassNoteMainContainer .level-title{padding:0!important}.addClassNoteMainContainer .level-sub-div .form-control,.addClassNoteMainContainer .score-sub-div .form-control{width:70%!important;margin-left:.625rem;background:var(--unnamed-color-f4f6fa) 0 0 no-repeat padding-box;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ccc;border-radius:8px;opacity:1}.addClassNoteMainContainer .level-sec{padding:6px 0!important;margin:0!important;font-weight:600}.addClassNoteMainContainer .score-title{padding:0!important}.addClassNoteMainContainer .score-sub-div{padding:0 6px!important;display:flex;direction:row;justify-content:left}.addClassNoteMainContainer .score-sec{padding:6px 0!important;margin:0!important;font-weight:600}.addClassNoteMainContainer .contactTextAreaTopDist{margin-top:12px}@media screen and (min-width:1275px)and (max-width:1470px){.addClassNoteMainContainer .CNA-class-txt{display:flex;cursor:pointer;margin-left:0}.addClassNoteMainContainer .CNA-class-txt p{margin:0!important;padding:0!important;font-size:12px}.addClassNoteMainContainer .CNA-note-header-title{text-align:left;font:normal normal 600 1rem/1.375rem Open Sans;color:#222;margin:auto 0;max-width:140px}.addClassNoteMainContainer .CNA-addClassNoteMainContainer .form-group,.addClassNoteMainContainer .CNA-note-header-right-section{width:230px}.addClassNoteMainContainer .CNA-left-panel-total-std-txt{float:right;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-aaaaaa);text-align:left;font:normal normal normal 11px/17px Open Sans;letter-spacing:0;color:#aaa;opacity:1;padding-top:1px}.addClassNoteMainContainer .CNA-stdNoteDisplayFlex{display:flex;cursor:pointer;margin-top:9px;margin-left:15px}.addClassNoteMainContainer .CNA-stdNoteDisplayFlex p{margin:0!important;padding:0!important;font-size:13px}.addClassNoteMainContainer .CNA-stdNoteDisplayFlex i{color:#487fcc;font-size:20px;cursor:default}}@media only screen and (max-width:81.25rem){.addClassNoteMainContainer .card-body{padding:.8rem}.addClassNoteMainContainer .CircularProgressbar{margin-top:-.3125rem}.addClassNoteMainContainer .action-div{margin:auto}.addClassNoteMainContainer .CNA-add-media-sec{min-height:17.625rem}}@media only screen and (max-width:80rem){.addClassNoteMainContainer .CNA-add-assignment-sec .custom-switch .custom-control-label:before{width:3.125rem;height:1.5625rem;border-radius:1.25rem;margin-left:-.875rem;margin-top:-.1875rem}.addClassNoteMainContainer .CNA-add-assignment-sec .custom-switch .custom-control-label:after{width:1.3125rem;height:1.3125rem;margin-left:.125rem;margin-top:-.1875rem}.addClassNoteMainContainer .CNA-add-assignment-sec .custom-control-input:checked~.custom-control-label:before{width:3.125rem;height:1.5625rem;border-radius:1.25rem;margin-left:-.875rem;margin-top:-.1875rem}.addClassNoteMainContainer .CNA-add-assignment-sec .custom-switch .custom-control-input:checked~.custom-control-label:after{width:1.3125rem;height:1.3125rem;border-radius:1.25rem;margin-left:-.0625rem;margin-top:-.1875rem}}@media only screen and (max-width:1220px){.addClassNoteMainContainer .noteOptionIcons{width:1.375rem;height:1.375rem;margin-right:.3125rem}.addClassNoteMainContainer .addClassNoteMainContainer{padding:0 1rem}.addClassNoteMainContainer .note-header-select .form-group{width:unset}.addClassNoteMainContainer .CNA-add-media-sec .hr-divider hr{margin-top:.5rem;margin-bottom:.5rem}}@media only screen and (max-width:991px){.addClassNoteMainContainer .action-div img{width:4.6875rem!important}.addClassNoteMainContainer .audit-sec,.addClassNoteMainContainer .CNA-picture-video-sec{width:33.3125rem}.addClassNoteMainContainer .CNA-note-header-right-section{margin-top:.5rem}.addClassNoteMainContainer .pr-7-5{padding-right:.9375rem!important}.addClassNoteMainContainer .pl-7-5{padding-left:.9375rem!important}}@media only screen and (max-width:767px){.addClassNoteMainContainer .CircularProgressbar{width:2.875rem}.addClassNoteMainContainer .audit-sec,.addClassNoteMainContainer .CNA-picture-video-sec{width:37.5rem}.addClassNoteMainContainer .note-header{height:4.063rem}.addClassNoteMainContainer .left-section{padding:.9375rem .9375rem 0!important}.addClassNoteMainContainer .right-section{padding:.9375rem!important}}@media only screen and (max-width:725px){.addClassNoteMainContainer .audit-sec,.addClassNoteMainContainer .CNA-picture-video-sec{width:31.25rem}}@media only screen and (max-width:631px){.addClassNoteMainContainer .audit-sec,.addClassNoteMainContainer .CNA-picture-video-sec{width:28.125rem}.addClassNoteMainContainer .level-score-sec .sub-div input{margin-left:5px;padding:0 4px}}@media only screen and (max-width:581px){.addClassNoteMainContainer .audit-sec,.addClassNoteMainContainer .CNA-picture-video-sec{width:25rem}}@media only screen and (max-width:552px){.addClassNoteMainContainer .audit-sec,.addClassNoteMainContainer .CNA-picture-video-sec{width:23.125rem;width:18.75rem}}@media only screen and (max-width:552px){.addClassNoteMainContainer .CNA-picture-video-sec{width:18.75rem}}@media only screen and (max-width:520px){.addClassNoteMainContainer .left-section,.addClassNoteMainContainer .right-section{padding:0!important}}@media only screen and (max-width:450px){.addClassNoteMainContainer .action-div img{width:4.0625rem!important}}.timeline-section-div{margin:0 -7.5px!important}.timeline-section-div .adv-note-div{padding:0 7.5px!important}.adv-note{background:transparent linear-gradient(180deg,#ffe996,#f8db6e) 0 0 no-repeat padding-box!important;box-shadow:0 .0625rem .25rem rgba(34,34,34,.1019607843);margin-bottom:.9375rem}.adv-note .card-header{padding:.5rem;text-align:left;line-height:.875rem;background-color:transparent;border-bottom:.0625rem solid #f0d469}.adv-note .card-header .header-text{font:normal normal 600 .75rem/1.063rem Open Sans;color:#222}.adv-note .card-header button{float:right;background:transparent;border:none;line-height:1.125rem;padding:0 .125rem 0 0}.adv-note .card-body{padding:.625rem;min-height:8.75rem;height:170px;overflow:auto}.adv-note .card-text{margin:0;text-align:left;font:normal normal normal .875rem/1.25rem Open Sans;color:#222;white-space:normal}.adv-note .btn-primary:not(:disabled):not(.disabled).active,.adv-note .btn-primary:not(:disabled):not(.disabled):active,.adv-note .show>.btn-primary.dropdown-toggle{color:#fff;background-color:transparent!important;border:none!important;box-shadow:none!important}.adv-note .btn-primary.focus,.adv-note .btn-primary:focus{box-shadow:none}.NoteSelectClassSCSS-NSC .classAttendanceContainer{background:#f0f0f0;height:100%;overflow-x:hidden;padding:0 2.5rem 1rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .noneStudents{color:#aaa;font:normal normal 600 20px/14px Open Sans;line-height:inherit;padding-top:240px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC{width:100%;height:80px;background:#fff;justify-content:space-between;display:flex;padding:1rem;border-radius:0 0 8px 8px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .classAttendaceDetailsMain-NSC{display:flex;align-items:center;width:60px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .classAttendaceDetailsMain-NSC .attClassBackDiv-NSC{display:flex;padding:.8rem;background:transparent;cursor:pointer;align-items:center}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .classAttendaceDetailsMain-NSC .attClassBackIcon{font-size:1.3rem;padding-top:3px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .classAttendaceDetailsMain-NSC .attClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .buttonMarginTop-NSC{display:flex;align-items:center}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .buttonMarginTop-NSC .editAttBtn{width:5.3rem!important;border-radius:2rem!important}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .buttonMarginTop-NSC .editAttBtn,.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .buttonMarginTop-NSC .viewNoteDiv-NSC{height:2.5rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:none!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .buttonMarginTop-NSC .viewNoteDiv-NSC{width:6.875rem!important;border-radius:.5rem!important}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .buttonMarginTop-NSC .pencilAttIcon{width:1rem;margin-top:.2rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .buttonMarginTop-NSC .viewAttIcon-NSC{width:.9rem;margin-top:.4rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .buttonMarginTop-NSC .viewAttText-NSC{color:#fff;font-size:.9rem;margin-left:.5rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .buttonMarginTop-NSC .displayFlexInSeletAtt{padding-right:10px;display:flex}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .buttonMarginTop-NSC .displayFlexInSeletAtt .undoSelect{width:6.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:.5rem;opacity:1;margin-right:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .buttonMarginTop-NSC .displayFlexInSeletAtt .confirmSlectedDiv{width:6.25rem;height:2.5rem;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;border-radius:.5rem;opacity:1;cursor:pointer}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .buttonMarginTop-NSC .displayFlexInSeletAtt .confirmSlectedDiv .confirmIcon{padding:.45rem 0 0;color:#fff;font-size:1.7rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .attClassDetailTextDiv-NSC{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .attClassDetailTextDiv-NSC .attClassName-NSC{margin:0;font-size:1rem;font-weight:600;text-align:left;color:#386cb5}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC{display:flex;flex-direction:row;align-items:center;cursor:pointer;width:250px;padding-top:10px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC .calIcon-NSC{align-self:center;cursor:default;cursor:not-allowed;margin-bottom:10px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC .classForIcon-NSC{color:#487fcc;margin-bottom:19px;margin-left:-2px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC .attClassGrade-NSC{color:#487fcc;margin-bottom:20px;font-size:1rem;font-weight:400;text-align:left;cursor:pointer}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC .attClassGrade2-NSC{color:#222;margin-bottom:21px;font-size:1.25rem;font-weight:600;text-align:left;cursor:default}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC .attClassGrade3{color:#487fcc;margin-top:8px;margin-left:5px;font-size:1rem;font-weight:400;text-align:left;cursor:default}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC .headingForEdited{display:inline-flex;flex-wrap:wrap;cursor:default;align-items:center}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC .headingForEdited .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC .headingForEdited .head{color:#386cb5;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0}.NoteSelectClassSCSS-NSC .classAttendanceContainer .ClassAttendanceMainDiv-NSC .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC .attClassGrades{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:1px 0 0 5px;cursor:default;font-weight:600}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem;flex-wrap:wrap;align-items:center}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .classAttendaceDetailsMain-NSC{display:flex;flex:.2 1;align-items:"center"}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .classAttendaceDetailsMain-NSC .attClassBackDiv-NSC{display:flex;padding:.8rem;background:transparent;cursor:pointer;align-items:center}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .classAttendaceDetailsMain-NSC .attClassBackIcon{font-size:1.3rem;padding-top:3px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .classAttendaceDetailsMain-NSC .attClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv-NSC{margin-left:1rem;flex:.6 1;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv-NSC .firstDetailsDiv{display:grid}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv-NSC .headingTitles{display:inline-flex;flex-wrap:wrap;padding-bottom:10px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv-NSC .headingTitles .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv-NSC .headingTitles .head{color:#386cb5;text-transform:capitalize;padding-right:5px;font:normal normal 600 14px/14px Open Sans;margin:0}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC{display:flex;cursor:pointer}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC .calIcon-NSC{align-self:center;cursor:default;cursor:not-allowed}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv-NSC .displayFlexClassRoster-NSC .attClassGrade-NSC{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0 5px;cursor:default}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo{margin-left:1rem;flex:.4 1;padding:.3rem 0 0 1rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .firstDetailsDiv{display:grid}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .headingTitles{display:inline-flex;flex-wrap:wrap;padding-bottom:10px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .headingTitles .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .headingTitles .head{color:#386cb5;text-transform:capitalize;padding-right:5px;font:normal normal 600 14px/14px Open Sans;margin:0}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .displayFlexClassRoster-NSC{display:flex;cursor:pointer}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .displayFlexClassRoster-NSC .calIcon-NSC{align-self:center;cursor:default;cursor:not-allowed}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .displayFlexClassRoster-NSC .attClassGrade-NSC{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0 5px;cursor:default}.NoteSelectClassSCSS-NSC .classAttendanceContainer .viewAttTitleDiv .classOptionGet{width:4.7rem;height:3.7rem;background:transparent linear-gradient(270deg,#4479c4,#669fed) 0 0 no-repeat padding-box;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer{display:flex}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .commentCardDiv{width:24%;height:5rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;margin:1rem 0 0 1%}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .commentTextBox{width:100%;height:80px;background:#f4f6fa 0 0 no-repeat padding-box;font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv{width:75%;height:5rem;margin:1rem 0 0;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;padding:.1rem .3rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard{width:100%;height:4.8rem;display:inline-flex;position:relative;bottom:4px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv{width:4rem;padding:5px 0 5px 10px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .studentAttProfileImage{width:3.75rem;height:3.75rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .DummyClassAttProfileDiv,.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .imageDummyDivProfileAtt{width:4rem;height:4rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;text-align:center}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .imageDummyDivProfileAtt{opacity:.8}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .imageDummyDivProfileAtt .profileImageAttDummyText,.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .profileClassAttDummyText,.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .profileImageDummyAttText{color:#fff;padding-top:30%;text-transform:uppercase}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttTextInfoDiv{flex:1 1;text-align:left;padding:12px 0 0 18px;min-width:235px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttTextInfoDiv .classAttName{margin:0;font-size:1rem;font-weight:600;color:#222}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttTextInfoDiv .classAttEmail{margin:0;font-size:.9rem;color:#888}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiCommentDiv{padding:22px 7px 0 0;cursor:pointer}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiCommentDiv .commentDiv .commentData-style .attComment-img{width:30px;height:20px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiCommentsDiv{padding:12px 7px 0 0;cursor:default}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiCommentsDiv .commentDiv .commentData-style .attComment-img{width:30px;height:20px;margin-bottom:10px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiCommentsDiv .commentDiv .commentData-style .commentsDataRange{font:normal normal 600 12px/14px Open Sans;color:#386cb5}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiDiv{flex:.1 1;display:inline-flex;align-items:center;padding-top:15px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiDiv .emojiIcons{height:60px;cursor:pointer;width:70px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiDiv .emojiIconsFair{height:60px;cursor:pointer;width:70px;padding-right:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiDiv .vertical-line{display:inline-block;border-left:2px solid #d5cfcf;height:45px;padding-right:5px;margin-bottom:10px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv{flex:.1 1;display:inline-flex;align-items:center;padding-top:0}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .emojiIcons{height:60px;cursor:pointer;width:70px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .emojiIconsFair{height:60px;cursor:pointer;width:70px;padding-right:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .vertical-line{display:inline-block;border-left:2px solid #d5cfcf;height:45px;padding-right:5px;margin-bottom:10px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeHappy{font:normal normal 600 13px/14px Open Sans;color:#3cff00;padding-top:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeFair{font:normal normal 600 13px/14px Open Sans;color:#fde432;padding-top:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeSad{font:normal normal 600 13px/14px Open Sans;color:#f7830b;padding-top:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeAbsent{font:normal normal 600 13px/14px Open Sans;color:red;padding-top:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .showViewAttEmoji{cursor:default!important}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .showParticularComtBox{width:24%;height:5rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;margin:1rem 0 0 1%}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .showParticularComtBox .showPartiCmtText{font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .showParticularComtBox .showNonePartiCmtText{color:#777;font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .showParticularEditComtBox{width:24%;height:5rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;margin:1rem 0 0 1%}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .showParticularEditComtBox .inputBox{width:100%;height:80px;background:#f4f6fa 0 0 no-repeat padding-box;font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .showParticularEditComtBox .showPartiCmtText{font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .showParticularEditComtBox .showNonePartiCmtText{color:#777;font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .showAttScoreBox{min-height:5.9rem;margin:1rem 0 .8rem .8rem;border-radius:.5rem;padding:10px;background:#fff 0 0 no-repeat padding-box;border:1px solid #ccc;min-width:120px;max-width:120px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .showAttScoreBox .showPartiCmtText{font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .showAttScoreBox .showNonePartiCmtText{color:#aaa;font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttParentContainer .showAttScoreBox .showScoreText{color:#386cb5;font:normal normal 600 20px/25px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer{display:flex}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv{width:100%;height:5.8rem;margin:1rem 0 .8rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;padding:.1rem .3rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard{width:100%;height:4.8rem;display:inline-flex;position:relative}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv{width:4rem;padding:5px 0 5px 10px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .studentAttProfileImage{width:3.75rem;height:3.75rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .DummyClassAttProfileDiv,.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .imageDummyDivProfileAtt{width:4rem;height:4rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;text-align:center}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .imageDummyDivProfileAtt{opacity:.8}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .imageDummyDivProfileAtt .profileImageAttDummyText,.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .profileClassAttDummyText,.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .profileImageDummyAttText{color:#fff;padding-top:30%;text-transform:uppercase}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttTextInfoDiv{flex:1 1;text-align:left;padding:12px 0 0 18px;min-width:235px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttTextInfoDiv .classAttName{margin:0;font-size:1rem;font-weight:600;color:#222}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttTextInfoDiv .classAttEmail{margin:0;font-size:.9rem;color:#888}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentDiv{padding:22px 7px 0 0;cursor:pointer}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentDiv .commentDiv .commentData-style .attComment-img{width:30px;height:20px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentsDiv{padding:12px 7px 0 0;cursor:default}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentsDiv .commentDiv .commentData-style .attComment-img{width:30px;height:20px;margin-bottom:10px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentsDiv .commentDiv .commentData-style .commentsDataRange{font:normal normal 600 12px/14px Open Sans;color:#386cb5}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiDiv{flex:.1 1;display:inline-flex;align-items:center;padding-top:15px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiDiv .emojiIcons{height:60px;cursor:pointer;width:70px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiDiv .emojiIconsFair{height:60px;cursor:pointer;width:70px;padding-right:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiDiv .vertical-line{display:inline-block;border-left:2px solid #d5cfcf;height:45px;padding-right:5px;margin-bottom:10px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv{flex:.1 1;display:inline-flex;align-items:center;padding-top:0}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .emojiIcons{height:60px;cursor:pointer;width:70px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .emojiIconsFair{height:60px;cursor:pointer;width:70px;padding-right:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .vertical-line{display:inline-block;border-left:2px solid #d5cfcf;height:45px;padding-right:5px;margin-bottom:10px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeHappy{font:normal normal 600 13px/14px Open Sans;color:#3cff00;padding-top:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeFair{font:normal normal 600 13px/14px Open Sans;color:#fde432;padding-top:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeSad{font:normal normal 600 13px/14px Open Sans;color:#f7830b;padding-top:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeAbsent{font:normal normal 600 13px/14px Open Sans;color:red;padding-top:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .showViewAttEmoji{cursor:default!important}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .showParticularComtBox{width:24%;height:5rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;margin:1rem 0 0 1%}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .showParticularComtBox .showPartiCmtText{font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .showParticularComtBox .showNonePartiCmtText{color:#777;font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox{min-height:5.9rem;margin:1rem 0 .8rem .8rem;border-radius:.5rem;padding:10px;background:#fff 0 0 no-repeat padding-box;border:1px solid #ccc;min-width:120px;max-width:120px;display:flex;justify-content:center;align-items:center}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox .showPartiCmtText{font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox .showNonePartiCmtText{color:#aaa;font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox .showScoreText{color:#386cb5;font:normal normal 600 20px/25px Open Sans}.NoteSelectClassSCSS-NSC .eventNone{pointer-events:none}.NoteSelectClassSCSS-NSC .attendance-popContainer{left:60px!important;top:-62px!important;min-height:78px!important;border-radius:0!important;padding:5px!important;box-shadow:0 0 15px rgba(34,34,34,.2);border:#fff!important;width:240px!important}.NoteSelectClassSCSS-NSC .attendance-popContainer .popover-inner{box-shadow:0 0 15px rgba(34,34,34,.2);border:#fff!important;width:245px!important;background-color:#fff;border-radius:5px}.NoteSelectClassSCSS-NSC .attendance-popContainer .popover-inner .popUpContainer{box-shadow:1px .35rem 3.475rem 14px rgba(13,13,13,.1019607843)}.NoteSelectClassSCSS-NSC .attendance-popContainer .popover-inner .popUpContainer .bs-popover-auto[x-placement^=left]>.arrow:after,.NoteSelectClassSCSS-NSC .attendance-popContainer .popover-inner .popUpContainer .bs-popover-left>.arrow:after{border-left-color:#fff!important}.NoteSelectClassSCSS-NSC .attendance-popContainer .popover-inner .popUpContainer .titleCloseDiv{display:flex}.NoteSelectClassSCSS-NSC .attendance-popContainer .popover-inner .popUpContainer .titleCloseDiv .addTitle{flex:1 1;padding-top:3px;margin-bottom:0!important;font:normal normal 600 14px/17px Open Sans;color:#0f0e0e}.NoteSelectClassSCSS-NSC .attendance-popContainer .popover-inner .popUpContainer .titleCloseDiv .closeIcon{float:right;cursor:pointer}.NoteSelectClassSCSS-NSC .attendance-popContainer .popover-inner .popUpContainer .titleCloseDiv .attcloseIcon{margin-right:10px}.NoteSelectClassSCSS-NSC .attendance-popContainer .popover-inner .popUpContainer .textBoxBtnDiv .input-box{width:222px;height:160px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ccc;border-radius:5px;float:left;margin-top:15px;margin-left:0;color:#685f5f;font:normal normal 600 13px/14px Open Sans}.NoteSelectClassSCSS-NSC .attendance-popContainer .popover-inner .popUpContainer .textBoxBtnDiv .saveBtn{width:70px;height:28px;background:transparent linear-gradient(90deg,#669fec,#3e72bc) 0 0 no-repeat padding-box;border-radius:14px;margin-top:15px;margin-left:74px;font:normal normal 600 12px/14px Open Sans;color:#fff}.NoteSelectClassSCSS-NSC .attendance-popContainer .popover-inner .popUpContainer .textBoxBtnDiv .saveBtn:active,.NoteSelectClassSCSS-NSC .attendance-popContainer .popover-inner .popUpContainer .textBoxBtnDiv .saveBtn:focus{outline:none;box-shadow:none}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content{border-radius:8px;width:302px;margin:auto;background-color:#fff!important}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:8px;padding:20px 20px 0!important}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content .modal-body .filterDiv{display:flex;flex-wrap:wrap}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content .modal-body .filterDiv .listAllClassAttFilter{width:5.28rem;height:1.35rem;border:.5px solid #aaa;cursor:pointer;border-radius:16px;margin:.15rem;display:flex;align-items:center;justify-content:center}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content .modal-body .filterDiv .listAllClassAttFilter .listAllClassFilterAttText{font-size:.8rem;color:#aaa;padding:1rem 0 0 .1rem}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content .modal-body .filterDiv .myClassFilterAttTodayDiv{width:5.28rem;height:1.35rem;border:.5px solid #aaa;border-radius:16px;margin:.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content .modal-body .filterDiv .myClassFilterAttTodayDiv .listAllClassFilterAttText{font-size:.8rem;color:#aaa;padding:1rem 0 0 .1rem}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content .modal-body .filterDiv .myClassFilterAttDiv{width:5.28rem;height:1.35rem;border:.5px solid #aaa;border-radius:16px;margin:.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content .modal-body .filterDiv .myClassFilterAttDiv .listAllClassFilterAttText{font-size:.8rem;color:#aaa;padding:1rem 0 0 .1rem}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content .modal-body .filterDiv .selectedDivClr{border:.5px solid #639be7!important}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content .modal-body .filterDiv .selectedTextClr{color:#639be7!important}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock{padding:10px 20px}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlock{border:1px solid #ddd;background:#f4f6fa;border-radius:5px;padding:12px;display:flex;justify-content:space-between}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlock .react-datepicker-wrapper{cursor:pointer}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlock .dayDateTextDiv{width:250px}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlock .dayDateTextDiv .dayDateText{margin-bottom:0!important;font:normal normal 600 16px/24px Open Sans}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlock .displayFlexAttClassRoster{display:flex;cursor:pointer;padding-bottom:2px;padding-right:5px}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlock .displayFlexAttClassRoster .calIcon-NSC{align-self:center;cursor:default;cursor:not-allowed}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlock .displayFlexAttClassRoster .attClassGrade-NSC{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:3px 0 0 3px;cursor:default}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlock .calMargin{margin:4px 0}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlocks{border:1px solid #ddd;background:#f4f6fa;border-radius:5px;padding:12px;display:flex;justify-content:space-between;margin-top:15px}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlocks .react-datepicker-wrapper{cursor:pointer}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlocks .dayDateTextDiv{width:250px}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlocks .dayDateTextDiv .dayDateText{margin-bottom:0!important;font:normal normal 600 16px/24px Open Sans}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlocks .calIcon-NSC{align-self:center;cursor:not-allowed}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlocks .displayFlexAttClassRoster{display:flex;cursor:pointer;padding-bottom:2px;padding-right:5px}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlocks .displayFlexAttClassRoster .calIcon-NSC{align-self:center;cursor:not-allowed}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlocks .displayFlexAttClassRoster .attClassGrade-NSC{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:3px 0 0 3px;cursor:default}.NoteSelectClassSCSS-NSC .att-modal-warning .dateBlock .dateSubBlocks .calMargin{margin:4px 0}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.NoteSelectClassSCSS-NSC .att-modal-warning .modal-footer{border:none;justify-content:center}.NoteSelectClassSCSS-NSC .att-modal-warning .getReport-btn{width:101px;height:38px;border-radius:20px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;font:normal normal 600 14px/19px Open Sans}.NoteSelectClassSCSS-NSC .att-modal-warning .cancelAtt-btn{background-color:#fff!important;font:normal normal 600 14px/19px Open Sans;color:#080808!important;width:101px;height:38px}.NoteSelectClassSCSS-NSC .viewPdf-modal-warning .modal-content{border-radius:8px;width:220px;height:175px;margin:auto;background-color:#fff!important}.NoteSelectClassSCSS-NSC .viewPdf-modal-warning .modal-content .modal-header{border:none;display:block}.NoteSelectClassSCSS-NSC .viewPdf-modal-warning .modal-content .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans;border:none;align-items:center;display:block}.NoteSelectClassSCSS-NSC .viewPdf-modal-warning .modal-content .modal-body{display:flex;justify-content:center;padding:0!important}.NoteSelectClassSCSS-NSC .viewPdf-modal-warning .modal-content .modal-body .pdfBlock{padding:20px;cursor:pointer}.NoteSelectClassSCSS-NSC .viewPdf-modal-warning .modal-content .modal-body .pdfBlock .reportName{text-align:center;padding-top:10px;font:normal normal 600 15px/24px Open Sans}.NoteSelectClassSCSS-NSC .viewPdf-modal-warning .modal-content .modal-body .csvBlock{padding:20px;cursor:pointer}.NoteSelectClassSCSS-NSC .viewPdf-modal-warning .modal-content .modal-body .csvBlock .reportName{text-align:center;padding-top:10px;font:normal normal 600 15px/24px Open Sans}.NoteSelectClassSCSS-NSC .containerDiv-NSC{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:150px}.NoteSelectClassSCSS-NSC .arrowImage-NSC{width:14px;height:24px;align-self:center}.NoteSelectClassSCSS-NSC .searchImage{width:14px;height:14px;align-self:center;position:absolute;top:13px!important;right:27px!important;z-index:2!important}.NoteSelectClassSCSS-NSC .noteContainerTextDiv-NSC{width:246px;align-self:center}.NoteSelectClassSCSS-NSC .containerText-NSC{align-self:center;font-size:20px;text-align:center;letter-spacing:0;color:#aaa;opacity:1}.NoteSelectClassSCSS-NSC .note-select-dropdown-main-container-NSC{font-family:sans-serif;text-align:center;width:50px;height:50px;position:relative;top:10px;left:-120px!important}.NoteSelectClassSCSS-NSC .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.NoteSelectClassSCSS-NSC .select-search *,.NoteSelectClassSCSS-NSC .select-search :after,.NoteSelectClassSCSS-NSC .select-search :before{box-sizing:inherit}.NoteSelectClassSCSS-NSC .select-search__value{position:relative}.NoteSelectClassSCSS-NSC .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.NoteSelectClassSCSS-NSC .select-search__input{margin-top:5px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;box-shadow:0 0 3px rgba(0,0,0,.1607843137);border:.75px solid #ddd;border-radius:8px;opacity:1}.NoteSelectClassSCSS-NSC .select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#c6b6b6!important}.NoteSelectClassSCSS-NSC .select-search__input::-webkit-search-cancel-button,.NoteSelectClassSCSS-NSC .select-search__input::-webkit-search-decoration,.NoteSelectClassSCSS-NSC .select-search__input::-webkit-search-results-button,.NoteSelectClassSCSS-NSC .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.NoteSelectClassSCSS-NSC .select-search__input:not([readonly]):focus{cursor:auto}.NoteSelectClassSCSS-NSC .select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.NoteSelectClassSCSS-NSC .select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.NoteSelectClassSCSS-NSC .select-search__row{border-bottom:solid #ddd;border-width:.15px}.NoteSelectClassSCSS-NSC .select-search__row:last-child{border-bottom:none}.NoteSelectClassSCSS-NSC .select-search__not-found,.NoteSelectClassSCSS-NSC .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.NoteSelectClassSCSS-NSC .select-search--multiple .select-search__option{height:48px}.NoteSelectClassSCSS-NSC .select-search__option.is-highlighted.is-selected,.NoteSelectClassSCSS-NSC .select-search__option.is-selected,.NoteSelectClassSCSS-NSC .select-search__option.is-selected:hover{color:#fff}.NoteSelectClassSCSS-NSC .select-search__group-header{text-transform:uppercase;background:#fff}.NoteSelectClassSCSS-NSC .select-search.is-disabled{opacity:.5}.NoteSelectClassSCSS-NSC .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.NoteSelectClassSCSS-NSC .select-search:not(.is-disabled) .select-search__input{cursor:pointer;letter-spacing:0;font-weight:600}.NoteSelectClassSCSS-NSC .select-search--multiple{border-radius:3px;overflow:hidden}.NoteSelectClassSCSS-NSC .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.NoteSelectClassSCSS-NSC .select-search.has-focus .select-search__value:after{display:none}.NoteSelectClassSCSS-NSC .select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.NoteSelectClassSCSS-NSC .select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-bottom-right-radius:0;border-bottom-left-radius:0;border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.NoteSelectClassSCSS-NSC .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.NoteSelectClassSCSS-NSC .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.NoteSelectClassSCSS-NSC .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.NoteSelectClassSCSS-NSC .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.NoteSelectClassSCSS-NSC .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}@media only screen and (min-width:520px)and (max-width:890px){.NoteSelectClassSCSS-NSC .classAttendanceContainer{padding:0 .5rem 1rem}.NoteSelectClassSCSS-NSC .ClassAttendanceMainDiv-NSC{flex-wrap:wrap;justify-content:center}}@media only screen and (min-width:250px)and (max-width:852px){.NoteSelectClassSCSS-NSC .classAttendanceContainer{padding:0 .5rem 1rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttCardDiv{height:14.8rem!important}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttCardDiv .classAttDetailsCard{flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttCardDiv .classAttDetailsCard .emojiCommentDiv{padding-right:5px}.NoteSelectClassSCSS-NSC .ClassAttendanceMainDiv-NSC{flex-wrap:wrap;justify-content:center}}@media only screen and (min-width:250px)and (max-width:375px){.NoteSelectClassSCSS-NSC .classAttParentContainer{flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer{padding:0 .5rem 1rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttCardDiv{height:14rem!important}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttCardDiv .classAttDetailsCard{flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttCardDiv .classAttDetailsCard .emojiCommentDiv{padding-right:5px}.NoteSelectClassSCSS-NSC .ClassAttendanceMainDiv-NSC{flex-wrap:wrap;justify-content:center}.NoteSelectClassSCSS-NSC .buttonMarginTop-NSC{margin-top:1rem}}@media only screen and (min-width:539px)and (max-width:837px){.NoteSelectClassSCSS-NSC .classAttendanceContainer{padding:0 .5rem 1rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttCardRangeDiv{height:10.8rem!important;flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttCardRangeDiv .classAttDetailsCard{flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentDiv{padding-right:5px}}@media only screen and (min-width:406px)and (max-width:538px){.NoteSelectClassSCSS-NSC .classAttendanceContainer{padding:0 .5rem 1rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer{flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv{height:10.8rem!important;flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard{flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentDiv{padding-right:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox{margin:.3rem 0 .8rem}}@media only screen and (min-width:357px)and (max-width:406px){.NoteSelectClassSCSS-NSC .classAttendanceContainer{padding:0 .5rem 1rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer{flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv{height:16.8rem!important;flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard{flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv{padding-left:0}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentDiv{padding-right:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox{margin:.3rem 0 .8rem}}@media only screen and (min-width:250px)and (max-width:357px){.NoteSelectClassSCSS-NSC .classAttendanceContainer{padding:0 .5rem 1rem}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer{flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv{height:33rem!important;flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard{flex-wrap:wrap}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentDiv{padding-right:5px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv{flex-wrap:wrap;padding-left:100px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .emojiIcons,.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .emojiIconsFair{height:75px}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .emojiCommentsDiv{width:100%}.NoteSelectClassSCSS-NSC .classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox{margin:.3rem 0 .8rem}}.studentGradebookPopover{width:183px;height:36px;display:flex!important;align-items:center;top:43px!important;left:-69px!important}.studentGradebookPopover:before{content:"";position:absolute;left:-10px;top:33px;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff}.sutdentgradebbokpopoverparentdiv .wrap{width:190px;position:relative;top:53px;left:-81px}.sutdentgradebbokpopoverparentdiv .arrow{width:19px;height:18px;transform:rotate(45deg);position:absolute;top:-9px;left:106px;z-index:10;border:1px solid grey;border-right:none;border-bottom:none}.sutdentgradebbokpopoverparentdiv .arrow-cover{top:-8px;left:106px;width:18px;height:19px;position:absolute;background:#fff;z-index:22;transform:rotate(45deg);border-right:none;border-bottom:none}.sutdentgradebbokpopoverparentdiv .box{z-index:20;position:relative;border:1px solid grey;background:#fff;border-radius:10px;padding:10px}.score-card{background-color:transparent!important;border:none!important}.score-card .card-header{height:48px;background:#669fed 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border-radius:8px!important;text-align:left;font:normal normal 600 16px/22px Open Sans;color:#fff;margin-bottom:0}.score-card .btn{padding:0;font:normal normal normal 14px/19px Open Sans;color:#fff}.score-card .btn img{margin-top:-2px}.score-card .update-btn{background:#fff!important;color:#000!important;padding:1px 10px!important;font-size:12px!important;border-radius:20px!important;margin-right:10px!important}.score-card .card-body{margin:0 10px;background:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.score-card .checkBoxfilter{float:left;margin:15px auto auto 30px}.score-card .checkbox-lable{margin-left:65px}.score-card .heading{height:19px;color:var(--unnamed-color-222222);font:normal normal 600 14px/19px Open Sans;color:#222}.score-card label{margin-right:20px}.score-card .sub-heading{height:17px;text-align:left;font:italic normal normal 12px/20px Open Sans;color:#888}.score-card .score-section{margin:auto;white-space:nowrap;font:normal normal normal 12px/17px Open Sans;text-align:right}.score-card .score-section .score{width:80px;float:right;text-align:center;font:normal normal normal 14px/19px Open Sans}.score-card .score-div{float:right;border-left:1px solid #ccc;padding-left:18px}@media only screen and (max-width:840px){.score-card .checkBoxfilter{margin-left:5px;margin-right:10px}.score-card .form-check{width:25px}.score-card .checkbox-lable{margin-left:0}}.MuiTabs-flexContainer{width:100px!important}.MuiTab-root{min-width:250px!important;margin:0 48px!important;text-transform:capitalize!important}.MuiTab-root:focus{outline:none!important}.MuiTab-textColorPrimary.Mui-selected{color:#386cb5!important}.PrivateTabIndicator-colorPrimary-2{background-color:#386cb5!important}.MuiPaper-elevation4{background:#fff 0 0 no-repeat padding-box!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important}.noCat{margin-top:20px;font-size:20px;font-weight:700;color:grey}@media only screen and (max-width:767px){.MuiTab-root{min-width:152px!important}}.br-8{border-radius:.5rem!important}.mt-15{margin-top:.9375rem}.mb-15{margin-bottom:.9375rem}.pr-7-5{padding-right:.4375rem!important}.pl-7-5{padding-left:.4375rem!important}.none-italic-style{font-style:normal!important;font-weight:600!important;margin-top:7px;border:none!important;padding:0!important}.none-italic-style:focus{box-shadow:none!important}.studentGradeBookMainContainer{background:#f0f0f0;height:100%;padding:0 4.05rem}.studentGradeBookMainContainer .btn:focus,.studentGradeBookMainContainer a:focus{outline:none!important;box-shadow:none!important}.studentGradeBookMainContainer .profile-details-col{text-align:left}.studentGradeBookMainContainer .profile-header-title{font:normal normal 600 .875rem/1.188rem Open Sans!important;margin:auto 0}.studentGradeBookMainContainer .noteDate{font:normal normal normal .875rem/1.188rem Open Sans!important}.studentGradeBookMainContainer .profile-card-img{margin-top:-4px}.studentGradeBookMainContainer .profile-header .card-body{padding:8px 20px!important}.studentGradeBookMainContainer .studentOptionDiv .classOptionDiv{width:3.9rem;height:3.7rem;background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.studentGradeBookMainContainer .studentOptionDiv .classOptionDiv .optionIcons{width:1.2rem}.studentGradeBookMainContainer .studentOptionDiv .classOptionDiv .optionText{color:#fff;font-size:.6rem;font-weight:600;margin-top:.3rem}.studentGradeBookMainContainer .studentOptionDiv .noteOptionDiv{width:3.9rem;height:3.7rem;background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.studentGradeBookMainContainer .studentOptionDiv .noteOptionDiv .optionIcons{width:1.2rem}.studentGradeBookMainContainer .studentOptionDiv .noteOptionDiv .optionText{color:#fff;font-size:.6rem;font-weight:600;margin-top:.3rem}.studentGradeBookMainContainer .studentOptionDiv .shareOptionDiv{width:3.9rem;height:3.7rem;background:transparent linear-gradient(270deg,#4479c4,#669fed) 0 0 no-repeat padding-box;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.studentGradeBookMainContainer .studentOptionDiv .shareOptionDiv .optionIcons{width:1.2rem}.studentGradeBookMainContainer .studentOptionDiv .shareOptionDiv .optionText{color:#fff;font-size:.6rem;font-weight:600;margin-top:.3rem}.studentGradeBookMainContainer .studentOptionDiv{padding:0;float:right;display:inline-flex;flex-direction:row;justify-content:flex-start}.add-grade{font:normal normal 600 12px/17px Open Sans!important;width:80px;height:35px}.add-comment,.add-grade{text-decoration:underline;color:#386cb5!important}.add-comment{height:20px;font:normal normal normal 12px/20px Open Sans!important}.score-color-popover-positioned{max-width:182px!important;padding:5px!important;box-shadow:0 1px 4px rgba(0,0,0,.1019607843);border:none!important;left:-48px!important;border-radius:10px!important}.score-color-popover-positioned .arrow{left:100px!important}.color-btn{border-radius:20px!important;border:none!important}.color-btn,.color-btn-selected{width:24px;height:24px;margin:0 5px;display:inline-flex!important;justify-content:center!important;align-items:center!important}.color-btn-selected{border-radius:20px!important;border:1px solid #00f!important}.btn-gray{background:#777 0 0 no-repeat padding-box!important}.btn-red{background:#f44 0 0 no-repeat padding-box!important}.btn-green{background:#23bf1d 0 0 no-repeat padding-box!important}.btn-yellow{background:#fab700 0 0 no-repeat padding-box!important}.btn-blue{background:#386cb5 0 0 no-repeat padding-box!important}.input-gray{background:hsla(0,0%,46.7%,.1294117647) 0 0 no-repeat padding-box!important;border:1px solid #777!important;color:#777!important}.input-red{background:rgba(255,68,68,.1019607843) 0 0 no-repeat padding-box!important;border:1px solid #f44!important;color:#f44!important}.input-green{background:rgba(35,191,29,.0509803922) 0 0 no-repeat padding-box!important;border:1px solid #23bf1d!important;color:#23bf1d!important}.input-yellow{background:rgba(250,183,0,.0901960784) 0 0 no-repeat padding-box!important;border:1px solid #fab700!important;color:#fab700!important}.input-blue{background:rgba(56,108,181,.1098039216) 0 0 no-repeat padding-box!important;border:1px solid #386cb5!important;color:#386cb5!important}.avg-panel{width:102%;bottom:0;margin-bottom:0}.avg-panel .card-body{height:58px;padding:10px 25px}.avg-panel .left-p-sec{margin:auto}.avg-panel .left-p-sec p{font:italic normal normal 13px/20px Open Sans;color:#888;margin-bottom:0;white-space:nowrap}.avg-panel .avg{font:normal normal 600 22px/30px Open Sans;margin-top:4px}.avg-panel .avg-title{font:normal normal normal 14px/19px Open Sans;width:53px;display:inline-block;text-align:left;margin-left:15px}.avg-panel .avg-sec{display:inline-flex}.studentGradeBookMainContainer .overFlowClass{overflow-y:scroll;height:483px}@media only screen and (max-width:1300px){.studentGradeBookMainContainer .card-body{padding:.8rem}}@media only screen and (max-width:1220px){.studentGradeBookMainContainer{padding:0 1rem}.avg-panel{width:100%}}@media only screen and (max-width:596px){.studentGradeBookMainContainer .profile-header-title{max-width:100%!important}.studentGradeBookMainContainer .profile-header-action{max-width:100%!important;margin-top:15px}}@media only screen and (max-width:541px){.studentGradeBookMainContainer .score-section label{margin-right:10px;margin-left:15px}.score-div{border:none!important}}.score-input-popover{left:60px!important;top:-62px!important;min-height:78px!important;border-radius:0!important;padding:5px!important;box-shadow:0 0 15px rgba(34,34,34,.2);border:#fff!important;width:240px!important}.score-input-popover .arrow{display:none!important}.score-input-popover .number-arrow input::-webkit-inner-spin-button,.score-input-popover .number-arrow input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.score-input-popover .number-arrow input[type=number]{-moz-appearance:textfield}.score-input-popover .editgradebookpopover .MuiOutlinedInput-input{text-align:center;padding:6px 0 7px}.score-input-popover .popover-body{min-height:68px!important}.score-input-popover .popover-body .closeIcon{float:right;cursor:pointer}.score-input-popover .popover-body .input-box{width:80px;height:38px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ccc;border-radius:5px;float:left;margin-top:15px;margin-left:0;text-align:center;justify-content:center}.score-input-popover .popover-body .addCommentBtn{margin-top:14px}.score-input-popover .popover-body .addCommentBtn:active,.score-input-popover .popover-body .addCommentBtn:focus{outline:none;box-shadow:none}.score-input-popover .popover-body .saveBtn,.score-input-popover .popover-body .saveBtnWhenComment{width:70px;height:28px;background:transparent linear-gradient(90deg,#669fec,#3e72bc) 0 0 no-repeat padding-box;border-radius:8px;margin-top:15px;margin-left:5px;font:normal normal 600 12px/14px Open Sans;color:#fff}.score-input-popover .popover-body .saveBtn:active,.score-input-popover .popover-body .saveBtn:focus{outline:none;box-shadow:none}.score-input-popover .popover-body .score-color-popover-positioned{margin-top:0;margin-left:50px}.score-input-popover .popover-body .score-color-popover-positioned .arrow{display:block!important;left:37px!important}.score-input-popover .popover-body textarea{width:200px;border-radius:5px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ccc;margin:15px auto;font:normal normal normal 12px/17px Open Sans;color:#222}.table-right-section .w-120{width:120px}.table-right-section .w-240{width:240px}.table-right-section .backgroundEvent{background:rgba(56,108,181,.1098039216)}.table-right-section .data-title{text-align:center;font:normal normal 600 12px/17px Open Sans;letter-spacing:0;color:#386cb5}.table-right-section .data-title .main-header{height:40px;display:flex;border-bottom:1px solid #ccc;font:normal normal 600 12px/17px Open Sans;position:relative;border-right:1px solid #ccc;justify-content:center}.table-right-section .data-title .main-header label{display:flex;justify-content:center;align-items:center;margin:0!important;cursor:pointer}.table-right-section .data-title .sub-header{height:40px;display:flex;font:normal normal normal 12px/17px Open Sans!important;cursor:pointer;justify-content:center}.table-right-section .data-title .sub-header label{display:flex;justify-content:center;align-items:center;margin:0!important;cursor:pointer}.table-right-section .grade-div{display:flex;background:rgba(56,108,181,.1098039216)}.table-right-section .grade-div .grade-btn{text-decoration:underline;font:normal normal 600 11px/15px Open Sans;color:#386cb5}.table-right-section .score{margin:auto;cursor:pointer}.table-right-section .score .green{color:#23bf1d}.table-right-section .score .red{color:#f44}.table-right-section .score .blue{color:#386cb5}.table-right-section .score .yellow{color:#fab700}.table-right-section .score label{font:normal normal 600 16px/22px Open Sans;font-weight:600;margin:auto;cursor:pointer;max-width:75px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.table-right-section .score .comment-img{width:16px;height:15px;margin-right:-10px;margin-left:8px;margin-top:-11px}.swipeIcon{position:-webkit-sticky;position:sticky;top:10%}.eventSwipeIcon{position:absolute;right:6px;top:6px;height:27px;cursor:pointer}.header-style{height:80px;border-bottom:1px solid #ccc;display:flex}.data-header-style{height:40px}.data-sub-header-style{width:120px;height:40px;border-bottom:1px solid #ccc}.data-sub-Avarage-style{width:120px;height:50px;margin:auto;font:normal normal 600 20px/27px Open Sans;letter-spacing:0;color:#222;padding:10px 20px}.data-sub-Avarage-label{max-width:75px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;margin-top:2px}.data-style{justify-content:center;display:flex;height:80px;border-bottom:1px solid #ccc}.data-styles{width:120px;display:flex;height:80px}.displayFlex{display:flex}.bl-1{border-left:1px solid #ccc}.mt-40{margin-top:-40px}.avg-row-data{background:#ccc 0 0 no-repeat padding-box;box-shadow:0 -1px 0 rgba(34,34,34,.1019607843);height:50px;margin:auto;font:normal normal 600 20px/27px Open Sans;letter-spacing:0;color:#222;padding:10px 20px}.table-Fix-Size{height:74.6vh;background:#fff;overflow:auto}.table-gradebook{display:flex;flex-direction:column;margin:15px 0 0;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 1px 20px rgba(34,34,34,.1019607843)}.table-gradebook .noGradebookDataText{color:#aaa;margin-top:28%;font:normal normal 600 20px/14px Open Sans}.table-gradebook .table-gradebook-table{display:flex;flex-direction:row;height:70vh;overflow:scroll}.table-gradebook .table-gradebooks{flex-direction:row;display:flex}.table-gradebook .table-Average-section{display:flex;overflow:hidden;overflow-y:scroll;overflow-x:auto;width:100%;background:#eee}.table-gradebook .table-Average-section .data-title{width:120px;font:normal normal 600 20px/27px Open Sans}.table-gradebook .table-left-section-Average{min-width:319px;background-color:transparent;border:none}.table-gradebook .table-left-section{min-width:317px;background-color:#fff;border-bottom:none;border-top-left-radius:8px}.table-gradebook .table-left-section .header-title label{font:normal normal 12px/17px Open Sans;color:#777;margin:12px;text-align:left}.table-gradebook .table-left-section .header-style-top-title{height:80px;border-bottom:1px solid #ccc;display:flex;cursor:pointer;border-right:1px solid #ccc}.table-gradebook .table-left-section .profile{text-align:left;display:flex;margin:auto auto auto 12px}.table-gradebook .table-left-section .profile .profileDummyRosterProfile{width:3.3rem;height:3.3rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;opacity:.8}.table-gradebook .table-left-section .profile .profileDummyRosterProfile .rosterProfileImageText{color:#fff;padding-top:28%;text-transform:uppercase}.table-gradebook .table-left-section .profile .profile-img{width:50px;height:50px;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;border-radius:50rem}.table-gradebook .table-left-section .profile label{font:normal normal 600 13px/18px Open Sans;color:#222;font-weight:600;margin:auto auto auto 8px}.table-gradebook .table-left-scroll-custom{height:70vh;overflow:scroll}.table-gradebook .table-middle-section{width:118px;background-color:#fff;border-bottom:none}.table-gradebook .table-middle-section .header-style{height:80px;display:contents;cursor:pointer}.table-gradebook .table-middle-section .header-style .profile{height:80px;border-bottom:1px solid #ccc;display:flex}.table-gradebook .table-middle-section .header-style .profileScore{height:80px;border-bottom:1px solid #ccc;display:flex;justify-content:center;align-items:center;border-right:1px solid #ccc;font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#222}.table-gradebook .table-middle-section .header-style .eventNameDiv{border-bottom:1px solid #ccc;height:40px;text-align:center;font:normal normal 600 12px/17px Open Sans;letter-spacing:0;color:#386cb5;display:flex;justify-content:center;align-items:center;border-right:1px solid #ccc}.table-gradebook .table-middle-section .header-style .eventNameDiv .labelTitle{display:flex;justify-content:center;align-items:center;margin:0!important}.table-gradebook .table-middle-section .header-style .categoryNameDiv{border-bottom:1px solid #ccc;height:40px;text-align:center;letter-spacing:0;color:#386cb5;display:flex;justify-content:center;align-items:center;font:normal normal normal 12px/17px Open Sans;border-right:1px solid #ccc}.table-gradebook .table-middle-section .header-style .categoryNameDiv .labelTitle{display:flex;justify-content:center;align-items:center;margin:0!important}.table-gradebook .table-right-section{width:calc(87vw - 320px);background-color:#fff}.table-gradebook .header-style{height:80px;border-bottom:1px solid #ccc;display:flex;cursor:pointer;border-right:1px solid #ccc}.table-gradebook .avg-row-header{background:#eee;border:1px #ccc;height:50px;min-width:317px;margin:auto;font:normal normal 600 16px/22px Open Sans!important;text-align:left;padding:12px 20px;display:flex}.table-gradebook .avg-row-header .avgTitle{width:100%;flex:.8 1;font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#aaa}.table-gradebook .avg-row-header .avgScoreNull{display:flex;justify-content:center;width:100%;flex:.3 1;font:normal normal 600 20px/27px Open Sans}.bottom-color-panel{width:102%;position:relative;bottom:0}.bottom-color-panel .grade-bottom-panel{padding:0!important}.bottom-color-panel .grade-bottom-panel .card-body{height:58px;padding:10px 25px;box-shadow:0 -2px 4px rgba(34,34,34,.1019607843)}.bottom-color-panel .grade-bottom-panel .text{font:normal normal 600 16px/22px Open Sans;margin-right:20px}.bottom-color-panel .grade-bottom-panel .text-sec{display:inline-flex;margin-top:8px}.bottom-color-panel .grade-bottom-panel .grade-bottom-panel-bottom{margin-top:65px}@media only screen and (max-width:1300px){.bottom-color-panel{width:100%;position:relative;bottom:-10px}}@media only screen and (max-width:1040px){.bottom-color-panel{width:99%}}@media only screen and (max-width:1300px){.classGradeBookAddContainer{padding:.8rem}.bottom-color-panel{width:100%;position:relative;bottom:-10px}}.addStudents-grading-container{padding-left:-15px!important;padding-right:-15px!important}.addStudents-grading-container .addStudentsGrading{background-color:#f0f0f0!important;border:none!important;height:55.6vh}.addStudents-grading-container .addStudentsGrading .overFlowClass{overflow-y:scroll;height:59vh;margin-left:-40px;margin-right:-40px;display:flex;flex-wrap:wrap}.addStudents-grading-container .addStudentsGrading .singleDiv{width:333px;height:203px;margin-left:7.5px;margin-right:7.5px;padding:0 15px;margin-top:15px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border-radius:8px}.addStudents-grading-container .addStudentsGrading .singleDiv .left-section{float:left;width:100%;margin-bottom:15px}.addStudents-grading-container .addStudentsGrading .singleDiv .left-section .profile{text-align:left;display:flex;margin:15px auto auto}.addStudents-grading-container .addStudentsGrading .singleDiv .left-section .profile .profile-img{width:3.75rem!important;height:3.75rem!important;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;border-radius:50rem}.addStudents-grading-container .addStudentsGrading .singleDiv .left-section .profile .imageDumyGradesProfile{width:3.75rem;height:3.75rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;opacity:.8;display:flex;justify-content:center;align-items:center}.addStudents-grading-container .addStudentsGrading .singleDiv .left-section .profile .imageDumyGradesProfile .gradebookProfileImageText{margin:0!important;color:#fff;text-transform:uppercase;cursor:default}.addStudents-grading-container .addStudentsGrading .singleDiv .left-section .profile label{font:normal normal 600 13px/18px Open Sans;color:#222;font-weight:600;margin-left:8px}.addStudents-grading-container .addStudentsGrading .singleDiv .left-section .profile label .email{font:normal normal normal 13px/18px Open Sans;color:#777}.addStudents-grading-container .addStudentsGrading .singleDiv .number-arrow input::-webkit-inner-spin-button,.addStudents-grading-container .addStudentsGrading .singleDiv .number-arrow input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.addStudents-grading-container .addStudentsGrading .singleDiv .number-arrow input[type=number]{-moz-appearance:textfield}.addStudents-grading-container .addStudentsGrading .singleDiv .right-section{width:100%;display:flex;justify-content:flex-start;align-items:center;padding-left:0!important}.addStudents-grading-container .addStudentsGrading .singleDiv .right-section .inputs{width:100%}.addStudents-grading-container .addStudentsGrading .singleDiv .right-section .inputs .colorsInput{display:flex;justify-content:space-between}.addStudents-grading-container .addStudentsGrading .singleDiv .right-section .inputs .colorsInput .scoreBoxGrade{display:flex;justify-content:flex-start}.addStudents-grading-container .addStudentsGrading .singleDiv .right-section .inputs .colorsInput .scoreBoxGrade .score-input{float:right;width:77px;height:38px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ccc;border-radius:5px;font:normal normal normal 12px/17px Open Sans;color:#222;margin-top:-7px;font-weight:700;display:flex;justify-content:center}.addStudents-grading-container .addStudentsGrading .singleDiv .right-section .inputs .colorsInput .scoreBoxGrade .score-input .MuiInputBase-input{padding:9px 0 7px;text-align:center;font:normal normal normal 12px/17px Open Sans;color:#222;font-weight:600}.addStudents-grading-container .addStudentsGrading .singleDiv .right-section .inputs .colorsInput .scoreBoxGrade .score-input .MuiInputBase-input::placeholder{color:#6c757d;opacity:1}.addStudents-grading-container .addStudentsGrading .singleDiv .right-section .inputs .colorsInput .colorBoxGrade{display:flex;justify-content:flex-start;align-items:center}.addStudents-grading-container .addStudentsGrading .singleDiv .right-section .inputs .commentBoxGrade .commentBox{width:100%;height:60px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ccc;border-radius:5px;font:normal normal normal 12px/17px Open Sans;color:#222;margin-top:10px;font-weight:700}@media only screen and (max-width:1037px){.addStudents-grading-container .addStudentsGrading .singleDiv .right-section{margin-top:15px}}@media only screen and (max-width:991px){.addStudents-grading-container .addStudentsGrading .singleDiv .right-section{margin-top:15px;display:flex;width:100%}.addStudents-grading-container .addStudentsGrading .singleDiv .inputs{width:100%}}@media only screen and (max-width:767px){.addStudents-grading-container .addStudentsGrading .singleDiv .right-section{margin-top:0}}@media only screen and (max-width:1090px){.addStudents-grading-container .addStudentsGrading .singleDiv{padding:0 12px}}@media only screen and (max-width:767px){.addStudents-grading-container .addStudentsGrading .singleDiv{padding:0 5px}}@media screen and (max-height:768px){.singleDiv{width:282px!important}}@media only screen and (min-width:1500px)and (max-width:1920px){.singleDiv{width:316px!important}}@media screen and (min-height:768px){.singleDiv{width:316px!important}}@media only screen and (min-width:1600px){.singleDiv{width:359px!important}}@media only screen and (min-width:1800px){.singleDiv{width:387px!important}}@media only screen and (min-width:2000px){.singleDiv{width:388px!important}}@media screen and (max-width:768px){.singleDiv{width:333px!important}}.classGradeBookMainContainer{background:#f0f0f0;height:100%;padding:0 3rem}.classGradeBookMainContainer .gradeContainersDiv{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:100px;padding-left:25px}.classGradeBookMainContainer .gradeContainersDiv .gradeContainerTextNoStd{color:#aaa;font:normal normal 600 20px/14px Open Sans;line-height:inherit;padding-top:40px}.classGradeBookMainContainer .left-section{padding-right:.4375rem!important}.classGradeBookMainContainer .btn:focus,.classGradeBookMainContainer a:focus{outline:none!important;box-shadow:none!important}.classGradeBookMainContainer .back-btn{font:normal normal 600 1rem/1.375rem Open Sans;background-color:#eee!important;border-radius:.25rem;width:100%;text-align:left!important;color:#222!important;border:none!important;font-weight:600!important;height:3.125rem}.classGradeBookMainContainer .back-btn .fa-chevron-left{margin-right:.625rem}.classGradeBookMainContainer .assessment-btn{font:normal normal 600 13px/16px Open Sans!important;background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box;border-radius:.5rem;border:none!important;width:100%;text-align:center;color:#fff;min-height:48px}.classGradeBookMainContainer .assessment-btn .actionIcons{width:1.2rem;height:1.2rem;float:left;margin-right:.55rem;margin-top:5px;margin-left:18px}@media only screen and (max-width:1730px){.classGradeBookMainContainer .assessment-btn .actionIcons{margin-left:8px}}@media only screen and (max-width:1565px){.classGradeBookMainContainer .assessment-btn .actionIcons{margin-left:2px;margin-right:4px}}@media only screen and (max-width:1450px){.classGradeBookMainContainer .assessment-btn{font-size:12px!important}}.classGradeBookMainContainer .note-btn{font:normal normal 600 13px/18px Open Sans!important;background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box;border-radius:.5rem;border:none!important;width:100%;text-align:center;color:#fff;min-height:48px}.classGradeBookMainContainer .note-btn .actionIcons{width:1.2rem;height:1.2rem;margin-right:.55rem}.classGradeBookMainContainer .right-section{padding-left:.4375rem!important}.classGradeBookMainContainer .right-section .header{height:4.7rem;display:flex}.classGradeBookMainContainer .right-section .header .headerChild{display:flex;justify-content:space-between;padding:17px!important}.classGradeBookMainContainer .right-section .header .headerChild .titleMainsDiv{display:flex;flex:30% 1}.classGradeBookMainContainer .right-section .header .headerChild .titleMainsDiv .gradebooksBackDiv{display:flex;justify-content:center;align-items:center}.classGradeBookMainContainer .right-section .header .headerChild .titleMainsDiv .gradebooksBackDiv .homeIconDiv{cursor:pointer!important}.classGradeBookMainContainer .right-section .header .headerChild .titleMainsDiv .gradebooksBackDiv .vrLine{width:0;height:100%;margin:17px;border:1px solid rgba(34,34,34,.1019607843)}.classGradeBookMainContainer .right-section .header .headerChild .titleMainsDiv .gradebooksBackDiv .displayFlexGradebooks{display:flex;cursor:pointer;align-items:center}.classGradeBookMainContainer .right-section .header .headerChild .titleMainsDiv .gradebooksBackDiv .displayFlexGradebooks .gradebookGrades{color:#487fcc;font-size:1rem;text-align:left;cursor:pointer;margin:0!important;font-weight:600}.classGradeBookMainContainer .right-section .header .headerChild .titleMainsDiv .gradebooksBackDiv .displayFlexGradebooks .gradebooksForIcon1{color:#487fcc;padding-top:3.19px}.classGradeBookMainContainer .right-section .header .headerChild .titleMainsDiv .gradebooksBackDiv .displayFlexGradebooks .gradebooksForIcon2{color:#487fcc;padding-top:3.26px}.classGradeBookMainContainer .right-section .header .headerChild .titleMainsDiv .gradebooksBackDiv .displayFlexGradebooks .gradebooksBreadCrumbTitle{color:#222;font-size:1.25rem;font-weight:600;text-align:left;cursor:default;margin:0!important;margin-left:2px}.classGradeBookMainContainer .right-section .header .headerChild .titleMainsDiv .gradebooksBackDiv .displayFlexGradebooks .gradebooksGradeTitle{color:#222;font-size:1.25rem;font-weight:600;text-align:left;cursor:default;margin:0!important}.classGradeBookMainContainer .right-section .header .headerChild .titleMainsDiv .gradebooksBackDiv .displayFlexGradebooks .enableBreadCrumb{color:#487fcc!important;font-size:1rem!important;cursor:pointer}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container{font-family:sans-serif;text-align:center;position:relative;flex:17% 1;top:0!important;left:0!important}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .iconDiv{position:absolute;left:9px;z-index:2!important;top:7px;cursor:pointer}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .iconDiv .searchFiltersIcon{cursor:pointer;color:#aaa;margin-right:10px}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search *,.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search :after,.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search :before{box-sizing:inherit}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__value{position:relative}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__input{margin-top:5px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;border:1px solid #ddd;box-shadow:0 0 3px rgba(136,195,250,.8901960784);border-radius:8px;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;opacity:1}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#222!important}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__input::-webkit-search-cancel-button,.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__input::-webkit-search-decoration,.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__input::-webkit-search-results-button,.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__input:not([readonly]):focus{cursor:auto}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__row{border-bottom:solid #ddd;border-width:.15px}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__row:last-child{border-bottom:none}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__not-found,.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search--multiple .select-search__option{height:98px}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__option.is-highlighted.is-selected,.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__option.is-selected,.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__option.is-selected:hover{color:#fff}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__group-header{text-transform:uppercase;background:#fff}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search.is-disabled{opacity:.5}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search:not(.is-disabled) .select-search__input{cursor:pointer;letter-spacing:0;font-weight:600}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search--multiple{border-radius:3px;overflow:hidden}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search.has-focus .select-search__value:after{display:none}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-bottom-right-radius:0;border-bottom-left-radius:0;border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.classGradeBookMainContainer .right-section .header .headerChild .dropdownsGradebook-main-container .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}.classGradeBookMainContainer .right-section .header .headerChild .gradebook-side-buttons{flex:15% 1;display:inline-flex;justify-content:flex-end}.classGradeBookMainContainer .right-section .header-title{text-align:left;font:normal normal 600 1rem/1.375rem Open Sans;color:#222;margin:auto}.classGradeBookMainContainer .right-section .header-title .sub-title{font:normal normal normal 14px/19px Open Sans;margin-left:25px;color:#777}.classGradeBookMainContainer .right-section .addButton{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box!important}.classGradeBookMainContainer .right-section .addButton,.classGradeBookMainContainer .right-section .disabledAddButton{width:160px;height:40px;font:normal normal normal 16px/22px Open Sans!important;border-radius:8px!important;float:right}.classGradeBookMainContainer .right-section .disabledAddButton{background:transparent linear-gradient(270deg,#afcbf3,#bfd2ec) 0 0 no-repeat padding-box!important;cursor:default!important}.classGradeBookMainContainer .right-section .cancelButton{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:5px;padding:6px;width:100px;height:40px;margin-right:6px;align-items:center;justify-content:center;display:flex}.classGradeBookMainContainer .right-section .cancelButton img{margin-top:-2px}.classGradeBookMainContainer .right-section .cancelButton .iconTexts{padding:1rem 0 0;color:#fff;font:normal normal normal 18px/24px Open Sans}.classGradeBookMainContainer .right-section .deleteCatButton{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:5px;padding:6px;width:100px;height:40px;margin-right:6px;align-items:center;justify-content:center;display:flex}.classGradeBookMainContainer .right-section .deleteCatButton img{margin-top:-2px}.classGradeBookMainContainer .right-section .deleteCatButton .iconTexts{padding:1rem 0 0 .3rem;color:#fff;font:normal normal normal 18px/24px Open Sans}.classGradeBookMainContainer .right-section .flexDisply{display:flex}.classGradeBookMainContainer .right-section .addNewButton{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;border-radius:5px!important;padding:6px!important;width:100px!important;height:40px!important;align-items:center;justify-content:center;display:flex}.classGradeBookMainContainer .right-section .addNewButton .iconTexts{padding:1rem 0 0 .3rem;color:#fff;font:normal normal normal 18px/24px Open Sans}.classGradeBookMainContainer .right-section .plus-img{width:.875rem;height:.875rem;margin-right:.5rem;margin-top:-.1875rem}.classGradeBookMainContainer .right-section .refresh-tags .refresh-btn{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;border-radius:8px;padding:0;width:40px;height:40px;margin-left:6px}.classGradeBookMainContainer .right-section .refresh-tags .refresh-icon{width:22px;height:22px;margin-top:-4px}.classGradeBookMainContainer .right-section .refresh-tags .reorder-btn{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;border-radius:8px;padding:0;width:40px;height:40px}.classGradeBookMainContainer .right-section .refresh-tags .disabledReorder-btn{background:transparent linear-gradient(270deg,#afcbf3,#bfd2ec) 0 0 no-repeat padding-box;border-radius:8px;padding:0;width:40px;height:40px;cursor:default!important}.classGradeBookMainContainer .right-section .refresh-tags .reorder-icon{width:22px;height:22px;margin-top:-4px}.classGradeBookMainContainer .right-section .refresh-tags .closeWhite-btn{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:8px;padding:0;width:40px;height:40px}.classGradeBookMainContainer .right-section .refresh-tags .closeWhite-btn .iconText{padding:1rem 0 0;color:#fff;font-size:.9rem}.classGradeBookMainContainer .right-section .refresh-section{min-height:3.75rem}.classGradeBookMainContainer .right-section .refresh-section .card-body{padding:9px 1.25rem}.classGradeBookMainContainer .right-section .refresh-section .refresh-btn{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;border-radius:20px;padding:0;width:40px;height:40px;margin-left:6px}.classGradeBookMainContainer .right-section .refresh-section .refresh-icon{width:22px;height:22px;margin-top:-4px}.classGradeBookMainContainer .right-section .refresh-section .reorder-btn{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;border-radius:20px;padding:0;width:40px;height:40px}.classGradeBookMainContainer .right-section .refresh-section .disabledReorder-btn{background:transparent linear-gradient(270deg,#afcbf3,#bfd2ec) 0 0 no-repeat padding-box;border-radius:20px;padding:0;width:40px;height:40px;cursor:default!important}.classGradeBookMainContainer .right-section .refresh-section .reorder-icon{width:22px;height:22px;margin-top:-4px}.classGradeBookMainContainer .right-section .refresh-section .closeWhite-btn{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:20px;padding:0;width:40px;height:40px}.classGradeBookMainContainer .right-section .refresh-section .closeWhite-btn .iconText{padding:1rem 0 0;color:#fff;font-size:.9rem}.classGradeBookMainContainer .right-section .selection-title{display:flex;text-align:left;font:normal normal normal 14px/19px Open Sans;color:#222;margin:auto;padding-right:5px!important;padding-left:5px!important}.classGradeBookMainContainer .right-section .selection-title .grade-datepicker{display:flex;justify-content:flex-start;flex:1 1}.classGradeBookMainContainer .right-section .selection-title .grade-datepicker .react-datepicker-wrapper{margin:auto 0}.classGradeBookMainContainer .right-section .selection-title .grade-datepicker .react-datepicker-wrapper .react-datepicker__input-container .date .calIcon{margin-right:10px;margin-bottom:3px}.classGradeBookMainContainer .right-section .selection-title .grade-datepicker .react-datepicker__header{background-color:#fff}.classGradeBookMainContainer .right-section .selection-title .grade-datepicker .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{border-bottom-color:#fff}.classGradeBookMainContainer .right-section .selection-title .grade-datepicker .calendarIcon{margin:auto 0}.classGradeBookMainContainer .right-section .selection-title .grade-datepicker .date{margin:auto 10px}.classGradeBookMainContainer .right-section .selection-title .grade-datepicker .calendarIcon{margin-right:10px}.classGradeBookMainContainer .right-section .selection-title .grade-events-boxes{display:flex;justify-content:flex-start}.classGradeBookMainContainer .right-section .selection-title .grade-events-boxes .input{width:380px;height:40px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ddd;border-radius:5px;font:normal normal normal 13px/18px Open Sans;color:#5d5d5d;margin:auto 10px auto 0;font-weight:600}.classGradeBookMainContainer .right-section .selection-title .grade-events-boxes ::placeholder{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-13)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-bbbbbb);text-align:left;font:normal normal normal 13px/18px Open Sans;letter-spacing:0;color:#bbb;opacity:1}@media only screen and (max-width:767px){.classGradeBookMainContainer .right-section .left-section{padding-right:15px!important}.classGradeBookMainContainer .right-section .classGradeBookMainContainer{padding:0}.classGradeBookMainContainer .right-section .right-section-show{padding:.9375rem!important}.classGradeBookMainContainer .right-section .addButton{width:10.6rem;font-size:14px!important}.classGradeBookMainContainer .right-section .header-title{font:normal normal 600 .875rem/1.188rem Open Sans!important}}.classGradeBookMainContainer .MainColTableGradebook{padding-left:7.5px}.classGradeBookMainContainer .containersDiv{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:100px;padding-left:25px}.classGradeBookMainContainer .containersDiv .gradebookArrowImage{width:14px;height:30px;align-self:center;margin-bottom:5px}.classGradeBookMainContainer .containersDiv .containerTextDiv{width:232px;height:54px}.classGradeBookMainContainer .containersDiv .containerTextDiv .containerText{align-self:center;font-size:20px;text-align:center;letter-spacing:0;color:#aaa;opacity:1}@media only screen and (max-width:767px){.classGradeBookMainContainer .left-section{padding-right:15px!important}.classGradeBookMainContainer .classGradeBookMainContainer{padding:0}.classGradeBookMainContainer .right-section-show{margin-top:15px;padding:.9375rem!important}}@media only screen and (max-width:520px){.classGradeBookMainContainer .left-section,.classGradeBookMainContainer .right-section-show{padding:0!important}}.gradebook-modal-warning .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.gradebook-modal-warning .modal-content{border-radius:8px;width:412px;height:329px;margin:auto;background-color:#fff!important}.gradebook-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:8px;padding:20px 20px 0!important}.gradebook-modal-warning .modal-content .modal-body{display:flex;align-items:center;justify-content:center;text-align:center;font:normal normal normal 19px/26px Open Sans;padding-bottom:0}.gradebook-modal-warning .modal-content .modal-body .warningIcon{width:60px;height:60px}.gradebook-modal-warning .modal-content .modal-body .waitTitle{text-align:center;padding-top:10px;font:normal normal 600 24px/33px Open Sans;font-weight:600;color:#ff1f1f}.gradebook-modal-warning .modal-content .modal-body .modalText{width:256px;height:52px;padding-top:25px}.gradebook-modal-warning .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.gradebook-modal-warning .modal-footer{border:none;justify-content:center}.gradebook-modal-warning .getReport-btn{width:120px;height:54px;color:#fff;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;font:normal normal 600 18px/24px Open Sans}.gradebook-modal-warning .cancelAtt-btn{background-color:#fff!important;font:normal normal normal 19px/26px Open Sans;color:#222!important;width:120px;height:54px}.gradebookClass-modal-warning .modal-content{border-radius:8px;width:412px;height:329px;margin:auto;background-color:#fff!important}.gradebookClass-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:8px;padding:20px 20px 0!important}.gradebookClass-modal-warning .modal-content .modal-body{display:flex;align-items:center;justify-content:center;text-align:center;font:normal normal normal 19px/26px Open Sans;padding-bottom:0}.gradebookClass-modal-warning .modal-content .modal-body .warningIcon{width:60px;height:60px}.gradebookClass-modal-warning .modal-content .modal-body .waitTitle{text-align:center;padding-top:10px;font:normal normal 600 24px/33px Open Sans;font-weight:600;color:#ff1f1f}.gradebookClass-modal-warning .modal-content .modal-body .modalText{width:302px;height:52px;padding-top:0}.gradebookClass-modal-warning .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.gradebookClass-modal-warning .modal-footer{border:none;justify-content:center}.gradebookClass-modal-warning .getReport-btn{width:120px;height:54px;color:#fff;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;font:normal normal 600 18px/24px Open Sans}.gradebookClass-modal-warning .cancelAtt-btn{background-color:#fff!important;font:normal normal normal 19px/26px Open Sans;color:#222!important;width:120px;height:54px}.gradebook-event-modal .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.gradebook-event-modal .modal-footer{border:none;justify-content:center}.gradebook-event-modal .deleteEventButton{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:5px;padding:6px;width:100px;height:40px;margin-right:6px;align-items:center;justify-content:center;display:flex;color:#fff!important;font:normal normal 600 14px/19px Open Sans}.gradebook-event-modal .cancelAtt-btn{background-color:#5a6268!important;font:normal normal normal 19px/26px Open Sans;color:#fff!important;width:101px;height:38px;font:normal normal 600 14px/19px Open Sans;border-radius:5px}.gradebook-event-modal .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.gradebook-event-modal .modal-content{border-radius:8px;width:360px;margin:auto;background-color:#fff!important}.gradebook-event-modal .modal-content .modal-header{justify-content:center;border:none;border-radius:8px;padding:20px 20px 0!important}.gradebook-event-modal .modal-content .modal-body{display:flex;align-items:center;justify-content:center;text-align:center;font:normal normal 600 14px/19px Open Sans;padding-bottom:0}.gradebook-event-modal .modal-content .modal-body .warningIcon{width:60px;height:60px}.gradebook-event-modal .modal-content .modal-body .waitTitle{text-align:center;padding-top:10px;font:normal normal 600 24px/33px Open Sans;font-weight:600;color:#ff1f1f}.gradebook-event-modal .modal-content .modal-body .modalText{width:302px;height:52px;padding-top:0}@media only screen and (max-width:1300px){.classGradeBookMainContainer{padding:.8rem}}@media only screen and (max-width:1220px){.classGradeBookMainContainer{padding:0 1rem}}@media only screen and (min-width:1200px)and (max-width:1500px){.classGradeBookMainContainer .containersDiv{padding-left:65px}}@media only screen and (min-width:1500px)and (max-width:1980px){.classGradeBookMainContainer .containersDiv{padding-left:45px}}.assessmentMainContainer{height:49rem;padding:0 3rem 2rem}.assessmentMainContainer .noStudentinAssessment{color:#aaa;font-size:2rem;margin-top:40px;font-weight:600}.assessmentMainContainer .right-sections{padding-left:.4375rem!important}.assessmentMainContainer .right-sections .header{height:4.7rem;display:flex;width:100%}.assessmentMainContainer .right-sections .header .headerCard{display:flex;width:100%}.assessmentMainContainer .right-sections .header .headerCard .classAssessmentDetailsMain{display:flex;align-items:center;flex:.6 1}.assessmentMainContainer .right-sections .header .headerCard .classAssessmentDetailsMain .assessmentBackDiv{display:flex;background:transparent;cursor:pointer;align-items:center}.assessmentMainContainer .right-sections .header .headerCard .classAssessmentDetailsMain .vrLine{width:0;height:100%;margin:17px;border:1px solid rgba(34,34,34,.1019607843)}.assessmentMainContainer .right-sections .header .headerCard .classAssessmentDetailsMain .assessmentDetailsDiv{margin:0!important}.assessmentMainContainer .right-sections .header .headerCard .classAssessmentDetailsMain .assessmentDetailsDiv .displayFlexClassAssessment{display:flex;align-items:center;cursor:pointer}.assessmentMainContainer .right-sections .header .headerCard .classAssessmentDetailsMain .assessmentDetailsDiv .displayFlexClassAssessment .formAssessGrade{color:#487fcc;font-size:1rem;text-align:left;cursor:pointer;margin:0!important;font-weight:600}.assessmentMainContainer .right-sections .header .headerCard .classAssessmentDetailsMain .assessmentDetailsDiv .displayFlexClassAssessment .assessmentClassForIcon{color:#487fcc}.assessmentMainContainer .right-sections .header .headerCard .classAssessmentDetailsMain .assessmentDetailsDiv .displayFlexClassAssessment .formAssessGrade2{margin:0!important;font:normal normal 600 20px/27px Open Sans!important;color:#222;text-align:left;cursor:default}.assessmentMainContainer .right-sections .header .headerCard .classAssessmentDetailsMain .attClassBackIcon{font-size:1.3rem;padding-top:3px}.assessmentMainContainer .right-sections .header .headerCard .classAssessmentDetailsMain .attClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container{font-family:sans-serif;text-align:center;position:relative;flex:.6 1;top:0!important;left:0!important}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .iconDiv{position:absolute;left:9px;z-index:2!important;top:7px;cursor:pointer}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .iconDiv .searchFiltersIcon{cursor:pointer;color:#aaa;margin-right:10px}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search *,.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search :after,.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search :before{box-sizing:inherit}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__value{position:relative}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__input{margin-top:5px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;border:1px solid #ddd;box-shadow:0 0 3px rgba(136,195,250,.8901960784);border-radius:8px;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;opacity:1}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#222!important}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__input::-webkit-search-cancel-button,.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__input::-webkit-search-decoration,.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__input::-webkit-search-results-button,.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__input:not([readonly]):focus{cursor:auto}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__row{border-bottom:solid #ddd;border-width:.15px}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__row:last-child{border-bottom:none}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__not-found,.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search--multiple .select-search__option{height:48px}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__option.is-highlighted.is-selected,.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__option.is-selected,.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__option.is-selected:hover{color:#fff}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__group-header{text-transform:uppercase;background:#fff}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search.is-disabled{opacity:.5}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search:not(.is-disabled) .select-search__input{cursor:pointer;letter-spacing:0;font-weight:600}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search--multiple{border-radius:3px;overflow:hidden}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search.has-focus .select-search__value:after{display:none}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-bottom-right-radius:0;border-bottom-left-radius:0;border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.assessmentMainContainer .right-sections .header .headerCard .dropdowns-assessment-main-container .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}.assessmentMainContainer .right-sections .header .headerCard .assessBtns{display:flex;align-items:center;flex:.3 1;justify-content:flex-end}.assessmentMainContainer .right-sections .header .headerCard .assessBtns .text-right{display:flex;text-align:right!important}.assessmentMainContainer .right-sections .header .headerCard .assessBtns .text-right .saveCancTitle{margin:0!important;padding-left:5px}.assessmentMainContainer .right-sections .header .headerCard .assessBtns .text-right .actionBtn{width:100px;height:40px;border-radius:8px;padding:0;margin-right:10px;display:flex;justify-content:center;align-items:center}.assessmentMainContainer .right-sections .header .headerCard .assessBtns .text-right .actionBtn img{margin-top:-2px}.assessmentMainContainer .right-sections .header .headerCard .assessBtns .text-right .cancel{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box}.assessmentMainContainer .right-sections .header .headerCard .assessBtns .text-right .cancel img{margin-top:0}.assessmentMainContainer .right-sections .header .headerCard .assessBtns .text-right .save{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;padding:10px}.assessmentMainContainer .right-sections .header .headerCard .assessBtns .text-right .save .saveTitle{margin:0!important;padding-left:7px}.assessmentMainContainer .right-sections .header .headerCard .assessBtns .text-right .save img{margin-top:0}.assessmentMainContainer .right-sections .header .card-body{padding:17px!important}@media only screen and (max-width:991px){.assessmentMainContainer .right-sections .header .card-body{padding:12px!important}}.assessmentMainContainer .right-sections .formContainersDiv{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:100px;padding-left:25px}.assessmentMainContainer .right-sections .formContainersDiv .formContainerTextNoStd{color:#aaa;font:normal normal 600 20px/14px Open Sans;line-height:inherit;padding-top:40px}.assessmentMainContainer .right-sections .containerDiv{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:100px}.assessmentMainContainer .right-sections .containerDiv .assessArrowImage{width:14px;height:30px;align-self:center;margin-bottom:5px}.assessmentMainContainer .right-sections .containerDiv .containerTextDiv{width:232px;align-self:center}.assessmentMainContainer .right-sections .containerDiv .containerTextDiv .containerText{align-self:center;font-size:20px;text-align:center;letter-spacing:0;color:#aaa;opacity:1}.assessmentMainContainer .right-sections .nullTextContainerDiv{width:100%;display:flex;padding-right:310px;margin-top:220px;justify-content:center}.assessmentMainContainer .right-sections .nullTextContainerDiv .assessArrowImageNull{width:30px;height:14px;align-self:center;margin-right:10px}.assessmentMainContainer .right-sections .nullTextContainerDiv .containerTextDiv{width:232px;align-self:center}.assessmentMainContainer .right-sections .nullTextContainerDiv .containerTextDiv .containerText{align-self:center;font-size:20px;text-align:center;letter-spacing:0;color:#aaa;opacity:1}@media only screen and (max-width:991px){.assessmentMainContainer .right-sections .header{height:unset}}.assessmentMainContainer .right-sections .add{width:9rem;height:2.5rem;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box!important;border-radius:8px!important;float:right}.assessmentMainContainer .right-sections .disabledAdd{width:9rem;height:2.5rem;background:transparent linear-gradient(270deg,#aec7ea,#b6cae6) 0 0 no-repeat padding-box!important;border-radius:8px!important;float:right;cursor:default}.assessmentMainContainer .right-sections .addIcon{width:.875rem;height:.875rem;margin-right:.5rem;margin-top:-.1875rem}.assessmentMainContainer .right-sections .sub-header{min-height:3.75rem}.assessmentMainContainer .right-sections .sub-header .card-body{padding:12px}.assessmentMainContainer .right-sections .sub-header .title{display:flex;text-align:left;font:normal normal normal 14px/19px Open Sans;color:#222;margin:auto}.assessmentMainContainer .right-sections .sub-header .title .react-datepicker-wrapper{margin:auto 0;cursor:pointer}.assessmentMainContainer .right-sections .sub-header .title .react-datepicker__header{background-color:#fff}.assessmentMainContainer .right-sections .sub-header .title .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{border-bottom-color:#fff}.assessmentMainContainer .right-sections .sub-header .title .calendarIcon{margin:auto 0}.assessmentMainContainer .right-sections .sub-header .title .date{margin:auto 18px auto 0;margin-left:10px!important}.assessmentMainContainer .right-sections .sub-header .title .calendarIcon{margin-right:10px}.assessmentMainContainer .right-sections .sub-header .title .thumbIcon{position:absolute;right:12px;top:8px;cursor:pointer}.assessmentMainContainer .right-sections .sub-header .title .input{width:574px;height:40px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ddd;border-radius:5px;font:normal normal normal 13px/18px Open Sans;color:#525252!important;margin:auto 10px auto 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-right:43px}.assessmentMainContainer .right-sections .sub-header .title .input input[type=text]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width:1220px){.assessmentMainContainer .right-sections .sub-header .title .input{width:574px}}@media only screen and (max-width:991px){.assessmentMainContainer .right-sections .sub-header .title .input{width:574px}.assessmentMainContainer .right-sections .sub-header .title .thumbIcon{right:12px}}.assessmentMainContainer .right-sections .studentsDivAssessment{height:44.25rem;overflow-y:scroll}.assessmentMainContainer .blockSection{height:26.5rem}.assessmentMainContainer .blockSection .left-section{padding-right:.4375rem!important;padding-left:.4375rem!important;width:356px!important}.assessmentMainContainer .blockSection .left-section .leftCol{height:24.9rem}.assessmentMainContainer .blockSection .left-section .back-btn{background-color:#eee!important;border-radius:.25rem;width:100%;text-align:left!important;color:#222!important;border:none!important;font-weight:600!important;font:normal normal 600 1rem/1.375rem Open Sans;height:3.125rem}.assessmentMainContainer .blockSection .left-section .back-btn .fa-chevron-left{margin-right:.625rem}.assessmentMainContainer .blockSection .left-section .action-btn{border-radius:.5rem;border:none!important;width:100%;text-align:center;font:normal normal 600 .875rem/1.188rem Open Sans!important;letter-spacing:0;color:#fff;min-height:2.813rem}.assessmentMainContainer .blockSection .left-section .action-btn .noteOptionIcons{width:1.2rem;height:1.2rem;margin-right:.55rem}@media only screen and (max-width:1500px){.assessmentMainContainer .blockSection .left-section .action-btn .noteOptionIcons{width:1.125rem;height:1.125rem;margin-right:.5rem}}@media only screen and (max-width:1220px){.assessmentMainContainer .blockSection .left-section .action-btn .noteOptionIcons{width:1.375rem;height:1.375rem;margin-right:.3125rem}}@media only screen and (max-width:767px){.assessmentMainContainer .blockSection .left-section .action-btn .noteOptionIcons{margin-right:.75rem}}.assessmentMainContainer .blockSection .left-section .class-btn{background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box}.assessmentMainContainer .blockSection .left-section .gradebook-btn{background:transparent linear-gradient(270deg,#08b596,#27d3b4) 0 0 no-repeat padding-box}.assessmentMainContainer .blockSection .left-section .attchement-card{font:normal normal 600 16px/22px Open Sans;color:#a7a7a7;text-align:left}.assessmentMainContainer .blockSection .left-section .tooltip{position:relative!important;display:inline-block!important;opacity:1!important;padding-top:5px!important;padding-left:16px!important}.assessmentMainContainer .blockSection .left-section .tooltip .tooltiptext{visibility:hidden;width:180px;max-height:100px;background-color:#000;color:#fff;text-align:center;padding:10px;border-radius:6px;position:absolute;z-index:1;bottom:100%;left:10%;margin-left:-60px;overflow:auto}.assessmentMainContainer .blockSection .left-section .tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#000}.assessmentMainContainer .blockSection .left-section .tooltip:hover .tooltiptext{visibility:visible}@media only screen and (max-width:1500px){.assessmentMainContainer .blockSection .left-section .gradebook-btn{font:normal normal 600 .8125rem/1.125rem Open Sans!important;padding:.375rem!important}}@media only screen and (max-width:767px){.assessmentMainContainer .blockSection .left-section .class-btn,.assessmentMainContainer .blockSection .left-section .gradebook-btn{min-height:2.813rem!important}}.assessmentMainContainer .blockSection .left-section .tagsFormDiv{overflow-y:scroll;height:43.8rem;-ms-overflow-style:none!important;scrollbar-width:none!important}.assessmentMainContainer .blockSection .left-section .tagsFormDiv .single-attchement{text-align:left;border-bottom:1px solid #f4f4f4;cursor:pointer}.assessmentMainContainer .blockSection .left-section .tagsFormDiv .single-attchement .title{font:normal normal 600 .875rem/1.188rem Open Sans!important;color:#222;cursor:pointer;overflow:hidden;width:125px;white-space:nowrap;text-overflow:ellipsis}.assessmentMainContainer .blockSection .left-section .tagsFormDiv .single-attchement .action{float:right;margin-right:16px!important}.assessmentMainContainer .blockSection .left-section .tagsFormDiv .single-attchement .action .img{width:.875rem;height:.875rem}.assessmentMainContainer .blockSection .left-section .tagsFormDiv .single-attchement .action .edit-btn{background:#fff!important;border:none!important;font:normal normal normal .75rem/1.125rem Open Sans!important;color:#222!important;cursor:pointer;margin-right:10px;width:32px!important;height:32px!important}.assessmentMainContainer .blockSection .left-section .tagsFormDiv .single-attchement .action .disabledEdit-btn{background:transparent!important;border:none!important;font:normal normal normal .75rem/1.125rem Open Sans!important;color:#222!important;cursor:pointer;cursor:default!important;filter:brightness(4.5)}.assessmentMainContainer .blockSection .left-section .tagsFormDiv .single-attchement .action .trash-btn{background:#fff!important;border:none!important;font:normal normal normal .75rem/1.125rem Open Sans!important;color:#f44!important;cursor:pointer;width:32px!important;height:32px!important}.assessmentMainContainer .blockSection .left-section .tagsFormDiv .single-attchement .action .disabledTrash-btn{background:transparent!important;border:none!important;font:normal normal normal .75rem/1.125rem Open Sans!important;color:#f44!important;cursor:default!important}.assessmentMainContainer .blockSection .left-section .tagsFormDiv::-webkit-scrollbar{display:none!important}.assessmentMainContainer .blockSection .right-section{padding-left:.4375rem!important;height:24.9rem;-ms-overflow-style:none!important;scrollbar-width:none!important}.assessmentMainContainer .blockSection .right-section .header{height:4.7rem;display:flex;width:100%}.assessmentMainContainer .blockSection .right-section .header .headerCard{display:flex;width:100%}.assessmentMainContainer .blockSection .right-section .header .headerCard .classAssessmentDetailsMain{display:flex;align-items:center;flex:.6 1}.assessmentMainContainer .blockSection .right-section .header .headerCard .classAssessmentDetailsMain .assessmentBackDiv{display:flex;background:transparent;cursor:pointer;align-items:center}.assessmentMainContainer .blockSection .right-section .header .headerCard .classAssessmentDetailsMain .vrLine{width:0;height:100%;margin:17px;border:1px solid rgba(34,34,34,.1019607843)}.assessmentMainContainer .blockSection .right-section .header .headerCard .classAssessmentDetailsMain .assessmentDetailsDiv{margin:0!important}.assessmentMainContainer .blockSection .right-section .header .headerCard .classAssessmentDetailsMain .assessmentDetailsDiv .displayFlexClassAssessment{display:flex;align-items:center;cursor:pointer}.assessmentMainContainer .blockSection .right-section .header .headerCard .classAssessmentDetailsMain .assessmentDetailsDiv .displayFlexClassAssessment .attClassGrade{margin:0!important;font-weight:600}.assessmentMainContainer .blockSection .right-section .header .headerCard .classAssessmentDetailsMain .assessmentDetailsDiv .displayFlexClassAssessment .assessmentClassForIcon{color:#487fcc}.assessmentMainContainer .blockSection .right-section .header .headerCard .classAssessmentDetailsMain .assessmentDetailsDiv .displayFlexClassAssessment .attClassGrade2{font:normal normal 600 20px/27px Open Sans!important;margin:0!important}.assessmentMainContainer .blockSection .right-section .header .headerCard .classAssessmentDetailsMain .attClassBackIcon{font-size:1.3rem;padding-top:3px}.assessmentMainContainer .blockSection .right-section .header .headerCard .classAssessmentDetailsMain .attClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container{font-family:sans-serif;text-align:center;position:relative;flex:.6 1}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .iconDiv{position:absolute;left:9px;z-index:1;top:7px}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .iconDiv .searchFiltersIcon{cursor:pointer;color:#aaa;margin-right:10px}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search *,.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search :after,.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search :before{box-sizing:inherit}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__value{position:relative}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__input{margin-top:5px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;border:1px solid #ddd;box-shadow:0 0 3px rgba(136,195,250,.8901960784);border-radius:8px;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;opacity:1}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#c6b6b6!important}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__input::-webkit-search-cancel-button,.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__input::-webkit-search-decoration,.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__input::-webkit-search-results-button,.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__input:not([readonly]):focus{cursor:auto}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__select{box-shadow:0 .0625rem .125rem rgba(118,167,231,.966);max-height:150px!important}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__options{list-style:none;padding:0 5px;background:#fff}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__row{border-bottom:solid #ddd;border-width:2px}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__not-found,.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search--multiple .select-search__option{height:48px}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__option.is-selected{background:#7399df;color:#fff}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__option.is-highlighted.is-selected,.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__option.is-selected:hover{background:#528edd;color:#fff}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__group-header{text-transform:uppercase;background:#fff}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search.is-disabled{opacity:.5}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search:not(.is-disabled) .select-search__input{cursor:pointer;letter-spacing:0;font-weight:600}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search--multiple{border-radius:3px;overflow:hidden}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search:not(.select-search--multiple) .select-search__input:hover{border-color:#4a7fc9}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:44px;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.assessmentMainContainer .blockSection .right-section .header .headerCard .dropdown-main-container .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}.assessmentMainContainer .blockSection .right-section .header .headerCard .assessBtns{display:flex;align-items:center;flex:.3 1;justify-content:flex-end}.assessmentMainContainer .blockSection .right-section .header .headerCard .assessBtns .text-right{display:flex;text-align:right!important}.assessmentMainContainer .blockSection .right-section .header .headerCard .assessBtns .text-right .saveCancTitle{margin:0!important;padding-left:5px}.assessmentMainContainer .blockSection .right-section .header .card-body{padding:17px!important}@media only screen and (max-width:991px){.assessmentMainContainer .blockSection .right-section .header .card-body{padding:12px!important}}.assessmentMainContainer .blockSection .right-section .containerDiv{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:100px}.assessmentMainContainer .blockSection .right-section .containerDiv .assessArrowImage{width:14px;height:30px;align-self:center;margin-bottom:5px}.assessmentMainContainer .blockSection .right-section .containerDiv .containerTextDiv{width:232px;align-self:center}.assessmentMainContainer .blockSection .right-section .containerDiv .containerTextDiv .containerText{align-self:center;font-size:20px;text-align:center;letter-spacing:0;color:#aaa;opacity:1}.assessmentMainContainer .blockSection .right-section .nullTextContainerDiv{width:100%;display:flex;padding-right:272px;margin-top:220px;justify-content:center}.assessmentMainContainer .blockSection .right-section .nullTextContainerDiv .assessArrowImageNull{width:30px;height:14px;align-self:center;margin-right:10px}.assessmentMainContainer .blockSection .right-section .nullTextContainerDiv .containerTextDiv{width:232px;align-self:center}.assessmentMainContainer .blockSection .right-section .nullTextContainerDiv .containerTextDiv .containerText{align-self:center;font-size:20px;text-align:center;letter-spacing:0;color:#aaa;opacity:1}@media only screen and (max-width:991px){.assessmentMainContainer .blockSection .right-section .header{height:unset}}.assessmentMainContainer .blockSection .right-section .add{width:9rem;height:2.5rem;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box!important;border-radius:8px!important;float:right}.assessmentMainContainer .blockSection .right-section .disabledAdd{width:11rem;height:2.5rem;background:transparent linear-gradient(270deg,#aec7ea,#b6cae6) 0 0 no-repeat padding-box!important;border-radius:8px!important;float:right;cursor:default}.assessmentMainContainer .blockSection .right-section .addIcon{width:.875rem;height:.875rem;margin-right:.5rem;margin-top:-.1875rem}.assessmentMainContainer .blockSection .right-section .sub-header{min-height:3.75rem}.assessmentMainContainer .blockSection .right-section .sub-header .card-body{padding:12px}.assessmentMainContainer .blockSection .right-section .sub-header .title{display:flex;text-align:left;font:normal normal normal 14px/19px Open Sans;color:#222;margin-left:10px!important;width:100%}.assessmentMainContainer .blockSection .right-section .sub-header .title .react-datepicker-wrapper{margin-top:9px!important;cursor:pointer}.assessmentMainContainer .blockSection .right-section .sub-header .title .react-datepicker__header{background-color:#fff}.assessmentMainContainer .blockSection .right-section .sub-header .title .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{border-bottom-color:#fff}.assessmentMainContainer .blockSection .right-section .sub-header .title .calendarIcon{margin:auto 0}.assessmentMainContainer .blockSection .right-section .sub-header .title .date{margin:11px 11px 10px 10px!important;align-items:center;justify-content:center;width:13%}.assessmentMainContainer .blockSection .right-section .sub-header .title .calendarIcon{margin-right:10px}.assessmentMainContainer .blockSection .right-section .sub-header .title .thumbIcon{position:absolute;right:12px;cursor:pointer}.assessmentMainContainer .blockSection .right-section .sub-header .title .input{width:574px;height:40px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ddd;border-radius:5px;font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#222;font-weight:600;margin:auto 10px auto 0;outline:none!important;position:relative;padding-right:43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assessmentMainContainer .blockSection .right-section .sub-header .title input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#c6b6b6!important}@media only screen and (max-width:1220px){.assessmentMainContainer .blockSection .right-section .sub-header .title .input{width:574px}}@media only screen and (max-width:991px){.assessmentMainContainer .blockSection .right-section .sub-header .title .input{width:574px}.assessmentMainContainer .blockSection .right-section .sub-header .title .thumbIcon{right:12px}}.assessmentMainContainer .blockSection .right-section ::-webkit-scrollbar{display:none!important}.formative-modal-warning .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.formative-modal-warning .modal-content{border-radius:8px;width:412px;height:329px;margin:auto;background-color:#fff!important}.formative-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:8px;padding:20px 20px 0!important}.formative-modal-warning .modal-content .modal-body{display:flex;align-items:center;justify-content:center;text-align:center;font:normal normal normal 19px/26px Open Sans;padding-bottom:0}.formative-modal-warning .modal-content .modal-body .warningIcon{width:60px;height:60px}.formative-modal-warning .modal-content .modal-body .waitTitle{text-align:center;padding-top:10px;font:normal normal 600 24px/33px Open Sans;font-weight:600;color:#ff1f1f}.formative-modal-warning .modal-content .modal-body .modalText{width:256px;height:52px;padding-top:25px}.formative-modal-warning .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.formative-modal-warning .modal-footer{border:none;justify-content:center}.formative-modal-warning .getReport-btn{width:120px;height:54px;color:#fff;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;font:normal normal 600 18px/24px Open Sans}.formative-modal-warning .cancelAtt-btn{background-color:#fff!important;font:normal normal normal 19px/26px Open Sans;color:#222!important;width:120px;height:54px}.formativeClass-modal-warning .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.formativeClass-modal-warning .modal-content{border-radius:8px;width:412px;height:329px;margin:auto;background-color:#fff!important}.formativeClass-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:8px;padding:20px 20px 0!important}.formativeClass-modal-warning .modal-content .modal-body{display:flex;align-items:center;justify-content:center;text-align:center;font:normal normal normal 19px/26px Open Sans;padding-bottom:0}.formativeClass-modal-warning .modal-content .modal-body .warningIcon{width:60px;height:60px}.formativeClass-modal-warning .modal-content .modal-body .waitTitle{text-align:center;padding-top:10px;font:normal normal 600 24px/33px Open Sans;font-weight:600;color:#ff1f1f}.formativeClass-modal-warning .modal-content .modal-body .modalText{width:302px;height:52px;padding-top:0}.formativeClass-modal-warning .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.formativeClass-modal-warning .modal-footer{border:none;justify-content:center}.formativeClass-modal-warning .getReport-btn{width:120px;height:54px;color:#fff;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;font:normal normal 600 18px/24px Open Sans}.formativeClass-modal-warning .cancelAtt-btn{background-color:#fff!important;font:normal normal normal 19px/26px Open Sans;color:#222!important;width:120px;height:54px}@media only screen and (max-width:1300px){.assessmentMainContainer .card-body{padding:.8rem}}@media only screen and (min-width:1500px)and (max-width:1920px){.assessmentMainContainer .blockSection .right-section .sub-header .title .date{width:9%}.assessmentMainContainer .blockSection .right-section .sub-header .title .thumbIcon{right:24px}}@media only screen and (min-width:1280px)and (max-width:1499px){.assessmentMainContainer .blockSection .right-section .sub-header .title .date{width:12%}.assessmentMainContainer .blockSection .right-section .sub-header .title .thumbIcon{right:24px}}@media only screen and (min-width:770px)and (max-width:996px){.assessmentMainContainer .blockSection .right-section .sub-header .title .date{width:22%}.assessmentMainContainer .blockSection .right-section .sub-header .title .thumbIcon{right:12px;top:20%}}@media only screen and (min-width:1500px)and (max-width:1920px){.assessmentMainContainer,.assessmentMainContainer .blockSection{height:50rem}.assessmentMainContainer .blockSection .left-section .leftCol{height:48.5rem}.assessmentMainContainer .blockSection .right-section{height:49.7rem}.assessmentMainContainer .blockSection .right-section .studentsDivAssessment{height:49.25rem;overflow-y:scroll}.assessmentMainContainer .blockSection .right-section .nullTextContainerDiv{padding-right:54px!important}}@media only screen and (min-width:1300px)and (max-width:1499px){.assessmentMainContainer{height:55rem}.assessmentMainContainer .blockSection{height:50rem}.assessmentMainContainer .blockSection .left-section .leftCol{height:49rem}.assessmentMainContainer .blockSection .right-section{height:50rem}.assessmentMainContainer .blockSection .right-section .studentsDivAssessment{height:49.55rem;overflow-y:scroll}}@media only screen and (min-width:1280px)and (max-width:1299px){.assessmentMainContainer{height:29rem}.assessmentMainContainer .blockSection{height:50rem}.assessmentMainContainer .blockSection .left-section .leftCol{height:48.8rem}.assessmentMainContainer .blockSection .right-section{height:49.9rem}.assessmentMainContainer .blockSection .right-section .studentsDivAssessment{height:49.55rem;overflow-y:scroll}}@media screen and (max-height:768px){.assessmentMainContainer{height:39.3rem!important}.assessmentMainContainer .blockSection{height:34.5rem}.assessmentMainContainer .blockSection .left-section .leftCol{height:33.1rem}.assessmentMainContainer .blockSection .left-section .tagsFormDiv{overflow-y:scroll;height:28.8rem}.assessmentMainContainer .blockSection .right-section{height:33.9rem}.assessmentMainContainer .blockSection .right-section .studentsDivAssessment{height:33.8rem;overflow-y:scroll}}.studentsDivAssessment{overflow-x:hidden}.nrmlpg{height:30rem}.addAssessmentGreenBgColor{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box!important;width:5rem;height:2.3rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0}.addAssessmentGreenBgColor,.modalSaveTagButton{border-radius:8px!important}@media only screen and (min-width:1500px)and (max-width:1920px){.addpg{height:44rem!important}}@media screen and (max-height:768px){.addpg{height:29rem!important}}@media only screen and (min-width:1600px){.addpg{height:44rem!important}}@media only screen and (min-width:2000px){.addpg{height:42rem!important}.leftCol{height:46.2rem!important}.nrmlpg{height:47rem!important}}.addMainDiv{border-radius:0 6px 6px 0;height:70px!important;padding:9px!important}.addMainDiv .profile{text-align:left;padding-left:20px}.addMainDiv .profile .img-div .imgGoal{box-shadow:.0625rem .125rem .1875rem rgba(0,0,0,.1019607843);float:left;margin-right:1rem}.addMainDiv .profile .img-div .imgGoal,.addMainDiv .profile .img-div .studentProfileImageDiv .imageDummyRosterProfiles{width:3rem;height:3rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;border-radius:50rem}.addMainDiv .profile .img-div .studentProfileImageDiv .imageDummyRosterProfiles{box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);margin-top:0;text-align:center;margin-left:0;opacity:.8;display:flex;justify-content:center;align-items:center}.addMainDiv .profile .img-div .studentProfileImageDiv .imageDummyRosterProfiles .rosterProfileImageText{padding:.8rem!important;color:#fff;margin:0!important;text-transform:uppercase;cursor:default}.addMainDiv .profile .img-div .profile-img{width:3rem!important;height:3rem!important;border-radius:50%!important}.addMainDiv .profile .studentProfileImageDiv{width:4rem;float:left}.addMainDiv .profile .details .name{font:normal normal 600 1rem/1.375rem Open Sans;color:#222}.addMainDiv .profile .details .mail{font:normal normal normal .875rem/1.188rem Open Sans;color:#777}.addMainDiv .action{margin:auto;white-space:nowrap;text-align:right}.addMainDiv .action .color-btn{display:inline-flex;justify-content:center;align-items:center}.addMainDiv .action .color-btn .btn-gray{background:#777 0 0 no-repeat padding-box!important}.addMainDiv .action .color-btn .btn-red{background:#f44 0 0 no-repeat padding-box!important}.addMainDiv .action .color-btn .btn-green{background:#23bf1d 0 0 no-repeat padding-box!important}.addMainDiv .action .color-btn .btn-yellow{background:#fab700 0 0 no-repeat padding-box!important}.addMainDiv .action .color-btn .btn-blue{background:#386cb5 0 0 no-repeat padding-box!important}@media only screen and (min-width:768px)and (max-width:1279px){.assessmentMainContainer .addMainDiv{height:125px!important}.assessmentMainContainer .addMainDiv .profile{display:block;align-items:flex-start;justify-content:flex-start}.assessmentMainContainer .addMainDiv .action{display:contents}}@media only screen and (min-width:1279px)and (max-width:1360px){.assessmentMainContainer .addMainDiv .action{padding-left:0}}.FAaddassesmentmail{max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width:1260px){.FAaddassesmentmail{max-width:95%!important}}.assessmentCoreStandardPopover .popover{width:45rem!important;padding:0 0 1rem!important;border-radius:11px!important;height:22rem!important;border:none!important}.assessmentCoreStandardPopover .tagDiv{max-height:21rem;overflow:auto}.assessmentCoreStandardPopover .selectTagDiv{background:#fff 0 0 no-repeat padding-box;opacity:1;margin:.4rem;border-bottom:1px solid #eee;padding-bottom:5px;cursor:pointer}.assessmentCoreStandardPopover .selectTagText{text-align:left;font:normal normal normal 15px/24px Open Sans;letter-spacing:.3px;color:#222;opacity:1}.StudentProfiles .red{border-right:6px solid #f44}.StudentProfiles .green{border-right:6px solid #23bf1d}.StudentProfiles .yellow{border-right:6px solid #fab700}.StudentProfiles .blue{border-right:6px solid #386cb5}.StudentProfiles .gray{border-right:6px solid #777}.profileBox .mainDiv{border-radius:0 6px 6px 0;height:70px!important;padding:9px!important}.profileBox .mainDiv .profile{text-align:left;padding-left:20px}.profileBox .mainDiv .profile .img{width:3rem;height:3rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:.0625rem .125rem .1875rem rgba(0,0,0,.1019607843);border-radius:50rem;float:left;margin-right:1rem}.profileBox .mainDiv .profile .img .profile-img{width:3rem!important;height:3rem!important;border-radius:50%!important}.profileBox .mainDiv .profile .details .name{font:normal normal 600 1rem/1.375rem Open Sans;color:#222}.profileBox .mainDiv .profile .details .mail{font:normal normal normal .875rem/1.188rem Open Sans;color:#777}.FAstudentprofilesmail{max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width:1260px){.FAstudentprofilesmail{max-width:95%!important}}.assessmentMainContainer{background:#f0f0f0;height:100%;padding:0 3rem}.assessmentMainContainer .btn:focus,.assessmentMainContainer a:focus{outline:none!important;box-shadow:none!important}.assessmentMainContainer .left-section{padding-right:.4375rem!important}.assessmentMainContainer .left-section .back-btn{background-color:#eee!important;border-radius:.25rem;width:100%;text-align:left!important;color:#222!important;border:none!important;font-weight:600!important;font:normal normal 600 1rem/1.375rem Open Sans;height:3.125rem}.assessmentMainContainer .left-section .back-btn .fa-chevron-left{margin-right:.625rem}.assessmentMainContainer .left-section .action-btn{border-radius:.5rem;border:none!important;width:100%;text-align:center;font:normal normal 600 .875rem/1.188rem Open Sans!important;letter-spacing:0;color:#fff;min-height:2.813rem}.assessmentMainContainer .left-section .action-btn .noteOptionIcons{width:1.2rem;height:1.2rem;margin-right:.55rem}@media only screen and (max-width:1500px){.assessmentMainContainer .left-section .action-btn .noteOptionIcons{width:1.125rem;height:1.125rem;margin-right:.5rem}}@media only screen and (max-width:1220px){.assessmentMainContainer .left-section .action-btn .noteOptionIcons{width:1.375rem;height:1.375rem;margin-right:.3125rem}}@media only screen and (max-width:767px){.assessmentMainContainer .left-section .action-btn .noteOptionIcons{margin-right:.75rem}}.assessmentMainContainer .left-section .class-btn{background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box}.assessmentMainContainer .left-section .gradebook-btn{background:transparent linear-gradient(270deg,#08b596,#27d3b4) 0 0 no-repeat padding-box}.assessmentMainContainer .left-section .attchement-card{font:normal normal 600 16px/22px Open Sans;color:#a7a7a7;text-align:left;margin:0!important}.assessmentMainContainer .left-section .tagsTitle{padding:16px 0 16px 16px;border-bottom:1px solid #f4f4f4}.assessmentMainContainer .left-section .tagsTitle .cardTitle .attchement-card{font:normal normal 600 16px/22px Open Sans;color:#a7a7a7;text-align:left;margin:0!important}@media only screen and (max-width:1500px){.assessmentMainContainer .left-section .gradebook-btn{font:normal normal 600 .8125rem/1.125rem Open Sans!important;padding:.375rem!important}}@media only screen and (max-width:767px){.assessmentMainContainer .left-section .class-btn,.assessmentMainContainer .left-section .gradebook-btn{min-height:2.813rem!important}}.assessmentMainContainer .left-section .single-attchement{text-align:left;padding:15px;border-bottom:1px solid #f4f4f4}.assessmentMainContainer .left-section .single-attchement .title{font:normal normal 600 .875rem/1.188rem Open Sans!important;color:#222;margin:0}.assessmentMainContainer .left-section .single-attchement .action{float:right}.assessmentMainContainer .left-section .single-attchement .action .img{width:.875rem;height:.875rem}.assessmentMainContainer .left-section .single-attchement .action .edit-btn{padding:7px 9px;background:#fff!important;border:none!important;font:normal normal normal .75rem/1.125rem Open Sans!important;color:#222!important;margin-right:10px}.assessmentMainContainer .left-section .single-attchement .action .edit-btn .img{width:.875rem;height:.875rem}.assessmentMainContainer .left-section .single-attchement .action .trash-btn{padding:7px 9px;background:#fff!important;border:none!important;font:normal normal normal .75rem/1.125rem Open Sans!important;color:#f44!important}.assessmentMainContainer .left-section .single-attchement .action .trash-btn .img{width:.875rem;height:.98rem}.assessmentMainContainer .right-section{padding-left:.4375rem!important}.assessmentMainContainer .right-section .header{height:4.7rem}.assessmentMainContainer .right-section .header .card-body{padding:17px!important;justify-content:space-between}.assessmentMainContainer .right-section .header .title{text-align:left;font:normal normal 600 1rem/1.375rem Open Sans;color:#222;margin:auto}.assessmentMainContainer .right-section .header .actionBtn{width:100px;height:40px;border-radius:8px;padding:0;margin-right:10px;display:flex;justify-content:center;align-items:center}.assessmentMainContainer .right-section .header .actionBtn img{margin-top:-2px}.assessmentMainContainer .right-section .header .cancel{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box}.assessmentMainContainer .right-section .header .save{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box}@media only screen and (max-width:991px){.assessmentMainContainer .right-section .header .card-body{padding:12px!important}}@media only screen and (max-width:991px){.assessmentMainContainer .right-section .header{height:unset}}.assessmentMainContainer .right-section .sub-header{min-height:3.75rem}.assessmentMainContainer .right-section .sub-header .card-body{padding:12px}.assessmentMainContainer .right-section .sub-header .title{display:flex;text-align:left;font:normal normal normal 14px/19px Open Sans;color:#222;margin-left:10px!important}.assessmentMainContainer .right-section .sub-header .title .react-datepicker-wrapper{margin-top:9px!important}.assessmentMainContainer .right-section .sub-header .title .react-datepicker__header{background-color:#fff}.assessmentMainContainer .right-section .sub-header .title .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{border-bottom-color:#fff}.assessmentMainContainer .right-section .sub-header .title .calendarIcon{margin:auto 0}.assessmentMainContainer .right-section .sub-header .title .date{margin:auto 18px auto 0}.assessmentMainContainer .right-section .sub-header .title .calendarIcon{margin-right:10px}.assessmentMainContainer .right-section .sub-header .title .thumbIcon{position:absolute;right:7%;top:8px}.assessmentMainContainer .right-section .sub-header .title .input{width:86%;height:40px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ddd;border-radius:5px;font:normal normal normal 13px/18px Open Sans;color:#bbb;margin:auto 10px auto 0}@media only screen and (max-width:1220px){.assessmentMainContainer .right-section .sub-header .title .input{width:80%}}@media only screen and (max-width:991px){.assessmentMainContainer .right-section .sub-header .title .input{width:70%}.assessmentMainContainer .right-section .sub-header .title .thumbIcon{right:14%}}@media only screen and (max-width:520px){.assessmentMainContainer .left-section,.assessmentMainContainer .right-section{padding:0!important}}@media only screen and (max-width:767px){.assessmentMainContainer .left-section,.assessmentMainContainer .right-section{padding:.9375rem!important}}@media only screen and (max-width:1300px){.assessmentMainContainer .card-body{padding:1rem}}@media only screen and (max-width:1220px){.assessmentMainContainer{padding:0 1rem}}.cropper-wrapper{border-radius:25px}.cropper-wrapper .btnDiv{margin-top:15px}.cropper-wrapper .btnDiv .cancelBtn{margin-right:15px;background-color:red}.cropper-wrapper .btnDiv .cancelBtn,.cropper-wrapper .btnDiv .saveBtn{text-transform:inherit;border-radius:20px;width:90px;color:#fff;outline:none}.cropper-wrapper .btnDiv .saveBtn{background-color:green;margin-left:15px}.cropper-wrapper .zoomIcon{color:green}.profileMainContainer{width:100%;height:100%;background:#f0f0f0;border-radius:.5rem;margin-top:.85rem}.userProfileDetailsMain{background:#fff;display:flex;height:260px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 5px rgba(0,0,0,.1490196078);border-radius:8px;opacity:1}.ProfileImageDiv{width:20rem;position:relative;background-size:cover;background-position:50%;width:260px;height:260px;border-radius:8px}.loaderIconCssUserSelected{width:3.5rem}.NoProfileImageDiv{width:20rem;background-color:#f5f5f5!important;text-align:-webkit-center;padding-top:5rem}.NoStudentImageMainDiv{width:7rem;height:7rem;border-radius:10rem;background:#fff 0 0 no-repeat padding-box;border:1px solid #ddd}.NoImageCameraIcon{width:3rem;margin-top:2rem;cursor:pointer}.NoImageLoader{width:6rem;margin-top:2rem;cursor:pointer}.userDivProfile{width:100%;background:rgba(0,0,0,.3490196078);height:100%;padding:3rem}.userprofileImage{width:8rem;height:8rem;border-radius:50rem}.changeButton{width:7rem;height:2.5rem;background:#000!important;border-radius:1.5rem!important;margin-top:1rem;opacity:.7;cursor:pointer!important;border-radius:12px!important;opacity:.6}.changeButtonText{margin:-.3rem;color:#fff;font-weight:600;cursor:pointer!important}.InfoDiv{width:calc(100% - 20rem);padding:1rem 1rem 1rem 35px}.InfoDiv .MuiOutlinedInput-input{padding:0}.delete-modal-userProfile .modal-content{width:300px;height:240px}.delete-modal-userProfile .modal-header{margin-top:15px}.delete-modal-userProfile .modal-footer{padding-bottom:20px}.delete-modal-userProfile .cancel-btn{background:transparent;color:#000}.delete-modal-userProfile .sure-text{font:normal normal 600 14px/19px Open Sans!important;letter-spacing:0;color:#222;opacity:1}.delete-modal-userProfile .permanent-text{font:normal normal normal 14px/19px Open Sans!important;letter-spacing:0;color:#222;opacity:1}.header-title-row-user-profile{position:relative;top:6px}.noteTextForgot{text-align:left;margin-top:10px}.editProfileText{color:#222;font-size:1.2rem;font-weight:700;text-align:left;top:11px;position:relative}.inputInfoField{width:50%;width:22rem}.inputpasswordFieldMainDiv{display:flex!important}.inputpasswordField{width:27%;margin:0 1rem 0 0}.ConfirmPswd{width:20%}.delete-note{width:140px;height:40px;background:transparent linear-gradient(270deg,#ec4444,#fa6060) 0 0 no-repeat padding-box;border-radius:.5rem!important;opacity:1}.add-note{width:101px;height:40px;background:transparent linear-gradient(270deg,var(--unnamed-color-386cb5),var(--unnamed-color-669fed)) 0 0 no-repeat padding-box;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;border-radius:8px;opacity:1}.inputLableInfo{color:#aaa;font-size:1rem;font-weight:700;margin-bottom:0;text-align:left}.InfoInputType{border:.75px solid #ddd;box-sizing:border-box;border-radius:.3rem;height:3.5rem;padding-left:.5rem;background:#f4f6fa;width:100%;width:306px;height:40px;float:left;padding-top:9px!important;padding-left:13px!important;background:#f4f6fa 0 0 no-repeat padding-box!important;border:.75px solid #ddd!important;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-22) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);text-align:left;font:normal normal normal 16px/22px Open Sans;letter-spacing:0;color:#222;opacity:.51}.paddingDiv{margin-top:18px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 5px rgba(0,0,0,.1490196078);border-radius:8px;opacity:1}.paddingDiv .MuiOutlinedInput-input{padding:0}.changePassMainDiv{background:#fff;padding:1rem;border-radius:.7rem}.passwordMainDiv{width:100%;background:#fff;padding:1rem;border-radius:1rem}.updateBtn{text-align:-webkit-center;padding-bottom:1rem}.updateBtn Button{border-radius:2rem;height:3rem;padding:.5rem;width:20rem;background-image:linear-gradient(270deg,#386cb5,#669fed);font-size:1rem;font-weight:600;margin-bottom:1rem}.disableDiv,.disableUpdateDiv{pointer-events:none}.disableUpdateDiv{opacity:.3}.resizeModal .modal-dialog{display:flex;justify-content:center}.resizeModal .modal-dialog .modal-content{width:360px!important;border-radius:1.4rem!important;margin-top:100px}.resizeModal .modal-dialog .modal-content .modal-body{background-color:#000;border-radius:20px}@media only screen and (min-width:250px)and (max-width:750px){.userProfileDetailsMain{display:block;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 5px rgba(0,0,0,.1490196078);border-radius:8px;opacity:1}.ProfileImageDiv{width:100%;border-radius:8px}.InfoDiv,.NoProfileImageDiv{width:100%}.inputInfoField{width:100%;margin-top:1.5rem}.inputpasswordFieldMainDiv{display:block!important}.inputpasswordField{width:100%;margin-top:1.5rem}.paddingDiv{padding:1rem 0}.changePassMainDiv{border-radius:0}}.header-CND{min-height:5rem}.header-CND .card-body{padding:.8rem 1.25rem!important;padding-bottom:55px}.header-title-CND{text-align:left;font:normal normal 600 1rem/38px Open Sans;color:#222;margin:auto;white-space:nowrap}.header-title-CND .border-right-CND{vertical-align:middle;width:80px;display:inline-flex;border-right:1px solid #d3d3d3!important}@media only screen and (max-width:1200px){.header-title-CND .border-right-CND{width:180px}}.header-title-CND .sub-title{font:normal normal normal 12px/17px Open Sans;margin-left:15px;color:#777}.addButton{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box!important}.addButton,.disabledAddButton{width:auto;font:normal normal normal 16px/22px Open Sans!important;border-radius:1.5rem!important;float:right;margin-left:8px}.disabledAddButton{cursor:default!important;background:transparent linear-gradient(270deg,#aec7ea,#b6cae6) 0 0 no-repeat padding-box!important}.saveCloseBtn{float:right;margin-left:8px;padding:0}.plus-img{width:.875rem;height:.875rem;margin-right:.5rem;margin-top:-.1875rem}.refresh-section-CND{min-height:3.75rem}.refresh-section-CND .card-body{padding:.625rem}@media only screen and (max-width:767px){.classNotekMainContainer-CND{padding:0}.main-section-CND{padding:.9375rem!important}.header-title-CND{margin-bottom:10px}.addButton{width:auto;font-size:14px!important}.header-title-CND{font:normal normal 600 .875rem/1.188rem Open Sans!important}}.classNotekMainContainer-CND{background:#f0f0f0;height:100%;padding:0 3rem}.classNotekMainContainer-CND .filterSubDiv{margin-top:6px}.classNotekMainContainer-CND .btn:focus,.classNotekMainContainer-CND a:focus{outline:none!important;box-shadow:none!important}.classNotekMainContainer-CND .back-image-CND{align-self:center;cursor:pointer}.classNotekMainContainer-CND .loadMoreRoster-CND{width:8rem!important;height:2.5rem!important;border-radius:2rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .2rem}.classNotekMainContainer-CND .loadMoreRoster-CND .loaderMoreIconCss-CND{width:5.5rem;margin-top:-.5rem}.classNotekMainContainer-CND .LoadButtonText-CND{color:#fff;font-size:.8rem;margin-left:.3rem;font-weight:600}@media only screen and (max-width:1200px){.classNotekMainContainer-CND .back-btn{width:165px}}.classNotekMainContainer-CND .assessment-btn{font:normal normal 600 13px/16px Open Sans!important;background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box;border-radius:.5rem;border:none!important;width:100%;text-align:center;color:#fff;min-height:48px}.classNotekMainContainer-CND .assessment-btn .actionIcons{width:1.2rem;height:1.2rem;float:left;margin-right:.55rem;margin-top:5px;margin-left:18px}@media only screen and (max-width:1730px){.classNotekMainContainer-CND .assessment-btn .actionIcons{margin-left:8px}}@media only screen and (max-width:1565px){.classNotekMainContainer-CND .assessment-btn .actionIcons{margin-left:2px;margin-right:4px}}@media only screen and (max-width:1450px){.classNotekMainContainer-CND .assessment-btn{font-size:12px!important}}.classNotekMainContainer-CND .note-btn{font:normal normal 600 13px/18px Open Sans!important;background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box;border-radius:.5rem;border:none!important;width:100%;text-align:center;color:#fff;min-height:48px}.classNotekMainContainer-CND .note-btn .actionIcons{width:1.2rem;height:1.2rem;margin-right:.55rem}.classNotekMainContainer-CND .main-section-CND .header-CND{min-height:5rem}.classNotekMainContainer-CND .main-section-CND .header-CND .card-body{padding:.8rem 1.25rem!important}.classNotekMainContainer-CND .main-section-CND .header-title-CND{text-align:left;font:normal normal 600 1rem/38px Open Sans;color:#222;margin:auto;white-space:nowrap}.classNotekMainContainer-CND .main-section-CND .header-title-CND .border-right-CND{vertical-align:middle;width:80px;display:inline-flex;border-right:1px solid #d3d3d3!important}@media only screen and (max-width:1200px){.classNotekMainContainer-CND .main-section-CND .header-title-CND .border-right-CND{width:180px}}.classNotekMainContainer-CND .main-section-CND .header-title-CND .sub-title{font:normal normal normal 12px/17px Open Sans;margin-left:15px;color:#777}.classNotekMainContainer-CND .main-section-CND .addButton{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box!important}.classNotekMainContainer-CND .main-section-CND .addButton,.classNotekMainContainer-CND .main-section-CND .disabledAddButton{width:auto;font:normal normal normal 16px/22px Open Sans!important;border-radius:1.5rem!important;float:right;margin-left:8px}.classNotekMainContainer-CND .main-section-CND .disabledAddButton{cursor:default!important;background:transparent linear-gradient(270deg,#aec7ea,#b6cae6) 0 0 no-repeat padding-box!important}.classNotekMainContainer-CND .main-section-CND .saveCloseBtn{float:right;margin-left:8px;padding:0}.classNotekMainContainer-CND .main-section-CND .plus-img{width:.875rem;height:.875rem;margin-right:.5rem;margin-top:-.1875rem}.classNotekMainContainer-CND .main-section-CND .refresh-section-CND{min-height:3.75rem}.classNotekMainContainer-CND .main-section-CND .refresh-section-CND .card-body{padding:.625rem}@media only screen and (max-width:767px){.classNotekMainContainer-CND .main-section-CND .classNotekMainContainer-CND{padding:0}.classNotekMainContainer-CND .main-section-CND .main-section-CND{padding:.9375rem!important}.classNotekMainContainer-CND .main-section-CND .header-title-CND{margin-bottom:10px}.classNotekMainContainer-CND .main-section-CND .addButton{width:auto;font-size:14px!important}.classNotekMainContainer-CND .main-section-CND .header-title-CND{font:normal normal 600 .875rem/1.188rem Open Sans!important}}@media only screen and (max-width:767px){.classNotekMainContainer-CND .classNotekMainContainer-CND{padding:0}.classNotekMainContainer-CND .main-section-CND{margin-top:15px;padding:0!important}.classNotekMainContainer-CND .filterSubDiv{margin-top:6px}}@media only screen and (max-width:520px){.classNotekMainContainer-CND .main-section-CND{padding:0!important}.classNotekMainContainer-CND .filterDiv{float:left}.classNotekMainContainer-CND .filterSubDiv{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:10px}}@media only screen and (max-width:1300px){.classNotekMainContainer-CND .classNotekMainContainer-CND{padding:.8rem}.classNotekMainContainer-CND .filterSubDiv{float:left}.classNotekMainContainer-CND .artifactsNote{margin-bottom:unset}}@media only screen and (max-width:1300px)and (max-width:1220px){.classNotekMainContainer-CND .classNotekMainContainer-CND{padding:0 1rem}}.classNotekMainContainer-CND .desc-search-col-CND{float:left}.classNotekMainContainer-CND .total-student-CND{float:left!important;margin-top:7px;margin-left:8px}.classNotekMainContainer-CND .totalNoteSearchDiv-CND{display:flex;width:76%}.classNotekMainContainer-CND .searchSearchStylediv-CND{width:60%;padding-left:1.5rem;border-left:1px solid #d3d3d3;margin-left:30px;height:37px;top:0;position:relative}.classNotekMainContainer-CND .totalNoteSearchDiv-CND .searchSearchdiv-CND{width:95%!important;height:36px!important;margin-top:.1rem!important;padding-left:0!important;margin-bottom:.1rem!important;display:inline-flex;float:left;background:#f4f6fa 0 0 no-repeat padding-box!important;border:.75px solid #ddd!important;border-radius:25px!important;opacity:1}.classNotekMainContainer-CND .totalNoteSearchDiv-CND .searchSearchdiv-CND input{cursor:pointer}.classNotekMainContainer-CND .totalNoteSearchDiv-CND .searchInput{border:none!important;width:100%}.classNotekMainContainer-CND .totalNoteSearchDiv-CND .closeIconSearch{width:1rem;cursor:pointer;margin:.9rem .5rem 0 0}.classNotekMainContainer-CND .totalNoteSearchDiv-CND .searchIconDiv-CND{padding:0 .5rem!important}.classNotekMainContainer-CND .totalNoteSearchDiv-CND input.middle:focus{outline-width:0!important}.classNotekMainContainer-CND .totalNoteSearchDiv-CND .searchIcon{color:#747373!important;margin-left:7px}.classNotekMainContainer-CND .totalNoteSearchDiv-CND .searchStudent-CND{background:transparent!important;border:none!important;width:100%!important;font:italic normal normal 13px/17px Open Sans}.classNotekMainContainer-CND .totalNoteSearchDiv-CND input{outline:none}.classNotekMainContainer-CND .Button-div-1-CND{float:right;margin-right:20px;margin-left:15px;padding-left:7px}.classNotekMainContainer-CND .Button-div-1-CND .btn{height:32px}.classNotekMainContainer-CND .Button-div-2-CND{float:right}.classNotekMainContainer-CND .Button-div-2-CND .btn{height:32px}.classNotekMainContainer-CND .custom-outline-btn-CND{border:1px solid #ccc!important;border-radius:8px!important;margin-left:10px!important;text-align:left!important;font:normal normal normal 14px/18px Open Sans!important;letter-spacing:0!important;color:#222!important;opacity:1!important;outline:1px solid #ccc!important}.classNotekMainContainer-CND .custom-outline-btn-CND :hover{color:#ccc!important}.classNotekMainContainer-CND .btn-outline-secondary:active,.classNotekMainContainer-CND .btn-outline-secondary:hover{background-color:#fff!important;border-color:#6c757d}.classNotekMainContainer-CND .custom-button-CND{border-radius:8px!important;margin-left:10px!important;text-align:left!important;font:normal normal normal 14px/18px Open Sans!important;letter-spacing:0!important;color:#fff!important;opacity:1!important;background-color:rgba(56,108,181,.9019607843)!important}.classNotekMainContainer-CND .tapToAddText-CND{color:#aaa;font-size:2rem;font-weight:600;margin-top:70px}.classNotekMainContainer-CND .year-CNDD .classForIcon-CND{color:#000;position:relative;margin-top:-4px;vertical-align:middle}.classNotekMainContainer-CND .year-CNDD{position:relative;color:#000!important;margin-left:10px;white-space:nowrap;top:2px;cursor:pointer}.classNotekMainContainer-CND .year-CNDD .text-italic{font-style:italic}.classNotekMainContainer-CND .note-dashboard-search-image-CND{width:14px;height:14px;align-self:center;position:absolute;top:8px!important;right:27px!important;z-index:2!important}.classNotekMainContainer-CND .filterRow-CND{justify-content:space-between}.classNotekMainContainer-CND .header-dropdown-main-container-CND{width:30%}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-search-icon-CND{width:14px;height:14px;align-self:center;position:absolute;top:9px!important;right:27px!important;z-index:2!important}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND{font-family:sans-serif;text-align:center;width:50px;height:50px;position:relative;top:8px;left:-10%}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search *,.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search :after,.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search :before{box-sizing:inherit}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__value{position:relative}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__input{margin-top:5px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;border:1px solid #ddd;box-shadow:0 0 3px rgba(136,195,250,.8901960784);border-radius:8px;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;opacity:1}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__input::placeholder{font:italic normal normal 13px/17px Open Sans;letter-spacing:0;color:#c6b6b6!important}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__input::-webkit-search-cancel-button,.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__input::-webkit-search-decoration,.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__input::-webkit-search-results-button,.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__input:not([readonly]):focus{cursor:auto}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__row{border-bottom:solid #ddd;border-width:.15px}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__row:last-child{border-bottom:none}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__not-found,.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search--multiple .select-search__option{height:48px}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__option.is-highlighted.is-selected,.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__option.is-selected,.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__option.is-selected:hover{color:#fff}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__group-header{text-transform:uppercase;background:#fff}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search.is-disabled{opacity:.5}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search:not(.is-disabled) .select-search__input{cursor:pointer;letter-spacing:0;font-weight:600}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search--multiple{border-radius:3px;overflow:hidden}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search.has-focus .select-search__value:after{display:none}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-bottom-right-radius:0;border-bottom-left-radius:0;border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.classNotekMainContainer-CND .header-dropdown-main-container-CND .dropdown-main-container-CND .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}@media screen and (min-width:1275px)and (max-width:1480px){.classNotekMainContainer-CND .searchSearchStylediv-CND{width:92%}.classNotekMainContainer-CND .totalNoteSearchDiv-CND{width:63%}.classNotekMainContainer-CND .desc-search-col-CND{max-width:378px!important}.classNotekMainContainer-CND .note-dashboard-dropdown-container-CND{right:35px}}@media screen and (min-width:1300px)and (max-width:1350px){.classNotekMainContainer-CND .searchSearchStylediv-CND{width:92%}.classNotekMainContainer-CND .totalNoteSearchDiv-CND{width:63%}.classNotekMainContainer-CND .desc-search-col-CND{max-width:420px!important}.classNotekMainContainer-CND .note-dashboard-dropdown-container-CND{right:35px}}@media screen and (min-width:1280px)and (max-width:1300px){.classNotekMainContainer-CND .classNotekMainContainer-CND{background:#f0f0f0;height:100%;padding:0}}.MuiOutlinedInput-input{display:flex;justify-content:center;align-items:center;align-self:center;align-content:center;padding-left:11px;padding-top:9px}.phoneno{margin-top:8px!important}.classDashBoardContainer{background:#f0f0f0;height:100%;padding:0 2.5rem 1rem}.textLeft{text-align:left}.textRight{text-align:right}.addClassDashboardImage{width:5rem;cursor:pointer}.noClass-CD{height:100vh}.loadMoreClass{width:9rem!important;height:2.8rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 1rem}.LoadClassButtonText{color:#fff;font-size:1rem;margin-left:.5rem;font-weight:600}.loaderIconLoadMoreClass{width:3.5rem}.display-inline{display:flex}.vertical-center-class{margin:0;position:absolute;top:50%;transform:translateY(-50%)}.academicBackDiv{display:flex;padding:.8rem;background:#eee;width:19rem;height:3.1rem;cursor:pointer}.classYearMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem}.classYearText{margin:0;font-size:1rem;font-weight:600;text-align:left}.addNewClass{width:7rem!important;height:2.5rem!important;border-radius:2rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .2rem}.addNewClassIcon{width:.9rem;margin-top:.2rem}.buttonClassText{color:#fff;font-size:.9rem;margin-left:.5rem}.tapandHoldText{font:italic normal normal 14px/19px Open Sans;letter-spacing:0;color:#aaa;opacity:1;margin:1rem}.totalClassMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem;margin-top:1rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.125)}.searchClassFilter-RD{margin-left:20px}.w-120{width:120px!important}.totalClassDiv{width:13rem;text-align:left;position:relative}.classFilterDiv{opacity:.4}.totalClassText{margin:0;font-size:1rem;font-weight:600;width:10rem}.listAllClassFilter{width:5.3rem;height:1.75rem;border:.5px solid #222;border-radius:16px;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center}.listAllClassFilterText{font-size:.8rem;color:#000;padding:1rem 0 0 .1rem}.myClassFilterDiv{width:6.8rem;height:1.75rem;border:.5px solid #222;border-radius:16px;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center}.checkBoxClassfilter{color:#386cb5}.checkBoxClassfilter,.unCheckBoxClassfilter{cursor:pointer;font-size:21px;margin-right:.2rem}.unCheckBoxClassfilter{color:#000}.sharedClassDiv{width:8.3rem;height:1.75rem;border:.5px solid #222;border-radius:16px;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center}.classCardMainDiv{width:100%;margin-top:1rem;display:flex;flex-wrap:wrap}.classCardDiv{width:19.95rem;margin:0 .4rem .8rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;padding:.1rem .5rem .1rem .4rem;height:100px}.classListingCardDiv:hover .iconhoverListing{display:contents;color:#000;cursor:pointer!important}.classDetailsCard{width:100%;height:6.5rem;padding:.4rem .2rem 0;justify-content:space-between;display:flex}.calssDetailsCardBorderBottomNone{border-bottom:none;height:auto}.className{margin-bottom:.6rem;font-weight:600;color:#386cb5;overflow:hidden;text-overflow:ellipsis}.classGradeAndSectionText{color:#888;margin:0;font-size:.75rem}.classViewOnlyDiv{width:4rem}.classSharedViewOnlyDiv,.classViewOnlyDiv{height:1.2rem;border:.5px solid #4479c4;border-radius:16px;margin:.2rem 0 0;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:rgba(88,143,220,.1019607843) 0 0 no-repeat padding-box}.classSharedViewOnlyDiv{width:8rem;position:relative;left:9.5rem;top:-4.5rem}.classViewOnlyText{margin-top:.1rem;font-size:.6rem;color:#4479c4}.classMenuIcon{font-size:1.5rem;cursor:pointer}.groupActiveIcon{width:1.5rem;cursor:pointer}.disabledGroupActiveIcon{width:1.5rem;cursor:default;opacity:.7}.classAllOptionDiv{padding:.4rem 0 0}.classAllOptionDiv .optionDivs{display:flex;padding:4px 0 5px;justify-content:space-between}.classOptionRoster{width:5.9rem;height:3.7rem;background:transparent linear-gradient(270deg,#4f84ea,#82a9f4) 0 0 no-repeat padding-box;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.opacityProp{opacity:.5;cursor:default}.classOptionStandard{background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box;margin:0 .1rem}.classOptionLesson,.classOptionStandard{width:5.9rem;height:3.7rem;border-radius:8px;padding-top:.6rem;cursor:pointer}.classOptionLesson{background:transparent linear-gradient(270deg,#f48329,#f99a2a) 0 0 no-repeat padding-box;margin:0 0 0 .1rem}.classOptionTag{background:transparent linear-gradient(270deg,#ffbb02,#ffd650) 0 0 no-repeat padding-box}.classOptionassesment,.classOptionTag{width:4.1rem;height:3.7rem;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.classOptionassesment{background:transparent linear-gradient(270deg,#ffbc53,#ffd650) 0 0 no-repeat padding-box}.classOptionShare{width:4.1rem;height:3.7rem;background:transparent linear-gradient(270deg,#4479c4,#669fed) 0 0 no-repeat padding-box;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.classOptionAtt{background:transparent linear-gradient(270deg,#ad54d1,#cb7aeb) 0 0 no-repeat padding-box}.classOptionAtt,.classOptionRubrics{width:4.5rem;height:3.7rem;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.classOptionRubrics{background:transparent linear-gradient(270deg,#c94276,#dd5d93) 0 0 no-repeat padding-box}.disabledClassOptionShare{width:4.1rem;height:3.7rem;background:transparent linear-gradient(270deg,#4479c4,#669fed) 0 0 no-repeat padding-box;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:default;opacity:.5}.classOptionIcons{width:1.2rem}.classOptionText{color:#fff;font-size:.7rem;font-weight:600;margin-top:.3rem}.classOptionStandardIcons{width:2.1rem}.popoverClassDelete .popoverOptions{display:inline-flex;border-bottom:1px solid grey;padding:.5rem}.popoverClassDelete .editClasspopOver{cursor:pointer}.popoverClassDelete .disabledEditClasspopOver,.popoverClassDelete .editClasspopOver{display:inline-flex;color:#000;border-bottom:1px solid #ddd;padding:0 0 .5rem;width:90%}.popoverClassDelete .disabledEditClasspopOver{cursor:pointer;opacity:.5;cursor:default}.popoverClassDelete .bs-popover-auto[x-placement^=left]>.arrow:after,.popoverClassDelete .bs-popover-left>.arrow:after{border-left-color:#fff!important}.popoverClassDelete .editTextClassPopOver{font-size:.9rem;margin-left:.1rem}.popoverClassDelete .deleteClassPopOver{display:inline-flex;color:#f44;cursor:pointer;padding:.5rem 0 0}.popoverClassDelete .disabledDeleteClassPopOver{display:inline-flex;color:#f44;cursor:pointer;padding:.5rem 0 0;opacity:.5;cursor:default}.popoverClassDelete .deleteTextClassPopOver{font-size:.9rem;margin-left:.1rem}.popoverClassDelete .editClassIcon{font-size:1.3rem}.popoverClassDelete .popover{width:6rem!important;padding:0!important;height:5rem;border-radius:11px!important}.deleteClassCard{width:18rem;height:9.5rem;margin:0 .8rem .8rem 0;background:#000 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;float:left;padding:1rem;text-align:-webkit-center;opacity:.9}.deleteClassText{color:#fff;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.deleteWorningClassText{color:#fff;font-weight:600;font-size:.7rem}.deleteButtonsClassDiv{width:100%;justify-content:space-between;display:flex;padding:0 3rem}.cancelButtonClassText{color:#fff;font-weight:600;font-size:.9rem;padding-top:.5rem;cursor:pointer}.deleteButtonClass{width:5rem!important;height:2.3rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#ec4444,#fa6060) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0;border-color:#ec4444!important}.deleteButtonClassText{color:#fff;font-size:.9rem;font-weight:600}.addOfClass .modal-content{border-radius:0;border:none}.addOfClass .modal-title{font-size:13px;font-weight:600}.addOfClass .modal-header{border-bottom-color:#eee!important;background-color:#fff!important;height:50px!important}.addOfClass .modal-header .close{padding:.3rem 1rem!important;opacity:1!important;color:#000!important;margin:-6px -1rem -1rem auto;outline:none!important}.addOfClass .cancelClassText{font-size:.8rem!important;position:relative;bottom:7px;color:#000!important;background:#eee 0 0 no-repeat padding-box}.addOfClass .closeIconInClassModal{width:.6rem;margin-top:-.2rem}.addOfClass .allInputClassMainDiv{padding:1rem}.addOfClass .classAddInputDiv{width:100%}.addOfClass .allInputClassMainDiv .MuiOutlinedInput-input{height:32px!important;padding-top:7px;padding-bottom:7px;font:normal normal 600 14px/20px Open Sans;color:#222;margin-bottom:0!important}.addOfClass .classInputLableInfo{color:#000;font-size:.9rem;font-weight:700;margin-bottom:0;text-align:left}.addOfClass .classAddInput{border:.5px solid #eee;box-sizing:border-box;border-radius:.3rem;height:3rem;background:#f4f6fa;width:100%}.addOfClass .modalButtonClassPage{width:100%;background:#fff;margin-top:1rem}.addOfClass .saveButtonClass{width:80px;height:40px;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0}.addOfClass .saveTextClass{color:#fff;font-size:1rem}@media only screen and (min-width:490px)and (max-width:790px){.tapandHoldText{display:none}}@media only screen and (min-width:250px)and (max-width:490px){.classDashBoardContainer{padding:0}.classYearText{margin:0;font-size:.8rem}.academicBackDiv{width:10rem}.academicBackIcon{font-size:1.3rem}.tapandHoldText{display:none}.totalClassMainDiv{padding:1rem 0 1rem .5rem}.totalClassText{font-size:.8rem}}.schltchraddclass{display:none!important}.schltchrclassOption{width:5.9rem}.cmncls{width:4.5rem!important;padding-left:0!important}.editcls{background:#fff;border:1px solid #386cb5}.editclstext{color:#386cb5}.iconhoverListing:target{display:block!important;color:#000!important;cursor:pointer!important}.iconhoverListing{color:#fff;padding-bottom:0}.schltchrcls{display:none!important}.rst-total-student-RDD{width:148px;float:left!important;padding-top:8px;border-right:2px solid rgba(0,0,0,.25);font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-22) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 15px/22px Open Sans;letter-spacing:0;color:#222;opacity:.4}@media screen and (min-width:1275px)and (max-width:1470px){.rst-total-student-RDD{width:260px}}@media screen and (min-width:1536px)and (max-width:1745.45px){.rst-total-student-RDD{width:213px}}@media only screen and (min-width:1275px)and (max-width:1350px){.rst-total-student-RDD{width:345px}}@media only screen and (min-width:1351px)and (max-width:1469px){.rst-total-student-RDD{width:161px}}@media screen and (min-width:1470px)and (max-width:1536px){.rst-total-student-RDD{width:223px}}.viewSingleClassContainer .ClassRosterYearMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem}.viewSingleClassContainer .ClassRosterYearMainDiv .classRosterDetailsMain{display:flex;align-items:"center"}.viewSingleClassContainer .ClassRosterYearMainDiv .classRosterDetailsMain .rosterClassBackDiv{display:flex;padding:.8rem;background:#eee;width:19rem;height:3.1rem;cursor:pointer}.viewSingleClassContainer .ClassRosterYearMainDiv .classRosterDetailsMain .rosterClassBackDiv .rosterClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.viewSingleClassContainer .ClassRosterYearMainDiv .classRosterDetailsMain .rosterClassBackDiv .rosterClassBackIcon{font-size:1.3rem;padding-top:1px}.viewSingleClassContainer .ClassRosterYearMainDiv .classRosterDetailsMain .rosterClassBackDiv .rosterClassDetailTextDiv{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.viewSingleClassContainer .ClassRosterYearMainDiv .classRosterDetailsMain .rosterClassBackDiv .rosterClassDetailTextDiv .rosterClassName{margin:0;font-size:1rem;font-weight:600;text-align:left}.viewSingleClassContainer .ClassRosterYearMainDiv .classRosterDetailsMain .rosterClassBackDiv .rosterClassDetailTextDiv .displayFlexClassRoster{display:flex;cursor:pointer}.viewSingleClassContainer .ClassRosterYearMainDiv .classRosterDetailsMain .rosterClassBackDiv .rosterClassDetailTextDiv .displayFlexClassRoster .rosterClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left}.viewSingleClassContainer .ClassRosterYearMainDiv .buttonMarginTop{cursor:pointer;color:#fff;margin-top:.1rem}.viewSingleClassContainer .ClassRosterYearMainDiv .buttonMarginTop .editSingle{width:6rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .2rem}.viewSingleClassContainer .ClassRosterYearMainDiv .buttonMarginTop .editSingle .editSingleIcon{width:.9rem;margin-top:.2rem}.viewSingleClassContainer .ClassRosterYearMainDiv .buttonMarginTop .editSingle .editSingleText{color:#fff;font-size:.9rem;margin-left:.5rem}.viewSingleClassContainer .ClassRosterYearMainDiv .buttonMarginTop .edit-d-none{display:none!important}.viewSingleClassContainer .ClassRosterYearMainDiv .buttonMarginTop .deleteSingle{width:6rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .2rem;background-color:#fff;border:1px solid red!important}.viewSingleClassContainer .ClassRosterYearMainDiv .buttonMarginTop .deleteSingle .deleteSingleIcon{width:.9rem;margin-top:.2rem}.viewSingleClassContainer .ClassRosterYearMainDiv .buttonMarginTop .deleteSingle .deleteSingleText{font-size:.9rem;margin-left:.5rem;color:red;font-weight:600}.viewSingleClassContainer .ClassRosterYearMainDiv .buttonMarginTop .delete-d-none{display:none!important}.viewSingleClassContainer .singleClassYearDiv{justify-content:flex-start!important;margin-left:15px}.viewSingleClassContainer .buttonsAllMain{display:inline-flex;width:100%;align-items:center;padding:12px;justify-content:space-between;background:#fff;margin-top:12px;border-radius:8px}.viewSingleClassContainer .buttonsAllMain .singleClassSearchFilter{width:16rem!important;height:2.25rem;border:.75px solid #ddd;border-radius:18px;float:left;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:15px;margin-top:2px;background:#f4f6fa 0 0 no-repeat padding-box}.viewSingleClassContainer .buttonsAllMain .opacityProp{opacity:.5;cursor:default}.viewSingleClassContainer .buttonsAllMain .colorBall{background:#fff;width:45px;height:45px;border-radius:8px;margin:0 5px 0 10px}.viewSingleClassContainer .buttonsAllMain .colorBall .groupActiveIcon{width:1.5rem;cursor:pointer;padding-top:10px}.viewSingleClassContainer .buttonsAllMain .colorBall .disabledGroupActiveIcon{width:1.5rem;cursor:default;opacity:.7;padding-top:10px}.viewSingleClassContainer .buttonsAllMain .attDiv{width:7.8rem;background:transparent linear-gradient(270deg,#ad54d1,#cb7aeb) 0 0 no-repeat padding-box}.viewSingleClassContainer .buttonsAllMain .attDiv,.viewSingleClassContainer .buttonsAllMain .NotesDiv{display:flex;justify-content:center;align-items:center;margin:0 5px;height:2.7rem;border-radius:10px;padding:10px;cursor:pointer}.viewSingleClassContainer .buttonsAllMain .NotesDiv{width:5.8rem;background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box}.viewSingleClassContainer .buttonsAllMain .GrpNotesDiv{width:7.8rem;background:transparent linear-gradient(270deg,#ff6a6a,#fd8d8d) 0 0 no-repeat padding-box;white-space:nowrap}.viewSingleClassContainer .buttonsAllMain .GrpNotesDiv,.viewSingleClassContainer .buttonsAllMain .stdDiv{display:flex;justify-content:center;align-items:center;margin:0 5px;height:2.7rem;border-radius:10px;padding:10px;cursor:pointer}.viewSingleClassContainer .buttonsAllMain .stdDiv{width:6.8rem;background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box}.viewSingleClassContainer .buttonsAllMain .lessonDiv{width:7.4rem;background:transparent linear-gradient(270deg,#f48329,#f99a2a) 0 0 no-repeat padding-box;white-space:nowrap}.viewSingleClassContainer .buttonsAllMain .lessonDiv,.viewSingleClassContainer .buttonsAllMain .rubDiv{display:flex;justify-content:center;align-items:center;margin:0 5px;height:2.7rem;border-radius:10px;padding:10px;cursor:pointer}.viewSingleClassContainer .buttonsAllMain .rubDiv{width:6.9rem;background:transparent linear-gradient(270deg,#c94276,#dd5d93) 0 0 no-repeat padding-box}.viewSingleClassContainer .buttonsAllMain .FADiv{width:9.9rem;background:transparent linear-gradient(270deg,#ffbb02,#ffd650) 0 0 no-repeat padding-box}.viewSingleClassContainer .buttonsAllMain .FADiv,.viewSingleClassContainer .buttonsAllMain .GradeBookDiv{display:flex;justify-content:center;align-items:center;margin:0 5px;height:2.7rem;border-radius:10px;padding:10px;cursor:pointer;white-space:nowrap}.viewSingleClassContainer .buttonsAllMain .GradeBookDiv{width:6.9rem;background:transparent linear-gradient(270deg,#08b596,#27d3b4) 0 0 no-repeat padding-box}.viewSingleClassContainer .buttonsAllMain .tagDiv{margin:0 5px;width:5rem;background:transparent linear-gradient(270deg,#ffbb02,#ffd650) 0 0 no-repeat padding-box}.viewSingleClassContainer .buttonsAllMain .shareDiv,.viewSingleClassContainer .buttonsAllMain .tagDiv{display:flex;justify-content:center;align-items:center;height:2.7rem;border-radius:10px;padding:10px;cursor:pointer}.viewSingleClassContainer .buttonsAllMain .shareDiv{margin:0 10px 0 5px;width:6rem;background:transparent linear-gradient(270deg,#4479c4,#669fed) 0 0 no-repeat padding-box}.viewSingleClassContainer .buttonsAllMain .shareDiv .shareSubDiv{display:flex}.viewSingleClassContainer .buttonsAllMain .classOptionIcons{width:1.2rem}.viewSingleClassContainer .buttonsAllMain .classOptionText{color:#fff;font-size:.7rem;font-weight:600;margin:0!important;padding-left:7px}.viewSingleClassContainer .addStudent{display:flex;justify-content:end}.viewSingleClassContainer .addStudentImg,.viewSingleClassContainer .selectStudentImg{width:180px!important;height:50px;opacity:1;margin-top:11px;margin-right:20px}.viewSingleClassContainer .importImg{width:180px!important;height:50px;opacity:1;margin-top:11px}.viewSingleClassContainer .noStudentTagline{color:#aaa;font:normal normal 600 20px/14px Open Sans;line-height:inherit;padding-top:140px}.displayFlexClassRosters{display:flex;cursor:pointer;position:relative;margin-left:10px;height:34px;align-content:center;align-items:center;width:136px;border-right:1px solid #d3d3d3;white-space:nowrap}.displayFlexClassRosters .rosterClassGrade{color:#888;margin:0 15px 0 0;font-size:.8rem;text-align:left}.singleClassSearchFilterSelectStudent{width:100%;height:2.25rem;border:.75px solid #ddd;border-radius:18px;float:left;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:15px;margin-top:2px;background:#f4f6fa 0 0 no-repeat padding-box}.addStudent .addStudentImg{width:180px!important;height:50px;opacity:1;margin-top:11px}.InfoInputTypee{width:45px!important;margin-left:11px;margin-bottom:0!important;margin-top:0!important;border:.75px solid #ddd;box-sizing:border-box;border-radius:.3rem;height:3.5rem;padding-left:.5rem;background:#f4f6fa;width:100%;margin-left:6px!important;width:306px;height:40px;float:left;padding-top:9px!important;padding-left:13px!important;background:#f4f6fa 0 0 no-repeat padding-box!important;border:.75px solid #ddd!important;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-22) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);text-align:left;font:normal normal normal 16px/22px Open Sans;letter-spacing:0;color:#222;opacity:.51}.InfoInputTypee .MuiOutlinedInput-input{padding:0}.inputFieldLabelLevelEdittt{padding-top:22px!important;padding-right:11px!important}.classRosterSelectCardDiv{box-shadow:none!important;width:27rem!important;border-bottom:1px solid #d3d3d3}.singleParentCard{justify-content:flex-start!important;width:auto!important;margin-right:16px}.singleClassRosterCardDiv{width:auto!important;margin-right:auto!important}.modal.right.fade .modal-dialog{right:-350px;top:70px!important}.loadMoreRoster{width:8rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .2rem}.LoadButtonText{color:#fff;font-size:.8rem;margin-left:.3rem;font-weight:600}.classRosterTextInfoDiv{margin-top:9px}.RosterImageMainDiv{width:100%;height:8rem;padding-top:1.5rem;margin-top:18px;width:89%!important;margin-left:22px;border-radius:6px}.RosterImageMainDiv,.RosterImageMainSelectedDiv{background-color:#f5f5f5!important;text-align:-webkit-center}.RosterImageMainSelectedDiv{width:100%;height:9rem;padding-top:1rem;background-size:cover;background-position:50%}.RosterImageWhenSelect{width:100%;height:100%;border-radius:10rem}.addStudentImageDiv{width:5rem;height:5rem;border-radius:10rem;background:#fff 0 0 no-repeat padding-box;border:1px solid #ddd}.cameraIconCss{width:2rem;margin-top:1.5rem;cursor:pointer}.loaderIconCss{width:4.5rem}.RosterImageMainSelectedDiv .changeButton{width:4.2rem;height:1.9rem;background:#000!important;border-radius:1.5rem!important;margin-top:.5rem;opacity:.7;cursor:pointer!important;display:inline-grid}.RosterImageMainSelectedDiv .changeButtonText{color:#fff;font-size:10px;font-weight:600;cursor:pointer!important;margin-top:.5px!important}.loaderIconCssAlreadySelected{width:2.5rem}.allInputMainDiv{padding:0 1.5rem 1rem}.studentAddInputDiv{width:100%;margin:1.5rem 1rem 0 0}.studentInputLableInfo{color:#000;font-size:1rem;font-weight:700;margin-bottom:0;text-align:left}.iconhover:hover{padding-bottom:12px}.iconhover:hover,.iconhover:target{display:block!important;color:#000!important;cursor:pointer!important}.iconhover{color:#fff}.closeround{border-radius:31px;width:30px;height:30px;background:var(--unnamed-color-eeeeee) 0 0 no-repeat padding-box;background:#eee 0 0 no-repeat padding-box!important;opacity:1;display:flex;justify-content:center;align-items:center;margin-left:0!important}.Addstudentmodal{font:normal normal 600 18px/24px Open Sans!important}.importRosterButton{position:relative;top:216px;z-index:6;justify-content:center;left:42%;width:101px;height:38px}.autharizedButton,.importRosterButton{border-radius:8px!important}.addstudentdiv{background-image:repeating-linear-gradient(6deg,#487fcc,#487fcc 7.92px,transparent 8px,transparent 17.9px,#487fcc 18px),repeating-linear-gradient(96deg,#487fcc,#487fcc 7.92px,transparent 8px,transparent 17.9px,#487fcc 18px),repeating-linear-gradient(186deg,#487fcc,#487fcc 7.92px,transparent 8px,transparent 17.9px,#487fcc 18px),repeating-linear-gradient(276deg,#487fcc,#487fcc 7.92px,transparent 8px,transparent 17.9px,#487fcc 18px);background-size:2px 100%,100% 2px,2px 100%,100% 2px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;display:flex;justify-content:start;align-items:center;margin-right:24px;padding:0 10px;height:48px;margin-top:12px;border-radius:8px;min-width:180px;text-align:left;letter-spacing:0;color:#487fcc;opacity:1;cursor:pointer;justify-content:center;-webkit-text-stroke-width:thin;font:normal normal 500 18px/34px Open Sans}.addstudentdiv span{margin-left:10px;text-shadow:0 0 #000}.updatebtnsinglecls{display:flex!important;align-items:center;color:#fff!important;height:2.5rem;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box!important;border-radius:8px!important;cursor:pointer;position:relative;top:-7px}.modalNW{justify-content:space-evenly!important;padding-top:2rem!important}.studentListContainer:hover .cover-bar{opacity:0;-webkit-transition:all .5s}.studentListContainer{max-height:82vh;overflow:hidden;transition:overflow 4s ease-in-out}.studentListContainer>.classRosterSelectCardDivScrollbar{display:inherit!important;max-height:82vh;overflow:hidden}.studentListContainer>.classRosterSelectCardDivScrollbar:hover{overflow-y:scroll;transition:all 4s}.classRosterSelectCardDivScrollbar::-webkit-scrollbar{width:6px;background-color:transparent}.classRosterSelectCardDivScrollbar::-webkit-scrollbar-thumb{background-color:#888;border-radius:5px;opacity:.5}.selectRosterCheckBoxDivRight{right:46px!important}@media screen and (min-width:1500px)and (max-width:1536px){.studentListContainer,.studentListContainer>.classRosterSelectCardDivScrollbar{max-height:76vh}}@media screen and (min-width:1537px)and (max-width:1750px){.studentListContainer,.studentListContainer>.classRosterSelectCardDivScrollbar{max-height:79vh}}.singleClassScroll::-webkit-scrollbar{width:2px;height:3px}.classRosterContainer{background:#f0f0f0;min-height:83vh;overflow-x:hidden;padding:0 2.5rem 1rem}.displayFlexClassRoster{display:flex;cursor:pointer}.classRostersingleClassYearDiv{width:auto!important;justify-content:inherit!important;margin-left:15px}.totalStudentCardMarginTop{margin-top:15px}.classRosterSearchFilter{margin-left:20px}.singleClassRosterCardDiv{max-width:405px}.rosterFileter-CR{padding:0;margin-right:0;border-right:none}.singleClassPopoverParentDiv{position:relative}.singleClassPopoverParentDiv .singleClassLevelEditField{height:50px}.singlClassPopover-RD{top:-62px!important;left:43px!important;border:none!important;width:260px!important}.singlClassPopover-RD:before{content:"";position:absolute;left:-10px;top:33px;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff}.singleClassPopoverParentDiv-CR{top:26px!important;left:-225px!important;border:none!important;width:260px!important}.singleClassPopoverParentDiv-CR:before{content:"";position:absolute;left:91%;top:-10px;transform:translateX(-50%);border-left:10px solid transparent;border-bottom:10px solid #fff;border-right:10px solid transparent}.sectionGradeHeader{font:normal normal 600 15px/22px Open Sans!important;color:#222!important;opacity:1!important}.sortByText-CR{color:#222;opacity:.4;font:normal normal 600 15px/22px Open Sans}.loaderNewRoster{width:8rem!important;height:2.5rem!important;border-radius:2rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .2rem}.loaderNewRoster-CR{border-radius:8px!important}.ClassRosterYearMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem}.classRosterDetailsMain{display:flex;align-items:"center"}.rosterClassBackDiv{display:flex;padding:.8rem;background:#eee;width:19rem;height:3.1rem;cursor:pointer}.rosterClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.rosterClassDetailTextDiv{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.rosterClassName{margin:0;font-size:1rem;font-weight:600;text-align:left}.rosterClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-22) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 13px/22px Open Sans;letter-spacing:0;color:#222;opacity:.4}.addNewClassRoster{width:7rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.addNewClassRosterIcon{width:.9rem;margin-top:.2rem}.buttonClassRosterText{color:#fff;font-size:.9rem;margin-left:.5rem}.studentProfileImage{width:3.75rem;height:3.75rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem}.selectedRosterButton{width:9rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.selectedRosterIcon{width:.9rem;margin-top:.2rem}.selectedRosterbuttonText{color:#fff;font-size:.9rem;margin-left:.5rem}.importNewClassRoster{width:7rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.importNewClassRosterIcon{width:.9rem;margin-top:.2rem}.importButtonClassRosterText{color:#fff;font-size:.9rem;margin-left:.5rem}.searchButtonFilter{margin:.1rem .3rem}.totalClassSearchDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:.5rem;margin-top:1rem;border-radius:.5rem}.totalClassSearchDiv .searchInput{border:none!important;width:100%}.totalClassSearchDiv .closeIconSearch{width:1rem;cursor:pointer;margin:1rem .5rem 0 0}.totalClassSearchDiv .searchIconDiv{padding:0 .5rem!important}.totalClassSearchDiv .searchStudentdiv{width:92%!important;height:29px!important;margin-top:.5rem!important;padding-left:0!important;background:transparent;margin-bottom:.5rem!important;border:none!important;border-radius:.3rem!important;font-style:italic!important;display:inline-flex;float:left}.totalClassSearchDiv input.middle:focus{outline-width:0!important}.totalClassSearchDiv .searchIcon{color:grey!important}.totalClassSearchDiv .searchStudent{background:transparent!important;border:none!important;width:100%!important}.totalClassSearchDiv input{outline:none}.classRosterCardMainDiv{width:100%;margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center}.classRosterCardDiv{width:17.3rem;height:9.8rem;margin:0 .8rem .8rem 0;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;padding:.1rem .3rem}.classRosterDetailsCard{width:100%;border-bottom:1px solid #ddd;height:4.8rem;display:inline-flex;padding:.4rem 0 0;position:relative}.classRosterProfileImageDiv{width:4rem}.DummyClassRosterProfileDiv{width:4rem;height:4rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;margin-left:.4rem}.profileClassRosterDummyText{color:#fff;padding-top:30%;text-transform:uppercase}.imageDummyDivProfile-CR{width:3.75rem;height:3.75rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;text-align:center;opacity:.8}.profileImageDummyText-CR{color:#fff;text-transform:uppercase;font-weight:600}.selectRosterH5{margin-bottom:0}.classRosterTextInfoDiv{text-align:left;margin-left:5px}.classRosterTextInfoDiv [data-title]{font-size:.7rem;position:relative;cursor:pointer;margin-bottom:0!important}.classRosterTextInfoDiv [data-title]:hover:before{content:attr(data-title);position:absolute;bottom:-40px;padding:5px;background:#000;color:#fff;font-size:.7rem;word-wrap:break-word;width:220px}.classRosterName{margin:0;font-size:.9rem;font-weight:600;color:#222}.classRosterEmail{margin:.1rem;font-size:.7rem}.classRosterEditicon{font-size:.9rem;margin-top:2px}.classRosterAllOptionDiv{padding:.5rem 0 0;display:inline-flex}.classRosterOptionRemove{background:transparent linear-gradient(270deg,#ec4444,#fe6969) 0 0 no-repeat padding-box}.classRosterOptionNote,.classRosterOptionRemove{width:3.9rem;height:3.7rem;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.classRosterOptionNote{background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box}.classRosterOptionGradebook{background:transparent linear-gradient(270deg,#08b596,#27d3b4) 0 0 no-repeat padding-box}.classRosterOptionGradebook,.classRosterOptionShare{width:3.9rem;height:3.7rem;border-radius:8px;margin:0 .1rem;padding-top:.6rem;cursor:pointer}.classRosterOptionShare{background:transparent linear-gradient(270deg,#4479c4,#669fed) 0 0 no-repeat padding-box}.classRosterOptionIcons{width:1.2rem}.classRosterOptionText{color:#fff;font-size:.6rem;font-weight:600;margin-top:.3rem}.levelModalMain{background:#fff;overflow:auto;border-radius:2rem!important;padding:2rem!important}.levelEditModalHeader{width:100%;text-align:center}.levelEditModalHeadind{font-size:1.2rem;font-weight:600}.levelEditmainFieldDiv{width:100%;justify-content:space-between;display:inline-flex;padding-bottom:.5rem;border-bottom:1px solid #ddd}.inputFieldLabelLevelEdit{padding-top:1.9rem}.inputFieldLabelLevelEditText{margin:0;font-weight:600;font-size:1rem}.levelMainDivForCenter{width:100%;text-align:-webkit-center;margin-top:1rem}.levelModalCancelButtonDiv{width:11rem;justify-content:space-between;display:flex}.levelModalUpdateButton{width:6rem!important;height:2.3rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0;border-color:#386cb5!important;cursor:pointer}.levelEditUpdateButtonText{color:#fff;font-size:1rem;font-weight:600}.deleteClassRosterCard{width:17.3rem;height:9.8rem;margin:0 .8rem .8rem 0;background:#000 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;float:left;padding:1rem;text-align:-webkit-center;opacity:.9}.deleteClassRosterText{color:#fff;font-weight:600;font-size:1rem}.deleteWorningClassRosterText{color:#fff;font-weight:600;font-size:.8rem}.deleteButtonsClassRosterDiv{width:100%;justify-content:space-between;display:flex;padding:0 3rem}.cancelButtonClassRosterText{color:#fff;font-weight:600;font-size:1rem;padding-top:.5rem;cursor:pointer}.deleteButtonClassRoster{width:5rem!important;height:2.3rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#ec4444,#fa6060) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0;border-color:#ec4444!important}.deleteButtonClassRosterText{color:#fff;font-size:1rem;font-weight:600}.rosterOfClass .modal-content{border-radius:0;border:none}.rosterOfClass .modal-title{font-size:13px}.rosterOfClass .modal-header{border-bottom-color:#eee!important;background-color:#fff!important;height:56px!important}.rosterOfClass .modal-header .close{padding:.5rem 1rem;margin:-1rem -1rem -1rem auto;opacity:1!important;color:#000!important;outline:none!important}.rosterOfClass .cancelText{font-size:.8rem!important;color:#000!important}.rosterOfClass .closeIconInModal{width:.6rem;margin-top:-.2rem}.rosterOfClass .RosterImageMainDiv{width:100%;height:8rem;background-color:#f5f5f5!important;text-align:-webkit-center;padding-top:1.5rem;border-radius:6px}.rosterOfClass .RosterImageMainSelectedDiv{width:100%;height:9rem;background-color:#f5f5f5!important;text-align:-webkit-center;padding-top:1rem;background-size:cover;background-position:50%}.rosterOfClass .RosterImageWhenSelect{width:100%;height:100%;border-radius:10rem}.rosterOfClass .addStudentImageDiv{width:5rem;height:5rem;border-radius:10rem;background:#fff 0 0 no-repeat padding-box;border:1px solid #ddd}.rosterOfClass .cameraIconCss{width:2rem;margin-top:1.5rem;cursor:pointer}.rosterOfClass .loaderIconCss{width:4.5rem;margin-top:1.5rem}.rosterOfClass .RosterImageMainSelectedDiv .changeButton{width:4.2rem;height:1.9rem;background:#000!important;border-radius:1.5rem!important;margin-top:.5rem;opacity:.7;cursor:pointer!important;display:inline-grid}.rosterOfClass .RosterImageMainSelectedDiv .changeButtonText{color:#fff;font-size:10px;font-weight:600;cursor:pointer!important;margin-top:.5px!important}.rosterOfClass .loaderIconCssAlreadySelected{width:2.5rem}.rosterOfClass .allInputMainDiv{padding:0 1.5rem 1rem}.rosterOfClass .studentAddInputDiv{width:100%;margin:1.5rem 1rem 0 0}.rosterOfClass .studentAddInputDiv .MuiOutlinedInput-input{height:32px!important;padding-top:7px;padding-bottom:7px;font:normal normal 600 14px/20px Open Sans;color:#222;margin-bottom:0!important}.rosterOfClass .studentInputLableInfo{color:#000;font-size:1rem;font-weight:700;margin-bottom:0;text-align:left}.rosterOfClass .studentAddInput{border:.75px solid #ddd;box-sizing:border-box;border-radius:.3rem;height:3rem;background:#f4f6fa;width:100%;margin-bottom:2px}.rosterOfClass .modalButtonClass{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem 0}.rosterOfClass .saveButton{width:5rem!important;height:2.4rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0}.rosterOfClass .saveText{color:#fff;font-size:1rem}.rosterOfClass .addAnotherButton{width:12rem!important;height:2.4rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0}.classAddRosterButtonDiv .classAddRosterButtonDiv-saveButton{border-radius:8px!important}.rosterImportOfClass .modal-content{border-radius:0;border:none}.rosterImportOfClass .modal-title{font-size:13px}.rosterImportOfClass .modal-header{border-bottom-color:#eee!important;background-color:#fff!important;height:50px!important}.rosterImportOfClass .modal-header .close{padding:.5rem 1rem!important}.rosterImportOfClass .cancelText{font-size:.8rem!important;color:#000!important}.rosterImportOfClass .closeIconInModal{width:.6rem;margin-top:-.2rem}.rosterImportOfClass .uploadDocHeaderRosterDiv{display:inline-flex;justify-content:space-between;width:100%}.rosterImportOfClass .uploadNodeRosterDiv{text-align:left;background:#f5f5f5;padding:1rem;width:100%;position:absolute;bottom:0}.rosterImportOfClass .uploadClassNoteText{font-weight:600;margin:0;font-size:.8rem}.rosterImportOfClass .modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto;opacity:1!important;color:#000!important;outline:none!important}.rosterImportOfClass .uploadNoteRosterText{margin:0;font-size:.8rem}.rosterImportOfClass .checkbozRosterCircle{height:1rem;width:1rem;border-radius:10rem;border:.1rem solid #ddd;text-align:-webkit-center;padding-top:3px;cursor:pointer}.rosterImportOfClass .checkbozCircleRosterSelected{height:.5rem;width:.5rem;border-radius:10rem;background-color:#386cb5;padding-top:3px}.rosterImportOfClass .selectMainDivforRosterUpload{display:flex;padding:1rem 0 0;width:100%;justify-content:center}.rosterImportOfClass .selectOptionInRosterTag{width:8.7rem;height:9rem;border:1px solid #ddd;text-align:-webkit-center;padding:.5rem;margin:.5rem}.rosterImportOfClass .selectoptionUploadRosterImage{width:2.7rem;margin:.7rem 0 .6rem}.rosterImportOfClass .selectoptionUploadImageforRosterDrop{width:2.3rem;margin:.7rem 0}.rosterImportOfClass .autharizedRosterButton{width:4.5rem!important;height:1.4rem!important;border-radius:8px!important;padding:.2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.6rem 0 .1rem}.rosterImportOfClass .loaderNewRoster-CR{border-radius:8px!important}.rosterImportOfClass .autharizedRosterText{color:#fff;font-size:.65rem}.rosterImportOfClass .selectTagRosterText{color:#222;font-size:.85rem;margin:0;font-weight:600}.rosterImportOfClass .importRosterRosterButton{width:6.3rem!important;height:2.3rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important}.rosterImportOfClass .importRosterRosterText{color:#fff;font-size:1rem}@media only screen and (min-width:520px)and (max-width:890px){.classRosterContainer{padding:0 .5rem 1rem}.ClassRosterYearMainDiv{flex-wrap:wrap;justify-content:center}.buttonMarginTop{margin-top:1rem}}@media only screen and (min-width:250px)and (max-width:520px){.classRosterContainer{padding:0}.ClassRosterYearMainDiv{flex-wrap:wrap;justify-content:center}.buttonMarginTop{margin-top:1rem}.classRosterDetailsMain{display:block;width:100%}.rosterClassBackDiv{width:100%}.rosterClassDetailTextDiv{margin-left:1rem;border-left:none;padding:1rem 0 0}}.selectClass-DriveFile-modal{margin-top:3rem}.selectClass-DriveFile-modal .importDriveLoader{height:100px;width:190px;margin-top:30%}.selectClass-DriveFile-modal .modal-title{font:normal normal 600 1rem/1.375rem Open Sans!important}.selectClass-DriveFile-modal .modal-content{height:35rem!important}.selectClass-DriveFile-modal .file_listDiv{width:100%;height:40px;margin-top:13px;justify-content:space-between;display:flex;border-bottom:1px solid #eee}.selectClass-DriveFile-modal .modal-header{padding:.8rem 1rem 0;border-bottom:none;border-radius:.5rem}.selectClass-DriveFile-modal textarea{font:normal normal normal .875rem/1.188rem Open Sans}.selectClass-DriveFile-modal .selectedText{color:#41cc3b;font-weight:600}.selectClass-DriveFile-modal .unSelectedText{font-weight:600;cursor:pointer}.selectClass-DriveFile-modal .modal-footer{justify-content:center;border-top:none;padding-top:0}.selectClass-DriveFile-modal .modal-footer button{width:5rem;height:5rem;border-radius:1.25rem;padding:0}.selectClass-DriveFile-modal .modal-footer button img{margin-top:-.1875rem;margin-left:.0625rem}.selectClass-DriveFile-modal .modal-content{border-radius:.5rem;background:#fff!important}.selectClass-DriveFile-modal .modalcancleTagButton{width:2.3rem!important;height:2.3rem!important;background:transparent linear-gradient(270deg,#ec4444,#fa6060) 0 0 no-repeat padding-box;border-color:#ec4444!important}.selectClass-DriveFile-modal .modalcancleTagButton,.selectClass-DriveFile-modal .modalSaveTagButton{border-radius:2rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important}.selectClass-DriveFile-modal .modalSaveTagButton{width:2rem!important;height:2rem!important;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;margin:0;border-color:#23bf1d!important}.selectClass-DriveFile-modal .checkBoxSelect{color:#386cb5}.selectClass-DriveFile-modal .checkBoxSelect,.selectClass-DriveFile-modal .unCheckBoxSelect{cursor:pointer;font-size:1rem;margin-top:.5rem;margin-right:.2rem}.selectClass-DriveFile-modal .selectoptionUploadFolder{width:2rem;margin:0 .5rem 0 0}.selectClass-DriveFile-modal .fileName{margin-top:.6rem}.selectClass-DriveFile-modal .driveBackIcon{font-size:1.3rem;cursor:pointer}.selectClass-DriveFile-modal .cursor{cursor:pointer}.selectClass-DriveFile-modal .inline-Path{display:inline-flex;height:30px}.selectClass-DriveFile-modal .selectFileCursor{display:inline-flex;cursor:pointer}.selectClass-DriveFile-modal .modal-list-body{height:25rem!important;overflow:auto!important}.schltchroption{display:none!important}.modal-header-add-student{border-bottom-color:#eee!important;background-color:#fff!important;height:59px!important;display:flex;align-items:center}.modal-header-add-student .close{padding:1rem;opacity:1!important;color:#000!important;margin:-2px 0 0 auto!important;outline:none}.disShareOptionDiv-CRD{width:3.9rem;height:3.7rem;background:transparent linear-gradient(270deg,#4479c4,#669fed) 0 0 no-repeat padding-box;border-radius:8px;margin:0 .1rem;padding-top:.6rem}.classTagContainer{background:#f0f0f0;min-height:83vh;overflow-x:hidden;padding:0 2.5rem 1rem}.classTagContainer .ssTop{margin-top:10px}.classTagContainer .classBackDiv{display:flex;padding:.8rem;background:#eee;width:19rem;height:3.1rem;cursor:pointer}.classTagContainer .TagYearMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem}.classTagContainer .classBackYearText{margin:0;font-size:1rem;font-weight:600;text-align:left}.classTagContainer .confirmSaveTag{width:3rem;height:3rem;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;border-radius:10rem;opacity:1;cursor:pointer}.classTagContainer .confirmSaveTagIcon{padding:.7rem;color:#fff;font-size:1.7rem}.classTagContainer .headingTagMainDiv{width:100%;background:#fff;display:flex;padding:1rem;margin-top:1rem;border-radius:.5rem;box-shadow:0 1px 4px rgba(0,0,0,.1607843137);height:60px;margin-bottom:20px}.classTagContainer .headingTagMainText{color:#386cb5;text-align:center;font-weight:600;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classTagContainer .headingTagMainText .speedNoteheading{margin-left:20%}.classTagContainer .headingTagMainText .abbreviationheading{margin-left:12%}.classTagContainer .tagValueMainDiv .checkBoxColorTag{color:#386cb5;cursor:pointer;opacity:1}.classTagContainer .tagMainDiv{width:100%;background:transparent;display:flex;padding:0 0 0 2rem;margin:0 0 15px}@media only screen and (max-width:767px){.classTagContainer .tagMainDiv{padding:0}}.classTagContainer .MuiOutlinedInput-input{height:26px!important;padding-top:7px;padding-bottom:7px;font:normal normal 600 14px/20px Open Sans;color:#222}.classTagContainer .MuiOutlinedInput-notchedOutline{border:none}.classTagContainer .inputInputType{height:40px!important;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ddd}.classTagContainer .tagValueMainDiv{width:100%;display:flex;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border-radius:.5rem;height:60px;padding:10px 0}.classTagContainer .tagValueRow{width:100%}.classTagContainer .flastTagIcon{width:11px;height:20px;cursor:pointer}.classTagContainer .centerInRow{padding-top:8px}.classTagContainer .inputInputType{box-sizing:border-box;border-radius:.3rem;height:3.5rem;background:#f4f6fa;width:100%;margin-top:0!important;margin-bottom:0!important}.classTagContainer .closeTagDiv{padding-top:12px}.classTagContainer .radio_button_unchecked{color:#000;font-weight:lighter!important;cursor:pointer;opacity:1}.classTagContainer .closeTagIcon{width:35px;height:35px;cursor:pointer}@media only screen and (max-width:767px){.classTagContainer .closeTagDiv{padding:16px 8px}.classTagContainer .closeTagIcon{width:24px;height:24px}}.classTagContainer .addTagIconDiv{margin-bottom:3rem;margin-top:1.5rem}.classTagContainer .addTagIconImage{width:50%;height:3rem;min-width:35rem;cursor:pointer}.classTagContainer .modalTagImport .modal-content{border-radius:0;border:none}.classTagContainer .modalTagImport .modal-title{font-size:13px}.classTagContainer .modalTagImport .modal-header{border-bottom-color:#eee!important;background-color:#fff!important;height:50px!important}.classTagContainer .modalTagImport .modal-header .close{padding:0;margin:-1rem -1rem -1rem auto;opacity:1!important;color:#000!important;outline:none!important}.classTagContainer .modalTagImport .cancelText{font-size:.8rem!important;color:#000!important}.classTagContainer .modalTagImport .closeIconInModal{width:.6rem;margin-top:-.2rem}.classTagContainer .cloudeIconInModal{width:1rem;cursor:pointer;margin-top:-8px}.classTagContainer .modalSelectTagDiv{background:#fff 0 0 no-repeat padding-box;opacity:1;margin:1rem;border-bottom:1px solid #eee}.classTagContainer .modalSelectTagText{text-align:left;font:normal normal normal 15px/24px Open Sans;letter-spacing:.3px;color:#222;opacity:1;overflow-wrap:break-word}.classTagContainer .uploadHeaderTagDiv{display:inline-flex;justify-content:space-between;width:100%}.classTagContainer .modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto;opacity:1!important;color:#000!important;outline:none!important}.classTagContainer .uploadNoteTagDiv{text-align:left;background:#f5f5f5;padding:1rem 1rem 3rem 1.7rem;width:100%;position:absolute;bottom:0}.classTagContainer .uploadNoteTagText{margin:0;font-size:1rem}.classTagContainer .checkbozTagCircle{height:1rem;width:1rem;border-radius:10rem;border:.1rem solid #ddd;text-align:-webkit-center;padding-top:2px;cursor:pointer}.classTagContainer .checkbozCircleTagSelected{height:.5rem;width:.5rem;border-radius:10rem;background-color:#386cb5}.classTagContainer .selectMainDivforTagUpload{display:flex;padding:1rem 0 0;width:100%;justify-content:center}.classTagContainer .selectOptionInTag{width:8.7rem;height:9rem;border:1px solid #ddd;text-align:-webkit-center;padding:.5rem;margin:.5rem;border-radius:8px}.classTagContainer .selectoptionUploadImage{width:2.7rem;margin:.7rem 0 .6rem}.classTagContainer .selectcheckTag{height:1rem;width:1rem;border-radius:10rem;border:.1rem solid #ddd;text-align:-webkit-center;padding-top:2px;cursor:pointer}.classTagContainer .selectcheckTagSelected{height:.55rem;width:.5rem;border-radius:10rem;background-color:#386cb5}.classTagContainer .selectoptionUploadImageforTagDrop{width:2.3rem;margin:.7rem 0}.classTagContainer .autharizedTagButton{width:4.5rem!important;height:1.4rem!important;border-radius:2rem!important;padding:.2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.6rem 0 .1rem}.classTagContainer .autharizedTagText{color:#fff;font-size:.65rem}.classTagContainer .selectTagText{color:#222;font-size:.85rem;margin:0;font-weight:600}.classTagContainer .selectMultipuleTagDiv{padding:1rem 0 1rem 1rem;margin:1rem .5rem 0;border-top:1px solid #ddd}.classTagContainer .selectMultipuleTagText{color:#222;font-size:.9rem;font-weight:600;margin-left:.4rem}.TagSaveModalMain{background:#fff;overflow:auto;border-radius:2rem!important}.TagSaveModalNoteText{color:#000;font-size:1.2rem;font-weight:600}.TagSaveModalWorningText{font-weight:600;font-size:.8rem}.permissionButtonsDiv{padding:0 4rem}.deleteTagButtondiv,.permissionButtonsDiv{width:100%;justify-content:space-between;display:flex}.deleteTagButtondiv{padding:0 3rem}.deleteTagButtondiv .modalDeleteTagButton{border-radius:8px!important}.backButtonTagText{color:#000;font-weight:600;font-size:1rem;padding-top:.5rem;cursor:pointer}.opacityProp{opacity:.5!important;cursor:default!important}.modalSaveTagButton{width:5rem!important;height:2.3rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#ec4444,#fa6060) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 0;border-color:#ec4444!important}.modalSavveButtonBorderRadius{border-radius:8px!important}.modalSaveTagButtonText{color:#fff;font-size:1rem;font-weight:600}@media only screen and (min-width:250px)and (max-width:590px){.classTagContainer{padding:0 0 1rem}.tagMainDiv{padding:1rem 1rem 1rem 1.2rem}.classBackDiv{width:70%}}.selectTag-DriveFile-modal{margin-top:3rem}.selectTag-DriveFile-modal .modal-title{font:normal normal 600 1rem/1.375rem Open Sans!important}.selectTag-DriveFile-modal .importDriveLoader{height:100px;width:190px;margin-top:30%}.selectTag-DriveFile-modal .modal-content{height:35rem!important}.selectTag-DriveFile-modal .file_listDiv{width:100%;height:40px;margin-top:13px;justify-content:space-between;display:flex;border-bottom:1px solid #eee}.selectTag-DriveFile-modal .modal-header{padding:.8rem 1rem 0;border-bottom:none;border-radius:.5rem}.selectTag-DriveFile-modal textarea{font:normal normal normal .875rem/1.188rem Open Sans}.selectTag-DriveFile-modal .selectedText{color:#41cc3b;font-weight:600}.selectTag-DriveFile-modal .unSelectedText{font-weight:600;cursor:pointer}.selectTag-DriveFile-modal .modal-footer{justify-content:center;border-top:none;padding-top:0}.selectTag-DriveFile-modal .modal-footer button{width:5rem;height:5rem;border-radius:1.25rem;padding:0}.selectTag-DriveFile-modal .modal-footer button img{margin-top:-.1875rem;margin-left:.0625rem}.selectTag-DriveFile-modal .modal-content{border-radius:.5rem;background:#fff!important}.selectTag-DriveFile-modal .modalcancleTagButton{width:2.3rem!important;height:2.3rem!important;background:transparent linear-gradient(270deg,#ec4444,#fa6060) 0 0 no-repeat padding-box;border-color:#ec4444!important}.selectTag-DriveFile-modal .modalcancleTagButton,.selectTag-DriveFile-modal .modalSaveTagButton{border-radius:2rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important}.selectTag-DriveFile-modal .modalSaveTagButton{width:2rem!important;height:2rem!important;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;margin:0;border-color:#23bf1d!important}.selectTag-DriveFile-modal .checkBoxSelect{color:#386cb5}.selectTag-DriveFile-modal .checkBoxSelect,.selectTag-DriveFile-modal .unCheckBoxSelect{cursor:pointer;font-size:1rem;margin-top:.5rem;margin-right:.2rem}.selectTag-DriveFile-modal .selectoptionUploadFolder{width:2rem;margin:0 .5rem 0 0}.selectTag-DriveFile-modal .fileName{margin-top:.6rem}.selectTag-DriveFile-modal .driveBackIcon{font-size:1.3rem;cursor:pointer}.selectTag-DriveFile-modal .cursor{cursor:pointer}.selectTag-DriveFile-modal .inline-Path{display:inline-flex;height:30px}.selectTag-DriveFile-modal .selectFileCursor{display:inline-flex;cursor:pointer}.selectTag-DriveFile-modal .modal-list-body{height:25rem!important;overflow:auto!important}.classRosterSelectContainer{background:#f0f0f0;padding:0 2.5rem 1rem;height:100%;overflow-x:hidden}.displayFlexInSeletRoster{display:flex}.ClassRosterSelectMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem}.classRosterSelectDetailsMain{display:flex;width:100%;justify-content:flex-start}.classRosterSelectBackDiv{display:flex;padding:.8rem;background:#eee;width:19rem;height:3.1rem;cursor:pointer}.rosterClassSelectBackText{margin:0;font-size:1rem;font-weight:600;text-align:left}.rosterClassAllSelectDiv{margin-left:1rem;padding:.55rem 0 0;display:flex;min-width:14%}.checkBoxSelectRoster{color:#386cb5;cursor:pointer;padding-top:.1rem}.allRosterSelectBlock{font-size:.8rem;font-weight:600;text-align:left;margin:.2rem 1rem 0 .5rem}.allRosterSelectNote{text-align:left;font:italic normal normal 14px/18px Open Sans;letter-spacing:0;color:#777}.croseSlectedDiv{width:2.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:10rem;opacity:1;margin-right:1rem;margin-top:.2rem;cursor:pointer}.croseSlectedDiv .CrossAndConfirmIcon{color:#fff;padding-top:7px}.confirmSlectedDiv{width:2.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;cursor:pointer;border-radius:10rem;opacity:1;margin-right:1rem;margin-top:.2rem}.confirmSlectedDiv .CrossAndConfirmIcon{color:#fff;padding-top:7px}.confirmIcon{padding:.45rem 0 0;color:#fff;font-size:1.4rem}.classRosterSelectCardMainDiv{width:100%;margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center}.classRosterSelectCardDiv{padding:.6rem .3rem .1rem;height:5rem}.classRosterDeselectCardDiv,.classRosterSelectCardDiv{margin:0 .8rem .8rem 0;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);width:22rem;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;border-radius:6px;position:relative;display:flex}.classRosterDeselectCardDiv{padding:1rem .3rem .1rem;height:6rem;opacity:.6}.selectRosterImageDiv{width:5rem}.selectRosterProfileDummy{margin-top:0;text-align:center;margin-left:.4rem}.selectRosterProfileDummy,.selectRosterProfileImage{width:3.8rem;height:3.8rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem}.selectRosterTextInfoDiv{text-align:left;margin:.3rem 0 0}.profileSelectDummyText{color:#fff;padding-top:28%;text-transform:uppercase;font-weight:600}.selectRosterName{margin:2px;font-weight:600;text-align:left;font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#222}.selectRosterEmail,.selectRosterName{overflow:hidden;text-overflow:ellipsis;width:12rem}.selectRosterEmail{margin:0;font-size:.9rem}.selectRosterCheckBoxDiv{position:absolute;right:1rem;top:1.6rem;font-size:1.5rem;cursor:pointer}.searchButtonFilter{width:3rem;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:1rem!important;margin:.3rem .8rem .3rem .3rem}.buttonMarginTop .searchFilterIcon{cursor:pointer;color:#fff;width:1rem;margin-top:.1rem}.sortByDiv{display:flex;width:23rem;align-items:center;margin-left:1.5rem}.sortByDiv .totalStudentsDiv{position:relative;width:4rem;margin-top:-3.5px}.sortByDiv .totalStudentsDiv .RosterYearSortNameText{font-size:.9rem;font-weight:600;width:10rem;padding-top:0;margin:0 0 0 -30px}.classRosterfirstName{width:7.3rem}.classRosterfirstName,.classRosterlastName{height:1.75rem;border:.5px solid #222;border-radius:16px;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center}.classRosterlastName{width:6.7rem}.myRosterDiv{width:6.3rem;height:1.75rem;border:.5px solid #222;border-radius:16px;margin:.3rem;float:left;display:flex;align-items:center;justify-content:center}.checkBoxfilter{color:#386cb5}.checkBoxfilter,.unCheckBoxfilter{cursor:pointer;font-size:21px;margin-right:.2rem}.listAllText{font-size:.8rem;color:#000;padding:1rem 0 0 .1rem;cursor:default}.datePickerDiv .datePicker{width:100%!important;height:36px!important;margin-top:.3rem;margin-bottom:.3rem;display:flex;flex-direction:row;border-radius:8px;opacity:1;padding:.2rem .8rem;background:#f4f6fa 0 0 no-repeat padding-box!important;border:.75px solid #ddd!important}.datePicker span{margin-top:.1rem;margin-left:.6rem;cursor:default}.datePicker img{cursor:pointer}.datePickerDiv{display:flex;width:12%;min-width:12%;margin-left:1.5rem;margin-right:1.5rem}.closeIconSearchDiv{margin:0 0 0 5rem;padding-left:20px}.closeIconSearchBorderDiv{display:flex;justify-content:end;width:15%;min-width:11%}.classRosterDetailTextDiv{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.classRosterClassName{margin:0;font-size:1.5rem;font-weight:600;text-align:left}.classRosterClassName span{text-align:left;margin:.7rem 0 0;position:relative;padding:0 0 0 .5rem}.totalClassRosterSearchDiv .searchStudentdiv{width:95%!important;height:42px!important;margin-top:.1rem!important;padding-left:0!important;margin-bottom:.1rem!important;font-style:italic!important;display:inline-flex;float:left;background:#f4f6fa 0 0 no-repeat padding-box!important;border:.75px solid #ddd!important;border-radius:8px!important;opacity:1}.totalClassRosterSearchDiv .searchStudentdiv input{cursor:pointer}.searchStudentStylediv{width:32%;border-right:2px solid #dac7c7;padding-left:1.5rem;border-left:2px solid #dac7c7}.totalClassRosterSearchDiv{width:100%;background:#fff;display:flex;padding:.5rem;margin-top:1rem;border-radius:.5rem}.totalClassRosterSearchDiv .searchInput{border:none!important;width:100%}.totalClassRosterSearchDiv .closeIconSearch{width:1rem;cursor:pointer;margin:.9rem .5rem 0 0}.totalClassRosterSearchDiv .searchIconDiv{padding:0 .5rem!important}.totalClassRosterSearchDiv input.middle:focus{outline-width:0!important}.totalClassRosterSearchDiv .searchIcon{color:grey!important}.totalClassRosterSearchDiv .searchStudent{background:transparent!important;border:none!important;width:100%!important}.totalClassRosterSearchDiv input{outline:none}@media only screen and (min-width:250px)and (max-width:1439px){.searchStudentStylediv{padding-right:.5rem}}@media only screen and (min-width:250px)and (max-width:780px){.classRosterSelectCardDiv{width:20rem}.selectRosterProfileDummy,.selectRosterProfileImage{width:3.5rem;height:3.5rem}}@media only screen and (min-width:250px)and (max-width:520px){.classRosterSelectContainer{padding:0}.ClassRosterSelectMainDiv{display:block}.displayFlexInSeletRoster{justify-content:center;margin-top:1rem}.classRosterSelectDetailsMain{display:block}.classRosterSelectBackDiv{width:100%}}body{min-height:83vh}.classCoreStandardsContainer{background:#f0f0f0;overflow-x:hidden;padding:0 2.5rem 1rem}.classCoreStandardsContainer .CoreStandardsMainDiv{width:100%;background:#fff;display:flex;padding:1rem}.classCoreStandardsContainer .CoreStandardsMainDiv .selectAllDiv{display:flex;height:3.1rem;padding:.8rem;width:100%;align-items:center}.classCoreStandardsContainer .CoreStandardsMainDiv .selectAllDiv .selectAllTextDiv{height:3.1rem;flex:2 0;justify-content:flex-start;align-items:center;padding:.8rem;display:flex;width:100%}.classCoreStandardsContainer .CoreStandardsMainDiv .selectAllDiv .selectAllTextDiv .selectAllText{margin:0;font-size:.9rem;font-weight:600;text-align:left;margin-bottom:0!important;min-width:200px;max-width:200px}.classCoreStandardsContainer .CoreStandardsMainDiv .selectAllDiv .checkBoxfilters{font-size:23px;color:#386cb5;cursor:pointer;margin-right:.2rem}.classCoreStandardsContainer .CoreStandardsMainDiv .selectAllDiv .actionBtn{width:40px;height:40px;border-radius:20px;padding:0;margin-right:10px}.classCoreStandardsContainer .CoreStandardsMainDiv .selectAllDiv .actionBtn img{margin-top:-2px;margin-left:0!important}.classCoreStandardsContainer .CoreStandardsMainDiv .selectAllDiv .cancel{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box}.classCoreStandardsContainer .CoreStandardsMainDiv .selectAllDiv .disabledSave,.classCoreStandardsContainer .CoreStandardsMainDiv .selectAllDiv .save{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box}.classCoreStandardsContainer .CoreStandardsMainDiv .selectAllDiv .disabledSave{opacity:.5;cursor:default!important}.classCoreStandardsContainer .CoreStandardsMainDiv .rightBorder{border-right:1px solid #ccc;width:180px}.classCoreStandardsContainer .classBackDiv{display:flex;padding:.8rem;background:#eee;width:19rem;height:3.1rem;cursor:pointer;width:165px}.classCoreStandardsContainer .classBackDiv .classBackYearText{margin:0;font-size:1rem;font-weight:600;text-align:left;margin-bottom:0!important}.classCoreStandardsContainer .classBackDiv .rightBoxTitle{flex:1 1}.classCoreStandardsContainer .standardsTitle{display:flex;padding:.8rem;margin-bottom:0!important;margin:0;font-size:1rem;font-weight:600;text-align:left}.standardsSubDiv{min-height:473px;overflow-x:hidden;background:#f0f0f0;padding:0 2.5rem}.standardsSubDiv .standardsBaseDiv{display:flex;width:100%;background:#fff;padding:1rem;max-height:auto;min-height:460px}.standardsSubDiv .standardsBaseDiv .leftStandard{flex:.65 0;border:1px solid #ccc;height:428px;overflow-x:hidden;overflow-y:auto}.standardsSubDiv .standardsBaseDiv .leftStandard .backToStdDiv{background:#f0f0f0;display:flex;width:100%;padding:.8rem 0 .8rem .8rem;border-bottom:1px solid #ccc;cursor:pointer}.standardsSubDiv .standardsBaseDiv .leftStandard .backToStdDiv .backToStd{color:#00f;margin-bottom:0!important;font-size:.9rem;font-weight:600}.standardsSubDiv .standardsBaseDiv .leftStandard .backToStdDiv .classBackStdIcon{color:#00f}.standardsSubDiv .standardsBaseDiv .leftStandard .classBackDiv{cursor:pointer;display:flex;width:100%;padding:.8rem 0 .8rem .8rem;border-bottom:1px solid #ccc}.standardsSubDiv .standardsBaseDiv .leftStandard .classBackDiv .classForIcon{padding-left:15px;color:#ccc}.standardsSubDiv .standardsBaseDiv .leftStandard .standardsTextHead{margin:0;font-size:.9rem;font-weight:600;text-align:left;margin-bottom:0!important;min-width:200px;max-width:200px}.standardsSubDiv .standardsBaseDiv .justyCentre{justify-content:center}.standardsSubDiv .standardsBaseDiv .rightStandard{background-color:#eee;display:flex;flex:2 0;border:1px solid #ccc;border-left:none}.standardsSubDiv .standardsBaseDiv .rightStandard .standardsDetails{padding:.8rem;align-items:center;display:flex}.standardsSubDiv .standardsBaseDiv .rightStandard .noStandardsTitle{color:#ccc}.standardsSubDiv .standardsBaseDiv .stdDetailsData{background:#eee;flex:2 0;border:1px solid #ccc;border-left:none;width:500px;height:428px;overflow-x:hidden;overflow-y:auto}.standardsSubDiv .standardsBaseDiv .stdDetailsData .stdDetailsDatadiv{border-radius:8px;background:#fff;margin:.8rem;height:auto}.standardsSubDiv .standardsBaseDiv .stdDetailsData .stdDetailsDatadiv .mainPageForIcon{display:flex;cursor:pointer}.standardsSubDiv .standardsBaseDiv .stdDetailsData .stdDetailsDatadiv .stdTitleDiv{border-bottom:1px solid #ccc;padding:.8rem;display:flex;flex:1 1}.standardsSubDiv .standardsBaseDiv .stdDetailsData .stdDetailsDatadiv .stdTitleDiv .divTickStd{display:flex;align-items:center;flex:3 1}.standardsSubDiv .standardsBaseDiv .stdDetailsData .stdDetailsDatadiv .stdTitleDiv .stdTitle{font-size:.9rem;font-weight:600;padding-left:10px;margin-bottom:0;align-items:center}.standardsSubDiv .standardsBaseDiv .stdDetailsData .stdDetailsDatadiv .description{align-items:center;padding:.8rem}.standardsSubDiv .standardsBaseDiv .stdDetailsData .stdDetailsDatadiv .description .stdDetails{flex:.985 1;text-align:justify;font-size:.9rem;padding:0 .8rem;margin-bottom:0;color:#635959;cursor:default}.standardsSubDiv .standardsBaseDiv .stdDetailsData .stdDetailsDatadiv .tickMarkImg{background:transparent linear-gradient(325deg,#386cb5,#669fed) 0 0 no-repeat padding-box;width:16px!important;height:16px!important;border-radius:20px;padding:4px;cursor:pointer}.standardsSubDiv .standardsBaseDiv .stdDetailsData .stdDetailsDatadiv .notickMarkImg{background:transparent linear-gradient(341deg,#fff,#dbdee0 0) 0 50% no-repeat padding-box;width:16px!important;height:16px!important;border-radius:20px;padding:4px;cursor:pointer}@media only screen and (max-width:615px){.classCoreStandardsContainer .CoreStandardsMainDiv{width:100%;background:#fff;padding:1rem}.CoreStandardsMainDiv{display:block!important}.CoreStandardsMainDiv .saveTickDiv{position:absolute;left:19rem;top:10rem}}@media only screen and (max-width:410px){.classCoreStandardsContainer .CoreStandardsMainDiv{width:100%;background:#fff;padding:1rem}.CoreStandardsMainDiv{display:block!important}.CoreStandardsMainDiv .saveTickDiv{position:absolute;left:16.5rem;top:10rem}}body{background-image:linear-gradient(180deg,#ecf3fc,#fafafa)}.TeacherShareContainer{background:#f0f0f0;height:100%;overflow-x:hidden}.teacherMainDiv-ShareRoster{max-width:352px!important}.mainHeading{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem}.headingSchoolName{font-size:1rem;font-weight:600;margin:0}.headingSelectTeacher{font-size:.8rem;font-weight:600;color:#aaa;margin:0}.openPermissionModalButton{width:10rem!important;height:2rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important}.checkPermissionText{color:#fff;font-size:.7rem;font-weight:600}.teacherMainDiv{width:22rem!important;height:5rem!important;background:#fff 0 0 no-repeat padding-box;box-shadow:0 2px 6px rgba(0,0,0,.1019607843);border-radius:1rem;display:inline-flex;padding:.5rem;margin:.85rem 1rem .25rem 0;min-width:270px!important;opacity:1;position:relative;align-items:center}.teacherProfileImageDiv{width:3.5rem;height:3.4rem;color:red;background:#386cb5;border-radius:50%}.teacherDummyDivProfile{width:5rem;height:5rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;margin-left:.5rem}.teacherImageDummyText{color:#fff;padding-top:30%;text-transform:uppercase}.teacherShareProfileImage{width:3.125rem;height:3.125rem;background:transparent linear-gradient(180deg,#647183,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem}.teacherShareTextInfoDiv{text-align:left;margin:1rem}.teacherShareName{margin:2px;font-size:1rem;font-weight:600;width:10rem}.teacherShareEmail{margin:0;font-size:.9rem}.teacherShareCheckBoxDiv{position:absolute;right:.7rem;top:1.5rem;font-size:1.5rem;cursor:pointer}.checkBoxColorTeacherShare{color:#386cb5;cursor:pointer}.checkbozCircleTeacherShare{height:1.35rem;width:1.35rem;border-radius:10rem;border:.1rem solid #ddd;text-align:-webkit-center;padding-top:.2rem;cursor:pointer}.checkbozCircleSelectedTeacherShare{height:.75rem;width:.75rem;border-radius:10rem;background-color:#386cb5}.headerDiv{background:#fff}.permissionHeaderDiv{display:inline-flex;justify-content:space-between;width:100%}.permissionHeaderDiv .close{display:flex;outline:none}.closeIconPermissionModal{width:12px;height:12px;opacity:1}.cancelText{font:normal normal 600 14px/19px Open Sans}.cancelText,.permissionText{color:var(--unnamed-color-222222);text-align:left;letter-spacing:0;color:#222;opacity:1}.permissionText{font:normal normal 600 16px/22px Open Sans;margin-bottom:0}.selectMainDivforShareTeacher{display:grid;padding:1rem 0 0;width:100%;justify-content:center}.selectMainDivforShareTeacher .subDivForSelecType{display:inline-flex;flex-flow:wrap;justify-content:center}.selectOptionInTeacherShareType{width:8.75rem;height:155px;text-align:-webkit-center;padding:.5rem;margin:.5rem;border:1px solid #eee;border-radius:8px;display:grid;align-items:center;justify-content:center}.selectoptionShareTeacherImage{width:3rem;margin:1rem 0 1rem .8rem}.selectOptionShareTeacherText{color:#222;font-size:.8rem;margin:0}.sendPermissionButton{width:8rem!important;height:2.4rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:1rem 0}.sendPermissionText{color:#fff;font-size:1rem}@media only screen and (min-width:250px)and (max-width:790px){.teacherCard{height:6rem;width:19rem}.teacherShareProfileImage{width:4rem;height:4rem}.teacherShareTextInfoDiv{text-align:left;margin:.4rem}.teacherProfileImageDiv{width:5rem}.teacherShareCheckBoxDiv{top:2.1rem}.teacherShareName{font-size:.9rem}.teacherShareEmail{font-size:.7rem}}.classAttendanceContainer .PreviewAttContainer .reportPreView .csvContainer{background-color:#fff;box-shadow:22px 7px 26px rgba(34,34,34,.1019607843)!important;overflow:scroll;height:405px}.classAttendanceContainer .PreviewAttContainer .reportPreView .csvContainer .reportTitle{font:normal normal 600 17px/37px Open Sans}.classAttendanceContainer .PreviewAttContainer .reportPreView .csvContainer table{border-collapse:collapse;width:100%}.classAttendanceContainer .PreviewAttContainer .reportPreView .csvContainer td,.classAttendanceContainer .PreviewAttContainer .reportPreView .csvContainer th{border:1px solid #ddd;text-align:center;padding:8px}.classAttendanceContainer .PreviewAttContainer .reportPreView .csvContainer tr{background-color:#fffffd}.classAttendanceContainer .PreviewAttContainer .reportPreView .csvContainer tr:first-child{background-color:#555;color:#fff}.classAttendanceContainer .PreviewAttContainer .reportPreView .csvContainer p{margin-bottom:0!important}.classAttendanceContainer .PreviewAttContainer{background:#f0f0f0;height:100%;overflow-x:hidden;padding:0 2.5rem 1rem}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain{display:flex;align-items:inherit}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .attClassBackDiv{display:flex;width:4rem;height:3.1rem;padding-left:0;cursor:pointer}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .attClassBackIcon{font-size:1.3rem;padding-top:3px}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .attClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop{display:flex;align-items:inherit}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .editAttBtn{width:5.3rem!important;height:2.5rem!important;border-radius:2rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .opacityBtn{opacity:.4;cursor:default}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttPreDiv{width:6rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttPreDiv .viewAttIcons{width:1rem;margin-top:.3rem}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .downloadPreDiv{width:7.5rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .downloadPreDiv .viewAttIcons{width:1rem;margin-top:.3rem}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .pencilAttIcon,.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttIcon{width:1rem;margin-top:.2rem}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttText{color:#fff;font-size:.9rem;margin-left:.5rem}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .displayFlexInSeletAtt{padding-right:20px;display:flex}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .displayFlexInSeletAtt .undoSelect{width:2.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:10rem;opacity:1;margin-right:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .attClassName{margin:0;font-size:1rem;font-weight:600;text-align:left;color:#386cb5}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster{display:flex;cursor:pointer}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0 5px;cursor:default}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .headingForEdited{display:inline-flex;flex-wrap:wrap;cursor:default;align-items:center}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .headingForEdited .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .headingForEdited .head{color:#386cb5;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .attClassPreGrades{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:3px 0 0 11px;cursor:default;font-weight:600;font-style:italic}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .PreviewAttClassDetailTextDiv{margin-left:1rem;border-left:1px solid #eee;padding:.5rem 0 .5rem 1rem}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .PreviewAttClassDetailTextDiv .attClassName{margin:0;font-size:1rem;font-weight:600;text-align:left;color:#386cb5}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .PreviewAttClassDetailTextDiv .displayFlexClassRoster{display:flex;cursor:pointer}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .PreviewAttClassDetailTextDiv .displayFlexClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .PreviewAttClassDetailTextDiv .displayFlexClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0 5px;cursor:default}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .PreviewAttClassDetailTextDiv .displayFlexClassRoster .headingForEdited{display:inline-flex;flex-wrap:wrap;cursor:default;align-items:center}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .PreviewAttClassDetailTextDiv .displayFlexClassRoster .headingForEdited .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .PreviewAttClassDetailTextDiv .displayFlexClassRoster .headingForEdited .head{color:#386cb5;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0}.classAttendanceContainer .PreviewAttContainer .ClassAttendanceMainDiv .PreviewAttClassDetailTextDiv .displayFlexClassRoster .attClassPreGrades{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:3px 0 0 11px;cursor:default;font-weight:600;font-style:italic}.classAttendanceContainer .PreviewAttContainer .showFlex{display:flex}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .noneStudents{color:#aaa;font:normal normal 600 20px/14px Open Sans;line-height:inherit;padding-top:140px}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .reportPreView{margin-top:20px}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .reportPreView .main{height:400px!important}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .react-pdf__Document{height:352px;overflow:scroll}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .react-pdf__Document .react-pdf__Page .react-pdf__Page__canvas{display:inline!important;box-shadow:22px 7px 26px rgba(34,34,34,.1019607843)!important}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .pagec{font:normal normal 600 14px/28px Open Sans}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .buttonc .nextPage,.classAttendanceContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .buttonc .prePage{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;margin:0 10px 0 5px;border-radius:8px;color:#fff;border:none;width:88px;height:33px;cursor:pointer;outline:none}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer{width:500px;height:407px;background-color:#fff;margin:20px 0 0 20px;border-radius:8px;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;font:normal normal 600 14px/28px Open Sans}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .titleDiv{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;align-items:center;display:flex;border-top-right-radius:8px;border-top-left-radius:8px;color:#fff;height:40px}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .titleDiv .composeTitle{padding-left:18px;margin-bottom:0!important}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm{padding:0 18px}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .errormessageRegisters{color:#d80f0f!important;float:left!important;font-size:13px!important;margin-bottom:1px!important;font-weight:600;margin-top:-1px;line-height:10px;padding-left:2px}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .field{display:table;border-bottom:1px solid #ccc;padding:8px 0;width:100%}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .field .mailDiv{border:none;outline:none;width:100%}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .field .messageText{border:none;outline:none;width:100%;height:193px}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .field .subjectText{border:none;outline:none;width:100%;height:30px}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions{padding:10px 16px;display:flex;background:#f2f2f2;justify-content:flex-end}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions .emailBtn{width:6rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions .emailBtn .viewAttIcons{width:1rem;margin-top:.3rem}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions .emailBtn .viewAttText{color:#fff;font-size:.9rem;margin-left:.5rem}.classAttendanceContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions .cancelBtn{background:none;outline:none}.classAttendanceContainer{background:#f0f0f0;height:100%;padding:0 2.5rem 1rem;position:-webkit-sticky;position:sticky;top:0}.classAttendanceContainer .noneStudents{color:#aaa;font:normal normal 600 20px/14px Open Sans;line-height:inherit;padding-top:240px}.classAttendanceContainer .ClassAttendanceMainDiv{width:100%;height:80px;background:#fff;justify-content:space-between;display:flex;padding:1rem;border-radius:0 0 8px 8px}.classAttendanceContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain{display:flex;align-items:center;cursor:pointer}.classAttendanceContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .attClassBackBtnDiv{display:flex;background:#eee;cursor:pointer}.classAttendanceContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .attClassBackIcon{font-size:1.3rem;padding-top:3px}.classAttendanceContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .attClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop{display:flex;align-items:center;width:370px;justify-content:end}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .editAttBtn{width:5.3rem!important;border-radius:8px!important}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .cancleBtn,.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .editAttBtn{height:2.5rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .cancleBtn{width:6.25rem!important;border-radius:.5rem!important;cursor:pointer}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .cancleBtn .cancleBtnText{color:#fff;font-size:.9rem;margin-left:.5rem;font-weight:600}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .saveBtnDiv{width:6.25rem!important;height:2.5rem!important;border-radius:.5rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:space-around!important;font-size:.6rem!important;margin:.1rem .3rem;cursor:pointer}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .saveBtnDiv .saveBtnText{color:#fff;font-size:.9rem;margin-left:.5rem;font-weight:600}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .reportBtnDiv{width:110px!important;height:40px!important;border-radius:.5rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .reportBtnDiv .reportIcon{width:.9rem;margin-top:.4rem}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .reportBtnDiv .reportText{color:#fff;font-size:.9rem;margin-left:.5rem;font-weight:600}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttDiv{width:10rem!important;height:2.5rem!important;border-radius:.5rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .pencilAttIcon{width:1rem;margin-top:.2rem}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttIcon{width:.9rem;margin-top:.4rem}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttText{color:#fff;font-size:.9rem;margin-left:.5rem;font-weight:600}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .displayFlexInSeletAtt{padding-right:10px;display:flex}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .displayFlexInSeletAtt .undoSelect{width:2.5rem;height:2.5rem;background-color:#ea3737;border-radius:10rem;opacity:1;margin-right:1rem;cursor:pointer;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .displayFlexInSeletAtt .undoSelect .btn-text{font-size:14px;color:#fff;font-weight:600;margin-top:15px;margin-left:5px}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .displayFlexInSeletAtt .confirmSlectedDiv{width:6.25rem;height:2.5rem;background-color:#ea3737;border-radius:.5rem;opacity:1;cursor:pointer;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .displayFlexInSeletAtt .confirmSlectedDiv .confirmIcon{color:#fff;font-size:1.4rem;margin-bottom:5px}.classAttendanceContainer .ClassAttendanceMainDiv .buttonMarginTop .displayFlexInSeletAtt .confirmSlectedDiv .btn-text{font-size:14px;color:#fff;font-weight:600;margin-top:15px}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv2{margin-left:180px;padding:.4rem 0 0 .3rem}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv2 .attClassName{margin:0;font-size:1rem;font-weight:600;text-align:left;color:#386cb5}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv2 .displayFlexClassRoster{display:flex;cursor:pointer;width:-webkit-max-content;width:max-content}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv2 .displayFlexClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed;margin-bottom:9px}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv2 .displayFlexClassRoster .classForIcon{color:#487fcc;margin-bottom:15px;margin-left:-8px}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv2 .displayFlexClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0;cursor:pointer}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv2 .displayFlexClassRoster .headingForEdited{display:inline-flex;flex-wrap:wrap;cursor:default;align-items:center}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv2 .displayFlexClassRoster .headingForEdited .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv2 .displayFlexClassRoster .headingForEdited .head{color:#386cb5;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv2 .displayFlexClassRoster .attClassGrades{color:#888;margin-top:1px;margin-left:1px;font-size:1rem;font-weight:400;text-align:left;cursor:default}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .attClassName{margin:0;font-size:1rem;font-weight:600;text-align:left;color:#386cb5}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster{display:flex;width:-webkit-max-content;width:max-content;padding-top:9px}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed;margin-bottom:9px}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .attAcademicYearText{color:#487fcc;margin-right:10px;font-size:1rem;font-weight:600;text-align:left;cursor:pointer}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .classForIcon{color:#487fcc;margin-bottom:15px;margin-left:-8px}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .attText{color:#222;font-size:1.25rem;font-weight:600;text-align:left;cursor:default;margin-bottom:5px;position:relative;bottom:4px}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .headingForEdited{display:inline-flex;flex-wrap:wrap;cursor:default;align-items:center}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .headingForEdited .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .headingForEdited .head{color:#386cb5;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0}.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .attClassGrades{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:1px 0 0 5px;cursor:default;font-weight:600}.classAttendanceContainer .attClassTextDiv{display:flex;flex-direction:row;justify-content:center;align-items:baseline;align-self:center}.classAttendanceContainer .attClassTextDiv .classNameTitle{margin:0;font-size:14px;font-weight:600;text-align:left}.classAttendanceContainer .attClassTextDiv .classNameHead{font-size:14px;color:#386cb5;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0 0 0 2px}.classAttendanceContainer .attClassTextDiv .dateTitle{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:1px 0 0 5px;cursor:default;font-weight:600}.classAttendanceContainer .viewAttTitleDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem;flex-wrap:wrap;align-items:center;border-radius:0 0 8px 8px}.classAttendanceContainer .viewAttTitleDiv .classAttendaceDetailsMain{display:flex;flex:0 1;align-items:"center";cursor:pointer}.classAttendanceContainer .viewAttTitleDiv .classAttendaceDetailsMain .attClassBackBtnDiv{display:flex;background:#eee;cursor:pointer}.classAttendanceContainer .viewAttTitleDiv .classAttendaceDetailsMain .attClassBackIcon{font-size:1.3rem;padding-top:3px}.classAttendanceContainer .viewAttTitleDiv .classAttendaceDetailsMain .attClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv{margin-left:1rem;flex:.6 1;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv .firstDetailsDiv{display:grid}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv .headingTitles{display:inline-flex;flex-wrap:wrap;padding-bottom:10px}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv .headingTitles .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv .headingTitles .head{color:#386cb5;text-transform:capitalize;padding-right:5px;font:normal normal 600 14px/14px Open Sans;margin:0}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv .displayFlexClassRoster{display:flex;cursor:pointer}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv .displayFlexClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed;margin-bottom:9px}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDiv .displayFlexClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0;cursor:pointer}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo{margin-left:1rem;flex:.4 1;padding:.3rem 0 0 1rem}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .firstDetailsDiv{display:grid}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .headingTitles{display:inline-flex;flex-wrap:wrap;padding-bottom:10px;width:-webkit-max-content;width:max-content}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .headingTitles .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .headingTitles .head{color:#386cb5;text-transform:capitalize;padding-right:5px;font:normal normal 600 14px/14px Open Sans;margin:0}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .displayFlexClassRoster{display:flex;cursor:pointer}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .displayFlexClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed;margin-bottom:9px}.classAttendanceContainer .viewAttTitleDiv .attClassDetailTextDivTwo .displayFlexClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0;cursor:pointer}.classAttendanceContainer .viewAttTitleDiv .classOptionGet{width:6.875rem!important;height:2.5rem!important;border-radius:.5rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:flex!important;justify-content:space-evenly!important;align-items:center;font-size:.6rem!important;margin:.1rem .3rem;cursor:pointer}.classAttendanceContainer .paddingLeftRight3{padding:0 3px}.classAttendanceContainer .classAttParentContainer{display:flex}.classAttendanceContainer .classAttParentContainer .classAttCardDiv{width:75%;height:5.6rem;margin:1rem 0 0;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;padding:.1rem .3rem}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard{width:100%;height:4.8rem;display:inline-flex;padding:.4rem 0 0;position:relative}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv{width:4rem;padding:5px 0 5px 15px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .studentAttProfileImage{width:3.75rem;height:3.75rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .DummyClassAttProfileDiv,.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .imageDummyDivProfileAtt{width:4rem;height:4rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;text-align:center}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .imageDummyDivProfileAtt{opacity:.8}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .imageDummyDivProfileAtt .profileImageAttDummyText{color:#fff;padding-top:30%;text-transform:uppercase;font-weight:600}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .profileClassAttDummyText,.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttProfileImageDiv .profileImageDummyAttText{color:#fff;padding-top:30%;text-transform:uppercase}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttTextInfoDiv{flex:1 1;text-align:left;padding:12px 0 0 24px;min-width:235px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttTextInfoDiv .classAttName{margin:0;font-size:1rem;font-weight:600;color:#222}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .classAttTextInfoDiv .classAttEmail{margin:0;font-size:.9rem;color:#888}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiCommentDiv{padding:22px 7px 0 0;cursor:pointer}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiCommentDiv .commentDiv .commentData-style .attComment-img{width:30px;height:20px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiCommentsDiv{padding:12px 7px 0 0;cursor:default}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiCommentsDiv .commentDiv .commentData-style .attComment-img{width:30px;height:20px;margin-bottom:10px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiCommentsDiv .commentDiv .commentData-style .commentsDataRange{font:normal normal 600 12px/14px Open Sans;color:#386cb5}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiDiv{flex:.1 1;display:inline-flex;align-items:center}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiDiv .emojiIcons{height:60px;cursor:pointer;width:70px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiDiv .emojiIconsFair{height:60px;cursor:pointer;width:70px;padding-right:5px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiDiv .vertical-line{display:inline-block;border-left:2px solid #d5cfcf;height:45px;padding-right:5px;margin-bottom:10px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv{flex:.1 1;display:inline-flex;align-items:center;padding-top:0}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .emojiIcons{height:60px;cursor:pointer;width:70px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .emojiIconsFair{height:60px;cursor:pointer;width:70px;padding-right:5px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .vertical-line{display:inline-block;border-left:2px solid #d5cfcf;height:45px;padding-right:5px;margin-bottom:10px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeHappy{font:normal normal 600 13px/14px Open Sans;color:#3cff00;padding-top:5px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeFair{font:normal normal 600 13px/14px Open Sans;color:#fde432;padding-top:5px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeSad{font:normal normal 600 13px/14px Open Sans;color:#f7830b;padding-top:5px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeAbsent{font:normal normal 600 13px/14px Open Sans;color:red;padding-top:5px}.classAttendanceContainer .classAttParentContainer .classAttCardDiv .classAttDetailsCard .showViewAttEmoji{cursor:default!important}.classAttendanceContainer .classAttParentContainer .showParticularComtBox{width:24%;height:5.6rem!important;overflow-y:scroll;overflow-x:hidden;height:auto;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;margin:1rem 0 0 1%;word-wrap:break-word}.classAttendanceContainer .classAttParentContainer .showParticularComtBox .showPartiCmtText{font:normal normal 600 13px/14px Open Sans;text-align:left;margin-left:10px;margin-top:10px;height:5.6rem!important}.classAttendanceContainer .classAttParentContainer .showParticularComtBox .showNonePartiCmtText{color:#777;font:normal normal 600 13px/14px Open Sans;text-align:left;margin-left:10px;margin-top:10px}.classAttendanceContainer .classAttParentContainer .showParticularEditComtBox{width:24%;height:5rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;margin:1rem 0 0 1%}.classAttendanceContainer .classAttParentContainer .showParticularEditComtBox .inputBox{width:100%;height:5.6rem;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ccc;border-radius:5px;float:left;margin-left:0;color:#685f5f;font:normal normal 600 13px/14px Open Sans}.classAttendanceContainer .classAttParentContainer .showParticularEditComtBox .showPartiCmtText{font:normal normal 600 13px/14px Open Sans}.classAttendanceContainer .classAttParentContainer .showParticularEditComtBox .showNonePartiCmtText{color:#777;font:normal normal 600 13px/14px Open Sans}.classAttendanceContainer .classAttParentContainer .showAttScoreBox{min-height:5.9rem;margin:1rem 0 .8rem .8rem;border-radius:.5rem;padding:10px;background:#fff 0 0 no-repeat padding-box;border:1px solid #ccc;min-width:120px;max-width:120px}.classAttendanceContainer .classAttParentContainer .showAttScoreBox .showPartiCmtText{font:normal normal 600 13px/14px Open Sans}.classAttendanceContainer .classAttParentContainer .showAttScoreBox .showNonePartiCmtText{color:#aaa;font:normal normal 600 13px/14px Open Sans}.classAttendanceContainer .classAttParentContainer .showAttScoreBox .showScoreText{color:#386cb5;font:normal normal 600 20px/25px Open Sans}.classAttendanceContainer .classAttRangeParentContainer{display:flex}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv{width:100%;height:5.8rem;margin:1rem 0 .8rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;padding:.1rem .3rem}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard{width:100%;height:4.8rem;display:inline-flex;padding:.4rem 0 0;position:relative}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv{width:4rem;padding:5px 0 5px 15px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .studentAttProfileImage{width:3.75rem;height:3.75rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .DummyClassAttProfileDiv,.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .imageDummyDivProfileAtt{width:4rem;height:4rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;text-align:center}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .imageDummyDivProfileAtt{opacity:.8}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .imageDummyDivProfileAtt .profileImageAttDummyText{color:#fff;padding-top:30%;text-transform:uppercase;font-weight:600}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .profileClassAttDummyText,.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttProfileImageDiv .profileImageDummyAttText{color:#fff;padding-top:30%;text-transform:uppercase}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttTextInfoDiv{flex:1 1;text-align:left;padding:12px 0 0 24px;min-width:235px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttTextInfoDiv .classAttName{margin:0;font-size:1rem;font-weight:600;color:#222}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .classAttTextInfoDiv .classAttEmail{margin:0;font-size:.9rem;color:#888}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentDiv{padding:22px 7px 0 0;cursor:pointer}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentDiv .commentDiv .commentData-style .attComment-img{width:30px;height:20px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentsDiv{padding:12px 7px 0 0;cursor:default}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentsDiv .commentDiv .commentData-style .attComment-img{width:30px;height:20px;margin-bottom:10px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentsDiv .commentDiv .commentData-style .commentsDataRange{font:normal normal 600 12px/14px Open Sans;color:#386cb5}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiDiv{flex:.1 1;display:inline-flex;align-items:center;padding-top:15px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiDiv .emojiIcons{height:60px;cursor:pointer;width:70px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiDiv .emojiIconsFair{height:60px;cursor:pointer;width:70px;padding-right:5px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiDiv .vertical-line{display:inline-block;border-left:2px solid #d5cfcf;height:45px;padding-right:5px;margin-bottom:10px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv{flex:.1 1;display:inline-flex;align-items:center;padding-top:0}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .emojiIcons{height:60px;cursor:pointer;width:70px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .emojiIconsFair{height:60px;cursor:pointer;width:70px;padding-right:5px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .vertical-line{display:inline-block;border-left:2px solid #d5cfcf;height:45px;padding-right:5px;margin-bottom:10px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeHappy{font:normal normal 600 13px/14px Open Sans;color:#3cff00;padding-top:5px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeFair{font:normal normal 600 13px/14px Open Sans;color:#fde432;padding-top:5px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeSad{font:normal normal 600 13px/14px Open Sans;color:#f7830b;padding-top:5px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .digitsRangeAbsent{font:normal normal 600 13px/14px Open Sans;color:red;padding-top:5px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .showViewAttEmoji{cursor:default!important}.classAttendanceContainer .classAttRangeParentContainer .showParticularComtBox{width:24%;height:auto;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;margin:1rem 0 0 1%;word-wrap:break-word}.classAttendanceContainer .classAttRangeParentContainer .showParticularComtBox .showPartiCmtText{font:normal normal 600 13px/14px Open Sans;text-align:left;margin-left:10px;margin-top:10px}.classAttendanceContainer .classAttRangeParentContainer .showParticularComtBox .showNonePartiCmtText{color:#777;font:normal normal 600 13px/14px Open Sans}.classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox{min-height:5.9rem;margin:1rem 0 .8rem .8rem;border-radius:.5rem;padding:10px;background:#fff 0 0 no-repeat padding-box;border:1px solid #ccc;min-width:120px;max-width:120px;display:flex;justify-content:center;align-items:center}.classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox .showPartiCmtText{font:normal normal 600 13px/14px Open Sans}.classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox .showNonePartiCmtText{color:#aaa;font:normal normal 600 13px/14px Open Sans}.classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox .showScoreText{color:#386cb5;font:normal normal 600 20px/25px Open Sans}.classAttendanceContainer .dropdown-main-container{font-family:sans-serif;text-align:center;position:relative;flex:.6 1;top:0!important;left:0!important}.classAttendanceContainer .dropdown-main-container .iconDiv{position:absolute;left:9px;z-index:2!important;top:5px;cursor:pointer}.classAttendanceContainer .dropdown-main-container .iconDiv .searchFiltersIcon{cursor:pointer;color:#aaa;margin-right:10px}.classAttendanceContainer .dropdown-main-container .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.classAttendanceContainer .dropdown-main-container .select-search *,.classAttendanceContainer .dropdown-main-container .select-search :after,.classAttendanceContainer .dropdown-main-container .select-search :before{box-sizing:inherit}.classAttendanceContainer .dropdown-main-container .select-search__value{position:relative}.classAttendanceContainer .dropdown-main-container .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.classAttendanceContainer .dropdown-main-container .select-search__input{margin-top:5px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;border:1px solid #ddd;box-shadow:0 0 3px rgba(136,195,250,.8901960784);border-radius:8px;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;opacity:1}.classAttendanceContainer .dropdown-main-container .select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#c6b6b6!important}.classAttendanceContainer .dropdown-main-container .select-search__input::-webkit-search-cancel-button,.classAttendanceContainer .dropdown-main-container .select-search__input::-webkit-search-decoration,.classAttendanceContainer .dropdown-main-container .select-search__input::-webkit-search-results-button,.classAttendanceContainer .dropdown-main-container .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.classAttendanceContainer .dropdown-main-container .select-search__input:not([readonly]):focus{cursor:auto}.classAttendanceContainer .dropdown-main-container .select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.classAttendanceContainer .dropdown-main-container .select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.classAttendanceContainer .dropdown-main-container .select-search__row{border-bottom:solid #ddd;border-width:.15px}.classAttendanceContainer .dropdown-main-container .select-search__row:last-child{border-bottom:none}.classAttendanceContainer .dropdown-main-container .select-search__not-found,.classAttendanceContainer .dropdown-main-container .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classAttendanceContainer .dropdown-main-container .select-search--multiple .select-search__option{height:48px}.classAttendanceContainer .dropdown-main-container .select-search__option.is-highlighted.is-selected,.classAttendanceContainer .dropdown-main-container .select-search__option.is-selected,.classAttendanceContainer .dropdown-main-container .select-search__option.is-selected:hover{color:#fff}.classAttendanceContainer .dropdown-main-container .select-search__group-header{text-transform:uppercase;background:#fff}.classAttendanceContainer .dropdown-main-container .select-search.is-disabled{opacity:.5}.classAttendanceContainer .dropdown-main-container .select-search.is-disabled .select-search__input{font-weight:600}.classAttendanceContainer .dropdown-main-container .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.classAttendanceContainer .dropdown-main-container .select-search:not(.is-disabled) .select-search__input{cursor:pointer;letter-spacing:0;font-weight:600}.classAttendanceContainer .dropdown-main-container .select-search--multiple{border-radius:3px;overflow:hidden}.classAttendanceContainer .dropdown-main-container .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.classAttendanceContainer .dropdown-main-container .select-search.has-focus .select-search__value:after{display:none}.classAttendanceContainer .dropdown-main-container .select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.classAttendanceContainer .dropdown-main-container .select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-bottom-right-radius:0;border-bottom-left-radius:0;border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.classAttendanceContainer .dropdown-main-container .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.classAttendanceContainer .dropdown-main-container .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.classAttendanceContainer .dropdown-main-container .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.classAttendanceContainer .dropdown-main-container .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.classAttendanceContainer .dropdown-main-container .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}.backBttn{background:transparent linear-gradient(270deg,#4479c4,#669fed) 0 0 no-repeat padding-box}.eventNone{pointer-events:none}.attendance-popContainer{left:60px!important;top:-62px!important;min-height:78px!important;border-radius:0!important;padding:5px!important;box-shadow:0 0 15px rgba(34,34,34,.2);border:#fff!important;width:240px!important}.attendance-popContainer .popover-inner{box-shadow:0 0 15px rgba(34,34,34,.2);border:#fff!important;width:245px!important;background-color:#fff;border-radius:5px}.attendance-popContainer .popover-inner .popUpContainer{box-shadow:1px .35rem 3.475rem 14px rgba(13,13,13,.1019607843)}.attendance-popContainer .popover-inner .popUpContainer .bs-popover-auto[x-placement^=left]>.arrow:after,.attendance-popContainer .popover-inner .popUpContainer .bs-popover-left>.arrow:after{border-left-color:#fff!important}.attendance-popContainer .popover-inner .popUpContainer .titleCloseDiv{display:flex}.attendance-popContainer .popover-inner .popUpContainer .titleCloseDiv .addTitle{flex:1 1;padding-top:3px;margin-bottom:0!important;font:normal normal 600 14px/17px Open Sans;color:#0f0e0e}.attendance-popContainer .popover-inner .popUpContainer .titleCloseDiv .closeIcon{float:right;cursor:pointer}.attendance-popContainer .popover-inner .popUpContainer .textBoxBtnDiv .input-box{width:222px;height:160px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ccc;border-radius:5px;float:left;margin-top:15px;margin-left:0;color:#685f5f;font:normal normal 600 13px/14px Open Sans}.attendance-popContainer .popover-inner .popUpContainer .textBoxBtnDiv .saveBtn{width:70px;height:28px;background:transparent linear-gradient(90deg,#669fec,#3e72bc) 0 0 no-repeat padding-box;border-radius:14px;margin-top:15px;margin-left:74px;font:normal normal 600 12px/14px Open Sans;color:#fff}.attendance-popContainer .popover-inner .popUpContainer .textBoxBtnDiv .saveBtn:active,.attendance-popContainer .popover-inner .popUpContainer .textBoxBtnDiv .saveBtn:focus{outline:none;box-shadow:none}.att-modal-warning .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.att-modal-warning .modal-content{border-radius:8px;width:302px;margin:auto;background-color:#fff!important}.att-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:8px;padding:20px 20px 0!important}.att-modal-warning .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans}.att-modal-warning .modal-content .modal-body .filterMainDiv{display:flex;flex-wrap:wrap;float:right}.att-modal-warning .modal-content .modal-body .filterMainDiv .listAllClassAttFilter{width:5.28rem;height:1.35rem;border:.5px solid #aaa;cursor:pointer;border-radius:16px;margin:.15rem;display:flex;align-items:center;justify-content:center}.att-modal-warning .modal-content .modal-body .filterMainDiv .listAllClassAttFilter .listAllClassFilterAttText{font-size:.8rem;color:#aaa;padding:1rem 0 0 .1rem}.att-modal-warning .modal-content .modal-body .filterMainDiv .myClassFilterAttTodayDiv{width:5.28rem;height:1.35rem;border:.5px solid #aaa;border-radius:16px;margin:.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.att-modal-warning .modal-content .modal-body .filterMainDiv .myClassFilterAttTodayDiv .listAllClassFilterAttText{font-size:.8rem;color:#aaa;padding:1rem 0 0 .1rem}.att-modal-warning .modal-content .modal-body .filterMainDiv .myClassFilterAttDiv{width:5.28rem;height:1.35rem;border:.5px solid #aaa;border-radius:16px;margin:.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.att-modal-warning .modal-content .modal-body .filterMainDiv .myClassFilterAttDiv .listAllClassFilterAttText{font-size:.8rem;color:#aaa;padding:1rem 0 0 .1rem}.att-modal-warning .modal-content .modal-body .filterMainDiv .selectedDivClr{border:.5px solid #639be7!important}.att-modal-warning .modal-content .modal-body .filterMainDiv .selectedTextClr{color:#639be7!important}.att-modal-warning .dateBlock{padding:10px 20px}.att-modal-warning .dateBlock .dateSubBlock{border:1px solid #ddd;background:#f4f6fa;border-radius:5px;padding:12px;display:flex;justify-content:space-between}.att-modal-warning .dateBlock .dateSubBlock .react-datepicker-wrapper{cursor:pointer}.att-modal-warning .dateBlock .dateSubBlock .dayDateTextDiv{width:250px}.att-modal-warning .dateBlock .dateSubBlock .dayDateTextDiv .dayDateText{margin-bottom:0!important;font:normal normal 600 16px/24px Open Sans}.att-modal-warning .dateBlock .dateSubBlock .displayFlexAttClassRoster{display:flex;cursor:pointer;padding-bottom:2px;padding-right:5px}.att-modal-warning .dateBlock .dateSubBlock .displayFlexAttClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed}.att-modal-warning .dateBlock .dateSubBlock .displayFlexAttClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:3px 0 0 3px;cursor:pointer}.att-modal-warning .dateBlock .dateSubBlock .calMargin{margin:4px 0}.att-modal-warning .dateBlock .dateSubBlocks{border:1px solid #ddd;background:#f4f6fa;border-radius:5px;padding:12px;display:flex;justify-content:space-between;margin-top:15px}.att-modal-warning .dateBlock .dateSubBlocks .react-datepicker-wrapper{cursor:pointer}.att-modal-warning .dateBlock .dateSubBlocks .dayDateTextDiv{width:250px}.att-modal-warning .dateBlock .dateSubBlocks .dayDateTextDiv .dayDateText{margin-bottom:0!important;font:normal normal 600 16px/24px Open Sans}.att-modal-warning .dateBlock .dateSubBlocks .calIcon{align-self:center;cursor:not-allowed}.att-modal-warning .dateBlock .dateSubBlocks .displayFlexAttClassRoster{display:flex;cursor:pointer;padding-bottom:2px;padding-right:5px}.att-modal-warning .dateBlock .dateSubBlocks .displayFlexAttClassRoster .calIcon{align-self:center;cursor:not-allowed}.att-modal-warning .dateBlock .dateSubBlocks .displayFlexAttClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:3px 0 0 3px;cursor:pointer}.att-modal-warning .dateBlock .dateSubBlocks .calMargin{margin:4px 0}.att-modal-warning .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.att-modal-warning .modal-footer{border:none;justify-content:center}.att-modal-warning .getReport-btn{width:120px;height:38px;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;font:normal normal 600 14px/19px Open Sans}.att-modal-warning .cancelAtt-btn{background-color:#fff!important;font:normal normal 600 14px/19px Open Sans;color:#080808!important;width:101px;height:38px}.viewPdf-modal-warning .modal-content{width:350px;height:270px;border-radius:8px;margin:auto;background-color:#fff!important}.viewPdf-modal-warning .modal-content .modal-header{border:none;display:block}.viewPdf-modal-warning .modal-content .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans;border:none;align-items:center;display:block}.viewPdf-modal-warning .modal-content .modal-body{display:flex;justify-content:center;padding:0!important}.viewPdf-modal-warning .modal-content .modal-body .pdfBlock{width:100px;height:130px;border:1px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;margin-right:5px;padding-top:10px;cursor:pointer}.viewPdf-modal-warning .modal-content .modal-body .pdfBlock .reportIcon{align-self:center;margin-top:10px;margin-left:10px}.viewPdf-modal-warning .modal-content .modal-body .pdfBlock .reportName{text-align:center;padding-top:10px;font:normal normal 600 15px/24px Open Sans}.viewPdf-modal-warning .modal-content .modal-body .csvBlock{width:100px;height:130px;border:1px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-around;margin-left:5px;padding-top:10px;cursor:pointer}.viewPdf-modal-warning .modal-content .modal-body .csvBlock .reportIcon{align-self:center;margin-top:10px;margin-left:10px}.viewPdf-modal-warning .modal-content .modal-body .csvBlock .reportName{text-align:center;padding-top:10px;font:normal normal 600 15px/24px Open Sans}.viewPdf-modal-warning .modal-content .modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:.75rem;border-top:0 solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.viewPdf-modal-warning .modal-content .modal-footer .getReportBtn{width:120px;height:50px;align-self:center;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;font:normal normal 600 14px/19px Open Sans}.dropdownDiv{display:flex;flex-direction:row;width:480px;justify-content:right;padding-left:0}.dropdownDiv .dropdown-main-container2{font-family:sans-serif;text-align:center;position:relative;flex:.6 1;top:0!important;left:0!important}.dropdownDiv .dropdown-main-container2 .iconDiv{position:absolute;left:9px;z-index:2!important;top:14px;cursor:pointer}.dropdownDiv .dropdown-main-container2 .iconDiv .searchFiltersIcon{cursor:pointer;color:#aaa;margin-right:10px}.dropdownDiv .dropdown-main-container2 .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.dropdownDiv .dropdown-main-container2 .select-search *,.dropdownDiv .dropdown-main-container2 .select-search :after,.dropdownDiv .dropdown-main-container2 .select-search :before{box-sizing:inherit}.dropdownDiv .dropdown-main-container2 .select-search__value{position:relative}.dropdownDiv .dropdown-main-container2 .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.dropdownDiv .dropdown-main-container2 .select-search__input{margin-top:10px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;border:1px solid #ddd;box-shadow:0 0 3px rgba(136,195,250,.8901960784);border-radius:8px;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;opacity:1}.dropdownDiv .dropdown-main-container2 .select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#c6b6b6!important}.dropdownDiv .dropdown-main-container2 .select-search__input::-webkit-search-cancel-button,.dropdownDiv .dropdown-main-container2 .select-search__input::-webkit-search-decoration,.dropdownDiv .dropdown-main-container2 .select-search__input::-webkit-search-results-button,.dropdownDiv .dropdown-main-container2 .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.dropdownDiv .dropdown-main-container2 .select-search__input:not([readonly]):focus{cursor:auto}.dropdownDiv .dropdown-main-container2 .select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.dropdownDiv .dropdown-main-container2 .select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.dropdownDiv .dropdown-main-container2 .select-search__row{border-bottom:solid #ddd;border-width:.15px}.dropdownDiv .dropdown-main-container2 .select-search__row:last-child{border-bottom:none}.dropdownDiv .dropdown-main-container2 .select-search__not-found,.dropdownDiv .dropdown-main-container2 .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdownDiv .dropdown-main-container2 .select-search--multiple .select-search__option{height:48px}.dropdownDiv .dropdown-main-container2 .select-search__option.is-highlighted.is-selected,.dropdownDiv .dropdown-main-container2 .select-search__option.is-selected,.dropdownDiv .dropdown-main-container2 .select-search__option.is-selected:hover{color:#fff}.dropdownDiv .dropdown-main-container2 .select-search__group-header{text-transform:uppercase;background:#fff}.dropdownDiv .dropdown-main-container2 .select-search.is-disabled{opacity:.5}.dropdownDiv .dropdown-main-container2 .select-search.is-disabled .select-search__input{font-weight:600}.dropdownDiv .dropdown-main-container2 .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.dropdownDiv .dropdown-main-container2 .select-search:not(.is-disabled) .select-search__input{cursor:pointer;letter-spacing:0;font-weight:600}.dropdownDiv .dropdown-main-container2 .select-search--multiple{border-radius:3px;overflow:hidden}.dropdownDiv .dropdown-main-container2 .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.dropdownDiv .dropdown-main-container2 .select-search.has-focus .select-search__value:after{display:none}.dropdownDiv .dropdown-main-container2 .select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.dropdownDiv .dropdown-main-container2 .select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-bottom-right-radius:0;border-bottom-left-radius:0;border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.dropdownDiv .dropdown-main-container2 .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.dropdownDiv .dropdown-main-container2 .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.dropdownDiv .dropdown-main-container2 .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.dropdownDiv .dropdown-main-container2 .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.dropdownDiv .dropdown-main-container2 .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}.updateDateDiv{width:45%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-right:10px}.commentCardDiv{width:24%!important;height:5.6rem!important;background:#fff 0 0 no-repeat padding-box!important;border-radius:.5rem!important;opacity:1!important;margin:1rem 0 0 1%!important}.commentTextBox{width:100%!important;height:90px!important;background:#f4f6fa 0 0 no-repeat padding-box!important;font:normal normal 600 13px/14px Open Sans!important}@media screen and (min-width:1275px)and (max-width:1480px){.classAttendanceContainer .ClassAttendanceMainDiv .attClassDetailTextDiv2{margin-left:10px;padding:.4rem 0 0 .3rem}}@media only screen and (min-width:520px)and (max-width:890px){.classAttendanceContainer{padding:0 .5rem 1rem}.ClassAttendanceMainDiv{flex-wrap:wrap;justify-content:center}}@media only screen and (min-width:250px)and (max-width:852px){.classAttendanceContainer{padding:0 .5rem 1rem}.classAttendanceContainer .classAttCardDiv{height:14.8rem!important}.classAttendanceContainer .classAttCardDiv .classAttDetailsCard{flex-wrap:wrap}.classAttendanceContainer .classAttCardDiv .classAttDetailsCard .emojiCommentDiv{padding-right:5px}.ClassAttendanceMainDiv{flex-wrap:wrap;justify-content:center}}@media only screen and (min-width:250px)and (max-width:375px){.classAttParentContainer{flex-wrap:wrap}.classAttendanceContainer{padding:0 .5rem 1rem}.classAttendanceContainer .classAttCardDiv{height:14rem!important}.classAttendanceContainer .classAttCardDiv .classAttDetailsCard{flex-wrap:wrap}.classAttendanceContainer .classAttCardDiv .classAttDetailsCard .emojiCommentDiv{padding-right:5px}.ClassAttendanceMainDiv{flex-wrap:wrap;justify-content:center}.buttonMarginTop{margin-top:1rem}}@media only screen and (min-width:539px)and (max-width:837px){.classAttendanceContainer{padding:0 .5rem 1rem}.classAttendanceContainer .classAttCardRangeDiv{height:10.8rem!important;flex-wrap:wrap}.classAttendanceContainer .classAttCardRangeDiv .classAttDetailsCard{flex-wrap:wrap}.classAttendanceContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentDiv{padding-right:5px}}@media only screen and (min-width:406px)and (max-width:538px){.classAttendanceContainer{padding:0 .5rem 1rem}.classAttendanceContainer .classAttRangeParentContainer{flex-wrap:wrap}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv{height:10.8rem!important;flex-wrap:wrap}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard{flex-wrap:wrap}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentDiv{padding-right:5px}.classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox{margin:.3rem 0 .8rem}}@media only screen and (min-width:357px)and (max-width:406px){.classAttendanceContainer{padding:0 .5rem 1rem}.classAttendanceContainer .classAttRangeParentContainer{flex-wrap:wrap}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv{height:16.8rem!important;flex-wrap:wrap}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard{flex-wrap:wrap}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv{padding-left:0}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentDiv{padding-right:5px}.classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox{margin:.3rem 0 .8rem}}@media only screen and (min-width:250px)and (max-width:357px){.classAttendanceContainer{padding:0 .5rem 1rem}.classAttendanceContainer .classAttRangeParentContainer{flex-wrap:wrap}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv{height:33rem!important;flex-wrap:wrap}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard{flex-wrap:wrap}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiCommentDiv{padding-right:5px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv{flex-wrap:wrap;padding-left:100px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .emojiIcons,.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .classAttDetailsCard .emojiRangeDiv .emojiIconsFair{height:75px}.classAttendanceContainer .classAttRangeParentContainer .classAttCardRangeDiv .emojiCommentsDiv{width:100%}.classAttendanceContainer .classAttRangeParentContainer .showAttScoreBox{margin:.3rem 0 .8rem}}.firstDetailsDivatt{width:224px;border-radius:1px solid grey;border-right:1px solid #eee;text-align:right;padding-right:19px}.happyy{color:var(--unnamed-color-80ce4f);color:#80ce4f}.happyy,.neutral{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-10)/var(--unnamed-line-spacing-14) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);text-align:center;font:normal normal 600 13px/14px Open Sans;letter-spacing:0;opacity:1;margin-top:3px}.neutral{color:var(--unnamed-color-ffd307);color:#ffd307}.sad{color:var(--unnamed-color-ff9c17);color:#ff9c17}.none,.sad{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-10)/var(--unnamed-line-spacing-14) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);text-align:center;font:normal normal 600 13px/14px Open Sans;letter-spacing:0;opacity:1;margin-top:3px}.none{color:var(--unnamed-color-f05f5f);color:#f05f5f}.noDataFound{position:relative;top:13rem;font-size:larger}.classRubricsContainer .PreviewAttContainer{background:#f0f0f0;height:100%;overflow-x:hidden;padding:0 2.5rem 1rem}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv{width:100%;justify-content:space-between;display:flex;padding:1rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border-radius:0 0 8px 8px;opacity:1}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain{display:flex;align-items:center}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .attClassBackDiv{display:flex;background:#eee;width:13rem;height:3.1rem;cursor:pointer}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .rubClassBackDiv{display:flex;width:40px;height:40px;cursor:pointer;padding:12.8px;justify-content:center;align-items:center;background:transparent linear-gradient(90deg,#669fed,#386cb5) 0 0 no-repeat padding-box;border-radius:6px;opacity:1}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .attClassBackIcon{font-size:1.3rem;padding-top:2px;color:#fff}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .RubricSeprator{width:1px;height:40px;border-left:2px solid #ddd;align-self:center;margin-left:1rem;margin-right:1rem}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .attClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop{display:flex;align-items:center}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .editAttBtn{width:5.3rem!important;height:2.5rem!important;border-radius:2rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .opacityBtn{opacity:.4;cursor:default}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttPreDiv{width:6rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 1rem .1rem .3rem}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttPreDiv .viewAttIcons{width:1rem;margin-top:.3rem}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .downloadPreDiv{width:7.5rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .downloadPreDiv .viewAttIcons{width:1rem;margin-top:.3rem}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .pencilAttIcon,.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttIcon{width:1rem;margin-top:.2rem}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttText{color:#fff;font-size:.9rem;margin-left:.5rem}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .displayFlexInSeletAtt{padding-right:20px;display:flex}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .displayFlexInSeletAtt .undoSelect{width:2.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:10rem;opacity:1;margin-right:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv{padding:0}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .attClassName{margin:0;font-size:1rem;font-weight:600;text-align:left;color:#386cb5}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster{display:flex;cursor:pointer}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0 5px;cursor:default}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .headingForEdited{display:inline-flex;flex-wrap:wrap;cursor:default;align-items:center}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .headingForEdited .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .headingForEdited .head{color:#386cb5;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0}.classRubricsContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .attClassPreGrades{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:3px 0 0 11px;cursor:default;font-weight:600;font-style:italic}.classRubricsContainer .PreviewAttContainer .showFlex{display:flex}.classRubricsContainer .PreviewAttContainer .reportMailDiv .noneStudents{color:#aaa;font:normal normal 600 20px/14px Open Sans;line-height:inherit;padding-top:140px}.classRubricsContainer .PreviewAttContainer .reportMailDiv .reportPreView{margin-top:20px}.classRubricsContainer .PreviewAttContainer .reportMailDiv .reportPreView .main{height:400px!important}.classRubricsContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .react-pdf__Document{height:352px;overflow:scroll}.classRubricsContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .react-pdf__Document .react-pdf__Page .react-pdf__Page__canvas{display:inline!important;box-shadow:22px 7px 26px rgba(34,34,34,.1019607843)!important}.classRubricsContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .pagec{font:normal normal 600 14px/28px Open Sans}.classRubricsContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .buttonc .nextPage,.classRubricsContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .buttonc .prePage{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;margin:0 10px 0 5px;border-radius:8px;color:#fff;border:none;width:88px;height:33px;cursor:pointer;outline:none}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer{width:500px;height:407px;background-color:#fff;margin:20px 0 0 20px;border-radius:8px;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;font:normal normal 600 14px/28px Open Sans}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .titleDiv{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;align-items:center;display:flex;border-top-right-radius:8px;border-top-left-radius:8px;color:#fff;height:40px}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .titleDiv .composeTitle{padding-left:18px;margin-bottom:0!important}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm{padding:0 18px}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .errormessageRegisters{color:#d80f0f!important;float:left!important;font-size:13px!important;margin-bottom:1px!important;font-weight:600;margin-top:-1px;line-height:10px;padding-left:2px}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .field{display:table;border-bottom:1px solid #ccc;padding:8px 0;width:100%}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .field .mailDiv{border:none;outline:none;width:100%}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .field .messageText{border:none;outline:none;width:100%;height:193px}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .field .subjectText{border:none;outline:none;width:100%;height:30px}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions{padding:10px 16px;display:flex;background:#f2f2f2;justify-content:flex-end}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions .emailBtn{width:6rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions .emailBtn .viewAttIcons{width:1rem;margin-top:.3rem}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions .emailBtn .viewAttText{color:#fff;font-size:.9rem;margin-left:.5rem}.classRubricsContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions .cancelBtn{background:none;outline:none}.classRubricsContainer{background:#f0f0f0;height:100%;padding:0 2.5rem 1rem}.classRubricsContainer .RubricsMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem;flex-wrap:wrap;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border-radius:0 0 8px 8px;opacity:1}.classRubricsContainer .RubricsMainDiv .rubBackDivmain{display:flex;align-items:center;flex:30% 1}.classRubricsContainer .RubricsMainDiv .rubBackDivmain .rubricsBackDiv{display:flex;background:transparent;cursor:pointer;align-items:center}.classRubricsContainer .RubricsMainDiv .rubBackDivmain .rubricsImportBackDiv{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:.8rem;background:transparent linear-gradient(90deg,#669fed,#386cb5) 0 0 no-repeat padding-box;border-radius:6px;opacity:1}.classRubricsContainer .RubricsMainDiv .rubBackDivmain .rubricsImportBackDiv .importBackIcon{font-size:1.3rem;padding-top:2px;color:#fff}.classRubricsContainer .RubricsMainDiv .rubBackDivmain .vrLineRub{height:88%;margin:17px;border-left:2px solid rgba(34,34,34,.1019607843)}.classRubricsContainer .RubricsMainDiv .rubricsDetailsDiv{margin:0!important}.classRubricsContainer .RubricsMainDiv .rubricsDetailsDiv .displayFlexClassRubrics{display:flex;align-items:center;cursor:pointer}.classRubricsContainer .RubricsMainDiv .rubricsDetailsDiv .displayFlexClassRubrics .rubricsGrade{color:#487fcc;font-size:1rem;text-align:left;cursor:pointer;margin:0!important;font-weight:600}.classRubricsContainer .RubricsMainDiv .rubricsDetailsDiv .displayFlexClassRubrics .rubricsForIcon{color:#487fcc}.classRubricsContainer .RubricsMainDiv .rubricsDetailsDiv .displayFlexClassRubrics .rubricsGrade2{font:normal normal 600 20px/27px Open Sans!important;color:#222;text-align:left;cursor:default;margin-bottom:0}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container{font-family:sans-serif;text-align:center;position:relative;flex:27% 1;top:3px!important;left:0!important}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .iconDiv{position:absolute;left:9px;z-index:2!important;top:7px;cursor:pointer}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .iconDiv .searchFiltersIcon{cursor:pointer;color:#aaa;margin-right:10px}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search *,.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search :after,.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search :before{box-sizing:inherit}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__value{position:relative}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__input{margin-top:5px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;border:1px solid #ddd;box-shadow:0 0 3px rgba(136,195,250,.8901960784);border-radius:8px;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;opacity:1}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#222!important}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__input::-webkit-search-cancel-button,.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__input::-webkit-search-decoration,.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__input::-webkit-search-results-button,.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__input:not([readonly]):focus{cursor:auto}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__row{border-bottom:solid #ddd;border-width:.15px}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__row:last-child{border-bottom:none}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__not-found,.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search--multiple .select-search__option{height:98px}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__option.is-highlighted.is-selected,.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__option.is-selected,.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__option.is-selected:hover{color:#fff}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__group-header{text-transform:uppercase;background:#fff}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search.is-disabled{opacity:.5}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search:not(.is-disabled) .select-search__input{cursor:pointer;letter-spacing:0;font-weight:600}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search--multiple{border-radius:3px;overflow:hidden}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search.has-focus .select-search__value:after{display:none}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-bottom-right-radius:0;border-bottom-left-radius:0;border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.classRubricsContainer .RubricsMainDiv .dropdownsRubrics-main-container .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}.classRubricsContainer .RubricsMainDiv .LessonPlanDetailsMain{display:flex;align-items:center}.classRubricsContainer .RubricsMainDiv .LessonPlanDetailsMain .ClassBackDiv{display:flex;padding:.8rem;background:#eee;width:13rem;height:3.1rem;cursor:pointer}.classRubricsContainer .RubricsMainDiv .LessonPlanDetailsMain .lessonBackIcon{font-size:1.3rem;padding-top:2px}.classRubricsContainer .RubricsMainDiv .LessonPlanDetailsMain .lessonClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.classRubricsContainer .RubricsMainDiv .buttonMarginTop{display:flex;align-items:center;flex:2 1;justify-content:flex-end}.classRubricsContainer .RubricsMainDiv .buttonMarginTop .addNewRubricsBtn{margin:.1rem .3rem}.classRubricsContainer .RubricsMainDiv .buttonMarginTop .addNewRubricsBtn,.classRubricsContainer .RubricsMainDiv .buttonMarginTop .importRubricsBtn{width:110px;height:45px;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;align-items:center;font-size:.6rem!important}.classRubricsContainer .RubricsMainDiv .buttonMarginTop .importRubricsBtn{margin:.1rem 1rem .1rem .3rem}.classRubricsContainer .RubricsMainDiv .buttonMarginTop .rubBtnIcon{width:.9rem}.classRubricsContainer .RubricsMainDiv .buttonMarginTop .lessonFilterIcon{width:1rem;margin-top:.2rem}.classRubricsContainer .RubricsMainDiv .buttonMarginTop .lessonBtnText{color:#fff;font:normal normal normal 18px/24px Open Sans;margin-left:.5rem}.classRubricsContainer .RubricsMainDiv .lessonDetailTextDiv{margin-left:1rem;flex:1.6 1;border-left:2.5px solid #eee;padding:0 0 0 1rem;height:3.1rem;display:flex;align-items:center}.classRubricsContainer .RubricsMainDiv .lessonDetailTextDiv .rubricClassName{margin:0;font-size:1rem;font-weight:600;text-align:left;color:#386cb5}.classRubricsContainer .RubricsMainDiv .lessonDetailTextDiv .rubricsNumber{margin:0;font-size:1rem;font-weight:600;text-align:left}.classRubricsContainer .RubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson{display:flex;cursor:pointer}.classRubricsContainer .RubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .calIcon{align-self:center;cursor:default;cursor:not-allowed}.classRubricsContainer .RubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .lessonClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0 5px;cursor:default}.classRubricsContainer .RubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited{display:inline-flex;flex-wrap:wrap;cursor:default;align-items:center}.classRubricsContainer .RubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.classRubricsContainer .RubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited .head{color:#386cb5;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0}.classRubricsContainer .RubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .attClassGrades{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:1px 0 0 5px;cursor:default;font-weight:600}.classRubricsContainer .rubFiltMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem;flex-wrap:wrap;margin-top:15px;border-radius:8px}.classRubricsContainer .rubFiltMainDiv .lessonDetailTxtDiv{display:flex;align-items:center}.classRubricsContainer .rubFiltMainDiv .lessonDetailTxtDiv .rubricNumb{margin:0;font-size:1rem;font-weight:600;text-align:left;opacity:.4}.classRubricsContainer .rubFiltMainDiv .lessonDetailTxtDiv .vrLineNoRub{height:88%;margin:17px;border-left:2px solid rgba(34,34,34,.1019607843)}.classRubricsContainer .rubFiltMainDiv .wrapperSearchDiv{position:relative}.classRubricsContainer .rubFiltMainDiv .wrapperSearchDiv .iconDiv{height:1.5rem;width:1.5rem;padding:4px;position:absolute;box-sizing:border-box;top:50%;left:7px;transform:translateY(-50%);display:flex}.classRubricsContainer .rubFiltMainDiv .wrapperSearchDiv .inputBoxComp{display:flex;width:300px;height:36px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ddd;border-radius:18px;padding-left:33px;outline:none!important}.classRubricsContainer .rubFiltMainDiv .wrapperSearchDiv .inputBoxComp::placeholder{opacity:.38;font:italic normal normal 12px/17px Open Sans;color:#222;padding-left:5px;position:absolute;top:8px}.classRubricsContainer .rubFiltMainDiv .subDivs{display:flex;align-items:center}.classRubricsContainer .rubFiltMainDiv .subDivs .calDiv{width:40px;height:32px;display:flex;align-items:center;border:1px solid #ccc!important;border-radius:8px;display:inline-flex;justify-content:center;padding:9px;cursor:pointer!important}.classRubricsContainer .rubFiltMainDiv .subDivs .calDiv .calclrIcons{cursor:pointer!important}.classRubricsContainer .rubFiltMainDiv .subDivs .vrLineCalRub{height:88%;margin:17px;border-left:2px solid rgba(34,34,34,.1019607843)}.classRubricsContainer .rubFiltMainDiv .subDivs .deSelectBtn{background:#fff!important;border:1px solid #ccc!important;cursor:pointer!important}.classRubricsContainer .rubFiltMainDiv .subDivs .deSelectBtn .filterTimeDiv .filterText{color:#222!important}.classRubricsContainer .rubFiltMainDiv .subDivs .allFiltDiv{display:inline-flex;justify-content:center;padding:5.5px;margin-right:10px;width:70px;height:32px;background:rgba(56,108,181,.9019607843) 0 0 no-repeat padding-box;border:1px solid #386cb5;border-radius:8px;opacity:1;cursor:default}.classRubricsContainer .rubFiltMainDiv .subDivs .allFiltDiv .filterTimeDiv{display:flex;align-items:center}.classRubricsContainer .rubFiltMainDiv .subDivs .allFiltDiv .filterTimeDiv .filterText{margin:0!important;font:normal normal normal 12px/17px Open Sans;letter-spacing:0;color:#fff}.classRubricsContainer .rubFiltMainDiv .subDivs .drftDiv{display:inline-flex;justify-content:center;padding:5.5px;margin-right:10px;width:70px;height:32px;background:rgba(56,108,181,.9019607843) 0 0 no-repeat padding-box;border:1px solid #386cb5;border-radius:8px;opacity:1;cursor:default}.classRubricsContainer .rubFiltMainDiv .subDivs .drftDiv .filterTimeDiv{display:flex;align-items:center}.classRubricsContainer .rubFiltMainDiv .subDivs .drftDiv .filterTimeDiv .filterText{margin:0!important;font:normal normal normal 12px/17px Open Sans;letter-spacing:0;color:#fff}.classRubricsContainer .rubFiltMainDiv .subDivs .cmpltDiv{width:80px;height:32px;display:inline-flex;justify-content:center;padding:5.5px;cursor:default;background:rgba(56,108,181,.9019607843) 0 0 no-repeat padding-box;border:1px solid #386cb5;border-radius:8px;opacity:1}.classRubricsContainer .rubFiltMainDiv .subDivs .cmpltDiv .filterTimeDiv{display:flex;align-items:center}.classRubricsContainer .rubFiltMainDiv .subDivs .cmpltDiv .filterTimeDiv .filterText{margin:0!important;font:normal normal normal 12px/17px Open Sans;letter-spacing:0;color:#fff}.classRubricsContainer .importRubHeaderTwo{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem;flex-wrap:wrap;margin-top:15px;border-radius:8px}.classRubricsContainer .importRubHeaderTwo .lessonDetailTxtDiv{display:flex;align-items:center}.classRubricsContainer .importRubHeaderTwo .lessonDetailTxtDiv .rubricNumb{margin:0;font-size:1rem;font-weight:600;text-align:left;opacity:.4}.classRubricsContainer .importRubHeaderTwo .lessonDetailTxtDiv .vrLineNoRub{height:88%;margin:17px;border-left:2px solid rgba(34,34,34,.1019607843)}.classRubricsContainer .importRubHeaderTwo .wrappersSearchDiv{position:relative}.classRubricsContainer .importRubHeaderTwo .wrappersSearchDiv .iconDiv{height:1.5rem;width:1.5rem;padding:4px;position:absolute;box-sizing:border-box;top:50%;left:7px;transform:translateY(-50%);display:flex}.classRubricsContainer .importRubHeaderTwo .wrappersSearchDiv .inputBoxComp{display:flex;width:300px;height:36px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ddd;border-radius:18px;padding-left:33px;outline:none!important}.classRubricsContainer .importRubHeaderTwo .wrappersSearchDiv .inputBoxComp::placeholder{opacity:.38;font:italic normal normal 12px/17px Open Sans;color:#222;padding-left:5px;position:absolute;top:8px}.classRubricsContainer .importRubHeaderTwo .subDivs{display:flex;align-items:center}.classRubricsContainer .spaeBtween{justify-content:space-between!important}.classRubricsContainer .importClassName{display:flex;align-items:center;margin:0}.classRubricsContainer .importClassName .classNameTagline{color:#777;font:italic normal normal 13px/18px Open Sans;margin:0!important}.classRubricsContainer .importClassName .classNameTag{color:#386cb5;padding-left:5px;padding-right:5px;font:italic normal normal 13px/18px Open Sans;margin:0!important}.classRubricsContainer .rubContainersDiv{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:100px}.classRubricsContainer .rubContainersDiv .rubricsArrowImage{width:14px;height:30px;align-self:center;margin-bottom:5px}.classRubricsContainer .rubContainersDiv .rubContainerTextDiv{width:232px;height:54px}.classRubricsContainer .rubContainersDiv .rubContainerTextDiv .rubContainerText{align-self:center;font-size:20px;text-align:center;letter-spacing:0;color:#aaa;opacity:1}.classRubricsContainer .rubContainerTextNoStd{color:#aaa;font:normal normal 600 20px/14px Open Sans;line-height:inherit;padding-top:40px}.classRubricsContainer .mainColRubRow{margin-right:-22px!important;margin-left:8px!important}.classRubricsContainer .mainColRubRow .mainColRubrics{padding-left:0!important;padding-right:0!important}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels{flex-wrap:wrap;justify-content:flex-start;margin-top:15px;display:flex;width:100%}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .noPlansDiv{width:100%;display:flex;justify-content:center;margin-top:180px}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .noPlansDiv .noPlantext{color:#aaa;font-size:1.2rem;font-weight:600}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .classCardDist{margin-right:15px!important}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub{padding-right:7px!important;padding-left:7px!important}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs{height:9rem;margin-bottom:15px!important;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(39,36,36,.1019607843);border-radius:.5rem;opacity:1;padding:.1rem .5rem .1rem .4rem}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards{width:100%;height:6.4rem;padding:15px}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .topDiv{display:flex}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .topDiv .textLeft{flex:9 1;text-align:left;cursor:pointer;word-break:break-all}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .topDiv .textLeft .classGradeAndSectionText{color:#777;margin:0;font-size:.85rem;text-transform:capitalize}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .topDiv .textLeft .lessonTitle{margin-bottom:.3rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .topDiv .textLeft .headingTitles{display:inline-flex;flex-wrap:wrap;flex:1.3 1;justify-content:flex-start;align-items:end}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .topDiv .textLeft .headingTitles .attTitleName{margin:0;font-size:1rem;font-weight:600;padding-right:5px;font:normal normal 600 13px/13px Open Sans;color:#121111}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv{display:flex}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline{display:flex;align-items:center;padding:10px 0;width:100%}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .lessonPlan{border:1px solid #4479c4;border-radius:15px;width:70px;margin:6px 0}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .lessonPlan .statusTextPlan{margin:0;font-size:.85rem;text-align:center;color:#4479c4;text-transform:capitalize}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .lessonCurrent{border:1px solid #4479c4;border-radius:15px;width:110px;margin:6px 0}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .lessonCurrent .statusTextPlan{margin:0;font-size:.85rem;text-align:center;color:#4479c4;text-transform:capitalize}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .lessonEval{border:1px solid #23bf1d;border-radius:15px;width:83px;margin:6px 0}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .lessonEval .statusTextEval{color:#23bf1d;margin:0;font-size:.85rem;text-align:center;text-transform:capitalize}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .lessonExe{border:1px solid #ff9c17;border-radius:15px;width:83px;margin:6px 0}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .lessonExe .statusTextExe{color:#ff9c17;margin:0;font-size:.85rem;text-align:center;text-transform:capitalize}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .headingTitles{display:inline-flex;flex-wrap:wrap;flex:1.6 1;justify-content:flex-start;align-items:end}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .headingTitles .attTitleName{margin:0;font-size:1rem;font-weight:600;padding-right:5px;font:normal normal 600 13px/13px Open Sans;color:#777}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .headingTitles .head{color:#9d9797;text-transform:capitalize;padding-right:5px;font:normal normal 600 13px/13px Open Sans;margin:0}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .headingTitlesRight{display:inline-flex;flex-wrap:wrap;flex:1.3 1;padding-right:5px;justify-content:flex-end;align-items:center}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .headingTitlesRight .attTitleName{margin:0;font-size:1rem;font-weight:600;padding-right:5px;font:normal normal 600 13px/13px Open Sans;color:#777}.classRubricsContainer .mainColRubRow .mainColRubrics .groupPanels .mainCardDivsRub .classCardDivs .classDetailsCards .bottomDiv .classTimeline .headingTitlesRight .head{color:#9d9797;text-transform:capitalize;padding-right:5px;font:normal normal 600 13px/13px Open Sans;margin:0}.popoverRubrics .popoverOptions{display:inline-flex;border-bottom:1px solid grey;padding:.5rem}.popoverRubrics .editClasspopOver{display:inline-flex;color:#000;cursor:pointer;border-bottom:1px solid #ddd;padding:.5rem 0;width:115%}.popoverRubrics .editClasspopOver .viewLpIcons{width:1rem;height:1.3rem;margin-right:.3rem}.popoverRubrics .downloadClasspopOver{display:inline-flex;color:#000;cursor:pointer;padding:.5rem 0;width:115%}.popoverRubrics .downloadClasspopOver .viewLpIcons{width:1rem;height:1.3rem;margin-right:.3rem}.popoverRubrics .disabledEditClasspopOver{display:inline-flex;color:#000;cursor:pointer;border-bottom:1px solid #ddd;padding:0 0 .5rem;width:90%;opacity:.5;cursor:default}.popoverRubrics .bs-popover-auto[x-placement^=left]>.arrow:after,.popoverRubrics .bs-popover-left>.arrow:after{border-left-color:#fff!important}.popoverRubrics .editTextClassPopOver{font-size:.9rem;margin-left:.1rem}.popoverRubrics .deleteClassPopOver{display:inline-flex;color:#f44;cursor:pointer;padding:.5rem 0 0}.popoverRubrics .disabledDeleteClassPopOver{display:inline-flex;color:#f44;cursor:pointer;padding:.5rem 0 0;opacity:.5;cursor:default}.popoverRubrics .deleteTextClassPopOver{font-size:.9rem;margin-left:.1rem}.popoverRubrics .editClassIcon{font-size:1.3rem}.popoverRubrics .popover{width:6.8rem!important;padding:0!important;height:5.7rem;border-radius:11px!important}.filterPopOverRubrics .bs-popover-auto[x-placement^=left]>.arrow:after,.filterPopOverRubrics .bs-popover-left>.arrow:after{border-left-color:#fff!important}.filterPopOverRubrics .popover{width:11rem!important;padding:0!important;height:8.5rem;border-radius:11px!important}.filterPopOverRubrics .notificationSubBlock .filterTimeDiv{display:flex;align-items:center;margin:10px 0;border-bottom:1px solid #ddd;padding-bottom:10px}.filterPopOverRubrics .notificationSubBlock .filterTimeDiv .filterText{margin:0}.filterPopOverRubrics .notificationSubBlock .filterTimesDiv{display:flex;align-items:center;margin:10px 0;padding-bottom:10px}.filterPopOverRubrics .notificationSubBlock .filterTimesDiv .filterText{margin:0}.rubrics-modal-warning .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.rubrics-modal-warning .modal-content{border-radius:8px;width:302px;margin:auto;background-color:#fff!important}.rubrics-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:8px;padding:20px 20px 0!important}.rubrics-modal-warning .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans}.rubrics-modal-warning .modal-content .modal-body .filterDiv{display:flex;flex-wrap:wrap}.rubrics-modal-warning .modal-content .modal-body .filterDiv .listAllClassAttFilter{width:5.28rem;height:1.35rem;border:.5px solid #aaa;cursor:pointer;border-radius:16px;margin:.15rem;display:flex;align-items:center;justify-content:center}.rubrics-modal-warning .modal-content .modal-body .filterDiv .listAllClassAttFilter .listAllClassFilterAttText{font-size:.8rem;color:#aaa;padding:1rem 0 0 .1rem}.rubrics-modal-warning .modal-content .modal-body .filterDiv .myClassFilterAttTodayDiv{width:5.28rem;height:1.35rem;border:.5px solid #aaa;border-radius:16px;margin:.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.rubrics-modal-warning .modal-content .modal-body .filterDiv .myClassFilterAttTodayDiv .listAllClassFilterAttText{font-size:.8rem;color:#aaa;padding:1rem 0 0 .1rem}.rubrics-modal-warning .modal-content .modal-body .filterDiv .myClassFilterAttDiv{width:5.28rem;height:1.35rem;border:.5px solid #aaa;border-radius:16px;margin:.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.rubrics-modal-warning .modal-content .modal-body .filterDiv .myClassFilterAttDiv .listAllClassFilterAttText{font-size:.8rem;color:#aaa;padding:1rem 0 0 .1rem}.rubrics-modal-warning .modal-content .modal-body .filterDiv .selectedDivClr{border:.5px solid #639be7!important}.rubrics-modal-warning .modal-content .modal-body .filterDiv .selectedTextClr{color:#639be7!important}.rubrics-modal-warning .dateBlock{padding:10px 20px}.rubrics-modal-warning .dateBlock .dateSubBlock{border:1px solid #ddd;background:#f4f6fa;border-radius:5px;padding:12px;display:flex;justify-content:space-between}.rubrics-modal-warning .dateBlock .dateSubBlock .react-datepicker-wrapper{cursor:pointer}.rubrics-modal-warning .dateBlock .dateSubBlock .dayDateTextDiv{width:250px}.rubrics-modal-warning .dateBlock .dateSubBlock .dayDateTextDiv .dayDateText{margin-bottom:0!important;font:normal normal 600 16px/24px Open Sans}.rubrics-modal-warning .dateBlock .dateSubBlock .displayFlexAttClassRoster{display:flex;cursor:pointer;padding-bottom:2px;padding-right:5px}.rubrics-modal-warning .dateBlock .dateSubBlock .displayFlexAttClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed}.rubrics-modal-warning .dateBlock .dateSubBlock .displayFlexAttClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:3px 0 0 3px;cursor:default}.rubrics-modal-warning .dateBlock .dateSubBlock .calMargin{margin:4px 0}.rubrics-modal-warning .dateBlock .dateSubBlocks{border:1px solid #ddd;background:#f4f6fa;border-radius:5px;padding:12px;display:flex;justify-content:space-between;margin-top:15px}.rubrics-modal-warning .dateBlock .dateSubBlocks .react-datepicker-wrapper{cursor:pointer}.rubrics-modal-warning .dateBlock .dateSubBlocks .dayDateTextDiv{width:250px}.rubrics-modal-warning .dateBlock .dateSubBlocks .dayDateTextDiv .dayDateText{margin-bottom:0!important;font:normal normal 600 16px/24px Open Sans}.rubrics-modal-warning .dateBlock .dateSubBlocks .calIcon{align-self:center;cursor:not-allowed}.rubrics-modal-warning .dateBlock .dateSubBlocks .displayFlexAttClassRoster{display:flex;cursor:pointer;padding-bottom:2px;padding-right:5px}.rubrics-modal-warning .dateBlock .dateSubBlocks .displayFlexAttClassRoster .calIcon{align-self:center;cursor:not-allowed}.rubrics-modal-warning .dateBlock .dateSubBlocks .displayFlexAttClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:3px 0 0 3px;cursor:default}.rubrics-modal-warning .dateBlock .dateSubBlocks .calMargin{margin:4px 0}.rubrics-modal-warning .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.rubrics-modal-warning .modal-footer{border:none;justify-content:center}.rubrics-modal-warning .getReport-btn{width:101px;height:38px;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;font:normal normal 600 14px/19px Open Sans}.rubrics-modal-warning .cancelAtt-btn{background-color:#fff!important;font:normal normal 600 14px/19px Open Sans;color:#080808!important;width:101px;height:38px}.rubricBack-modal-warning .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.rubricBack-modal-warning .modal-content{border-radius:8px;width:412px;height:329px;margin:auto;background-color:#fff!important}.rubricBack-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:8px;padding:20px 20px 0!important}.rubricBack-modal-warning .modal-content .modal-body{display:flex;align-items:center;justify-content:center;text-align:center;font:normal normal normal 19px/26px Open Sans;padding-bottom:0}.rubricBack-modal-warning .modal-content .modal-body .warningIcon{width:60px;height:60px}.rubricBack-modal-warning .modal-content .modal-body .waitTitle{text-align:center;padding-top:10px;font:normal normal 600 24px/33px Open Sans;font-weight:600;color:#ff1f1f}.rubricBack-modal-warning .modal-content .modal-body .modalText{width:256px;height:52px;padding-top:25px}.rubricBack-modal-warning .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.rubricBack-modal-warning .modal-footer{border:none;justify-content:center}.rubricBack-modal-warning .getReport-btn{width:120px;height:54px;color:#fff;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;font:normal normal 600 18px/24px Open Sans}.rubricBack-modal-warning .cancelAtt-btn{background-color:#fff!important;font:normal normal normal 19px/26px Open Sans;color:#222!important;width:120px;height:54px}.gradebookClass-modal-warning .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.rubricBackClass-modal-warning .modal-content{border-radius:8px;width:412px;height:329px;margin:auto;background-color:#fff!important}.rubricBackClass-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:8px;padding:20px 20px 0!important}.rubricBackClass-modal-warning .modal-content .modal-body{display:flex;align-items:center;justify-content:center;text-align:center;font:normal normal normal 19px/26px Open Sans;padding-bottom:0}.rubricBackClass-modal-warning .modal-content .modal-body .warningIcon{width:60px;height:60px}.rubricBackClass-modal-warning .modal-content .modal-body .waitTitle{text-align:center;padding-top:10px;font:normal normal 600 24px/33px Open Sans;font-weight:600;color:#ff1f1f}.rubricBackClass-modal-warning .modal-content .modal-body .modalText{width:302px;height:52px;padding-top:0}.rubricBackClass-modal-warning .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.rubricBackClass-modal-warning .modal-footer{border:none;justify-content:center}.rubricBackClass-modal-warning .getReport-btn{width:120px;height:54px;color:#fff;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;font:normal normal 600 18px/24px Open Sans}.rubricBackClass-modal-warning .cancelAtt-btn{background-color:#fff!important;font:normal normal normal 19px/26px Open Sans;color:#222!important;width:120px;height:54px}.rubricsAssesTabContainer{background:#fff;border-radius:7px}.rubricsAssesTabContainer .assessmentMainDiv{display:flex;border-bottom:2px solid #ddd}.rubricsAssesTabContainer .assessmentMainDiv .assessmentHeaderDiv{display:flex;padding:5px;justify-content:center;align-items:center;border-right:2px solid #ddd;flex:.37 1}.rubricsAssesTabContainer .assessmentMainDiv .assessmentHeaderDiv .tableTitles{margin:0;color:#aaa;font:normal normal 600 16px/22px Open Sans!important}.rubricsAssesTabContainer .assessmentMainDiv .assessmentNumbersTitle{display:flex;flex:.79 1;align-items:center;padding:15px 0 15px 15px}.rubricsAssesTabContainer .assessmentMainDiv .assessmentNumbersTitle .beginning{background:#f05f5f;height:35px;display:flex;align-items:center;border-top-left-radius:20px;border-bottom-left-radius:20px;flex:.31 1;justify-content:center}.rubricsAssesTabContainer .assessmentMainDiv .assessmentNumbersTitle .developing{background:#ffd307;height:35px;display:flex;align-items:center;flex:.31 1;justify-content:center}.rubricsAssesTabContainer .assessmentMainDiv .assessmentNumbersTitle .accomplished{background:#ff9c17;height:35px;display:flex;align-items:center;flex:.22 1;justify-content:center}.rubricsAssesTabContainer .assessmentMainDiv .assessmentNumbersTitle .exemplary{background:#80ce4f;height:35px;display:flex;align-items:center;border-top-right-radius:20px;border-bottom-right-radius:20px;flex:.22 1;justify-content:center}.rubricsAssesTabContainer .assessmentMainDiv .assessmentNumbersTitle .nameTexts{margin:0;color:#fff;font:normal normal 600 12px/22px Open Sans!important}.rubricsAssesTabContainer .assessmentMainDiv .verticalLines{display:flex;align-items:center}.rubricsAssesTabContainer .assessmentMainDiv .verticalLines .verticalLine{border-left:2px solid #ddd;height:40px;display:flex;align-items:center;margin:13px}.rubricsAssesTabContainer .assessmentMainDiv .commentsTitle{flex:.51 1;display:flex;justify-content:space-between;align-items:center}.rubricsAssesTabContainer .assessmentMainDiv .commentsTitle .cmtTitleText{margin:0;color:#aaa;font:normal normal 600 16px/22px Open Sans!important}.rubricsAssesTabContainer .assessmentMainDiv .commentsTitle .saveBtn{width:100px;height:28px;background:transparent linear-gradient(90deg,#669fec,#3e72bc) 0 0 no-repeat padding-box;border-radius:8px;margin-left:15px;font:normal normal 600 12px/14px Open Sans;color:#fff;margin-right:15px}.rubricsAssesTabContainer .assessmentMainDiv .commentsTitle .opacityBtn{opacity:.3!important;pointer-events:none}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv{display:flex;border-bottom:2px solid #ddd;width:100%}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criteriaTitle{border-right:2px solid #ddd;flex:.384 1;justify-content:center;align-items:center;display:flex;padding:5px}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criteriaTitle .criteriaText{margin:0;color:#050505;font:normal normal 600 13px/18px Open Sans}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers{display:block!important;padding:15px 0 15px 15px;align-items:center;display:flex;flex:.82 1;overflow:scroll}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv{display:flex;align-items:center;justify-content:space-between;width:100%}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv .numDiv{margin:0;display:flex;justify-content:center;align-items:center}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv .numDiv .beging{background-color:#f05f5f!important;color:#fff}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv .numDiv .develope{background-color:#ffd307!important;color:#fff}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv .numDiv .accomplish{background-color:#ff9c17!important;color:#fff}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv .numDiv .exemp{background-color:#80ce4f!important;color:#fff}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv .numDiv .criteriaNumbers{margin:0;font-weight:600;background:#eaeaea;width:28px;height:28px;border-radius:20px;padding-top:2px;cursor:pointer}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .commentsSection,.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .commentsSection .commentsSectionSpan{margin-top:5px}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .CommentDiv{display:flex}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .CommentDiv .commentText{margin:0;padding-top:10px;color:#777;justify-content:flex-start}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .verticalLines{display:flex;align-items:center}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .verticalLines .verticalLine{border-left:2px solid #ddd;height:40px;display:flex;align-items:center;margin:13px}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .rationalCommentTextDiv{display:flex;padding:10px 10px 10px 0;flex:.5148 1;align-items:center}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .rationalCommentTextDiv .rationalCommentText{width:80%;border:1px solid #ddd;height:40px;padding-left:10px;background:#f4f6fa;border-radius:5px;color:#000;font-size:.88rem;font-weight:600;width:100%}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .rationalCommentTextDiv .saveBtn{width:100px;height:28px;background:transparent linear-gradient(90deg,#669fec,#3e72bc) 0 0 no-repeat padding-box;border-radius:8px;margin-left:15px;font:normal normal 600 12px/14px Open Sans;color:#fff}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .rationalCommentTextDiv .opacityBtn{opacity:.3!important}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .rationalCommentTextDiv .saveBtn:active,.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .rationalCommentTextDiv .saveBtn:focus{outline:none;box-shadow:none}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv input::placeholder{font-size:.95rem;font-weight:200;color:#cec6c6}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv input[type=text]:focus,.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv textarea:focus{outline:none}.rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv:last-child{border-bottom-left-radius:7px;border-bottom-right-radius:7px}.rubricsAssesTabContainer .dfltCursor{cursor:default!important}.avgScoreDiv{margin:0 25px;height:40px;background:#fff;display:flex;align-items:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.avgScoreDiv .avgText{margin:0 15px;color:#aaa;flex:.97 1;display:flex;font:normal normal 600 14px/22px Open Sans!important}.avgScoreDiv .avgTextScore{margin:0;color:#111010;flex:.18 1;display:flex;justify-content:flex-start;font:normal normal 600 15px/22px Open Sans!important;padding-left:5px}.avgScoreDiv .saveBtn{margin:0 5px 0 0;flex:.09 1;width:70px;color:#fff}.avgScoreDiv .editScoreBtn,.avgScoreDiv .saveBtn{height:28px;background:transparent linear-gradient(90deg,#669fec,#3e72bc) 0 0 no-repeat padding-box;border-radius:8px;font:normal normal 600 12px/14px Open Sans}.avgScoreDiv .editScoreBtn{width:100px;margin-left:15px;color:#fff!important}.avgScoreDiv .opacityBtn{opacity:.3!important;cursor:default!important}.rubrics-scores-input-popover{left:60px!important;top:-62px!important;min-height:78px!important;border-radius:0!important;padding:5px!important;box-shadow:0 0 15px rgba(34,34,34,.2);border:#fff!important;width:240px!important}.rubrics-scores-input-popover .popover-body{min-height:68px!important}.rubrics-scores-input-popover .popover-body .closeIcon{float:right;cursor:pointer}.rubrics-scores-input-popover .popover-body .input-box{width:80px;height:38px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ccc;border-radius:5px;float:left;margin-top:15px;margin-left:0;text-align:center}.rubrics-scores-input-popover .popover-body .addCommentBtn{margin-top:14px}.rubrics-scores-input-popover .popover-body .addCommentBtn:active,.rubrics-scores-input-popover .popover-body .addCommentBtn:focus{outline:none;box-shadow:none}.rubrics-scores-input-popover .popover-body .saveBtn{margin-top:5px;margin-left:63px}.rubrics-scores-input-popover .popover-body .saveBtn,.rubrics-scores-input-popover .popover-body .saveBtnWhenComment{width:70px;height:28px;background:transparent linear-gradient(90deg,#669fec,#3e72bc) 0 0 no-repeat padding-box;border-radius:8px;font:normal normal 600 12px/14px Open Sans;color:#fff}.rubrics-scores-input-popover .popover-body .saveBtnWhenComment{margin-top:20px;margin-left:30px}.rubrics-scores-input-popover .popover-body .saveBtn:active,.rubrics-scores-input-popover .popover-body .saveBtn:focus{outline:none;box-shadow:none}.rubrics-scores-input-popover .popover-body .score-color-popover-positioned{margin-top:-25px;margin-left:15px}.rubrics-scores-input-popover .popover-body .score-color-popover-positioned .arrow{display:block!important;left:77px!important}.rubrics-scores-input-popover .popover-body textarea{width:200px;border-radius:5px;background:#f4f6fa 0 0 no-repeat padding-box;border:.75px solid #ccc;margin:15px auto;font:normal normal normal 12px/17px Open Sans;color:#222}.rubricsContainer .table-Fix-Size{height:75.1vh;background:none!important;overflow:auto}.rubricsContainer .table-rubrics{display:flex;flex-direction:column;margin:15px 0 0;overflow:hidden}.rubricsContainer .table-rubrics .noGradebookDataText{color:#aaa;font-size:2rem;font-weight:600;margin-top:10%}.rubricsContainer .table-rubrics .table-rubrics-table{display:flex;flex-direction:row;max-height:auto}.rubricsContainer .table-rubrics .table-rubrics{flex-direction:row;display:flex}.rubricsContainer .table-rubrics .table-Average-section{display:flex;overflow:hidden;overflow-y:scroll;overflow-x:auto;width:calc(87vw - 220px)}.rubricsContainer .table-rubrics .table-Average-section .data-title{background:rgba(56,108,181,.1098039216);border:1px solid #ccc;border-top-style:none;width:122.5px}.rubricsContainer .table-rubrics .table-left-section-Average{width:315px;background-color:transparent;border:none}.rubricsContainer .table-rubrics .table-left-section{flex:.2 1;background-color:#fff;border:1px solid #ccc;margin-right:15px;box-shadow:6px 6px 9px rgba(34,34,34,.1019607843)!important;min-height:401px;height:73.3vh;overflow:auto;border-radius:7px}.rubricsContainer .table-rubrics .table-left-section .header-title{height:50px!important;background:#eee;border:none;display:flex;justify-content:center;align-items:center}.rubricsContainer .table-rubrics .table-left-section .header-title label{font:italic normal normal 12px/17px Open Sans;color:#777;margin:12px;text-align:left;font-weight:600}.rubricsContainer .table-rubrics .table-left-section .profile{text-align:left;margin:auto;display:flex;width:100%;padding-left:10px}.rubricsContainer .table-rubrics .table-left-section .profile .profileDummyRosterProfile{width:3.3rem;height:3.3rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;opacity:.8;cursor:pointer}.rubricsContainer .table-rubrics .table-left-section .profile .profileDummyRosterProfile .rosterProfileImageText{color:#fff;padding-top:28%;text-transform:uppercase}.rubricsContainer .table-rubrics .table-left-section .profile .opaqueProf{opacity:.3!important;pointer-events:none;cursor:default!important}.rubricsContainer .table-rubrics .table-left-section .profile .profile-img{width:50px;height:50px;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;border-radius:50rem;cursor:pointer}.rubricsContainer .table-rubrics .table-left-section .profile .nameLable{font:normal normal 600 13px/18px Open Sans;color:#222;font-weight:600;margin:auto auto auto 8px;cursor:default!important;pointer-events:none}.rubricsContainer .table-rubrics .table-left-section .profile .emojiIconsRub{display:flex;align-items:center;margin:0 10px;cursor:pointer}.rubricsContainer .table-rubrics .table-left-section .profile .emojiIconsRub .avgScoresText{margin:0 .5rem 0 0;font-size:.9rem;text-align:left;cursor:default;font-weight:600}.rubricsContainer .table-rubrics .table-left-section .profile .emojiIconsRub .begin{color:#f05f5f}.rubricsContainer .table-rubrics .table-left-section .profile .emojiIconsRub .develope{color:#ffd307}.rubricsContainer .table-rubrics .table-left-section .profile .emojiIconsRub .accomplish{color:#ff9c17}.rubricsContainer .table-rubrics .table-left-section .profile .emojiIconsRub .exemplar{color:#80ce4f}.rubricsContainer .table-rubrics .tableRightSection{flex:.8 1;width:calc(80vw - 220px);min-height:401px;height:66.4vh;overflow:auto}.rubricsContainer .table-rubrics .tableRightSection .NoneSelected{padding-top:200px;color:#aaa;font:normal normal 600 24px/22px Open Sans!important}.rubricsContainer .table-rubrics .forNoneData{align-items:center}.rubricsContainer .table-rubrics .headerStyle{height:78px;border-bottom:1px solid #ccc;display:flex}.rubricsContainer .table-rubrics .selectedProfile{background:#e3ebf6}.rubricsContainer .table-rubrics .avg-row-header{background:rgba(56,108,181,.1098039216);border-color:#ccc;border-style:none none solid solid;border-width:1px;height:50px;margin:auto;font:normal normal 600 16px/22px Open Sans!important;text-align:left;padding:12px 20px}.rubAbsent-modal-warning .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.rubAbsent-modal-warning .modal-content{border-radius:8px;width:302px;margin:auto;background-color:#fff!important}.rubAbsent-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:8px;padding:20px 20px 0!important}.rubAbsent-modal-warning .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans}.rubAbsent-modal-warning .dateBlock{padding:10px 20px}.rubAbsent-modal-warning .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.rubAbsent-modal-warning .modal-footer{border:none;justify-content:center}.rubAbsent-modal-warning .getReport-btn{width:101px;height:38px;color:#fff;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;font:normal normal 600 14px/19px Open Sans}.rubAbsent-modal-warning .cancelAtt-btn{background-color:#fff!important;font:normal normal 600 14px/19px Open Sans;color:#080808!important;width:101px;height:38px}.addNewRubricsContainer{background:#f0f0f0;height:100%;overflow-x:hidden;padding:0 2.5rem}.addNewRubricsContainer .addRubricsMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border-radius:0 0 8px 8px;opacity:1;height:80px}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain{display:flex;align-items:center;flex:2 1}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .ClassBackDiv{width:40px;height:40px;display:flex;justify-content:center;align-items:center;padding:.8rem;background:transparent linear-gradient(90deg,#669fed,#386cb5) 0 0 no-repeat padding-box;border-radius:6px;opacity:1;cursor:pointer}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .rubricSeperator{width:1px;height:40px;border-left:2px solid #ddd;align-self:center;margin-left:20px;margin-right:20px}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .rubricBackDiv{display:flex;margin-top:20px}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .rubricBackDiv .rubricGrade1,.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .rubricBackDiv .rubricGrade2{color:#487fcc;margin-bottom:20px;font-size:1rem;font-weight:600;text-align:left;cursor:pointer}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .rubricBackDiv .rubricForIcon{color:#487fcc;font-weight:500;cursor:default}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .rubricBackDiv .rubricGrade3{color:#222;margin-bottom:20px;font-size:1rem;font-weight:600;text-align:left}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .importClassBackDiv{width:40px;height:40px;display:flex;justify-content:center;align-items:center;padding:.8rem;background:transparent linear-gradient(90deg,#669fed,#386cb5) 0 0 no-repeat padding-box;border-radius:6px;opacity:1;cursor:pointer}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .importBackIcon,.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .lessonBackIcon{font-size:1.3rem;padding-top:2px;color:#fff}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .lessonClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv{margin-left:1rem;flex:1.6 1;border-left:2.5px solid #eee;padding:0 0 0 1rem;height:50px;display:inline-grid;align-items:center}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .firstDetailsDiv{display:grid}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .head,.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .head2{color:#222;margin-bottom:0;font-size:1rem;font-weight:600;text-align:left}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .importHead{font:normal normal 600 20px/27px Open Sans;letter-spacing:0;color:#222;opacity:1;text-transform:capitalize;text-align:left;margin:0}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .importHead2{font-size:16px;letter-spacing:0;color:#222;opacity:1;text-transform:capitalize;text-align:left;margin:-4px 0 0;font-weight:600}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .displayFlexClassRoster{display:flex;cursor:pointer}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .displayFlexClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .displayFlexClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:16px;text-align:left;padding:8px 0 0;cursor:default;font-weight:600}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .displayFlexClassRoster .topicHead{color:#070707;margin:0 .5rem 0 0;font-size:16px;text-align:left;padding:0;cursor:default;font-weight:600}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .displayFlexClassRoster .topicTextName{color:#2e4aeb;margin:0 .5rem 0 0;font-size:16px;text-align:left;padding:0;cursor:default;font-weight:600}.addNewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .displayFlexClassRoster .topicDate{color:#888;margin:0 .5rem 0 0;font-size:16px;text-align:left;padding:0;cursor:default;font-weight:600}.addNewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt{padding-right:12px;display:flex;align-items:center}.addNewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .undoSelects{width:100px;height:40px;border-radius:8px;background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;opacity:1;margin-right:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;padding-right:2px}.addNewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .undoSelects .iconText{padding:1rem 0 0;color:#fff;font-size:.9rem}.addNewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .opacityFadeUndo{opacity:.3;cursor:default;pointer-events:none}.addNewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .confirmSlectDiv{width:100px;height:40px;border-radius:8px;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;cursor:pointer;justify-content:center;display:flex;align-items:center}.addNewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .confirmSlectDiv .confirmedIcon{color:#fff;font-size:1.2rem;padding-right:2px}.addNewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .confirmSlectDiv .iconText{color:#fff;font-size:.9rem;margin:0 0 0 5px!important}.addNewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .opacityFade{opacity:.4;pointer-events:none;cursor:default!important}.addNewRubricsContainer .addRubricsMainDiv .buttonMarginTop{display:flex;align-items:center}.addNewRubricsContainer .addRubricsMainDiv .buttonMarginTop .addNewLesson{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box}.addNewRubricsContainer .addRubricsMainDiv .buttonMarginTop .addNewLesson,.addNewRubricsContainer .addRubricsMainDiv .buttonMarginTop .addNewLessonFade{width:140px;height:40px;border-radius:8px;padding:.6rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.addNewRubricsContainer .addRubricsMainDiv .buttonMarginTop .addNewLessonFade{background:transparent linear-gradient(270deg,#a7e9a5,#a7e9a5) 0 0 no-repeat padding-box;pointer-events:none}.addNewRubricsContainer .addRubricsMainDiv .buttonMarginTop .editBtnAsses{width:130px;height:40px;border-radius:8px;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;margin:.1rem 1.3rem .1rem .3rem}.addNewRubricsContainer .addRubricsMainDiv .buttonMarginTop .editBtnAsses,.addNewRubricsContainer .addRubricsMainDiv .buttonMarginTop .editFade{padding:.6rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important}.addNewRubricsContainer .addRubricsMainDiv .buttonMarginTop .editFade{width:11rem!important;height:2.5rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#709cda,#94a7c2) 0 0 no-repeat padding-box;margin:.1rem .3rem}.addNewRubricsContainer .addRubricsMainDiv .buttonMarginTop .pencilIcon{width:1.1rem;margin-top:.2rem}.addNewRubricsContainer .addRubricsMainDiv .buttonMarginTop .lessonIcons{width:1.1rem;margin-top:.4rem}.addNewRubricsContainer .addRubricsMainDiv .buttonMarginTop .viewAttText{color:#fff;font-size:.9rem;margin-left:.5rem}.addNewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.addNewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .lessonClassName{margin:0;font-size:1rem;font-weight:600;text-align:left}.addNewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson{display:flex;cursor:pointer}.addNewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .calIcon{align-self:center;cursor:default;cursor:not-allowed}.addNewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .lessonClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0 5px;cursor:default}.addNewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited{display:inline-flex;flex-wrap:wrap;cursor:default;align-items:center}.addNewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.addNewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited .head{color:#386cb5;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0}.addNewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .attClassGrades{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:1px 0 0 5px;cursor:default;font-weight:600}.addNewRubricsContainer .planTitleMainDiv{background-color:#fff;border-radius:8px;margin:15px 0}.addNewRubricsContainer .planTitleMainDiv .planTitleDiv{flex-wrap:wrap;width:100%;display:flex;justify-content:flex-start}.addNewRubricsContainer .planTitleMainDiv .planTitleDiv .planTitle{flex:.25 1;padding:15px 20px}.addNewRubricsContainer .planTitleMainDiv .planTitleDiv .planTitle .headTitlesPlan{margin:0;font-size:.85rem;font-weight:600;text-align:left}.addNewRubricsContainer .planTitleMainDiv .planTitleDiv .planTitle .mailDiv{height:40px;border-radius:5px;border:.75px solid #ddd;background-color:#f4f6fa;font-size:.95rem;padding-left:10px;display:flex;margin-top:15px;width:100%;outline:none}.addNewRubricsContainer .planTitleMainDiv .planTitleDiv .planTitle input::placeholder{font-size:.95rem;font-weight:200;color:#cec6c6}.addNewRubricsContainer .planTitleMainDiv .planTitleDiv .planDateTitle{flex:.15 1;padding:15px 20px}.addNewRubricsContainer .planTitleMainDiv .planTitleDiv .planDateTitle .headTitlesPlan{margin:0;font-size:.85rem;font-weight:600;text-align:left}.addNewRubricsContainer .planTitleMainDiv .planTitleDiv .planDateTitle .dateSubBlock{border:.75px solid #ddd;background:#f4f6fa;border-radius:5px;padding:7px;display:flex;justify-content:space-between;margin-top:14px;width:67%}.addNewRubricsContainer .planTitleMainDiv .planTitleDiv .planDateTitle .dateSubBlock .react-datepicker-wrapper{cursor:pointer}.addNewRubricsContainer .planTitleMainDiv .planTitleDiv .planDateTitle .dateSubBlock .dayDateTextDiv{width:206px}.addNewRubricsContainer .planTitleMainDiv .planTitleDiv .planDateTitle .dateSubBlock .dayDateTextDiv .dayDateText{text-align:left;margin-bottom:0!important;font:normal normal 600 16px/24px Open Sans}.addNewRubricsContainer .planTitleMainDiv .planTitleDiv .planDateTitle .dateSubBlock .calMargin{margin:4px 0}.addNewRubricsContainer .planTitleMainDiv .importClassDiv{display:flex;justify-content:flex-start;padding-left:20px;padding-bottom:10px}.addNewRubricsContainer .planTitleMainDiv .importClassDiv .importClassText{font:normal normal normal 12px/17px Open Sans;letter-spacing:0;color:#777;opacity:1;margin-bottom:0!important}.addNewRubricsContainer .criteriaMainDiv{flex-wrap:wrap;width:100%;background-color:#fff;border-radius:8px;margin:15px 0}.addNewRubricsContainer .criteriaMainDiv .criteriaTitleDiv{display:flex;align-items:center;padding:20px 20px 0}.addNewRubricsContainer .criteriaMainDiv .criteriaTitleDiv .criteriaTitleText{margin:0;font-size:1rem;font-weight:600;text-align:left}.addNewRubricsContainer .criteriaMainDiv .criteriaTitleDiv .limitationText{font-size:.79rem;font-weight:600;text-align:left;padding-left:5px;color:#aaa;margin:2px 0 0}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainsDiv .rationalInputsBox{height:auto;padding:10px;background-color:#fff;border-radius:10px;border-top-left-radius:0;border-top-right-radius:0;display:flex;flex-wrap:wrap}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainsDiv .rationalInputsBox .rationalInputTextsDiv{display:flex;padding:10px 10px 10px 3px;width:495px;margin-right:60px;align-items:center}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainsDiv .rationalInputsBox .rationalInputTextsDiv .indexingNo{flex:.07 1;color:#aaa;font-weight:600;padding-right:5px;margin:0!important}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainsDiv .rationalInputsBox .rationalInputTextsDiv .rationalInputTexts{width:80%;border:.75px solid #ddd;height:40px;padding-left:10px;flex:.8 1;background:#f4f6fa;border-radius:5px;color:#000;font-size:.88rem;font-weight:600}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainsDiv .rationalInputsBox input::placeholder{font-size:.95rem;font-weight:200;color:#cec6c6}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainsDiv .rationalInputsBox input[type=text]:focus,.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainsDiv .rationalInputsBox textarea:focus{outline:none}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainsDiv .rationalInputsBox .rationalSubTitle{display:flex;margin-bottom:0;color:#386cb5;font-size:.88rem;font-weight:600;cursor:pointer;padding:0 0 0 15px}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalInputBox{height:auto;padding:10px;background-color:#fff;border-radius:10px;border-top-left-radius:0;border-top-right-radius:0;display:flex;flex-wrap:wrap}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalInputBox .rationalInputTextDiv{display:flex;padding:10px 10px 10px 3px;width:433px;margin-right:199px;align-items:center}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalInputBox .rationalInputTextDiv .indexingNo{flex:.07 1;color:#aaa;font-weight:600;padding-right:5px;margin:0!important}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalInputBox .rationalInputTextDiv .rationalInputText{width:80%;border:.75px solid #ddd;height:40px;padding-left:10px;flex:.8 1;background:#f4f6fa;border-radius:5px;color:#000;font-size:.88rem;font-weight:600}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalInputBox .rationalInputTextDiv .removeDiv{display:flex;padding-left:15px;cursor:pointer}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalInputBox .rationalInputTextDiv .removeDiv .removeText{font-size:.89rem;font-weight:600;color:red;margin:2px 0 0 5px}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalInputBox .rationalInputTextDiv:first-of-type{width:402px;margin-right:229px}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalInputBox input::placeholder{font-size:.95rem;font-weight:200;color:#cec6c6}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalInputBox input[type=text]:focus,.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalInputBox textarea:focus{outline:none}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalInputBox .rationalSubTitle{display:flex;margin-bottom:0;color:#386cb5;font-size:.88rem;font-weight:600;cursor:pointer}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalTitleBox{background-color:#669fed;height:42px;border-radius:10px;align-items:center;display:flex;justify-content:space-between}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalTitleBox .rationalTitle{padding-left:10px;margin-bottom:0;color:#fff;font-size:.98rem;font-weight:600}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalTitleBox .rationalSubTitle{padding-left:10px;padding-right:10px;margin-bottom:0;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer}.addNewRubricsContainer .criteriaMainDiv .criteriaInputsMainDiv .rationalSubTitle{display:flex;margin-bottom:0;color:#386cb5;font-size:.88rem;font-weight:600;cursor:pointer;padding:0 0 20px 40px}@media only screen and (min-width:357px)and (max-width:820px){.addNewRubricsContainer .addRubricsMainDiv{flex-wrap:wrap}}.generateAIBtnRurbicsDiv .generateAIBtnRurbicsDiv_button{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box!important;width:10.75rem;font:normal normal normal 14px/19px Open Sans!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:flex!important;justify-content:center!important;margin-bottom:20px}.rubricsModalHeader p{text-align:center;font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#222}.criteriamodalbody p{text-align:left;font:normal normal 600 13px/18px Open Sans;letter-spacing:0;color:#aaa;opacity:1}.customDiscreetSlider .MuiSlider-root{color:#e5e5e5}.customDiscreetSlider .MuiSlider-track{background-color:#669fed}.customDiscreetSlider .MuiSlider-rail{background-color:#e5e5e5;opacity:1}.customDiscreetSlider .MuiSlider-thumb{color:#fff;border-color:#070707}.customDiscreetSlider .MuiSlider-mark{top:63%;height:5px;color:#ccc}.customDiscreetSlider .MuiSlider-root span[data-index="4"].MuiSlider-mark{display:none}.customDiscreetScoreSlider .MuiSlider-root{color:#e5e5e5!important}.customDiscreetScoreSlider .MuiSlider-track{background-color:#669fed!important}.customDiscreetScoreSlider .MuiSlider-rail{background-color:#e5e5e5!important;opacity:1}.customDiscreetScoreSlider .MuiSlider-thumb{color:#fff!important;border-color:#070707!important}.customDiscreetScoreSlider .MuiSlider-mark{top:63%;height:5px;color:#ccc}.customDiscreetScoreSlider .css-1aznpnh-MuiSlider-root span[data-index="9"].MuiSlider-mark{display:none!important}.RubricsgenerateModal .modal-content{padding:20px}.RubricsgenerateModal .proceed-btn{background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box;border-radius:8px;width:107px;height:40px;text-align:center;font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#fff;opacity:1}.generateBtnContainer{width:6.25rem!important;height:2.5rem!important;border-radius:.5rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important}.viewRubricsMainContainer .viewRubricsContainer{background:#f0f0f0;height:100%;overflow-x:hidden;padding:0 2.5rem 1rem}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv{width:100%;justify-content:space-between;display:flex;padding:1rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border-radius:0 0 8px 8px;opacity:1}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain{display:flex;align-items:center;flex:2 1}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .ClassBackRubDiv{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:.8rem;background:transparent linear-gradient(90deg,#669fed,#386cb5) 0 0 no-repeat padding-box;border-radius:6px;opacity:1}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .lessonBackIcon{font-size:1.6rem;padding-top:2px;text-align:left;font:normal normal normal 16px/19px Font Awesome 5 Free;letter-spacing:0;color:#fff;opacity:1}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .lessonClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .RubricSeprator{width:1px;height:40px;border-left:2px solid #ddd;align-self:center;margin-left:20px;margin-right:20px}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv{flex:1.6 1;padding:.3rem 0 0}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .firstDetailsDiv{display:grid}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .head{color:#386cb5;text-transform:capitalize;text-align:left;font:normal normal 600 14px/14px Open Sans;margin:0}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .displayFlexClassRoster{display:flex;cursor:pointer}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .displayFlexClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .displayFlexClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.9rem;text-align:left;padding:8px 0 0;cursor:default;font-weight:600}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .displayFlexClassRoster .topicHead{color:#070707;margin:0 .5rem 0 0;font-size:.9rem;text-align:left;padding:8px 0 0;cursor:default;font-weight:600}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .displayFlexClassRoster .topicTextName{color:#2e4aeb;margin:0 .5rem 0 0;font-size:.9rem;text-align:left;padding:8px 0 0;cursor:default;font-weight:600}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .RubricsDetailsMain .attClassDetailTextDiv .displayFlexClassRoster .topicDate{color:#888;margin:0 .5rem 0 0;font-size:.9rem;text-align:left;padding:8px 0 0;cursor:default;font-weight:600}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt{padding-right:12px;display:flex;align-items:center}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .undoSelects{width:6.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:10rem;opacity:1;margin-right:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .undoSelects .iconText{padding:1rem 0 0;color:#fff;font-size:.9rem}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .opacityFadeUndo{opacity:.3;cursor:default;pointer-events:none}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .confirmSlectDiv{width:6.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;border-radius:10rem;cursor:pointer;justify-content:center;display:flex;align-items:center}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .confirmSlectDiv .confirmedIcon{color:#fff;font-size:1.2rem}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .confirmSlectDiv .iconText{color:#fff;font-size:.9rem;margin:0 0 0 5px!important}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .displayFlexInSeletAtt .opacityFade{opacity:.4;pointer-events:none}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .buttonMarginTop{display:flex;align-items:center}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .buttonMarginTop .addNewLesson{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .buttonMarginTop .addNewLesson,.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .buttonMarginTop .addNewLessonFade{width:11rem!important;height:2.5rem!important;border-radius:2rem!important;padding:.6rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .buttonMarginTop .addNewLessonFade{background:transparent linear-gradient(270deg,#a7e9a5,#a7e9a5) 0 0 no-repeat padding-box;pointer-events:none}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .buttonMarginTop .editBtnAsses{width:11.5rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem 1.3rem .1rem .3rem}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .buttonMarginTop .editBtnAsses .viewIconDwnload{margin-top:4px}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .buttonMarginTop .editFade{width:11rem!important;height:2.5rem!important;border-radius:2rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#709cda,#94a7c2) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .buttonMarginTop .pencilIcon{width:1.1rem;margin-top:.2rem}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .buttonMarginTop .lessonIcons{width:1.1rem;margin-top:.4rem}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .buttonMarginTop .viewAttText{color:#fff;font-size:.9rem;margin-left:.5rem}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .lessonClassName{margin:0;font-size:1rem;font-weight:600;text-align:left}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson{display:flex;cursor:pointer}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .calIcon{align-self:center;cursor:default;cursor:not-allowed}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .lessonClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0 5px;cursor:default}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited{display:inline-flex;flex-wrap:wrap;cursor:default;align-items:center}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited .head{color:#487fcc;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0}.viewRubricsMainContainer .viewRubricsContainer .addRubricsMainDiv .lessonDetailTextDiv .displayFlexClassLesson .attClassGrades{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:1px 0 0 5px;cursor:default;font-weight:600}.viewRubricsMainContainer .viewRubricsContainer .table-Fix-Size{height:66.4vh;background:none!important;overflow:auto}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics{display:flex;flex-direction:column;margin:15px 0 0}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .noGradebookDataText{color:#aaa;font-size:2rem;font-weight:600;margin-top:10%}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-rubrics-table{display:flex;flex-direction:row;max-height:auto}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-rubrics{flex-direction:row;display:flex}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-Average-section{display:flex;overflow:hidden;overflow-y:scroll;overflow-x:auto;width:calc(87vw - 220px)}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-Average-section .data-title{background:rgba(56,108,181,.1098039216);border:1px solid #ccc;border-top-style:none;width:122.5px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section-Average{width:315px;background-color:transparent;border:none}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section{flex:.2 1;background-color:#fff;border:1px solid #ccc;margin-right:15px;box-shadow:6px 6px 9px rgba(34,34,34,.1019607843)!important;min-height:401px;height:66.4vh;overflow:auto;border-radius:7px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .header-title{height:50px!important;background:#eee;border:none;display:flex;justify-content:center;align-items:center}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .header-title label{font:italic normal normal 12px/17px Open Sans;color:#777;margin:12px;text-align:left;font-weight:600}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .profile{text-align:left;display:flex;width:100%;align-items:center;padding:10px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .profile .profileDummyRosterProfile{width:3.3rem;height:3.3rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;opacity:.8}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .profile .profileDummyRosterProfile .rosterProfileImageText{color:#fff;padding-top:28%;text-transform:uppercase}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .profile .opaqueProf{opacity:.3!important;pointer-events:none;cursor:default!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .profile .profile-img{width:50px;height:50px;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;border-radius:50rem}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .profile .nameLable{font:normal normal 600 13px/18px Open Sans;color:#222;font-weight:600;flex:.9 1;padding-left:8px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .profile .emojiIconsRub{display:flex;align-items:center;flex:.2 1}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .profile .emojiIconsRub .avgScoresText{margin:0 .5rem 0 0;font-size:.9rem;text-align:left;cursor:default;font-weight:600}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .profile .emojiIconsRub .begin{color:#f05f5f}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .profile .emojiIconsRub .develope{color:#ffd307}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .profile .emojiIconsRub .accomplish{color:#ff9c17}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .table-left-section .profile .emojiIconsRub .exemplar{color:#80ce4f}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection{width:calc(80vw - 220px);flex:.8 1;min-height:401px;height:66.4vh;overflow:auto}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .NoneSelected{padding-top:200px;color:#aaa;font:normal normal 600 24px/22px Open Sans!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer{background:#fff;border-top-left-radius:7px;border-top-right-radius:7px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv{display:flex;border-bottom:2px solid #ddd}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .assessmentHeaderDiv{display:flex;padding:5px;justify-content:center;align-items:center;border-right:2px solid #ddd;flex:.7 1}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .assessmentHeaderDiv .tableTitles{margin:0;color:#aaa;font:normal normal 600 16px/22px Open Sans!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .assessmentNumbersTitle{display:flex;flex:1.63 1;align-items:center;padding:15px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .assessmentNumbersTitle .beginning{background:#f05f5f;height:35px;display:flex;align-items:center;border-top-left-radius:20px;border-bottom-left-radius:20px;flex:.31 1;justify-content:center}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .assessmentNumbersTitle .developing{background:#ffd307;height:35px;display:flex;align-items:center;flex:.31 1;justify-content:center}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .assessmentNumbersTitle .accomplished{background:#ff9c17;height:35px;display:flex;align-items:center;flex:.22 1;justify-content:center}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .assessmentNumbersTitle .exemplary{background:#80ce4f;height:35px;display:flex;align-items:center;border-top-right-radius:20px;border-bottom-right-radius:20px;flex:.22 1;justify-content:center}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .assessmentNumbersTitle .nameTexts{margin:0;color:#fff;font:normal normal 600 12px/22px Open Sans!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .verticalLines{display:flex;align-items:center}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .verticalLines .verticalLine{border-left:2px solid #ddd;height:40px;display:flex;align-items:center;margin:13px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .commentsTitle{flex:.9 1;display:flex;justify-content:space-between;align-items:center}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .commentsTitle .cmtTitleText{margin:0;color:#aaa;font:normal normal 600 16px/22px Open Sans!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .commentsTitle .saveBtn{width:100px;height:28px;background:transparent linear-gradient(90deg,#669fec,#3e72bc) 0 0 no-repeat padding-box;border-radius:14px;margin-left:15px;font:normal normal 600 12px/14px Open Sans;color:#fff;margin-right:15px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDiv .commentsTitle .opacityBtn{opacity:.3!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv{display:flex;border-bottom:2px solid #ddd}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criteriaTitle{min-width:314px;border-right:2px solid #ddd;flex:.7 1!important;justify-content:center;align-items:center;display:flex;padding:5px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criteriaTitle .criteriaText{margin:0;color:#050505;font:normal normal 600 13px/18px Open Sans}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers{display:block!important;padding:15px;flex:1.63 1!important;align-items:center;display:flex}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:default!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv .numDiv{margin:0;display:flex;justify-content:center;align-items:center;cursor:default!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv .numDiv .beging{background-color:#f05f5f!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv .numDiv .develope{background-color:#ffd307!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv .numDiv .accomplish{background-color:#ff9c17!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv .numDiv .exemp{background-color:#80ce4f!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .numbersDiv .numDiv .criteriaNumbers{margin:0;font-weight:600;background:#eaeaea;width:28px;height:28px;border-radius:20px;padding-top:2px;cursor:default!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .commentsSection{display:flex;margin-top:5px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .commentsSection .noCmt{color:#aaa;font:italic 600 13px/23px Open Sans!important;margin:0;align-self:flex-start;position:relative;top:8px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .commentsSection .commentsSectionSpan{margin-top:5px;display:flex}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .commentsSection .commentsSectionSpan .cmtTitle{color:#767171;font:normal 600 13px/23px Open Sans!important;margin:0;align-self:flex-start;padding-right:5px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .commentsSection .commentsSectionSpan .cmtText{color:#aaa;font:normal 600 13px/23px Open Sans!important;margin:0;align-self:flex-start;width:800px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .CommentDiv{display:flex}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .criNumbers .CommentDiv .commentText{margin:0;padding-top:10px;color:#777;justify-content:flex-start}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .verticalLines{display:flex;align-items:center}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .verticalLines .verticalLine{border-left:2px solid #ddd;height:40px;display:flex;align-items:center;margin:13px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .rationalCommentTextDiv{display:flex;padding:10px;width:239px;flex:.98 1;align-items:center}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .rationalCommentTextDiv .rationalCommentText{width:80%;border:1px solid #ddd;height:40px;padding-left:10px;background:#f4f6fa;border-radius:5px;color:#000;font-size:.88rem;font-weight:600;width:350px}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .rationalCommentTextDiv .saveBtn{width:100px;height:28px;background:transparent linear-gradient(90deg,#669fec,#3e72bc) 0 0 no-repeat padding-box;border-radius:14px;margin-left:15px;font:normal normal 600 12px/14px Open Sans;color:#fff}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .rationalCommentTextDiv .opacityBtn{opacity:.3!important}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .rationalCommentTextDiv .saveBtn:active,.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv .rationalCommentTextDiv .saveBtn:focus{outline:none;box-shadow:none}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv input::placeholder{font-size:.95rem;font-weight:200;color:#cec6c6}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv input[type=text]:focus,.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .tableRightSection .rubricsAssesTabContainer .assessmentMainDataDiv .mainAssessDiv textarea:focus{outline:none}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .forNoneData{align-items:center}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .headerStyle{height:80px;border-bottom:1px solid #ccc;display:flex;cursor:pointer}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .selectedProfile{background:#e3ebf6}.viewRubricsMainContainer .viewRubricsContainer .table-rubrics .avg-row-header{background:rgba(56,108,181,.1098039216);border-color:#ccc;border-style:none none solid solid;border-width:1px;height:50px;margin:auto;font:normal normal 600 16px/22px Open Sans!important;text-align:left;padding:12px 20px}.viewRubricsMainContainer .PreviewAttContainer{background:#f0f0f0;height:100%;overflow-x:hidden;padding:0 2.5rem 1rem}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv{width:100%;justify-content:space-between;display:flex;padding:1rem;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border-radius:0 0 8px 8px;opacity:1}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain{display:flex;align-items:center}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .rubClassBackDiv{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:.8rem;background:transparent linear-gradient(90deg,#669fed,#386cb5) 0 0 no-repeat padding-box;border-radius:6px;opacity:1}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .attClassBackIcon{font-size:1.3rem;padding-top:2px;color:#fff}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .classAttendaceDetailsMain .attClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop{display:flex;align-items:center}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .editAttBtn{width:5.3rem!important;height:2.5rem!important;border-radius:2rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .opacityBtn{opacity:.4;cursor:default}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttPreDiv{width:6rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .8rem .1rem .3rem}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttPreDiv .viewAttIcons{width:1rem;margin-top:.3rem}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .downloadPreDiv{width:7.5rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .downloadPreDiv .viewAttIcons{width:1rem;margin-top:.3rem}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .pencilAttIcon,.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttIcon{width:1rem;margin-top:.2rem}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .viewAttText{color:#fff;font-size:.9rem;margin-left:.5rem}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .displayFlexInSeletAtt{padding-right:20px;display:flex}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .buttonMarginTop .displayFlexInSeletAtt .undoSelect{width:2.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:10rem;opacity:1;margin-right:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .RubricSeprator{width:1px;height:40px;border-left:2px solid #ddd;align-self:center;margin-left:20px;margin-right:20px}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv{padding:0}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .attClassName{margin:0;font-size:1rem;font-weight:600;text-align:left;color:#386cb5}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster{display:flex;cursor:pointer}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0 5px;cursor:default}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .headingForEdited{display:inline-flex;flex-wrap:wrap;cursor:default;align-items:center}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .headingForEdited .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .headingForEdited .head{color:#386cb5;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0}.viewRubricsMainContainer .PreviewAttContainer .ClassAttendanceMainDiv .attClassDetailTextDiv .displayFlexClassRoster .attClassPreGrades{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:3px 0 0 11px;cursor:default;font-weight:600;font-style:italic}.viewRubricsMainContainer .PreviewAttContainer .showFlex{display:flex}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .noneStudents{color:#aaa;font:normal normal 600 20px/14px Open Sans;line-height:inherit;padding-top:140px}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .reportPreView{margin-top:20px}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .reportPreView .main{height:400px!important}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .react-pdf__Document{height:352px;overflow:scroll}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .react-pdf__Document .react-pdf__Page .react-pdf__Page__canvas{display:inline!important;box-shadow:22px 7px 26px rgba(34,34,34,.1019607843)!important}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .pagec{font:normal normal 600 14px/28px Open Sans}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .buttonc .nextPage,.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .reportPreView .main .buttonc .prePage{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;margin:0 10px 0 5px;border-radius:8px;color:#fff;border:none;width:88px;height:33px;cursor:pointer;outline:none}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer{width:500px;height:407px;background-color:#fff;margin:20px 0 0 20px;border-radius:8px;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;font:normal normal 600 14px/28px Open Sans}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .titleDiv{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;align-items:center;display:flex;border-top-right-radius:8px;border-top-left-radius:8px;color:#fff;height:40px}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .titleDiv .composeTitle{padding-left:18px;margin-bottom:0!important}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm{padding:0 18px}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .errormessageRegisters{color:#d80f0f!important;float:left!important;font-size:13px!important;margin-bottom:1px!important;font-weight:600;margin-top:-1px;line-height:10px;padding-left:2px}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .field{display:table;border-bottom:1px solid #ccc;padding:8px 0;width:100%}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .field .mailDiv{border:none;outline:none;width:100%}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .field .messageText{border:none;outline:none;width:100%;height:193px}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .emailForm .field .subjectText{border:none;outline:none;width:100%;height:30px}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions{padding:10px 16px;display:flex;background:#f2f2f2;justify-content:flex-end}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions .emailBtn{width:6rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions .emailBtn .viewAttIcons{width:1rem;margin-top:.3rem}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions .emailBtn .viewAttText{color:#fff;font-size:.9rem;margin-left:.5rem}.viewRubricsMainContainer .PreviewAttContainer .reportMailDiv .emailComposer .actions .cancelBtn{background:none;outline:none}@media only screen and (min-width:539px)and (max-width:768px){.reportMailDiv .reportPreView{margin-top:20px}.reportMailDiv .reportPreView .main{height:400px!important}.reportMailDiv .reportPreView .main .react-pdf__Document{height:352px;overflow:scroll}.reportMailDiv .reportPreView .main .react-pdf__Document .react-pdf__Page .react-pdf__Page__canvas{display:inline!important;width:349px!important;height:841px!important;box-shadow:22px 7px 26px rgba(34,34,34,.1019607843)!important}}@media only screen and (min-width:769px)and (max-width:1024px){.reportMailDiv .reportPreView{margin-top:20px}.reportMailDiv .reportPreView .main{height:400px!important}.reportMailDiv .reportPreView .main .react-pdf__Document{height:352px;overflow:scroll}.reportMailDiv .reportPreView .main .react-pdf__Document .react-pdf__Page .react-pdf__Page__canvas{display:inline!important;width:420px!important;height:841px!important;box-shadow:22px 7px 26px rgba(34,34,34,.1019607843)!important}}.editRatingContainer{overflow:scroll;min-height:600px}.editRatingContainer .planTitleDiv{width:100%;min-height:85px;display:flex;background-color:#fff;border-radius:20px;margin-top:10px}.editRatingContainer .planTitleDiv .algnDivs{flex:.5 1;padding:10px}.editRatingContainer .planTitleDiv .algnDivs .planTitle{flex:.45 1;padding:10px;display:flex}.editRatingContainer .planTitleDiv .algnDivs .planTitle .headTitlesPlan{margin:0;font-size:.85rem;font-weight:600;text-align:left}.editRatingContainer .planTitleDiv .algnDivs .planTitle .headTitles{margin:0;font-size:.85rem;text-align:left;padding-left:5px}.editRatingContainer .planTitleDiv .algnDivs .planTitle .headTitlesSpan{margin:0;font-size:.85rem;text-align:left;padding-left:5px;display:flex}.editRatingContainer .planTitleDiv .algnDivs .planTitle .headTitlesRate{margin:0;font-size:.85rem;font-weight:600;text-align:left;padding-left:5px}.editRatingContainer .planTitleDiv .algnDivs .planTitle .greenRate{color:green}.editRatingContainer .planTitleDiv .algnDivs .planTitle .yellowRate{color:rgba(249,220,14,.9803921569)}.editRatingContainer .planTitleDiv .algnDivs .planTitle .redRate{color:red}.editRatingContainer .ratingsAddDiv{width:100%;min-height:72px;display:flex;margin-top:10px;border-bottom:1px solid #ccc;margin-bottom:15px}.editRatingContainer .ratingsAddDiv .ratingTitleEditDIv{display:flex;padding:0 10px;width:100%}.editRatingContainer .ratingsAddDiv .ratingTitleEditDIv .importTitleDiv{display:flex;padding:10px;flex:1 1;align-items:center}.editRatingContainer .ratingsAddDiv .ratingTitleEditDIv .importTitleDiv .checBoxDiv{padding-top:5px}.editRatingContainer .ratingsAddDiv .ratingTitleEditDIv .importTitleDiv .importText{margin:0!important;font-size:.85rem;font-weight:600}.editRatingContainer .ratingsAddDiv .ratingTitleEditDIv .editRatings{padding:10px;align-items:center;display:flex}.editRatingContainer .ratingsAddDiv .ratingTitleEditDIv .editRatings .importText{margin:0 8px 0 0!important;font-size:.85rem;font-weight:600}.editRatingContainer .ratingsAddDiv .ratingTitleEditDIv .editRatings .ratingComp span{padding-left:2px}.editRatingContainer .allSubDivs{height:256px}.editRatingContainer .allSubDivs .rationalDiv{padding-top:10px}.editRatingContainer .allSubDivs .rationalDiv .rationalTitleBox{background-color:#669fed;height:42px;border-radius:10px;display:flex;align-items:center}.editRatingContainer .allSubDivs .rationalDiv .rationalTitleBox .rationalTitle{padding-left:10px;margin-bottom:0;color:#fff;font-size:.98rem;font-weight:600}.editRatingContainer .allSubDivs .rationalDiv .rationalTitleBox .backendQuestionCaps{text-transform:uppercase}.editRatingContainer .allSubDivs .rationalDiv .rationalInputBox{margin:0 .9rem;border:none;border-radius:10px;min-height:70px;border-top-left-radius:0;border-top-right-radius:0;padding-left:10px;background-color:#fff;display:flex;outline:none}.editRatingContainer .allSubDivs .rationalDiv .rationalInputBox .audio-sec .audit-sec .answerText,.editRatingContainer .allSubDivs .rationalDiv .rationalInputBox .audio-sec .picture-video-sec .answerText{display:flex;margin-bottom:0!important;margin-top:7px;padding-left:10px}.editRatingContainer .allSubDivs .rationalDiv .rationalInputBox .rationalTextData{margin:0;font-size:.85rem;font-weight:600;text-align:left;outline:none}.editRatingContainer .allSubDivs .rationalDiv .rationalInputBox .rationalInputText{width:100%;border:none;border-radius:10px;min-height:70px;border-top-left-radius:0;border-top-right-radius:0;padding-left:10px;outline:none}.editRatingContainer .allSubDivs .rationalDiv .rationalInputBox .rationalInputText .answerText{display:flex;margin-bottom:0!important}.editRatingContainer .allSubDivs .rationalDiv .rationalInputBox textarea::placeholder{font-style:italic;font-size:.95rem}.editRatingContainer .allSubDivs .rationalDivUrls{padding-top:10px}.editRatingContainer .allSubDivs .rationalDivUrls .rationalTitleBox{background-color:#669fed;height:42px;border-radius:10px;align-items:center;display:flex;justify-content:space-between}.editRatingContainer .allSubDivs .rationalDivUrls .rationalTitleBox .rationalTitle{padding-left:10px;margin-bottom:0;color:#fff;font-size:.98rem;font-weight:600}.editRatingContainer .allSubDivs .rationalDivUrls .rationalTitleBox .rationalSubTitle{padding-left:10px;padding-right:10px;margin-bottom:0;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer}.editRatingContainer .allSubDivs .rationalDivUrls .rationalInputBox{margin:0 .9rem;height:auto;padding:10px;background-color:#fff;border-radius:10px;border-top-left-radius:0;border-top-right-radius:0}.editRatingContainer .allSubDivs .rationalDivUrls .rationalInputBox .rationalInputTextDiv{display:flex;justify-content:space-between;padding:10px}.editRatingContainer .allSubDivs .rationalDivUrls .rationalInputBox .rationalInputTextDiv .rationalInputText{width:80%;border:1px solid #ddd;height:30px;padding-left:10px;background:#f4f6fa;border-radius:5px;color:#000;font-size:.88rem;font-weight:600}.editRatingContainer .allSubDivs .rationalDivUrls .rationalInputBox .rationalInputTextDiv .rationalInputText .answerText{display:flex;margin-bottom:0!important}.editRatingContainer .allSubDivs .rationalDivUrls .rationalInputBox input::placeholder{font-size:.95rem;font-weight:200;color:#cec6c6}.editRatingContainer .allSubDivs .rationalDivUrls .rationalInputBox input[type=text]:focus,.editRatingContainer .allSubDivs .rationalDivUrls .rationalInputBox textarea:focus{outline:none}.editRatingContainer .allSubDivs .rationalDiv:last-child{margin-bottom:10px!important}@media only screen and (min-width:357px)and (max-width:820px){.editRatingContainer .planningContainer .planTitleDiv{flex-wrap:wrap}}@media only screen and (min-width:357px)and (max-width:577px){.editRatingContainer .planningContainer .planScheduleDiv{flex-wrap:wrap}}.importLessonContainer{background:#f0f0f0;height:100%;overflow-x:hidden;padding:0 2.5rem 1rem}.importLessonContainer .importLessonPlanMainDiv{width:100%;background:#fff;display:flex;padding:.3rem;flex-wrap:wrap;box-shadow:5px 4px 10px rgba(34,34,34,.1019607843)!important}.importLessonContainer .importLessonPlanMainDiv .importLessonPlanDetailsMainTwo{display:flex;align-items:center;flex:.6 1}.importLessonContainer .importLessonPlanMainDiv .importLessonPlanDetailsMainTwo .lessonDetailTextDiv{margin-left:1rem;padding:.3rem 0 0 1rem}.importLessonContainer .importLessonPlanMainDiv .importLessonPlanDetailsMainTwo .lessonDetailTextDiv .lessonClassName{margin:0;font-size:1.08rem;font-weight:600;text-align:left;color:#386cb5}.importLessonContainer .importLessonPlanMainDiv .importLessonPlanDetailsMain{display:flex;align-items:center;flex:.6 1}.importLessonContainer .importLessonPlanMainDiv .importLessonPlanDetailsMain .ClassBackDiv{display:flex;padding:.8rem;width:13rem;height:3.1rem;cursor:pointer}.importLessonContainer .importLessonPlanMainDiv .importLessonPlanDetailsMain .lessonDetailTextDiv{margin-left:1rem;padding:.3rem 0 0 1rem}.importLessonContainer .importLessonPlanMainDiv .importLessonPlanDetailsMain .lessonDetailTextDiv .lessonClassName{margin:0;font-size:1rem;font-weight:600;text-align:left;color:#386cb5}.importLessonContainer .importLessonPlanMainDiv .importLessonPlanDetailsMain .closeIconInModal{width:11px;margin-top:7px;height:11px;margin-right:.2rem}.importLessonContainer .importLessonPlanMainDiv .importLessonPlanDetailsMain .lessonClassBactTextDiv{height:40px;border-left:2px solid #eee;position:relative;bottom:8px;display:flex;flex-wrap:wrap;align-items:center;padding-left:15px}.importLessonContainer .importLessonPlanMainDiv .importLessonPlanDetailsMain .lessonClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.importLessonContainer .importLessonPlanMainDiv .importButtonMarginTop{display:flex;align-items:center}.importLessonContainer .importLessonPlanMainDiv .importButtonMarginTop .addNewLesson{background:none!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem;outline:none}.importLessonContainer .importLessonPlanMainDiv .importButtonMarginTop .addNewLesson .lessonBackIcons{font-size:1.8rem;padding-top:3px;color:#386cb5}.importLessonContainer .importLessonPlanMainDiv .importButtonMarginTop .viewAttTexts{color:#000;font-size:1rem;font-weight:600;margin-top:4px}.importLessonContainer .importLessonPlanMainDiv .importButtonMarginTop .viewAttText{color:#000;margin-left:.5rem;font-size:1rem;font-weight:600}.importLessonContainer .searchDiv{display:flex;margin-top:15px;padding-bottom:18px;border-bottom:1px solid #ccc;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 3px rgba(0,0,0,.1019607843);border-radius:8px;opacity:1;padding-right:0}.importLessonContainer .searchDiv .totalPlanSearchDiv{width:80%;justify-content:space-between;display:flex;padding:0 .5rem;border-radius:.5rem;margin-right:10px}.importLessonContainer .searchDiv .totalPlanSearchDiv .searchIcon{color:#d1c5c5!important}.importLessonContainer .searchDiv .totalPlanSearchDiv .searchStudent{background:transparent!important;border:none!important;width:100%!important}.importLessonContainer .searchDiv .totalPlanSearchDiv .searchInput{border:none!important;width:100%}.importLessonContainer .searchDiv .totalPlanSearchDiv .closeIconSearch{width:1rem;cursor:pointer;margin:1rem .5rem 0 0}.importLessonContainer .searchDiv .totalPlanSearchDiv .searchIconDiv{padding:0 .5rem!important}.importLessonContainer .searchDiv .totalPlanSearchDiv .searchStudentdiv{width:92%!important;height:21px!important;margin-top:.5rem!important;padding-left:0!important;background:transparent;margin-bottom:.5rem!important;border:none!important;border-radius:.3rem!important;font-style:italic!important;display:inline-flex;float:left}.importLessonContainer .searchDiv .totalPlanSearchDiv .searchStudentdiv input::placeholder{font-size:.95rem;font-weight:200;color:#cec6c6}.importLessonContainer .searchDiv .dropdownDiv{display:flex;align-items:center;margin-right:10px;justify-content:flex-start;width:auto;top:180px;left:244px;height:40px;background:#fff 0 0 no-repeat padding-box;box-shadow:0 0 3px rgba(0,0,0,.1607843137);border:.75px solid #ddd;border-radius:8px;opacity:1}.importLessonContainer .searchDiv .dropdownDiv .dropDiv .dropbtn{background-color:#fff;color:#000;font-weight:800;font-size:.95rem;border-radius:.5rem;max-width:185px;min-width:150px}.importLessonContainer .searchDiv .dropdownDiv .dropDiv .dropbtn .arrowBlackIcon,.importLessonContainer .searchDiv .dropdownDiv .dropDiv .dropbtn .arrowBlackIcon svg{padding-left:10px;margin-bottom:2px;filter:invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)}.importLessonContainer .searchDiv .dropdownDiv .dropDiv .dropdown-menu{min-width:50px!important;border-radius:.5rem}.importLessonContainer .searchDiv .dropdownDiv .dropDiv .dropdown-menu .dropdown-item{padding:.25rem 1.79rem!important;font-size:.95rem}.importLessonContainer .searchDiv .dropdownDiv .dropDiv .dropdown-menu .dropdown-divider{margin:.1rem 0!important;border-top:2px solid #e9ecef!important}.importLessonContainer .searchDiv .dropdownDiv .dropDiv .dropbtn svg{fill:#000}.importLessonContainer .searchDiv .dropdownDiv .dropDiv .dropbtn i{padding-left:10px}.importLessonContainer .searchDiv .searchBtnDiv{display:flex;align-items:center}.importLessonContainer .searchDiv .searchBtnDiv .searchLesson{background-color:#386cb5;border-radius:.5rem;width:100px}.importLessonContainer .searchDiv .totalPlanSearchDiv input.middle:focus{outline-width:0!important}.importLessonContainer .searchDiv .totalPlanSearchDiv input{outline:none}.importLessonContainer .classTopicDivMain{display:flex;margin-top:18px;margin-bottom:18px}.importLessonContainer .classTopicDivMain .nameLinediv{display:flex;flex:1 1}.importLessonContainer .classTopicDivMain .nameLinediv .titleName{width:124px;margin-bottom:0!important;font-weight:800;display:flex;align-items:center}.importLessonContainer .classTopicDivMain .nameLinediv .hrLine{width:90%;margin-right:20px;border-top-color:#777;margin-left:10px;margin-top:20px;border-width:2px;opacity:.2}.importLessonContainer .classTopicDivMain .dropdownsDiv{display:flex}.importLessonContainer .classTopicDivMain .dropdownsDiv .filterTitle{color:#777;display:flex;align-items:center;font-size:.95rem;margin:0 10px;font-weight:600}.importLessonContainer .classTopicDivMain .dropdownsDiv .classDrpDwn{padding-right:20px}.importLessonContainer .classTopicDivMain .dropdownsDiv .classDrpDwn .dropClassBtn{background-color:#fff;color:#000;font-weight:800;font-size:.95rem;min-width:135px;border-radius:.5rem;top:250px;left:1406px;width:140px;height:36px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-radius:6px;opacity:1}.importLessonContainer .classTopicDivMain .dropdownsDiv .classDrpDwn .dropClassBtn .arrowBlackIcon,.importLessonContainer .classTopicDivMain .dropdownsDiv .classDrpDwn .dropClassBtn .arrowBlackIcon svg{padding-left:10px;margin-bottom:2px;filter:invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)}.importLessonContainer .classTopicDivMain .dropdownsDiv .classDrpDwn .dropdown-menu{min-width:45px!important;border-radius:.5rem;overflow:scroll!important;max-height:250px!important;width:137px;max-width:140px}.importLessonContainer .classTopicDivMain .dropdownsDiv .classDrpDwn .dropdown-menu .dropdown-item{padding:.25rem .5rem!important;font-size:.95rem}.importLessonContainer .classTopicDivMain .dropdownsDiv .classDrpDwn .dropdown-menu .dropdown-divider{margin:.1rem 0!important;border-top:2px solid #e9ecef!important}.importLessonContainer .classTopicDivMain .dropdownsDiv .classDrpDwn .dropbtn svg{fill:#000}.importLessonContainer .classTopicDivMain .dropdownsDiv .classDrpDwn .dropbtn i{padding-left:10px}.importLessonContainer .classTopicDivMain .dropdownsDiv .topicDrpDwn .dropClassBtn{background-color:#fff;color:#000;font-weight:800;font-size:.95rem;min-width:135px;border-radius:.5rem;top:250px;left:1406px;width:140px;height:36px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-radius:6px;opacity:1}.importLessonContainer .classTopicDivMain .dropdownsDiv .topicDrpDwn .dropClassBtn .arrowBlackIcon,.importLessonContainer .classTopicDivMain .dropdownsDiv .topicDrpDwn .dropClassBtn .arrowBlackIcon svg{padding-left:10px;margin-bottom:2px;filter:invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)}.importLessonContainer .classTopicDivMain .dropdownsDiv .topicDrpDwn .dropdown-menu{min-width:45px!important;border-radius:.5rem;transform:translate3d(0,37px,0)!important;overflow:scroll!important;max-height:250px!important;max-width:140px}.importLessonContainer .classTopicDivMain .dropdownsDiv .topicDrpDwn .dropdown-menu .dropdown-item{padding:.25rem 1.4rem!important;font-size:.95rem}.importLessonContainer .classTopicDivMain .dropdownsDiv .topicDrpDwn .dropdown-menu .dropdown-divider{margin:.1rem 0!important;border-top:2px solid #e9ecef!important}.importLessonContainer .classTopicDivMain .dropdownsDiv .topicDrpDwn .dropbtn svg{fill:#000}.importLessonContainer .classTopicDivMain .dropdownsDiv .topicDrpDwn .dropbtn i{padding-left:10px}.importLessonContainer .classCardDivMain{flex-wrap:wrap;display:flex}.importLessonContainer .classCardDivMain .classCardsDiv{width:22.6rem;height:9rem;margin:0 1.1rem 1.1rem 0;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;padding:.1rem .5rem .1rem .4rem}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard{width:100%;border-bottom:1px solid #ddd;height:5.8rem;padding:.4rem 0 0 .4rem;justify-content:space-between;display:flex}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft{text-align:left}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .classGradeAndSectionText{color:#000;margin:0;font-size:.85rem;text-transform:capitalize}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .headingTitles{display:inline-flex;flex-wrap:wrap;flex:1.3 1;justify-content:flex-start;align-items:end}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .headingTitles .attTitleName{margin:0;font-size:1rem;font-weight:600;padding-right:5px;font:normal normal 600 13px/13px Open Sans;color:#777}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .headingTitles .head{color:#9d9797;text-transform:capitalize;padding-right:5px;font:normal normal 600 13px/13px Open Sans;margin:0}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .headingTitles .head .middleDot{height:5px;width:5px;background-color:#bbb;border-radius:50%;display:inline-block;margin:0 4px 2px}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .lessonTitle{margin-bottom:.3rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .lessonPlan{border:1px solid #4479c4;border-radius:15px;width:70px;margin:6px 0}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .lessonPlan .statusTextPlan{margin:0;font-size:.85rem;text-align:center;color:#4479c4;text-transform:capitalize}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .lessonCurrent{border:1px solid #4479c4;border-radius:15px;width:110px;margin:6px 0}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .lessonCurrent .statusTextPlan{margin:0;font-size:.85rem;text-align:center;color:#4479c4;text-transform:capitalize}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .lessonEval{border:1px solid #23bf1d;border-radius:15px;width:83px;margin:6px 0}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .lessonEval .statusTextEval{color:#23bf1d;margin:0;font-size:.85rem;text-align:center;text-transform:capitalize}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .lessonExe{border:1px solid #ff9c17;border-radius:15px;width:83px;margin:6px 0}.importLessonContainer .classCardDivMain .classCardsDiv .classDetailsCard .textLeft .lessonExe .statusTextExe{color:#ff9c17;margin:0;font-size:.85rem;text-align:center;text-transform:capitalize}.importLessonContainer .classCardDivMain .classCardsDiv .classTimeline{display:flex;align-items:center;padding:11px 2px 10px}.importLessonContainer .classCardDivMain .classCardsDiv .classTimeline .headingTitles{display:inline-flex;flex-wrap:wrap;flex:1.3 1;padding-left:5px;justify-content:flex-start;align-items:end}.importLessonContainer .classCardDivMain .classCardsDiv .classTimeline .headingTitles .attTitleName{margin:0;font-size:1rem;font-weight:600;padding-right:5px;font:normal normal 600 13px/13px Open Sans}.importLessonContainer .classCardDivMain .classCardsDiv .classTimeline .headingTitles .head{color:#000;text-transform:capitalize;padding-right:5px;font:normal normal 13px/13px Open Sans;margin:0}.importLessonContainer .classCardDivMain .classCardsDiv .classTimeline .headingTitlesRight{display:inline-flex;flex-wrap:wrap;flex:1.3 1;padding-right:5px;justify-content:flex-end;align-items:center}.importLessonContainer .classCardDivMain .classCardsDiv .classTimeline .headingTitlesRight .attTitleName{margin:0;font-size:1rem;font-weight:600;padding-right:5px;font:normal normal 600 13px/13px Open Sans}.importLessonContainer .classCardDivMain .classCardsDiv .classTimeline .headingTitlesRight .ratingDivImg{position:relative;text-align:center}.importLessonContainer .classCardDivMain .classCardsDiv .classTimeline .headingTitlesRight .overImgText{position:absolute;top:5px;left:12.5px;color:#fff;font-size:.9rem;font-weight:800}.importLessonContainer .classCardDivMain .classCardsDiv .classTimeline .headingTitlesRight .head{color:#9d9797;text-transform:capitalize;padding-right:5px;font:normal normal 600 13px/13px Open Sans;margin:0}.importLessonContainer .opacityFade{opacity:.5;cursor:default!important}.popoverLessonPlan .popover{height:10.5rem}.lessonCancelX{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;position:relative;bottom:8px;margin-right:15px;color:#fff;background:transparent linear-gradient(90deg,#669fed,#386cb5) 0 0 no-repeat padding-box;border-radius:6px}.lpTeacherShareContainer{background:#f0f0f0;height:100%;overflow-x:hidden}.lpTeacherShareContainer .shareLessonPlanMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem;flex-wrap:wrap;margin-bottom:10px}.lpTeacherShareContainer .shareLessonPlanMainDiv .shareLessonPlanDetailsMain{display:flex;align-items:center}.lpTeacherShareContainer .shareLessonPlanMainDiv .shareLessonPlanDetailsMain .ClassBackDiv{display:flex;padding:.8rem;background:#eee;width:13rem;height:3.1rem;cursor:pointer}.lpTeacherShareContainer .shareLessonPlanMainDiv .shareLessonPlanDetailsMain .lessonBackIcon{font-size:1.3rem;padding-top:3px}.lpTeacherShareContainer .shareLessonPlanMainDiv .shareLessonPlanDetailsMain .lessonClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.lpTeacherShareContainer .shareLessonPlanMainDiv .shareLessonPlanDetailsMain .lessonDetailTextDiv{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.lpTeacherShareContainer .shareLessonPlanMainDiv .shareLessonPlanDetailsMain .lessonDetailTextDiv .lessonClassName{margin:0;font-size:1rem;font-weight:600;text-align:left}.lpTeacherShareContainer .mainHeading{width:100%;background:#fff;display:flex;padding:1rem;align-items:center}.lpTeacherShareContainer .mainHeading .checkDiv{display:flex}.lpTeacherShareContainer .mainHeading .headingSchoolName{font-size:1rem;font-weight:600;margin:0}.lpTeacherShareContainer .mainHeading .headingSelectTeacher{font-size:.8rem;font-weight:600;color:#aaa;margin:0}.lpTeacherShareContainer .mainHeading .displayFlexInSeleTeacher{display:flex;align-items:center;justify-content:flex-end;flex:.7 1}.lpTeacherShareContainer .mainHeading .displayFlexInSeleTeacher .undoSelect{width:2.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:10rem;opacity:1;margin-right:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.lpTeacherShareContainer .mainHeading .displayFlexInSeleTeacher .undoSelect .CrossAndConfirmIcon{color:#fff;padding-top:7px}.lpTeacherShareContainer .mainHeading .displayFlexInSeleTeacher .confirmSlectDiv{width:2.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;border-radius:10rem;cursor:pointer}.lpTeacherShareContainer .mainHeading .displayFlexInSeleTeacher .confirmSlectDiv .CrossAndConfirmIcon{color:#fff;padding-top:7px}.lpTeacherShareContainer .mainHeading .displayFlexInSeleTeacher .opacityFade{opacity:.4;cursor:default;pointer-events:none}.lpTeacherShareContainer .teacherMainDiv{width:22rem!important;height:5rem!important;background:#fff 0 0 no-repeat padding-box;box-shadow:0 2px 6px rgba(0,0,0,.1019607843);border-radius:1rem;display:inline-flex;padding:.5rem;margin:.85rem 1rem .25rem 0;min-width:270px!important;opacity:1;position:relative;align-items:center}.lpTeacherShareContainer .teacherMainDiv .teacherProfileImageDiv{width:3.5rem;height:3.4rem;color:red;background:#386cb5;border-radius:50%}.lpTeacherShareContainer .teacherMainDiv .teacherDummyDivProfile{width:5rem;height:5rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;margin-left:.5rem}.lpTeacherShareContainer .teacherMainDiv .teacherImageDummyText{color:#fff;padding-top:30%;text-transform:uppercase}.lpTeacherShareContainer .teacherMainDiv .teacherShareProfileImage{width:3.125rem;height:3.125rem;background:transparent linear-gradient(180deg,#647183,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem}.lpTeacherShareContainer .teacherMainDiv .teacherShareTextInfoDiv{text-align:left;margin:1rem}.lpTeacherShareContainer .teacherMainDiv .teacherShareName{margin:2px;font-size:1rem;font-weight:600;width:10rem}.lpTeacherShareContainer .teacherMainDiv .teacherShareEmail{margin:0;font-size:.9rem}.lpTeacherShareContainer .teacherMainDiv .teacherShareCheckBoxDiv{position:absolute;right:.7rem;top:1.5rem;font-size:1.5rem;cursor:pointer}.lpTeacherShareContainer .teacherMainDiv .checkBoxColorTeacherShare{color:#386cb5;cursor:pointer}.publishTeachers-modal-popUp .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.publishTeachers-modal-popUp .modal-content{border-radius:8px;width:282px;margin:auto;background-color:#fff!important}.publishTeachers-modal-popUp .modal-content .modal-header{justify-content:center;border:none;border-radius:8px}.publishTeachers-modal-popUp .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans;display:flex;width:100%}.publishTeachers-modal-popUp .modal-content .modal-body .bothDivMain{width:100%;justify-content:space-between}.publishTeachers-modal-popUp .modal-content .modal-body .bothDivMain .imgTextDiv{border-radius:5px;padding:20px 10px 10px;cursor:pointer}.publishTeachers-modal-popUp .modal-content .modal-body .bothDivMain .imgTextDiv .textDiv{font:normal normal 600 14px/19px Open Sans;margin:10px 0 0;color:#000}.publishTeachers-modal-popUp .modal-content .modal-body .bothDivMain .imgTextDiv .teacherTextDiv{font:normal normal 600 14px/19px Open Sans;margin:0 0 40px;color:#386cb5}.publishTeachers-modal-popUp .modal-content .modal-body .bothDivMain .imgTextDiv .okBtn{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;border-radius:20px;width:105px;height:40px}.publishTeachers-modal-popUp .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.classLessonContainer{background:#f0f0f0;height:100%;overflow-x:hidden;padding:0 2.5rem 1rem}.classLessonContainer .LessonPlanMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem;flex-wrap:wrap}.classLessonContainer .LessonPlanMainDiv .LessonPlanDetailsMain{display:flex;align-items:center}.classLessonContainer .LessonPlanMainDiv .LessonPlanDetailsMain .ClassBackDiv{display:flex;padding:.8rem;background:#eee;width:13rem;height:3.1rem;cursor:pointer}.classLessonContainer .LessonPlanMainDiv .LessonPlanDetailsMain .lessonBackIcon{font-size:1.3rem;padding-top:3px}.classLessonContainer .LessonPlanMainDiv .LessonPlanDetailsMain .lessonClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.classLessonContainer .LessonPlanMainDiv .buttonMarginTop{display:flex;align-items:center}.classLessonContainer .LessonPlanMainDiv .buttonMarginTop .filterPlan{width:2.5rem!important;height:2.5rem!important;border-radius:2rem!important}.classLessonContainer .LessonPlanMainDiv .buttonMarginTop .addNewLesson,.classLessonContainer .LessonPlanMainDiv .buttonMarginTop .filterPlan{padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.classLessonContainer .LessonPlanMainDiv .buttonMarginTop .addNewLesson{width:110px;height:45px;border-radius:8px!important}.classLessonContainer .LessonPlanMainDiv .buttonMarginTop .lessonIcon{width:.9rem;margin-top:.2rem;width:16px;height:16px}.classLessonContainer .LessonPlanMainDiv .buttonMarginTop .lessonFilterIcon{width:1rem;margin-top:.2rem}.classLessonContainer .LessonPlanMainDiv .buttonMarginTop .viewAttText{font-size:.9rem;margin-left:.5rem;font:normal normal normal 17px/24px Open Sans;letter-spacing:0;color:#fff;opacity:1}.classLessonContainer .LessonPlanMainDiv .lessonDetailTextDiv{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.classLessonContainer .LessonPlanMainDiv .lessonDetailTextDiv .lessonClassName{margin:0;font-size:1rem;font-weight:600;text-align:left}.classLessonContainer .LessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson{display:flex;cursor:pointer}.classLessonContainer .LessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson .calIcon{align-self:center;cursor:default;cursor:not-allowed}.classLessonContainer .LessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson .lessonClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0 5px;cursor:default}.classLessonContainer .LessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited{display:inline-flex;flex-wrap:wrap;cursor:default;align-items:center}.classLessonContainer .LessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.classLessonContainer .LessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited .head{color:#386cb5;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0}.classLessonContainer .LessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson .attClassGrades{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:1px 0 0 5px;cursor:default;font-weight:600}.classLessonContainer .groupPanels .MuiCollapse-wrapper{background-color:#f0f0f0}.classLessonContainer .groupPanels .MuiExpansionPanelSummary-content{background:#aaa;height:1px}.classLessonContainer .groupPanels .MuiExpansionPanelSummary-root .Mui-expanded{min-height:1px}.classLessonContainer .groupPanels .MuiPaper-elevation1{box-shadow:none}.classLessonContainer .groupPanels .MuiExpansionPanel-root.Mui-expanded{margin:0}.classLessonContainer .groupPanels .MuiCollapse-container{background:#f0f0f0}.classLessonContainer .groupPanels .MuiExpansionPanelSummary-root{background-color:#f0f0f0;min-height:48px!important}.classLessonContainer .groupPanels .MuiAccordionSummary-root.Mui-expanded{min-height:45px!important}.classLessonContainer .groupPanels .MuiExpansionPanel-root:before{display:none}.classLessonContainer .groupPanels .confirm-text{font:normal normal normal 16px/22px Open Sans}.classLessonContainer .groupPanels .MuiTypography-body1{width:100%;text-align:-webkit-center}.classLessonContainer .groupPanels .MuiTypography-body1 .title{margin-top:-10px;background:#f0f0f0;width:150px;font:normal normal 600 14px/19px Open Sans;color:#222}.classLessonContainer .groupPanels .MuiTypography-body1 .title .groupName{width:160px;margin-top:-19px;padding:8px}.classLessonContainer .groupPanels .MuiTypography-body1 .w-166{width:165px}.classLessonContainer .groupPanels .MuiTypography-body1 .action{float:right;margin-top:-24px;background:#f0f0f0}.classLessonContainer .groupPanels .MuiTypography-body1 .action img{margin-left:12px}.classLessonContainer .groupPanels .MuiTypography-body1 .actionCircle{float:right;margin-top:-40px;background:#f0f0f0}.classLessonContainer .groupPanels .MuiTypography-body1 .actionCircle img{margin-left:0!important}.classLessonContainer .groupPanels .MuiExpansionPanelSummary-expandIcon{position:absolute;left:0;background:#f0f0f0}.classLessonContainer .groupPanels .MuiIconButton-label .MuiSvgIcon-root{border-radius:20px;color:#fff;width:18px;height:18px;background:#aaa 0 0 no-repeat padding-box}.classLessonContainer .groupPanels .MuiPaper-root .MuiButtonBase-root .MuiAccordionSummary-expandIcon{position:absolute;left:0}.classLessonContainer .groupPanels .MuiPaper-root .MuiButtonBase-root{background:#f0f0f0}.classLessonContainer .groupPanels .MuiPaper-root .MuiButtonBase-root .MuiAccordionSummary-content{background:#aaa;height:1px}.classLessonContainer .groupPanels .MuiAccordion-root:before{background-color:#f0f0f0}.classLessonContainer .groupPanels .detail-section .row{width:100%}.classLessonContainer .groupPanels .MuiAccordionDetails-root{flex-wrap:wrap;padding:8px 0 16px 16px}.classLessonContainer .groupPanels .MuiAccordionDetails-root .noPlansDiv{width:100%;display:flex;justify-content:center;margin-top:25px}.classLessonContainer .groupPanels .MuiAccordionDetails-root .noPlansDiv .noPlantext{color:#aaa;font-size:1.2rem;font-weight:600}.classLessonContainer .groupPanels .classCardDiv{width:24.5rem;height:9rem;margin:0 1.1rem 1.1rem 0;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .2rem .5rem rgba(0,0,0,.1019607843);border-radius:.5rem;opacity:1;padding:.1rem .5rem .1rem .4rem}.classLessonContainer .groupPanels .classCardDiv .classDetailsCard{width:100%;border-bottom:1px solid #ddd;height:6.4rem;padding:.4rem;justify-content:space-between;display:flex;cursor:pointer}.classLessonContainer .groupPanels .classCardDiv .classDetailsCard .textLeft{text-align:left}.classLessonContainer .groupPanels .classCardDiv .classDetailsCard .textLeft .classGradeAndSectionText{color:#777;margin:0;font-size:.85rem;text-transform:capitalize}.classLessonContainer .groupPanels .classCardDiv .classDetailsCard .textLeft .lessonTitle{margin-bottom:.3rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.classLessonContainer .groupPanels .classCardDiv .classDetailsCard .textLeft .lessonPlan{border:1px solid #4479c4;border-radius:15px;width:70px;margin:6px 0}.classLessonContainer .groupPanels .classCardDiv .classDetailsCard .textLeft .lessonPlan .statusTextPlan{margin:0;font-size:.85rem;text-align:center;color:#4479c4;text-transform:capitalize}.classLessonContainer .groupPanels .classCardDiv .classDetailsCard .textLeft .lessonCurrent{border:1px solid #4479c4;border-radius:15px;width:110px;margin:6px 0}.classLessonContainer .groupPanels .classCardDiv .classDetailsCard .textLeft .lessonCurrent .statusTextPlan{margin:0;font-size:.85rem;text-align:center;color:#4479c4;text-transform:capitalize}.classLessonContainer .groupPanels .classCardDiv .classDetailsCard .textLeft .lessonEval{border:1px solid #23bf1d;border-radius:15px;width:83px;margin:6px 0}.classLessonContainer .groupPanels .classCardDiv .classDetailsCard .textLeft .lessonEval .statusTextEval{color:#23bf1d;margin:0;font-size:.85rem;text-align:center;text-transform:capitalize}.classLessonContainer .groupPanels .classCardDiv .classDetailsCard .textLeft .lessonExe{border:1px solid #ff9c17;border-radius:15px;width:83px;margin:6px 0}.classLessonContainer .groupPanels .classCardDiv .classDetailsCard .textLeft .lessonExe .statusTextExe{color:#ff9c17;margin:0;font-size:.85rem;text-align:center;text-transform:capitalize}.classLessonContainer .groupPanels .classCardDiv .classTimeline{display:flex;align-items:center;padding:10px 2px}.classLessonContainer .groupPanels .classCardDiv .classTimeline .headingTitles{display:inline-flex;flex-wrap:wrap;flex:1.3 1;padding-left:5px;justify-content:flex-start;align-items:end}.classLessonContainer .groupPanels .classCardDiv .classTimeline .headingTitles .attTitleName{margin:0;font-size:1rem;font-weight:600;padding-right:5px;font:normal normal 600 13px/13px Open Sans;color:#777}.classLessonContainer .groupPanels .classCardDiv .classTimeline .headingTitles .head{color:#9d9797;text-transform:capitalize;padding-right:5px;font:normal normal 600 13px/13px Open Sans;margin:0}.classLessonContainer .groupPanels .classCardDiv .classTimeline .headingTitlesRight{display:inline-flex;flex-wrap:wrap;flex:1.3 1;padding-right:5px;justify-content:flex-end;align-items:center}.classLessonContainer .groupPanels .classCardDiv .classTimeline .headingTitlesRight .attTitleName{margin:0;font-size:1rem;font-weight:600;padding-right:5px;font:normal normal 600 13px/13px Open Sans;color:#777}.classLessonContainer .groupPanels .classCardDiv .classTimeline .headingTitlesRight .head{color:#9d9797;text-transform:capitalize;padding-right:5px;font:normal normal 600 13px/13px Open Sans;margin:0}.classLessonContainer .lessonPlanPanels .MuiAccordion-root{margin-bottom:0}.classLessonContainer .lessonPlanPanels .MuiAccordionDetails-root{padding-bottom:0}.popoverLessonPlan .popoverOptions{display:inline-flex;border-bottom:1px solid grey;padding:.5rem}.popoverLessonPlan .editClasspopOver{display:inline-flex;color:#000;cursor:pointer;border-bottom:1px solid #ddd;padding:.5rem 0;width:115%}.popoverLessonPlan .editClasspopOver .viewLpIcons{width:1rem;height:1.3rem;margin-right:.3rem}.popoverLessonPlan .disabledEditClasspopOver{display:inline-flex;color:#000;cursor:pointer;border-bottom:1px solid #ddd;padding:0 0 .5rem;width:90%;opacity:.5;cursor:default}.popoverLessonPlan .bs-popover-auto[x-placement^=left]>.arrow:after,.popoverLessonPlan .bs-popover-left>.arrow:after{border-left-color:#fff!important}.popoverLessonPlan .editTextClassPopOver{font-size:.9rem;margin-left:.1rem}.popoverLessonPlan .deleteClassPopOver{display:inline-flex;color:#f44;cursor:pointer;padding:.5rem 0 0}.popoverLessonPlan .disabledDeleteClassPopOver{display:inline-flex;color:#f44;cursor:pointer;padding:.5rem 0 0;opacity:.5;cursor:default}.popoverLessonPlan .deleteTextClassPopOver{font-size:.9rem;margin-left:.1rem}.popoverLessonPlan .editClassIcon{font-size:1.3rem}.popoverLessonPlan .popover{width:7rem!important;padding:0!important;height:10.4rem;border-radius:11px!important}.filterPopOver .bs-popover-auto[x-placement^=left]>.arrow:after,.filterPopOver .bs-popover-left>.arrow:after{border-left-color:#fff!important}.filterPopOver .popover{width:11rem!important;padding:0!important;height:11.5rem;border-radius:11px!important}.filterPopOver .notificationSubBlock .filterTimeDiv{display:flex;align-items:center;margin:10px 0;border-bottom:1px solid #ddd;padding-bottom:10px}.filterPopOver .notificationSubBlock .filterTimeDiv .filterText{margin:0}.filterPopOver .notificationSubBlock .filterTimesDiv{display:flex;align-items:center;margin:10px 0;padding-bottom:10px}.filterPopOver .notificationSubBlock .filterTimesDiv .filterText{margin:0}.lpImportOfClass .modal-content{border-radius:0;border:none}.lpImportOfClass .modal-title{font-size:13px}.lpImportOfClass .modal-header{border-bottom-color:#eee!important;background-color:#fff!important;height:50px!important}.lpImportOfClass .modal-header .close{padding:.5rem 1rem!important}.lpImportOfClass .cancelText{font-size:.8rem!important;color:#000!important}.lpImportOfClass .closeIconInModal{width:.6rem;margin-top:-.2rem}.lpImportOfClass .uploadDocHeaderRosterDiv{display:inline-flex;justify-content:space-between;width:100%}.lpImportOfClass .uploadNodeRosterDiv{text-align:left;background:#f5f5f5;padding:1rem;width:100%;position:absolute;bottom:0}.lpImportOfClass .uploadClassNoteText{font-weight:600;margin:0;font-size:.8rem}.lpImportOfClass .modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto;opacity:1!important;color:#000!important;outline:none!important}.lpImportOfClass .uploadNoteRosterText{margin:0;font-size:.8rem}.lpImportOfClass .checkbozRosterCircle{height:1rem;width:1rem;border-radius:10rem;border:.1rem solid #ddd;text-align:-webkit-center;padding-top:2px;cursor:pointer}.lpImportOfClass .checkbozCircleRosterSelected{height:.5rem;width:.5rem;border-radius:10rem;background-color:#386cb5}.lpImportOfClass .selectMainDivforRosterUpload{display:flex;padding:1rem 0 0;width:100%;justify-content:center}.lpImportOfClass .selectOptionInRosterTag{width:8.7rem;height:9rem;border:1px solid #ddd;text-align:-webkit-center;padding:.5rem;margin:.5rem}.lpImportOfClass .selectoptionUploadRosterImage{width:2.7rem;margin:.7rem 0 .6rem}.lpImportOfClass .selectoptionUploadImageforRosterDrop{width:2.3rem;margin:.7rem 0}.lpImportOfClass .autharizedRosterButton{width:4.5rem!important;height:1.4rem!important;border-radius:8px!important;padding:.2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.6rem 0 .1rem}.lpImportOfClass .autharizedRosterText{color:#fff;font-size:.65rem}.lpImportOfClass .selectTagRosterText{color:#222;font-size:.85rem;margin:0;font-weight:600}.lpImportOfClass .importRosterRosterButton{width:6.3rem!important;height:2.3rem!important;border-radius:2rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important}.lpImportOfClass .importRosterRosterText{color:#fff;font-size:1rem}.selectLp-DriveFile-modal{margin-top:3rem}.selectLp-DriveFile-modal .importDriveLoader{height:100px;width:190px;margin-top:30%}.selectLp-DriveFile-modal .modal-title{font:normal normal 600 1rem/1.375rem Open Sans!important}.selectLp-DriveFile-modal .modal-content{height:35rem!important}.selectLp-DriveFile-modal .file_listDiv{width:100%;height:40px;margin-top:13px;justify-content:space-between;display:flex;border-bottom:1px solid #eee}.selectLp-DriveFile-modal .modal-header{padding:.8rem 1rem 0;border-bottom:none;border-radius:.5rem}.selectLp-DriveFile-modal textarea{font:normal normal normal .875rem/1.188rem Open Sans}.selectLp-DriveFile-modal .selectedText{color:#41cc3b;font-weight:600}.selectLp-DriveFile-modal .unSelectedText{font-weight:600;cursor:pointer}.selectLp-DriveFile-modal .modal-footer{justify-content:center;border-top:none;padding-top:0}.selectLp-DriveFile-modal .modal-footer button{width:5rem;height:5rem;border-radius:1.25rem;padding:0}.selectLp-DriveFile-modal .modal-footer button img{margin-top:-.1875rem;margin-left:.0625rem}.selectLp-DriveFile-modal .modal-content{border-radius:.5rem;background:#fff!important}.selectLp-DriveFile-modal .modalcancleTagButton{width:2.3rem!important;height:2.3rem!important;background:transparent linear-gradient(270deg,#ec4444,#fa6060) 0 0 no-repeat padding-box;border-color:#ec4444!important}.selectLp-DriveFile-modal .modalcancleTagButton,.selectLp-DriveFile-modal .modalSaveTagButton{border-radius:2rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important}.selectLp-DriveFile-modal .modalSaveTagButton{width:2rem!important;height:2rem!important;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;margin:0;border-color:#23bf1d!important}.selectLp-DriveFile-modal .checkBoxSelect{color:#386cb5}.selectLp-DriveFile-modal .checkBoxSelect,.selectLp-DriveFile-modal .unCheckBoxSelect{cursor:pointer;font-size:1rem;margin-top:.5rem;margin-right:.2rem}.selectLp-DriveFile-modal .selectoptionUploadFolder{width:2rem;margin:0 .5rem 0 0}.selectLp-DriveFile-modal .fileName{margin-top:.6rem}.selectLp-DriveFile-modal .driveBackIcon{font-size:1.3rem;cursor:pointer}.selectLp-DriveFile-modal .cursor{cursor:pointer}.selectLp-DriveFile-modal .inline-Path{display:inline-flex;height:30px}.selectLp-DriveFile-modal .selectFileCursor{display:inline-flex;cursor:pointer}.selectLp-DriveFile-modal .modal-list-body{height:25rem!important;overflow:auto!important}ul.breadcrumb{padding:0;margin:0;list-style:none;background-color:transparent}ul.breadcrumb li{display:inline;font-size:14px;font-weight:600}ul.breadcrumb li+li:before{padding:8px;color:#000;content:"> "}ul.breadcrumb li a{color:#386cb5;text-decoration:none}ul.breadcrumb li a:hover{color:#669fed;text-decoration:underline;cursor:pointer}.share-modal-popUp .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.share-modal-popUp .modal-content{border-radius:8px;width:360px;margin:auto;background-color:#fff!important}.share-modal-popUp .modal-content .modal-header{justify-content:center;border:none;border-radius:8px}.share-modal-popUp .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans;display:flex;width:100%}.share-modal-popUp .modal-content .modal-body .bothDivMain{display:flex;width:100%;justify-content:space-between}.share-modal-popUp .modal-content .modal-body .bothDivMain .imgTextDiv{flex:.475 1;border:1px solid #eee;border-radius:5px;padding:20px 10px 10px;cursor:pointer}.share-modal-popUp .modal-content .modal-body .bothDivMain .imgTextDiv .textDiv{font:normal normal 600 14px/19px Open Sans;margin:15px 0 0;color:#000}.share-modal-popUp .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.publishAll-modal-popUp .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.publishAll-modal-popUp .modal-content{border-radius:8px;width:282px;margin:auto;background-color:#fff!important}.publishAll-modal-popUp .modal-content .modal-header{justify-content:center;border:none;border-radius:8px}.publishAll-modal-popUp .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans;display:flex;width:100%}.publishAll-modal-popUp .modal-content .modal-body .bothDivMain{width:100%;justify-content:space-between}.publishAll-modal-popUp .modal-content .modal-body .bothDivMain .imgTextDiv{border-radius:5px;padding:20px 10px 10px;cursor:pointer}.publishAll-modal-popUp .modal-content .modal-body .bothDivMain .imgTextDiv .textDiv{font:normal normal 600 14px/19px Open Sans;margin:40px 0 0;color:#000}.publishAll-modal-popUp .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.filterSubDiv{margin-top:6px}.btn:focus,a:focus{outline:none!important;box-shadow:none!important}.back-image-CND{align-self:center;cursor:pointer}.loadMoreRoster-CND{width:8rem!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .2rem}.loadMoreRoster-CND .loaderMoreIconCss-CND{width:5.5rem;margin-top:-.5rem}.LoadButtonText-CND{color:#fff;font-size:.8rem;margin-left:.3rem;font-weight:600}@media only screen and (max-width:1200px){.back-btn{width:165px}}.assessment-btn{font:normal normal 600 13px/16px Open Sans!important;background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box;border-radius:.5rem;border:none!important;width:100%;text-align:center;color:#fff;min-height:48px}.assessment-btn .actionIcons{width:1.2rem;height:1.2rem;float:left;margin-right:.55rem;margin-top:5px;margin-left:18px}@media only screen and (max-width:1730px){.assessment-btn .actionIcons{margin-left:8px}}@media only screen and (max-width:1565px){.assessment-btn .actionIcons{margin-left:2px;margin-right:4px}}@media only screen and (max-width:1450px){.assessment-btn{font-size:12px!important}}.note-btn{font:normal normal 600 13px/18px Open Sans!important;background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box;border-radius:.5rem;border:none!important;width:100%;text-align:center;color:#fff;min-height:48px}.actionIcons{width:1.2rem;height:1.2rem;margin-right:.55rem}.main-section-CND .header-CND{min-height:5rem}.main-section-CND .header-CND .card-body{padding:.8rem 1.25rem!important}.main-section-CND .header-title-CND{text-align:left;font:normal normal 600 1rem/38px Open Sans;color:#222;margin:auto;white-space:nowrap}.main-section-CND .header-title-CND .border-right-CND{vertical-align:middle;width:80px;display:inline-flex;border-right:1px solid #d3d3d3!important}@media only screen and (max-width:1200px){.main-section-CND .header-title-CND .border-right-CND{width:180px}}.main-section-CND .header-title-CND .sub-title{font:normal normal normal 12px/17px Open Sans;margin-left:15px;color:#777}.main-section-CND .addButton{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box!important}.main-section-CND .addButton,.main-section-CND .disabledAddButton{width:auto;font:normal normal normal 16px/22px Open Sans!important;border-radius:1.5rem!important;float:right;margin-left:8px}.main-section-CND .disabledAddButton{cursor:default!important;background:transparent linear-gradient(270deg,#aec7ea,#b6cae6) 0 0 no-repeat padding-box!important}.main-section-CND .saveCloseBtn{float:right;margin-left:8px;padding:0}.main-section-CND .plus-img{width:.875rem;height:.875rem;margin-right:.5rem;margin-top:-.1875rem}.main-section-CND .refresh-section-CND{min-height:3.75rem}.main-section-CND .refresh-section-CND .card-body{padding:.625rem}@media only screen and (max-width:767px){.main-section-CND .classNotekMainContainer-CND{padding:0}.main-section-CND .main-section-CND{padding:.9375rem!important}.main-section-CND .header-title-CND{margin-bottom:10px}.main-section-CND .addButton{width:auto;font-size:14px!important}.main-section-CND .header-title-CND{font:normal normal 600 .875rem/1.188rem Open Sans!important}}@media only screen and (max-width:767px){.classNotekMainContainer-CND{padding:0}.main-section-CND{margin-top:15px;padding:0!important}.filterSubDiv{margin-top:6px}}@media only screen and (max-width:520px){.main-section-CND{padding:0!important}.filterDiv{float:left}.filterSubDiv{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:10px}}@media only screen and (max-width:1300px){.classNotekMainContainer-CND{padding:.8rem}.filterSubDiv{float:left}.artifactsNote{margin-bottom:unset}}@media only screen and (max-width:1300px)and (max-width:1220px){.classNotekMainContainer-CND{padding:0 1rem}}.desc-search-col-CND{float:left}.total-student-CND{float:left!important;margin-top:7px;margin-left:8px}.total-student-CLPD{font-weight:600;color:#ccc}.totalNoteSearchDiv-CND{display:flex;width:76%}.searchSearchStylediv-CND{width:60%;padding-left:1.5rem;margin-left:30px;height:37px;top:0;position:relative}.searchSearchStylediv-CLPD{border-left:1px solid #eee}.totalNoteSearchDiv-CND .searchSearchdiv-CND{width:95%!important;height:36px!important;margin-top:.1rem!important;padding-left:0!important;margin-bottom:.1rem!important;display:inline-flex;float:left;background:#f4f6fa 0 0 no-repeat padding-box!important;border:.75px solid #ddd!important;border-radius:25px!important;opacity:1;width:300px!important;height:36px}.totalNoteSearchDiv-CND .searchSearchdiv-CND input{cursor:pointer}.totalNoteSearchDiv-CND .searchInput{border:none!important;width:100%}.totalNoteSearchDiv-CND .closeIconSearch{width:1rem;cursor:pointer;margin:.9rem .5rem 0 0}.totalNoteSearchDiv-CND .searchIconDiv-CND{padding:0 .5rem!important}.totalNoteSearchDiv-CND input.middle:focus{outline-width:0!important}.totalNoteSearchDiv-CND .searchIcon{color:#747373!important;margin-left:7px}.totalNoteSearchDiv-CND .searchStudent-CND{background:transparent!important;border:none!important;width:100%!important;font:italic normal normal 13px/17px Open Sans}.totalNoteSearchDiv-CND input{outline:none}.Button-div-1-CND{float:right;margin-right:20px;margin-left:15px;padding-left:7px}.Button-div-1-CND .btn{height:32px}.Button-div-2-CND{float:right;border-left:1px solid;border-color:#d3d3d3;padding-left:14px}.Button-div-2-CND-PaddingTop0{padding-top:0!important;border-left:2px solid!important;border-color:#eee!important;padding-left:14px!important}.Button-div-2-CND .btn{height:32px}.CLPD-threedots{display:flex}.custom-outline-btn-CND{border:1px solid #ccc!important;border-radius:8px!important;margin-left:10px!important;text-align:left!important;font:normal normal normal 14px/18px Open Sans!important;letter-spacing:0!important;color:#222!important;opacity:1!important;outline:1px solid #ccc!important}.custom-outline-btn-CND :hover{color:#ccc!important}.btn-outline-secondary:active,.btn-outline-secondary:hover{background-color:#fff!important;border-color:#6c757d}.custom-button-CND{border-radius:8px!important;margin-left:10px!important;text-align:left!important;font:normal normal normal 14px/18px Open Sans!important;letter-spacing:0!important;color:#fff!important;opacity:1!important;background-color:rgba(56,108,181,.9019607843)!important}.tapToAddText-CND{color:#aaa;font-size:2rem;font-weight:600;margin-top:70px}.sort-by-col-CND{display:flex;float:right;direction:row;justify-content:flex-end;align-items:center}.sort-by-CND p{margin:0!important;padding:0;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 14px/19px Open Sans}.year-CND .classForIcon-CND{color:#487fcc;position:relative;margin-top:-4px;vertical-align:middle}#Note-CND{color:#222!important;font-weight:800;font-size:large}.year-CND{position:relative;color:#487fcc;margin-left:10px;white-space:nowrap;top:2px;cursor:pointer}.year-CND .text-italic{font-style:italic}.note-dashboard-search-image-CND{width:14px;height:14px;align-self:center;position:absolute;top:8px!important;right:27px!important;z-index:2!important}.filterRow-CND{justify-content:space-between}.currentYear-p0{padding:0!important}.stdNoteDisplayFlex-p0{align-items:center}.stdNoteDisplayFlex-p0 p{padding:0!important}.select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.select-search *,.select-search :after,.select-search :before{box-sizing:inherit}.select-search__value{position:relative}.select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.select-search__input{margin-top:5px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;box-shadow:0 0 3px rgba(0,0,0,.1607843137);border:.75px solid #ddd;border-radius:8px;opacity:1}.select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#c6b6b6!important}.select-search__input::-webkit-search-cancel-button,.select-search__input::-webkit-search-decoration,.select-search__input::-webkit-search-results-button,.select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.select-search__input:not([readonly]):focus{cursor:auto}.select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.select-search__row{border-bottom:solid #ddd;border-width:.15px}.select-search__row:last-child{border-bottom:none}.select-search__not-found,.select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-search--multiple .select-search__option{height:48px}.select-search__option.is-highlighted.is-selected,.select-search__option.is-selected,.select-search__option.is-selected:hover{color:#fff}.select-search__group-header{text-transform:uppercase;background:#fff}.select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.select-search:not(.is-disabled) .select-search__input{cursor:pointer;letter-spacing:0;font-weight:600}.select-search--multiple{border-radius:3px;overflow:hidden}.select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.select-search.has-focus .select-search__value:after{display:none}.select-search.has-focus .select-search__input,.select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}.searchImage{width:14px;height:14px;align-self:center;position:absolute;top:13px!important;right:27px!important;z-index:2!important}.note-select-dropdown-main-container-NSC{left:-12%!important}.note-select-dropdown-main-container-NSC,.note-select-dropdown-main-container-NSCC{font-family:sans-serif;text-align:center;width:50px;height:50px;position:relative;top:10px}.note-select-dropdown-main-container-NSCC{left:-8%!important}@media screen and (min-width:1280px)and (max-width:1470px){.note-select-dropdown-main-container-NSC{font-family:sans-serif;text-align:center;width:50px;height:50px;position:relative;top:10px;left:-18%!important}}@media screen and (min-width:1280px)and (max-width:1470px){.rubContainersDiv{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:100px;padding-left:4%!important}}@media screen and (min-width:1471px)and (max-width:1545px){.rubContainersDiv{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:100px;padding-left:1%!important}}@media screen and (min-width:1546px)and (max-width:1745px){.rubContainersDiv{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:100px;padding-left:1%!important}}@media screen and (min-width:1745px)and (max-width:1920px){.rubContainersDiv{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:100px;padding-right:3%!important}}.rubContainersDiv{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:100px}.rubContainersDiv .rubricsArrowImage{width:14px;height:30px;align-self:center;margin-bottom:5px}.rubContainersDiv .rubContainerTextDiv{width:232px;height:54px}.rubContainersDiv .rubContainerTextDiv .rubContainerText{align-self:center;font-size:20px;text-align:center;letter-spacing:0;color:#aaa;opacity:1}.planningContainer{overflow-y:scroll;overflow-x:hidden}.planningContainer .planTitleDiv{flex-wrap:wrap;width:100%;min-height:115px;display:flex;background-color:#fff;border-radius:20px;height:120px;left:-4px}.planningContainer .planTitleDiv .planTitlePlanning{padding:20px}.planningContainer .planTitleDiv .planTitlePlanning .headTitlesPlan{margin:0;font-size:.85rem;font-weight:600;text-align:left}.planningContainer .planTitleDiv .planTitlePlanning .headTitlesPlan .headTitlesPlan__before{text-align:left;font:normal normal normal 11px/15px Open Sans;letter-spacing:0;color:#aaa}.planningContainer .planTitleDiv .planTitlePlanning .mailDiv{height:40px;border-radius:5px;border:1px solid #cfcbcb;background-color:#f4f6fa;font-size:.95rem;padding-left:10px;display:flex;margin-top:15px;max-width:180px;outline:none}.planningContainer .planTitleDiv .planTopic{flex:.45 1;padding:20px}.planningContainer .planTitleDiv .planTopic .headTitlesPlan{margin:0;font-size:.85rem;font-weight:600;text-align:left}.planningContainer .planTitleDiv .planTopic .mailDiv{height:40px;border-radius:5px;border:1px solid #cfcbcb;background-color:#f4f6fa;font-size:.95rem;padding-left:10px;display:flex;margin-top:15px;max-width:180px;outline:none}.planningContainer .planTitleDiv .planStandards{display:flex;align-items:end;flex:.4 1;padding:20px}@media screen and (max-width:1620px){.planningContainer .planTitleDiv .planStandards{display:block}}.planningContainer .planTitleDiv .planStandards .headTitlesPlan{margin:0;font-size:.85rem;font-weight:600;text-align:left}.planningContainer .planTitleDiv .planStandards .generateAIBtn{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box!important;width:140px}.planningContainer .planTitleDiv .planStandards .addNewLesson,.planningContainer .planTitleDiv .planStandards .generateAIBtn{font:normal normal normal 14px/19px Open Sans!important;height:2.5rem!important;border-radius:8px!important;padding:.6rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:flex!important;justify-content:center!important;margin:15px .3rem .1rem 0}.planningContainer .planTitleDiv .planStandards .addNewLesson{width:9rem!important;background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box}.planningContainer .planTitleDiv .planStandards .viewAttText{color:#fff;font-size:.9rem;margin-left:.5rem}.planningContainer .planTitleDiv .planStandards .lessonIcon{width:.9rem;margin-top:.2rem}.planningContainer .planScheduleDiv{flex-wrap:wrap;width:100%;min-height:115px;display:flex;background-color:#fff;border-radius:20px;min-height:120px;right:-4px}.planningContainer .planScheduleDiv .planDateTitle{flex:.45 1;padding:20px}.planningContainer .planScheduleDiv .planDateTitle .headTitlesPlan{margin:0;font-size:.85rem;font-weight:600;text-align:left}.planningContainer .planScheduleDiv .planDateTitle .dateSubBlock{background:#f4f6fa;justify-content:space-between;height:40px;border-radius:5px;border:1px solid #cfcbcb;background-color:#f4f6fa;font-size:.95rem;padding:12px 12px 12px 10px;display:flex;margin-top:15px;max-width:186px;outline:none;align-items:center}.planningContainer .planScheduleDiv .planDateTitle .dateSubBlock .react-datepicker-wrapper{cursor:pointer}.planningContainer .planScheduleDiv .planDateTitle .dateSubBlock .dayDateTextDiv{width:239px}.planningContainer .planScheduleDiv .planDateTitle .dateSubBlock .dayDateTextDiv .dayDateText{text-align:left;margin-bottom:0!important;font:normal normal 600 16px/24px Open Sans}.planningContainer .planScheduleDiv .planDateTitle .dateSubBlock .calMargin{margin:4px 0}.planningContainer .planScheduleDiv .planDateTitlePlanning{flex:.45 1;padding:20px;max-width:250px}@media screen and (max-width:1620px){.planningContainer .planScheduleDiv .planDateTitlePlanning{max-width:25%}}.planningContainer .planScheduleDiv .planDateTitlePlanning .headTitlesPlan{margin:0;font-size:.85rem;font-weight:600;text-align:left}.planningContainer .planScheduleDiv .planDateTitlePlanning .dateSubBlock{background:#f4f6fa;justify-content:space-between;height:40px;border-radius:5px;border:1px solid #cfcbcb;background-color:#f4f6fa;font-size:.95rem;padding:12px 12px 12px 10px;display:flex;margin-top:15px;max-width:186px;outline:none;align-items:center}.planningContainer .planScheduleDiv .planDateTitlePlanning .dateSubBlock .react-datepicker-wrapper{cursor:pointer}.planningContainer .planScheduleDiv .planDateTitlePlanning .dateSubBlock .dayDateTextDiv{width:239px}.planningContainer .planScheduleDiv .planDateTitlePlanning .dateSubBlock .dayDateTextDiv .dayDateText{text-align:left;margin-bottom:0!important;font:normal normal 600 16px/24px Open Sans}.planningContainer .planScheduleDiv .planDateTitlePlanning .dateSubBlock .calMargin{margin:4px 0}.planningContainer .planScheduleDiv .planNotification{max-width:41.666667%;flex:.75 1;padding:20px 0;display:grid}@media screen and (max-width:1680px){.planningContainer .planScheduleDiv .planNotification{max-width:41.666667%}}.planningContainer .planScheduleDiv .planNotification .headTitlesPlan{margin:0;font-size:.85rem;font-weight:600;text-align:left}.planningContainer .planScheduleDiv .planNotification .headTitlesPlan .headTitlesPlan__before{text-align:left;font:normal normal normal 12px/15px Open Sans;letter-spacing:0;color:#aaa}.planningContainer .planScheduleDiv .planNotification .notificationSubBlock{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:baseline}@media screen and (max-width:1537px){.planningContainer .planScheduleDiv .planNotification .notificationSubBlock{padding-top:0}}.planningContainer .planScheduleDiv .planNotification .notificationSubBlock .filterTimeDiv .filterTimeDiv__filterText{border:1px solid #444;border-radius:22px;width:60px;height:25px;display:flex;align-items:center;justify-content:center;font:normal normal 500 12px/17px Open Sans;color:#444}.planningContainer .planScheduleDiv .planNotification .notificationSubBlock .filterTimeDiv .filterTimeDiv__filterText_fill{border:1px solid #386cb5;background:rgba(88,143,220,.1019607843) 0 0 no-repeat padding-box;border-radius:22px;width:60px;height:25px;display:flex;align-items:center;justify-content:center;font:normal normal 600 12px/17px Open Sans;color:#386cb5}.planningContainer .planScheduleDiv .planNotification .notificationSubBlock .filterTimeDiv .filterText{font-size:.85rem;color:#000;margin:auto .375rem}.planningContainer .planScheduleDiv .planNotification .notificationSubBlock .checkBoxfilter{color:#386cb5;cursor:pointer;font-size:21px;margin-right:.2rem}.planningContainer .planScheduleDiv .planNotification .notificationSubBlock .unCheckBoxfilter{cursor:pointer;font-size:21px;margin-right:.2rem}.planningContainer .planScheduleDiv .planNotification .notificationSubBlock .fixedTimeDiv .filterTimeDiv{float:left;display:flex;width:85px}.planningContainer .planScheduleDiv .planNotification .notificationSubBlock .fixedTimeDiv .filterTimeDiv .filterText{font-size:.85rem;color:#000;margin:auto .375rem}.planningContainer .planScheduleDiv .planNotification .fixedTimeDiv{display:flex;padding-left:12px;padding-top:15px}.planningContainer .planScheduleDiv .planNotification .fixedTimeDiv .filterFixedTimeDiv{display:flex}.planningContainer .planScheduleDiv .planNotification .fixedTimeDiv .filterFixedTimeDiv .filterText{font-size:.85rem;color:#000;margin:auto .575rem}.planningContainer .planScheduleDiv .planNotification .fixedTimeDiv .filterFixedTimeDiv .filterTime{color:#386cb5;font-size:.85rem;margin:auto .175rem}.planningContainer .planScheduleDiv .planNotification .fixedTimeDiv .filterFixedTimeDiv .react-datepicker-wrapper .react-datepicker__input-container .remIcon{margin-bottom:2px;margin-left:5px;cursor:pointer}.planningContainer .allSubDivs{height:256px}.planningContainer .allSubDivs .rationalDiv{padding-top:10px}.planningContainer .allSubDivs .rationalDiv .rationalTitleBox{background-color:#669fed;height:42px;border-radius:10px;display:flex;align-items:center}.planningContainer .allSubDivs .rationalDiv .rationalTitleBox .rationalTitle{padding-left:10px;margin-bottom:0;color:#fff;font-size:.98rem;font-weight:600}.planningContainer .allSubDivs .rationalDiv .rationalTitleBox .backendQuestionCaps{text-transform:uppercase}.planningContainer .allSubDivs .rationalDiv .rationalInputBox{margin:0 .9rem}.planningContainer .allSubDivs .rationalDiv .rationalInputBox .rationalInputText{width:100%;border:none;border-radius:10px;min-height:70px;border-top-left-radius:0;border-top-right-radius:0;padding-left:10px;outline:none}.planningContainer .allSubDivs .rationalDiv .rationalInputBox textarea::placeholder{font-style:italic;font-size:.95rem}.planningContainer .allSubDivs .rationalDiv .rationalInputBox .audio-sec{display:flex;padding-top:10px;padding-bottom:5px;background-color:#fff;width:100%;border:none;border-radius:10px;min-height:70px;border-top-left-radius:0;border-top-right-radius:0;padding-left:10px}.planningContainer .allSubDivs .rationalDiv .rationalInputBox .add-media{float:left;margin-top:1px}.planningContainer .allSubDivs .rationalDiv .rationalInputBox .btn-add-media{height:3.938rem;padding:0!important;border:0!important;background:transparent!important;margin-right:.75rem!important;outline:none;width:60px}.planningContainer .allSubDivs .rationalDiv .rationalInputBox .btn-add-media input[type=file]{opacity:0;outline:none;position:relative!important;cursor:pointer;top:-52px}.planningContainer .allSubDivs .rationalDivUrls{padding-top:10px}.planningContainer .allSubDivs .rationalDivUrls .rationalTitleBox{background-color:#669fed;height:42px;border-radius:10px;align-items:center;display:flex;justify-content:space-between}.planningContainer .allSubDivs .rationalDivUrls .rationalTitleBox .rationalTitle{padding-left:10px;margin-bottom:0;color:#fff;font-size:.98rem;font-weight:600}.planningContainer .allSubDivs .rationalDivUrls .rationalTitleBox .rationalSubTitle{padding-left:10px;padding-right:10px;margin-bottom:0;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer}.planningContainer .allSubDivs .rationalDivUrls .rationalInputBox{margin:0 .9rem;height:auto;padding:10px;background-color:#fff;border-radius:10px;border-top-left-radius:0;border-top-right-radius:0}.planningContainer .allSubDivs .rationalDivUrls .rationalInputBox .rationalInputTextDiv{display:flex;justify-content:space-between;padding:10px}.planningContainer .allSubDivs .rationalDivUrls .rationalInputBox .rationalInputTextDiv .rationalInputText{width:80%;border:1px solid #ddd;height:30px;padding-left:10px;background:#f4f6fa;border-radius:5px;color:#000;font-size:.88rem;font-weight:600}.planningContainer .allSubDivs .rationalDivUrls .rationalInputBox input::placeholder{font-size:.95rem;font-weight:200;color:#cec6c6}.planningContainer .allSubDivs .rationalDivUrls .rationalInputBox input[type=text]:focus,.planningContainer .allSubDivs .rationalDivUrls .rationalInputBox textarea:focus{outline:none}.add-medias-modal .modal-title input{font:normal normal 600 .875rem/1.0625rem Open Sans!important;padding:0;height:26px;border:none;box-shadow:none;width:100%}.add-medias-modal .btn{padding:0 5px 0 0}.add-medias-modal .btn:focus{box-shadow:none!important}.add-medias-modal .fa-pencil{color:#aaa;background-color:#fff}.add-medias-modal{margin-top:5rem}.add-medias-modal .modal-title .pencilBtn{background-color:#fff;outline:none}.add-medias-modal .modal-title{font:normal normal 600 1rem/1.375rem Open Sans!important;margin-bottom:.625rem;width:100%;display:inline-flex}.add-medias-modal .modal-header{padding:.8rem 1rem 0;border-radius:.5rem}.add-medias-modal .modal-body{margin-top:.375rem;justify-content:center;min-height:9.6875rem}.add-medias-modal .timer_Div{width:20px;position:absolute;right:50%}.add-medias-modal .modal-footer{justify-content:center}.add-medias-modal .modal-footer button{width:2.5rem;height:2.5rem;border-radius:1.25rem;padding:0}.add-medias-modal .modal-footer .btn-danger,.add-medias-modal .modal-footer .dangerCrossBtn{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box}.add-medias-modal .modal-footer .sucessBtn{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box}.add-medias-modal .modal-footer button img{margin-top:-.1875rem;margin-left:.0625rem}.add-medias-modal .modal-footer .deleteIcon img{margin-top:-.0625rem;margin-left:-.0625rem}.add-medias-modal .modal-content{border-radius:.5rem;background-color:#fff!important}.voice-recorder{width:100%;height:3.875rem}.record-btn{position:relative;cursor:pointer}.record-btn .btn{background:transparent;border:none}.record-info{font:normal normal normal .625rem/.875rem Open Sans;color:#888;margin-top:.5rem;margin-bottom:.5rem}.record-btn .btn-primary.focus,.record-btn .btn-primary:focus,.record-btn .btn-primary:hover,.record-btn .btn-primary:not(:disabled):not(.disabled).active,.record-btn .btn-primary:not(:disabled):not(.disabled):active,.record-btn .show>.btn-primary.dropdown-toggle{color:#fff;background-color:none;border-color:none;box-shadow:none}.record-btn .stopIcon:hover{background:none!important}.record-btn .playAfterPause{width:42px;height:42px;border:1px solid #000!important;border-radius:50px}.record-btn .playAfterPause .playIconPause{margin-left:2px}.record-btn .recordOnOff:hover{background:none!important}.display-none{display:none!important}.timer{top:2.0625rem;font:normal normal 600 .875rem/1.188rem Open Sans;letter-spacing:0;color:#222}.level-score-sec{border-left:.0625em solid #ccc;margin-bottom:0;text-align:right}.level-score-sec .sub-div{display:inline-flex;line-height:2.5em}.level-score-sec .sub-div input{width:100%;margin-left:.625em;background:#f4f6fa 0 0 no-repeat padding-box;border:.0469em solid #ccc;font:normal normal normal .875em/1.1875em Open Sans;color:#000!important}.multimedia-suggestion{font:italic normal normal 13px/18px Open Sans!important;margin:auto 0!important;color:#aaa!important}.audio-suggestion{float:right;font:italic normal normal 13px/18px Open Sans;color:#aaa}.played-video-modal .modal-header{justify-content:flex-end;border:none!important}.played-video-modal .modal-header .delete-btn{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;width:2.5rem;height:2.5rem;border-radius:1.25rem;padding:0;border:none!important}.played-video-modal .modal-footer{justify-content:center;border:none!important}.played-video-modal .modal-dialog{max-width:750px;justify-content:center!important;display:flex}.played-video-modal .modal-footer button{width:2.5rem;height:2.5rem;border-radius:1.25rem;padding:0}.played-video-modal .modal-content{border-radius:.5rem;border:none!important;background-color:hsla(0,0%,100%,0)!important}.played-video-modal .modal-footer .btn-danger{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box}.played-video-modal .modal-footer button img{margin-top:-.1875rem;margin-left:.0625rem}.played-video-modal .modal-body video{width:100%}.played-video-modal .modal-body{border:12px solid #e9e9e9;padding:0!important}.starSelected{font-size:20px}.abc{justify-content:unset;width:101%}.react-datepicker{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:flex;position:absolute;top:20px;left:-72px}.react-datepicker__triangle{left:29px!important}.add-medias-modal .Planning-header,.doc-modal-warning .Planning-header,.played-video-modal .Planning-header{justify-content:flex-end!important}.planningContainer::-webkit-scrollbar{overflow-y:scroll;width:22px;height:50px;border-radius:2px!important;position:"relative";top:5px;display:block!important;width:3px}.planningContainer::-webkit-scrollbar-thumb{background-color:#888}.pleaseWaitText{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#386cb5;opacity:1}.prepareText{font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#222;opacity:1}.dataPara{font:normal normal normal 14px/19px Open Sans;letter-spacing:0;color:#aaa}.dataPara span{font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#386cb5}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#444;color:#444;animation:dot-flashing 1s linear infinite alternate;animation-delay:.5s}.dot-flashing:after,.dot-flashing:before{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-15px;animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after,.dot-flashing:before{width:10px;height:10px;border-radius:5px;background-color:#444;color:#444}.dot-flashing:after{left:15px;animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#444}50%,to{background-color:#dadada}}.sk-fading-circle{margin:20px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;animation:sk-circleFadeDelay 1.2s ease-in-out infinite both}.sk-fading-circle .sk-circle2{transform:rotate(30deg)}.sk-fading-circle .sk-circle3{transform:rotate(60deg)}.sk-fading-circle .sk-circle4{transform:rotate(90deg)}.sk-fading-circle .sk-circle5{transform:rotate(120deg)}.sk-fading-circle .sk-circle6{transform:rotate(150deg)}.sk-fading-circle .sk-circle7{transform:rotate(180deg)}.sk-fading-circle .sk-circle8{transform:rotate(210deg)}.sk-fading-circle .sk-circle9{transform:rotate(240deg)}.sk-fading-circle .sk-circle10{transform:rotate(270deg)}.sk-fading-circle .sk-circle11{transform:rotate(300deg)}.sk-fading-circle .sk-circle12{transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{animation-delay:-1s}.sk-fading-circle .sk-circle4:before{animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}.executionContainer{overflow-y:scroll;min-height:600px}.executionContainer .planTitleDiv{width:100%;min-height:85px;display:flex;background-color:#fff;border-radius:20px}.executionContainer .planTitleDiv .algnDivs{flex:.5 1;padding:10px}.executionContainer .planTitleDiv .algnDivs .planTitle{flex:.45 1;padding:10px;display:flex}.executionContainer .planTitleDiv .algnDivs .planTitle .headTitlesPlan{margin:0;font-size:.85rem;font-weight:600;text-align:left}.executionContainer .planTitleDiv .algnDivs .planTitle .headTitles{margin:0;font-size:.85rem;font-weight:600;text-align:left;padding-left:5px}.executionContainer .allSubDivs{height:256px}.executionContainer .allSubDivs .rationalDiv{padding-top:10px}.executionContainer .allSubDivs .rationalDiv .rationalTitleBox{background-color:#669fed;height:42px;border-radius:10px;display:flex;align-items:center}.executionContainer .allSubDivs .rationalDiv .rationalTitleBox .rationalTitle{padding-left:10px;margin-bottom:0;color:#fff;font-size:.98rem;font-weight:600}.executionContainer .allSubDivs .rationalDiv .rationalTitleBox .backendQuestionCaps{text-transform:uppercase}.executionContainer .allSubDivs .rationalDiv .rationalInputBox{margin:0 .9rem;border:none;border-radius:10px;min-height:70px;border-top-left-radius:0;border-top-right-radius:0;padding-left:10px;background-color:#fff;display:flex;outline:none}.executionContainer .allSubDivs .rationalDiv .rationalInputBox .rationalTextData{margin:0;font-size:.85rem;font-weight:600;text-align:left;outline:none}.executionContainer .allSubDivs .rationalDiv .rationalInputBox .rationalInputText{width:100%;border:none;border-radius:10px;min-height:70px;border-top-left-radius:0;border-top-right-radius:0;padding-left:10px;outline:none}.executionContainer .allSubDivs .rationalDiv .rationalInputBox textarea::placeholder{font-style:italic;font-size:.95rem}.executionContainer .allSubDivs .rationalDiv:last-child{margin-bottom:10px!important}.executionContainer::-webkit-scrollbar{width:22px;height:50px;border-radius:2px!important;position:"relative";top:5px;display:block!important;width:3px;height:10px!important}.executionContainer::-webkit-scrollbar-thumb{background-color:#888;height:10px}.evalutionContainer{overflow-y:scroll}.evalutionContainer .planTitleDiv{width:100%;min-height:85px;display:flex;background-color:#fff;border-radius:20px}.evalutionContainer .planTitleDiv .algnDivs{flex:.5 1;padding:10px}.evalutionContainer .planTitleDiv .algnDivs .planTitle{flex:.45 1;padding:10px;display:flex}.evalutionContainer .planTitleDiv .algnDivs .planTitle .headTitlesPlan{margin:0;font-size:.85rem;font-weight:600;text-align:left}.evalutionContainer .planTitleDiv .algnDivs .planTitle .headTitles{margin:0;font-size:.85rem;font-weight:600;text-align:left;padding-left:5px}.evalutionContainer .emojiDiv{width:100%;min-height:85px;background-color:#fff;border-radius:20px;margin-top:10px;padding:15px}.evalutionContainer .emojiDiv .titleDiv{display:flex;width:100%}.evalutionContainer .emojiDiv .titleDiv .analyticsTitle{flex:1 1;text-align:left;font-size:1rem;font-weight:600;margin-bottom:0}.evalutionContainer .emojiDiv .titleDiv .emojiColHead{flex:.06 1;font-size:.85rem;font-weight:600;margin-bottom:0}.evalutionContainer .emojiDiv .emojiIconsDetails{display:flex}.evalutionContainer .emojiDiv .emojiIconsDetails .questionTitle{align-items:center;display:flex;flex:1 1;font-size:.85rem;font-weight:600;text-align:left;overflow-wrap:anywhere}.evalutionContainer .emojiDiv .emojiIconsDetails .emojiIcons-img{flex:.06 1}.evalutionContainer .emojiDiv .addMoreInputDiv{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.evalutionContainer .emojiDiv .addMoreInputDiv .rationalInputText{width:80%;border:1px solid #ddd;padding-left:10px;height:40px;outline:none;background:#f4f6fa;border-radius:5px;color:#000;font-size:.88rem;font-weight:600}.evalutionContainer .emojiDiv .addMoreInputDiv input::placeholder{font-style:italic;font-size:.95rem;color:#ddd}.evalutionContainer .emojiDiv .addMoreInputDiv input[type=text]:focus,.evalutionContainer .emojiDiv .addMoreInputDiv textarea:focus{outline:none}.evalutionContainer .emojiDiv .addMoreInputDiv .displayFlexInSeletAtt{padding-right:10px;display:flex;align-items:center}.evalutionContainer .emojiDiv .addMoreInputDiv .displayFlexInSeletAtt .undoSelect{width:2.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:10rem;opacity:1;margin-right:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.evalutionContainer .emojiDiv .addMoreInputDiv .displayFlexInSeletAtt .undoSelect .CrossAndConfirmIcon{color:#fff;padding-top:7px}.evalutionContainer .emojiDiv .addMoreBtn{color:#386cb5;font-weight:600;font-size:.89rem;cursor:pointer;outline:none;border:none;background:none;display:flex}.evalutionContainer .allSubDivs{height:256px}.evalutionContainer .allSubDivs .rationalDiv{padding-top:10px}.evalutionContainer .allSubDivs .rationalDiv .rationalTitleBox{background-color:#669fed;height:42px;border-radius:10px;display:flex;align-items:center}.evalutionContainer .allSubDivs .rationalDiv .rationalTitleBox .rationalTitle{padding-left:10px;margin-bottom:0;color:#fff;font-size:.98rem;font-weight:600}.evalutionContainer .allSubDivs .rationalDiv .rationalTitleBox .backendQuestionCaps{text-transform:uppercase}.evalutionContainer .allSubDivs .rationalDiv .rationalTitleBox .addMoreBtns{font-size:.98rem;font-weight:600;cursor:pointer;outline:none;border:none;background:none;display:flex;color:#fff}.evalutionContainer .allSubDivs .rationalDiv .rationalTitleBox .addMoreBtns .lpOptionIcons{width:1.1rem;margin-right:5px}.evalutionContainer .allSubDivs .rationalDiv .rationalTitleBox .rationalInputsText{width:91%;border:none;border-radius:10px;padding-left:10px;color:#fff;background-color:#669fed;height:42px;padding-top:10px;outline:none}.evalutionContainer .allSubDivs .rationalDiv .rationalTitleBox textarea::placeholder{font-style:italic;font-size:.95rem;color:#fff}.evalutionContainer .allSubDivs .rationalDiv .rationalInputBox{margin:0 .9rem;border:none;border-radius:10px;min-height:70px;border-top-left-radius:0;border-top-right-radius:0;padding-left:10px;background-color:#fff;display:flex}.evalutionContainer .allSubDivs .rationalDiv .rationalInputBox .rationalTextData{margin:0;font-size:.85rem;font-weight:600;text-align:left}.evalutionContainer .allSubDivs .rationalDiv .rationalInputBox .rationalInputText{width:100%;border:none;border-radius:10px;min-height:70px;border-top-left-radius:0;border-top-right-radius:0;padding-left:10px;outline:none}.evalutionContainer .allSubDivs .rationalDiv .rationalInputBox textarea::placeholder{font-style:italic;font-size:.95rem;color:#9fa0a3}@media only screen and (min-width:357px)and (max-width:820px){.planningContainer .planTitleDiv{flex-wrap:wrap}}@media only screen and (min-width:357px)and (max-width:577px){.planningContainer .planScheduleDiv{flex-wrap:wrap}}@media only screen and (min-width:251px)and (max-width:768px){.evalutionContainer .emojiDiv .titleDiv .analyticsTitle{flex:.7 1}.evalutionContainer .emojiDiv .titleDiv .emojiColHead{flex:.108 1}}@media only screen and (min-width:769px)and (max-width:820px){.evalutionContainer .emojiDiv .titleDiv .analyticsTitle{flex:.8 1}.evalutionContainer .emojiDiv .titleDiv .emojiColHead{flex:.108 1}}.evalutionContainer::-webkit-scrollbar{overflow-y:scroll;width:22px;height:50px;border-radius:2px!important;position:"relative";top:5px;display:block!important;width:3px}.evalutionContainer::-webkit-scrollbar-thumb{background-color:#888}.addNewLessonContainer{background:#f0f0f0;height:100%;overflow-x:hidden;padding:0 2.5rem 1rem;height:49rem}.addNewLessonContainer .addLessonPlanMainDiv{width:100%;background:#fff;justify-content:space-between;display:flex;padding:1rem;box-shadow:0 3px 4px rgba(34,34,34,.1019607843)!important}.addNewLessonContainer .addLessonPlanMainDiv .LessonPlanDetailsMain{display:flex;align-items:center;flex:2 1}.addNewLessonContainer .addLessonPlanMainDiv .LessonPlanDetailsMain .ClassBackDiv{display:flex;padding:.8rem;background:#eee;width:13rem;height:3.1rem;cursor:pointer}.addNewLessonContainer .addLessonPlanMainDiv .LessonPlanDetailsMain .lessonBackIcon{font-size:1.3rem;padding-top:3px}.addNewLessonContainer .addLessonPlanMainDiv .LessonPlanDetailsMain .lessonClassBactText{margin:0;font-size:1rem;font-weight:600;text-align:left}.addNewLessonContainer .addLessonPlanMainDiv .LessonPlanDetailsMain .attClassDetailTextDiv{margin-left:1rem;flex:1.6 1;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.addNewLessonContainer .addLessonPlanMainDiv .LessonPlanDetailsMain .attClassDetailTextDiv .firstDetailsDiv{display:grid}.addNewLessonContainer .addLessonPlanMainDiv .LessonPlanDetailsMain .attClassDetailTextDiv .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.addNewLessonContainer .addLessonPlanMainDiv .LessonPlanDetailsMain .attClassDetailTextDiv .head{color:#386cb5;text-transform:capitalize;text-align:left;font:normal normal 600 14px/14px Open Sans;margin:0}.addNewLessonContainer .addLessonPlanMainDiv .LessonPlanDetailsMain .attClassDetailTextDiv .displayFlexClassRoster{display:flex;cursor:pointer}.addNewLessonContainer .addLessonPlanMainDiv .LessonPlanDetailsMain .attClassDetailTextDiv .displayFlexClassRoster .calIcon{align-self:center;cursor:default;cursor:not-allowed}.addNewLessonContainer .addLessonPlanMainDiv .LessonPlanDetailsMain .attClassDetailTextDiv .displayFlexClassRoster .attClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:8px 0 0;cursor:default}.addNewLessonContainer .addLessonPlanMainDiv .displayFlexInSeletAtt{padding-right:12px;display:flex;align-items:center}.addNewLessonContainer .addLessonPlanMainDiv .displayFlexInSeletAtt .undoSelect{width:2.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;border-radius:10rem;opacity:1;margin-right:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;width:100px;height:40px;color:#fff;border-radius:8px}.addNewLessonContainer .addLessonPlanMainDiv .displayFlexInSeletAtt .confirmSlectDiv{width:2.5rem;height:2.5rem;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;border-radius:10rem;cursor:pointer}.addNewLessonContainer .addLessonPlanMainDiv .displayFlexInSeletAtt .confirmSlectDiv .confirmIconsLesson{color:#fff;padding-right:6px}.addNewLessonContainer .addLessonPlanMainDiv .displayFlexInSeletAtt .opacityFade{opacity:.4;pointer-events:none;cursor:default!important}.addNewLessonContainer .addLessonPlanMainDiv .buttonMarginTop{display:flex;align-items:center}.addNewLessonContainer .addLessonPlanMainDiv .buttonMarginTop .addNewLesson{background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box}.addNewLessonContainer .addLessonPlanMainDiv .buttonMarginTop .addNewLesson,.addNewLessonContainer .addLessonPlanMainDiv .buttonMarginTop .addNewLessonFade{width:11rem!important;height:2.5rem!important;padding:.6rem!important;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.addNewLessonContainer .addLessonPlanMainDiv .buttonMarginTop .addNewLessonFade{border-radius:8px!important;background:transparent linear-gradient(270deg,#a7e9a5,#a7e9a5) 0 0 no-repeat padding-box}.addNewLessonContainer .addLessonPlanMainDiv .buttonMarginTop .addNewLessonFadeAlignItems{align-items:first baseline;pointer-events:none}.addNewLessonContainer .addLessonPlanMainDiv .buttonMarginTop .lessonIcons{width:1.1rem;margin-top:.4rem}.addNewLessonContainer .addLessonPlanMainDiv .buttonMarginTop .viewAttText{color:#fff;font-size:.9rem;margin-left:.5rem}.addNewLessonContainer .addLessonPlanMainDiv .lessonDetailTextDiv{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.addNewLessonContainer .addLessonPlanMainDiv .lessonDetailTextDiv .lessonClassName{margin:0;font-size:1rem;font-weight:600;text-align:left}.addNewLessonContainer .addLessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson{display:flex;cursor:pointer}.addNewLessonContainer .addLessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson .calIcon{align-self:center;cursor:default;cursor:not-allowed}.addNewLessonContainer .addLessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson .lessonClassGrade{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:5px 0 0 5px;cursor:default}.addNewLessonContainer .addLessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited{display:inline-flex;flex-wrap:wrap;cursor:default;align-items:center}.addNewLessonContainer .addLessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited .attTitleName{margin:0;font-size:1rem;font-weight:600;text-align:left;display:flex;padding-right:5px;font:normal normal 600 14px/14px Open Sans}.addNewLessonContainer .addLessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson .headingForEdited .head{color:#386cb5;text-transform:capitalize;font:normal normal 600 14px/14px Open Sans;margin:0}.addNewLessonContainer .addLessonPlanMainDiv .lessonDetailTextDiv .displayFlexClassLesson .attClassGrades{color:#888;margin:0 .5rem 0 0;font-size:.8rem;text-align:left;padding:1px 0 0 5px;cursor:default;font-weight:600}.addNewLessonContainer .tabsDiv{padding-top:30px;width:100%!important}.addNewLessonContainer .tabsDiv .mb-3{border:none}.addNewLessonContainer .tabsDiv .mb-3 .nav-item{width:386px}.addNewLessonContainer .tabsDiv .mb-3 .nav-item .a{color:red}.addNewLessonContainer .tabsDiv .mb-3 .nav-link{color:#aaa;background-color:#fff;flex:.33 1}.addNewLessonContainer .tabsDiv .mb-3 .nav-link.active{color:#386cb5!important;background-color:#fff;border:none;border-bottom:3px solid #386cb5}@media only screen and (min-width:357px)and (max-width:820px){.addNewLessonContainer .addLessonPlanMainDiv{flex-wrap:wrap}}.BR-8{border-radius:8px!important}.goBackBtnLP{line-height:1.5!important;border-radius:.25rem!important}.cancelBtnLP,.goBackBtnLP{font:inherit!important}.attendance-select-class-main-container{background:#f0f0f0;height:100%;overflow-x:hidden;padding:0 2.5rem 1rem}.attendance-select-class-main-container .header-main-container{width:100%;height:80px;background:#fff;justify-content:space-between;display:flex;padding:1rem;border-radius:0 0 8px 8px}.attendance-select-class-main-container .header-main-container .header-breadcrumb-main-container{display:flex;align-items:center;width:30%}.attendance-select-class-main-container .header-main-container .header-breadcrumb-main-container .header-breadcrumb-back-btn-div{display:flex;background:transparent;cursor:pointer;align-items:center}.attendance-select-class-main-container .header-main-container .header-breadcrumb-main-container .header-breadcrumb-back-btn-div .header-breadcrumb-back-btn-img{width:60px;height:40px;align-self:center;cursor:pointer}.attendance-select-class-main-container .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.attendance-select-class-main-container .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div .breadcrumb-inner-flex-div{display:flex;flex-direction:row;align-items:center;cursor:default;width:-webkit-max-content;width:max-content;padding-top:9px}.attendance-select-class-main-container .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div .breadcrumb-inner-flex-div .breadcrumb-academic-year-text{color:#487fcc;margin-bottom:15px;margin-right:10px;font-size:1rem;font-weight:600;text-align:left;cursor:pointer}.attendance-select-class-main-container .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div .breadcrumb-inner-flex-div .breadcrumb-arrow-icon{color:#487fcc;margin-bottom:15px;margin-left:-8px}.attendance-select-class-main-container .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div .breadcrumb-inner-flex-div .breadcrumb-attendance-text{color:#222;font-size:1.25rem;font-weight:600;text-align:left;cursor:default}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container{width:30%}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-search-icon{width:14px;height:14px;align-self:center;position:absolute;top:10px!important;right:27px!important;z-index:2!important}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container{font-family:sans-serif;text-align:center;position:relative;flex:.6 1;top:0!important;left:0!important}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .iconDiv{position:absolute;left:9px;z-index:2!important;top:3px;cursor:pointer}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .iconDiv .searchFiltersIcon{cursor:pointer;color:#aaa;margin-right:10px}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search *,.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search :after,.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search :before{box-sizing:inherit}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__value{position:relative}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__input{margin-top:10px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;border:1px solid #ddd;box-shadow:0 0 3px rgba(136,195,250,.8901960784);border-radius:8px;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;opacity:1}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#c6b6b6!important}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__input::-webkit-search-cancel-button,.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__input::-webkit-search-decoration,.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__input::-webkit-search-results-button,.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__input:not([readonly]):focus{cursor:auto}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__row{border-bottom:solid #ddd;border-width:.15px}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__row:last-child{border-bottom:none}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__not-found,.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search--multiple .select-search__option{height:48px}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__option.is-highlighted.is-selected,.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__option.is-selected,.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__option.is-selected:hover{color:#fff}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__group-header{text-transform:uppercase;background:#fff}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search.is-disabled{opacity:.5}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search:not(.is-disabled) .select-search__input{cursor:pointer;letter-spacing:0;font-weight:600}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search--multiple{border-radius:3px;overflow:hidden}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search.has-focus .select-search__value:after{display:none}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-bottom-right-radius:0;border-bottom-left-radius:0;border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.attendance-select-class-main-container .header-main-container .header-dropdown-main-container .dropdown-main-container .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}.attendance-select-class-main-container .header-main-container .header-view-report-main-container{width:20%;display:flex;align-items:center;justify-content:end}.attendance-select-class-main-container .header-main-container .header-view-report-main-container .report-btn-container{width:6.25rem!important;height:2.5rem!important;border-radius:.5rem!important;padding:.6rem!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)!important;display:inline-flex!important;justify-content:center!important;font-size:.6rem!important;margin:.1rem .3rem}.attendance-select-class-main-container .header-main-container .header-view-report-main-container .report-btn-container .report-btn-icon{width:.9rem;margin-top:.4rem}.attendance-select-class-main-container .header-main-container .header-view-report-main-container .report-btn-container .report-btn-text{color:#fff;font-size:.9rem;margin-left:.5rem;font-weight:600}.attendance-select-class-main-container .body-main-container{width:100%;display:flex;flex-direction:column;align-self:center;align-items:center;margin-top:150px}.attendance-select-class-main-container .body-main-container .arrow-icon{width:14px;height:24px;align-self:center}.attendance-select-class-main-container .body-main-container .body-text-div{width:200px;align-self:center}.attendance-select-class-main-container .body-main-container .body-text-div .body-text{align-self:center;font-size:20px;text-align:center;letter-spacing:0;color:#aaa;opacity:1}.dataUsageContainer{justify-content:center;padding:20px 150px 50px}.dataUsageContainer .cardOfPlan{width:100%;height:300px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 46px rgba(0,0,0,.1607843137);border:none;padding:40px;border-radius:8px}.dataUsageContainer .planHeading{font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#363636;text-transform:uppercase}.dataUsageContainer .planIconDiv{width:100px;height:100px;transform:matrix(.71,.71,-.71,.71,0,0);background:transparent linear-gradient(45deg,#669eec,#3e73bc) 0 0 no-repeat padding-box;box-shadow:0 1px 3px rgba(0,0,0,.1607843137);border:3px solid #fefefe;opacity:1}.dataUsageContainer .planDetails{display:inline-flex;float:left}.dataUsageContainer .planType{text-align:left;font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#222;text-transform:uppercase;margin-bottom:10px;opacity:1}.dataUsageContainer .professionalPara{color:#1aa6b4}.dataUsageContainer .premiumPara,.dataUsageContainer .professionalPara{font-size:normal normal 600 16px/22px Open Sans;text-transform:uppercase;font-weight:600}.dataUsageContainer .premiumPara{color:#e83861}.dataUsageContainer .personalPlanPara{font-size:normal normal 600 16px/22px Open Sans;color:#f18f1a;text-transform:uppercase;font-weight:600}.dataUsageContainer .planPrice{text-align:left;font:normal normal normal 16px/22px Open Sans;letter-spacing:0;color:#386cb5}.dataUsageContainer .planDetailsPoint{color:var(--unnamed-color-222222);text-align:left;font:normal normal normal 14px/15px Open Sans;letter-spacing:0;color:#222;font-weight:700;position:relative;bottom:4px}.dataUsageContainer .planDetailsPoint .benefitsText{font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#363636;text-transform:uppercase}.dataUsageContainer .dataPlans{text-align:left;font:normal normal normal 15px/26px Open Sans;letter-spacing:0;color:#222}.dataUsageContainer .benefitsDiv{margin-top:0}.dataUsageContainer .upgardePlanCol{position:relative}.dataUsageContainer .upgradePlanButton{width:150px;height:40px;background:transparent linear-gradient(90deg,#669eec,#3e73bc) 0 0 no-repeat padding-box}.dataUsageContainer .mTop20{margin-top:20px}.dataUsageContainer .mTop30{margin-top:30px}.dataUsageContainer .cardOfProgressBar{max-width:975px;min-height:300px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#f5f7fb 0 0 no-repeat padding-box;box-shadow:0 3px 46px rgba(0,0,0,.1607843137);border:none;padding:40px;border-radius:8px;margin:20px auto 0}.dataUsageContainer .progressBarHeading{margin-top:10px;margin-bottom:5px;text-align:left;font:normal normal normal 16px/22px Open Sans;letter-spacing:0;color:#222;font-weight:700}.dataUsageContainer .progressBarValue{text-align:right;font:normal normal normal 16px/22px Open Sans;letter-spacing:0;color:#222;margin-top:10px;margin-bottom:5px}.dataUsageContainer .progress{height:6px!important;border-radius:1.5rem!important;width:100%!important;margin:.1rem 0;float:right}.dataUsageContainer .progressbarfirst{width:0;background:transparent linear-gradient(90deg,#659deb,#3e73bc) 0 0 no-repeat padding-box;border-radius:3px;box-shadow:inset 0 -2px 5px 0 #fd1010,0,0,.5;animation:change 10s linear infinite}.dataUsageContainer .progressSpaceBtwDiv{justify-content:space-between;display:inline-flex;padding:0}.dataUsageContainer .noteCount{text-align:left}.dataUsageContainer .dataAvailable,.dataUsageContainer .noteCount{font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#222}.dataUsageContainer .dataAvailable{text-align:right}@media only screen and (min-width:751px)and (max-width:950px){.dataUsageContainer{padding:20px 20px 50px}.dataUsageContainer .planDetails{position:none}.dataUsageContainer .upgradePlanButton{right:1px}.dataUsageContainer .planDetails{display:block;float:center}}@media only screen and (min-width:980px)and (max-width:1280px){.dataUsageContainer{padding:20px 20px 50px}}@media only screen and (min-width:251px)and (max-width:980px){.dataUsageContainer{padding:20px 20px 50px}.dataUsageContainer .upgardePlanCol{position:none}.dataUsageContainer .upgradePlanButton{position:relative}.dataUsageContainer .benefitsDiv{margin-top:30px}}@media only screen and (min-width:251px)and (max-width:768px){.dataUsageContainer .dataPlans{position:relative;line-height:.8em}}.leftUpgradeBg{background-color:#f9f9f9;border-bottom-left-radius:8px;border-top-left-radius:8px}.upgradePlanContainer{justify-content:center;padding:0 50px 15px}.upgradePlanContainer .header-main-container{width:100%;height:80px;background:#fff;justify-content:space-between;display:flex;padding:1rem;border-radius:0 0 8px 8px}.upgradePlanContainer .header-main-container .header-breadcrumb-main-container{display:flex;align-items:center;width:30%}.upgradePlanContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-back-btn-div{display:flex;background:transparent;cursor:pointer;align-items:center}.upgradePlanContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-back-btn-div .header-breadcrumb-back-btn-img{width:60px;height:40px;align-self:center;cursor:pointer}.upgradePlanContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.upgradePlanContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div .breadcrumb-inner-flex-div{display:flex;flex-direction:row;align-items:center;cursor:default;width:-webkit-max-content;width:max-content;padding-top:9px}.upgradePlanContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div .breadcrumb-inner-flex-div .breadcrumb-academic-year-text{color:#487fcc;margin-bottom:15px;margin-right:10px;font-size:1rem;font-weight:600;text-align:left;cursor:pointer}.upgradePlanContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div .breadcrumb-inner-flex-div .breadcrumb-arrow-icon{color:#487fcc;margin-bottom:15px;margin-left:-8px}.upgradePlanContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div .breadcrumb-inner-flex-div .breadcrumb-attendance-text{color:#222;font-size:1.25rem;font-weight:600;text-align:left;cursor:default}.upgradePlanContainer .refCol{padding-left:15px}.upgradePlanContainer .refCol .refrenceLink{color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#222;font-weight:700;opacity:1}.upgradePlanContainer .cardOfPlan{min-height:300px;background:none;box-shadow:none;border:none;width:100%;margin-top:0;display:flex;flex-wrap:wrap}.upgradePlanContainer .cardRowPadd0{padding-right:0!important;border-radius:8px;filter:drop-shadow(0 3px 66px rgba(0,0,0,.1607843137));max-width:435px}.upgradePlanContainer .cardPlanRow{background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border-radius:6px;opacity:1;width:100%;padding:25px 5px 10px;margin:15px 0 0}.upgradePlanContainer .planTypeTextDiv{float:left!important;text-align:left!important;margin-left:15px}.upgradePlanContainer .cardOfPlanRules{width:100%;min-height:300px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;margin-top:20px;padding:40px;border:none;text-align:left;font:normal normal normal 12px/21px Open Sans;letter-spacing:0;color:#222}.upgradePlanContainer .planIconDiv{width:100px;height:100px;transform:matrix(.71,.71,-.71,.71,0,0);background:transparent linear-gradient(45deg,#669eec,#3e73bc) 0 0 no-repeat padding-box;box-shadow:0 1px 3px rgba(0,0,0,.1607843137);border:3px solid #fefefe;opacity:1}.upgradePlanContainer .planDetails{display:inline-flex;float:left}.upgradePlanContainer .planType{text-align:left;font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#0069d9;text-transform:uppercase;margin-bottom:10px;opacity:1}.upgradePlanContainer .annualPlanType{text-align:left;font:normal normal 600 12px/14px Open Sans;letter-spacing:0;color:#222;margin-bottom:10px;opacity:1}.upgradePlanContainer .selectedPackage{color:#000!important;justify-content:flex-start!important}.upgradePlanContainer .annualPlanPrice{cursor:pointer}.upgradePlanContainer .annualPlanPrice,.upgradePlanContainer .disAnnualPlanPrice{text-align:left;font:normal normal normal 16px/22px Open Sans;letter-spacing:0;font-weight:700}.upgradePlanContainer .disAnnualPlanPrice{color:#91b1dd}.upgradePlanContainer .opacityProp{opacity:.4;cursor:default!important}.upgradePlanContainer .selectedAnnualPlanPrice{text-align:left;font:normal normal normal 16px/22px Open Sans;letter-spacing:0;color:#000;font-weight:700}.upgradePlanContainer .planPrice{color:#fff!important;display:flex;justify-content:center!important;cursor:pointer}.upgradePlanContainer .planPrice,.upgradePlanContainer .planPriceFree{text-align:left;font:normal normal normal 16px/22px Open Sans;letter-spacing:0;font-weight:700;margin-top:6px}.upgradePlanContainer .planPriceFree{color:#3e73bc;margin-bottom:81px}.upgradePlanContainer .freeText{pointer-events:none}.upgradePlanContainer a[target=_blank]{margin-bottom:10px}.upgradePlanContainer .annualDiv{margin-left:-15px}.upgradePlanContainer .planDetailsPoint{color:var(--unnamed-color-222222);text-align:left;font:normal normal normal 14px/15px Open Sans;letter-spacing:0;color:#222;font-weight:700;margin-left:15px}.upgradePlanContainer .planDetailsPointFont{font:normal normal normal 14px/20px Open Sans;letter-spacing:0;color:#222}.upgradePlanContainer .planDetailsPointDashboardUpgrade{color:var(--unnamed-color-222222);text-align:left;font:normal normal normal 14px/21px Open Sans;letter-spacing:0;color:#222}.upgradePlanContainer .benefitsDiv{margin-top:0;margin-left:-15px}.upgradePlanContainer .upgradePlanButton{height:35px;background:transparent linear-gradient(90deg,#669eec,#3e73bc) 0 0 no-repeat padding-box;border-radius:8px;float:left;font-size:14px;margin-bottom:10px;padding:0 10px}.upgradePlanContainer .mTop20{margin-top:20px}.upgradePlanContainer .mTop30{margin-top:30px}.upgradePlanContainer .mBot5{margin-bottom:5px}.upgradePlanContainer .dataPlans{position:relative;line-height:1.5em}@media only screen and (min-width:1000px)and (max-width:1200px){.upgradePlanContainer{padding:0 0 50px}.upgradePlanContainer .cardPlanRow{width:100%!important;margin-right:0}.upgradePlanContainer .upgradePlanButton{width:95px;font-size:12px}.upgradePlanContainer .planPrice,.upgradePlanContainer .planPriceFree,.upgradePlanContainer .planType{font:normal normal 600 12px/16px Open Sans}.upgradePlanContainer .planPrice{margin-top:8px}.upgradePlanContainer .annualPlanPrice,.upgradePlanContainer .disAnnualPlanPrice{font:normal normal 600 12px/16px Open Sans}.upgradePlanContainer .selectedAnnualPlanPrice{font:normal normal normal 12px/22px Open Sans;font-weight:700}}@media only screen and (min-width:950px)and (max-width:1000px){.upgradePlanContainer .planPrice{margin-top:8px}.upgradePlanContainer .annualPlanPrice,.upgradePlanContainer .disAnnualPlanPrice,.upgradePlanContainer .planPrice,.upgradePlanContainer .planPriceFree{font:normal normal 600 12px/16px Open Sans}.upgradePlanContainer .selectedAnnualPlanPrice{font:normal normal normal 12px/22px Open Sans;font-weight:700}.upgradePlanContainer .upgradePlanButton{width:95px;font-size:12px}}@media only screen and (min-width:751px)and (max-width:950px){.upgradePlanContainer{padding:0 0 50px}.upgradePlanContainer .cardPlanRow{width:100%;margin-right:0}.upgradePlanContainer .upgradePlanButton{width:95px;font-size:12px}.upgradePlanContainer .planPrice,.upgradePlanContainer .planType{font:normal normal 600 12px/16px Open Sans}.upgradePlanContainer .planPrice{margin-top:8px}.upgradePlanContainer .disAnnualPlanPrice,.upgradePlanContainer .planPriceFree{font:normal normal 600 12px/16px Open Sans}.upgradePlanContainer .selectedAnnualPlanPrice{font:normal normal normal 12px/22px Open Sans;font-weight:700}.upgradePlanContainer .annualPlanPrice{font:normal normal 600 12px/16px Open Sans}}@media only screen and (min-width:251px)and (max-width:750px){.upgradePlanContainer{padding:0 0 50px}.upgradePlanContainer .cardPlanRow{width:100%;margin-right:0}.upgradePlanContainer .upgradePlanButton{margin-bottom:10px}}@media only screen and (min-width:251px)and (max-width:770px){.upgradePlanContainer .planPriceFree{margin-bottom:15px!important}.upgradePlanContainer .planTypeTextDiv{margin-left:15px!important}}@media only screen and (min-width:807px)and (max-width:870px){.upgradePlanContainer .planPriceFree{margin-bottom:135px!important}}@media only screen and (min-width:768px)and (max-width:807px){.upgradePlanContainer .planPriceFree{margin-bottom:115px!important}}@media only screen and (min-width:950px)and (max-width:997px){.upgradePlanContainer .planPriceFree{margin-bottom:244px!important}}@media only screen and (min-width:768px)and (max-width:885px){.upgradePlanContainer .benefitsDiv{margin-left:0!important}.upgradePlanContainer .planTypeTextDiv{margin-left:90px!important}}.personalPlanPara{color:#f18f1a}.personalPlanPara,.professionalPara{font-size:14px;text-transform:uppercase;font-weight:600}.professionalPara{color:#1aa6b4}.premiumPara{font-size:14px;color:#e83861;text-transform:uppercase;font-weight:600}.planIconBg{background-color:#f9f9f9;border-top-left-radius:8px;border-bottom-left-radius:8px}.customAllPadding{padding:25px 5px 10px}.planFreeBtn{background:transparent linear-gradient(78deg,#52c45e,#337735) 0 0 no-repeat padding-box;border-radius:8px!important;text-transform:capitalize!important}.recommendBox{background-color:#e6395d;border-radius:0 0 10px 10px;font:normal normal 600 13px/18px Open Sans;letter-spacing:0;color:#fff;position:absolute;top:0;left:15px;width:124px;height:27px;display:flex;align-items:center;justify-content:center}.planPremiumProBtn{width:115px;height:35px;background:transparent linear-gradient(90deg,#669eec,#3e73bc) 0 0 no-repeat padding-box;border-radius:8px}.annualPlanTypeParaSpan span{color:#376bb4}.premiumCardBoxShadow{box-shadow:0 23px 17px rgba(0,0,0,.1411764706)!important}.subscriptionsContainer{justify-content:center;padding:20px 150px 0}.subscriptionsContainer .cardOfSubscriptions{width:100%;min-height:500px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843)}.subscriptionsContainer .subscriptionsHeading{text-align:center;font:normal normal normal 35px/40px Roboto;letter-spacing:.8px;color:#222;opacity:1;padding:20px 0 10px}.subscriptionsContainer .blueBorder{height:2px;background:#446cb0}.subscriptionsContainer .descriptionText{font-family:"Roboto",sans-serif;font-size:20px;font-weight:300;letter-spacing:0;line-height:26px;margin:0 20px 25px;text-align:justify}.subscriptionsContainer .cardOfSubscriptionsPlan{width:100%;min-height:500px;background:#fff 0 0 no-repeat padding-box;border:none;padding:20px 60px}.subscriptionsContainer .cardOfPlan{min-height:300px;background:none;box-shadow:none;border:none;width:100%;margin-top:1rem;display:flex;flex-wrap:wrap}.subscriptionsContainer .planDiv{width:100%;min-height:535px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);margin-top:20px;padding:10px}.subscriptionsContainer .planIconDiv{width:100px;transform:matrix(.71,.71,-.71,.71,0,0);background:transparent linear-gradient(45deg,#669eec,#3e73bc) 0 0 no-repeat padding-box;box-shadow:0 1px 3px rgba(0,0,0,.1607843137);border:3px solid #fefefe;opacity:1}.subscriptionsContainer .planDetails{display:inline-flex;float:left}.subscriptionsContainer .planType{font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#222;text-transform:uppercase;margin-bottom:10px;opacity:1;margin-top:10px}.subscriptionsContainer .planPrice{font:normal normal normal 16px/22px Open Sans;letter-spacing:0;color:#386cb5}.subscriptionsContainer .planDetailsPoint{text-align:left;font:normal normal normal 14px/15px Open Sans;color:#222;font-family:"Roboto",sans-serif;font-size:14px;font-weight:300;letter-spacing:0;line-height:20px;margin:0 20px 25px}.subscriptionsContainer .upgradePlanButton{width:120px;height:35px;background:transparent linear-gradient(90deg,#669eec,#3e73bc) 0 0 no-repeat padding-box;border-radius:20px;margin-bottom:20px}@media only screen and (min-width:850px)and (max-width:1250px){.subscriptionsContainer{padding:20px 80px 0}}@media only screen and (min-width:251px)and (max-width:850px){.subscriptionsContainer{padding:20px 40px 0}}.green .rangeslider{background-color:#ffc424}.yellow .rangeslider{background-color:red}.sort-by-col-CND{justify-content:flex-start;padding-left:0!important}.Button-div-2-CND{border:none;text-align:left;font:normal normal normal 14px/19px Open Sans;letter-spacing:0;color:#222;opacity:1;padding:1rem 0 0 .1rem}.settingsContainer{justify-content:center;padding:10px 150px 0}.settingsContainer .cardOfRange{width:100%;min-height:254px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);margin-top:20px;padding:20px;text-align:left;border:none}.settingsContainer .cardHeading{text-align:left;font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#222}.settingsContainer .cardRangeTitle{text-align:left;font:normal normal normal 14px/19px Open Sans;letter-spacing:0;color:#222;opacity:1}.settingsContainer .cardOfDate{width:100%;min-height:360px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);margin-top:20px;padding:20px;border:none;text-align:left}.settingsContainer .cardDateFormatTitle{text-align:left;font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#aaa;margin-bottom:5px}.settingsContainer .mainDivForFormat{min-height:70px}.settingsContainer .dateFormatList{width:165px;height:1.75rem;border-radius:16px;margin:.3rem;float:left;display:flex;align-items:center}.settingsContainer .dateFormatListText{text-align:left;font:normal normal normal 14px/19px Open Sans;letter-spacing:0;color:#222;opacity:1;padding:1rem 0 0 .1rem}.settingsContainer .saveCloseBtn{float:right;margin-left:8px;padding:0;outline:none}@media only screen and (min-width:951px)and (max-width:1280px){.settingsContainer{padding:10px 20px 0}}@media only screen and (min-width:551px)and (max-width:951px){.settingsContainer{padding:10px 20px 0}.settingsContainer .mainDivForFormat{min-height:90px}}@media only screen and (min-width:251px)and (max-width:550px){.settingsContainer{padding:10px 20px 0}.settingsContainer .mainDivForFormat{min-height:165px}}.settingsContainer .rangeslider-horizontal{width:300px;height:4px;border-radius:10px}.settingsContainer .green .rangeslider-horizontal .rangeslider__fill{background-color:#23bf1d!important}.settingsContainer .yellow .rangeslider-horizontal .rangeslider__fill{background-color:#ffc424!important}.settingsContainer .rangeslider-horizontal .rangeslider__handle{height:16px!important;width:16px!important;border-radius:100%;background-color:#fff!important}.settingsContainer .rangeslider-horizontal .rangeslider__handle:after{display:none!important}.settingsContainer .rangeslider__labels{margin:0!important}.aboutContainer{justify-content:center;padding:20px 150px 0}.aboutContainer .cardOfAbout{width:100%;min-height:500px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border:none;padding:40px}.aboutContainer .aboutHeading{text-align:center;font:normal normal normal 35px/40px Roboto;letter-spacing:.8px;color:#222}.aboutContainer .descriptionText{font-family:"Roboto",sans-serif;font-size:20px;font-weight:300;letter-spacing:0;line-height:26px;margin:0 20px 25px;text-align:justify}@media only screen and (min-width:851px)and (max-width:1250px){.aboutContainer{padding:20px 40px 0}}@media only screen and (min-width:251px)and (max-width:850px){.aboutContainer{padding:20px 0 0}}.termsContainer{justify-content:center;padding:20px 150px 0}.termsContainer .cardOfTerms{width:100%;min-height:500px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);padding:40px}.termsContainer .TermsHeading{text-align:center;font:normal normal normal 35px/40px Roboto;letter-spacing:.8px;color:#222}.termsContainer .questionText{text-align:left;font-weight:600}.termsContainer .descriptionText,.termsContainer .questionText{font-size:20px;letter-spacing:0;line-height:26px;margin:0 20px 25px}.termsContainer .descriptionText{font-family:"Roboto",sans-serif;font-weight:300;text-align:justify}@media only screen and (min-width:851px)and (max-width:1250px){.termsContainer{padding:20px 40px 0}}@media only screen and (min-width:251px)and (max-width:850px){.termsContainer{padding:20px 0 0}}.faqContainer{justify-content:center;padding:20px 150px 0}.faqContainer .cardOfFAQ{width:100%;min-height:500px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border:none;padding:40px}.faqContainer .faqHeading{text-align:center;font:normal normal normal 35px/40px Roboto;letter-spacing:.8px;color:#222}.faqContainer .faqHeadingType{margin-top:15px;margin-bottom:20px;text-align:center;font:normal normal normal 28px Roboto;color:#222}.faqContainer .faqQuestion{text-align:left;font-weight:600}.faqContainer .faqDescriptionText,.faqContainer .faqQuestion{font-family:"Roboto",sans-serif;font-size:20px;letter-spacing:0;line-height:26px;margin:0 20px 25px}.faqContainer .faqDescriptionText{font-weight:300;text-align:justify}@media only screen and (min-width:851px)and (max-width:1250px){.faqContainer{padding:20px 40px 0}}@media only screen and (min-width:251px)and (max-width:850px){.faqContainer{padding:20px 0 0}}.contactContainer{justify-content:center;padding:20px 80px 0}.contactContainer .cardOfContact{width:100%;min-height:500px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border:none;padding:40px}.contactContainer .aboutHeading{text-align:center;font:normal normal normal 35px/40px Roboto;letter-spacing:.8px;color:#222;margin-bottom:30px}.contactContainer .descriptionText{font-weight:300;line-height:26px;text-align:justify;text-align:left;font:normal normal normal 16px/22px Open Sans;letter-spacing:.32px;color:#222}.contactContainer .addressMainDiv{padding:0 0 0 20px}.contactContainer .addressDiv{text-align:left}.contactContainer .addressIconCol{padding-right:10px}.contactContainer .formDiv{width:100%;height:429px;background:#f0f0f0 0 0 no-repeat padding-box;border-radius:10px;padding:10px 25px}.contactContainer .fromInput{height:45px;background:transparent!important;border:none;border-bottom:1px solid #d6d3d3;margin-bottom:2px;margin-top:20px;border-radius:0;padding-left:0}.contactContainer .form-control:focus{box-shadow:none!important;border-bottom:1px solid #d6d3d3;margin-bottom:2px}.contactContainer .fromInputArea{height:95px;background:#fff 0 0 no-repeat padding-box;border-radius:5px;margin-top:20px}.contactContainer .sendButton{float:right;width:87px;height:40px;background:var(--unnamed-color-386cb5) 0 0 no-repeat padding-box;background:#386cb5 0 0 no-repeat padding-box;border-radius:5px;margin-top:20px}.contactContainer .sendText{font:normal normal normal 16px/22px Open Sans;letter-spacing:0;text-align:center;color:#fff;text-transform:uppercase;opacity:1;margin:0;font-weight:700}.contactContainer .errormessage{color:#d80f0f!important;float:left!important;margin-top:3px!important;font-size:13px!important;margin-bottom:1px!important;font-weight:600}@media only screen and (min-width:851px)and (max-width:1250px){.contactContainer{padding:20px 40px 0}}@media only screen and (min-width:251px)and (max-width:850px){.contactContainer{padding:20px 0 0}.contactContainer .addressIconCol{margin-bottom:10px;text-align:left;padding-right:0}}.blogContainer{justify-content:center;padding:30px 0}.blogContainer .blogHeading{text-align:center;font:normal normal normal 35px/40px Roboto;letter-spacing:.8px;color:#222}.blogContainer .blogMainCard{width:100%;margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center}.blogContainer .blogCards{width:350px;height:360px;background:#f0f3f7 0 0 no-repeat padding-box;box-shadow:1px 1px 3px rgba(0,0,0,.1019607843);border-radius:2px;border:none;margin-left:25px;margin-top:25px;cursor:pointer}.blogContainer .blogCardImage{width:100%;height:180px;border-radius:2px 2px 0 0;opacity:1}.blogContainer .blogCardTitle{font:normal normal 700 17px/20px Raleway;letter-spacing:.34px;max-height:40px}.blogContainer .blogCardDiscription,.blogContainer .blogCardTitle{color:var(--unnamed-color-222222);text-align:left;color:#222;overflow:hidden}.blogContainer .blogCardDiscription{font:normal normal normal 15px/20px Roboto;letter-spacing:.3px;max-height:60px}.blogContainer .blogCardTime{text-align:left;font:normal normal normal 14px/19px Roboto;letter-spacing:.28px;color:#666;opacity:1}.blogContainer .blogLoadMore{width:100px;height:30px;background:var(--unnamed-color-386cb5) 0 0 no-repeat padding-box;background:#386cb5 0 0 no-repeat padding-box;border-radius:6px;margin-top:20px}.blogContainer .blogMoreText{text-align:center;font-size:10px;letter-spacing:.36px;color:#fff;text-transform:uppercase;opacity:1;margin:0;font-weight:700}.blogContainer .blogDetailsCardImage{width:80%;height:500px;border-radius:2px 2px 0 0;opacity:1;margin-bottom:20px}@media only screen and (min-width:851px)and (max-width:1250px){.blogContainer{padding:30px 0}.blogContainer .blogCards{width:350px}}@media only screen and (min-width:551px)and (max-width:850px){.blogContainer{padding:30px 0}.blogContainer .blogCards{width:300px}.blogContainer .blogDetailsCardImage{width:100%;height:300px}}@media only screen and (min-width:251px)and (max-width:550px){.blogContainer{padding:30px 40px}.blogContainer .blogCards{width:100%;margin-left:0}.blogContainer .blogDetailsCardImage{width:100%;height:300px}}.payPalContainer{justify-content:center;text-align:-webkit-center;padding:0 150px 50px}.payPalContainer .header-main-container{width:100%;height:80px;background:#fff;justify-content:space-between;display:flex;padding:1rem;border-radius:0 0 8px 8px}.payPalContainer .header-main-container .header-breadcrumb-main-container{display:flex;align-items:center;width:30%}.payPalContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-back-btn-div{display:flex;background:transparent;cursor:pointer;align-items:center}.payPalContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-back-btn-div .header-breadcrumb-back-btn-img{width:60px;height:40px;align-self:center;cursor:pointer}.payPalContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div{margin-left:1rem;border-left:1px solid #eee;padding:.3rem 0 0 1rem}.payPalContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div .breadcrumb-inner-flex-div{display:flex;flex-direction:row;align-items:center;cursor:default;width:-webkit-max-content;width:max-content;padding-top:9px}.payPalContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div .breadcrumb-inner-flex-div .breadcrumb-academic-year-text{color:#487fcc;margin-bottom:15px;margin-right:10px;font-size:1rem;font-weight:600;text-align:left;cursor:pointer}.payPalContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div .breadcrumb-inner-flex-div .breadcrumb-arrow-icon{color:#487fcc;margin-bottom:15px;margin-left:-8px}.payPalContainer .header-main-container .header-breadcrumb-main-container .header-breadcrumb-inner-div .breadcrumb-inner-flex-div .breadcrumb-attendance-text{color:#222;font-size:1.25rem;font-weight:600;text-align:left;cursor:default}.payPalContainer .mainCardRow{width:730px;background:#fff;border-radius:8px}.payPalContainer .cardPlanRow{border-radius:6px;opacity:1;padding:25px 5px 10px;margin:20px 20px 0 0}.payPalContainer .cardPlanRow .planIconBg{background:#f9f9f9 0 0 no-repeat padding-box;border-radius:8px 0 0 8px}.payPalContainer .planTypeTextDiv{float:left!important;text-align:left!important}.payPalContainer .cardOfPlanRules{width:100%;min-height:300px;background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);margin-top:20px;padding:40px;border:none}.payPalContainer .planIconDiv{width:100px;height:100px;transform:matrix(.71,.71,-.71,.71,0,0);background:transparent linear-gradient(45deg,#669eec,#3e73bc) 0 0 no-repeat padding-box;box-shadow:0 1px 3px rgba(0,0,0,.1607843137);border:3px solid #fefefe;opacity:1}.payPalContainer .planDetails{display:inline-flex;float:left}.payPalContainer .planType{text-align:left;font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#222;text-transform:uppercase;margin-bottom:10px;opacity:1}.payPalContainer .planPrice{text-align:left;font:normal normal normal 16px/22px Open Sans;letter-spacing:0;color:#386cb5}.payPalContainer .planDetailsPoint{color:var(--unnamed-color-222222);text-align:left;font:normal normal normal 14px/20px Open Sans;letter-spacing:0;color:#222}.payPalContainer .benefitsDiv{margin-top:0}.payPalContainer .goHomeButton{width:231px;height:35px;background:transparent linear-gradient(90deg,#669eec,#3e73bc) 0 0 no-repeat padding-box;border-radius:20px}.payPalContainer .paypalButtonDiv{display:inline-flex}.payPalContainer .goBackButton{width:136px;height:35px;background:transparent linear-gradient(90deg,grey 100%,#3e73bc 0) 0 0 no-repeat padding-box;border-radius:20px;margin-right:20px}.payPalContainer .retryPaymentButton{width:196px;height:35px;background:transparent linear-gradient(90deg,#01e31c,#00b115) 0 0 no-repeat padding-box;border-radius:21px;margin-right:20px}.payPalContainer #paypal-button-container{width:231px!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 0 5px rgba(56,108,181,.4);border-radius:6px}.payPalContainer .paypal-button.paypal-button-color-blue{border-radius:8px!important;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box!important;box-shadow:0 0 5px rgba(56,108,181,.4) imo!important}.payPalContainer .paymentSucessDiv{background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#f9f9f9 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);width:100%;min-height:400px;padding:50px 30px 30px}.payPalContainer .paymentSuccessImage{width:450px;height:200px}.payPalContainer .mTop20{margin-top:20px}.payPalContainer .mTop30{margin-top:30px}.payPalContainer .mBot5{margin-bottom:5px}.payPalContainer .dataPlans{position:relative;line-height:1.5em}@media only screen and (min-width:951px)and (max-width:1150px){.payPalContainer{padding:0 50px 50px}.payPalContainer .cardPlanRow{width:100%;margin-right:0}}@media only screen and (min-width:551px)and (max-width:950px){.payPalContainer{padding:0 20px 50px}.payPalContainer .cardPlanRow{width:100%;margin-right:0}.payPalContainer .paymentSuccessImage{width:350px;height:150px}}@media only screen and (min-width:251px)and (max-width:550px){.payPalContainer{padding:0 20px 50px}.payPalContainer .cardPlanRow{width:100%;margin-right:0}.payPalContainer .upgradePlanButton{margin-bottom:10px}.payPalContainer .paypalButtonDiv{display:block;margin-top:40px}.payPalContainer .paymentSucessDiv{padding:50px 10px 10px}.payPalContainer .paymentSuccessImage{width:250px;height:150px}.payPalContainer .goBackButton{margin-right:0;margin-bottom:20px}}.selectedPlanSuccessPara{text-align:left;font:normal normal 600 16px/22px Open Sans;letter-spacing:0;color:#111}.subscriptionSuccessParaStyle{text-align:left;font:normal normal 600 20px/27px Open Sans;letter-spacing:0;color:#222}.stripePaymentDiv .btn{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;box-shadow:0 0 5px rgba(56,108,181,.4);border-radius:6px;opacity:1;width:356px;height:45px}.newPaypalBtnClass,.zoid-outlet{width:365px!important}.container-flex{display:flex;flex-direction:row;width:100vw;height:100vh;overflow:hidden;background:#f0f0f0}.container-flex .container-sidebar{display:flex;flex:1 1}.container-flex .container-body{flex:5 1;display:flex;flex-direction:column}.container-navbar{flex:none}.container-children{flex:auto;height:82vh!important;overflow:hidden;overflow-y:auto}.container-childrenPage{flex:auto;min-height:82vh!important;width:100vw;background-color:#f0f0f0;padding:0 4rem}.loadermainFalse,.loadermainTrue{position:fixed;margin:auto;left:0;right:0;text-align:center}.loadermainTrue{background:#386cb5;opacity:.2;height:100vh}.loaderCSS{background:radial-gradient(#386cb5,transparent)!important;width:85px;margin:auto;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}@media only screen and (min-width:270px) and (max-width:970px){.container-childrenPage{background-color:#f0f0f0;padding:0 1rem}}@media only screen and (min-width:1360px){.container-childrenPage{min-height:88vh!important}}.notificationDashboard .modal-content{border-radius:8px}.notificationDashboard .modal-dialog{top:67px!important;right:50px!important}.notificationDashboard .modal-title{font:normal normal 600 16px/22px Open Sans}.notificationDashboard .closeHeader{background:none;outline:none;border:none}.notificationDashboard .notificationModalBody{padding:0 20px 20px!important;max-height:542px;overflow-y:auto}.notificationDashboard .notificationCard{padding-top:30px;padding-bottom:15px;border:none;border-bottom:.1px solid #ddd;border-radius:0;position:relative}.notificationDashboard .circleCentre{display:flex;justify-content:center}.notificationDashboard .notificationProfileText{color:#fff;padding-top:20%;text-transform:uppercase;width:3.3rem;height:3.3rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;opacity:.8}.notificationDashboard .closeButtonInNotification{outline:none;right:2px;top:15px;position:absolute;border-radius:100%;margin-bottom:4px}.notificationDashboard .closeIconInNotification{height:10px;width:10px;margin-top:-5px}.notificationDashboard .notificationProfile{border-radius:100%;height:50px;width:50px;margin-bottom:10px}.notificationDashboard .checkBoxfilter,.notificationDashboard .unCheckBoxfilter{cursor:pointer;font-size:21px;margin-right:.2rem}.notificationDashboard .checkBoxfilter{color:#386cb5}.notificationDashboard .notificationTextCol{padding-left:0!important}.notificationDashboard .noNotificationText,.notificationDashboard .notificationText{color:var(--unnamed-color-222222);text-align:left;font:normal normal normal 13px/18px Open Sans;letter-spacing:0;color:#222}.notificationDashboard .noNotificationText{display:flex;justify-content:center;padding-top:25px}.notificationDashboard .alignEnd{display:flex;justify-content:flex-end}.notificationDashboard .notificationAcceptButton{width:70px;height:28px;background:transparent linear-gradient(270deg,#23bf1d,#5fdb5a) 0 0 no-repeat padding-box;border-radius:8px;opacity:1}.notificationDashboard .notificationRejectButton{width:70px;height:28px;background:transparent linear-gradient(270deg,#ea3838,#f05e5e) 0 0 no-repeat padding-box;border-radius:8px;margin-left:5px;opacity:1}.notificationDashboard .notificationButtonText{color:var(--unnamed-color-ffffff);margin-left:0;font:normal normal 600 12px/17px Open Sans;letter-spacing:0;color:#fff;opacity:1;position:relative;bottom:1px}.notificationDashboard .notificationTime{font:normal normal normal 11px/15px Open Sans;letter-spacing:0;color:#aaa;opacity:1;margin-top:7px;margin-bottom:0}.notificationDashboard .notificationButtonCol{text-align:left}@media only screen and (min-width:451px)and (max-width:767px){.notificationDashboard{margin-right:12px!important;width:311px}.notificationDashboard .notificationModalBody{padding:0 20px 20px!important;max-height:542px;overflow-y:auto}.notificationDashboard .notificationCard{padding-top:30px;padding-bottom:15px;border:none;border-bottom:.1px solid #ddd;border-radius:0;position:relative;padding-left:20px}.notificationDashboard .notificationProfileText{color:#fff;padding-top:5%;text-transform:uppercase;width:3.3rem;height:3.3rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;opacity:.8}}@media only screen and (min-width:451px)and (max-width:1600px){.notificationDashboard{margin-right:12px!important;width:311px}}@media only screen and (min-width:150px)and (max-width:450px){.notificationDashboard{margin-right:12px!important;width:311px!important}.notificationDashboard .notificationModalBody{padding:0 20px 20px!important;max-height:542px;overflow-y:auto}.notificationDashboard .notificationCard{padding-top:30px;padding-bottom:15px;border:none;border-bottom:.1px solid #ddd;border-radius:0;position:relative;padding-left:20px}.notificationDashboard .notificationProfileText{color:#fff;padding-top:5%;text-transform:uppercase;width:3.3rem;height:3.3rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;box-shadow:1px 2px 3px rgba(0,0,0,.1019607843);border-radius:50rem;margin-top:0;text-align:center;opacity:.8}}.bs-example{background:#222!important;padding:.5rem 7rem!important;height:70px}.bg-light{background-color:#222!important}.navbar-light .navbar-nav .nav-link{color:#fff!important}.mainLogo{height:2.375rem;width:9.438rem;cursor:pointer}.menuIcon{margin:.5rem}.notification{width:2.25rem;height:2.25rem;margin-left:.6rem;background-color:#fff!important;align-items:center;border-radius:6px}.badges,.notification{display:flex;justify-content:center}.badges{position:absolute;top:8px;right:-10px;padding:5px 5px 3px;border-radius:88%;background-color:red!important;color:#fff!important;height:22px;width:22px}.badgeValue{font-size:14px;margin-top:-5px}.fontletter{color:var(--unnamed-color-ffffff);text-align:left;font-family:Roboto;letter-spacing:.72px;color:#fff;text-transform:uppercase;opacity:1}.navbar-light .navbar-toggler{color:#fff!important;border-color:#fff!important}.navbar-light .navbar-nav .nav-link{cursor:pointer}.notificationIcon{width:36px;height:36px;color:#386cb5;cursor:pointer}.displayFlex{display:inline-flex;align-items:center}.dropIcon{margin-right:10px;width:18px;height:18px;margin-left:11px}.dropListText{margin:.1rem;width:42px;height:19px;letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-222222);text-align:left;letter-spacing:0;color:#222;opacity:1;display:flex;justify-content:center;font-size:15px}.dropdown-item.active,.dropdown-item:active{outline:none;background-color:#386cb5!important}.arrowIcon{margin-left:8px;margin-bottom:6px}.navbar{padding:0!important}.dropdown-menu.dropdown-menu-right.show:before{content:"";display:block;position:absolute;top:-17px;right:11px;border:10px solid transparent;border-bottom-color:#fff;z-index:2}.logoutTextColor{color:red}.dropdownDividerCustom{width:130px;margin-left:10px!important}.customDropdownHover:hover{background-color:#fff!important}.customDropDownContainer{border-radius:8px!important;box-shadow:0 2px 6px rgba(0,0,0,.10196078431372549);border:none!important;right:-5px!important}@media only screen and (min-width:771px) and (max-width:920px){.bs-example{padding:1rem 2.5rem!important}.navbar-expand-md .navbar-nav .nav-link{padding-right:.3rem;padding-left:.3rem}}@media only screen and (min-width:695px) and (max-width:970px){.bs-example{padding:0 1rem!important}.navbar{padding:.5rem 0!important}.notification{border:none!important;border-left:0 solid #fff;margin-left:0!important}}@media only screen and (min-width:200px) and (max-width:694px){.bs-example{padding:1rem!important}.notification{border:none!important;border-left:0 solid #fff;margin-left:0!important}}.footer{width:100%;background-color:#212121;padding:0 100px;position:relative;bottom:-10vh}.footer,.footer .fontColor{color:#ddd!important}.footer .footerOptionRow{border-bottom:.1px solid #ddd;width:100%;padding:0 0 15px}.footer .downloadTitle{margin-bottom:0!important;display:flex;align-self:center;padding-right:10px;font-size:14px;font-family:"Roboto";text-align:center;letter-spacing:0;color:#fff;opacity:1}.footer .downloadOptions,.footer .footerOptions{margin:7px;display:flex;cursor:pointer}.footer .downloadOptions{justify-content:flex-end}.footer .copyright{text-align:left;font:normal normal normal 11px/15px Roboto;letter-spacing:0;color:#fff;opacity:.68;margin:7px;display:flex;cursor:pointer}.footer .footerErrowIcon{color:#fff;top:8px!important}.footer .footerStayConnected{color:#fff!important;font-size:18px;font-weight:700}.footer .footerSocialIcon{margin:5px;cursor:pointer;width:18px;height:21px}.footer .InputType{border-bottom:.25px solid #ddd;height:45px;padding-left:10px;color:#ddd!important;background:transparent;width:55%;background-color:#2c2c2c;border-top-color:#2c2c2c;border-left-color:#2c2c2c;border-right:azure;padding-top:10px;margin-top:-3px}.footer .MuiOutlinedInput-input{padding:0!important}.footer .MuiOutlinedInput-root{color:#ddd}.footer .subscribeButton{background-color:#386cb5;color:#ddd;height:2.7rem;width:8rem;margin-left:10px;cursor:pointer}.footer ::placeholder{color:#ddd!important;opacity:1}.footer :-ms-input-placeholder{color:#ddd!important}@media only screen and (min-width:1025px)and (max-width:1300px){.footer{padding:15px 15px 5px}}@media only screen and (min-width:671px)and (max-width:1024px){.footer{padding:15px 15px 5px}.footer .InputType{width:50%}}@media only screen and (min-width:471px)and (max-width:670px){.footer{padding:15px 10px 5px}}@media only screen and (min-width:270px)and (max-width:470px){.footer{padding:15px 10px 5px}.footer .subscribeButton{margin-left:0}.footer .InputType{width:100%}}@media only screen and (min-width:1300px)and (max-width:1499px){.footer{position:relative;bottom:-28vh}}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer{background:#f0f0f0;height:100%;padding:0 3rem}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .btn:focus,.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer a:focus{outline:none!important;box-shadow:none!important}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .back-btn{font:normal normal 600 1rem/1.375rem Open Sans;background-color:#eee!important;border-radius:.25rem;width:100%;text-align:left!important;color:#222!important;border:none!important;font-weight:600!important;height:3.125rem;width:317px;margin-right:15px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .back-btn .fa-chevron-left{margin-right:.625rem}@media only screen and (max-width:1200px){.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .back-btn{width:214px;font-size:14px;white-space:nowrap}}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .left-section-groupNoteCard .card{width:356px;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 4px rgba(34,34,34,.1019607843);border-radius:8px;opacity:1;border:none}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .left-section-groupNoteCard .card p{height:19px;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-222222);text-align:left;font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#222;opacity:1}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .left-section-groupNoteCard .card p .groupNamespan{max-width:150px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:inline-block}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .left-section-groupNoteCard .card p .totalNotesSpan{text-align:left;letter-spacing:0;color:#aaa;margin-left:15px;position:relative;bottom:4px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .assessment-btn{font:normal normal 600 13px/16px Open Sans!important;background:transparent linear-gradient(270deg,#ffb239,#ffc76e) 0 0 no-repeat padding-box;border-radius:.5rem;border:none!important;width:100%;text-align:center;color:#fff;min-height:48px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .assessment-btn .actionIcons{width:1.2rem;height:1.2rem;float:left;margin-right:.55rem;margin-top:5px;margin-left:18px}@media only screen and (max-width:1730px){.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .assessment-btn .actionIcons{margin-left:8px}}@media only screen and (max-width:1565px){.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .assessment-btn .actionIcons{margin-left:2px;margin-right:4px}}@media only screen and (max-width:1450px){.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .assessment-btn{font-size:12px!important}}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .note-btn{font:normal normal 600 13px/18px Open Sans!important;background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box;border-radius:.5rem;border:none!important;width:100%;text-align:center;color:#fff;min-height:48px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .note-btn .actionIcons{width:1.5rem;height:1.5rem;margin-right:.75rem}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .header{min-height:4rem;border:none;border-radius:8px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .header .card-body{padding:16px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .header .CNAG-saveCloseBtn{float:right;margin-left:15px;padding:0}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title{text-align:left;font:normal normal 600 1rem/38px Open Sans;color:#222;display:inline-flex}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title .CNAG-border-right{display:inline-flex}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title .CNAG-border-right .calIcon{cursor:pointer}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title .year{margin:auto 0 auto 10px;white-space:nowrap}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title .year .text-italic{font-style:italic}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title .sub-title{font:normal normal normal 12px/17px Open Sans;margin-left:15px;color:#777}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider{text-align:left;font:normal normal 600 1rem/32px Open Sans;color:#222;display:inline-flex;height:50px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .mt--18{margin-top:-19px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .mt-18{padding-top:18px!important}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-left{width:104px;margin:0 12px 0 0}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-left .CNAG-suggestion{font:var(--unnamed-font-style-italic) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-777777);text-align:left;font:italic normal normal 12px/17px Open Sans;letter-spacing:0;color:#777;opacity:1}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right{margin:0;display:flex;overflow:auto;width:calc(100vw - 310px);overflow:hidden;height:55px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right:hover{overflow-x:scroll;overflow-y:hidden}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right .CNAG-student-profile{font:normal normal normal 12px/17px Open Sans;letter-spacing:0;color:#222;opacity:1;width:70px;text-align:left;display:inline-table;margin-bottom:25px;position:relative}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right .CNAG-student-profile label{margin-bottom:0}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right .CNAG-student-profile .img-div{width:3.125rem;height:3.125rem;background:transparent linear-gradient(180deg,#639be7,#386cb5) 0 0 no-repeat padding-box;margin:auto;box-shadow:.0625rem .125rem .1875rem rgba(0,0,0,.1019607843);border-radius:50rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;top:0;position:relative}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right .CNAG-student-profile .img-div img{width:3.125rem;height:3.125rem;border-radius:50rem}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right .CNAG-student-profile .img-div .imgTag{font:normal normal normal 23px/32px Open Sans;color:#fff;margin-top:-9px;display:block}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right ::-webkit-scrollbar{width:2px;height:2px;border-radius:2px!important;position:"relative";top:5px;display:block!important}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right::-webkit-scrollbar{width:2px;height:2px;border-radius:2px!important;position:"relative";top:5px;width:8px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-slider .CNAG-right::-webkit-scrollbar-thumb{background-color:#888}@media only screen and (max-width:1300px){.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-right{width:calc(100vw - 190px)!important}}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-student-section{margin-top:11px;border-bottom:1px solid #ddd;opacity:1}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-student-section .CNAG-changedCard{padding:9px 1.25rem 20px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-student-section .CNAG-tickMarkImg{background:transparent linear-gradient(325deg,#386cb5,#669fed) 0 0 no-repeat padding-box;width:16px!important;height:16px!important;border-radius:20px;padding:4px;z-index:1;transform:translate(56px,3px);position:absolute;left:-56px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-student-section .CNAG-notickMarkImg{background:transparent linear-gradient(341deg,#fff 36%,#fff 0) 0 50% no-repeat padding-box;width:16px!important;height:16px!important;border-radius:20px;padding:4px;transform:translate(25px,18px);margin-top:-15px;margin-left:-12px;position:absolute}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-student-section .groupMarkImg{background:transparent linear-gradient(341deg,#fff 36%,#edf0f3 0) 0 50% no-repeat padding-box;width:16px!important;height:16px!important;border-radius:20px;transform:translate(25px,18px)}@media only screen and (max-width:767px){.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-classNoteAddGroupkMainContainer{padding:0}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-main-section{padding:.9375rem!important}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .CNAG-header-title{font:normal normal 600 .875rem/1.188rem Open Sans!important;margin-bottom:10px}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section .addButton{width:auto;font-size:14px!important}}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section-second-header .totalNotesSpan{text-align:left;letter-spacing:0;color:#222;opacity:.4}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section-second-header .groupNpteView .filterDiv{float:right;display:flex;flex-direction:inherit;padding-left:20px;border-left:2px solid #ddd}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section-second-header .groupNpteView .showAllBtn{background-color:#386bb5!important;height:32px;font-size:.8125rem;color:#000;border-radius:8px;margin-right:0!important}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section-second-header .groupNpteView .blueActiveButton{height:2rem;border:.5px solid #386bb5;background-color:#386bb5;color:#fff!important;border-radius:8px;float:left;display:flex;align-items:center;justify-content:center;margin:auto .625rem;padding:0 .5rem;cursor:pointer}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section-second-header .groupNpteView .filterSubDiv{height:2rem;border:.5px solid #ccc;border-radius:8px;float:left;display:flex;align-items:center;justify-content:center;margin:auto .625rem;padding:0 .5rem;cursor:pointer;margin-top:0!important}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section-second-header .groupNpteView .filterSubDiv .filterText{font-size:.8125rem;color:#000;margin:auto .375rem}@media only screen and (max-width:767px){.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-classNoteAddGroupkMainContainer{padding:0}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section{padding:0!important}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .filterSubDiv{margin-top:6px}}@media only screen and (max-width:520px){.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .CNAG-main-section{padding:0!important}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .filterDiv{float:left}.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer .filterSubDiv{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:10px}}.ClassGroupNoteViewComponent .mt-0{margin-top:0!important}.ClassGroupNoteViewComponent .pt-0{padding-top:0!important}.ClassGroupNoteViewComponent .pointer{cursor:pointer;position:absolute}.ClassGroupNoteViewComponent .CNAG-changedCardFontCenter{height:100vh;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.ClassGroupNoteViewComponent .CNAG-changedCardFontCenter .noneStudents{font-weight:600;opacity:.4;display:flex;font:normal normal 600 20px/14px Open Sans}.ClassGroupNoteViewComponent .CNAG-DetailTextDiv{border-left:2px solid #eee;margin-left:15px}.ClassGroupNoteViewComponent .CNAG-DisplayFlex{display:flex;cursor:pointer;margin-left:15px}.ClassGroupNoteViewComponent .CNAG-DisplayFlex p{margin:0!important;padding:0!important;font-size:16px}.ClassGroupNoteViewComponent .CNAG-DisplayFlex i{color:#487fcc;font-size:24px;padding-top:7px;cursor:pointer}.ClassGroupNoteViewComponent .CNAG-currentYear{color:#487fcc;margin-bottom:20px;font-size:1rem;font-weight:400;text-align:left;cursor:pointer}.ClassGroupNoteViewComponent .CNAG-stdNoteGrade2{color:#222;font-size:1.25rem;font-weight:600;text-align:left;cursor:default}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer{font-family:sans-serif;text-align:center;position:relative;flex:.6 1;margin-left:18%}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .iconDiv{position:absolute;left:9px;z-index:2;top:2px}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .iconDiv .CNAG-searchFiltersIcon{cursor:pointer;color:#aaa;margin-right:10px;margin-top:4px}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search{width:240px!important;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box;bottom:5px!important;cursor:pointer}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search *,.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search :after,.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search :before{box-sizing:inherit}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__value{position:relative}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px;cursor:pointer}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__input{margin-top:5px;display:block;height:40px;width:240px;padding:0 40px 0 30px;background:#fff;outline:none!important;font-family:"Noto Sans",sans-serif;font-size:14px;color:#386cb5;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none;box-shadow:0 0 3px rgba(0,0,0,.1607843137);border:.75px solid #ddd;border-radius:8px;opacity:1}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__input::placeholder{font:italic normal normal 13px/18px Open Sans;letter-spacing:0;color:#c6b6b6!important}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__input::-webkit-search-cancel-button,.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__input::-webkit-search-decoration,.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__input::-webkit-search-results-button,.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__input:not([readonly]):focus{cursor:auto}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__select{max-height:150px!important;box-shadow:10px 10px 12px rgba(236,9,9,.1607843137);border:1px solid #ddd}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__options{list-style:none;padding:0 5px;background:#fff;cursor:pointer}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__row{border-bottom:solid #ddd;border-width:.15px}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__row:last-child{border-bottom:none}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__not-found,.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__option{display:block;height:36px;width:100%;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search--multiple .select-search__option{height:48px}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__option.is-highlighted.is-selected,.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__option.is-selected,.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__option.is-selected:hover{color:#fff}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__group-header{text-transform:uppercase;background:#fff}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search.is-disabled{opacity:.5}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search:not(.is-disabled) .select-search__input{cursor:pointer;font-weight:600;text-align:left;font:normal normal 600 13px/18px Open Sans;letter-spacing:0;color:#386cb5;opacity:1}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search--multiple{border-radius:3px;overflow:hidden}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{transform:rotate(45deg);border-right:3px solid #000;border-bottom:3px solid #000;pointer-events:none}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search.has-focus .select-search__value:after{display:none}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search.has-focus .select-search__input:hover{border-bottom-right-radius:0;border-bottom-left-radius:0}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search.has-focus .select-search__input{box-shadow:0 0 3px rgba(0,0,0,.1607843137);border-bottom-right-radius:0;border-bottom-left-radius:0;border-left-color:none;border-bottom:none;border-right-color:none;border-top-color:none;background:#f4f6fa 0 0 no-repeat padding-box}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:40px!important;right:0;left:0;border-radius:8px;overflow:auto;max-height:360px;background:#fff;border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:auto;border-top:1px solid #eee;border-radius:0 0 3px 3px;background:#fff}.ClassGroupNoteViewComponent .CNAG-dropdownMainContainer .select-search__not-found{height:auto;padding:8px;text-align:center;color:#f4f5f7}.ClassGroupNoteViewComponent .CNAG-add-note-img{width:.875rem;height:.875rem;margin-right:.5rem;margin-top:-.1875rem}.ClassGroupNoteViewComponent .CNAG-add-note-disable{width:6.875rem;opacity:.65!important}.ClassGroupNoteViewComponent .CNAG-add-note,.ClassGroupNoteViewComponent .CNAG-add-note-disable{height:2.5rem;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box!important;border-radius:.5rem!important;float:right;background:transparent linear-gradient(270deg,var(--unnamed-color-386cb5),var(--unnamed-color-669fed)) 0 0 no-repeat padding-box;background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;color:#fff}.ClassGroupNoteViewComponent .CNAG-add-note{opacity:1}.ClassGroupNoteViewComponent .CNAG-searchBar{padding-top:4px}.ClassGroupNoteViewComponent .CNAG-rosterProfileImageText{color:#fff;margin:0!important;text-transform:uppercase;cursor:default}.ClassGroupNoteViewComponent .CNAG-Popover{width:500px!important;border-radius:20px!important;height:500px!important}@media only screen and (max-width:1300px){.ClassGroupNoteViewComponent .filterSubDiv{float:left}.ClassGroupNoteViewComponent .artifactsNote{margin-bottom:unset}}@media only screen and (max-width:1220px){.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer{padding:0 1rem}}@media screen and (min-width:1275px)and (max-width:1300px){.ClassGroupNoteViewComponent .CNAG-classNoteAddGroupkMainContainer{background:#f0f0f0;height:100%;padding:0 3rem;overflow-x:hidden}.ClassGroupNoteViewComponent .CNAG-left{width:126px!important;margin:0 11px 0 0!important}.ClassGroupNoteViewComponent .CNAG-left .CNAG-suggestion{font:var(--unnamed-font-style-italic) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-777777);text-align:left;font:italic normal normal 11px/17px Open Sans;letter-spacing:0;color:#777;opacity:1}}.popover{display:flex;justify-content:center}.hideModal{display:none!important}.CNAG-student-popover{background-color:#fff;width:228px!important;border-radius:10px!important}.CNAG-student-popover .CNAG-popover-header{opacity:1;border-radius:10px 10px 0 0;background-color:#fff}.CNAG-student-popover .CNAG-popover-header .header-line{display:flex;align-items:center;padding-left:10px;padding-right:10px}.CNAG-student-popover .popover-body{padding:0 8px}.CNAG-student-popover .popover-body .CNAG-checkBoxDiv .CNAG-popoverList{padding-top:4px;padding-bottom:4px;border-bottom:1px solid #ddd;opacity:1}.CNAG-student-popover .popover-body .CNAG-checkBoxDiv .checkBoxfilters{font-size:23px;color:#386cb5;cursor:pointer;margin-right:.2rem}.CNAG-student-popover .popover-body .CNAG-checkBoxDiv .CNAG-popoverListText{font:normal normal 500 12px/17px Open Sans;padding-top:3px;padding-left:8px;display:inline-block;width:180px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.CNAG-student-popover .student-popup-action-btn{font:normal normal 600 12px/17px Open Sans;color:#386cb5!important;padding:2px!important;font-size:12px!important;border:none}.CNAG-student-popover .student-popup-text{font:normal normal 600 13px/18px Open Sans;color:#000;text-align:left;padding-right:95px}.CNAG-student-popover .arrow:before{top:0}.radcircle{width:14px;height:14px;border-radius:50%;position:absolute;transform:translate(7px,-2px);opacity:.4;font-size:medium;position:relative;z-index:6}.classNoteViewBackBtn:hover,.radcircle{cursor:pointer}.profile-col{padding-right:0!important}.vertical-timeline-element{margin:1.5em 0}.vertical-timeline{width:100%!important}.vertical-timeline:before{width:.125rem;top:-.625rem;background:#386cb5!important}.vertical-timeline--two-columns .vertical-timeline-element-icon{width:.75rem;height:.75rem;margin-left:-.4375rem;box-shadow:none;margin-top:1.5rem}.vertical-timeline--two-columns .vertical-timeline-element-content{width:48%;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .0625rem .25rem rgba(0,0,0,.1607843137);padding:.625rem .9375rem .4rem}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{left:106%;text-align:left;font:normal normal normal .875rem/1.188rem Open Sans;letter-spacing:0;color:#386cb5;font-weight:600!important;top:.625rem}.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{right:107%}.level-text-b{white-space:break-spaces;text-align:left;padding-right:10px}.sort-timeline-section .vertical-divider{border-left:.0625rem solid #ccc;height:1.375rem!important;display:inline-block;margin:.3125rem .5rem 0}.divider hr{margin-bottom:.5rem}.timeline-btn-img{color:#ec9191!important}.disabledEditTimeline-btn-img{width:.875rem;height:.875rem;margin-right:.3rem;margin-top:-3px;color:#ec9191!important;filter:brightness(4.5)}.edit-btn{background:transparent!important;border:none!important;font:normal normal normal .75rem/1.125rem Open Sans!important;color:#222!important;padding:6px 0!important}.edit-btn-text{text-transform:capitalize!important}.disabledEdit-btn{cursor:default!important;background:transparent!important;border:none!important;font:normal normal normal .75rem/1.125rem Open Sans!important;color:#a79c9c!important}.trash-btn{padding:6px 0!important}.disabledTrash-btn,.trash-btn{background:transparent!important;border:none!important;font:normal normal normal .75rem/1.125rem Open Sans!important;color:#f44!important}.disabledTrash-btn{cursor:default!important;filter:saturate(551%) contrast(347%) brightness(100%) invert(138%) sepia(50%) hue-rotate(130deg)}.add-mili-note-btn{color:#fff!important}.add-mili-note-btn-font{font-size:13px!important;font-weight:400!important}.disabledAdd-mili-note-btn{width:10.63rem;height:2.125rem;cursor:default!important;background:transparent linear-gradient(270deg,#aec7ea,#b6cae6) 0 0 no-repeat padding-box!important;border-radius:.3125rem;opacity:1;font:normal normal 700 .75rem/1.063rem Open Sans!important;color:#fff!important}.delete-modal-warning .modal-title{text-align:center;font:normal normal 600 18px/24px Open Sans}.delete-modal-warning .modal-content{border-radius:8px;width:360px;margin:auto;background-color:#fff!important}.delete-modal-warning .modal-content .modal-header{justify-content:center;border:none;border-radius:8px}.delete-modal-warning .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans}.delete-modal-warning .modal-content .modal-body .confirm-text{font:normal normal normal 14px/19px Open Sans;margin-bottom:0}.delete-modal-warning .modal-footer{border:none;justify-content:center;padding-top:0}.delete-modal-warning .cancel-btn,.delete-modal-warning .delete-btn{width:101px;height:38px;font:normal normal 600 14px/19px Open Sans}.delete-modal-warning .delete-btn{background:#dd2d2d 0 0 no-repeat padding-box;border-radius:20px;color:#fff}.delete-modal-warning .delete-btn:hover{color:#fff}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{background:#386cb5}.vertical-timeline-element-icon{box-shadow:none!important}.disabledStarSelected{color:gold}.disabledStarSelected,.disabledStarUnSelected{cursor:default!important;filter:brightness(4.5)}.disabledStarUnSelected{color:#aaa}.load-more .add-mili-note-btn{display:flex;color:#fff!important;font-size:.8rem;align-items:center;position:relative;bottom:11px}.timeline-custom-scrollbarWidth{overflow-x:scroll;overflow-y:hidden}.timeline-custom-scrollbarWidth::-webkit-scrollbar{display:none!important}.add-load-more-short{display:inline-flex!important;width:122px!important;margin-top:-14px;margin-left:4px}.add-load-more-short i{margin-top:-2px;margin-right:6px}.add-load-more-short span{line-height:20px}.vertical-timeline.vertical-timeline--two-columns{margin-top:.625rem}.GroupText{font:normal normal normal .75rem/1.063rem Open Sans;letter-spacing:0;color:#ff6a6a;margin-right:.5rem}.redButton{margin-right:10px!important}@media only screen and (max-width:1169px){.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-icon{margin-left:3.75rem;margin-top:1.063rem}.sort-timeline-div .vertical-timeline-element-content{margin-left:5.5rem!important}.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content{width:89%}.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{left:-5.438rem;position:absolute;white-space:normal;width:3.125rem;text-align:right;margin-top:.625rem}.sort-miscellaneous-div{text-align:left}}@media only screen and (max-width:1075px){.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content{width:88%}}@media only screen and (max-width:1020px){.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content{width:86%}.sort-timeline-div .vertical-timeline:before{left:4.063rem;top:0!important}}@media only screen and (max-width:991px){.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content{width:84%}}@media only screen and (max-width:900px){.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content{width:82%}}@media only screen and (max-width:835px){.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content{width:81%}}@media only screen and (max-width:767px){.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content{width:86%}.sort-timeline-div .vertical-timeline:before{left:4.063rem;top:0!important}.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-icon{margin-left:1.563rem;margin-top:1.063rem;left:2.188rem}}@media only screen and (max-width:700px){.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content{width:84%}}@media only screen and (max-width:592px){.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content{width:81%}.sort-timeline-div .vertical-timeline-element-content{margin-left:5.313rem!important}}@media only screen and (max-width:510px){.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content{width:78%}}@media only screen and (max-width:465px){.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content{width:75%}}@media only screen and (max-width:410px){.sort-timeline-div .vertical-timeline--two-columns .vertical-timeline-element-content{width:74%}}.grpnewicon{white-space:nowrap;display:flex;justify-content:space-evenly;align-items:center;width:75px;height:30px;background:rgba(255,106,106,.1019607843) 0 0 no-repeat padding-box;border:.75px solid #ff6a6a;border-radius:8px;opacity:1;margin-right:8px}.grpnewicon p{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-open-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-ff6a6a);text-align:left;font:normal normal normal 12px/17px Open Sans;letter-spacing:0;color:#ff6a6a;opacity:1}.popcls{max-height:180px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow-y:auto}.timeline-section .card-body{padding-left:.625rem;padding-right:0}.timeline-section .card-body .tab-content{margin-left:75px!important}.vertical-timeline{width:88%!important;max-width:unset;white-space:nowrap}.verticalTimelineExpanded .vertical-timeline-element--work{margin-left:-47px!important}.verticalTimelineExpanded .vertical-timeline-element--work .vertical-timeline-element-icon{position:absolute;background:#386cb5;width:.75rem;height:.75rem;box-shadow:none;border-radius:50%;left:60px;top:1rem}.verticalTimelineExpanded .vertical-timeline-element--work .vertical-timeline-element-content{margin-bottom:15px!important;margin-left:91px!important}.verticalTimelineExpanded .vertical-timeline-element--work .vertical-timeline:before{width:.125rem;background:#386cb5!important;top:-.625rem;left:4.063rem}.vertical-timeline--one-column .vertical-timeline-element-icon{width:.75rem;height:.75rem;left:2.188rem;margin-left:1.563rem;box-shadow:none;margin-top:1.125rem;background:#386cb5!important}.vertical-timeline--one-column .vertical-timeline-element-content{width:91%;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .0625rem .25rem rgba(0,0,0,.1607843137);min-height:7.5rem;padding:.625rem;margin-left:5.75rem}.vertical-timeline--one-column .vertical-timeline-element-content .vertical-timeline-element-date{text-align:right;font:normal normal normal .875rem/1.188rem Open Sans;letter-spacing:0;color:#386cb5;font-weight:600!important;left:-6.875rem;top:-.5625rem;position:absolute;width:4.688rem;white-space:normal;padding:23px 0 0}.vertical-timeline--one-column .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{right:107%}.historyIcon{width:1.125rem;height:1.125rem;margin-right:4px}.no-reminder{font:normal normal normal .75rem/1.063rem Open Sans;letter-spacing:0;color:#aaa;margin-right:.5rem}.greyButton{margin-left:0!important;bottom:2px}.pinkButton{margin-top:0!important;bottom:2px}.timeline-time{font:normal normal normal .75rem/1.063rem Open Sans;letter-spacing:0;color:#bd47e8;margin-right:.5rem}.loaderGroupIcon{width:6rem;margin:1rem 0}.timeline-section .fa-star-o{font-size:1.125rem}.timeline-section .tag{width:2.5rem;height:1.625rem;background:transparent linear-gradient(180deg,#ffe996,#f8db6e) 0 0 no-repeat padding-box;border-radius:.25rem;margin:.625rem .5rem 0 0;display:inline-block;text-align:center}.timeline-section .tag .tag-text{text-align:center;font:normal normal normal .8125rem/1.125rem Open Sans!important;letter-spacing:0;color:#222;padding:.4375rem;text-transform:uppercase}.timeline-section .attached-tag{width:1.875rem;height:1.625rem;background:#ddd 0 0 no-repeat padding-box;border-radius:.25rem;margin:.625rem .5rem 0 0;display:inline-block;text-align:center}.level-text-b{font:normal normal normal 14px/19px Open Sans;letter-spacing:0;color:#222}.level-text-n{font:normal normal normal .8125rem/1.125rem Open Sans;color:#222}.expanded-timeline-section .vertical-divider{border-left:.0625rem solid #ccc;height:.6875rem!important;display:inline-block;margin:.3125rem .5rem 0}.attachment-text{font:normal normal 600 .875rem/1.188rem Open Sans;color:#222;white-space:break-spaces}.attachment-text-misc{font:normal normal normal 14px/19px Open Sans;letter-spacing:0;color:#222}.timeline-section audio{background:#f1f3f4;border-radius:.375rem;width:250px;margin-right:10px;height:20px;margin-bottom:8px;outline:none!important}.audio-title{margin-top:3px!important;font:normal normal 600 14px/17px Open Sans;letter-spacing:0;color:#222;padding:4px 20px}.remove-text{font:italic normal normal .8125rem/1.125rem Open Sans;color:#aaa}.divider hr{border:.0625rem solid #ddd;width:100%;margin-top:.7rem;margin-bottom:.7rem}.level-score-section{display:flex;line-height:1.813rem}.disabledEditTime-btn-img,.timeline-btn-img{width:.875rem;height:.875rem;margin-right:.3rem;margin-top:-3px}.disabledEditTime-btn-img{filter:brightness(4.5);margin-left:7px}.power-points .timeline-btn-img{margin-left:8px}.power-points .btn{padding:0}.timeline-btn-div{padding:6px 0!important}.GroupText-SNETL{font:normal normal normal .75rem/1.063rem Open Sans;letter-spacing:0;color:#ff6a6a;margin-right:.5rem}.redButton-SNETL{margin-right:10px!important;margin-top:0!important;bottom:2px}.GrpIcon-SNETL{width:1.125rem;height:1.125rem;margin-right:4px}.edit-btn-SNETL{background:transparent!important;font:normal normal normal .75rem/1.125rem Open Sans!important;color:#222!important}.edit-btn-SNETL :active{background-color:transparent!important;color:#fff!important}.edit-btn-text-SNETL{text-transform:capitalize!important}.trash-btn-SNETL{background:transparent!important;font:normal normal normal .75rem/1.125rem Open Sans!important;color:#f44!important}.trash-btn-SNETL :active{background-color:transparent!important;color:#f44!important}.disabledTrash-btn-SNETL{cursor:default!important;background:transparent!important;border:none!important;font:normal normal normal .75rem/1.125rem Open Sans!important;color:#f44!important;filter:saturate(551%) contrast(347%) brightness(100%) invert(138%) sepia(50%) hue-rotate(130deg)}.add-mili-note-btn{width:10.63rem;height:2.125rem;background:#386bb5 0 0 no-repeat padding-box!important;border-radius:.3125rem;opacity:1}.add-mili-note-btn-font-expand{font-size:11px!important;font-weight:400!important}.add-load-more{width:122px;margin-top:-14px;margin-left:4px}.add-load-more i{margin-top:-2px;margin-right:6px}.add-load-more span{line-height:20px}.miscellaneous-div{text-align:left}.miscellaneous-div button{margin-left:7.1rem;border-color:#386bb5}.miscellaneous-div .btn-element-content-arrow{content:"";position:absolute;top:1.85rem;border:.4375rem solid transparent;border-right-color:#386bb5;left:111px}.vertical-timeline-element-content .vertical-timeline-element-date{margin-left:1%;text-align:center;font:normal normal normal 11px/24px Open Sans;letter-spacing:0;color:#386cb5;font-weight:600!important;top:.1rem;position:absolute;width:6.425rem;white-space:normal;left:-106px}@media screen and (min-width:1280px)and (max-width:1920px){.vertical-timeline-element-content .vertical-timeline-element-date{left:-14%}}.miscellaneous-div .btn-element-content-disabledArrow{content:"";position:absolute;top:1.85rem;border:.4375rem solid transparent;border-right-color:#aec7ea;left:5.55rem}.btn-element-icon{position:absolute;background:#386cb5;width:.75rem;height:.75rem;box-shadow:none;border-radius:50%;left:52px!important;top:2rem}.timeline-attchements{margin:0!important}.timeline-attchements .note{width:3.75rem;height:3.75rem;background-color:rgba(0,0,0,.3490196078);margin-right:1%;margin-bottom:1%;background-size:cover}.timeline-attchements .blackLayer{width:100%;height:100%;background-color:#000;opacity:.5}.timeline-attchements .img-div{position:absolute;padding:1rem 1.313rem;background-color:rgba(0,0,0,.1803921569)}.timeline-attchements .sort-play{position:absolute;top:.125rem;right:.125rem}.usersGroupIcon{margin-left:10px}.reminder-div{background-color:"#BD47E81A";margin-top:-17px;margin-bottom:-13px;padding:3px 6px!important}.reminder-div,.reminder-time{font:normal normal normal 13px/18px Open Sans}.power-points{margin:0!important;color:#87c41f;font:normal normal 600 13px/24px Open Sans!important;text-align:right}.play-video-modal .modal-footer{justify-content:center;border:none!important}.play-video-modal .modal-dialog{justify-content:center!important;display:flex}.play-video-modal .modal-header{justify-content:flex-end;border:none!important;padding:0!important}.play-video-modal .modal-header .delete-btn{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box}.play-video-modal .modal-footer button,.play-video-modal .modal-header .delete-btn{width:2.5rem;height:2.5rem;border-radius:1.25rem;padding:0}.play-video-modal .modal-content{border-radius:.5rem;background-color:hsla(0,0%,100%,0)!important}.play-video-modal .modal-footer .btn-danger{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box}.play-video-modal .modal-footer button img{margin-top:-.1875rem;margin-left:.0625rem}.play-video-modal .modal-body video{width:100%}.playIcon,.starSelected{cursor:pointer}.starSelected{color:#ffa700}.starUnSelected{cursor:pointer;color:#aaa;font-size:larger!important}.powerPoint{color:#80ce4f}.audio-style{float:left;margin-bottom:10px;background:#f1f3f4;box-shadow:0 0 .1875rem rgba(0,0,0,.2901960784);border-radius:4px;margin-right:10px}#assign-popover-box{background:#000;padding-bottom:0!important;max-width:151px;min-width:101px;width:100%!important}#assign-popover-box .arrow:after{border-right-color:#000}#assign-popover-box .popover-body{color:#fff}@media only screen and (max-width:1920px){.btn-element-icon{left:96px!important}.vertical-timeline-element-content .vertical-timeline-element-date{left:-12.5%}}@media only screen and (min-width:1800px)and (max-width:1880px){.btn-element-icon{left:96px!important}.vertical-timeline-element-content .vertical-timeline-element-date{left:-12.5%}}@media only screen and (max-width:1745.45px){.btn-element-icon{left:93px!important}.vertical-timeline-element-content .vertical-timeline-element-date{left:-13.5%}}@media only screen and (max-width:1536px){.btn-element-icon{left:83px!important}.vertical-timeline-element-content .vertical-timeline-element-date{left:-14.5%}.miscellaneous-div button{margin-left:6rem}.btn-element-content-arrow{left:93px!important}}@media only screen and (max-width:1680px){.vertical-timeline--one-column .vertical-timeline-element-content{width:90%}}@media only screen and (max-width:1480px){.vertical-timeline--one-column .vertical-timeline-element-content{width:89%}.btn-element-icon{left:80px!important}.miscellaneous-div button{margin-left:5.8rem}.btn-element-content-arrow{left:89px!important}.vertical-timeline-element-content .vertical-timeline-element-date{left:-16.8%}}@media only screen and (max-width:1380px){.vertical-timeline--one-column .vertical-timeline-element-content{width:87%}.btn-element-icon{left:49px!important}.vertical-timeline-element-content .vertical-timeline-element-date{left:-16%}}@media only screen and (max-width:1300px){.miscellaneous-div .btn-element-content-arrow{top:1.5rem}.btn-element-icon{top:1.625rem;left:75px!important}.miscellaneous-div button{margin-left:5.6rem}.vertical-timeline-element-content .vertical-timeline-element-date{left:-18%}.miscellaneous-div .btn-element-content-arrow{left:70px}}@media only screen and (max-width:822px){.timeline-section .card-body .tab-content{margin-left:0!important}.miscellaneous-div{margin-left:13px!important}.miscellaneous-div .btn-element-content-arrow{top:1.5rem;left:3.28rem!important}.btn-element-icon{left:1.65rem!important}.vertical-timeline-element-content .vertical-timeline-element-date{left:-25%!important}}@media only screen and (max-width:1060px){.vertical-timeline--one-column .vertical-timeline-element-content{width:85%}}@media only screen and (max-width:991px){.vertical-timeline--one-column .vertical-timeline-element-content{width:83%}}@media only screen and (max-width:900px){.vertical-timeline--one-column .vertical-timeline-element-content{width:81%}}@media only screen and (max-width:820px){.vertical-timeline--one-column .vertical-timeline-element-content{width:80%}}@media only screen and (max-width:767px){.vertical-timeline--one-column .vertical-timeline-element-content{width:84%}}@media only screen and (max-width:665px){.vertical-timeline--one-column .vertical-timeline-element-content{width:82%}}@media only screen and (max-width:595px){.vertical-timeline--one-column .vertical-timeline-element-content{width:80%}}@media only screen and (max-width:540px){.vertical-timeline--one-column .vertical-timeline-element-content{width:78%}.miscellaneous-div button{margin-left:0}.btn-element-content-arrow,.btn-element-icon{display:none}}@media only screen and (max-width:450px){.vertical-timeline--one-column .vertical-timeline-element-content{width:76%}}@media only screen and (max-width:420px){.vertical-timeline--one-column .vertical-timeline-element-content{width:70%}}@media only screen and (min-width:1921px){.btn-element-icon{left:96px!important}}@media only screen and (min-width:2000px)and (max-width:2800px){.btn-element-icon{left:96px!important}.btn-element-content-arrow{left:111px!important}.miscellaneous-div button{margin-left:7.1rem}.vertical-timeline-element-content .vertical-timeline-element-date{left:-131px}}.expcls{width:91%!important;max-width:unset;white-space:nowrap;margin-left:70px}.standardBtnContainer{width:auto!important}.standardBtnContainer .btn{border:1px solid #669fed!important}.template-button-container{height:2.5rem!important;border-radius:.5rem!important;border-color:#669fed!important;padding:.6rem!important;background:#fff!important;display:inline-flex!important;justify-content:center!important;font:normal normal normal 14px/19px Open Sans;letter-spacing:0;color:#386cb5;opacity:1}.template-button-container .report-btn-icon{width:.9rem}.template-button-container .report-btn-text{margin-left:.5rem;font:normal normal normal 14px/19px Open Sans;letter-spacing:0;color:#669fed;opacity:1}.allStandardSidebarCard{border-radius:10px 10px 0 0!important}.allStandardSidebarCard .list-group-item{border-left:none!important;border-right:none!important;border-bottom:none!important;font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#222;text-transform:capitalize;opacity:1}.allStandardSidebarCard .allStandardsHeader{height:43px;background:#f1f1ff 0 0 no-repeat padding-box!important;border-radius:10px 10px 0 0!important;opacity:1}.allStandardSidebarCard .card-body{font:14px/19px "Open Sans";letter-spacing:0;color:#222;text-transform:capitalize;opacity:.5;padding:3rem}.allStandardDefaultSidebarCard{border-radius:0!important}.allStandardDefaultSidebarCard .list-group-item{border-left:none!important;border-right:none!important;font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#222;text-transform:capitalize;opacity:1}.allStandardDefaultSidebarCard .allStandardsDefaultHeader{height:43px;background:#f1f1ff 0 0 no-repeat padding-box!important;opacity:1;border-radius:0!important}.subStandardsCard .list-group-item{border-left:none!important;border-right:none!important;font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#222;text-transform:capitalize;opacity:1}.subStandardsCard .backToSatndardHeader{background:#f0f0f0 0 0 no-repeat padding-box;border-top-right-radius:8px!important;border-top-left-radius:8px!important;font:normal normal 600 12px/17px Open Sans;letter-spacing:0;color:#3587f7;opacity:1}.standardContentCard{background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,.1607843137);border-radius:10px!important;opacity:1}.standardContentCard .card-header{text-align:left;font:normal normal 600 14px/19px Open Sans;letter-spacing:0;color:#222;opacity:1;border-top-right-radius:10px!important;border-top-left-radius:10px!important;padding-top:9px}.standardContentCard .card-body{text-align:left;font:normal normal normal 14px/22px Open Sans;letter-spacing:0;color:#222;opacity:1}.delete-custom-standard-btn{background:transparent linear-gradient(270deg,#ea3737,#f05f5f) 0 0 no-repeat padding-box;width:100px;height:40px;border-radius:8px!important}.edit-standard-btn-container{background:transparent linear-gradient(270deg,#386cb5,#669fed) 0 0 no-repeat padding-box;width:100px}.edit-standard-btn-container .report-btn-icon{width:.9rem;margin-top:.4rem}.edit-standard-btn-container .report-btn-text{color:#fff;margin-left:.5rem}.closeImport{background-color:#fff;border:none}.standarddeletepara{font:normal normal normal 16px/22px Open Sans!important}.standarddeletepara,.standarddeletepara span{text-align:center;letter-spacing:0;color:#222!important}.standarddeletepara span{font:normal normal 600 16px/22px Open Sans!important}.save-standard-btn{width:107px;height:40px;background:transparent linear-gradient(270deg,#747beb,#989eff) 0 0 no-repeat padding-box;border-radius:8px;opacity:1}.edit-standard-modal .modal-content{height:210px}.edit-standard-modal .MuiOutlinedInput-input{height:32px!important;padding-top:7px;padding-bottom:7px;font:normal normal 600 14px/20px Open Sans;color:#222;border:.75px solid #ddd;box-sizing:border-box;border-radius:.3rem;height:3rem;background:#f4f6fa;width:100%;margin-bottom:0!important}.appendstandardModal .modal-content{width:300px!important}.appendstandardModal .MuiTypography-root{font:normal normal 500 14px/19px Open Sans!important}.appendstandardModal .MuiSvgIcon-root{font-size:1.3rem!important}.appendstandardModal .css-1hbvpl3-MuiSvgIcon-root{font-size:1.3rem!important;fill:#707070}.appendstandardModal .Mui-checked{color:#3eab2f!important}.App{text-align:center;height:83vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:83vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}::placeholder{color:#000;opacity:1}:-ms-input-placeholder{color:#000}::-ms-input-placeholder{color:#000}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.errorDiv{margin-bottom:25px!important}.errormessage{color:#d80f0f!important;float:left!important;margin-top:3px!important;font-size:13px!important;margin-bottom:1px!important;font-weight:600}textarea{resize:none!important}.loaderIconCss{width:5.5rem;margin-top:1.5rem}.btn,.MuiOutlinedInput-notchedOutline{border:none!important}.alignCentre{display:flex;align-self:center}::-webkit-scrollbar-track{box-shadow:inset 0 0 .3125rem #dedede;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background:#7d7d7d}.PushPopUp-modal-warnings.modal.show .modal-dialog{transform:translate(485px,101px)}.PushPopUp-modal-warnings .modal-content{border-radius:8px;width:75%;margin:auto;background-color:#fff}.PushPopUp-modal-warnings .modal-content .modal-header .modal-title{text-align:center;color:#000;font:normal normal 600 18px/24px Open Sans;display:flex}.PushPopUp-modal-warnings .modal-content .modal-header{display:flex;border:none;border-radius:0!important;padding-bottom:0!important;padding-top:10px!important}.PushPopUp-modal-warnings .modal-title .titleDiv{display:flex;padding-left:20px}.PushPopUp-modal-warnings .modal-title .titleNameDiv{display:flex;align-self:center;padding-left:10px}.PushPopUp-modal-warnings .modal-title .titleNameDiv .confirmMesg-text{font:normal normal 600 18px/22px Open Sans!important;color:#000;margin-bottom:0;padding-left:20px}.PushPopUp-modal-warnings .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans;justify-content:center;padding-top:0!important}.PushPopUp-modal-warnings .modal-content .modal-body .confirmTextData{padding:0 20px}.PushPopUp-modal-warnings .modal-content .pushProfileForword{align-self:center}.PushPopUp-modal-warnings .modal-content .modal-body .confirm-text{font:normal normal 600 14px/22px Open Sans!important;color:#706464;margin-bottom:0}.PushPopUp-modal-warnings .modal-content .modal-footer{border:none;justify-content:center;padding-top:10px;padding:none!important}.PushPopUp-modal-warnings .modal-content .cancelUpgrade-btn{width:101px;height:38px;font:normal normal 600 14px/19px Open Sans}.PushPopUp-modal-warning.modal.show .modal-dialog{transform:translate(485px,226px)}.PushPopUp-modal-warning .modal-content{border-radius:8px;width:75%;margin:auto;background-color:#fff}.PushPopUp-modal-warning .modal-content .modal-header .modal-title{text-align:center;color:#000;font:normal normal 600 18px/24px Open Sans;display:flex}.PushPopUp-modal-warning .modal-content .modal-header{display:flex;border:none;border-radius:0!important;padding-bottom:0!important;padding-top:10px!important}.PushPopUp-modal-warning .modal-title .titleDiv{display:flex;padding-left:20px}.PushPopUp-modal-warning .modal-title .titleNameDiv{display:flex;align-self:center;padding-left:10px}.PushPopUp-modal-warning .modal-title .titleNameDiv .confirmMesg-text{font:normal normal 600 18px/22px Open Sans!important;color:#000;margin-bottom:0;padding-left:20px}.PushPopUp-modal-warning .modal-content .modal-body{text-align:center;font:normal normal 600 14px/19px Open Sans;justify-content:center;padding-top:0!important}.PushPopUp-modal-warning .modal-content .modal-body .confirmTextData{padding:0 20px}.PushPopUp-modal-warning .modal-content .pushProfileForword{align-self:center}.PushPopUp-modal-warning .modal-content .modal-body .confirm-text{font:normal normal 600 14px/22px Open Sans!important;color:#706464;margin-bottom:0}.PushPopUp-modal-warning .modal-content .modal-footer{border:none;justify-content:center;padding-top:0;padding:none!important}.PushPopUp-modal-warning .modal-content .cancelUpgrade-btn{width:101px;height:38px;font:normal normal 600 14px/19px Open Sans}
/*# sourceMappingURL=main.349e147f.chunk.css.map */