@charset "UTF-8";.ng-cloak,.ng-hide:not(.ng-hide-animate),.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{display:none!important}ng\:form{display:block}.ng-animate-shim{visibility:hidden}.ng-anchor{position:absolute}
@font-face{font-family:'Open Sans';src:local("Open Sans Light"),local("OpenSans-Light"),url(fonts/opensanslight.woff2) format("woff2"),url(fonts/opensanslight.woff) format("woff"),url(fonts/opensanslight.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:'Open Sans';src:local("Open Sans Light Italic"),local("OpenSansLight-Italic"),url(fonts/opensanslightitalic.woff2) format("woff2"),url(fonts/opensanslightitalic.woff) format("woff"),url(fonts/opensanslightitalic.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:'Open Sans';src:local("Open Sans"),local("OpenSans"),url(fonts/opensans.woff2) format("woff2"),url(fonts/opensans.woff) format("woff"),url(fonts/opensans.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:'Open Sans';src:local("Open Sans Italic"),local("OpenSans-Italic"),url(fonts/opensansitalic.woff2) format("woff2"),url(fonts/opensansitalic.woff) format("woff"),url(fonts/opensansitalic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:'Open Sans';src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(fonts/opensanssemibold.woff2) format("woff2"),url(fonts/opensanssemibold.woff) format("woff"),url(fonts/opensanssemibold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:'Open Sans';src:local("Open Sans Semibold Italic"),local("OpenSans-SemiboldItalic"),url(fonts/opensanssemibolditalic.woff2) format("woff2"),url(fonts/opensanssemibolditalic.woff) format("woff"),url(fonts/opensanssemibolditalic.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:'Open Sans';src:local("Open Sans Bold"),local("OpenSans-Bold"),url(fonts/opensansbold.woff2) format("woff2"),url(fonts/opensansbold.woff) format("woff"),url(fonts/opensansbold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:'Open Sans';src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(fonts/opensansbolditalic.woff2) format("woff2"),url(fonts/opensansbolditalic.woff) format("woff"),url(fonts/opensansbolditalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:'Open Sans';src:local("Open Sans Extrabold"),local("OpenSans-Extrabold"),url(fonts/opensansextrabold.woff2) format("woff2"),url(fonts/opensansextrabold.woff) format("woff"),url(fonts/opensansextrabold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:'Open Sans';src:local("Open Sans Extrabold Italic"),local("OpenSans-ExtraboldItalic"),url(fonts/opensansextrabolditalic.woff2) format("woff2"),url(fonts/opensansextrabolditalic.woff) format("woff"),url(fonts/opensansextrabolditalic.ttf) format("truetype");font-weight:800;font-style:italic}.loginController{height:100%;width:100%}.loginController input::-ms-clear,.loginController input::-ms-reveal{display:none}@keyframes spinner{to{transform:rotate(360deg)}}.loginController .spinner:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #007a99;border-top-color:#fff;animation:spinner .8s linear infinite}.loginController .mainSection{height:calc(100% - 15%)}.loginController .mainSection .topSection{min-height:15%;height:auto}.loginController .mainSection .middleSection.worldbook .loginSection md-tabs .md-tab{color:#070707;font-size:12px;padding:0;white-space:normal;line-height:20px;max-width:400px!important;text-transform:none}.loginController .mainSection .middleSection{height:auto}.loginController .mainSection .middleSection .loginSection{height:100%;width:400px;background:0 0}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.loginController .mainSection .middleSection .loginSection{overflow:hidden}}.loginController .mainSection .middleSection .loginSection md-tabs{height:100%}.loginController .mainSection .middleSection .loginSection md-tabs .md-tab{color:#070707;text-transform:capitalize;font-size:16px}.loginController .mainSection .middleSection .loginSection md-tabs .defaultSignIn{color:#070707;font-size:12px;padding:0;white-space:normal;line-height:20px;max-width:400px!important;text-transform:none}.loginController .mainSection .middleSection .loginSection md-tabs .md-tab.md-active{font-size:19px;color:#070707}.loginController .mainSection .middleSection .loginSection md-tabs md-tabs-wrapper{border-bottom:1px solid #007a99;display:none}.loginController .mainSection .middleSection .loginSection md-tabs md-ink-bar{color:#007a99;background-color:#007a99}.loginController .mainSection .middleSection .loginSection md-tabs .cookieMessage{margin-left:15%;margin-top:10px}.loginController .mainSection .middleSection .loginSection md-tabs .cookieMessage .cookieDetails{min-height:42px!important;font-size:12px;margin:0;padding:0}.loginController .mainSection .middleSection .loginSection md-tabs .cookieMessage .cookieDetails .cookieLink{color:#010307}.loginController .mainSection .middleSection .loginSection md-tabs .orDivider{overflow:hidden;text-align:center;width:80%;height:18px;margin-top:-20px;margin-left:10%;color:#007a99;font-weight:700;font-size:13px}.loginController .mainSection .middleSection .loginSection md-tabs .orDivider:after,.loginController .mainSection .middleSection .loginSection md-tabs .orDivider:before{background-color:#007a99;content:"";opacity:.5;display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.loginController .mainSection .middleSection .loginSection md-tabs .orDivider:before{right:.5em;margin-left:-50%;height:1.3px}.loginController .mainSection .middleSection .loginSection md-tabs .orDivider:after{left:.5em;margin-right:-50%;height:1.3px}.loginController .mainSection .middleSection .loginSection md-tabs .googleClassRommBtn{width:80%;margin-top:18px!important;align-items:center;border-radius:12px;border:1px solid rgba(0,0,0,.12);padding:0!important;font-size:14px;background:#fff;color:#000;text-transform:none}.loginController .mainSection .middleSection .loginSection md-tabs .googleClassRommBtn .signInGoogleClassDiv{display:table-cell;padding-left:10px}.loginController .mainSection .middleSection .loginSection md-tabs .googleClassRommBtn .signInGoogleClassDiv .signInLogo{width:29px;height:29px;margin:0 21px 0 0;vertical-align:middle}.loginController .mainSection .middleSection .loginSection md-tabs .googleClassRommBtn .signInGoogleLabel{position:absolute;left:50%;font-size:14px;font-family:"Open Sans";transform:translateX(-50%)}.loginController .mainSection .middleSection .loginSection md-tabs .googleClassRommBtn .signInGoogleLabel:hover{cursor:pointer!important}.loginController .mainSection .middleSection .loginSection md-tabs .googleClassRommBtn:disabled:hover{pointer-events:none}.loginController .mainSection .middleSection .loginSection md-tabs .googleClassRommBtn:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.loginController .mainSection .middleSection .loginSection md-tabs .googleClassRommBtn:disabled:hover{cursor:pointer!important}.loginController .mainSection .middleSection .loginSection md-tabs .googleClassRommBtn:disabled{pointer-events:none}.loginController .mainSection .middleSection .loginSection md-tabs .cleverBtn{width:80%;align-items:center;border-radius:8px;padding:0!important;font-size:14px;background:#436cf2;color:#fff;text-transform:capitalize}.loginController .mainSection .middleSection .loginSection md-tabs .cleverBtn .cleverDiv{display:table-cell;padding-left:10px}.loginController .mainSection .middleSection .loginSection md-tabs .cleverBtn .cleverDiv .signInLogo{width:29px;height:29px;margin:0 21px 0 0;vertical-align:middle}.loginController .mainSection .middleSection .loginSection md-tabs .cleverBtn .cleverLabel{position:absolute;left:50%;font-size:14px;font-family:"Open Sans";transform:translateX(-50%);cursor:pointer}.loginController .mainSection .middleSection .loginSection md-tabs .cleverBtn:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.loginController .mainSection .middleSection .loginSection md-tabs .classLinkBtn{width:80%;align-items:center;border-radius:12px;border:1px solid rgba(0,0,0,.12);padding:0!important;font-size:14px;text-transform:none}.loginController .mainSection .middleSection .loginSection md-tabs .classLinkBtn .classLinkDiv{display:table-cell;padding-left:10px}.loginController .mainSection .middleSection .loginSection md-tabs .classLinkBtn .classLinkDiv .signInLogo{width:29px;height:29px;margin:0 21px 0 0;vertical-align:middle}.loginController .mainSection .middleSection .loginSection md-tabs .classLinkBtn .classLinkLabel{position:absolute;left:50%;font-size:14px;font-family:"Open Sans";transform:translateX(-50%);cursor:pointer}.loginController .mainSection .middleSection .loginSection md-tabs .classLinkBtn:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.loginController .mainSection .middleSection .loginSection md-tabs .inputContainer{width:80%;margin-bottom:0;cursor:default}.loginController .mainSection .middleSection .loginSection md-tabs .inputContainer label{padding-left:16px;margin:0;color:#898989;font-size:16px;font-family:'Open Sans';font-weight:400;font-style:normal}.loginController .mainSection .middleSection .loginSection md-tabs .inputContainer .showHidePassword{font-size:18px;line-height:24px;top:6px;text-align:center;color:#898989}.loginController .mainSection .middleSection .loginSection md-tabs .inputContainer input{border-radius:12px;height:35px;border:1px solid rgba(0,0,0,.12);padding-left:16px;padding-right:25px;font-size:14px;color:#333;background-color:rgba(255,255,255,.5)}.loginController .mainSection .middleSection .loginSection md-tabs .inputContainer input:focus{background-color:#fff}.loginController .mainSection .middleSection .loginSection md-tabs md-input-container.md-input-focused label{font-size:18px!important}.loginController .mainSection .middleSection .loginSection md-tabs .signInButton{width:80%;border-radius:12px;font-size:14px;background:#007a99;color:#fff;text-transform:capitalize}.loginController .mainSection .middleSection .loginSection md-tabs .signInButton:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.loginController .mainSection .middleSection .loginSection md-tabs .infobutton{width:80%;border-radius:8px;font-size:14px;color:#070707;text-transform:none;border:1px solid #007a99}.loginController .mainSection .middleSection .loginSection md-tabs .bottomRow{width:80%;padding:10px}.loginController .mainSection .middleSection .loginSection md-tabs .bottomRow .rememberMe{min-height:42px!important;font-size:12px;margin:0;color:#1c1c1c;padding:0}.loginController .mainSection .middleSection .loginSection md-tabs .bottomRow .rememberMe .md-container{margin:0;right:auto;position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;display:inline-block;width:18px;height:18px}.loginController .mainSection .middleSection .loginSection md-tabs .bottomRow .rememberMe:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.loginController .mainSection .middleSection .loginSection md-tabs .bottomRow .rememberMe .md-label{position:unset;margin-top:13px}.loginController .mainSection .middleSection .loginSection md-tabs .bottomRow .rememberMe .md-icon{border-color:#1c1c1c;background:0 0}.loginController .mainSection .middleSection .loginSection md-tabs .bottomRow .rememberMe .md-icon:after{border-color:#1c1c1c}.loginController .mainSection .middleSection .loginSection md-tabs .bottomRow .signinMessage{min-height:42px!important;font-size:12px;margin:0;color:#1c1c1c;padding-bottom:0}.loginController .mainSection .middleSection .loginSection md-tabs .bottomRow md-checkbox.md-checked.md-focused .md-container:before{opacity:.26;background-color:#007a99}.loginController .mainSection .middleSection .loginSection md-tabs .bottomRow .forgotPassword{font-size:12px;color:#007a99;padding:0;cursor:pointer}.loginController .mainSection .middleSection .loginSection md-tabs .bottomRow .redeemeAccessCode{color:#070707;font-size:16px}.loginController .mainSection .middleSection .loginSection md-tabs .sendButton{width:80%;border-radius:8px;font-size:14px;background:#007a99;color:#fff;text-transform:none}.loginController .mainSection .middleSection .loginSection md-tabs .sendButton:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.loginController .mainSection .middleSection .loginSection md-tabs .md-button[disabled]{opacity:.65}.loginController .mainSection .middleSection .loginSection md-tabs .error_msg{font-size:13px;color:#ff787b;cursor:default;overflow-wrap:break-word;text-align:center;font-family:'Open Sans';font-weight:400;font-style:normal}.loginController .mainSection .middleSection .loginSection md-tabs .error_msg .errorIcon{font-size:13px;color:#ff787b}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection{width:80%;padding-top:8px}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .icon-language-selection{margin:0;color:#1c1c1c;font-size:18px;left:7px;position:relative}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .icon-Web-link{margin:0;color:#1c1c1c;font-size:18px;left:7px;position:relative;cursor:default!important}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .multLangView{width:80%;height:33px;margin:0;border-radius:12px;background-color:rgba(255,255,255,.1)}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .multLangView .md-select-value{border:none}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .multLangView .md-select-value .md-text{padding-left:12px;font-size:14px;color:#1c1c1c}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .multLangView .md-select-icon{padding-right:20px;padding-top:4px;color:#1c1c1c}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .multLangView .md-select-value.md-select-placeholder{padding-left:12px;font-size:14px;color:#333;border:none;font-family:none}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .multLangView:focus{background-color:rgba(255,255,255,.2)}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .multLangView:hover{background-color:rgba(255,255,255,.2)}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .multLangViewIslamic .md-select-value{border:none;margin-bottom:unset}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .multLangViewIslamic .md-select-value .md-text{font-family:"Open Sans"}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .multLangViewIslamic .md-select-icon{margin:0 4px;transform:translateY(-2px)}.loginController .mainSection .middleSection .loginSection .multiLanguageSelection .multLangViewIslamic .md-select-icon:after{right:0;text-align:center}.loginController .mainSection .middleSection .normalTabTitle md-tabs .md-tab{text-transform:none}.loginController .mainSection .middleSection .normalTabTitle md-tabs .signInButton{text-transform:none}.loginController .mainSection .middleSection .loginTdeeWidth{width:439px}.loginController .mainSection .middleSection .forgotSection{height:100%;width:400px;background:0 0}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.loginController .mainSection .middleSection .forgotSection{overflow:hidden}}.loginController .mainSection .middleSection .forgotSection .error_msg{margin-right:20px;font-size:13px;color:#ff787b;outline:0;cursor:default;padding-bottom:20px;font-family:'Open Sans';font-weight:400;font-style:normal}.loginController .mainSection .middleSection .forgotSection md-tabs{height:100%}.loginController .mainSection .middleSection .forgotSection md-tabs .md-tab{color:#070707;text-transform:capitalize;font-size:20px}.loginController .mainSection .middleSection .forgotSection md-tabs md-tabs-wrapper{border-bottom:1px solid #007a99}.loginController .mainSection .middleSection .forgotSection md-tabs md-ink-bar{color:#007a99;background-color:#007a99}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordTextsmall{color:#070707;font-size:11px}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordText{color:#070707;font-size:13px}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordInputContainer{width:80%;margin-bottom:0;padding:0;padding-top:5px}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordInputContainer label{padding-left:16px;margin:0 0 -3px 3px;color:#898989;font-size:16px}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordInputContainer input{border-radius:12px;height:35px;border:1px solid rgba(0,0,0,.12);padding-left:16px;font-size:14px;color:#333;background-color:rgba(255,255,255,.5)}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordInputContainer input:focus{background-color:#fff}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordBottomRow{width:80%;margin-right:40px}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordBottomRow .md-button{border-radius:8px;width:120px;margin:0}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordBottomRow .cancelInButton{color:#333;background-color:#fff;text-transform:capitalize}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordBottomRow .cancelInButton:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordBottomRow .submitButton{background-color:#007a99;border-color:#007a99;color:#fff;text-transform:capitalize;border-radius:12px}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordBottomRow .submitButton:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.loginController .mainSection .middleSection .forgotSection md-tabs .forgotPasswordBottomRow .md-button[disabled]{opacity:.8}.loginController .mainSection .middleSection .accessCodeScreenSection{height:100%;width:400px;padding:0;background:0 0}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs{height:100%}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .md-tab{color:#070707;text-transform:capitalize;font-size:20px}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs md-tabs-wrapper{border-bottom:1px solid #007a99}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs md-tab-content{overflow:hidden}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs md-ink-bar{color:#007a99;background-color:#007a99}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .validAccessCode{color:#fff;font-size:15px;margin-bottom:5px}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .roleInputContainer{width:80%;padding:0;margin-top:10px}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .accessCodeInputContainer{width:80%;margin-bottom:0;padding:0;margin-top:10px}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .accessCodeInputContainer label{padding-left:16px;margin:0;color:#898989;font-size:16px;font-family:'Open Sans';font-weight:400;font-style:normal}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .accessCodeInputContainer .showHidePassword{font-size:18px;line-height:24px;top:5px;text-align:center;color:#000}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .accessCodeInputContainer input{border-radius:12px;height:35px;border:1px solid rgba(0,0,0,.12);padding-left:16px;padding-right:25px;font-size:14px;color:#333;background-color:rgba(255,255,255,.5)}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .accessCodeInputContainer input:focus{background-color:#fff}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .accessCodeInputContainer .warning{color:#ff787b;font-size:12px;font-family:'Open Sans';font-weight:400;font-style:normal}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .error_msg{font-size:13px;color:#ff787b;cursor:default;padding-top:0;font-family:'Open Sans';font-weight:400;font-style:normal}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .accessCodeBottomRow{width:80%;padding:0;margin-top:10px}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .accessCodeBottomRow .md-button{border-radius:8px;width:120px;margin:0}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .accessCodeBottomRow .cancelInButton{color:#333;background-color:#fff}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .accessCodeBottomRow .submitButton{background-color:#007a99;border-color:#007a99;color:#fff}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .accessCodeBottomRow .nextButton{background-color:#007a99;border-color:#007a99;color:#fff;width:100%}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .accessCodeBottomRow .md-button[disabled]{opacity:.65}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .roleButton,.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .schoolCity,.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .schoolState{background-color:rgba(255,255,255,.5);border-radius:10px;height:35px;border:1px solid rgba(0,0,0,.12)}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .acceptPolicy{width:80%;padding:8px}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .acceptPolicy .accpetMe{float:left;margin-top:4px;margin-bottom:0;color:#1c1c1c}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .acceptPolicy .accpetMe .md-icon{border-color:#1c1c1c;background:0 0}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .acceptPolicy .accpetMe .md-icon:after{border-color:#1c1c1c}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .acceptPolicy .accpetMe .md-container{margin-top:10px}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .acceptPolicy md-checkbox.md-checked.md-focused .md-container:before{opacity:.26;background-color:#007a99}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .acceptPolicy .privacyPolicy{font-size:12px;color:#1c1c1c}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .acceptPolicy .privacyPolicy a{color:#010307}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .acceptPolicy .termsAndConditions{font-size:12px;color:#f40c00}.loginController .mainSection .middleSection .accessCodeScreenSection md-tabs .acceptPolicy .termsAndConditions a{color:#010307}.loginController .mainSection .bgImg{height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center}.loginController .create_account{position:relative;text-align:center}.loginController .create_account .create_account_link{text-decoration:underline;color:#466bf8;font-weight:700}.loginController .policy{text-align:center;font-size:13px;color:#fff;position:relative;top:10px}.loginController .bottomSection{height:15%;position:absolute;bottom:0;width:66.6%}.loginController .bottomSection .topText{padding-bottom:8px;color:#fff;font-size:23px}.loginController .bottomSection .topTextsmall{padding-bottom:8px;color:#fff;font-size:20px}.loginController .bottomSection .bottomText{color:#fff}.loginController .bottomSection .bottomText1{color:#fff;font-size:25px}.loginController .bottomSection #noclick{pointer-events:none}.loginController .bottomSection #desktopInstaller{background-image:url(images/desktop.png);background-repeat:no-repeat;background-size:cover}.loginController .bottomSection .imageLink{width:146px;height:43px;background-color:transparent}.loginController .bottomSection .imageLink a{height:inherit}.loginController .bottomSection .imageLink img{height:100%;width:100%}.loginController .desktopInstallerPopupSection{height:12%;background:#e8e2d3;position:absolute;bottom:0;width:100%}.loginController .desktopInstallerPopupSection .topLink{color:#3a3937;font-size:15px;padding-left:20%}.loginController .desktopInstallerPopupSection .topLink a{color:#428bca}.loginController .desktopInstallerPopupSection .bottomLink{color:#3a3937;font-size:15px;padding-left:20%}.loginController .desktopInstallerPopupSection .bottomLink a{color:#428bca}.loginController .desktopInstallerPopupSection .cancelInButton{background:#e8e2d3;border:1px solid #000;color:#000;border-radius:0}.loginController .desktopInstallerPopupSection .cancelInButton:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.wrapper{margin-left:45px}.accessSearch{padding:0 30px;width:45%;max-width:400px;height:37px;border:1px solid #b3b3b3;border-radius:12px 0 0 12px;float:left;margin-top:12px}.accessCodeLbl{font-size:12px}.accessCodeInButton{cursor:pointer;border:none;border-radius:0 5px 5px 0;display:inline-block;width:80px;height:39px;background:#007a99;color:#fff;text-transform:capitalize;float:left;margin-top:12px}.accessCodeInButton:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.accessCodeInButton[disabled]{opacity:.65!important}.ssoSection{overflow:auto;height:100%}.samlContinueButton{width:78%;height:42px;margin-left:0;margin-right:0;border-radius:50px;font-size:16px;background:#007a99!important;color:#fff!important;text-transform:capitalize}.samlContinueButton:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.samlSelectView{width:80%;height:33px;margin:0;border-radius:50px;background-color:#c9c9c9}.samlSelectView .md-select-value{border-bottom-style:unset!important;border:none}.samlSelectView .md-select-value .md-text{padding-left:12px;font-size:14px;color:#000}.samlSelectView .md-select-icon{padding-right:20px;padding-top:4px;color:#000}.samlSelectView .md-select-value.md-select-placeholder{padding-left:12px;font-size:14px;color:#333;border:none;font-family:none}.center{margin:auto;margin-bottom:0}.md-label{position:unset;margin-top:13px}.lbl{margin-right:56%;font-size:12px}.loginController{height:100%;width:100%}.loginController input::-ms-clear,.loginController input::-ms-reveal{display:none}@keyframes spinner{to{transform:rotate(360deg)}}.loginController .spinner:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #007a99;border-top-color:#fff;animation:spinner .8s linear infinite}.loginController .mainSection{height:calc(100% - 15%)}.loginController .mainSection .access-code-header{width:100%;background-color:#fff;border-bottom:1px solid #bfbfbf;height:64px!important;padding:0;margin:0}.loginController .mainSection .access-code-header .header-wrapper{display:flex;align-items:center;gap:30px;padding:15px 30px}.loginController .mainSection .access-code-header .header-wrapper .back-btn{border:none;background-color:transparent;cursor:pointer;height:24px;width:24px;color:#444;cursor:pointer;transition:color .3s ease;margin:0}.loginController .mainSection .access-code-header .header-wrapper .back-btn:hover{background-color:#d8d8d8}.loginController .mainSection .access-code-header .header-wrapper .header-title{font-size:20px;font-weight:500;color:#333;margin:0;font-family:Rubik}.loginController .mainSection .login-row{height:calc(100% - 64px);display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;justify-content:center}.loginController .mainSection .login-row:not(.with-header){height:100%}.loginController .mainSection .bgImg.with-header,.loginController .mainSection .login-section.with-header{height:100%;justify-content:flex-start;padding-top:2em}.loginController .mainSection .login-section{text-align:center;height:100%;justify-content:center;vertical-align:middle;align-items:center;display:flex;flex-direction:column;overflow:auto;flex-basis:42%;max-width:42%}.loginController .mainSection .login-section .ssoSection{height:100%;overflow:hidden;background-color:#fff;height:512px;max-width:650px;overflow:visible!important;width:420px}.loginController .mainSection .login-section .ssoSection .loginScreen .tabs{display:flex;justify-content:center;font-weight:400;cursor:pointer;font-family:Rubik}.loginController .mainSection .login-section .ssoSection .loginScreen .tabs div{padding-bottom:5px;font-size:16px;color:#333;line-height:normal;height:auto;padding:9px 7px 9px 7px;width:auto;font-size:14px;min-width:auto;font-weight:300;opacity:1;margin-right:6px;font-family:Rubik}.loginController .mainSection .login-section .ssoSection .loginScreen .tabs div:hover{color:#004986}.loginController .mainSection .login-section .ssoSection .loginScreen .tabs div.active{border-bottom:2px solid #004986;color:#004986;font-weight:600}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-line{border-bottom:1px solid #e0e0e0;margin-bottom:20px}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content{margin:.5em 0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .error_msg{display:block;color:red;font-size:.9em;font-family:Rubik;margin:10px}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .error_msg .alert-img{height:13px}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .inputContainer{width:90%;padding:10px;border-radius:6px;border:1px solid #ccc;margin-bottom:12px;font-size:14px;height:46px;font-family:Rubik;color:#2d2d2d;position:relative;top:4px}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .inputContainer:focus{border-radius:6px;border:1px solid #ccc}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .inputContainer .inputContainer:focus,.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .inputContainer .inputContainer:focus-visible{outline:0!important;border-color:#ccc!important;box-shadow:none!important}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .password-field-wrapper{position:relative;width:100%;margin-bottom:24px}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .password-field-wrapper .inputContainer{margin-bottom:0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .password-field-wrapper .showHidePassword{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:22px;cursor:pointer;color:#666;z-index:10}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .password-field-wrapper .showHidePassword:hover{color:#333}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .showHidePassword{font-size:18px;line-height:24px;top:6px;text-align:center;color:#898989}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .accept-terms{margin-left:11px}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .accept-terms .para{margin:0;font-size:14px;color:#444;text-align:start;font-family:Rubik;font-weight:400}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .accept-terms .para .link{text-decoration:none;cursor:pointer;color:#004986}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .remember{display:flex;align-items:center;justify-content:space-between;margin-top:1em}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .remember .checkBox{display:flex;align-items:center;gap:8px;margin-left:.5em}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .remember .checkBox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:17px;height:17px;border:2px solid #84889f;border-radius:2px;background-color:#fff;cursor:pointer;position:relative;flex-shrink:0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .remember .checkBox input[type=checkbox]:checked{background-color:#004986;border-color:#004986}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .remember .checkBox input[type=checkbox]:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .remember .checkBox label{display:block;margin:0;font-size:14px;color:#004986;font-family:Rubik;font-weight:600;cursor:pointer;user-select:none}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .forgotPass{display:flex;align-items:center;justify-content:space-between;margin-left:.5em}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .forgotPass .checkBox{display:flex;align-items:center;gap:8px}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .forgotPass .checkBox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:17px;height:17px;border:2px solid #84889f;border-radius:2px;background-color:#fff;cursor:pointer;position:relative;flex-shrink:0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .forgotPass .checkBox input[type=checkbox]:checked{background-color:#004986;border-color:#004986}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .forgotPass .checkBox input[type=checkbox]:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .forgotPass .checkBox label{display:block;margin:0;font-size:14px;color:#004986;font-family:Rubik;font-weight:600;cursor:pointer;user-select:none}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .sign-btn{background-color:#004c97;color:#fff;border-radius:6px;border:none;cursor:pointer;font-weight:400;font-family:Rubik;font-size:14px;width:auto;height:38px;text-transform:none}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .sign-btn[disabled]{cursor:auto;background:#7fa3c2;color:#fff;border-radius:6px;border:none;cursor:auto;font-weight:400;font-size:14px;height:38px}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .forgot{color:#004c97;font-size:14px;font-weight:600;line-height:32px;font-family:Rubik;text-decoration:none;text-transform:none;margin-left:0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .forgot:hover{background-color:#f0f8ff}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer{display:block;width:100%;max-width:500px;margin:0 auto;padding:0 20px}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .googleClassRommBtn{border-radius:8px;display:flex;align-items:center;justify-content:flex-start;font-family:Rubik;width:100%;height:60px;margin-bottom:16px;padding:0 24px;cursor:pointer;border:1px solid #d1d5db;text-transform:none;background-color:#fff}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .googleClassRommBtn .signInLogo{width:32px;height:32px;margin-right:16px;flex-shrink:0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .googleClassRommBtn .signInGoogleLabel{font-family:Rubik;font-size:16px;font-weight:400;text-align:start;color:#2d2d2d;text-transform:none;text-align:left}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .googleClassRommBtn:disabled:hover{pointer-events:none}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .googleClassRommBtn:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .googleClassRommBtn:hover{background-color:#f9fafb}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .googleClassRommBtn:disabled{pointer-events:none;opacity:.5}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .cleverBtn{border-radius:8px;display:flex;align-items:center;font-weight:300;font-family:Rubik;width:100%;height:60px;margin-bottom:16px;padding:0 24px;cursor:pointer;border:1px solid #d1d5db;text-transform:none;background-color:#fff}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .cleverBtn .cleverDiv{display:flex;align-items:center;width:100%}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .cleverBtn .cleverDiv .signInLogo{width:32px;height:32px;margin-right:16px;flex-shrink:0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .cleverBtn .cleverDiv .cleverLabel{font-family:Rubik;font-size:16px;font-weight:300;text-align:start;color:#2d2d2d;text-transform:none;text-align:left}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .cleverBtn:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .cleverBtn:hover{background-color:#f9fafb}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .classLinkBtn{border-radius:8px;display:flex;align-items:center;justify-content:flex-start;font-family:Rubik;width:100%;height:60px;margin-bottom:16px;padding:0 24px;cursor:pointer;border:1px solid #d1d5db;text-transform:none;background-color:#fff}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .classLinkBtn .classLinkDiv{display:flex;align-items:center;width:100%}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .classLinkBtn .classLinkDiv .signInLogo{width:32px;height:32px;margin-right:16px;flex-shrink:0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .classLinkBtn .classLinkDiv .classLinkLabel{font-family:Rubik;font-size:16px;font-weight:400;color:#2d2d2d;text-transform:none;text-align:left}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .classLinkBtn:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .classLinkBtn:hover{background-color:#f9fafb}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .classSamlLoginBtn{border-radius:8px;display:flex;align-items:center;justify-content:flex-start;font-family:Rubik;width:100%;height:60px;margin-bottom:16px;padding:0 24px;cursor:pointer;border:1px solid #d1d5db;text-transform:none;background-color:#fff}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .classSamlLoginBtn:hover{background-color:#f9fafb}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .classSamlLoginBtn .classLinkDiv{display:flex;align-items:center;width:100%}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .classSamlLoginBtn .classLinkDiv .signInLogo{width:32px;height:32px;margin-right:16px;flex-shrink:0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .btnContainer .classSamlLoginBtn .classLinkDiv .classLinkLabel{font-family:Rubik;font-size:16px;font-weight:400;color:#2d2d2d;text-transform:none;text-align:left}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container{width:90%}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-select-group{margin-bottom:12px;text-align:left;max-width:300px;margin:1.5rem auto;display:flex;flex-direction:column;gap:20px;align-items:stretch}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-select-group .saml-label{display:block;font-size:13px;font-weight:400;color:#000;font-family:Rubik;text-align:left}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-select-group .custom-saml-dropdown{position:relative;width:100%;font-family:Rubik}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-select-group .custom-saml-dropdown .dropdown-trigger{width:100%;height:35px;font-size:13px;font-family:Rubik;color:#1f2937;background-color:#fff;border:1px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;line-height:46px}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-select-group .custom-saml-dropdown .dropdown-arrow:before{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #555;display:inline-block}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-select-group .custom-saml-dropdown .dropdown-menu{position:relative;margin:0;left:0;width:100%;max-height:30vh;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.12);z-index:20;padding:6px 0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-select-group .custom-saml-dropdown .dropdown-option{padding:10px 14px;font-size:13px;font-family:Rubik;cursor:pointer;color:#1f2937;outline:0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-select-group .custom-saml-dropdown .dropdown-option:focus,.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-select-group .custom-saml-dropdown .dropdown-option:hover{background-color:#f0f0f0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-form-actions{display:flex;justify-content:end;gap:15px;padding:0;position:relative;z-index:1}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-form-actions .saml-back-btn{border:none;color:#fff;background-color:#004986;border-radius:4px;font-family:Rubik;font-weight:500;font-size:12px;min-width:60px;min-height:30px;height:30px;line-height:30px;text-transform:none;letter-spacing:.5px;padding:0 20px;margin:0;box-shadow:none}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-form-actions .saml-back-btn:hover{background-color:#003b76}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-form-actions .saml-continue-btn{background-color:#004986;color:#fff;border-radius:4px;border:none;font-family:Rubik;font-weight:500;font-size:12px;min-width:80px;min-height:30px;height:30px;line-height:30px;text-transform:none;letter-spacing:.5px;padding:0 20px;margin:0;box-shadow:none}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-form-actions .saml-continue-btn:hover{background-color:#003b76}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .saml-selection-container .saml-form-actions .saml-continue-btn[disabled]{background-color:#7fa3c2;cursor:not-allowed}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .createAccount{margin:1em 0}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .createAccount .createAccount-btn{background-color:#004c97;color:#fff;padding:8px 30px;border-radius:6px;border:none;cursor:pointer;font-weight:600;font-size:14px;width:95%;height:38px}.loginController .mainSection .login-section .ssoSection .loginScreen .tab-content .createAccount .createAccount-btn[disabled]{cursor:auto;background:#7fa3c2;color:#fff;padding:8px 30px;border-radius:6px;border:none;cursor:pointer;font-weight:600;font-size:14px;width:95%;height:38px}.loginController .mainSection .login-section .ssoSection .middleSection{height:auto}.loginController .mainSection .login-section .ssoSection .middleSection .form-recover{margin:1em 0}.loginController .mainSection .login-section .ssoSection .middleSection .form-recover .note-terms{margin-bottom:1em;margin-left:.8em}.loginController .mainSection .login-section .ssoSection .middleSection .form-recover .note-terms p{margin:0;text-align:left;font-weight:300;color:#444;font-size:14px;font-family:Rubik;font-weight:400}.loginController .mainSection .login-section .ssoSection .middleSection .inputContainer{width:90%;padding:10px;border-radius:6px;border:1px solid #ccc;margin-bottom:12px;font-size:14px;height:46px;font-family:Rubik;color:#2d2d2d;position:relative;top:4px}.loginController .mainSection .login-section .ssoSection .middleSection .inputContainer:focus{border-radius:6px;border:1px solid #ccc}.loginController .mainSection .login-section .ssoSection .middleSection .inputContainer .inputContainer:focus,.loginController .mainSection .login-section .ssoSection .middleSection .inputContainer .inputContainer:focus-visible{outline:0!important;border-color:#ccc!important;box-shadow:none!important}.loginController .mainSection .login-section .ssoSection .middleSection .send-resetlink{display:flex;justify-content:flex-end}.loginController .mainSection .login-section .ssoSection .middleSection .send-resetlink .cancel-btnDiv{margin-right:10px}.loginController .mainSection .login-section .ssoSection .middleSection .send-resetlink .cancel-btnDiv .cancel-btn{border:1px solid #004986;color:#004986;font-family:400;border-radius:5px;cursor:pointer;font-weight:400;font-size:14px;width:auto;height:38px;text-transform:none}.loginController .mainSection .login-section .ssoSection .middleSection .send-resetlink .send-btnDiv .sendBtn{background:#004986;color:#fff;font-family:500;border-radius:4px;border:none;cursor:pointer;width:202px;height:38px;font-size:14px;text-transform:none}.loginController .mainSection .login-section .ssoSection .middleSection .send-resetlink .send-btnDiv .sendBtn[disabled]{cursor:auto;background:#7fa3c2!important;color:#fff!important}.loginController .mainSection .login-section .ssoSection .accessCodeSection{display:block;height:100%}.loginController .mainSection .login-section .ssoSection .accessCodeSection .stepper-container{width:100%;max-width:400px;margin:0 auto;margin-left:0;padding:0 0 35px 10px!important}.loginController .mainSection .login-section .ssoSection .accessCodeSection .stepper-container .stepper{display:flex;justify-content:space-between;align-items:center;gap:20px;width:80%}.loginController .mainSection .login-section .ssoSection .accessCodeSection .stepper-container .stepper .step.active .step-line{background-color:#004986}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm{margin-top:1em;margin-left:0;overflow:hidden}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-group{margin-bottom:1em}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-group .inputContainer{width:90%;padding:10px;border-radius:6px;border:1px solid #ccc;margin-bottom:12px;font-size:14px;height:46px;font-family:Rubik;color:#2d2d2d;position:relative;top:4px}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-group .inputContainer:focus{border-radius:6px;border:1px solid #004986}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-group .inputContainer .inputContainer:focus,.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-group .inputContainer .inputContainer:focus-visible{outline:0!important;border-color:#ccc!important;box-shadow:none!important}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .checkbox-group{display:flex;align-items:center;gap:8px}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .checkbox-group .checkBox{margin-left:.6em;display:flex;gap:10px}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .checkbox-group .checkBox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:17px;height:17px;border:2px solid #84889f;border-radius:2px;background-color:#fff;cursor:pointer;position:relative;flex-shrink:0}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .checkbox-group .checkBox input[type=checkbox]:checked{background-color:#004986;border-color:#004986}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .checkbox-group .checkBox input[type=checkbox]:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .checkbox-group .checkBox .termsCondition{font-size:13px;line-height:13px;font-family:Rubik;font-weight:400;color:#444;padding-left:1px;line-height:24px}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .checkbox-group .checkBox .termsCondition .link{text-decoration:none;cursor:pointer;color:#004986}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-actions{display:flex;align-items:center;justify-content:end;font-family:Rubik;font-style:normal;font-weight:400;font-size:20px;line-height:20px;grid-gap:2%;gap:2%}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-actions .cancel-action-btn{border-radius:6px;border:1px solid #004986;color:#004986;background-color:#fff;width:30%;font-family:Rubik;font-weight:400;float:left;text-transform:none}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-actions .next-action-btn{background-color:#004986;color:#fff;float:right;border-radius:6px;width:30%;font-family:Rubik;font-weight:400;text-transform:none}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-actions .next-action-btn[disabled]{cursor:auto;background:#7fa3c2!important;color:#fff!important}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider{position:relative;width:100%;display:flex;transition:transform .4s ease-in-out}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step{min-width:100%;width:100%;flex-shrink:0}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .form-group .email-display{display:block;font-size:16px;color:#333;text-align:left;padding:10px 0;font-weight:500;font-family:Rubik;margin-left:2em}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .form-group .password-field-wrapper{position:relative;width:100%;margin-bottom:8px}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .form-group .password-field-wrapper .inputContainer{margin-bottom:0}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .form-group .password-field-wrapper .showHidePassword{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:22px;cursor:pointer;color:#666;z-index:10}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .form-group .password-field-wrapper .showHidePassword:hover{color:#333}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .form-group .showHidePassword{font-size:18px;line-height:24px;top:6px;text-align:center;color:#898989}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .password-strength{text-align:left;color:#6f6f6f;font-family:Rubik;font-weight:400;margin-bottom:.8em;margin-top:0;margin-left:1em}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .password-strength .strength-title{color:#666;font-family:Rubik;font-size:12px;margin:5px 0}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .password-strength .strength-rule{display:flex;align-items:center;gap:8px;padding:4px 0;margin:0;color:#666;font-size:13px;line-height:1.4}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .password-strength .strength-rule md-icon.rule-icon{font-family:'Material Icons';font-size:16px;color:#2d2d2d;height:18px;width:18px;min-width:18px;margin:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .password-strength .strength-rule md-icon.info-icon{font-family:'Material Icons';font-size:16px;color:#666;margin-left:auto;cursor:pointer;height:16px;width:16px;min-width:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .password-strength .strength-rule span{flex:1}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .password-strength .strength-rule.valid md-icon.rule-icon{color:#2d8c2d}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .password-mismatch{margin-top:4px;margin-left:0;text-align:left;padding-left:1.8em}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider .form-step .password-mismatch .mismatch-text{color:#d32f2f;font-size:13px;font-family:Rubik;font-weight:400}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider.step-1{transform:translateX(0)}.loginController .mainSection .login-section .ssoSection .accessCodeSection .accessCodeForm .form-slider.step-2{transform:translateX(-100%)}.loginController .mainSection .login-section .ssoSection .topSection{height:25%}.loginController .mainSection .login-section .ssoSection .topSection .img-logo{width:300px;height:85px}.loginController .mainSection .login-section .ssoSection .topSection .kitabooLogo{text-align:center;height:15%;justify-content:center;vertical-align:middle;align-items:flex-start;display:flex}.loginController .mainSection .login-section .ssoSection .topSection .kitabooLogo .img-logo{width:300px;height:85px}.loginController .mainSection .bgImg{height:100%;flex:0 0 58%;background-size:cover;background-repeat:no-repeat;background-position:center;flex-basis:58%;max-width:58%}.loginController .create_account{position:relative;text-align:center}.loginController .create_account .create_account_link{text-decoration:underline;color:#466bf8;font-weight:700}.loginController .policy{text-align:center;font-size:13px;color:#fff;position:relative;top:10px}.loginController .bottomSection{height:23%;position:absolute;bottom:0;width:58%}.loginController .bottomSection .topText{padding-bottom:8px;font-size:.8em;color:#fff;font-family:Rubik}.loginController .bottomSection .downloadApp{display:flex;flex-direction:row;gap:0}.loginController .bottomSection .topTextsmall{padding-bottom:8px;color:#fff;font-size:20px;font-family:Rubik}.loginController .bottomSection .bottomText{color:#fff}.loginController .bottomSection .bottomText1{color:#fff;font-size:25px}.loginController .bottomSection #noclick{pointer-events:none}.loginController .bottomSection #desktopInstaller{background-image:url(images/desktop.png);background-repeat:no-repeat;background-size:cover}.loginController .bottomSection .imageLink{display:block;width:120px;height:35px;margin-right:-10px;background-color:transparent}.loginController .bottomSection .imageLink a{height:inherit}.loginController .bottomSection .imageLink img{height:100%;width:100%}.loginController .desktopInstallerPopupSection{height:12%;background:#e8e2d3;position:absolute;bottom:0;width:100%}.loginController .desktopInstallerPopupSection .topLink{color:#3a3937;font-size:15px;padding-left:20%}.loginController .desktopInstallerPopupSection .topLink a{color:#428bca}.loginController .desktopInstallerPopupSection .bottomLink{color:#3a3937;font-size:15px;padding-left:20%}.loginController .desktopInstallerPopupSection .bottomLink a{color:#428bca}.loginController .desktopInstallerPopupSection .cancelInButton{background:#e8e2d3;border:1px solid #000;color:#000;border-radius:0}.loginController .desktopInstallerPopupSection .cancelInButton:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.wrapper{margin-left:45px}.accessSearch{padding:0 30px;width:45%;max-width:400px;height:37px;border:1px solid #b3b3b3;border-radius:12px 0 0 12px;float:left;margin-top:12px}.accessCodeLbl{font-size:12px}.accessCodeInButton{cursor:pointer;border:none;border-radius:0 5px 5px 0;display:inline-block;width:80px;height:39px;background:#007a99;color:#fff;text-transform:capitalize;float:left;margin-top:12px}.accessCodeInButton:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.accessCodeInButton[disabled]{opacity:.65!important}@media screen and (max-width:960px){.loginController .mainSection .login-row .login-section{flex-basis:100%!important;max-width:100%!important}.loginController .mainSection .login-row .login-section .ssoSection{width:90%!important;max-width:500px!important;margin:0 auto}}@media screen and (max-width:600px){.loginController .mainSection .login-row .login-section .ssoSection{width:95%!important;padding:0 8px!important}.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn{padding:10px 8px!important}.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .classLinkDiv,.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .cleverDiv,.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .signInGoogleClassDiv,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .classLinkDiv,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .cleverDiv,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .signInGoogleClassDiv,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .classLinkDiv,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .cleverDiv,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .signInGoogleClassDiv,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .classLinkDiv,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .cleverDiv,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .signInGoogleClassDiv{display:flex!important;align-items:center;padding-left:5px!important;width:100%}.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .classLinkDiv .signInLogo,.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .cleverDiv .signInLogo,.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .signInGoogleClassDiv .signInLogo,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .classLinkDiv .signInLogo,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .cleverDiv .signInLogo,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .signInGoogleClassDiv .signInLogo,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .classLinkDiv .signInLogo,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .cleverDiv .signInLogo,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .signInGoogleClassDiv .signInLogo,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .classLinkDiv .signInLogo,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .cleverDiv .signInLogo,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .signInGoogleClassDiv .signInLogo{margin:0 8px 0 0!important;flex-shrink:0}.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .classLinkDiv .classLinkLabel,.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .classLinkDiv .cleverLabel,.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .classLinkDiv .signInGoogleLabel,.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .cleverDiv .classLinkLabel,.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .cleverDiv .cleverLabel,.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .cleverDiv .signInGoogleLabel,.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .signInGoogleClassDiv .classLinkLabel,.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .signInGoogleClassDiv .cleverLabel,.loginController .mainSection .login-row .login-section .ssoSection .classLinkBtn .signInGoogleClassDiv .signInGoogleLabel,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .classLinkDiv .classLinkLabel,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .classLinkDiv .cleverLabel,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .classLinkDiv .signInGoogleLabel,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .cleverDiv .classLinkLabel,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .cleverDiv .cleverLabel,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .cleverDiv .signInGoogleLabel,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .signInGoogleClassDiv .classLinkLabel,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .signInGoogleClassDiv .cleverLabel,.loginController .mainSection .login-row .login-section .ssoSection .classSamlLoginBtn .signInGoogleClassDiv .signInGoogleLabel,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .classLinkDiv .classLinkLabel,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .classLinkDiv .cleverLabel,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .classLinkDiv .signInGoogleLabel,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .cleverDiv .classLinkLabel,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .cleverDiv .cleverLabel,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .cleverDiv .signInGoogleLabel,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .signInGoogleClassDiv .classLinkLabel,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .signInGoogleClassDiv .cleverLabel,.loginController .mainSection .login-row .login-section .ssoSection .cleverBtn .signInGoogleClassDiv .signInGoogleLabel,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .classLinkDiv .classLinkLabel,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .classLinkDiv .cleverLabel,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .classLinkDiv .signInGoogleLabel,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .cleverDiv .classLinkLabel,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .cleverDiv .cleverLabel,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .cleverDiv .signInGoogleLabel,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .signInGoogleClassDiv .classLinkLabel,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .signInGoogleClassDiv .cleverLabel,.loginController .mainSection .login-row .login-section .ssoSection .googleClassRommBtn .signInGoogleClassDiv .signInGoogleLabel{position:relative!important;left:auto!important;transform:none!important;font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}}.step{flex:1;position:relative}.step-line{height:4px;width:100%;background-color:#d3d3d3;border-radius:2px;position:relative;transition:background-color .3s ease}.step.completed .step-line{background-color:#004986}.md-select-menu-container{z-index:1050!important;margin-top:0!important;position:absolute!important}.md-select-menu-container md-select-menu{border-radius:4px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;border:1px solid #ccc;margin-top:2.9em!important;transform-origin:top center!important;position:relative!important;top:0!important;max-height:30vh}.md-select-menu-container md-select-menu md-content{max-height:250px!important;border-radius:6px}.md-select-menu-container md-select-menu md-content md-option{font-size:13px;font-family:Rubik!important;font-weight:400!important;display:flex;align-items:center;height:6vh}.md-select-menu-container md-select-menu md-content md-option:hover{background-color:#f0f0f0!important}.md-select-menu-container md-select-menu md-content md-option.md-selected{color:#004986;background-color:#e6f2ff!important;font-weight:500}.md-select-menu-container md-select-menu md-content md-option:focus{background-color:#fff!important}.md-select-menu-container md-select-menu md-content md-option md-option[disabled]{background-color:transparent!important}.md-select-menu-container md-select-menu md-content md-option md-option[disabled]:focus{background-color:transparent!important}.md-select-menu-container.md-active md-select-menu{transform:translateY(0)!important}md-select.saml-select.md-default-theme.md-focus,md-select.saml-select.md-default-theme.md-focused,md-select.saml-select.md-focus,md-select.saml-select.md-focused{background-color:#fff!important}.md-toast-bottom-center,md-toast.md-bottom.md-center{left:50%!important;transform:translateX(-50%)!important;right:auto!important;bottom:20px!important}md-toast .md-toast-content{display:flex;align-items:center;justify-content:space-between}@font-face{font-family:kitabooread;font-style:normal;font-weight:400;src:url(fonts/kitabooread.eot?) format("eot"),url(fonts/kitabooread.woff2) format("woff2"),url(fonts/kitabooread.woff) format("woff"),url(fonts/kitabooread.ttf) format("truetype"),url(fonts/kitabooread.svg#kitabooread) format("svg");font-display:swap}[class$='-icon'],[class*=icon],[class^=icon-]{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:normal normal normal 1.4em kitabooread;cursor:pointer;justify-content:center}@keyframes spinner{to{transform:rotate(360deg)}}.spinner:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #007a99;border-top-color:#fff;animation:spinner .8s linear infinite}html{width:100%}html body{width:100%;background-color:#000;overflow:hidden}html body .md-button.md-default-theme:not([disabled]).md-focused,html body .md-button.md-default-theme:not([disabled]):hover,html body .md-button:not([disabled]).md-focused,html body .md-button:not([disabled]):hover{background-color:rgba(158,158,158,.2)}html body .md-tooltip{background-color:#fffee3!important;color:#333!important;font-family:'Open Sans'!important;font-weight:400!important;font-style:normal!important}html body md-select-menu{border-radius:10px}html body .multiLangOption{background-color:#fff}html body .multLangViewIslamic .md-text{font-family:'Open Sans'}html body .container-area{background-color:#fff!important;height:100%;width:100%;overflow:hidden}html body .container-area #overlay{background-color:rgba(0,0,0,.3);position:absolute;height:100%;width:100%;z-index:5000;top:50%;left:50%;transform:translate(-50%,-50%)}html body .container-area #overlay #spinner{top:50%;transform:translateY(-50%)}html body .container-area #overlayoup{background-color:#fffdfd;position:absolute;height:100%;width:100%;z-index:5000;top:50%;left:50%;opacity:.8;transform:translate(-50%,-50%)}html body .container-area #overlayoup #spinner{top:50%;transform:translateY(-50%)}html body .container-area .loadingoup{position:absolute;top:61%;left:48%;transform:translateY(-50%);color:#000;z-index:99999}html body .container-area .container-areaView{height:100%;width:100%;overflow:hidden}html body .container-area .bookShelfTopBar{background-color:#fff}html body .container-area .bookShelfTopBar .bookshelfLogo{padding:8px 0 0 8px}html body .container-area .bookShelfTopBar #isLogoClick{cursor:pointer}html body .container-area .bookShelfTopBar .bookshelfFeatures{padding:8px 0 0 8px}html body .container-area .bookShelfTopBar .bookshelfFeatures .searchButton{z-index:9}html body .container-area .bookShelfTopBar .bookshelfFeatures .searchContainer{padding:0;margin:0;width:440px;top:15px;right:35px}html body .container-area .bookShelfTopBar .bookshelfFeatures .searchContainer label{left:35px;font-size:16px;font-family:'Open Sans';font-weight:400;font-style:normal}html body .container-area .bookShelfTopBar .bookshelfFeatures .searchContainer .customStyle{font-size:12px;color:#095e8e;line-height:24px;bottom:5px;position:relative}html body .container-area .bookShelfTopBar .bookshelfFeatures .searchContainer .customStyle::before{content:"2"}html body .container-area .bookShelfTopBar .bookshelfFeatures .searchContainer .md-input{border-color:#707070;padding-left:35px;padding-right:40px;font-size:14px;color:grey;font-family:'Open Sans';font-weight:400;font-style:normal}html body .container-area .bookShelfTopBar .bookshelfFeatures .searchContainer .md-accent{color:#1e709f}html body .container-area .bookShelfTopBar .bookshelfFeatures md-input-container.md-input-focused label{font-size:18px!important}html body .container-area .bookShelfTopBar .search{width:80%;margin:0;position:relative}html body .container-area .bookShelfTopBar .search .inputClear{right:15px!important;top:9px!important;text-align:center}html body .container-area .bookShelfTopBar .search .inputClear .customStyle{font-size:12px;line-height:24px;color:#333}html body .container-area .bookShelfTopBar .search .inputClear .customStyle::before{content:"\58"}html body .container-area .bookShelfTopBar .search input{border-radius:6px;background-color:#efefef;border-color:#efefef;height:40px;padding-left:50px;padding-right:30px;color:#000;font-size:18px;font-family:'Open Sans';font-weight:400;font-style:normal}html body .container-area .bookShelfTopBar .search ::-webkit-input-placeholder{opacity:.7!important;font-size:18px!important;color:#575757!important}html body .container-area .bookShelfTopBar .search ::-moz-placeholder{opacity:.7!important;font-size:18px!important;color:#575757!important}html body .container-area .bookShelfTopBar .search :-ms-input-placeholder{opacity:.7!important;font-size:18px!important;color:#575757!important}html body .container-area .bookShelfTopBar .search .searchButton{margin:0;position:absolute;left:10px}html body .container-area .bookShelfTopBar .search .searchButton .search_icon{color:#1e709f}html body .container-area .bookShelfTopBar .clearSearch{position:absolute;font-size:10px;bottom:18px;right:0}html body .container-area .bookShelfTopBar .cancelSearch{color:#007a99;font-size:18px;margin-bottom:8px;font-family:'Open Sans';font-weight:400;font-style:normal}html body .container-area .middleConatiner{height:100%}html body .container-area .middleConatiner .mainLoaderClass{position:absolute;left:50%;top:50%;transform:scale(-50%,-50%);z-index:99}html body .container-area .middleConatiner .categoriesContainer{background-color:#fff;padding:0;height:100%}html body .container-area .middleConatiner .categoriesContainer md-tab-content{overflow:auto}html body .container-area .middleConatiner .categoriesContainer md-tab-content.md-active>div.addscroll{height:calc(100% + 400px)}html body .container-area .middleConatiner .categoriesContainer md-tabs{height:100%}html body .container-area .middleConatiner .categoriesContainer md-tabs md-tabs-wrapper{background-color:#fff;box-shadow:4.8px 3.6px 6px 0 rgba(0,0,0,.15);z-index:1}html body .container-area .middleConatiner .categoriesContainer md-tabs md-tabs-wrapper md-next-button md-icon,html body .container-area .middleConatiner .categoriesContainer md-tabs md-tabs-wrapper md-prev-button md-icon{color:#000}html body .container-area .middleConatiner .categoriesContainer md-tabs md-tabs-wrapper .md-disabled{opacity:0}html body .container-area .middleConatiner .categoriesContainer md-tabs md-tabs-content-wrapper{background-color:#ebebeb}html body .container-area .middleConatiner .categoriesContainer md-tabs .differentViews{padding-top:6px;text-align:center}html body .container-area .middleConatiner .categoriesContainer md-tabs .differentViews .loaderClass{position:absolute;top:50%;left:50%;transform:translateX(-50%);font-size:14px}html body .container-area .middleConatiner .categoriesContainer .md-tab{font-stretch:normal;letter-spacing:normal;color:#333;text-transform:none;padding:12px 24px;min-width:auto;font-family:'Open Sans';font-weight:400;font-style:normal}html body .container-area .middleConatiner .categoriesContainer .md-tab.md-active{color:#007a99}html body .container-area .middleConatiner .categoriesContainer md-tabs md-ink-bar{color:#007a99;background:#007a99}html body .container-area .bookShelfFooter{box-shadow:4.8px -3.6px 6px 0 rgba(0,0,0,.15);z-index:1;height:40px;background-color:#fff}html body .container-area .bookShelfFooter .custom_icon{width:auto;height:auto;font-size:24px;color:#007a99;cursor:default}html body .container-area .bookShelfFooter .icon_acep_footer{font-size:32px;color:#fff}html body .container-area .bookShelfFooter .icon-BackArrow{width:auto;height:auto;font-size:24px;cursor:pointer;color:#337ab7}html body .container-area .bookShelfFooter .worldbookproduct{position:fixed;left:0;cursor:pointer}html body .container-area .bookShelfFooter .worldbookproducttext{cursor:pointer;color:#337ab7}html body .container-area .bookShelfFooter .poweredBy{font-size:12px;color:#575757;margin:0;font-family:'Open Sans';font-weight:300;font-style:normal}html body .container-area .bookShelfFooter .pipe{margin-bottom:4px;margin-right:6px}html body .materialIcon{text-transform:none;min-width:0;line-height:26px}html body md-toolbar:not(.md-menu-toolbar) .md-button[disabled] md-icon{fill:none;opacity:.38;color:#007a99}html body .categorySortBy{top:10px;font-size:10px;color:#352365!important;position:absolute}html body .categorySortByDrop{position:relative;color:#352365!important;width:168px;font-size:15px}html body .categoryText{color:#352365;font-size:12px;left:37px;position:relative;font-weight:700}html body .categoryText1{font-size:12px;font-style:italic;left:12px;position:relative}html body .page_icon{color:#007a99;text-align:center;line-height:26px}html body .icon-Web-link{cursor:default!important}html input::-ms-clear,html input::-ms-reveal{display:none}html .noSelect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}html .custom-poweredBy-logo{width:60px!important;height:45px!important;cursor:default}html .custom-poweredBy-logo .custom-poweredBy{width:85%;vertical-align:text-bottom}html .custom-poweredBy-with-logo{width:177px!important;height:45px!important;cursor:default}html .custom-poweredBy-with-logo .custom-poweredBy{width:85%;vertical-align:text-bottom;color:#007a99}html md-progress-circular path{stroke:#007a99}html .unFavorite_icon{box-shadow:0 1px 2px 0 rgba(0,0,0,.5);background-color:#000;color:#fff;border-radius:50%;font-size:14px;vertical-align:middle;display:table-cell;text-align:center}html .favorite_icon{box-shadow:0 1px 2px 0 rgba(0,0,0,.5);background-color:#000;color:#ffec01;border-radius:50%;font-size:14px;vertical-align:middle;display:table-cell}html .unFavorite_icon_white{box-shadow:0 1px 2px 0 rgba(0,0,0,.5);background-color:#fff;color:#000;border-radius:50%;font-size:14px;vertical-align:middle;display:table-cell}html .favorite_icon_white{box-shadow:0 1px 2px 0 rgba(0,0,0,.5);background-color:#fff;color:#ffec01;border-radius:50%;font-size:14px;vertical-align:middle;display:table-cell}html .unFavorite_icon_info_popup{min-height:16px;min-width:16px;color:#000;border-radius:50%;font-size:20px;vertical-align:middle;display:table-cell}html .favorite_icon_info_popup{min-height:16px;min-width:16px;color:#ff0;border-radius:50%;font-size:20px;vertical-align:middle;display:table-cell}html .icon_unfavorite{color:#095e8e;border-radius:50%;font-size:14px;vertical-align:middle;display:table-cell;text-align:center;line-height:26px}html .icon_favorite{color:#c71f3c;border-radius:50%;font-size:14px;vertical-align:middle;display:table-cell;line-height:26px}html .disabledAudioIcon{opacity:.4}html .audioIcon{min-height:14px;min-width:14px;background-color:#fff;border-radius:50%;font-size:20px;vertical-align:middle;display:table-cell;top:62%;position:absolute}html .favoriteIcon{left:324px}html .audioBtn{padding-top:85px}html .favoriteIcon{height:20px;width:20px;position:absolute;top:63%}html .open-button{top:71%;position:absolute;background:#1e90ff;color:#fff}html .audio-icon{height:20px;width:20px}
.profile_icon:before{content:"Ƥ"}.search_icon:before{content:"\0064"}.icon-TG:before{content:"ç"}.accessCode_icon:before{content:"\002A"}.refresh_icon:before{content:"\00A5"}.icon-Profile_Edit:before{content:"\25e"}.icon-BackArrow:before{content:"\2c2"}.kitaboo_icon:before{content:"Ù"}.icon-preview:before{content:"\a9"}.icon-help:before{content:"\Ņ"}.icon-preview_hide:before{content:"\c2"}.icon-Uncheck:before{content:"\37b"}.icon-Check:before{content:"\37d"}.icon-Sign_out:before{content:"\a7b6"}.next_icon:before{content:"H"}.previous_icon:before{content:"G"}.moreInfo_icon:before{content:"ñ"}.icon-a_bookshelf:before{content:"\61"}.favorite_icon:before{content:"к"}.unFavorite_icon:before{content:"л"}.icon_favorite:before{content:"ʖ"}.icon_unfavorite:before{content:"ʔ"}.home-icon::before{content:"a"}.book_format_icon::before{content:"Ἕ"}.dropdown_icon::before{content:"7"}.avg_book_opened::before{content:"Ş"}.avg_read_time::before{content:"¨"}.avg_pages_read::before{content:"ª"}.avg_read_sess::before{content:"¦"}.avg_pages_read_session::before{content:"Ą"}.avg_notes_shared_created::before{content:"ṋ"}.avg_high_shared_created::before{content:"Ḫ"}.avg_resource_viewed_avail::before{content:"ả"}.class_icon::before{content:"Ƥ"}.icon-prev_page_icon:before{content:"\47"}.world_back_icon:before{content:"a"}.alert_icon::before{content:"!"}.back_icon::before{content:"≈"}.icon-kitabootextlogo:before{content:"\d9"}.icon-kitaboo_logo_icon:before{content:"\d8"}.icon-video_player_close:before{content:"\32"}.favorite_icon_info_popup:before{content:"к";background:#fff}.favorite_icon_white:before{content:"к"}.unFavorite_icon_info_popup:before{content:"л"}.unFavorite_icon_white:before{content:"л"}.mute_audio_icon:before{content:'\1eac'}.unmute_audio_icon:before{content:'\25ca'}.icon-delete_book_icon:before{content:"\58"}.icon-chapter-thumbnail-hide:before{content:"\d0"}.icon-chapter-thumbnail-show:before{content:"\d1"}.icon-Video_subtitle:before{content:"\ab3c"}.icon-Caret_down:before{content:"\4db"}.icon-Caret-up:before{content:"\4da"}.bookDownload_icon:before{content:"\2113"}.pausedDownloadBook_icon:before{content:"\4b"}.deleteDownloadedBook_icon:before{content:"\43"}.icon-ACEP-Logo:before{content:"Į"}.icon-video_player_close:before{content:"\32"}.icon-Test-Generator_1:before{content:"ç"}.icon-language-selection::before{content:"Ü"}.icon-AR_swipe-prev::before{content:"ỡ"}.icon-AR_swipe-next::before{content:"Ự"}.icon-Sort_by:before{content:"\2c6b"}.icon-Web-link::before{content:"é"}.icon-samlLogin::before{content:"\241"}