@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500&display=swap);*{word-break:break-all}ul.nav{position:relative;overflow-x:scroll}li.nav-item{position:relative;border-top-left-radius:10px;border-top-right-radius:10px}li.nav-item+li.nav-item{margin:0 2px}li.nav-item:before a.active{left:0;margin-left:-20px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}li.nav-item:after a.active,li.nav-item:before a.active{content:"";position:absolute;height:20px;width:20px;bottom:0;background:no-repeat url(/static/media/rounded.17059f13.png) scroll;background-size:contain;z-index:1}li.nav-item:after a.active{right:0;margin-right:-20px}li.nav-item a{background:#a6b5b8;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}li.nav-item a.active{color:#a6b5b8;background:#fff}.cursorPointer{cursor:pointer}@media (min-width:1600px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1500px!important}}:root{--gray-hue:190;--blue-hue:209;--purple-hue:225;--red-hue:0;--yellow-hue:56;--green-hue:131;--main-hue:var(--gray-hue);--bg-dark-blue:#204f8d;--blue-primary:#034aa6;--themeBlue:#488bff;--label-color-blue:#4f92ea;--label-color-dark-blue:#056cf2;--borderTop-color:#0959c1;--borderBottom-color:#0959c1;width:100%}:host{color:#333;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:host{font-family:"Montserrat",sans-serif}*{word-break:normal;font-size:13px}::-webkit-scrollbar{width:.5rem;height:.4rem}::-webkit-scrollbar-track{border-radius:5px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{box-shadow:inset 0 0 2px hsla(0,0%,100%,0);-webkit-box-shadow:inset 0 0 2px hsla(0,0%,100%,0)}::-webkit-scrollbar-thumb{border-radius:.3rem;background:#488bff;background:var(--themeBlue)}::-webkit-scrollbar-thumb:window-inactive{background:transparent}body{font-family:"Nunito",sans-serif;position:relative;margin:0;padding:0;font-size:16px;background:#f2f7ff}.form-control{padding:.1rem .75rem}.select-filter{height:38px;font-weight:600;color:#676869;background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 14px) calc(1em + 2px),100% 0;background-size:6px 6px,6px 6px,3em 100%}.select-filter,.select-filter-sm{border:1px solid #4f92ea;border:1px solid var(--label-color-blue);border-radius:3px;display:inline-block;line-height:1.5em;padding:.5em 40px .5em 1em;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-image:linear-gradient(45deg,transparent 50%,#fff 0),linear-gradient(135deg,#fff 50%,transparent 0),linear-gradient(90deg,#4f92ea,#4f92ea);background-image:linear-gradient(45deg,transparent 50%,#fff 0),linear-gradient(135deg,#fff 50%,transparent 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-repeat:no-repeat}.select-filter-sm{height:31px;margin-left:10px;margin-top:-5px;background-position:calc(100% - 13px) calc(.8em + 2px),calc(100% - 8px) calc(.8em + 2px),100% 0;background-size:5px 5px,5px 5px,2em 2.5em}.select-filter-sm:focus{background-image:linear-gradient(45deg,#fff 50%,transparent 0),linear-gradient(135deg,transparent 50%,#fff 0),linear-gradient(90deg,#4f92ea,#4f92ea);background-image:linear-gradient(45deg,#fff 50%,transparent 0),linear-gradient(135deg,transparent 50%,#fff 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - 8px),calc(100% - 13px),100% 0;border-color:grey;outline:0}.select-filter-sm-disabled,.select-filter-sm:focus{background-size:5px 5px,5px 5px,2em 2.5em;background-repeat:no-repeat}.select-filter-sm-disabled{border:1px solid #bec4cf;border-radius:3px;height:31px;background-position:calc(100% - 13px) calc(.8em + 2px),calc(100% - 8px) calc(.8em + 2px),100% 0}.select-filter-disabled,.select-filter-sm-disabled{display:inline-block;line-height:1.5em;margin-left:10px;padding:.5em 40px .5em 1em;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;margin-top:-5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-image:linear-gradient(45deg,transparent 50%,#bec4cf 0),linear-gradient(135deg,#bec4cf 50%,transparent 0),linear-gradient(90deg,#f2f7ff,#f2f7ff)}.select-filter-disabled{border:1px solid #4f92ea;border:1px solid var(--label-color-blue);border-radius:3px;height:38px;font-weight:600;color:#676869;background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 14px) calc(1em + 2px),100% 0;background-size:6px 6px,6px 6px,3em 3em;background-repeat:no-repeat}.select-filter-disabled:disabled{background-color:#fff;color:#bec4cf}.select-filter-sm-disabled:disabled{background-color:#fff}.da-admin-gss-select{overflow:visible}.da-admin-gss-select .text-search{width:100%;height:100%;outline:none;border:none}.da-admin-gss-select .admin-gss-dropdown-menu{max-height:30rem;min-width:100%;width:-webkit-max-content;width:max-content;overflow-y:auto;background:#fff}.da-admin-gss-select .gss-values{padding-left:2.5rem}.da-admin-gss-select .dropdown-menu.admin-gss-dropdown-menu.show{z-index:1030}.da-admin-gss-select .grade .fa{margin-left:1rem}.da-admin-gss-select .dropdown-item:hover{background:#f2f7ff;color:#aaa}.mrgntp-m5{margin-top:-4.5em}.pageHeading{z-index:1;margin-top:-8px;font-size:1.75rem;margin-bottom:0;font-weight:600;color:#204f8d;color:var(--bg-dark-blue)}.border-heading{border-bottom:2px solid #e3edfd;margin-bottom:.7em}.pageHeadingBreadcrumbs{z-index:1;font-size:1.385rem;font-weight:600;color:#4f92ea;color:var(--label-color-blue)}.back-button{font-size:1.385rem;color:#bec4cf;transition:.2s;background:transparent;border:none;outline:none}.back-button:hover{color:#4f92ea;color:var(--label-color-blue)}.mb-10{margin-bottom:10px}.mr-10{margin-right:10px}.mt-10{margin-top:10px}.ml-10{margin-left:10px}.filter-label{color:#bec4cf;font-weight:700}.index-style{background-color:#f2f7ff}.icon-width{width:32px;padding:5px}.nav-tabs{border-bottom:none}.nav-tabs .active{color:#4f92ea!important;color:var(--label-color-blue)!important}.nav-notes{border-top-left-radius:.4rem!important;border-top-right-radius:1.4rem!important;margin:0 1px!important;font-weight:700!important;color:#bec4cf!important}.table-bordered td,.table-bordered th{border-color:#b7d6ff}.mw-0{min-width:0}.w-8{width:8%}.w-10{width:10%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.ml-20{margin-left:20px}.mt-20{margin-top:20px}.mt-50{margin-top:-50px}.mh-0{min-height:0!important}.mw-0{min-width:0!important}.pl-0{padding-left:0}img{max-width:100%;max-height:85vh}.cursorAuto{cursor:auto!important}.font-weight-medium{font-weight:500!important}.font-weight-semibold{font-weight:600!important}.text-label-gray{color:#bec4cf!important}.text-label-blue{color:#4f92ea!important;color:var(--label-color-blue)!important}.text-label-red{color:#f05974!important}.text-label-dark-gray{color:#676869!important}.text-label-dark-gray-2{color:#232230!important}.h-max-content{height:-webkit-max-content!important;height:max-content!important}.w-max-content{width:-webkit-max-content!important;width:max-content!important}.w-sm-100{width:auto}@media only screen and (max-width:450px){.w-sm-100{width:100%}}.snackbar-bottom-notice{pointer-events:auto;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1200;color:#fff;background:#1abf73;border-radius:.769rem .769rem 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:1.538rem 1.923rem;font-size:1.154rem;font-weight:500}.snackbar-bottom-notice.errorMessage{background:#f05974}.snackbar-bottom-notice.warningMessage{background:#feaf43;color:#232230}.no-data-avail{font-size:1.5rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:2rem;font-style:italic}.btn-primary,.themeButton{background-color:#4f92ea;background-color:var(--label-color-blue);border-color:#4f92ea;border-color:var(--label-color-blue);color:#fff;transition:all .2s}.btn-primary:hover:not(.disabled),.btn-primary:hover:not(:disabled),.themeButton:hover:not(.disabled),.themeButton:hover:not(:disabled){background-color:transparent;border-color:#4f92ea;border-color:var(--label-color-blue);color:#4f92ea;color:var(--label-color-blue)}.btn-primary:hover:not(.disabled) .customIcon,.btn-primary:hover:not(:disabled) .customIcon,.themeButton:hover:not(.disabled) .customIcon,.themeButton:hover:not(:disabled) .customIcon{-webkit-filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1925%) hue-rotate(193deg) brightness(98%) contrast(87%);filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1925%) hue-rotate(193deg) brightness(98%) contrast(87%)}.btn-primary.disabled,.btn-primary:disabled,.themeButton.disabled,.themeButton:disabled{background-color:#bec4cf;border-color:#bec4cf}.btn-outline-primary{background-color:transparent;border-color:#4f92ea;border-color:var(--label-color-blue);color:#4f92ea;color:var(--label-color-blue);transition:all .2s}.btn-outline-primary:hover:not(.disabled),.btn-outline-primary:hover:not(:disabled){background-color:#4f92ea;background-color:var(--label-color-blue);border-color:#4f92ea;border-color:var(--label-color-blue)}.btn-outline-primary:hover:not(.disabled) .customIcon,.btn-outline-primary:hover:not(:disabled) .customIcon{-webkit-filter:brightness(0) saturate(100%) invert(100%);filter:brightness(0) saturate(100%) invert(100%)}.btn-outline-gray{background-color:#fff;border:1px solid #c9e0fb;color:#4f92ea;color:var(--label-color-blue);font-size:12px;font-weight:700;transition:all .2s}.btn-outline-gray:hover:not(.disabled),.btn-outline-gray:hover:not(:disabled){background-color:#4f92ea;background-color:var(--label-color-blue);border-color:#4f92ea;border-color:var(--label-color-blue);color:#fff}.btn-outline-gray:hover:not(.disabled) .customIcon,.btn-outline-gray:hover:not(:disabled) .customIcon{-webkit-filter:brightness(0) saturate(100%) invert(100%);filter:brightness(0) saturate(100%) invert(100%)}.btn-danger{background-color:#f05974;border-color:#f05974;color:#fff;transition:all .2s}.btn-danger:hover:not(:disabled){background-color:transparent;border-color:#f05974;color:#f05974}.btn-danger.disabled,.btn-danger:disabled{background-color:#bec4cf;border-color:#bec4cf}.custom-normal-checkbox{min-height:1.538rem;min-width:1.538rem}.custom-normal-checkbox .custom-control-label:before{width:1.538rem;height:1.538rem;top:0}.custom-normal-checkbox .custom-control-input:checked~.custom-control-label:before{width:1.538rem;height:1.538rem;color:#fff;background-color:#4f92ea;background-color:var(--label-color-blue);top:0;border-color:#d5e7fc}.custom-normal-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23FFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");top:0}.custom-normal-checkbox .custom-control-label:after{width:1.538rem;height:1.538rem;top:0}.custom-big-checkbox{min-height:2.188rem;min-width:2.188rem}.custom-big-checkbox .custom-control-label:before{width:2.188rem;height:2.188rem;top:0;border-color:#d5e7fc}.custom-big-checkbox .custom-control-input:checked~.custom-control-label:before{width:2.188rem;height:2.188rem;color:#fff;border-color:#4f92ea;border-color:var(--label-color-blue);background-color:#4f92ea;background-color:var(--label-color-blue);top:0}.custom-big-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23FFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");top:0}.custom-big-checkbox .custom-control-label:after{width:2.188rem;height:2.188rem;top:0}.nav-tabs-custom .nav-tabs-custom-left{min-width:0;display:-webkit-flex;display:flex}.nav-tabs-custom .nav-tabs-custom-item{background:#fff;border:1px solid #d5e7fc;border-bottom:none;text-align:center;font-weight:600;font-size:1.154rem;padding:.5em 1.2em;border-top-left-radius:.6em;border-top-right-radius:.6em;color:#676869;margin-right:.5em;transition:all .2s;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.nav-tabs-custom .nav-tabs-custom-item:hover{cursor:pointer;text-decoration:none}.nav-tabs-custom .nav-tabs-custom-item:hover:not(.active){color:#676869}@media screen and (max-width:450px){.nav-tabs-custom .nav-tabs-custom-item{font-size:1.05rem;padding:.25em 1em;border-top-left-radius:.3em;border-top-right-radius:.3em;border-bottom:none}}.nav-tabs-custom .active{background:#f2f7ff;color:#4f92ea;color:var(--label-color-blue);position:relative}.nav-tabs-custom .active:after{content:"";width:100%;height:5px;position:absolute;bottom:-1px;left:0;background-color:#f2f7ff}.tab-custom-content.tab-content{-webkit-flex:1 1;flex:1 1;min-height:0;background:#f2f7ff;border:1px solid #d5e7fc;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:auto}@media screen and (max-width:768px){.tab-custom-content.tab-content{-webkit-flex:0 1 auto;flex:0 1 auto;min-height:auto}}.scrollable{-webkit-flex:1 1;flex:1 1;min-height:0;overflow:auto}.scrollable.hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.scrollable.hide-scroll::-webkit-scrollbar{display:none}.custom-tooltip{position:relative;z-index:1100}.custom-tooltip.show{opacity:1}.custom-tooltip .tooltip-inner{height:-webkit-max-content;height:max-content;width:-webkit-max-content;width:max-content;max-width:25rem;background-color:#676869;color:#fff;font-weight:500;font-size:.85rem;border-radius:.5rem;padding:.5rem;text-align:left}.custom-tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.custom-tooltip.bs-tooltip-bottom .arrow:before{border-bottom-color:#676869}.custom-tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before,.custom-tooltip.bs-tooltip-top .arrow:before{border-top-color:#676869}.custom-tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before,.custom-tooltip.bs-tooltip-left .arrow:before{border-left-color:#676869}.custom-tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before,.custom-tooltip.bs-tooltip-right .arrow:before{border-right-color:#676869}.custom-tooltip span{display:block}.custom-tooltip .divider{width:calc(100% + 1rem);height:0;border:1px solid #fff;margin:1rem -.5rem}.flex-all-center{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.maxWidth200{max-width:200px}.flexBoxCenter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.blueHeader{background:#488bff;background:var(--themeBlue);color:#fff;font-weight:600}.twoSection{display:-webkit-flex;display:flex}.twoSection>*{width:100%}.table-striped>tbody>tr:nth-child(2n)>td,.table-striped>tbody>tr:nth-child(2n)>th,.thead-primary{background-color:#f2f7ff}.table-bordered thead td,.table-bordered thead th{border-bottom-width:1px}.table-bordered thead th{padding:.8em .5em;position:-webkit-sticky;position:sticky;top:-17px}.dashedBorderTop{border-top:1px dashed #e8effa}.singleStudentCard{border:1px solid #e8effa;box-shadow:0 .071em .214em 0 rgba(219,227,237,.56);border-radius:.35em;font-weight:600;margin-top:1em}.enrollStudentImage{border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.35);width:40px;height:40px;object-fit:cover}.label-calendar{margin-left:.7em;margin-top:.3em}.calendars{float:left;padding:.7em;border:1px solid #e8e8e8}.fc-toolbar h2{font-size:1rem;float:left;margin:8px .7em .3em;font-weight:700}.fc-day-grid .fc-row{z-index:1}.fc-toolbar.fc-header-toolbar{margin-bottom:.5em}.fc-button-primary{padding:3px .7em;font-size:1rem}.add-event{float:left;margin-right:.7em}.add-event .btn{font-size:.8rem}.fc-next-button,.fc-prev-button{color:#fff;background-color:#056cf2;background-color:var(--label-color-dark-blue)}.fc-next-button:disabled,.fc-prev-button:disabled{background-color:#4f92ea;background-color:var(--label-color-blue)}.fc-next-button:hover,.fc-prev-button:hover{background-color:#056cf2;background-color:var(--label-color-dark-blue)}.fc-next-button .fc-icon,.fc-prev-button .fc-icon{color:#fff}.fc-today-button{background-color:#056cf2;background-color:var(--label-color-dark-blue);color:#fff}.fc-today-button:disabled{background-color:#4f92ea;background-color:var(--label-color-blue);color:#fff}.calendar-view .fc-button-primary,.fc-button-primary{padding-top:.45em;padding-bottom:.45em;color:#fff;background-color:#056cf2;background-color:var(--label-color-dark-blue);border:none}.calendar-view .fc-button-primary:active,.calendar-view .fc-button-primary:hover,.fc-button-primary:active,.fc-button-primary:hover{background-color:#034aa6;background-color:var(--blue-primary)}.calendar-view .fc-button-primary:disabled,.fc-button-primary:disabled{background-color:#4f92ea;background-color:var(--label-color-blue);color:#fff}.fc-button-active,.fc-button-primary:not(:disabled).fc-button-active,.fc-button-primary:not(:disabled):active{background-color:#034aa6;background-color:var(--blue-primary)}.react-calendar__tile--active{background:transparent}.react-calendar__tile--active abbr{width:1.4em;height:1.4em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:100%;background:#006edc}.calendarFilter{margin-top:25px}.calendarFilter h6{font-weight:700}.calendarFilter ul{margin:1.5em}.calendarFilter ul li{margin-top:.7em}.calendarFilter ul li label{margin-left:.3em}.rdw-image-modal-upload-option-label{word-break:break-all;-webkit-align-items:flex-start;align-items:flex-start;max-height:10rem;overflow:hidden}.toolbarClassName{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.toolbarClassName *,.toolbarClassName :hover{color:inherit;text-decoration:inherit}.editorClassName,.editorSmallClassName,.toolbarClassName .rdw-colorpicker-modal,.toolbarClassName .rdw-embedded-modal,.toolbarClassName .rdw-emoji-modal,.toolbarClassName .rdw-image-modal,.toolbarClassName .rdw-link-modal,.wysiwyg-viewer{overflow:auto}.editorClassName *,.editorSmallClassName *,.wysiwyg-viewer *{font-size:inherit;font-family:inherit;line-height:normal}.editorClassName ol,.editorClassName ul,.editorSmallClassName ol,.editorSmallClassName ul,.wysiwyg-viewer ol,.wysiwyg-viewer ul{padding-left:1.5rem;list-style:disc outside none!important;list-style:initial!important}.editorClassName .mjx-chtml *,.editorSmallClassName .mjx-chtml *,.wysiwyg-viewer .mjx-chtml *{line-height:unset}.editorClassName h1,.editorSmallClassName h1,.wysiwyg-viewer h1{font-size:2.5rem}.editorClassName h2,.editorSmallClassName h2,.wysiwyg-viewer h2{font-size:2rem}.editorClassName h3,.editorSmallClassName h3,.wysiwyg-viewer h3{font-size:1.75rem}.editorClassName h4,.editorSmallClassName h4,.wysiwyg-viewer h4{font-size:1.5rem}.editorClassName h5,.editorSmallClassName h5,.wysiwyg-viewer h5{font-size:1.25rem}.editorClassName h6,.editorSmallClassName h6,.wysiwyg-viewer h6{font-size:1rem}.editorClassName blockquote,.editorSmallClassName blockquote,.wysiwyg-viewer blockquote{margin:1rem 0;border-left:5px solid #f1f1f1;padding-left:5px}.editorClassName pre,.editorSmallClassName pre,.wysiwyg-viewer pre{font-family:Consolas,serif;color:#e83e8c;word-break:break-word;margin:1rem 0;background:#f1f1f1;border-radius:3px;padding:1px 10px}.editorClassName .public-DraftEditorPlaceholder-root,.editorSmallClassName .public-DraftEditorPlaceholder-root,.wysiwyg-viewer .public-DraftEditorPlaceholder-root{padding:1rem}.editorClassName .public-DraftStyleDefault-block,.editorSmallClassName .public-DraftStyleDefault-block,.wysiwyg-viewer .public-DraftStyleDefault-block{margin:0}.editorClassName .public-DraftStyleDefault-ltr,.editorSmallClassName .public-DraftStyleDefault-ltr,.wysiwyg-viewer .public-DraftStyleDefault-ltr{padding:0}.editorClassName .public-DraftEditor-content[contenteditable=true],.editorSmallClassName .public-DraftEditor-content[contenteditable=true],.wysiwyg-viewer .public-DraftEditor-content[contenteditable=true]{padding:1rem}.editorClassName img,.editorSmallClassName img,.wysiwyg-viewer img{max-width:100%}#react-joyride-step-1,#react-joyride-step-2,#react-joyride-step-3,#react-joyride-step-4,#react-joyride-step-5,#react-joyride-step-6,#react-joyride-step-7,#react-joyride-step-8,#react-joyride-step-9,#react-joyride-step-10{width:100vw;overflow:hidden}.border-bot{border-bottom:1px solid #dee2e6}.web-only-show{display:inline;display:initial}.mobile-only-show{display:none}@media only screen and (max-width:450px){.web-only-show{display:none}.mobile-only-show{display:inline;display:initial}.pageHeading{font-size:1.5rem}.fc-center{font-size:1rem!important}.border-heading{border-bottom:2px solid #e3edfd;margin-bottom:0;padding:5px 0;-webkit-flex-direction:column;flex-direction:column}*{font-size:11px}.enrollStudentImage{border:1 solid #fff;width:25px!important;height:25px!important}.mobile-scrollable{max-width:100vw;overflow:scroll}.border-bot{border-bottom:0}.border-bottom-mobile{border-bottom:1px solid #dee2e6!important;margin-bottom:10px;padding-bottom:10px}}.testing{border:1px solid orange!important}.main_content_container{padding-top:0;padding-bottom:0;margin-left:2px}.mainContainerDiv{width:100vw;height:100vh;overflow:hidden!important}@media only screen and (max-width:768px){#root{overflow:hidden}}.info-name{text-transform:capitalize}.block-menu li{cursor:pointer}.circleImageBorder{border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.35);border-radius:100%;width:2.308em;height:2.308em;object-fit:cover;text-align:center;transition:.2s;margin:0 auto .2rem}.dropdown-menu-right{padding-left:0}.dropdown-years{width:60%;text-align:center;background:#f2f7ff;border-color:#d5e7fc;padding-bottom:0;margin-top:-26px;margin-left:-18px}.dropdown-years a{border-bottom:1px solid #d5e7fc}.workbook-label{color:var(--blue-primary)}.year-label{font-weight:600}.header{position:relative;height:auto;z-index:1;border-top-left-radius:100px}.header a{font-size:20px}.header .pr0{padding-right:0}.header .pl0{padding-left:0}.header .col-1,.header .col-3,.header .col-8{height:46px}.header .logo{width:100%;cursor:pointer}.header .logo img{max-height:40px}.header .navigation,.header .navigation .icon-btn{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header .navigation .icon-btn{background:#a6b5b8;width:35px;height:35px;color:#fff;-webkit-justify-content:center;justify-content:center;border-radius:30px;margin-right:8px;text-decoration:none}.header .navigation .icon-btn.float-right{margin-left:auto}.header .messaageBox{float:left;margin-left:60px;width:-webkit-max-content;width:max-content;margin-top:.6em;position:relative}.header .messaageBox span{position:absolute;right:-.5em;top:-.4em;background:#6258ed;color:#fff;line-height:1;min-width:1.2em;height:1.2em;-webkit-justify-content:center;justify-content:center;border-radius:100%;font-size:.85em;box-shadow:0 0 3px rgba(0,0,0,.35)}.header .messaageBox span,.header .setting{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header .setting{padding:0 20px 0 0;float:right;background:#fff;border-radius:100px;margin:5px 35px 5px 5px}.header .setting .picture .circleImageBorder{border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.35);border-radius:100%;height:100%}.header .setting .info{text-transform:capitalize;-webkit-flex:1 1;flex:1 1;font-size:13px;line-height:1.3;color:#707070}.header .setting .info span{display:block}.header .setting .info span.name-info{font-weight:700;color:var(--blue-primary);width:110px}.header .setting .menu a{width:30px;background:#ebeff2;height:20px;border-radius:30px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#939d9e;text-decoration:none;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,.2)}.header .setting .menu.dropdown .dropdown-menu{position:absolute;background:#fff;border:none;width:180px;padding:0;border-radius:4px;top:3.5em;right:0;-webkit-transform:none;transform:none;will-change:unset;box-shadow:0 0 3px rgba(0,0,0,.35);overflow:hidden}.header .setting .menu.dropdown .dropdown-menu a{color:#4c4c4c;width:100%;display:block;height:auto;padding:5px 10px;font-size:13px;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}.header .setting .menu.dropdown .dropdown-menu a:hover{background:#7aabff;color:#fff;font-weight:600}.header .userDetailsHeader{float:left}.header .userDetailsHeader .info{float:left;text-align:left;height:51px;padding-top:.54em}.header .userDetailsHeader .info .class-info,.header .userDetailsHeader .info .name-info{width:100%}.header .userDetailsHeader .picture{float:left;border-radius:100%;overflow:hidden;width:50px;height:50px;margin-left:.2em}.header .userDetailsHeader .picture img{max-width:100%;height:auto;border-radius:100%}.info .class-info,.info .name-info,.info .school-info{font-size:1em;padding-left:10px;margin-top:2px}.class-info{color:#525151;font-weight:600}.positionRelative{position:relative}.sidebarContainer{float:right;height:100vh;overflow:hidden}.contentContainer{float:left;background:#fff;background-color:#fff}.sidebarWidth1{width:11.1em;transition:.5s}.contentWidth1{width:calc(100% - 11.1em)}.contentWidth1,.contentWidth2{transition:.5s;background:var(--blue-primary)}.contentWidth2{width:calc(100% - 7em)}.sidebarWidth1 .avatar-left{height:49px}.sidebarWidth1{position:relative;width:4.1em;float:right;background:#fdfeff;z-index:1030;box-shadow:-2px 0 1rem #c2c2c2}.sidebarWidth1 .block-menu{list-style:none;width:100%;padding:0 0 60px;margin:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.sidebarWidth1 .block-menu li{border-radius:.8em;height:2.308em;width:2.308em;margin-top:.4em;margin-bottom:2em;transition:all .5s;padding:.8em .4em;position:relative;cursor:pointer}.sidebarWidth1 .block-menu li div{opacity:0;display:-webkit-flex;display:flex;width:2.308em;height:2.308em;overflow:hidden;text-align:left!important;white-space:nowrap;font-weight:600;left:.6em;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;z-index:99;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.856),#fff);border-radius:.8em;padding:.5em;margin-top:-.8em;color:var(--blue-primary);box-shadow:-5px 3px 19px var(--blue-primary),6px 2px 9px 0 var(--blue-primary)}.sidebarWidth1 .block-menu li :hover{opacity:1;width:auto;padding-left:4.6em;transition:all .3s ease}.sidebarWidth1 .block-menu li.active{background-color:#fff}.sidebarWidth1 .block-menu li.avatar-left{padding:0 .4em}.sidebarWidth1 .block-menu li.icon-menu{background:no-repeat url(/static/media/arrow-back.559d956d.svg);background-size:100%;background-position:50%;background-color:#f2f2f2;color:#4e90e7;border-radius:50%;height:42px;width:42px;position:fixed;bottom:0;right:-21px;box-shadow:0 .5rem 1rem rgba(99,98,98,.4235294117647059);z-index:auto;transition:all .1s ease-out}.sidebarWidth1 .block-menu li.icon-menu.active{background:var(--blue-primary);background-position:50%;color:#f2f7ff;background-color:#f2f7ff}.sidebarWidth1 .block-menu li.icon-cancel{background:no-repeat url(/static/media/arrow-show.31928ea1.svg);background-size:100%;background-position:50%;color:#4e90e7;border-radius:50%;height:40px;width:42px;position:fixed;bottom:0;z-index:auto;transition:all .1s ease-in}.sidebarWidth1 .block-menu li.icon-cancel.active{background:var(--blue-primary);background-position:50%;color:#f2f7ff;background-color:#f2f7ff}.sidebarWidth2{width:0;background:#fdfeff;transition:.5s}.sidebarWidth2 .block-menu{padding:0 0 60px}.sidebarWidth2 .block-menu li{border-radius:.8em;height:2.308em;width:2.308em}.sidebarWidth2 .block-menu li div{transition:all .3s ease}.sidebarWidth3{position:relative;width:100vw;height:100vh;float:left;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.sidebarWidth3::-webkit-scrollbar{display:none}.sidebarWidth3 .block-menu{list-style:none;width:7em;margin:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative;z-index:1030}.sidebarWidth3 .block-menu .arrow-icon{position:absolute;margin-left:2.5em;margin-top:.7em;color:#fff}.sidebarWidth3 .block-menu .menu-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;transition:all .2s;position:relative;cursor:pointer;width:100%;height:-webkit-max-content;height:max-content;padding:1rem 0;border-bottom:1px solid var(--borderTop-color)}.sidebarWidth3 .block-menu .menu-item.active,.sidebarWidth3 .block-menu .menu-item.active-menu,.sidebarWidth3 .block-menu .menu-item:hover{background-color:#fff}.sidebarWidth3 .block-menu .menu-item.active-menu .menu-icon,.sidebarWidth3 .block-menu .menu-item.active .menu-icon,.sidebarWidth3 .block-menu .menu-item:hover .menu-icon{background-size:30px!important}.sidebarWidth3 .block-menu .menu-item.active-menu .arrow-icon,.sidebarWidth3 .block-menu .menu-item.active-menu .menu-label,.sidebarWidth3 .block-menu .menu-item.active .arrow-icon,.sidebarWidth3 .block-menu .menu-item.active .menu-label,.sidebarWidth3 .block-menu .menu-item:hover .arrow-icon,.sidebarWidth3 .block-menu .menu-item:hover .menu-label{color:#232230}.sidebarWidth3 .block-menu .menu-item .menu-label{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;overflow:hidden;text-align:center;white-space:nowrap;font-weight:600;color:#fff}.sidebarWidth3 .block-menu .menu-item .menu-icon{width:30px;height:30px;background-size:25px!important}.sidebarWidth3 .block-menu .menu-item .side-accent{position:absolute;width:4px;left:0;height:100%}.sidebarWidth3 .block-menu .menu-item.icon-home{background:no-repeat url(/static/media/logo.244cdf7c.svg);background-origin:content-box;width:5.231rem;height:3.462rem;margin:1.692rem auto 1.385rem;padding:0;border-radius:0;border:none}.sidebarWidth3 .block-menu .menu-item.avatar-left{border-top:1px solid var(--borderTop-color)}.sidebarWidth3 .block-menu .menu-item.avatar-left.active .side-accent{background-color:var(--label-color-dark-blue)}.sidebarWidth3 .block-menu .menu-item.avatar-left.active-menu>.circleImageBorder,.sidebarWidth3 .block-menu .menu-item.avatar-left.active>.circleImageBorder{width:2.6542em;height:2.6542em}.sidebarWidth3 .block-menu .menu-item.icon-pelajaran .menu-icon{background:no-repeat url(/static/media/pelajaran.e2c0dd5f.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-pelajaran.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-pelajaran:hover .menu-icon{background:no-repeat url(/static/media/pelajaran-active.86bf79ec.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-pelajaran.active .side-accent{background-color:#12bbd6}.sidebarWidth3 .block-menu .menu-item.icon-vlab .menu-icon{background:no-repeat url(/static/media/vlab.b7b7862c.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-vlab.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-vlab:hover .menu-icon{background:no-repeat url(/static/media/vlab-active.0b99c5b1.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-vlab.active .side-accent{background-color:#d1872f}.sidebarWidth3 .block-menu .menu-item.icon-ujian .menu-icon{background:no-repeat url(/static/media/exam.b8b7cd9e.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-ujian.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-ujian:hover .menu-icon{background:no-repeat url(/static/media/exam-active.8db47661.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-ujian.active .side-accent{background-color:#1abf73}.sidebarWidth3 .block-menu .menu-item.icon-material .menu-icon{background:no-repeat url(/static/media/material.e9c600c7.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-material.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-material:hover .menu-icon{background:no-repeat url(/static/media/material-active.8005ef2a.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-material.active .side-accent{background-color:#1abf73}.sidebarWidth3 .block-menu .menu-item.icon-timetable .menu-icon{background:no-repeat url(/static/media/timetable.7557c92d.svg) 50%;background-size:cover;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-timetable.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-timetable:hover .menu-icon{background:no-repeat url(/static/media/timetable-active.746b65c6.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-timetable.active .side-accent{background-color:#d89288}.sidebarWidth3 .block-menu .menu-item.icon-test-bank .menu-icon{background:no-repeat url(/static/media/folder-white.ed7e57b2.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-test-bank.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-test-bank:hover .menu-icon{background:no-repeat url(/static/media/folder-active.cfe70fa1.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-test-bank.active .side-accent{background-color:#1abf73}.sidebarWidth3 .block-menu .menu-item.icon-skills .menu-icon{background:no-repeat url(/static/media/skills.ce79eee9.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-skills.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-skills:hover .menu-icon{background:no-repeat url(/static/media/skills-active.4d45c46a.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-skills.active .side-accent{background-color:#1abf73}.sidebarWidth3 .block-menu .menu-item.icon-counseling .menu-icon{background:no-repeat url(/static/media/counseling.f04251c9.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-counseling.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-counseling:hover .menu-icon{background:no-repeat url(/static/media/counseling-active.f62cea87.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-counseling.active .side-accent{background-color:#f05e78}.sidebarWidth3 .block-menu .menu-item.icon-calendar .menu-icon{background:no-repeat url(/static/media/calendar.93e10f6e.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-calendar.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-calendar:hover .menu-icon{background:no-repeat url(/static/media/calendar-active.5a13836a.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-calendar.active .side-accent{background-color:#ffa902}.sidebarWidth3 .block-menu .menu-item.icon-meeting .menu-icon{background:no-repeat url(/static/media/meeting.53351917.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-meeting.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-meeting:hover .menu-icon{background:no-repeat url(/static/media/meeting-active.3bcc888e.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-meeting.active .side-accent{background-color:#865aff}.sidebarWidth3 .block-menu .menu-item.icon-sms .menu-icon{background:no-repeat url(/static/media/sms.247c76bb.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-sms.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-sms:hover .menu-icon{background:no-repeat url(/static/media/sms-active.9074b687.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-sms.active .side-accent{background-color:#865aff}.sidebarWidth3 .block-menu .menu-item.icon-gradebook .menu-icon{background:no-repeat url(/static/media/GradeBook.93aaaee7.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-gradebook.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-gradebook:hover .menu-icon{background:no-repeat url(/static/media/GradeBook-active.5c45d06e.svg) 50%;transition:.1s ease-in-out;background-size:32px!important}.sidebarWidth3 .block-menu .menu-item.icon-gradebook.active .side-accent{background-color:#077aa5}.sidebarWidth3 .block-menu .menu-item.icon-project .menu-icon{background:no-repeat url(/static/media/project-white.191f4ee4.svg) 50%;background-size:22px!important;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-project.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-project:hover .menu-icon{background:no-repeat url(/static/media/project-brown.079bcd35.svg) 50%;transition:.1s ease-in-out;background-size:25px!important}.sidebarWidth3 .block-menu .menu-item.icon-project.active .side-accent{background-color:#865aff}.sidebarWidth3 .block-menu .menu-item.icon-sb-library .menu-icon{background:no-repeat url(/static/media/library.fe08cf8b.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-sb-library.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-sb-library:hover .menu-icon{background:no-repeat url(/static/media/library-active.d888cfc2.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-sb-library.active .side-accent{background-color:#865aff}.sidebarWidth3 .block-menu .menu-item.icon-doc-tracking .menu-icon{background:no-repeat url(/static/media/doc-track.265c54ef.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-doc-tracking.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-doc-tracking:hover .menu-icon{background:no-repeat url(/static/media/doc-track-active.fe167017.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-doc-tracking.active .side-accent{background-color:#68c721}.sidebarWidth3 .block-menu .menu-item.icon-communication .menu-icon{background:no-repeat url(/static/media/communication.7b0ac576.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-communication.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-communication:hover .menu-icon{background:no-repeat url(/static/media/communication-active.2e2d6a59.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-communication.active .side-accent{background-color:#26a648}.sidebarWidth3 .block-menu .menu-item.icon-forum .menu-icon{background:no-repeat url(/static/media/forum.42e96391.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-forum.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-forum:hover .menu-icon{background:no-repeat url(/static/media/forum-active.c9fa9cc6.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-forum.active .side-accent{background-color:#c5ef49}.sidebarWidth3 .block-menu .menu-item.icon-excul .menu-icon{background:no-repeat url(/static/media/excul_incative.b5d91efb.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-excul.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-excul:hover .menu-icon{background:no-repeat url(/static/media/excul_active.16b8c561.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-excul.active .side-accent{background-color:#8e3494}.sidebarWidth3 .block-menu .menu-item.icon-academic .menu-icon{background:no-repeat url(/static/media/academic.027820d7.svg) 50%;transition:.1s ease-in-out;background-size:30px!important}.sidebarWidth3 .block-menu .menu-item.icon-academic.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-academic:hover .menu-icon{background:no-repeat url(/static/media/academic-active.a5c686cd.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-academic.active .side-accent{background-color:#7290b8}.sidebarWidth3 .block-menu .menu-item.icon-user .menu-icon{background:no-repeat url(/static/media/user-mgt.c81f0ac4.svg) 50%;transition:.1s ease-in-out;background-size:27px!important}.sidebarWidth3 .block-menu .menu-item.icon-user.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-user:hover .menu-icon{background:no-repeat url(/static/media/user-mgt-active.730b08ef.svg) 50%;transition:.1s ease-in-out;background-size:32px!important}.sidebarWidth3 .block-menu .menu-item.icon-user.active .side-accent{background-color:#675da6}.sidebarWidth3 .block-menu .menu-item.icon-class .menu-icon{background:no-repeat url(/static/media/class.6e7042b0.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-class.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-class:hover .menu-icon{background:no-repeat url(/static/media/class-active.a9715616.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-class.active .side-accent{background-color:#26a648}.sidebarWidth3 .block-menu .menu-item.icon-school-fee .menu-icon{background:no-repeat url(/static/media/school-fee.2bb75bc2.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-school-fee.active .menu-icon,.sidebarWidth3 .block-menu .menu-item.icon-school-fee:hover .menu-icon{background:no-repeat url(/static/media/school-fee-active.723ee70e.svg) 50%;transition:.1s ease-in-out}.sidebarWidth3 .block-menu .menu-item.icon-school-fee.active .side-accent{background-color:#26a648}.sidebarWidth3 .block-menu .menu-item:first-child.active:before,.sidebarWidth3 .block-menu .menu-item:last-child.active:after{display:none}.sidebarWidth4{width:7em;background:var(--blue-primary)}.sidebarWidth4 .block-menu li div{transition:all .3s ease}.profile-menu{position:absolute;top:0;left:8rem;width:20rem;height:-webkit-max-content;height:max-content;min-height:4rem;background:#fff;box-shadow:.25rem .25rem 2rem rgba(0,0,0,.2);z-index:1040;border-radius:.3rem;padding:.1rem}.profile-menu .triangle{position:absolute;left:-.75rem;top:1rem;width:0;height:0;border-right:1.5rem solid #fff;border-top:1.5rem solid transparent;border-bottom:1.5rem solid transparent;z-index:-1}.profile-menu .profile-item{width:100%;padding:.769rem 1rem;background:none;outline:none;border:none;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;text-align:left;color:#676869;font-weight:500;transition:.2s}.profile-menu .profile-item.highlight{background:#f2f7ff}.profile-menu .profile-item.highlight:hover:not(:disabled){background:#e8f1ff}.profile-menu .profile-item.ay-inactive{background:#fff0de}.profile-menu .profile-item.ay-inactive:hover:not(:disabled){background:#ffe4c5}.profile-menu .profile-item.divider{border-bottom:1px solid #d6dde9}.profile-menu .profile-item:disabled{background-color:#eaecef}.profile-menu .profile-item *{font-size:.923rem}.profile-menu .profile-item:hover:not(:disabled){background:#f2f7ff}.profile-menu .profile-item .big-chevron{font-size:1rem}.profile-menu .profile-item .text-academic-year,.profile-menu .profile-item .text-language{font-size:.769rem;color:#fff;padding:.2rem .5rem;background-color:var(--label-color-blue);border-radius:2rem;font-weight:600}.profile-menu .profile-item .text-academic-year.not-active{background-color:#feaf43}.profile-menu .profile-item .text-academic-year.not-active .tooltip-img{-webkit-filter:brightness(0) saturate(100%) invert(100%);filter:brightness(0) saturate(100%) invert(100%)}.profile-menu .profile-left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex:1 1;flex:1 1;min-width:0;padding-right:.5rem}.profile-menu .profile-left .info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1;min-width:0}.profile-menu .profile-left .info div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-menu .pr-icon{width:1.154rem;height:1.154rem;background-size:1.154rem!important;margin-left:.5rem;margin-right:1.5rem}.profile-menu .pr-icon.icon-tour{background:no-repeat url(/static/media/start-tour.48d2b411.svg) 50%}.profile-menu .pr-icon.icon-language{background:no-repeat url(/static/media/language.6955e463.svg) 50%}.profile-menu .pr-icon.icon-academic-year{background:no-repeat url(/static/media/academic-year.a835b43c.svg) 50%}.profile-menu .pr-icon.icon-settings{background:no-repeat url(/static/media/settings.a370de03.svg) 50%}.profile-menu .pr-icon.icon-help-support{background:no-repeat url(/static/media/help-support.88812e9c.svg) 50%}.profile-menu .pr-icon.icon-logout{background:no-repeat url(/static/media/logout.ff45d368.svg) 50%}.profile-menu .pr-icon.icon-add-event{background:no-repeat url(/static/media/add-event.00dcb66e.svg) 50%}.profile-menu .pr-icon.icon-counseling{background:no-repeat url(/static/media/counseling.f04251c9.svg) 50%}.profile-menu .pr-icon.icon-calendar{background:no-repeat url(/static/media/calender.042cf81b.svg) 50%}.profile-menu .pr-icon.icon-create-class{background:no-repeat url(/static/media/create-class.b945737b.svg) 50%}.profile-menu .pr-icon.icon-class-transfer{background:no-repeat url(/static/media/class-transfer.c5e8751e.svg) 50%}.profile-menu .pr-icon.icon-school-timetable{background:no-repeat url(/static/media/school-timetable.ee3c680c.svg) 50%}.profile-menu .pr-icon.icon-class-list{background:no-repeat url(/static/media/class-list.9a440db8.svg) 50%}.profile-menu .pr-icon.icon-my-school-setting{background:no-repeat url(/static/media/my-school.f1da96b7.svg) 50%}.profile-menu .pr-icon.icon-academic-year-setting{background:no-repeat url(/static/media/academic-year-setting.7c97cfbc.svg) 50%}.profile-menu .pr-icon.icon-predicate-setting{background:no-repeat url(/static/media/predicate-settings.0067685f.svg) 50%}.profile-menu .pr-icon.icon-extracurricular{background:no-repeat url(/static/media/extracurricular_icon.1a1d1ff2.svg) 50%}.profile-menu .pr-icon.icon-add-user{background:no-repeat url(/static/media/add-user.3f104db7.svg) 50%}.profile-menu .pr-icon.icon-elective-subject{background:no-repeat url(/static/media/elective-subject.105bbed9.svg) 50%}.profile-menu .pr-icon.icon-user-list{background:no-repeat url(/static/media/admin-list.0feac8a5.svg) 50%}.profile-menu .pr-icon.icon-parent-mgt{background:no-repeat url(/static/media/parent-mgt.d22a8499.svg) 50%}.profile-menu .pr-icon.icon-school-meeting{background:no-repeat url(/static/media/school-meeting.98019021.svg) 50%}.profile-menu .pr-icon.icon-schedule-meeting{background:no-repeat url(/static/media/schedule-meeting.337c6240.svg) 50%}.profile-menu .pr-icon.icon-conference-list{background:no-repeat url(/static/media/video-conferencing.c5650db5.svg) 50%}.profile-menu .pr-icon.icon-workbook-wiki{background:no-repeat url(/static/media/workbook-wiki.0ebf30d5.svg) 50%}.profile-menu .pr-icon.icon-workbook-list{background:no-repeat url(/static/media/workbook-list.c194075d.svg) 50%}.profile-menu .pr-icon.icon-my-timetable{background:no-repeat url(/static/media/my-timetable.d42b3a23.svg) 50%}.profile-menu .pr-icon.icon-attendance{background:no-repeat url(/static/media/attendance.f55a7848.svg) 50%}.profile-menu .pr-icon.icon-add-assessment{background:no-repeat url(/static/media/add-assessment.bac572e0.svg) 50%}.profile-menu .pr-icon.icon-test-bank{background:no-repeat url(/static/media/test-bank.5c4fbc92.svg) 50%}.profile-menu .pr-icon.icon-assessment-list{background:no-repeat url(/static/media/assessment-list.199c89b4.svg) 50%}.profile-menu .pr-icon.icon-due-list{background:no-repeat url(/static/media/due-list.3c530c6c.svg) 50%}.profile-menu .pr-icon.icon-transaction-history{background:no-repeat url(/static/media/transaction-history.373b6f25.svg) 50%}.academic-menu{position:relative}.academic-menu .profile-menu{position:absolute;top:0;left:8rem;width:20rem;height:-webkit-max-content;height:max-content;min-height:1rem;background:#fff;box-shadow:.25rem .25rem 2rem rgba(0,0,0,.2);z-index:1060;border-radius:.3rem;padding-bottom:0}.sticky-note{height:100vh;position:fixed;background:#f2f7ff;right:0;z-index:999999;width:500px;margin-right:-500px;box-shadow:-20px -3px 19px rgba(109,128,154,.058823529411764705),-11px 2px 20px 0 hsla(0,0%,100%,.5215686274509804);transition:all .5s ease}.sticky-note:hover{transition:all .5s ease;margin-right:0}.btn-stycky-note{position:absolute;bottom:20px;left:0;margin-left:-40px;background:no-repeat url(/static/media/writing.dbf39318.svg);background-size:20px 100%;background-origin:content-box;background-color:#4e90e7;color:#4e90e7;height:40px;width:40px}.setting{visibility:hidden}.icon-collapse{background:no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAABHNCSVQICAgIfAhkiAAAASpJREFUOE9jZHBYL8DE9a2fgYEhgJGBUYCBCuA/w/8F/75xFTIyey3dwMDA6E8FM1GM+P+fYSEjs9ey/9Q2GGTef4b/H2hmOMiCEWA4PzcrQ5yzEsOivfcYPn79TVQ0ERUsIIP3djgzGCgJMly4957BuWIvURYQNBzZYJhzibUAr+HIBl+894GhaNZZhnW1dgwgcWIswGk4usFOFXvAQaGvJMCwr8OFKAuwGo7LYFiwEGsBhuGEDMZlgUnuDowUhGF4nr86Q1+aEQMojGFBgSvdIfsAlIIOXn6FohSry/0tZRg2Hn9CVHKTF+NmsNcTY1i05z5hlxOVO4hURDCdE2kOVmWjhmMEy///DB9pW82BKmhmrm8L/v9ndGBkZOCnJAJhekH157/vnAUAd/62GEk+DuEAAAAASUVORK5CYII=);background-origin:content-box;width:65px;position:absolute;float:right;z-index:999;right:0;padding-right:30px;height:30px;margin-top:-9px}.widget{padding:1.154rem;float:left;overflow:scroll!important;height:calc(100vh - 10px);width:100%}.noPadTop{padding-top:0}.noPad{padding:0}.borderbtm{border-bottom:1.5px solid #e3edfd;margin-left:0;margin-right:0}.pictureInPictureBox{width:500px;height:250px;right:5em;bottom:4em;position:fixed;z-index:19;box-shadow:0 0 .5em 2px #bbb}.pictureInPictureBox .videoPlayerActions{width:500px;height:2.3em;background:rgba(0,0,0,.5);display:none;bottom:270px;z-index:20;position:fixed}.pictureInPictureBox:hover .videoPlayerActions{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}.pictureInPictureBox:hover .videoPlayerActions .margin-1{margin:1em}.searchBoxHeader{max-width:15em}.searchBoxHeader .input-group-text{border-right:none}.searchBoxHeader input{border-left:none;padding:.25em .4em .25em 0;height:auto;line-height:1em}.nopadleft{padding-left:0}.nopadright{padding-right:0}.bg-ocean{background:#f2f7ff;padding:0 15px}.bg-cont-white{background:#fff;border-top-left-radius:20px;padding-left:1.154rem;padding-right:1.154rem}.border-main{border-top:5px solid var(--blue-primary);border-right:5px solid var(--blue-primary);border-top-left-radius:22px}.m-header{margin-left:18px;margin-right:13px}.border-btm-main{border-top:5px solid var(--blue-primary)}.nav-tabs .active{color:var(--label-color-blue)}.nav-notes{border:2px solid #fff;border-top-left-radius:.4rem;border-top-right-radius:1.4rem;margin:0 1px;font-weight:700;color:#bec4cf}.tab-content{background:#fafcfd;border-radius:0 10px 10px 10px;padding:15px}.nav-custom-tab{background:#fff;color:#bec4cf;border-radius:.3rem;padding:10px;margin:7px 2px;text-decoration:none;font-weight:700}.nav-custom-tab:hover{background:#f2fdf8;color:#000;text-decoration:none}.label-orange{border-left:10px solid #feaf43;border-bottom:2px solid rgba(254,175,67,.47843137254901963)}.label-red{border-left:10px solid #f05974;border-bottom:2px solid rgba(240,89,116,.38823529411764707)}.label-blue-ocean{border-left:10px solid #36bfd7;border-bottom:2px solid rgba(54,191,215,.2901960784313726)}.label-gray{border-left:10px solid #bec4cf;border-bottom:2px solid rgba(190,196,207,.30196078431372547)}.label-blue{border-left:10px solid var(--label-color-blue);border-bottom:2px solid var(--label-color-blue)}.label-green{border-left:10px solid #1abf73;border-bottom:2px solid rgba(26,191,114,.2196078431372549)}.label-purple{border-left:10px solid #7027a5;border-bottom:2px solid rgba(112,39,165,.17647058823529413)}.label-dark-gray{border-left:10px solid #676869;border-bottom:2px solid rgba(103,104,105,.3215686274509804)}.label-pink{border-left:10px solid #ff0578;border-bottom:2px solid rgba(255,5,122,.15294117647058825)}.btn-year{border-radius:0 0 70px 70px;padding:0 29px;background-color:var(--blue-primary);color:#fff;width:210px;height:40px;font-weight:600;margin-top:-15px;font-size:20px}@media (max-width:425px){.header{padding:0}.bg-ocean{padding:0 15px}.dropdown-title{z-index:99999;text-align:center}.workbook-label{margin-left:20px;text-align:center}.workbook-year-label{visibility:hidden;height:0}.header .setting{padding:0;background:transparent}.header .userDetailsHeader .picture{width:35px;height:35px;margin-right:5px;margin-top:3px}.profile-picture{position:absolute}}.adminViewHeading{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;position:fixed;z-index:1000;width:50vw;height:40px;background:hsla(0,0%,39.2%,.7);color:#fff;border-radius:3px;left:25vw;padding:0 20px;overflow:hidden}.adminViewText{color:#fff;font-size:1.2rem;margin:0}.padding-l-r-1{padding-left:1em;padding-right:1em}.academic-year-profile-notice{width:.7rem;height:.7rem;background:#feaf43;border-radius:50%}.mobile-header,.mobile-menu,.mobile-sidebar{display:none}@media only screen and (max-width:450px){.mobile-sidebar{display:-webkit-flex;display:flex}.sidebarWidth4{display:none}.contentWidth2{width:100%}.sidebarContainer{display:none}.border-main{border-top:0!important;border-right:0!important;border-top-left-radius:0!important}.border-btm-main{border-top:0!important}.mobile-header{display:-webkit-flex;display:flex;background-color:#034aa6;width:100vw;height:49px;position:relative;z-index:1000;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding-left:10px;border-bottom:1px solid hsla(0,0%,100%,.1)}.widget{height:calc(100vh - 49px);border-radius:0!important;padding:.5rem;overflow-x:hidden!important}.mobile-menu{-webkit-flex-direction:column;flex-direction:column;overflow:auto;height:calc(100vh - 49px);width:100vw;position:absolute;z-index:10000;background:#034aa6}.iconDiv,.mobile-menu{display:-webkit-flex;display:flex}.iconDiv{width:35px}.iconDiv,.mobile-menu-item{-webkit-align-items:center;align-items:center}.mobile-menu-item{display:-webkit-flex;display:flex;margin:0 13px;padding:8px 10px;border-bottom:1px solid #fff}.mobile-menu-item .mobile-menu-label{color:#fff;margin-left:10px}.profile-image{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.35)}.text-language{font-size:.8rem}.menu-icon,.menu-icon-active{width:32px;height:30px}.menu-icon-active{overflow:visible!important}.mobile-profile-menu{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:#fff;margin:0 13px}.mobile-profile-menu .mobile-profile-item{padding:5px 9px}.profile-left{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-flex:1 1;flex:1 1;padding-right:.5rem}.profile-left,.profile-left .info{display:-webkit-flex;display:flex;min-width:0}.profile-left .info{-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1}.profile-left .info div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-menu-item-active{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:0 13px;padding:8px 10px;border-bottom:1px solid #fff;background-color:#fff}.mobile-menu-item-active .mobile-menu-label{color:#034aa6;margin-left:10px}.mobile-profile-menu .pr-icon{width:1.154rem;height:1.154rem;background-size:1.154rem!important;margin-left:.5rem;margin-right:1.5rem}.mobile-profile-menu .pr-icon.icon-tour{background:no-repeat url(/static/media/start-tour.48d2b411.svg) 50%}.mobile-profile-menu .pr-icon.icon-language{background:no-repeat url(/static/media/language.6955e463.svg) 50%}.mobile-profile-menu .pr-icon.icon-academic-year{background:no-repeat url(/static/media/academic-year.a835b43c.svg) 50%}.mobile-profile-menu .pr-icon.icon-settings{background:no-repeat url(/static/media/settings.a370de03.svg) 50%}.mobile-profile-menu .pr-icon.icon-help-support{background:no-repeat url(/static/media/help-support.88812e9c.svg) 50%}.mobile-profile-menu .pr-icon.icon-logout{background:no-repeat url(/static/media/logout.ff45d368.svg) 50%}.mobile-profile-menu .pr-icon.icon-add-event{background:no-repeat url(/static/media/add-event.00dcb66e.svg) 50%}.mobile-profile-menu .pr-icon.icon-counseling{background:no-repeat url(/static/media/counseling.f04251c9.svg) 50%}.mobile-profile-menu .pr-icon.icon-calendar{background:no-repeat url(/static/media/calender.042cf81b.svg) 50%}.mobile-profile-menu .pr-icon.icon-create-class{background:no-repeat url(/static/media/create-class.b945737b.svg) 50%}.mobile-profile-menu .pr-icon.icon-class-transfer{background:no-repeat url(/static/media/class-transfer.c5e8751e.svg) 50%}.mobile-profile-menu .pr-icon.icon-school-timetable{background:no-repeat url(/static/media/school-timetable.ee3c680c.svg) 50%}.mobile-profile-menu .pr-icon.icon-class-list{background:no-repeat url(/static/media/class-list.9a440db8.svg) 50%}.mobile-profile-menu .pr-icon.icon-my-school-setting{background:no-repeat url(/static/media/my-school.f1da96b7.svg) 50%}.mobile-profile-menu .pr-icon.icon-academic-year-setting{background:no-repeat url(/static/media/academic-year-setting.7c97cfbc.svg) 50%}.mobile-profile-menu .pr-icon.icon-add-user{background:no-repeat url(/static/media/add-user.3f104db7.svg) 50%}.mobile-profile-menu .pr-icon.icon-elective-subject{background:no-repeat url(/static/media/elective-subject.105bbed9.svg) 50%}.mobile-profile-menu .pr-icon.icon-user-list{background:no-repeat url(/static/media/admin-list.0feac8a5.svg) 50%}.mobile-profile-menu .pr-icon.icon-school-meeting{background:no-repeat url(/static/media/school-meeting.98019021.svg) 50%}.mobile-profile-menu .pr-icon.icon-schedule-meeting{background:no-repeat url(/static/media/schedule-meeting.337c6240.svg) 50%}.mobile-profile-menu .pr-icon.icon-conference-list{background:no-repeat url(/static/media/video-conferencing.c5650db5.svg) 50%}.mobile-profile-menu .pr-icon.icon-workbook-wiki{background:no-repeat url(/static/media/workbook-wiki.0ebf30d5.svg) 50%}.mobile-profile-menu .pr-icon.icon-workbook-list{background:no-repeat url(/static/media/workbook-list.c194075d.svg) 50%}.mobile-profile-menu .pr-icon.icon-my-timetable{background:no-repeat url(/static/media/my-timetable.d42b3a23.svg) 50%}.mobile-profile-menu .pr-icon.icon-attendance{background:no-repeat url(/static/media/attendance.f55a7848.svg) 50%}.mobile-profile-menu .pr-icon.icon-add-assessment{background:no-repeat url(/static/media/add-assessment.bac572e0.svg) 50%}.mobile-profile-menu .pr-icon.icon-test-bank{background:no-repeat url(/static/media/test-bank.5c4fbc92.svg) 50%}.mobile-profile-menu .pr-icon.icon-assessment-list{background:no-repeat url(/static/media/assessment-list.199c89b4.svg) 50%}.mobile-profile-menu .pr-icon.icon-due-list{background:no-repeat url(/static/media/due-list.3c530c6c.svg) 50%}.mobile-profile-menu .pr-icon.icon-transaction-history{background:no-repeat url(/static/media/transaction-history.373b6f25.svg) 50%}.mobile-icon-excul .menu-icon{background:no-repeat url(/static/media/excul_incative.b5d91efb.svg) 50%}.mobile-icon-excul .menu-icon-active{background:no-repeat url(/static/media/excul_active.16b8c561.svg) 50%}.mobile-icon-communication .menu-icon{background:no-repeat url(/static/media/communication.7b0ac576.svg) 50%}.mobile-icon-communication .menu-icon-active{background:no-repeat url(/static/media/communication-active.2e2d6a59.svg) 50%}.mobile-icon-forum .menu-icon{background:no-repeat url(/static/media/forum.42e96391.svg) 50%}.mobile-icon-forum .menu-icon-active{background:no-repeat url(/static/media/forum-active.c9fa9cc6.svg) 50%}.mobile-icon-academic .menu-icon{background:no-repeat url(/static/media/academic.027820d7.svg) 50%}.mobile-icon-academic .menu-icon-active{background:url(/static/media/academic-active.a5c686cd.svg) 50%}.mobile-icon-user .menu-icon{background:no-repeat url(/static/media/user-mgt.c81f0ac4.svg) 50%}.mobile-icon-user .menu-icon-active{background:url(/static/media/user-mgt-active.730b08ef.svg) 50%}.mobile-icon-class .menu-icon{background:no-repeat url(/static/media/class.6e7042b0.svg) 50%}.mobile-icon-class .menu-icon-active{background:url(/static/media/class-active.a9715616.svg) 50%}.mobile-icon-pelejaran .menu-icon{background:no-repeat url(/static/media/pelajaran.e2c0dd5f.svg) 50%}.mobile-icon-pelejaran .menu-icon-active{background:no-repeat url(/static/media/pelajaran-active.86bf79ec.svg) 50%}.mobile-icon-vlab .menu-icon{background:no-repeat url(/static/media/vlab.b7b7862c.svg) 50%}.mobile-icon-vlab .menu-icon-active{background:no-repeat url(/static/media/vlab-active.0b99c5b1.svg) 50%}.mobile-icon-ujian .menu-icon{background:no-repeat url(/static/media/exam.b8b7cd9e.svg) 50%}.mobile-icon-ujian .menu-icon-active{background:no-repeat url(/static/media/exam-active.8db47661.svg) 50%}.mobile-icon-material .menu-icon{background:no-repeat url(/static/media/material.e9c600c7.svg) 50%}.mobile-icon-material .menu-icon-active{background:no-repeat url(/static/media/material-active.8005ef2a.svg) 50%}.mobile-icon-timetable .menu-icon{background:no-repeat url(/static/media/timetable.7557c92d.svg) 50%}.mobile-icon-timetable .menu-icon-active{background:no-repeat url(/static/media/timetable-active.746b65c6.svg) 50%}.mobile-icon-skills .menu-icon{background:no-repeat url(/static/media/skills.ce79eee9.svg) 50%}.mobile-icon-skills .menu-icon-active{background:no-repeat url(/static/media/skills-active.4d45c46a.svg) 50%}.mobile-icon-counseling .menu-icon{background:no-repeat url(/static/media/counseling.f04251c9.svg) 50%}.mobile-icon-counseling .menu-icon-active{background:no-repeat url(/static/media/counseling-active.f62cea87.svg) 50%}.mobile-icon-calendar .menu-icon{background:no-repeat url(/static/media/calendar.93e10f6e.svg) 50%}.mobile-icon-calendar .menu-icon-active{background:no-repeat url(/static/media/calendar-active.5a13836a.svg) 50%}.mobile-icon-meeting .menu-icon{background:no-repeat url(/static/media/meeting.53351917.svg) 50%}.mobile-icon-meeting .menu-icon-active{background:no-repeat url(/static/media/meeting-active.3bcc888e.svg) 50%}.mobile-icon-gradebook .menu-icon{background:no-repeat url(/static/media/GradeBook.93aaaee7.svg) 50%}.mobile-icon-gradebook .menu-icon-active{background:no-repeat url(/static/media/GradeBook-active.5c45d06e.svg) 50%}.mobile-icon-project .menu-icon{background:no-repeat url(/static/media/project-white.191f4ee4.svg) 50%}.mobile-icon-project .menu-icon-active{background:no-repeat url(/static/media/project-brown.079bcd35.svg) 50%}.mobile-icon-doc-tracking .menu-icon{background:no-repeat url(/static/media/doc-track.265c54ef.svg) 50%}.mobile-icon-doc-tracking .menu-icon-active{background:no-repeat url(/static/media/doc-track-active.fe167017.svg) 50%}.mobile-icon-sms .menu-icon{background:no-repeat url(/static/media/sms.247c76bb.svg) 50%}.mobile-icon-sms .menu-icon-active{background:no-repeat url(/static/media/sms-active.9074b687.svg) 50%}.mobile-icon-sb-library .menu-icon{background:no-repeat url(/static/media/library.fe08cf8b.svg) 50%}.mobile-icon-sb-library .menu-icon-active{background:no-repeat url(/static/media/library-active.d888cfc2.svg) 50%}.mobile-icon-school-fee .menu-icon{background:no-repeat url(/static/media/school-fee.2bb75bc2.svg) 50%}.mobile-icon-school-fee .menu-icon-active{background:no-repeat url(/static/media/school-fee-active.723ee70e.svg) 50%}.adminViewHeading{width:100vw;left:0}}.scrollableTable{height:60vh!important}@media only screen and (max-width:450px){.template-bank .nav-tabs-doc-t{overflow-y:hidden}.template-bank .dt-tab-controls{display:-webkit-flex;display:flex}.template-bank .dt-tab-controls .template-nav-tabs{height:60px;margin-left:0;position:absolute;width:88vw;-ms-overflow-style:none;scrollbar-width:none}.template-bank .dt-tab-controls .template-nav-tabs::-webkit-scrollbar{display:none}.template-bank .dt-tab-right-controls{margin-top:70px;margin-inline:auto;padding-left:0}.template-bank .open-modal-creation-template{margin-top:.5rem;margin-left:0!important}.template-bank .scrollableTable{overflow:scroll;height:inherit}.template-bank .scrollableTable .templatediv{width:155px!important}.template-bank .scrollableTable::-webkit-scrollbar{width:0!important;height:0!important}.workbook-list .dt-tab-controls .template-nav-tabs{height:60px;margin-left:3px;position:absolute;width:88vw;-ms-overflow-style:none;scrollbar-width:none}.workbook-list .dt-tab-controls .template-nav-tabs::-webkit-scrollbar{display:none}.workbook-list .dt-tab-right-controls{margin-top:65px;margin-inline:auto}.workbook-list .scrollableTable{overflow:scroll;height:inherit}.workbook-list .scrollableTable .templatediv{width:155px!important}.workbook-list .options-div{width:100%;-webkit-justify-content:center;justify-content:center}.workbook-list .options-div>*{margin-top:.5rem;width:100%;margin-inline:2px}.workbook-list .options-div input{margin-left:0!important}.workbook-list .create-workbook-button{width:-webkit-max-content;width:max-content;position:relative;padding-left:-10px;margin-inline:2px!important}.workbook-list .dt-card-info{min-width:80px;max-width:80px}.teacher-list .dt-tab-controls{-webkit-flex-direction:column;flex-direction:column}.teacher-list .dt-tab-controls .total-teacher{width:100%}.teacher-list .dt-tab-controls .total-teacher .total-teacher-label{width:100vw}.teacher-list .dt-tab-controls .dt-tab-right-controls{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.teacher-list .dt-tab-controls .dt-tab-right-controls .teacher-search-div{width:100%;margin:10px 0 30px}.teacher-list .dt-tab-controls .dt-tab-right-controls .pagination{position:absolute;width:-webkit-max-content;width:max-content;top:100px;right:0}.teacher-list .scrollableTable{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;overflow:scroll;height:inherit;-webkit-align-items:flex-start;align-items:flex-start}.teacher-list .scrollableTable .templatediv{width:155px!important}}.confirm-box .modal-content{border-radius:.75rem}.confirm-box .button-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-bottom:2.75rem}.confirm-box .delete-title{font-size:30px;color:#232230;font-weight:700;padding:30px 0}.confirm-box .delete-subtitle{font-size:20px}.confirm-box .delete-subtitle,.confirm-box .delete-subtitle-small{color:#676869;padding-bottom:46px;padding-left:1rem;padding-right:1rem}.confirm-box .delete-subtitle-small{font-size:1.5rem}.confirm-box .noDeleteMeeting{background-color:#f2f2f2;padding:1rem 2.7rem;color:#676869;font-size:1.5rem;font-weight:600;margin-right:4rem;box-shadow:0 3px 6px rgba(0,0,0,.16);transition:all .2s;border-radius:.38rem}.confirm-box .noDeleteMeeting:focus{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:none}.confirm-box .yesDeleteMeeting{background-color:red;padding:1rem 2.7rem;color:#fff;font-size:1.5rem;font-weight:600;box-shadow:0 3px 6px rgba(0,0,0,.16);transition:all .2s;border-radius:.38rem}.confirm-box .yesDeleteMeeting:focus{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:none}.no-content-component{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#676869}.no-content-component__description,.no-content-component__title{width:100%;text-align:center}.no-content-component__icon{width:20rem;height:auto;margin-bottom:1.5rem}.no-content-component__title{font-size:1.7rem;font-weight:600}.pagination.flexBox{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding-top:1em;padding-bottom:1em;-webkit-flex-wrap:wrap;flex-wrap:wrap}.pagination .text{font-weight:700;margin-top:.5rem;margin-bottom:.5rem}.pagination .page-num{text-align:center;-moz-appearance:textfield}.pagination .page-num::-webkit-inner-spin-button,.pagination .page-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination .page-item{grid-gap:1rem;gap:1rem}.pagination .page-item,.pagination .page-item .page-link{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.pagination .page-item .page-link{color:#676869;cursor:pointer;background-color:inherit;border-color:hsla(0,0%,100%,.01);width:2vh;height:2vh;-webkit-justify-content:center;justify-content:center}.pagination .page-item.active .page-link{color:#fff;background:var(--themeBlue);border-color:var(--themeBlue);border-radius:50%;cursor:auto}.pagination .page-item:first-of-type,.pagination .page-item:last-of-type{overflow:hidden}.pagination .page-item:first-of-type .page-link,.pagination .page-item:last-of-type .page-link{background-color:inherit;border-color:hsla(0,0%,100%,.01)}.pagination .page-item:first-of-type.disabled .page-link,.pagination .page-item:last-of-type.disabled .page-link{color:#919191}.btn-workbookWiki{border:1px solid var(--label-color-blue);color:var(--label-color-blue);background-color:#fff;font-weight:600;font-size:1.154rem;border-radius:5px;transition:.2s;white-space:nowrap}.btn-workbookWiki:hover{background-color:var(--label-color-blue);color:#fff}.doc-t .dt-tab-controls{margin-left:0}.doc-t .dt-tab-header{position:-webkit-sticky;position:sticky;top:0;z-index:1}@media only screen and (max-width:576px){.nav-tabs-doc-t{-webkit-flex-direction:column;flex-direction:column}.nav-tabs-doc-t .nav-doc-t{width:100%;margin-right:0;border-radius:.6em;margin-bottom:.5rem;border-bottom:1px solid #d5e7fc}.nav-tabs-doc-t .active:after{display:none}}.doc-t-field .custom-input-upload .form-control-file,.doc-t .custom-input-upload .form-control-file{padding-left:7rem;padding-right:2rem}.doc-t-field .btn-outline-primary:hover:not([disabled]) .customIcon,.doc-t .btn-outline-primary:hover:not([disabled]) .customIcon{-webkit-filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1925%) hue-rotate(193deg) brightness(98%) contrast(87%);filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1925%) hue-rotate(193deg) brightness(98%) contrast(87%)}.select-template-form .infinite-scroll-component__outerdiv{overflow:visible}.select-template-form .grid-infinite{padding-bottom:1rem}.description-box-content p{white-space:pre-line}.confirm-box.confirm-approve .yesDeleteMeeting,.confirm-box.confirm-publish .yesDeleteMeeting,.confirm-box.confirm-submit-approve .yesDeleteMeeting{background:#1abf73}ul{list-style-type:none}.teacher-comment-modal-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.justify-content{-webkit-justify-content:space-around;justify-content:space-around}.display-type,.justify-content{display:-webkit-flex;display:flex}.dt-card{overflow:visible!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dt-tab-content{overflow:scroll!important;height:60vh!important}.dt-tab-content::-webkit-scrollbar{width:0;height:0}.dt-tab-header{overflow:visible!important;min-width:-webkit-max-content;min-width:max-content}.table-div{overflow:scroll!important;height:inherit}.headcart-name{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}@media only screen and (max-width:450px){.mobile-margin{margin:5px 5px 5px 15px}.mobile-horizontal-scroll{display:-webkit-flex;display:flex;width:1000px;overflow:scroll}.display-type{display:block}.nav-tabs-doc-t::-webkit-scrollbar{width:0!important;height:0!important}.dt-tab-content{overflow:visible!important;height:auto!important}.dt-tab-controls .template-nav-tabs{max-width:100vw;overflow:scroll;margin:4px 12px}.widget{overflow-x:hidden}.dt-tab-pagination{padding-right:10px}.breadcrumb-dt{font-size:1rem!important}.dt-breadcrumb{-webkit-justify-content:space-between;justify-content:space-between}.search-doc-t{width:55%!important}.btn-workbookWiki{margin-bottom:.5rem}.doc-t .display-type .teacher-data{-webkit-justify-content:center;justify-content:center}}.da-multi-select .text-search:focus+.dropdown-menu{display:block}.da-multi-select{border:1px solid #f7f8f8;border-radius:7px;display:inline-block;line-height:1.5em;min-height:3.2rem;padding:.5em 3.5em .5em 1em;background-image:linear-gradient(45deg,transparent 50%,#fff 0),linear-gradient(135deg,#fff 50%,transparent 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%,100% 0;background-size:6px 6px,6px 6px,3em 100%;background-repeat:no-repeat;position:relative}.da-multi-select.border-label-blue{border:1px solid #b5cff1}.da-multi-select.border-label-blue.outlineNone{-webkit-appearance:none}.da-multi-select.show{background-image:linear-gradient(45deg,#fff 50%,transparent 0),linear-gradient(135deg,transparent 50%,#fff 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - 1em) 50%,calc(100% - 1.4em) 50%,100% 0}.blueText{color:var(--bg-dark-blue)}.da-multi-select,.da-multi-select .of-hidden{height:-webkit-max-content;height:max-content}.da-multi-select .of-hidden{overflow:hidden}.da-multi-select .of-hidden .multi-val{display:-webkit-flex;display:flex;-webkit-flex:1 0 auto;flex:1 0 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;overflow-y:scroll;scrollbar-width:none;grid-row-gap:.5rem;row-gap:.5rem}.da-multi-select .of-hidden .multi-val .val{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:.2rem;margin-right:.5em;min-width:5em;width:-webkit-max-content;width:max-content;max-width:100%;background:#faf9f9;line-height:1.75em;border:1px solid #eaeaef;padding:0 .5em;border-radius:1em;list-style:none}.da-multi-select .of-hidden .multi-val .val span:last-child{cursor:pointer}.da-multi-select .of-hidden .multi-val .val span:first-child{font-weight:500;margin-right:1rem;-webkit-flex:1 1;flex:1 1;white-space:pre-wrap;word-wrap:break-word}.da-multi-select.search{background-repeat:no-repeat;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.da-multi-select .dropdown-toggle:after{padding-left:15px;padding-bottom:15px;border:unset;border-bottom:0}.da-multi-select .dropdown-menu{height:200px;overflow:auto;width:100%}.da-multi-select .dropdown-menu.dropdown-top{top:-200px;bottom:0}.da-multi-select.form-control .dropdown-toggle{float:right}.da-multi-select.form-control .sel-text{line-height:unset}.da-multi-select .dropdown-item *{margin-right:1rem}.da-multi-select .dropdown-item{cursor:pointer}.da-multi-select .dropdown-item input[type=checkbox]{position:absolute;margin-top:.3rem}.da-multi-select .dropdown-item>span{margin-left:1.5rem}.da-multi-select .dropdown-item.checked{background:#f7f7f7}.da-multi-select input.form-control.text-search.dropdown-toggle{border:1px solid #f7f8f8;border-radius:7px;display:inline-block;line-height:1.5em;height:40px}.da-multi-select .text-search{width:100%;height:100%;outline:none;border:none}.da-multi-select .text-search:disabled{background-color:#fff}.bg-doc-t{background:#fff;border-top-left-radius:20px;padding-left:1.154rem;padding-right:1.154rem}.doc-t{position:relative}.doc-t .font-weight-medium{font-weight:500}.doc-t .font-weight-semibold{font-weight:600}.doc-t .text-label-gray{color:#bec4cf}.doc-t .text-label-dark-gray{color:#676869}.doc-t .text-label-dark-gray-2{color:#232230}.doc-t-header{color:var(--bg-dark-blue);font-weight:600;margin-bottom:0;padding-top:.3rem;padding-bottom:.3rem}.doc-t .tab-doc-t{background:#f2f7ff;border:1px solid #d5e7fc;border-radius:0;width:100%;height:100%;margin-bottom:0}.doc-t .search-doc-t,.doc-t .select-doc-t.select-question-field{width:17.3rem;height:2.85em}.doc-t .search-doc-t .form-control,.doc-t .select-doc-t.select-question-field .form-control{border-color:#d5e7fc;border-radius:.3rem 0 0 .3rem;height:2.85em}.doc-t .search-doc-t .input-group-text,.doc-t .select-doc-t.select-question-field .input-group-text{border:none;background:var(--label-color-blue);color:#fff;border-radius:0 .3rem .3rem 0;height:2.85em}.doc-t .btn-primary{background:var(--label-color-blue);border-color:var(--label-color-blue)}.doc-t .btn-primary:hover:not(:disabled){color:var(--label-color-blue);background:transparent;border-color:var(--label-color-blue)}.doc-t .btn-primary.disabled,.doc-t .btn-primary:disabled{background-color:#bec4cf;border-color:#bec4cf}.doc-t .template-nav-tabs{-webkit-justify-content:flex-start;justify-content:flex-start;height:100%;width:-webkit-max-content;width:max-content}.doc-t .template-nav-tabs,.doc-t .template-nav-tabs .template-tabs{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.doc-t .template-nav-tabs .template-tabs{min-width:11rem;height:5rem;padding:0 1rem;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;background:#fff;border:1px solid #d5e7fc;border-radius:.2rem;cursor:pointer;font-weight:500;font-size:.923rem;color:#676869}.doc-t .template-nav-tabs .template-tabs:not(:last-child){margin-right:1.154rem}.doc-t .template-nav-tabs .template-tabs.active{background:var(--label-color-blue);border-color:var(--label-color-blue);color:#fff}.doc-t .template-nav-tabs .template-tabs.active .template-count{color:#fff}.doc-t .template-nav-tabs .divider{border-left:1px solid #e5e7e9}.doc-t .template-nav-tabs .template-count{font-size:1.538rem;font-weight:600;color:var(--label-color-blue)}.doc-t .template-nav-tabs .font-smaller{font-size:.846rem}.doc-t .dt-tab-controls{display:-webkit-flex;display:flex;width:100%;margin-bottom:1.154rem}@media only screen and (max-width:450px){.doc-t .dt-tab-controls{-webkit-flex-direction:column;flex-direction:column}.doc-t .dt-tab-controls .template-nav-tabs{-webkit-justify-content:initial!important;justify-content:normal!important}}.doc-t .dt-tab-controls .dt-tab-right-controls{margin-left:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:center;justify-content:center}.doc-t .dt-tab-controls .dt-tab-pagination{margin-top:1.154rem;font-weight:500;color:#676869}.doc-t .dt-tab-controls .dt-tab-page{color:#232230}.doc-t .dt-tab-controls .dt-tab-change-pg{font-weight:300;color:#676869;padding:0 1rem;cursor:pointer;transition:all .2s}.doc-t .dt-tab-controls .dt-tab-change-pg:hover{color:var(--label-color-blue)}.doc-t .dt-tab-controls .dt-tab-change-pg.disabled{color:#bec4cf;cursor:auto}.doc-t .dt-tab-controls .dt-tab-change-pg.disabled:hover{color:#bec4cf}.doc-t .dt-tab-controls .dt-tab-create-template{font-size:1.077rem;font-weight:500}.doc-t .dt-tab-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;padding:1.154rem 1.538rem;margin-bottom:.395rem;font-weight:600;color:#676869;border-radius:.4rem .4rem 0 0;border:1px solid #b7d6ff;background:#dceafc}.doc-t .dt-w-column{width:10rem;overflow-wrap:break-word}.doc-t .dt-w-column-small{width:5rem;overflow-wrap:break-word}.doc-t .dt-w-column-wide{width:15rem;overflow-wrap:break-word}.doc-t .dt-w-column-widest{width:30rem;overflow-wrap:break-word}.doc-t .dt-tab-content{-webkit-flex-grow:1;flex-grow:1;height:1px;overflow:auto}.doc-t .dt-notice{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;color:#fff;background:#1abf73;border-radius:.3rem .3rem 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:1.538rem 1.923rem;font-size:1.154rem;font-weight:500}.doc-t .total-teacher{display:-webkit-flex;display:flex;border-radius:.3rem;border:1px solid #b7d6ff;background:#fff}.doc-t .total-teacher-label{height:100%;padding:1rem;font-weight:500;color:#676869}.doc-t .total-teacher-count{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0 1.692rem;background:var(--label-color-blue);color:#fff;font-size:1.538rem;font-weight:600;border-radius:0 .3rem .3rem 0}.doc-t .document-data,.doc-t .teacher-data{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.doc-t .document-data-avatar,.doc-t .teacher-data-avatar{width:4.308rem;height:4.308rem;object-fit:cover;border-radius:50%}.doc-t .document-data-icon,.doc-t .teacher-data-icon{-webkit-filter:drop-shadow(1px 1px 1px #ddd);filter:drop-shadow(1px 1px 1px #ddd)}.doc-t .document-data-name,.doc-t .teacher-data-name{font-size:1.538rem;font-weight:600;color:#676869;white-space:nowrap}.doc-t .document-data-id,.doc-t .teacher-data-id{font-size:.923rem;font-weight:500;color:#676869}.doc-t .document-data-comments,.doc-t .teacher-data-comments{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;background:#fff;width:2.693rem;height:2.693rem;border-radius:50%;transition:.2s;box-shadow:0 0 .3rem 1px #c2dbfb}.doc-t .document-data-comments.blue.active,.doc-t .teacher-data-comments.blue.active{background:var(--label-color-blue)}.doc-t .document-data-comments.active,.doc-t .teacher-data-comments.active{background:#36bfd7}.doc-t .document-data-card,.doc-t .teacher-data-card{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:#dceafc;border-radius:.3rem;padding:.3rem .5rem;font-size:.923rem;font-weight:500;color:#676869}.doc-t .academic-year{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:0 1.154rem 0 0;position:-webkit-sticky;position:sticky;top:0}.doc-t .academic-year-item{border-radius:.3rem;background:transparent;border:1px solid #b7d6ff;color:#676869;font-weight:500;transition:.2s;display:-webkit-flex;display:flex;width:100%;padding:1.154rem .769rem;margin-bottom:.385rem;cursor:pointer;position:relative}.doc-t .academic-year-item__triangle{display:none}.doc-t .academic-year-item-label{-webkit-flex:1 1;flex:1 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.doc-t .academic-year-item.active{background:#fff;font-weight:600;color:var(--label-color-blue)}.doc-t .academic-year-item.active .academic-year-item-triangle{display:block;width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;position:absolute;right:0;top:0}.doc-t .academic-year-item.active .academic-year-item-triangle--outer{position:absolute;width:0;height:0;top:calc(.769rem - 1px);border-color:transparent transparent transparent #b7d6ff;border-style:solid;border-width:calc(.75rem + 1px) calc(1.05rem + 1px)}.doc-t .academic-year-item.active .academic-year-item-triangle--inner{position:absolute;left:0;width:0;height:0;top:.769rem;border-color:transparent transparent transparent #fff;border-style:solid;border-width:.75rem 1.05rem}.doc-t .academic-year-item:hover{background:#fff}.dt-breadcrumb{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:.16rem 0}.dt-breadcrumb li,.dt-breadcrumb ol,.dt-breadcrumb ul{list-style:none}.dt-breadcrumb .fa-arrow-left,.dt-breadcrumb .fa-arrow-right{font-size:1.5rem;color:#bec4cf;font-weight:400;transition:all .2s}.dt-breadcrumb .fa-arrow-left:hover,.dt-breadcrumb .fa-arrow-right:hover{text-decoration:none;color:var(--label-color-blue)}.breadcrumb-dt a,.breadcrumb-dt span{font-size:1.385rem;color:#bec4cf;font-weight:500;transition:all .2s}.breadcrumb-dt a:hover,.breadcrumb-dt span:hover{text-decoration:none;color:var(--label-color-blue)}.breadcrumb-dt .active{color:var(--label-color-blue);font-weight:600}.breadcrumb-dt+.breadcrumb-dt{padding-left:.9rem}.breadcrumb-dt+.breadcrumb-dt:before{font-family:FontAwesome;content:"\f054";font-weight:400;padding-right:.9rem;color:#676869}.nav-tabs-doc-t .nav-doc-t{background:#fff;border:1px solid #d5e7fc;border-bottom:none;text-align:center;font-weight:600;font-size:1.154rem;padding:.5em 1.2em;border-top-left-radius:.6em;border-top-right-radius:.6em;color:#676869;margin-right:.5em;transition:all .2s}.nav-tabs-doc-t .nav-doc-t:hover{cursor:pointer;text-decoration:none}.nav-tabs-doc-t .nav-doc-t:hover:not(.active){color:#676869}.nav-tabs-doc-t .active{background:#f2f7ff;color:var(--label-color-blue);position:relative}.nav-tabs-doc-t .active:after{content:"";width:100%;height:5px;position:absolute;bottom:-1px;left:0;background-color:#f2f7ff}@media only screen and (max-width:576px){.nav-tabs-doc-t .nav-doc-t{width:100%;margin-right:0;border-radius:.6em;margin-bottom:.5rem;border-bottom:1px solid #d5e7fc}.nav-tabs-doc-t .active:after{display:none}}.dt-card{display:-webkit-flex;display:flex;min-width:100%;max-width:-webkit-max-content;max-width:max-content;padding:1rem 1.154rem;background:#fff;border:1px solid #b7d6ff}.dt-card:not(:last-of-type){margin-bottom:1.154rem}.dt-card.near-deadline{background:#fef5f5}.dt-card .clickable{cursor:pointer}.dt-card .clickable:hover{color:var(--label-color-blue);text-decoration:underline}.dt-card .dt-card-icon{width:-webkit-max-content;width:max-content}.dt-card .dt-card-icon svg{-webkit-filter:drop-shadow(0 0 1px #ddd);filter:drop-shadow(0 0 1px #ddd)}.dt-card .dt-card-title{color:#676869;font-weight:600;margin-bottom:.395rem}.dt-card .dt-card-subtitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#bec4cf;font-weight:600;font-size:.923rem}.dt-card .dt-card-btn-upload{background:transparent;border:1px solid #676869;border-radius:.3rem;padding:.3rem 1rem;font-weight:500;transition:.2s}.dt-card .dt-card-btn-upload:hover{background:#676869;border:1px solid #676869;color:#fff}.dt-card .font-12{font-size:.923rem}.dt-card .teacher-avatar{width:3.615rem;height:3.615rem;object-fit:cover;border-radius:50%}.dt-card .dt-card-info{min-width:10rem}.document-desc-modal h5{margin:0}.document-desc-modal .close,.document-desc-modal .close span{font-size:2rem}.document-desc-modal .modal-header{-webkit-align-items:center;align-items:center;padding:2rem 2rem 0;border-bottom:unset}.document-desc-modal-content{color:#676869;line-height:2}.document-desc-modal-template-name{text-transform:uppercase;color:#676869;font-weight:600}.modal .btn-modal-close{width:1.923rem;height:1.923rem;border:3px solid #bec4cf;background:transparent;border-radius:50%;font-size:1.5rem;color:#bec4cf;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:.2s}.modal .btn-modal-close .fa{color:#bec4cf}.modal .btn-modal-close:hover{background:#bec4cf;color:#fff}.modal .btn-modal-close:hover .fa{color:#fff}.teacher-comment-modal-content{max-height:65vh;overflow:auto}.teacher-comment-modal .footer{background:#f2f7ff;padding:1.154rem}.teacher-comment-modal .doc-t-field textarea.form-control{height:5.385rem}.teacher-comment-modal .comment-item{font-weight:500}.teacher-comment-modal .comment-item:not(:first-of-type){margin-bottom:3rem}.teacher-comment-modal .comment-item-file{text-decoration:underline;font-weight:600;color:var(--label-color-blue)}.teacher-comment-modal .comment-item-sender{color:#bec4cf}.teacher-comment-modal .comment-item-content{color:#676869;line-height:2;word-break:break-all}.doc-t-field .borderBottom,.doc-t .borderBottom{border-bottom:1px solid #e5edf8}.doc-t-field .red-text,.doc-t .red-text{color:red;font-style:italic;font-size:.846rem}.doc-t-field .red-asterisk,.doc-t .red-asterisk{color:red;font-weight:600}.doc-t-field .form-control,.doc-t .form-control{border-color:#d5e7fc}.doc-t-field .form-control:disabled,.doc-t-field .form-control[readonly],.doc-t .form-control:disabled,.doc-t .form-control[readonly]{background-color:#f2f7ff;opacity:1}.doc-t-field .form-group,.doc-t .form-group{margin-bottom:2rem}.doc-t-field label,.doc-t label{margin-bottom:.385rem}.doc-t-field .select-question-field,.doc-t .select-question-field{border-color:#d5e7fc;padding:.5em 4em .5em 1em;color:grey;height:3.2em;background-color:#fff;border-radius:.438em;display:inline-block;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-webkit-align-self:center!important;align-self:center!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-image:linear-gradient(45deg,transparent 50%,#f2f2f2 0),linear-gradient(135deg,#f2f2f2 50%,transparent 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - 1.4em) 1.071em,calc(100% - 1em) 1.071em,100% 0;background-size:.429em .429em,.429em .429em,3em 4em;background-repeat:no-repeat}.doc-t-field .custom-input-upload,.doc-t .custom-input-upload{position:relative;margin-top:1.5rem}.doc-t-field .custom-input-upload .custom-upload-label,.doc-t .custom-input-upload .custom-upload-label{position:absolute;min-height:1.5rem;height:calc(3.5rem - 2px);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:.8em;background:#e6f0ff;border:1px solid #e6f0ff;border-radius:10px 0 0 10px;cursor:pointer;margin:1px 0 0 1px}.doc-t-field .custom-input-upload .form-control-file,.doc-t .custom-input-upload .form-control-file{display:block;width:100%;line-height:3rem;height:3.5rem!important;border:1px solid #e6f0ff;border-radius:10px;padding-left:9rem;padding-right:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#676869;font-style:italic;font-weight:500;margin-bottom:0}.doc-t-field .custom-input-upload .form-control-file.border-red,.doc-t .custom-input-upload .form-control-file.border-red{border:1px solid #f24822}.doc-t-field .custom-input-upload input[type=file],.doc-t .custom-input-upload input[type=file]{display:none}.doc-t-field .custom-input-upload ::-webkit-file-upload-button,.doc-t .custom-input-upload ::-webkit-file-upload-button{background:transparent;color:transparent;border:none;padding:0}.doc-t-field .custom-input-upload .file,.doc-t .custom-input-upload .file{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;grid-gap:2rem;gap:2rem}.doc-t-field .custom-input-upload .file .file-name,.doc-t .custom-input-upload .file .file-name{color:#4f92ea}.doc-t-field .custom-input-upload .file .file-placeholder,.doc-t .custom-input-upload .file .file-placeholder{font-size:1rem;font-weight:500;color:#bec4cf}.doc-t-field .custom-input-upload .file-format-desc,.doc-t .custom-input-upload .file-format-desc{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:.5rem}.doc-t-field .custom-input-upload .file-format-desc span,.doc-t .custom-input-upload .file-format-desc span{font-size:1rem;font-weight:500;color:#676869}.doc-t-field .custom-input-upload .error-text,.doc-t .custom-input-upload .error-text{color:#f24822;font-weight:500;margin-top:.5rem}.doc-t-field textarea.form-control,.doc-t textarea.form-control{resize:none;width:100%;height:17.231rem;border-color:#d5e7fc}.doc-t-field .red-border,.doc-t .red-border{border-color:red!important}.doc-t-field .btn-cancel,.doc-t .btn-cancel{color:#676869;font-weight:600;padding-left:0!important}.doc-t-field .btn-outline-primary,.doc-t .btn-outline-primary{background:transparent;border-color:var(--label-color-blue);color:var(--label-color-blue);font-weight:600}.doc-t-field .btn-outline-primary:hover:not([disabled]),.doc-t .btn-outline-primary:hover:not([disabled]){color:#fff;background:var(--label-color-blue);border-color:var(--label-color-blue)}.doc-t-field .btn-outline-primary:hover:not([disabled]) .customIcon,.doc-t .btn-outline-primary:hover:not([disabled]) .customIcon{-webkit-filter:brightness(0) saturate(100%) invert(100%);filter:brightness(0) saturate(100%) invert(100%)}.doc-t-field .btn-primary,.doc-t .btn-primary{background:var(--label-color-blue);border-color:var(--label-color-blue);font-weight:600}.doc-t-field .btn-primary:hover:not(:disabled),.doc-t .btn-primary:hover:not(:disabled){color:var(--label-color-blue);background:transparent;border-color:var(--label-color-blue)}.doc-t-field .btn-primary:hover:not(:disabled) .customIcon,.doc-t .btn-primary:hover:not(:disabled) .customIcon{-webkit-filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1925%) hue-rotate(193deg) brightness(98%) contrast(87%);filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1925%) hue-rotate(193deg) brightness(98%) contrast(87%)}.doc-t-field .btn-primary.disabled,.doc-t-field .btn-primary:disabled,.doc-t .btn-primary.disabled,.doc-t .btn-primary:disabled{background-color:#bec4cf;border-color:#bec4cf}.doc-t-field .btn-approve-all,.doc-t .btn-approve-all{background:transparent;border-color:#1abf73;color:#232230;font-weight:600}.doc-t-field .btn-approve-all .customIcon,.doc-t .btn-approve-all .customIcon{-webkit-filter:brightness(0) saturate(100%) invert(60%) sepia(25%) saturate(1204%) hue-rotate(100deg) brightness(94%) contrast(96%);filter:brightness(0) saturate(100%) invert(60%) sepia(25%) saturate(1204%) hue-rotate(100deg) brightness(94%) contrast(96%)}.doc-t-field .btn-approve-all:hover,.doc-t .btn-approve-all:hover{background:#1abf73;border-color:#1abf73;color:#fff}.doc-t-field .btn-approve-all:hover .customIcon,.doc-t .btn-approve-all:hover .customIcon{-webkit-filter:brightness(100%);filter:brightness(100%)}.doc-t-field .form-calendar,.doc-t .form-calendar{height:calc(2.2em + .75rem + 2px);border-top-right-radius:0;border-bottom-right-radius:0}.doc-t-field .form-calendar input,.doc-t .form-calendar input{height:100%;border:none}.doc-t-field .date-time-icon,.doc-t .date-time-icon{right:0;height:calc(2.2em + .75rem + 2px);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:.375rem 1rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#fff;text-align:center;white-space:nowrap;background-color:var(--label-color-blue);border:1px solid var(--label-color-blue);border-top-left-radius:0;border-bottom-left-radius:0}.doc-t-field .width100p,.doc-t .width100p{width:100%;display:-webkit-flex;display:flex}.doc-t-field .custom-radio label,.doc-t .custom-radio label{font-weight:500;color:#37464d}.doc-t-field .custom-control-label:before,.doc-t .custom-control-label:before{color:#fff;border-width:3px}.doc-t-field .custom-control-input.red-border~.custom-control-label:before,.doc-t .custom-control-input.red-border~.custom-control-label:before{color:#fff;border-color:#f05974;background-color:transparent}.doc-t-field .custom-control-label:after,.doc-t-field .custom-control-label:before,.doc-t .custom-control-label:after,.doc-t .custom-control-label:before{cursor:pointer;top:0;left:-2rem;width:20px;height:20px}.doc-t-field .custom-control-input:checked~.custom-control-label:before,.doc-t .custom-control-input:checked~.custom-control-label:before{color:#fff;border-color:var(--label-color-blue);background-color:transparent}.doc-t-field .custom-control-input:checked~.custom-control-label:after,.doc-t .custom-control-input:checked~.custom-control-label:after{background-color:var(--label-color-blue);background-image:none;border-radius:50%;width:10px;height:10px;margin-left:5px;margin-top:5px}.doc-t-field .custom-input-switch,.doc-t .custom-input-switch{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.doc-t-field .custom-input-switch input,.doc-t .custom-input-switch input{display:none}.doc-t-field .custom-input-switch input:focus~.slider,.doc-t .custom-input-switch input:focus~.slider{box-shadow:0 0 1px #d5e7fc}.doc-t-field .custom-input-switch input:checked~.slider,.doc-t .custom-input-switch input:checked~.slider{background:#1abf73}.doc-t-field .custom-input-switch input:checked~.slider:before,.doc-t .custom-input-switch input:checked~.slider:before{left:1.25rem;transition:.2s}.doc-t-field .custom-input-switch label,.doc-t .custom-input-switch label{font-weight:500;margin-bottom:0;color:#676869}.doc-t-field .custom-input-switch .slider,.doc-t .custom-input-switch .slider{width:3rem;height:2rem;background:#bec4cf;border-radius:3rem;margin:0 .5rem;position:relative}.doc-t-field .custom-input-switch .slider:before,.doc-t .custom-input-switch .slider:before{content:"";width:1.5rem;height:1.5rem;border-radius:50%;position:absolute;top:50%;left:.25rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#fff;transition:.2s}.select-template-form{width:100%;overflow:auto;height:30rem;border-radius:.3rem;border:1px solid #d5e7fc;padding:2rem;margin-bottom:2rem;position:relative}.select-template-form .grid-infinite{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.385rem,1fr));grid-auto-rows:3.385rem;justify-items:stretch;grid-gap:2rem}@media only screen and (max-width:1150px){.select-template-form .grid-infinite{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.selected-template{width:100%;height:-webkit-max-content;height:max-content;border-radius:.3rem;border:1px solid #d5e7fc;background:#f2f7ff;padding:.2rem}.selected-template,.selected-template .btn-change-template{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.selected-template .btn-change-template{-webkit-justify-content:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:#bec4cf;color:#fff;cursor:pointer;margin-left:.769rem;margin-right:.769rem}.modal-description-xl{max-width:96.615rem}.template-card{width:100%;height:3.385rem;position:relative;border-radius:.3rem;border:1px solid #d5e7fc;box-shadow:0 0 2px rgba(var(--label-color-blue),.4);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:.154rem}.template-card.selected{background:#e3f4fe}.template-card-title{font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#676869;padding-right:2rem}.template-card-tooltip{position:absolute;right:.3rem;top:.3rem;width:.846rem;height:.846rem;object-fit:cover}.template-card .selected-check{position:absolute;bottom:-.5rem;left:-.5rem;border:1px solid #fff;background:var(--bg-dark-blue);color:#fff;border-radius:50%;width:1.538rem;height:1.538rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.description-box{height:40rem;border:1px solid #d5e7fc;border-radius:.5rem;-webkit-flex-direction:column;flex-direction:column}.description-box,.description-box-header{width:100%;display:-webkit-flex;display:flex}.description-box-header{-webkit-align-items:center;align-items:center;background:var(--label-color-blue);padding:1.152rem 1.538rem;color:#fff;border-radius:.5rem .5rem 0 0}.description-box-title{-webkit-flex-grow:1;flex-grow:1;font-size:1.385rem;font-weight:900}.description-box-content{background:#f2f7ff;font-weight:400;-webkit-flex-grow:1;flex-grow:1;width:100%;padding:1.152rem 1.538rem;line-height:2;overflow:auto;border-radius:0 0 .5rem .5rem}.right-tooltip{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:-webkit-max-content;height:max-content;width:-webkit-max-content;width:max-content;max-width:25rem;background-color:#676869;color:#fff;font-weight:500;font-size:.85rem;border-radius:.5rem;padding:.5rem;margin-left:1rem;z-index:1100}.right-tooltip:before{content:"";position:absolute;width:0;height:0;top:50%;left:-.8rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-top:.5rem solid transparent;border-bottom:.5rem solid transparent;border-right:.8rem solid #676869}.draft-card{position:relative;margin-top:-1.154rem;margin-bottom:1.154rem;margin-left:auto;padding:1.154rem 1.769rem;width:50%;background:#e3f4fe;border:1px solid #b7d6ff;border-top:unset}.draft-card,.draft-card-info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.draft-card-info{-webkit-flex:1 1;flex:1 1;margin-right:1rem;padding:.8rem 1rem;background:#fff;border:1px solid #d5e7fc;border-radius:.3rem;min-width:0}.draft-card-file-name{font-weight:500;color:#676869;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:1rem}@media only screen and (max-width:1200px){.draft-card{width:75%}}@media only screen and (max-width:900px){.draft-card{width:100%}}@media only screen and (max-width:600px){.draft-card,.draft-card-info{-webkit-flex-direction:column;flex-direction:column}.draft-card-info{margin-right:0}.draft-card-file-name,.draft-card-info{width:100%;margin-bottom:1rem}}.confirm-box.confirm-publish .yesDeleteMeeting,.confirm-box.confirm-submit-approve .yesDeleteMeeting{background:#1abf73}.icon-shadow{-webkit-filter:drop-shadow(1px 1px 1px #ddd);filter:drop-shadow(1px 1px 1px #ddd)}@media only screen and (max-width:450px){.breadcrumb-dt{font-size:1rem!important}.dt-breadcrumb{-webkit-justify-content:space-between;justify-content:space-between}}*{margin:0;padding:0;box-sizing:border-box}.workbookWikiHomeRoot{background-color:#fff;border-top-left-radius:25px}.workbookWikiHomeRoot .workbookWikiHome .titleHome{font-weight:600;color:#676869;margin-bottom:1.231rem}.workbookWikiHomeRoot .workbookWikiHome .descHome{font-weight:500;font-size:18px;color:#232230}.workbookWikiHomeRoot .workbookWikiHome .search{margin:47px 0 78px;border-radius:5px;width:60%;box-shadow:0 3px 6px 2px rgba(0,0,0,.16)}@media (max-width:992px){.workbookWikiHomeRoot .workbookWikiHome .search{width:100%}}.workbookWikiHomeRoot .workbookWikiHome .search .searchValue{font-size:18px;color:#676869;font-weight:600;-webkit-flex-grow:1;flex-grow:1;padding:15px 25px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #d5e7fc;border-right:0}.workbookWikiHomeRoot .workbookWikiHome .search .searchValue:focus{outline:none}.workbookWikiHomeRoot .workbookWikiHome .search .searchIcon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;border:2px solid var(--label-color-blue);background-color:var(--label-color-blue);padding:12px 17px;color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px}.workbookWikiHomeRoot .workbookWikiHome .search .searchIcon:focus{border:2px solid #d5e7fc}.workbookWikiHomeRoot .workbookWikiHome .cardsHome>*{-webkit-flex:0 0 15%;flex:0 0 15%}@media (max-width:1400px){.workbookWikiHomeRoot .workbookWikiHome .cardsHome>*{-webkit-flex:0 0 16.5%;flex:0 0 16.5%}}.workbookWikiHomeRoot .workbookWikiHome .cardsHome{-webkit-flex-wrap:wrap;flex-wrap:wrap}.workbookWikiHomeRoot .workbookWikiHome .cardsHome .card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;border:none;position:relative;box-sizing:border-box;padding:40px 5px;border-radius:15px;box-shadow:2px 3px 8px rgba(0,0,0,.16);margin-right:5rem;margin-bottom:2rem}@media (max-width:1400px){.workbookWikiHomeRoot .workbookWikiHome .cardsHome .card{padding:30px 5px;margin-right:3rem}}@media (max-width:992px){.workbookWikiHomeRoot .workbookWikiHome .cardsHome .card{padding:20px 10px;margin-top:10px;margin-bottom:10px;margin-left:0}}.workbookWikiHomeRoot .workbookWikiHome .cardsHome .card:hover{z-index:1;cursor:pointer;-webkit-transform:scale(1.04);transform:scale(1.04);transition:.3s}.workbookWikiHomeRoot .workbookWikiHome .cardsHome .card .img-container{width:100%;height:5rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.workbookWikiHomeRoot .workbookWikiHome .cardsHome .card img{margin:0 auto;width:5rem;height:5rem}.workbookWikiHomeRoot .workbookWikiHome .cardsHome .card p{margin-top:30px;margin-bottom:0;-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-weight:600;font-size:18px;text-align:center;color:#232230}@media (max-width:992px){.workbookWikiHomeRoot .workbookWikiHome .cardsHome .card p{overflow:visible}}.workbookWikiHomeRoot .workbookWikiHome .cardsHome .introduction{background-color:#fff9f1}.workbookWikiHomeRoot .workbookWikiHome .cardsHome .userguide{background-color:#f1fff9}.workbookWikiHomeRoot .workbookWikiHome .cardsHome .faq{background-color:#f7f7f7}.workbookWikiHomeRoot .workbookWikiHome .cardsHome .getStarted,.workbookWikiHomeRoot .workbookWikiHome .cardsHome .versionHistory{background-color:#f7fcff}@media (max-width:450px){.workbookWikiHomeRoot .titleHome{font-size:1.5rem!important}.workbookWikiHomeRoot .descHome{font-size:1rem!important}.workbookWikiHomeRoot .search{height:40px!important;margin:0!important}.workbookWikiHomeRoot .searchValue{padding:5px 10px!important;font-size:1rem!important}.workbookWikiHomeRoot .workbookWikiHome{padding:0!important}.workbookWikiHomeRoot .cardsHome{-webkit-flex-direction:row!important;flex-direction:row!important;margin-left:0}.workbookWikiHomeRoot .cardsHome .card{min-width:40vw}.workbookWikiHomeRoot .breadcrumb-dt{font-size:1rem!important;width:-webkit-max-content;width:max-content}}.wbfundaRoot{background-color:#fff;border-top-left-radius:25px}.wbfunda .search{background-color:none}.wbfunda .search .searchIcon{cursor:pointer;background-color:var(--label-color-blue);padding:10px 15px;color:#fff;border-bottom-right-radius:5px;border-top-right-radius:5px}.wbfunda .search .searchValue{-webkit-flex-grow:1;flex-grow:1;padding:0 10px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #d5e7fc;border-right:0}.wbfunda .search .searchValue:focus{outline:none}.wbfunda .search .searchValue:focus,.wbfunda .search .searchValue:focus~.searchIcon{box-shadow:0 0 3px 0 var(--label-color-blue)}.wbfunda .wbfunda-Title .addNewArticle{border:1px solid var(--label-color-blue);background:none;font-weight:600;color:var(--label-color-blue);font-size:1.154rem;border-radius:5px;transition:.4s}.wbfunda .wbfunda-Title .addNewArticle:hover{cursor:pointer;background-color:var(--label-color-blue);color:#fff}.wbfunda .wbfunda-content{overflow:hidden}.wbfunda .wbfunda-content .nav-tabs-doc-t .nav-doc-t{color:#676869;background-color:#fff}.wbfunda .wbfunda-content .nav-tabs-doc-t .nav-doc-t:after{display:none}.wbfunda .wbfunda-content .nav-tabs-doc-t .activedCustom{background-color:#f2f7ff;color:var(--label-color-blue)}.wbfunda .wbfunda-content .nav-tabs-doc-t .activedCustom:after{display:block}.wbfunda .wbfunda-content .tab-doc-t{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;background-color:#f2f7ff;width:100%;height:100%;border-radius:0;border:1px solid #d5e7fc}.wbfunda .wbfunda-content .tab-pane{height:100%;display:none;overflow:hidden}.wbfunda .wbfunda-content .active{display:-webkit-flex;display:flex}.wbfunda .wbfunda-content .listOfLesson{-webkit-flex:0 0 25%;flex:0 0 25%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.wbfunda .wbfunda-content .listOfLesson .select-question-field{border-color:#d5e7fc;padding:.5em 4em .5em 1em;color:grey;height:3.2em;background-color:#fff;border-radius:.438em;display:inline-block;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-webkit-align-self:start!important;align-self:start!important;width:calc(100% - 10px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-image:linear-gradient(45deg,transparent 50%,#f2f2f2 0),linear-gradient(135deg,#f2f2f2 50%,transparent 0),linear-gradient(90deg,var(--label-color-blue),var(--label-color-blue));background-position:calc(100% - 1.4em) 1.071em,calc(100% - 1em) 1.071em,100% 0;background-size:.429em .429em,.429em .429em,3em 4em;background-repeat:no-repeat}.wbfunda .wbfunda-content .listOfLesson .btnSelectTemp>*{-webkit-flex:0 0 50%;flex:0 0 50%}.wbfunda .wbfunda-content .listOfLesson .btnSelectTemp{margin-bottom:0}.wbfunda .wbfunda-content .listOfLesson .btnSelectTemp .setOffbtn{opacity:.5}.wbfunda .wbfunda-content .listOfLesson .btnSelectTemp button{padding:15px 10px;cursor:pointer;border:none;background-color:var(--label-color-blue);color:#fff}.wbfunda .wbfunda-content .listOfLesson .btnSelectTemp button:nth-child(odd){border-top-left-radius:5px;border-bottom-left-radius:5px}.wbfunda .wbfunda-content .listOfLesson .btnSelectTemp button:nth-child(2n){border-top-right-radius:5px;border-bottom-right-radius:5px}.wbfunda .wbfunda-content .listOfLesson .parentComponent::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.wbfunda .wbfunda-content .listOfLesson .parentComponent{overflow-y:auto;overflow-x:hidden}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card{margin-bottom:10px;border-radius:7px;border:1px solid #d5e7fc;background-color:#fff;overflow:visible;margin-right:10px}@media screen and (max-width:450px){.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card{margin-right:0}}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card__triangle{display:block;width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;position:absolute;right:0;top:0}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card__triangle--outer{position:absolute;width:0;height:0;top:calc(.769rem - 1px);border-color:transparent transparent transparent #d5e7fc;border-style:solid;border-width:calc(.75rem + 1px) calc(1.05rem + 1px)}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card__triangle--inner{position:absolute;left:0;width:0;height:0;top:.769rem;border-color:transparent transparent transparent #fff;border-style:solid;border-width:.75rem 1.05rem}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .card-header{margin-bottom:0;border-radius:7px;padding:15px 10px;background-color:#f2f7ff;border:none;color:#676869}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .card-header .titleArticle{width:100%}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .card-header .titleArticle span{font-weight:600;color:#676869;font-size:13px}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .card-header .titleArticle span.active{color:var(--label-color-blue)}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .card-header .titleArticle p{margin-bottom:0}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .card-header .titleArticle p .fromTemplate{margin-bottom:0;font-size:8px;font-style:italic}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .card-header:hover{cursor:pointer}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .card-header h3{font-weight:700;font-size:15px}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .active{background:#fff}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .show{padding:0 20px;border:none;white-space:break-spaces}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .show .card-body{padding:0 0 15px;background-color:#fff;page-break-after:auto;-webkit-column-break-after:auto;break-after:auto;white-space:pre-line}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .show .card-body .subArticle p{cursor:pointer;margin-bottom:0}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .show .card-body .subArticle p:hover{font-weight:600}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .show .card-body .subArticle p.active{color:var(--label-color-blue);font-weight:700}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .collapsing{padding:0 20px;page-break-after:auto;-webkit-column-break-after:auto;break-after:auto;white-space:pre-line}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .collapsing .card-body{padding:0 0 15px}.wbfunda .wbfunda-content .listOfLesson .parentComponent .accordion .card .collapsing .card-body .subArticle p{margin-bottom:0}.wbfunda .wbfunda-content .displayDataLesson::-webkit-scrollbar{display:none}@-webkit-keyframes slideInFromTop{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromTop{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.wbfunda .wbfunda-content .displayDataLesson{-webkit-flex:1 0 75%;flex:1 0 75%;border:1px solid #d5e7fc;background-color:#fff;padding:22px 20px;border-radius:5px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.wbfunda .wbfunda-content .displayDataLesson .introduction::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.wbfunda .wbfunda-content .displayDataLesson .introduction{height:100%;text-align:justify;overflow:auto}.wbfunda .wbfunda-content .displayDataLesson .introduction h3{font-weight:700}.wbfunda .wbfunda-content .displayDataLesson .introduction pre{margin-top:10px;text-align:justify;font-family:"Montserrat",sans-serif;white-space:break-spaces;color:#000;font-size:14px;font-weight:500;line-height:1.8}.wbfunda .wbfunda-content .displayDataLesson .presetTemplateCondition h4{font-size:15px;font-weight:700;margin-top:50px}.wbfunda .wbfunda-content .displayDataLesson .addNewFillingGuidance{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.wbfunda .wbfunda-content .displayDataLesson .addNewFillingGuidance .clickToAdd h4{color:var(--label-color-blue);font-weight:700}.wbfunda .wbfunda-content .displayDataLesson .addNewFillingGuidance .clickToAdd button{display:block;margin:auto;border:1px solid var(--label-color-blue);background-color:#fff;font-weight:600;color:var(--label-color-blue);padding:.469rem 1.854rem;border-radius:20px;font-size:16px}.wbfunda .wbfunda-content .displayDataLesson .addNewFillingGuidance .clickToAdd button:hover{background-color:var(--label-color-blue);color:#fff;transition:.5s}.wbfunda .wbfunda-content .displayDataLesson .wysywig{height:100%}.wbfunda .wbfunda-content .displayDataLesson .wysywig .toolbarClassName{background-color:#f2f7ff!important;border-color:#f2f7ff!important;margin-bottom:0!important}.wbfunda .wbfunda-content .displayDataLesson .wysywig .toolbarClassName div{background:transparent}.wbfunda .wbfunda-content .displayDataLesson .wysywig .toolbarClassName .rdw-colorpicker-modal,.wbfunda .wbfunda-content .displayDataLesson .wysywig .toolbarClassName .rdw-embedded-modal,.wbfunda .wbfunda-content .displayDataLesson .wysywig .toolbarClassName .rdw-emoji-modal,.wbfunda .wbfunda-content .displayDataLesson .wysywig .toolbarClassName .rdw-image-modal,.wbfunda .wbfunda-content .displayDataLesson .wysywig .toolbarClassName .rdw-link-modal{background:#fff;overflow:scroll;left:-200px}.wbfunda .wbfunda-content .displayDataLesson .wysywig .wrapperClassName{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.wbfunda .wbfunda-content .displayDataLesson .wysywig .wrapperClassName .editorClassName,.wbfunda .wbfunda-content .displayDataLesson .wysywig .wrapperClassName .toolbarClassName{border:2px solid #f1f1f1}.wbfunda .wbfunda-content .displayDataLesson .buttonConfirm p{font-weight:600;cursor:pointer}.wbfunda .wbfunda-content .displayDataLesson .buttonConfirm button{font-weight:600;color:#fff;background-color:var(--label-color-blue);border-radius:5px;border:none;padding:5px 20px}.wbfunda .wbfunda-content .displayDataLesson .FillingGuidanceContent::-webkit-scrollbar{display:none}.wbfunda .wbfunda-content .displayDataLesson .FillingGuidanceContent{overflow:auto;-webkit-flex-grow:1;flex-grow:1;-ms-overflow-style:none;scrollbar-width:none}.wbfunda .wbfunda-content .displayDataLesson .FillingGuidanceContent h3{font-weight:700;font-size:22px}.wbfunda .wbfunda-content .displayDataLesson .FillingGuidanceContent .fillingGuidanceDisplay{overflow-wrap:anywhere;margin:10px auto}.wbfunda .wbfunda-content .displayDataLesson .FillingGuidanceContent .wysywigEdit,.wbfunda .wbfunda-content .displayDataLesson .FillingGuidanceContent .wysywigEdit .wrapperClassName{height:100%}.wbfunda .wbfunda-content .displayDataLesson .btnToggleViewEdit{-webkit-justify-content:flex-end;justify-content:flex-end}.wbfunda .wbfunda-content .displayDataLesson .btnToggleViewEdit h3{font-weight:700;font-size:22px}.wbfunda .wbfunda-content .displayDataLesson .btnToggleViewEdit button{padding:5px 10px;border:none;font-weight:600;color:#fff;background-color:var(--label-color-blue);border:1px solid var(--label-color-blue);border-radius:5px}.wbfunda .wbfunda-content .displayDataLesson .btnToggleViewEdit button:hover{transition:.5s;background-color:var(--label-color-blue);color:#fff}.wbfunda .wbfunda-content .displayDataLesson .btnToggleViewEdit .not-active{background-color:#fff;color:var(--label-color-blue)}.wbfunda .wbfunda-content .displayDataLesson .splashImg{width:40%;display:block;margin-left:auto;margin-right:auto}.wbfunda .wbfunda-content .displayDataLesson .anchorContent{background:#f8f9fa;box-sizing:border-box;padding:1.538rem;margin-bottom:3.846rem;border-radius:.385rem;border:2px solid #a2a9b1;width:50%}.wbfunda .wbfunda-content .displayDataLesson .anchorContent h4{text-align:center;font-weight:600}.wbfunda .wbfunda-content .displayDataLesson .anchorContent ul li{margin:.769rem 0}.wbfunda .wbfunda-content .displayDataLesson h5{text-align:center}.wbfunda .wbfunda-content .intro{padding:1.154rem}.wbfunda .wbfunda-content .intro h2{font-weight:700;text-align:center}.wbfunda .pc-excess{display:none}@media screen and (max-width:450px){.wbfunda .pc-excess{display:block}.wbfunda .mobile-excess{display:none}.wbfunda .breadcrumb-dt a{font-size:13px}.wbfunda .listOfLesson{width:100%!important;height:30vh!important;margin-bottom:1rem}.wbfunda .displayDataLesson{width:100%!important}.wbfunda .displayDataLesson .FillingGuidanceContent{width:80vw}.wbfunda .displayDataLesson .introduction{width:80vw!important}.wbfunda .tab-content .tab-pane{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:auto}.wbfunda .wbfunda-content .tab-doc-t{overflow:auto;height:-webkit-max-content;height:max-content}}@media screen and (max-width:1000px){.wbfunda .wbfunda-Title .wbfunda-buttonSchoolPreset{-webkit-justify-content:center!important;justify-content:center!important}}.rootIntro{background-color:#fff;border-top-left-radius:20px}.wbIntroduction{overflow:hidden}.wbIntroduction .pc-excess{display:none}.wbIntroduction .accordionDiv{width:100%;height:100%}.wbIntroduction .search{background-color:none}.wbIntroduction .search .searchIcon{cursor:pointer;background-color:var(--label-color-blue);padding:10px 15px;color:#fff;border-bottom-right-radius:5px;border-top-right-radius:5px}.wbIntroduction .search .searchValue{-webkit-flex-grow:1;flex-grow:1;padding:0 10px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #d5e7fc;border-right:0}.wbIntroduction .search .searchValue:focus{outline:none}.wbIntroduction .search .searchValue:focus,.wbIntroduction .search .searchValue:focus~.searchIcon{box-shadow:0 0 3px 0 var(--label-color-blue)}.wbIntroduction .title img{height:auto}.wbIntroduction .title h3{font-weight:700;font-size:2rem;-webkit-align-self:center;align-self:center;margin-bottom:0;margin-left:10px}.wbIntroduction .tab-doc-t{overflow:hidden;background-color:#f2f7ff;width:100%;height:100%;border-radius:0;border:1px solid #d5e7fc}.wbIntroduction .tab-doc-t .accordionlist::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.wbIntroduction .tab-doc-t .accordionlist{overflow:auto}.wbIntroduction .tab-doc-t .accordionlist .accordion::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.wbIntroduction .tab-doc-t .accordionlist .accordion{overflow-y:auto;overflow-x:hidden;position:relative;padding-right:15px}.wbIntroduction .tab-doc-t .accordionlist .accordion .card{overflow:visible;position:relative;margin-bottom:10px;border-radius:7px;border:1px solid #d5e7fc;background-color:#fff}.wbIntroduction .tab-doc-t .accordionlist .accordion .card__triangle{display:block;width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;position:absolute;right:0;top:0}.wbIntroduction .tab-doc-t .accordionlist .accordion .card__triangle--outer{position:absolute;width:0;height:0;top:calc(.769rem - 1px);border-color:transparent transparent transparent #d5e7fc;border-style:solid;border-width:calc(.75rem + 1px) calc(1.05rem + 1px)}.wbIntroduction .tab-doc-t .accordionlist .accordion .card__triangle--inner{position:absolute;left:0;width:0;height:0;top:.769rem;border-color:transparent transparent transparent #fff;border-style:solid;border-width:.75rem 1.05rem}.wbIntroduction .tab-doc-t .accordionlist .accordion .card .card-header{margin-bottom:0;border-radius:7px;background:#f2f7ff;border:none;padding:1rem}.wbIntroduction .tab-doc-t .accordionlist .accordion .card .card-header .active{color:var(--label-color-blue)}.wbIntroduction .tab-doc-t .accordionlist .accordion .card .card-header h3{font-weight:600;color:#676869;font-size:15px;margin-bottom:0}.wbIntroduction .tab-doc-t .accordionlist .accordion .card .card-header:hover{cursor:pointer}.wbIntroduction .tab-doc-t .accordionlist .accordion .card .card-header .collapse{border:none;background-color:#fff}.wbIntroduction .tab-doc-t .accordionlist .accordion .card .card-header .collapse .card-body{background-color:#fff}.wbIntroduction .tab-doc-t .accordionlist .accordion .card .active{background:#fff}.wbIntroduction .tab-doc-t .accordionlist .accordion .card .card-body{padding:.5rem 1rem}.wbIntroduction .tab-doc-t .displayContent{border:1px solid #d5e7fc;border-radius:5px;background-color:#fff;padding:20px;margin-left:10px;overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.wbIntroduction .tab-doc-t .displayContent h3{text-align:left;font-weight:700;margin-bottom:9px}.wbIntroduction .tab-doc-t .displayContent .textPara{font-size:15px;text-align:left;margin-bottom:0}.wbIntroduction .tab-doc-t .displayContent .containerStepProgress{padding-bottom:30px}.wbIntroduction .tab-doc-t .displayContent .containerStepProgress .step-indicator{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;padding:20px 0;height:100%;-webkit-align-items:center;align-items:center;width:-webkit-max-content;width:max-content}.wbIntroduction .tab-doc-t .displayContent .containerStepProgress .step-indicator .fullHeightStep{height:70%;transition:1s}.wbIntroduction .tab-doc-t .displayContent .containerStepProgress .step-indicator .hideHeightStep{height:15%;transition:1s}.wbIntroduction .tab-doc-t .displayContent .containerStepProgress .step-indicator .step{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;z-index:1;cursor:pointer}.wbIntroduction .tab-doc-t .displayContent .containerStepProgress .step-indicator .step .step-icon{height:40px;width:40px;border-radius:50%;background:#c2c2c2;font-size:10px;text-align:center;color:#fff;position:relative;line-height:40px;font-size:20px}.wbIntroduction .tab-doc-t .displayContent .containerStepProgress .step-indicator .active .step-icon{background-color:var(--label-color-blue)}.wbIntroduction .tab-doc-t .displayContent .containerStepProgress .step-indicator .indicator-line{width:2px;height:100%;background:#c2c2c2;-webkit-flex:1 1;flex:1 1}.wbIntroduction .tab-doc-t .displayContent .containerStepProgress .step-indicator .indicator-line.active{background:var(--label-color-blue)}.wbIntroduction .tab-doc-t .displayContent .contentArticle::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.wbIntroduction .tab-doc-t .displayContent .contentArticle{padding:20px 10px 10px;white-space:none;overflow:scroll;-webkit-flex:1 1;flex:1 1}.wbIntroduction .tab-doc-t .displayContent .contentArticle h3{font-size:18px;text-align:left;font-weight:700}.wbIntroduction .tab-doc-t .displayContent .contentArticle h3:not(:first-child){margin-top:70px}.wbIntroduction .tab-doc-t .displayContent .contentArticle p{text-align:left;font-size:15px;padding-left:10px}.wbIntroduction .tab-doc-t .displayContent .contentArticle img{display:block;max-width:98%;height:auto;margin:20px auto}@media screen and (max-width:450px){.wbIntroduction .accordionDiv{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:-webkit-max-content;height:max-content;overflow:auto}.wbIntroduction .accordionlist{width:100%!important;height:30vh;margin-bottom:1rem}.wbIntroduction .displayContent{width:100%!important;padding:5px!important;margin:5px 0 0!important}.wbIntroduction .contentArticle{width:85vw}.wbIntroduction .mobile-excess{display:none}.wbIntroduction .pc-excess{display:block!important}.wbIntroduction .tab-doc-t{overflow:auto;height:-webkit-max-content;height:max-content}.wbIntroduction .tab-doc-t .accordionlist .accordion{padding-right:0}.wbIntroduction .tab-doc-t .accordionlist .accordion .card__triangle{display:none}}.getStartRoot{background-color:#fff;border-top-left-radius:18px}.getStartRoot .search{background-color:none}.getStartRoot .search .searchIcon{cursor:pointer;background-color:var(--label-color-blue);padding:10px 15px;color:#fff;border-bottom-right-radius:5px;border-top-right-radius:5px}.getStartRoot .search .searchValue{-webkit-flex-grow:1;flex-grow:1;padding:0 10px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #d5e7fc;border-right:0}.getStartRoot .search .searchValue:focus{outline:none}.getStartRoot .search .searchValue:focus,.getStartRoot .search .searchValue:focus~.searchIcon{box-shadow:0 0 3px 0 var(--label-color-blue)}.getStartRoot .getStartContent{overflow:hidden}.getStartRoot .getStartContent .accordion::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.getStartRoot .getStartContent .accordion{overflow-y:scroll;position:relative;padding-right:15px;min-width:calc(40vh + 15px)}.getStartRoot .getStartContent .accordion .card{width:40vh;overflow:visible;position:relative;margin-bottom:10px;border-radius:7px;border:1px solid #d5e7fc;background-color:#fff}.getStartRoot .getStartContent .accordion .card__triangle{display:block;width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;position:absolute;right:0;top:0}.getStartRoot .getStartContent .accordion .card__triangle--outer{position:absolute;width:0;height:0;top:calc(.769rem - 2px);border-color:transparent transparent transparent #d5e7fc;border-style:solid;border-width:calc(.75rem + 2px) calc(1.05rem + 2px)}.getStartRoot .getStartContent .accordion .card__triangle--inner{position:absolute;left:0;width:0;height:0;top:.769rem;border-color:transparent transparent transparent #fff;border-style:solid;border-width:.75rem 1.05rem}.getStartRoot .getStartContent .accordion .card .card-header{border-radius:7px;background-color:#fff;border:none;padding:15px 10px}.getStartRoot .getStartContent .accordion .card .card-header h3{font-weight:600;font-size:13px;color:#676869;margin-bottom:0}.getStartRoot .getStartContent .accordion .card .card-header:hover{cursor:pointer}.getStartRoot .getStartContent .accordion .card .card-header .collapse{border:none;background-color:#fff}.getStartRoot .getStartContent .accordion .card .card-header .collapse .card-body{background-color:#fff}.getStartRoot .getStartContent .accordion .active,.getStartRoot .getStartContent .accordion .active .card-header h3{color:var(--label-color-blue)}.getStartRoot .getStartContent .accordion .active .card__triangle--inner{border-left:1.05rem solid #f2f7ff}.getStartRoot .getStartContent .accordion .active .card-header{background-color:#f2f7ff}.getStartRoot .getStartContent .content::-webkit-scrollbar{display:none}.getStartRoot .getStartContent .content{position:relative;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll;display:-webkit-flex;display:flex;border:1px solid #d5e7fc;height:100%;width:100vh;-webkit-flex-grow:1;flex-grow:1}.getStartRoot .getStartContent .content h3{font-weight:700;font-size:26px}.getStartRoot .getStartContent .content .descPara{font-weight:500;font-size:15px;text-align:justify;line-height:1.8;margin:10px 0}.getStartRoot .getStartContent .content .contentAccordion .titleContent{display:block;margin-bottom:5px;font-size:18px;font-weight:700;color:var(--blue-primary)}.getStartRoot .getStartContent .content .contentAccordion p{font-weight:500;font-size:15px;padding-left:20px}.getStartRoot .getStartContent .content .contentAccordion .subContent{padding-left:35px}.getStartRoot .getStartContent .content .contentAccordion .subContent li{font-size:16px;font-weight:700;color:var(--blue-primary)}.getStartRoot .getStartContent .content .contentAccordion .subContent .getStartedPara{padding-left:5px}.getStartRoot .getStartContent .pc-excess{display:none}@media screen and (max-width:450px){.getStartRoot .accordion{width:100vw!important;display:-webkit-flex;display:flex;padding:0 30px 0 20px!important}.getStartRoot .accordion .card__triangle--inner,.getStartRoot .accordion .card__triangle--outer{display:none}.getStartRoot .accordion .card,.getStartRoot .accordion .card .card-header{width:-webkit-max-content!important;width:max-content!important}.getStartRoot .accordion .card .card-header{padding:15px 10px}.getStartRoot .accordion .card .card-header h3{font-size:12px!important}.getStartRoot .accordion .mobile-excess{display:none}.getStartRoot .accordion .pc-excess{display:block!important}.getStartRoot .dt-breadcrumb{padding-left:18px!important}.getStartRoot .getStartContent{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.getStartRoot .getStartContent .content{overflow-x:scroll!important;max-width:95vw}.getStartRoot .getStartContent .descPara{max-width:100vw}}.versionHistoryRoot{background-color:#fff;border-top-left-radius:15px}.versionHistoryRoot .search{background-color:none;outline:none}.versionHistoryRoot .search .searchIcon{cursor:pointer;background-color:var(--label-color-blue);padding:10px 15px;color:#fff;border-bottom-right-radius:5px;border-top-right-radius:5px}.versionHistoryRoot .search .searchValue{-webkit-flex-grow:1;flex-grow:1;padding:0 10px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #d5e7fc;border-right:0}.versionHistoryRoot .search .searchValue:focus{outline:none;box-shadow:0 0 3px 0 var(--label-color-blue)}.versionHistoryRoot .search .searchValue:focus~.searchIcon,.versionHistoryRoot .search:focus{box-shadow:0 0 3px 0 var(--label-color-blue)}.versionHistoryRoot .search:focus{outline:none}.versionHistoryRoot .versionHistoryContent{overflow:hidden}.versionHistoryRoot .versionHistoryContent .accordion::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.versionHistoryRoot .versionHistoryContent .accordion{overflow-y:auto;overflow-x:hidden;position:relative;padding-right:15px}.versionHistoryRoot .versionHistoryContent .accordion .card{max-width:40vh;overflow:visible;position:relative;margin-bottom:10px;border-radius:7px;border:1px solid #d5e7fc;background-color:#fff}.versionHistoryRoot .versionHistoryContent .accordion .card__triangle{display:block;width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;position:absolute;right:0;top:0}.versionHistoryRoot .versionHistoryContent .accordion .card__triangle--outer{position:absolute;width:0;height:0;top:calc(.769rem - 2px);border-color:transparent transparent transparent #d5e7fc;border-style:solid;border-width:calc(.75rem + 2px) calc(1.05rem + 2px)}.versionHistoryRoot .versionHistoryContent .accordion .card__triangle--inner{position:absolute;left:0;width:0;height:0;top:.769rem;border-color:transparent transparent transparent #fff;border-style:solid;border-width:.75rem 1.05rem}.versionHistoryRoot .versionHistoryContent .accordion .card .card-header{border-radius:7px;background-color:#fff;border:none;padding:20px 10px}.versionHistoryRoot .versionHistoryContent .accordion .card .card-header h3{font-weight:600;font-size:13px;color:#676869;margin-bottom:0}.versionHistoryRoot .versionHistoryContent .accordion .card .card-header:hover{cursor:pointer}.versionHistoryRoot .versionHistoryContent .accordion .card .card-header .collapse{border:none;background-color:#fff}.versionHistoryRoot .versionHistoryContent .accordion .card .card-header .collapse .card-body{background-color:#fff}.versionHistoryRoot .versionHistoryContent .accordion .active,.versionHistoryRoot .versionHistoryContent .accordion .active .card-header h3{color:var(--label-color-blue)}.versionHistoryRoot .versionHistoryContent .accordion .active .card__triangle--inner{border-left:1.05rem solid #f2f7ff}.versionHistoryRoot .versionHistoryContent .accordion .active .card-header{background-color:#f2f7ff}.versionHistoryRoot .versionHistoryContent .content::-webkit-scrollbar{display:none}.versionHistoryRoot .versionHistoryContent .content{padding:25px;position:relative;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll;display:-webkit-flex;display:flex;border:1px solid #d5e7fc;height:100%;width:80vh;-webkit-flex-grow:1;flex-grow:1}.versionHistoryRoot .versionHistoryContent .content img{display:block;margin:40px auto;width:96%}.versionHistoryRoot .versionHistoryContent .content h3{font-size:26px;font-weight:600}.versionHistoryRoot .versionHistoryContent .content p{font-size:15px;text-align:justify;line-height:1.8;margin:10px 0}.versionHistoryRoot .versionHistoryContent .content .contentAccordion h5{font-size:18px;font-weight:700;color:var(--blue-primary)}.versionHistoryRoot .versionHistoryContent .content .contentAccordion p{font-size:15px;padding-left:16px}.versionHistoryRoot .pc-excess{display:none}@media screen and (max-width:450px){.versionHistoryRoot .pc-excess{display:block}.versionHistoryRoot .mobile-excess{display:none}.versionHistoryRoot .breadcrumb-dt a{font-size:13px}.versionHistoryRoot .versionHistoryContent{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.versionHistoryRoot .versionHistoryContent .accordion{width:100%;height:30vh;padding:0}.versionHistoryRoot .versionHistoryContent .accordion .card{width:100%;max-width:unset;padding-right:0}.versionHistoryRoot .versionHistoryContent .accordion .card__triangle{display:none!important}.versionHistoryRoot .versionHistoryContent .content{width:100%}.versionHistoryRoot .versionHistoryContent .content .contentAccordion{width:85vw}}.FAQRoot .FAQContent .faqTitle{font-weight:700;-webkit-align-self:center;align-self:center;margin-left:10px}.FAQRoot .FAQContent .search{margin:17px 0 38px;border-radius:5px;width:60%;box-shadow:0 3px 6px 2px rgba(0,0,0,.16)}@media screen and (max-width:450px){.FAQRoot .FAQContent .search{width:100%;margin:17px 0 28px}}.FAQRoot .FAQContent .search .searchValue{font-size:18px;color:#676869;font-weight:600;-webkit-flex-grow:1;flex-grow:1;padding:15px 25px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #d5e7fc;border-right:0}@media screen and (max-width:450px){.FAQRoot .FAQContent .search .searchValue{padding:5px 10px;font-size:1rem}}.FAQRoot .FAQContent .search .searchValue:focus{outline:none}.FAQRoot .FAQContent .search .searchIcon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;border:2px solid var(--label-color-blue);background-color:var(--label-color-blue);padding:12px 18px;color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px}.FAQRoot .FAQContent .search .searchIcon:focus{border:2px solid #d5e7fc}.FAQRoot .FAQContent .cardsFAQ>*{-webkit-flex:0 0 31.5%;flex:0 0 31.5%}.FAQRoot .FAQContent .cardsFAQ{grid-gap:30px;gap:30px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.FAQRoot .FAQContent .cardsFAQ .card{border-radius:5px;box-shadow:0 1px 8px #e2e2e2;padding:20px;box-sizing:border-box}.FAQRoot .FAQContent .cardsFAQ .card:nth-child(2n){background-color:#f8f8f8}.FAQRoot .FAQContent .cardsFAQ .card h3{text-align:justify;line-height:1.1;margin-bottom:12px}.FAQRoot .FAQContent .cardsFAQ .card h3 span{font-weight:700;font-size:16px}.FAQRoot .FAQContent .cardsFAQ .card h3 .highLightClassTitle{background-color:#ff0}.FAQRoot .FAQContent .cardsFAQ .card .descFAQ{display:-webkit-flex;display:flex;font-size:14px;font-weight:500;margin:10px 0 15px;line-height:1.6;text-align:justify}.FAQRoot .FAQContent .cardsFAQ .card .readMore{display:-webkit-flex;display:flex;position:absolute;bottom:20px;text-decoration:underline;cursor:pointer;color:var(--label-color-blue)}.FAQRoot .pc-excess{display:none}@media screen and (max-width:450px){.FAQRoot .pc-excess{display:block}.FAQRoot .mobile-excess{display:none}}.modal-dialog .headerFAQ{border-bottom:none;padding:10px 15px}.modal-dialog .headerFAQ .btnCloseModal{cursor:pointer;color:#676869}.modal-dialog .bodyFAQ{padding:10px 20px 20px}.modal-dialog .bodyFAQ h5{font-weight:700;margin:10px auto 30px}.modal-dialog .bodyFAQ p{text-align:justify;line-height:1.8}.fullHeight{height:100%}.right-nav li{width:90%;padding:.5em;border-radius:0 .5em .5em 0;transition:.2s;cursor:pointer;position:relative}.right-nav li.active{background:#d5e1e5}.right-nav li.active a:hover{font-weight:400}.right-nav li a:hover{color:#000;font-weight:700;transition:.2s}.list div{cursor:pointer}.shodowBox{box-shadow:0 0 .8em 2px #bbb!important}.content-sidebar-nav{position:fixed;top:0;height:100vh;right:0;width:450px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.35);overflow:auto;z-index:1030}.content-sidebar-nav.bg-container{background:#f2f7ff}.rightBox{width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;right:0;bottom:5em;z-index:1;margin-top:-4em;margin-left:.5em}.rightBox img{max-width:100%;max-height:85vh}.icon-catatan{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/notes-menu.bb53dc49.svg) 50%}.icon-catatan:hover{background:no-repeat url(/static/media/notes-active.9866d55d.svg) 50%;background-color:var(--themeBlue)}.icon-glosarium{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/dictionary-menu.f3dde8c0.svg) 50%}.icon-glosarium:hover{background:no-repeat url(/static/media/dictionary-active.3acc8726.svg) 50%;background-color:var(--themeBlue)}.icon-calculator{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/calculator-menu.5be75688.svg) 50%}.icon-calculator:hover{background:no-repeat url(/static/media/calculator-active.8f2f6f55.svg) 50%;background-color:var(--themeBlue)}.icon-timer{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/timer-menu.ab4b5220.svg) 50%}.icon-timer:hover{background:no-repeat url(/static/media/timer-active.7c414e52.svg) 50%;background-color:var(--themeBlue)}.icon-rng{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/rng-menu.99773018.svg) 50%}.icon-rng:hover{background:no-repeat url(/static/media/rng-active.04380ae2.svg) 50%;background-color:var(--themeBlue)}.icon-group-maker{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/group-maker-menu.b345c3ba.svg) 50%}.icon-group-maker:hover{background:no-repeat url(/static/media/group-maker-active.ba44ee53.svg) 50%;background-color:var(--themeBlue)}.icon-translate{width:3.077rem;height:3.077rem;border-radius:50%;background:no-repeat url(/static/media/translate-menu.ba67ffb6.svg) 50%}.icon-translate:hover{background:no-repeat url(/static/media/translate-active.477e36a6.svg) 50%;background-color:var(--themeBlue)}.note-body{outline:none;border:none}.note-body::-webkit-input-placeholder{color:#bec4cf}.note-body:-ms-input-placeholder{color:#bec4cf}.note-body::placeholder{color:#bec4cf}.btn:active,.btn:focus{box-shadow:none}.collapse-search{width:100%;padding-bottom:1em}.title-heading{color:var(--bg-dark-blue);margin-top:.3em;font-weight:600}.rdw-image-modal{left:-130px}.card-sticky{width:100%;margin:.7em 0;padding:20px 0}.sticky-note-list{overflow:auto;width:100%}.sticky-note-area{padding:1em;margin-bottom:.5em;width:100%;border:1px solid #f2f2f2;box-shadow:0 0 3px rgba(0,0,0,.35)}.sticky-note-area::-webkit-input-placeholder{color:#bec4cf;font-weight:500}.sticky-note-area:-ms-input-placeholder{color:#bec4cf;font-weight:500}.sticky-note-area::placeholder{color:#bec4cf;font-weight:500}.sticky-note-area:focus{outline:transparent!important}.icon-close{background:no-repeat url(/static/media/material-close.10ee7a89.svg) 50%}.icon-close,.icon-open-tab{width:3em;height:3em;border-radius:50%}.icon-open-tab{background:no-repeat url(/static/media/open-in-new.7a8fbf5b.svg) 50%}.icon-search{width:3em;height:3em;border-radius:50%;background:no-repeat url(/static/media/seach.1297b047.svg) 50%}@media only screen and (max-width:450px){.content-sidebar-nav{width:100%}}.heading-div{display:-webkit-flex;display:flex;width:inherit;-webkit-justify-content:space-between;justify-content:space-between;padding:0 5px;margin:0}.mobileSidebar{display:none}@media only screen and (max-width:450px){.mobileSidebarContainer{width:-webkit-max-content;width:max-content;max-width:100vw;display:-webkit-flex;display:flex;position:fixed;-webkit-align-items:flex-end;align-items:flex-end;overflow:auto;overflow-y:visible;z-index:1030;right:0;bottom:calc(70px - 1rem);padding:1rem;-ms-overflow-style:none;scrollbar-width:none}.mobileSidebarContainer::-webkit-scrollbar{display:none}.mobileSidebarContainer.inactive{overflow:hidden;pointer-events:none}.mobileSidebar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;transition:.5s;margin-right:10px;width:-webkit-min-content;width:min-content;height:-webkit-max-content;height:max-content;pointer-events:auto}.mobileSidebar.inactive{margin-left:calc(100vw - 40px)}.mobileSidebar .icon{width:37px;height:37px;box-shadow:-2px 0 1rem #c2c2c2;border-radius:25px;margin-left:10px;background-size:100%;background:#fff}.mobileSidebar .icon.icon-menu{background:no-repeat url(/static/media/arrow-back.559d956d.svg) 50%}.mobileSidebar .icon.icon-cancel{background:no-repeat url(/static/media/arrow-show.31928ea1.svg) 50%;position:-webkit-sticky;position:sticky;left:10px}.mobileSidebar .icon.icon-catatan{background:no-repeat url(/static/media/notes-menu.bb53dc49.svg) 50%;background-color:#fff}.mobileSidebar .icon.icon-glosarium{background:no-repeat url(/static/media/dictionary-menu.f3dde8c0.svg) 50%;background-color:#fff}.mobileSidebar .icon.icon-calculator{background:no-repeat url(/static/media/calculator-menu.5be75688.svg) 50%;background-color:#fff}.mobileSidebar .icon.icon-timer{background:no-repeat url(/static/media/timer-menu.ab4b5220.svg) 50%;background-color:#fff}.mobileSidebar .icon.icon-group-maker{background:no-repeat url(/static/media/group-maker-menu.b345c3ba.svg) 50%;background-color:#fff}.mobileSidebar .icon.icon-rng{background:no-repeat url(/static/media/rng-menu.99773018.svg) 50%;background-color:#fff}.mobileSidebar .icon.icon-translate{background:no-repeat url(/static/media/translate-menu.ba67ffb6.svg) 50%;background-color:#fff}}.toolkit-container{width:100%;height:-webkit-max-content;height:max-content;border-radius:10px;border:1px solid #e7f0f9;box-shadow:4px 3px 10px #e7f0f9}.toolkit-container button{margin:0}.toolkit-container.bg-light-green{background-color:#f5fbff;border:2px solid #e9f1fa;box-shadow:4px 3px 10px #f5fbff}.toolkit-container .select-filter{font-weight:600}.toolkit-title{padding-left:1em}.toolkit-title h4{font-weight:600;font-size:1.2em}.timer-edit{font-size:.9rem}.timer-title{background-color:#e3f4fe;border-top-right-radius:10px;border-top-left-radius:10px;border:1px solid #e7f0f9}.timer-content{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;margin-top:2em}.timer-content .card-timer{border:1px solid var(--label-color-blue);border-radius:.5rem;width:25%;height:80%;overflow:hidden}.timer-content .hours-content{font-weight:600;color:#204f8d;font-size:3rem;padding:.4rem 0}.timer-content .hours-content,.timer-content .hours-text{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.timer-content .hours-text{font-weight:500;color:#fff;font-size:1em;padding:.5em 0;background-color:var(--label-color-blue)}.timer-content.counting .card-timer{border-color:#d5e7fc}.timer-content.counting .hours-text{background-color:#d5e7fc;color:#232230;font-weight:600}.calc-container{width:100%;height:50rem;padding:1.923rem;background:#fff;border-radius:.769rem;border:1px solid #d5e7fc}.calc-container,.calc-container .keyboard-cont{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.calc-container .keyboard-cont{-webkit-flex-grow:1;flex-grow:1}.calc-container .keyboard-cont.standard button{font-size:1.385rem}.calc-container button{background:#fff;color:#676869;width:100%;height:100%;margin:0 .5rem;border:1px solid #d5e7fc;box-shadow:1px 1px 2px #dadada;cursor:pointer;border-radius:.5rem;outline:none;font-size:1.231rem;font-weight:600;transition:all .15s,font-size 0}.calc-container button:hover{border:1px solid #4f92ea;background:#e3f4fe}.calc-container ul{list-style-type:none}.calc-container .screen{text-align:right;padding:1.154rem;font-size:1.077rem;background:#e3f4fe;border-radius:.769rem}.calc-container .screen *{font-size:3.538rem;font-weight:600;color:#4f92ea}.calc-container .log{color:#676869;font-weight:600;font-size:1.077rem;background:#e3f4fe;text-align:right;outline:none;width:100%;border:none}.calc-container .description{font-size:1.5em;margin:8px 8px 12px;color:#fff}.calc-container .keyboard-row{display:-webkit-flex;display:flex;width:100%;height:100%}.calc-container .keyboard-row:not(:last-child){margin-bottom:.769rem}.calc-container .keyboard-row div{width:100%;margin:0 .5rem}.calc-container .calc-toggle{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.calc-container .calc-toggle li{color:#676869;font-weight:500}.calc-container .calc-toggle input:checked+.toggle-switch{background-color:var(--label-color-blue)}.calc-container .calc-toggle input:disabled+.toggle-switch{background-color:#bec4cf}.calc-container .calc-toggle input[type=checkbox]{display:none}.calc-container .calc-toggle .toggle-switch{cursor:pointer;text-indent:-9999px;width:25px;height:18px;background:#bec4cf;display:block;border-radius:100px;position:relative;margin-bottom:0;-webkit-transform:scale(1.2);transform:scale(1.2)}.calc-container .calc-toggle .toggle-switch:after{content:"";position:absolute;top:3px;left:2px;width:12px;height:12px;background:#fff;border-radius:90px;transition:.3s}.calc-container .calc-toggle input:checked+.toggle-switch{background:#4f92ea}.calc-container .calc-toggle input:checked+.toggle-switch:after{left:calc(100% - 2px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.calc-container .calc-toggle input:disabled{cursor:not-allowed}.calc-container .calc-toggle .toggle-switch:active:after{width:20px}.deg-rad-toggle{font-weight:600}.deg-rad-toggle,.toolkit-button{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.toolkit-button{margin:2em 0}.toolkit-button.rangen-button{-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:0}.toolkit-button .btn-margin{font-weight:500;transition:.2s;padding:.5rem 1.5rem;margin:0 .5rem}.toolkit-button .btn-start{background-color:#1abf73;color:#fff}.toolkit-button .btn-start:hover{background-color:#fff;color:#1abf73;border:1px solid #1abf73}.toolkit-button .btn-stop{border:1px solid #f05974;color:#f05974}.toolkit-button .btn-stop:hover{color:#fff;background:#f05974}.toolkit-button .btn-reset{color:#232230}.toolkit-button .btn-reset:hover{color:#fff}.toolkit-button .bg-white{background-color:#fff}.toolkit-button .bg-primary-blue{background-color:var(--label-color-blue);color:#fff}.modal-timer{padding:0;margin:0}.modal-timer-title>h3{font-weight:600;font-size:1.6em;padding-bottom:1em}.modal-timer-content{display:-webkit-flex;display:flex;padding-bottom:3rem}.modal-timer-content .modal-title>h5{font-size:1.1rem;font-weight:600;color:#232230}.modal-timer-button{display:-webkit-flex;display:flex;padding-bottom:1em}.modal-timer .btn-start{font-size:1.2rem;padding:.5rem 1.5rem;font-weight:600}.modal-timer .btn-cancel{font-size:1.2rem}.modal-timer .time-cont{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.modal-timer .time-cont:not(:last-of-type){margin-right:1rem}.select-timer-field{position:relative;width:100%;border:1px solid #c9e0fb;border-radius:.3rem;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.select-timer-field input[type=number]::-webkit-inner-spin-button,.select-timer-field input[type=number]::-webkit-outer-spin-button{display:none}.select-timer-field .select-timer{border-radius:.3rem 0 0 .3rem;border:none;outline:none;padding:.5rem 1rem;height:3.2rem;background-color:#fff;-webkit-flex-grow:1;flex-grow:1;font-size:1.154rem;color:#676869;font-weight:500;transition:.2s;width:100%}.select-timer-field .select-timer::-webkit-input-placeholder{color:#bec4cf;font-weight:500}.select-timer-field .select-timer:-ms-input-placeholder{color:#bec4cf;font-weight:500}.select-timer-field .select-timer::placeholder{color:#bec4cf;font-weight:500}.select-timer-field .select-timer:active,.select-timer-field .select-timer:focus{box-shadow:0 0 2px #4f92ea}.select-timer-field .input-number-btn{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.select-timer-field .input-number-btn .top{border-top-right-radius:.3rem}.select-timer-field .input-number-btn .bot{border-bottom-right-radius:.3rem}.select-timer-field .input-number-btn .bot,.select-timer-field .input-number-btn .top{background-color:#4f92ea;color:#fff;border:none;outline:none;padding:0 1rem;height:100%;transition:.2s;margin:0}.select-timer-field .input-number-btn .bot:disabled,.select-timer-field .input-number-btn .top:disabled{background-color:#7daeef}.select-timer-field .input-number-btn .bot:hover:not(:disabled),.select-timer-field .input-number-btn .top:hover:not(:disabled){background-color:#2176e5}.timer-finished-modal .modal-timer-finished-label{text-align:center;font-weight:700;color:#f05974;margin-bottom:3rem}.timer-finished-modal .btn-close{font-weight:500;font-size:1.154rem;padding:.75rem 1.5rem}.rangen-content{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;padding:0;margin:0;width:100%}.rangen-content .rangen-title{font-size:1.077rem;font-weight:600;color:#676869}.rangen-content .rangen-field{font-size:1.692rem;font-weight:600}.rangen-generated-nums{margin:3rem 0}.rangen-generated-nums .rangen-heading{font-size:1.385rem;font-weight:700;color:#232230;margin-bottom:0}.rangen-generated-nums .rng-numbers-cont{display:grid;width:100%;-webkit-justify-content:center;justify-content:center;grid-template-columns:repeat(auto-fill,minmax(4.462rem,-webkit-max-content));grid-template-columns:repeat(auto-fill,minmax(4.462rem,max-content));grid-template-rows:2.308rem;grid-column-gap:1.923rem;-webkit-column-gap:1.923rem;column-gap:1.923rem;grid-row-gap:1.154rem;row-gap:1.154rem}.rangen-generated-nums .generated-nums{width:100%;height:100%;border-radius:2rem;border:1px solid #d5e7fc;background-color:#f2f7ff;box-shadow:1px 1px 2px #dadada;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-weight:600;font-size:1.154rem;color:#676869}.rangen-checkbox{display:-webkit-flex;display:flex;margin-top:1em}.rangen-checkbox-type{margin-top:.4em}.rangen-checkbox .text-checkbox{font-weight:500;color:#676869}.rangen-result{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:3.462rem;border:1px solid #1abf73;border-radius:10px;height:5.769rem}.rangen-result .result-title{padding:0 1.923rem;-webkit-flex-grow:1;flex-grow:1;font-size:1.6rem;font-weight:600;color:#676869}.rangen-result .result-content{min-width:35%;padding:0 1rem;width:-webkit-max-content;width:max-content;font-size:3.7em;font-weight:600;color:#fff;background-color:#1abf73;height:100%;text-align:center;border-radius:0 10px 10px 0}.tlkt-translator-container{margin:2.692rem 0}.tlkt-translator-container .form-group{padding:0}.tlkt-translator-container .form-group:first-child,.tlkt-translator-container .form-group:last-child{width:100%}.tlkt-translator-container .reverse-lang{outline:none;border:none;border-radius:50%;margin:1rem 1rem 0;background-color:transparent}.tlkt-translator-container .tl-options{font-weight:600;color:#676869}.tlkt-translator-container .tl-options::-webkit-input-placeholder{color:#bec4cf}.tlkt-translator-container .tl-options:-ms-input-placeholder{color:#bec4cf}.tlkt-translator-container .tl-options::placeholder{color:#bec4cf}.tlkt-translator-container textarea.tl-textarea.form-control{resize:none;padding:.923rem;border-radius:.5rem;border:1px solid #d5e7fc;font-weight:500}.tlkt-translator-container textarea.tl-textarea.form-control:disabled{background-color:#e1edff}.tlkt-translator-container textarea.tl-textarea.form-control::-webkit-input-placeholder{color:#bec4cf}.tlkt-translator-container textarea.tl-textarea.form-control:-ms-input-placeholder{color:#bec4cf}.tlkt-translator-container textarea.tl-textarea.form-control::placeholder{color:#bec4cf}.tlkt-label{font-weight:600;color:#676869}.group-maker-container .group-maker-heading{font-size:1.385rem;font-weight:700;color:#232230;margin-bottom:0}.group-maker-container .group-maker-res,.group-maker-container .group-maker-unassigned{margin:1rem 0}.group-maker-container .group-maker-results-cont{display:grid;width:100%;-webkit-justify-content:center;justify-content:center;grid-template-columns:repeat(auto-fill,minmax(33%,-webkit-max-content));grid-template-columns:repeat(auto-fill,minmax(33%,max-content));grid-column-gap:1.154rem;-webkit-column-gap:1.154rem;column-gap:1.154rem;grid-row-gap:1.154rem;row-gap:1.154rem}.group-maker-container .group-maker-table{color:#676869;font-weight:600;border-collapse:separate;border-spacing:0;width:100%}.group-maker-container .group-maker-table th{background-color:#f2f7ff;padding:.769rem;text-align:center;color:#232230;font-weight:600;font-size:1.154rem;border-bottom:1px solid #d5e7fc;border-top:1px solid #d5e7fc}.group-maker-container .group-maker-table th:first-child{border-top-left-radius:.5rem;border-left:1px solid #d5e7fc}.group-maker-container .group-maker-table th:last-child{border-top-right-radius:.5rem;border-right:1px solid #d5e7fc}.group-maker-container .group-maker-table td{padding:.923rem;border-bottom:1px solid #d5e7fc}.group-maker-container .group-maker-table td:first-child{text-align:center;border-left:1px solid #d5e7fc}.group-maker-container .group-maker-table td:last-child{border-right:1px solid #d5e7fc}.group-maker-container .group-maker-table tr:nth-child(2n) td{background-color:#f2f7ff}.group-maker-container .group-maker-table tr:last-child td:first-child{border-bottom-left-radius:.5rem}.group-maker-container .group-maker-table tr:last-child td:last-child{border-bottom-right-radius:.5rem}.group-maker-container .group-maker-table.unassigned td,.group-maker-container .group-maker-table.unassigned th{border-color:#fec5cf}.group-maker-container .group-maker-table.unassigned th,.group-maker-container .group-maker-table.unassigned tr:nth-child(2n) td{background-color:#fef5f5}.group-maker-container .unassigned-options{font-size:.923rem;padding-top:.25em;padding-bottom:.25em;height:2rem;font-weight:600;width:auto;border-color:#bbbcbe}.custom-pill{color:#fff;padding:.5rem 1.154rem;border-radius:10rem;font-weight:500;font-size:.769rem;line-height:.769rem;background-color:#4f92ea;border:1px solid #fff;height:-webkit-max-content;height:max-content;white-space:nowrap;display:-webkit-inline-flex;display:inline-flex}.custom-pill.small{font-weight:500;padding:.25rem 1.154rem}.math-eq{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-bottom:6px;position:relative;-webkit-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer}.math-eq .rdw-option-wrapper{font-size:1.154rem;font-weight:600}.ML__keyboard{position:relative;z-index:2070;height:-webkit-max-content;height:max-content;bottom:0}.ML__keyboard .left,.ML__keyboard .right{transform:none;-webkit-transform:none}.white-box{background:#fff;position:relative;padding:0 1em;width:100%}.searchBoxContainer{padding-top:0!important;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.searchBoxContainer button{width:100px;margin-left:.25em}.bottomButtonBox{width:calc(100% + 30px);background:#fff;box-shadow:0 0 5px #ddd}.listWordItem{box-shadow:0 0 .5em 2px #ddd;margin-top:.5em;margin-bottom:.5em;border-radius:.5em;height:-webkit-max-content;height:max-content;padding:.5rem 1rem}.wordItemContainer{height:calc(100% - 70px);overflow:auto;padding:0 1em 1em}.selectedPage .page-link{background:#e9ecef}.custom-navigation.flexBox,.flexBox{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.custom-navigation.flexBox{width:100%;padding-top:1em;padding-bottom:1em;-webkit-flex-wrap:wrap;flex-wrap:wrap}.custom-navigation.flexBox .text{font-weight:700;margin-bottom:1rem}.custom-navigation.flexBox .page-num{text-align:center;-moz-appearance:textfield}.custom-navigation.flexBox .page-num::-webkit-inner-spin-button,.custom-navigation.flexBox .page-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-navigation.flexBox .pagination{margin-bottom:1rem}.custom-navigation.flexBox .page-item .page-link{border:0;color:#676869;cursor:pointer}.custom-navigation.flexBox .page-item.active .page-link{color:#fff;background:var(--themeBlue);border-color:var(--themeBlue);cursor:auto}.custom-navigation.flexBox .page-item:first-of-type{border-radius:.3em 0 0 .3em;overflow:hidden}.custom-navigation.flexBox .page-item:first-of-type .page-link{border-color:var(--themeBlue)}.custom-navigation.flexBox .page-item:first-of-type.disabled .page-link{color:#919191;border-color:#ddd}.custom-navigation.flexBox .page-item:last-of-type{border-radius:0 .3em .3em 0;overflow:hidden}.custom-navigation.flexBox .page-item:last-of-type .page-link{border-color:var(--themeBlue)}.custom-navigation.flexBox .page-item:last-of-type.disabled .page-link{color:#919191;border-color:#ddd}.bg-note{background:#fff;border-top-left-radius:20px;padding-left:0!important;padding-right:0!important}.note-taking h3.note-taking-header{color:var(--bg-dark-blue);font-weight:600;padding-bottom:.5em;padding-top:.7em}.note-taking .note-title{padding:1em 1em 1em 2em;border-top-right-radius:3em;border-bottom-right-radius:3em;font-weight:500;color:#2e2f31}.note-taking .note-title img{margin-right:.7em}.note-taking .note-bg{background:#f2f7ff;border-top-right-radius:3em;border-bottom-right-radius:3em}.note-taking .nav-note li{padding:.7em 1em .7em 2em;color:#37464d;font-weight:500;width:100%;cursor:pointer}.note-taking .nav-note li img{margin-right:.7em}.note-taking .nav-note li:hover{color:var(--blue-primary);background:#f2f7ff;border-top-right-radius:3em;border-bottom-right-radius:3em}.note-taking .btn:active,.note-taking .btn:focus{box-shadow:none}.note-taking .nav-title{display:-webkit-flex;display:flex}.note-taking .nav-title li{width:50%;padding:1em 1em 0 2em;font-weight:500;color:#bec4cf}.note-taking .nav-title li .btn-link{font-weight:500;color:#bec4cf;border:none}.note-taking .nav-title li .btn-link:hover{color:var(--blue-primary)}.time-update{width:10em;padding-top:1em;text-align:right;padding-right:1.5em}.btn-link{font-weight:500;color:#bec4cf;text-decoration:none!important}.btn-link:hover{color:var(--blue-primary);text-decoration:none}.btn-link-disable{font-weight:500;color:#bec4cf;text-decoration:none!important}.btn-link-disable:hover{color:#bec4cf;cursor:not-allowed}.btn-blue-primary{background-color:var(--label-color-blue);color:#fff;padding:.5em 1.5em;font-weight:600}.btn-blue-primary:hover{color:#fff;background-color:#3d74bd}.btn-cancel{color:#676869;font-weight:600;padding-left:0!important}.title-area{border:none;font-size:1.3em;padding:1.5rem 1.5rem .5rem;border-top-left-radius:.5rem}.title-area::-webkit-input-placeholder{color:#bec4cf}.title-area:-ms-input-placeholder{color:#bec4cf}.title-area::placeholder{color:#bec4cf}.title-area:focus{box-shadow:none;border:none;outline:none}.note-area{height:4em!important;margin:0;width:100%;border:none;padding-left:1em;resize:none}.note-area::-webkit-input-placeholder{color:#bec4cf;padding-top:.5em}.note-area:-ms-input-placeholder{color:#bec4cf;padding-top:.5em}.note-area::placeholder{color:#bec4cf;padding-top:.5em}.note-area:focus{outline:transparent!important}.editor-footer{display:-webkit-flex;display:flex}.editor-footer *{list-style:none}.editor-footer li{padding-right:1.5em}.editor-footer .img-editor-type{background-image:url(/static/media/type.94495215.svg);background-repeat:no-repeat;background-position:50%;height:3em;width:3em;text-align:center;cursor:pointer;border-radius:10em}.editor-footer .img-editor-type:hover{background:rgba(103,104,105,.23137254901960785);background-image:url(/static/media/type-hover.4778f970.svg);background-repeat:no-repeat;background-position:50%}.editor-footer .img-editor-brush{background-image:url(/static/media/awesome-paint-brush.371b5b21.svg);background-repeat:no-repeat;background-position:50%;height:3em;width:3em;text-align:center;cursor:pointer;border-radius:10em}.editor-footer .img-editor-brush:hover{background:rgba(103,104,105,.23137254901960785);background-image:url(/static/media/awesome-paint-brush-hover.2cda5fa0.svg);background-repeat:no-repeat;background-position:50%}.editor-footer .img-editor-picture{background-image:url(/static/media/metro-image.0ed3ad22.svg);background-repeat:no-repeat;background-position:50%;height:3em;width:3em;text-align:center;cursor:pointer;border-radius:10em}.editor-footer .img-editor-picture:hover{background:rgba(103,104,105,.23137254901960785);background-image:url(/static/media/metro-image-hover.f39c45a7.svg);background-repeat:no-repeat;background-position:50%}.editor-footer .img-editor-color{background-image:url(/static/media/material-color-lens.b7ae5a87.svg);background-repeat:no-repeat;background-position:50%;height:3em;width:3em;text-align:center;cursor:pointer;border-radius:10em;margin-left:2em}.editor-footer .img-editor-color:hover{background:rgba(103,104,105,.23137254901960785);background-image:url(/static/media/material-color-lens-hover.8ef5dd18.svg);background-repeat:no-repeat;background-position:50%}.editor-footer .img-editor-ellipsis{background-image:url(/static/media/awesome-ellipsis.4a2d560e.svg);background-repeat:no-repeat;background-position:50%;height:3em;width:3em;text-align:center;cursor:pointer;border-radius:10em}.editor-footer .img-editor-ellipsis:hover{background:rgba(103,104,105,.23137254901960785);background-image:url(/static/media/awesome-ellipsis-hover.d58c2a2d.svg);background-repeat:no-repeat;background-position:50%}.editor-footer img{cursor:pointer}.img-attach img{width:100%;padding:1em}.delete-img{width:4em!important;position:absolute;z-index:auto;right:0;padding:1em;cursor:pointer;opacity:.6}.delete-img:hover{opacity:1}.btn-red{background-color:#f80016;color:#fff;font-weight:500}.note-category .edit-category-note{position:absolute;padding-right:4.8em;opacity:0}.note-category .edit-category-note:hover{opacity:1}.search{display:inline-block;text-align:center}.seach-box{width:50px;height:50px;line-height:50px;background:#fff;cursor:pointer;color:#bec4cf}.seach-box:active{opacity:.7}.search-box-dark{border-radius:.5em;margin-top:.25em;width:100%;display:-webkit-flex;display:flex}.search-box-dark .seach-box{border:1px solid transparent;border-right:transparent;border-radius:.5em 0 0 .5em;transition:all .3s ease-out,border .3s ease-out .3s;-webkit-order:1;order:1}.search-box-dark input[type=search]{color:#000}.search-box-dark .in{border:1px solid transparent;border-left:transparent;width:0;padding:0;transition:all .3s ease-out,border .3s ease-out .3s;-webkit-flex:0 1;flex:0 1;border-radius:0 .5em .5em 0;-webkit-order:2;order:2;outline:none}.search-box-dark .in:valid:focus{background:#f2f2f2;border:1px solid #c9e0fb;border-left:transparent;padding:1em;-webkit-flex:1 1;flex:1 1;transition:all .3s ease-out}.search-box-dark .in:valid:focus~.seach-box{border:1px solid #c9e0fb;border-right:transparent;background:#f2f2f2;transition:all .3s ease-out}.search-box-dark .in:focus,.search-box-dark .in:valid:not(:focus){background:#fff;border:1px solid #c9e0fb;border-left:transparent;padding:1em;-webkit-flex:1 1;flex:1 1;transition:all .3s ease-out}.search-box-dark .in:focus~.seach-box,.search-box-dark .in:valid:not(:focus)~.seach-box{border:1px solid #c9e0fb;border-right:transparent;background:#fff;transition:all .3s ease-out}.dropdown-editor{width:53em}.unvisible{height:0!important;width:0;visibility:hidden}.toolbarNote{background:#f2f2f2;margin-bottom:0}.toolbarNote .rdw-dropdown-selectedtext{background:#f2f2f2!important;border:1px solid #bec4cf!important;color:#000!important}.toolbarNote .rdw-option-wrapper{border:1px solid #bec4cf!important;background:transparent;padding:1em}.form-control:focus{box-shadow:none;border-color:#bec4cf}.custom-file-input:lang(en)~.custom-file-Images:after{visibility:hidden;width:0}.custom-file-Images{background:transparent;border:none;width:2em;padding:0;cursor:pointer;height:0}.custom-file-input-images{width:1.3em;cursor:pointer;height:0}.custom-file-images{height:0;cursor:pointer}.color-opt{padding:0;width:12em}.color-opt:active,.color-opt:focus,.color-opt:hover{background:transparent}.color-opt ul{display:-webkit-flex;display:flex}.note-listing{height:calc(100vh - 100px);overflow:auto}.greenlight{background:#e6fff4}.redlight{background:#fef5f5}.bluelight{background:#e3f4fe}.orangelight{background:#fff0de}.purplelight{background:#f2f2f2}.yellowlight{background:#fefddd}.custom-checkbox .custom-control-input:checked~.custom-control-bluelight:after,.custom-checkbox .custom-control-input:checked~.custom-control-greenlight:after,.custom-checkbox .custom-control-input:checked~.custom-control-orangelight:after,.custom-checkbox .custom-control-input:checked~.custom-control-purplelight:after,.custom-checkbox .custom-control-input:checked~.custom-control-redlight:after,.custom-checkbox .custom-control-input:checked~.custom-control-white:after,.custom-checkbox .custom-control-input:checked~.custom-control-yellowlight:after{background-image:url(/static/media/tick.ea05c7bf.svg)}.custom-control-white:after,.custom-control-white:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#fff;border:1px solid #adb5bd}.custom-control-greenlight:after,.custom-control-greenlight:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#e6fff4;border:1px solid #adb5bd}.custom-control-redlight:after,.custom-control-redlight:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#fef5f5;border:1px solid #adb5bd}.custom-control-bluelight:after,.custom-control-bluelight:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#e3f4fe;border:1px solid #adb5bd}.custom-control-orangelight:after,.custom-control-orangelight:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#fff0de;border:1px solid #adb5bd}.custom-control-purplelight:after,.custom-control-purplelight:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#f2f2f2;border:1px solid #adb5bd}.custom-control-yellowlight:after,.custom-control-yellowlight:before{position:absolute;top:.25rem;left:-1.5rem;display:block;border-radius:10em!important;width:1.5rem;height:1.5rem;pointer-events:none;content:"";background-color:#fefddd;border:1px solid #adb5bd}.editor-tool-bar{position:absolute;z-index:9;bottom:3em;left:1em}.display-none{display:none}.colorPointDm{width:7em;min-width:7em;position:absolute;background:#fff;top:-7.5em;box-shadow:0 0 3px rgba(0,0,0,.35)}.colorPoint{width:6em;float:left;margin:.5em}.colorPoint li{width:1.5em;height:1.5em;border-radius:100%;float:left;margin:.25em;padding:0;border:1px solid #707070;cursor:pointer}.colorPoint li.selected:before{font-family:"FontAwesome";content:"\f00c";font-weight:400;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.note-taking .rdw-editor-wrapper{z-index:1!important}.coloredEditorContainer{padding-bottom:1.5rem}.coloredEditorContainer .editorClassName{border:none}.coloredEditorContainer .note-area,.coloredEditorContainer .note-editor-container{border-radius:.5rem}.coloredEditorContainer .note-area .rdw-editor-wrapper,.coloredEditorContainer .note-editor-container .rdw-editor-wrapper{border:unset}.coloredEditorContainer .note-area .card-footer,.coloredEditorContainer .note-editor-container .card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03)!important}.coloredEditorContainer .shadow{box-shadow:0 0 .5rem rgba(0,0,0,.24)!important}.coloredEditorContainer .editorClassName .public-DraftEditor-content[contenteditable=true],.coloredEditorContainer .public-DraftEditorPlaceholder-root{padding:1.5rem}.coloredEditorContainer .wysiwyg-viewer p{margin-bottom:.5rem}.add-note{float:right;margin-top:1em;background-color:var(--label-color-blue);border-color:var(--label-color-blue);font-weight:500;padding:.5rem 1rem}.note-badge{padding:.25em .8em .3em;margin-right:.5em;border-radius:1em;line-height:1.5em;width:-webkit-max-content;width:max-content;max-width:15rem;box-shadow:inset 2em 20em rgba(0,0,0,.1)}.remove-badge{margin-left:.5em;float:right;color:rgba(0,0,0,.3)}.noteImageContainer{width:-webkit-max-content;width:max-content;max-width:100%}.noteImageContainer .image-trash-icon{position:absolute;right:1rem;bottom:0;background:none;border:none;font-size:2em;color:#ddd}.noteImageContainer .image-trash-icon:hover{color:red}.noteImageContainer .progress-bar-custom{background-color:#056cf2}.noteImageContainer .progress-bar-striped{background-image:linear-gradient(180deg,hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,.45) 0),linear-gradient(135deg,hsla(0,0%,100%,.35) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.35) 0,hsla(0,0%,100%,.35) 75%,transparent 0,transparent);background-size:1rem 1rem}.imageFlexBox{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.imageFlexBox div{-webkit-flex-grow:1;flex-grow:1;height:20em}.imageFlexBox div img{max-height:100%;min-width:100%;object-fit:cover;vertical-align:bottom}.rightSideAbsolutePos{position:absolute;right:.5em;top:1.5em;max-width:35%;height:-webkit-max-content;height:max-content;-webkit-flex-wrap:wrap;flex-wrap:wrap;z-index:2}.red-border{border-color:red!important}.red-border:focus{border-color:red}.AS_FFFFFF .editorClassName{border:none}.AS_E3F4FE,.AS_E3F4FE .editorClassName{background:#e3f4fe!important}.AS_E3F4FE .editorClassName{border:1px solid #e3f4fe}.AS_FEFDDD,.AS_FEFDDD .editorClassName{background:#fefddd!important}.AS_FEFDDD .editorClassName{border:1px solid #fefddd}.AS_E6FFF4,.AS_E6FFF4 .editorClassName{background:#e6fff4!important}.AS_E6FFF4 .editorClassName{border:1px solid #e6fff4}.AS_FFF0DE,.AS_FFF0DE .editorClassName{background:#fff0de!important}.AS_FFF0DE .editorClassName{border:1px solid #fff0de}.AS_FEF5F5,.AS_FEF5F5 .editorClassName{background:#fef5f5!important}.AS_FEF5F5 .editorClassName{border:1px solid #fef5f5}.AS_F2F2F2,.AS_F2F2F2 .editorClassName{background:#f2f2f2!important}.AS_F2F2F2 .editorClassName{border:1px solid #f2f2f2}.addFirstCardBox{height:calc(100vh - 10em);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.addFirstCardBox>div{width:100%}.addFirstCardBox .addFirstCardBoxBg{background-color:#f2f7ff;border:5px solid #fff;border-radius:.5em;box-shadow:0 3px 8px rgba(78,78,78,.21)}.addFirstCardBox .addFirstCardBoxBg button{-webkit-transform:scale(1.1);transform:scale(1.1)}.addFirstCardBox .addFirstCardBoxBg div{margin-top:1em;color:#919191;font-weight:600;font-size:1.4em;letter-spacing:.1em;line-height:1em}.successMessageToast{display:-webkit-flex;display:flex;position:fixed;bottom:0;z-index:2;left:calc(50% - 170px);background:#1abf73;color:#fff;padding:1em 3em;border-radius:.5em .5em 0 0;font-weight:500}.successMessageToast span:first-of-type{margin-right:1em}.timetable-modal-header{padding:1rem!important;border-bottom:none!important}.timetable-modal-footer{border:none;text-align:center;border-radius:5px;font-size:13px}.form-label{font-weight:600;margin-bottom:0}.flex{display:-webkit-flex;display:flex}.singular-box-day{padding:0 .5em .5em;text-align:center;min-width:22em}.create-timetable-container{border:1px solid #c9e0fb;border-radius:.2em}.create-timetable-container .add-course-heading{padding:.5em 1em;font-weight:600;font-size:1.1em;border-bottom:1px solid #c9e0fb;background-color:#f2f7ff}.create-timetable-container .school-day-time-label{padding:1em 1em 0;font-weight:600}.create-timetable-container .checkbox-container{display:-webkit-flex;display:flex;border-bottom:1px solid #c9e0fb;padding-bottom:1em}.create-timetable-container .checkbox-container div{margin-right:1.5em}.create-timetable-container .checkbox-container div label{padding-left:.3em}.create-timetable-container .copy-to-all-text{color:#676869;font-weight:600;padding:.3em 1em;height:3.2em;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;transition:.3s}.create-timetable-container .copy-to-all-text:hover{color:var(--label-color-blue)}.create-timetable-container .timeselector-conteiner{margin-top:1em;padding:0 1em}.create-timetable-container .timeselector-conteiner:last-of-type{margin-bottom:1.5em}.all-day-checkbox:after,.all-day-checkbox:before{width:2em;height:2em;padding:2em}#period-form .select-filter,#timetable-form .select-filter{border:1px solid #d5e7fc;height:3.2rem}#period-form .form-control,#timetable-form .form-control{border-color:#d5e7fc}#period-form .custom-big-checkbox,#period-form .custom-normal-checkbox,#timetable-form .custom-big-checkbox,#timetable-form .custom-normal-checkbox{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:3.2rem}#period-form .custom-big-checkbox .custom-control-label:after,#period-form .custom-big-checkbox .custom-control-label:before,#period-form .custom-normal-checkbox .custom-control-label:after,#period-form .custom-normal-checkbox .custom-control-label:before,#timetable-form .custom-big-checkbox .custom-control-label:after,#timetable-form .custom-big-checkbox .custom-control-label:before,#timetable-form .custom-normal-checkbox .custom-control-label:after,#timetable-form .custom-normal-checkbox .custom-control-label:before{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#period-form .flex-grow-2,#timetable-form .flex-grow-2{-webkit-flex-grow:2;flex-grow:2}.timetable-container{color:#676869;background-color:#f2f7ff;border:1px solid #c9e0fb;border-radius:.2em}.timetable-container .day{text-transform:capitalize;padding:.9em;background:#c9e0fb;font-weight:600;font-size:1.2em;position:relative}.timetable-container .day .edit-icon-container{position:absolute;right:.5em;top:.3em;font-size:1.5em;cursor:pointer;color:var(--label-color-blue)}.timetable-container .timetable-schedule{border:1px solid #c9e0fb;display:-webkit-flex;display:flex;border-radius:.2em;margin:.5em}.timetable-container .timetable-schedule.non-subject-container{background-color:#e3f4fe}.timetable-container .timetable-schedule.subject-container{background-color:#fff}.timetable-container .timetable-schedule .timetable-number{width:3rem;background:#c9e0fb;padding:.8em 1.2em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:1.2em;font-weight:600}.timetable-container .timetable-schedule .timetable-detail{padding:.5em}.timetable-container .timetable-schedule .timetable-detail .subject-time{text-align:left!important;font-weight:600;letter-spacing:.02em;color:var(--label-color-blue)}.timetable-container .timetable-schedule .timetable-detail .subject-name{font-style:italic;font-size:.9em;font-weight:500;text-align:left}.timetable-container .timetable-button-box{padding:1em}.timetable-container.primary-container{background-color:#d2fbfc;border:1px solid #36bfd7}.timetable-container.primary-container .day{background:#36bfd7;color:#fff}.timetable-container.primary-container .day i:not(.fa){font-size:.7em;font-weight:400}.timetable-container.primary-container .day .edit-icon-container{color:#fff}.timetable-report-search-button{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.table-container{background:#f2f7ff}.timetable-report-table{width:auto;table-layout:auto!important}.timetable-report-table .width50{width:50px}.timetable-report-table .width150{width:150px}.timetable-report-table .width250{width:250px}.timetable-report-table thead{box-shadow:inset 0 100px 0 #f2f7ff,inset 0 -100px 0 #f2f7ff;border:2px solid #36bfd7}.timetable-report-table thead tr th{padding:.1em .25em;text-align:center;vertical-align:middle}@-moz-document url-prefix(){.timetable-report-table thead tr th{height:100%}}.timetable-report-table thead tr:first-child th:first-child,.timetable-report-table thead tr:first-child th:nth-child(2),.timetable-report-table thead tr:first-child th:nth-child(3){padding:1em;color:#676869;background-color:#c9e0fb;margin:2px;border:5px solid #f2f7ff;border-radius:.5em}.timetable-report-table thead tr:first-child th:nth-child(4){padding:0 1em;color:#f2f7ff;background-color:#36bfd7;margin:2px;border:4px solid #f2f7ff;border-radius:.5em}.timetable-report-table thead tr:last-child th{padding:0 1em;color:#676869;background-color:#d2fbfc;margin:2px;border:2px solid #fff;border-radius:.5em}.timetable-report-table tbody{border:none}.timetable-report-table tbody:not(:last-of-type):after{content:"";display:block;height:3rem;width:100%}.timetable-report-table tbody+tbody{border:none}.timetable-report-table tbody tr{border-color:#f2f7ff}.timetable-report-table tbody tr td{position:relative;background:#f2f7ff;text-align:center;color:#676869;padding:.1em .2em;height:1px}@-moz-document url-prefix(){.timetable-report-table tbody tr td{height:100%}}.timetable-report-table tbody tr td .td-div{padding:.75em 1em;border:1px solid #c9e0fb;border-radius:.2em;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.timetable-report-table tbody tr td .td-div:not(.coloredBg){background:#fff}.timetable-report-table tbody tr td .td-div.coloredBg.sbj-item,.timetable-report-table tbody tr td .td-div.sbj-item{transition:.3s}.timetable-report-table tbody tr td .td-div.coloredBg.sbj-item:hover,.timetable-report-table tbody tr td .td-div.sbj-item:hover{background:var(--label-color-blue);color:#fff}.timetable-report-table tbody tr td .weekday{width:100%;height:100%;position:relative;background:#c9e0fb;overflow:hidden}@-moz-document url-prefix(){.timetable-report-table tbody tr td .weekday{display:table}}.timetable-report-table tbody tr td .weekday span{color:var(--bg-dark-blue);font-size:1.8em;font-weight:600;text-transform:uppercase;-webkit-transform-origin:0 0;transform-origin:0 0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:absolute;top:50%;left:50%;-webkit-transform:rotate(-90deg) translate(-50%,-50%);transform:rotate(-90deg) translate(-50%,-50%);width:-webkit-max-content;width:max-content;text-align:center;background:none}.timetable-report-table tbody>tr>td,.timetable-report-table tbody>tr>th,.timetable-report-table tfoot>tr>td,.timetable-report-table tfoot>tr>th,.timetable-report-table thead>tr>td,.timetable-report-table thead>tr>th{border:none}.slidingButtonContainer .btn{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border:1px solid #c9e0fb;color:var(--label-color-blue);font-size:20px;cursor:pointer;transition:.1s;width:100%;height:100%}.slidingButtonContainer .btn:not(.coloredBg){background:#fff}.slidingButtonContainer .btn:hover{background:var(--label-color-blue);color:#fff}.slidingButtonContainer .add .icon{border-radius:50%;border:1px solid var(--label-color-blue);width:1.7rem;height:1.7rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:.1s;margin:0 10px;padding:3px}.slidingButtonContainer .add .slide{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:.1s,opacity .1s;font-weight:600}.slidingButtonContainer .add:hover .icon{border-color:#fff;-webkit-filter:brightness(0) saturate(100%) invert(100%);filter:brightness(0) saturate(100%) invert(100%)}.slidingButtonContainer .add:hover .slide{max-width:100%;opacity:1;transition:.3s,color .1s,opacity .3s}.slidingButtonContainer .edit{text-align:center;position:relative;width:100%}.slidingButtonContainer .edit,.slidingButtonContainer .edit .icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.slidingButtonContainer .edit .icon{width:1.5rem;height:1.5rem;margin:0 10px;position:absolute;right:0}.slidingButtonContainer .edit .slide1{display:block;height:2.1rem;line-height:2.1rem;color:#676869;font-weight:700;padding-right:3rem}.slidingButtonContainer .edit .slide1 .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slidingButtonContainer .edit .slide2,.slidingButtonContainer .edit:hover .slide1{display:none}.slidingButtonContainer .edit:hover .icon{position:relative;margin:0 0 0 10px}.slidingButtonContainer .edit:hover .customIcon{-webkit-filter:brightness(0) saturate(100%) invert(100%);filter:brightness(0) saturate(100%) invert(100%)}.slidingButtonContainer .edit:hover .slide2{display:block;max-width:100%;white-space:wrap;font-weight:600}.pr-7{padding-right:4.5rem}.justify-space-between{-webkit-justify-content:space-between;justify-content:space-between}.create-period-heading{font-weight:600;font-size:1.4em}.period-modal input:disabled{background:#f2f7ff;border-color:#c9e0fb;color:#232230;font-weight:500}.period-modal .select-filter{border-color:#b7d6ff;color:#232230;font-weight:500}.period-modal .container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.period-modal .checkmark{position:absolute;left:1em;height:25px;width:25px;background-color:#fff;border:1px solid #c9e0fb}.period-modal .container:hover input~.checkmark{background-color:#fff}.period-modal .container input:checked~.checkmark{background-color:var(--label-color-blue)}.period-modal .checkmark:after{content:"";position:absolute;display:none}.period-modal .container input:checked~.checkmark:after{display:block}.period-modal .container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.timetable-primary-btn{background:var(--label-color-blue);border:1px solid var(--label-color-blue);border-radius:.5em;font-weight:600;color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:.75em 1.5em;line-height:1em}.timetable-primary-btn.is-primary{background:#36bfd7;border:1px solid #36bfd7}.w-60{width:60%}.bold{font-weight:600}.italic{font-style:italic}.w-1{width:1em}.blue-text{color:var(--label-color-blue);font-size:1em}.coloredBg{background:#c9e0fb}.red-text{color:red}.rightSideContentContainer{border-left:1px solid #c8c8c8;padding:0 0 0 3rem;font-size:1.4em}.rightSideContentContainer .row{margin-bottom:.7em;margin-left:0;margin-right:0}.rightSideContentContainer .col{font-size:3em;padding:0;display:-webkit-flex;display:flex}.rightSideContentContainer b{font-size:1.154rem;width:10em}.rightSideContentContainer span{-webkit-flex:1 1;flex:1 1;font-weight:500;font-size:1.154rem;text-align:left;width:49%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#676869}.closeOpenState{border:1px solid #000;padding:.35em .5em .5em;border-radius:50%;position:absolute;top:1em;right:1em;cursor:pointer}.outline-button{background:transparent;border-color:var(--label-color-blue);font-weight:600}.outline-button,.outline-button:hover{color:var(--label-color-blue)}.border-b-0{border-bottom:none}.blueStripTable{border-radius:.5em;overflow:hidden}.blueStripTable thead{background-color:#c9e0fb}.blueStripTable tbody,.blueStripTable thead{border:1px solid #c9e0fb}.blueStripTable tbody tr:nth-child(2n){background-color:#f2f7ff}.pc-excess{display:none!important}@media only screen and (max-width:450px){.timetable-report-search-button{padding:5px!important}.select-filter{margin:5px 0}.dt-breadcrumb{-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:10px!important}.breadcrumb-dt{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.breadcrumb-dt span{font-size:13px}.mobile-excess{display:none!important}.pc-excess{display:block!important}}.groups-row-control-btn{font-size:.923rem;min-width:1.538rem;width:1.538rem;min-height:1.538rem;height:1.538rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:50%;border:1px solid #676869;background-color:transparent;color:#676869;transition:.2s;margin:.25rem 0}.groups-row-control-btn:not(:disabled):hover{background-color:#4f92ea;border-color:#4f92ea;color:#fff}.groups-row-control-btn:disabled{border-color:#bec4cf;color:#bec4cf}@media screen and (max-width:450px){.groups-row-control-btn{margin:1rem}}.academic-year-pill{color:#fff;padding:.25rem .75rem;border-radius:10rem;font-weight:500;background-color:#fe9910;height:-webkit-max-content;height:max-content;white-space:nowrap}.academic-year-pill.not-active{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:#feaf43}.academic-year-pill.not-active .tooltip-img{-webkit-filter:brightness(0) saturate(100%) invert(100%);filter:brightness(0) saturate(100%) invert(100%)}.modalAssesstment{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.modalAssesstment .modal-content{border-radius:8px}.modalAssesstment .modal-content .headerModal{border-bottom:none;position:relative;height:4rem}.modalAssesstment .modal-content .headerModal,.modalAssesstment .modal-content .headerModal .imageWrap{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.modalAssesstment .modal-content .headerModal .imageWrap{position:absolute;background-color:#f2f2f2;border-radius:50%;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:7.688rem;height:7.688rem;box-shadow:1px 2px 6px rgba(0,0,0,.16)}.modalAssesstment .modal-content .contentModal{text-align:center;padding:35px 55px}.modalAssesstment .modal-content .contentModal h1,.modalAssesstment .modal-content .contentModal h2,.modalAssesstment .modal-content .contentModal h3,.modalAssesstment .modal-content .contentModal h4,.modalAssesstment .modal-content .contentModal h5{font-weight:700;font-size:25px;color:#000}.modalAssesstment .modal-content .contentModal p{margin:0;color:#676869;font-size:15px;font-weight:600}.modalAssesstment .modal-content .contentModal .focused{margin:0;color:#232230;font-size:15px}.modalAssesstment .modal-content .contentModal .smallerHeading{font-size:20px;color:#232230}.modalAssesstment .modal-content .footerModal{padding:0 50px 46px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;border-top:none}.modalAssesstment .modal-content .footerModal .closeButton{border-radius:5px;border:1px solid var(--label-color-blue);background-color:var(--label-color-blue);color:#fff;font-size:15px;font-weight:600;padding:11px 27px;transition:.2s}.modalAssesstment .modal-content .footerModal .closeButton:hover{background-color:transparent;color:var(--label-color-blue)}.modalAssesstment .modal-content .footerModal .buttonTextStyling{border-radius:5px;font-size:15px;padding:11px 27px;font-weight:600}.att .container-fluid{min-width:800px;overflow-x:auto;overflow-y:hidden}.att .att-select{font-weight:600;color:#676869;height:3rem;min-width:15rem;width:-webkit-max-content;width:max-content;max-width:100%}.att .att-left{background:#f2f7ff;border:1px solid #d5e7fc;border-radius:2px;padding:1.154rem;overflow:auto;min-width:27.692rem;width:27.692rem;max-width:100%;height:100%;-ms-overflow-style:none;scrollbar-width:none}.att .att-left::-webkit-scrollbar{display:none}.att .att-right{overflow:auto;padding-left:15px;-ms-overflow-style:none;scrollbar-width:none}.att .att-right::-webkit-scrollbar{display:none}.att .no-att{border:1px solid #f05974}.att .no-att .no-att-label{font-weight:500;font-style:italic;color:#f05974}.att .holiday-left{width:6.5rem;padding:.769rem 1.154rem;background:#d5e7fc;text-align:center}.att .holiday-right{-webkit-flex:1 1;flex:1 1;padding:.769rem 0 .769rem 1.154rem}.att .mw-100{width:-webkit-max-content;width:max-content;max-width:100%}.att .my-homeroom{background:#e3f4fe}.att .my-homeroom .att-header{color:var(--label-color-blue)}.att .att-carousel,.att .daily-stats{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.att .daily-stats .att-header{font-size:1.385rem}.att .daily-stats.rest-day{background:#e3f4fe;padding:1rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100%}.att .daily-stats.rest-day img{height:100%;min-height:100%}@media screen and (max-height:768px){.att .daily-stats.rest-day img{max-height:11.538rem}}.att .stats-cont{-webkit-flex:1 1;flex:1 1;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}@media screen and (max-width:450px){.att .stats-cont{-webkit-justify-content:flex-start;justify-content:flex-start;overflow:auto}}.att .att-box.att-stats-boxes{width:100%;max-height:10rem;max-width:12rem;background:#fff;border:1px solid var(--label-color-blue);overflow:hidden;-webkit-justify-content:space-between;justify-content:space-between}@media screen and (min-height:768px){.att .att-box.att-stats-boxes{min-height:12rem}}@media screen and (max-width:450px){.att .att-box.att-stats-boxes{min-width:12rem}}.att .att-box.att-stats-boxes:not(:last-of-type){margin-right:1.154rem}.att .att-box.att-stats-boxes .att-box-top{-webkit-flex:0 1 50%;flex:0 1 50%;color:var(--label-color-blue);font-size:3.462rem}@media screen and (min-height:768px){.att .att-box.att-stats-boxes .att-box-top{-webkit-flex:1 1;flex:1 1}}.att .att-box.att-stats-boxes .att-box-bot{height:-webkit-max-content;height:max-content;margin-bottom:.5rem;width:100%;background:transparent;color:#676869}.att .att-box.att-stats-boxes.ats-present{background:#e6fff4;border-color:#1abf73}.att .att-box.att-stats-boxes.ats-present .att-box-top{color:#1abf73}.att .att-box.att-stats-boxes.ats-absent{background:#fef5f5;border-color:#f05974}.att .att-box.att-stats-boxes.ats-absent .att-box-top{color:#f05974}.att .att-box.att-stats-boxes.ats-leave{background:#fff8f0;border-color:#feaf43}.att .att-box.att-stats-boxes.ats-leave .att-box-top{color:#feaf43}.att .att-box.att-stats-boxes.ats-sick{background:#eefcfc;border-color:#36bfd7}.att .att-box.att-stats-boxes.ats-sick .att-box-top{color:#36bfd7}.att .att-graph-cont{-webkit-flex:1 1;flex:1 1;width:100%;min-height:0}.att-loading-modal .label{width:100%;color:var(--label-color-blue);font-weight:500;text-align:center;font-style:italic}.margin-left{margin:0!important}.padding-left{padding-left:0!important;margin-left:0;-webkit-justify-content:space-between;justify-content:space-between}@media only screen and (max-width:450px){.wrapStyle{-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow-y:scroll;overflow-x:hidden;width:100vw!important}.h-100{max-height:-webkit-min-content!important;max-height:min-content!important}.att-left{padding:10px!important;width:94vw!important;min-width:94vw!important;margin-right:20px;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;margin-bottom:10px}.widget{overflow-x:hidden}.att-header{font-size:1.1rem!important}.att-right{padding:0!important;width:94vw!important;min-width:94vw!important;margin-right:20px!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.padding-left{padding-left:15px;width:100vw!important}.margin-left{margin:0 0 15px 15px}}.list-course-name{padding:1rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;background-color:#36bfd7;color:#fff;font-weight:600;font-size:1.1em;line-height:1;position:relative;font-size:1.154rem}.list-course-name .absolute-right{position:absolute;right:.5rem}.list-course-name .whiteButton{background-color:#fff;border:1px solid #fff;color:#676869}.list-course-name .whiteButton:hover:not(:disabled){background-color:transparent;border-color:#fff;color:#fff}.list-course-name .whiteButton.disabled,.list-course-name .whiteButton:disabled{background-color:#bec4cf;border-color:#bec4cf}.list-course-timetable-container{border:1px solid #36bfd7;border-radius:.25rem;overflow:hidden}.list-course-timetable-table{width:100%}.list-course-timetable-table thead td:first-child>div{margin-right:2.462rem}.list-course-timetable-table thead td div{padding:.768rem;border:1px solid #36bfd7;margin:.385rem;background-color:#d2fbfc;border-radius:.2rem;color:#676869;font-weight:600;font-size:1.154rem}.list-course-timetable-table tbody td:first-child>div{margin-right:2.462rem}.list-course-timetable-table tbody td>div{padding:1rem;border:1px solid #c9e0fb;margin:.385rem;border-radius:.2rem;color:#676869;font-weight:600;position:relative}.list-course-timetable-table tbody td>div .school-day{color:var(--label-color-blue);display:-webkit-flex;display:flex;padding-right:4rem;font-size:1.154rem}.list-course-timetable-table tbody td>div .school-day span{font-size:1.154rem;width:4.5rem;color:#232230;margin-left:auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0 1.154rem;border-left:1px solid #c9e0fb;background-color:#f2f7ff;position:absolute;height:100%;right:0;top:0}.list-course-timetable-table tbody td>div.school-time{font-size:1.154rem;text-align:center;font-weight:700}.capitalize{text-transform:capitalize}.pc-excess{display:none}@media only screen and (max-width:450px){.dt-breadcrumb{-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:10px!important}.breadcrumb-dt{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.breadcrumb-dt span{font-size:13px}.mobile-excess{display:none!important}.pc-excess{display:block}}.timeSelector .dropdown-item{display:block!important;width:100%;padding:.25rem 1rem}.timeSelector .dropdown-like{display:-webkit-flex;display:flex;width:100%;border:1px solid #b7d6ff;padding:.5em 3.5em .5em 1em;color:grey;height:3.2em;background-color:#fff;border-radius:.438em;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-webkit-align-self:center!important;align-self:center!important;position:relative}.timeSelector .dropdown-like .watchDash{-webkit-flex:0 1;flex:0 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;float:left}.timeSelector .dropdown-like .watchContainer{border-radius:0 .3em .3em 0;position:absolute;right:0;top:0;background-color:var(--label-color-blue);width:3em;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAaJJREFUOE+NlL1OwzAUhcnGBisT7RNAVhbShRkWVoJ4ATqCkGifAAYkBpCgT0DZ2EhfAAWJjYFujDAwIoXvpNdR4qYJlo6c2Nefz/VfsFRTsiyLaD5AmyZFpShBj0EQqK6UoPwHQAMvkECuTPhYRRulNoH2AH67tgJkLh5skAYfEygXRSFmV+1oGwnSczE5yJw8G+SQznvfugcUTM4F68qZA8mqZpmDMMkp7U8Ev3iwAf/naERfHFhKcjOhIfKd0P9jad7W9Cl1rV0okNLQDoX+mljaTaCYmDs0FCinAqnsoJu9xZF28yvPhsBsUVptjqxf41MHSjEU+mtggZ/U7+iIGNWVUhj5R2prjLxBO+gaDQAqHR2bDtWHS80ttk7quM6VDdqnvkLLaIvYN0Ax31rsfnn7Ezp7i0AGW6E+QWfE/gKa8r2Ouv6B7BNw2QRzfaVjMzuQNpO2UXTNqDUYtjhzy/FKXFRcEYPp5icG09mSMz0Z+Q23hdU1GqAOEiSuXNqSXTkTQCe9qYzo1Osw/4yUR9lroCcjQoK7AdrVMYCpP8sfrsDXSoAi+XQAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:50%}.timeSelector .dropdown-like.error{border-color:red}.timeSelector .dropdown-like input,.timeSelector .dropdown-like input:active,.timeSelector .dropdown-like input:focus{border:none;outline:none;width:100%;font-weight:600;text-align:center}.timeSelector .dropdown-like input::-webkit-input-placeholder{color:#bec4cf;font-weight:500}.timeSelector .dropdown-like input:-ms-input-placeholder{color:#bec4cf;font-weight:500}.timeSelector .dropdown-like input::placeholder{color:#bec4cf;font-weight:500}.timeSelector .input-cont{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.timeSelector .dropdown-like .dropdownMenu{width:100%;cursor:pointer;max-height:0;overflow:auto;background:#fff;position:absolute;top:2em;box-shadow:0 0 3px rgba(0,0,0,.35);border-radius:.5em}.timeSelector .dropdown-like .dropdownMenu.showOn{max-height:300px;z-index:9}.timeSelector .error-msg{margin-top:.25rem;margin-bottom:.5rem;color:red}.timeSelector .red-border{border-color:red!important}.modal-90w{width:90%;max-width:none!important}.border-multiple-select{border-color:#b7d6ff;color:#232230;font-weight:500}.teacherTimeStats{font-size:1.3em;color:#676869;font-weight:600;margin-right:1em}.teacherTimeStats span{font-size:1em;color:var(--label-color-blue)}.teacherTimetableContainer{height:100%;overflow:scroll;-webkit-flex-wrap:inherit;flex-wrap:inherit}.teacherTimetableContainer .longColumn{min-width:200px;float:left;margin-left:2em}.teacherTimetableContainer .longColumn.first-container{min-width:100px;width:100px;margin-left:0}.teacherTimetableContainer .longColumn:last-of-type{margin-right:auto}.teacherTimetableContainer .longColumn .main-container{margin-bottom:.5em;border-top:1px solid #c9e0fb;border-bottom:1px solid #c9e0fb;padding:.25em 1.5em}.teacherTimetableContainer .longColumn .white-container{background:#fff}.teacherTimetableContainer .longColumn .white-container .title-box{padding:.5em;background:#c9e0fb;border-radius:.15em;font-weight:600;text-transform:uppercase;text-align:center}.teacherTimetableContainer .longColumn .colored-container{background:#f2f7ff;height:3.5em}.ns-content-box{display:-webkit-flex;display:flex;margin-bottom:1em;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:.15em;padding:.5em;background:#c9e0fb;font-weight:600;text-transform:uppercase;border:1px solid #d5e7fc;width:15em}.ns-content-box .periodName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-content-box{display:-webkit-flex;display:flex;margin-bottom:1em;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:15em;border-radius:.15em;background:#fff;font-weight:600;text-transform:uppercase;padding:0;border:1px solid #d5e7fc}.s-content-box .overflowEllipsis{display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-content-box .overflowEllipsis span{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-content-box div{height:100%;padding:.5em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.s-content-box div p{width:-webkit-max-content;width:max-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.s-content-box div:first-of-type{-webkit-flex:1 1;flex:1 1}.s-content-box div:last-of-type{min-width:25%}@media only screen and (max-width:460px){.doc-t .search-doc-t{width:100%}}@media only screen and (max-width:450px){.timetable-report-search-button{-webkit-justify-content:space-between;justify-content:space-between;padding:5px 5px 5px 15px}.mobile-no-pad{padding:0}}.date-select{height:9.231rem;-webkit-flex:0 0 9.231rem;flex:0 0 9.231rem;border:1px solid #d5e7fc;background:#fff;border-radius:.5rem;box-shadow:1px 2px 5px rgba(159,175,234,.16);-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:.756rem 1rem}.date-select,.date-select .ds-top{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.date-select .ds-top{-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:.5rem}.date-select .ds-top *{font-size:1.077rem;color:#676869;font-weight:600}.date-select .ds-top .ds-btn{padding:0 1rem;border:0;outline:none;background:transparent}.date-select .ds-bot{width:100%;-webkit-flex-grow:1;flex-grow:1;min-height:1px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.date-select .ds-bot .ds-day{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100%;width:100%;margin:0 .25rem;border-radius:1.154rem;border:0;outline:none;background:transparent;transition:.1s}.date-select .ds-bot .ds-day.active{background:linear-gradient(180deg,var(--label-color-blue) 0,var(--themeBlue))}.date-select .ds-bot .ds-day.active .ds-day-bot,.date-select .ds-bot .ds-day.active .ds-day-top{color:#fff}.date-select .ds-bot .ds-day.disabled,.date-select .ds-bot .ds-day.disabled .ds-day-bot,.date-select .ds-bot .ds-day.disabled .ds-day-top{color:#bec4cf}.date-select .ds-bot .ds-day.today{outline:1px solid var(--label-color-blue)}.date-select .ds-bot .ds-day .ds-day-top{padding:1rem 0;font-size:.756rem;font-weight:600;color:#bec4cf}.date-select .ds-bot .ds-day .ds-day-bot{-webkit-flex-grow:1;flex-grow:1;font-size:.923rem;font-weight:500;color:#676869}.att-container{border:1px solid #d5e7fc;background:#fff;border-radius:.5rem;box-shadow:1px 2px 5px rgba(159,175,234,.16);padding:1rem 1.154rem;position:relative}.att-container .alice-carousel__next-btn,.att-container .alice-carousel__prev-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:auto;z-index:1;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.16);width:30px;height:30px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0;overflow:hidden}.att-container .alice-carousel__next-btn span,.att-container .alice-carousel__prev-btn span{font-size:30px;font-weight:600;color:#676869}.att-container .alice-carousel__prev-btn{left:-.75rem}.att-container .alice-carousel__next-btn{right:-.75rem}.att-container .alice-carousel>div:first-child,.att-container .alice-carousel__wrapper{height:100%}.att-header{font-size:1.077rem;font-weight:600;color:#676869;margin-bottom:.75rem}.att-cell{padding:1rem}.att-cell,.att-period{width:100%;border:1px solid #d5e7fc;background:transparent;font-weight:600;color:#676869;border-radius:4px}.att-period{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;overflow:hidden;padding:0}.att-period:not(:last-of-type){margin-bottom:.769rem}.att-period-period-no,.att-period-section{width:4.5rem;padding:.769rem 1.154rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.att-period-period-no{background:#f1f6ff;border-right:1px solid #d5e7fc;color:var(--label-color-blue);text-align:center}.att-period-subject{-webkit-flex:1 1;flex:1 1;padding:.769rem 1.538rem;background:#fff;text-align:left}.att-period-section{background:#d5e7fc;text-align:center}.att-period.active{border:1px solid var(--label-color-blue);box-shadow:0 0 2px rgba(var(--label-color-blue),.5)}.att-period.active .att-period-period-no{background:var(--label-color-blue);color:#fff}.alice-carousel__stage-item .att-box-container{width:11.5rem;height:100%}@media screen and (max-height:768px){.alice-carousel__stage-item .att-box-container{width:10.5rem;height:8.5rem}}.alice-carousel__stage-item:last-of-type .att-box-container{width:10.5rem}.alice-carousel__stage-item:last-of-type .att-box-container .att-box{margin-right:0}@media screen and (max-height:768px){.alice-carousel__stage-item:last-of-type .att-box-container{width:9.5rem}}.att-box{width:10.5rem;height:10.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#fff;border-radius:.5rem;border:1px solid #d5e7fc;overflow:hidden}@media screen and (max-height:768px){.att-box{width:9.5rem;height:8.5rem}}.att-box-top{-webkit-flex:1 1;flex:1 1;color:var(--label-color-blue);font-size:3.231rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.att-box-bot,.att-box-top{width:100%;font-weight:600}.att-box-bot{color:var(--bg-dark-blue);font-size:.923rem;background:#f2f7ff;padding:.5rem;text-align:center}.att-box.active{border:1px solid var(--label-color-blue)}.att-box.active .att-box-top{color:#fff;background:var(--label-color-blue)}.att-box.active .att-box-bot{color:var(--label-color-blue);background:#fff}.att-empty{width:100%;-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#bec4cf;font-style:italic;font-weight:500;min-height:10.5rem}@media screen and (max-height:768px){.att-empty{min-height:8.5rem}}.att-export-docs{background:#f2f7ff;width:100%;min-width:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.att-export-docs .btn-export-xl{background:#fff}.att-export-docs .btn-export-xl:not(:disabled):hover{background:var(--label-color-blue)}.rangeDatePicker .dropdown-item{display:block!important;width:100%;padding:.25rem 1rem}.rangeDatePicker .dropdown-like{display:-webkit-flex;display:flex;width:100%;border:1px solid #d5e7fc;padding:.5em 3.5em .5em 1em;color:grey;height:3.2em;background-color:#fff;border-radius:.438em;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-webkit-align-self:center!important;align-self:center!important;position:relative}.rangeDatePicker .dropdown-like .watchDash{-webkit-flex:0 1;flex:0 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;float:left}.rangeDatePicker .dropdown-like .watchContainer{border-radius:0 .3em .3em 0;position:absolute;right:0;top:0;background-color:var(--label-color-blue);width:3em;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAQxJREFUOE+tk40RwUAQhXMdUIF0gApEB3QgHVABKqADOqADSQd0EBXQQXyPNXLBjInbmZ3N3r68/btzUSBxdZ6yLGPONmjhnEurcWJb/A6aEiuqsU9ECYCDQIC9OESl/TwklL0REW9xuEJVjb57BvLAnCmJ5IheVTU6g/R6zwjRBKN2moja3D6JFjDMm7DwzxKixduMGpJFYStiRmFaqxDl9JvgazveFaivHl8bHXgzqhAdIerjjwDsbF5tsxezYzB7MLoC3W9ETWb92lptRjlsMaqnIDmZVXbJGS2sLfkficLNiAxTVE9kbRUkZjOzims+igvnVTTh4P8nokzM6ZnBEv9ktGVV+LjZIeQGwg2IE2e8HAUAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:50%;cursor:pointer;transition:.2s}.rangeDatePicker .dropdown-like.bottom-end .rdtPicker{bottom:100%;right:0}.rangeDatePicker .dropdown-like.error{border-color:red}.rangeDatePicker .dropdown-like.error .watchContainer{background-color:red}.rangeDatePicker .dropdown-like input,.rangeDatePicker .dropdown-like input:active,.rangeDatePicker .dropdown-like input:focus{border:none;outline:none;width:100%;font-weight:600;text-align:left;padding:0}.rangeDatePicker .dropdown-like input::-webkit-input-placeholder{text-align:left;color:#676869;font-weight:600}.rangeDatePicker .dropdown-like input:-ms-input-placeholder{text-align:left;color:#676869;font-weight:600}.rangeDatePicker .dropdown-like input::placeholder{text-align:left;color:#676869;font-weight:600}.rangeDatePicker .input-cont{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.rangeDatePicker .dropdown-like .dropdown-menu{min-width:5em;width:100%;cursor:pointer;max-height:300px;overflow:auto;background:#fff}.rangeDatePicker .error-msg{margin-top:.25rem;margin-bottom:.5rem;color:red}.rangeDatePicker .red-border{border-color:red!important}.att-taking .mark,.att-taking mark{border-radius:3px;background:#fffd00;color:inherit;font-size:inherit;border:none;padding:0}.att-taking .floating-space{margin-bottom:5rem}@media only screen and (max-width:450px){.att-taking .floating-space{margin-bottom:10rem}}.att-taking .att-left{height:-webkit-min-content;height:min-content;overflow:visible;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.att-taking .my-timetable{-webkit-flex:0 1 max-content;flex:0 1 max-content;min-height:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.att-taking .scrollable{-webkit-flex:1 1;flex:1 1;min-height:0;overflow:auto}.att-taking .scrollable.hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.att-taking .scrollable.hide-scroll::-webkit-scrollbar{display:none}.att-taking .att-tab-nav{padding:1.154rem .769rem}.att-taking .nav-tabs-doc-t .active,.att-taking .nav-tabs-doc-t .active:after,.att-taking .tab-doc-t{background:#e9fffb}.att-taking .tab-doc-t{-webkit-flex-grow:1;flex-grow:1;min-height:0}.att-taking .att-tab-header{font-weight:700;color:#676869;font-size:1.385rem}.att-taking .att-tab-subheader{font-weight:600;color:#676869;font-size:.923rem}.att-taking .att-tab-header-btn{font-size:1.0769rem;font-weight:500}.att-taking .att-student-count,.att-taking .att-tab-header-btn{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.att-taking .att-student-count{color:#676869;font-size:1.077rem;font-weight:600;border-color:var(--label-color-blue);padding:.25rem 1.538rem;font-size:.9231rem}.att-taking .att-student-count-count{font-size:3.077rem;color:var(--label-color-blue)}.att-taking .search-doc-t .form-control::-webkit-input-placeholder{font-weight:500;color:#676869}.att-taking .search-doc-t .form-control:-ms-input-placeholder{font-weight:500;color:#676869}.att-taking .search-doc-t .form-control,.att-taking .search-doc-t .form-control::placeholder{font-weight:500;color:#676869}.att-taking .att-student-grid-item .roll-no,.att-taking .att-student-list-item .roll-no{color:var(--blue-primary);font-weight:600;font-size:1.231rem;padding:0 .769rem}.att-taking .att-student-grid-item .student-img,.att-taking .att-student-list-item .student-img{border:1px solid #bec4cf;width:3.385rem;height:3.385rem;border-radius:50%;object-fit:cover;margin-right:.769rem}.att-taking .att-student-grid-item .student-name,.att-taking .att-student-list-item .student-name{font-size:.923rem;font-weight:600;color:#676869}.att-taking .att-student-grid-item .btn-student,.att-taking .att-student-list-item .btn-student{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;padding:.5rem 1rem;border-radius:4px;font-size:1.154rem;font-weight:700;color:#bec4cf;outline:none;border:1px solid #d5e7fc;background-color:#fff}.att-taking .att-student-grid-item .btn-student .slide1,.att-taking .att-student-grid-item .btn-student .slide2,.att-taking .att-student-list-item .btn-student .slide1,.att-taking .att-student-list-item .btn-student .slide2{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;overflow:hidden;white-space:nowrap}.att-taking .att-student-grid-item .btn-student .slide1,.att-taking .att-student-list-item .btn-student .slide1{max-width:100%}.att-taking .att-student-grid-item .btn-student .slide2,.att-taking .att-student-list-item .btn-student .slide2{max-width:0}.att-taking .att-student-grid-item .btn-student.filled,.att-taking .att-student-list-item .btn-student.filled{border-color:var(--label-color-blue);color:var(--label-color-blue)}.att-taking .att-student-grid-item .btn-student:hover,.att-taking .att-student-list-item .btn-student:hover{background-color:var(--label-color-blue);color:#fff}.att-taking .att-student-grid-item .btn-student:hover .slide1,.att-taking .att-student-list-item .btn-student:hover .slide1{max-width:0}.att-taking .att-student-grid-item .btn-student:hover .slide2,.att-taking .att-student-list-item .btn-student:hover .slide2{max-width:100%}.att-taking .att-student-list-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;background:#fff;border:1px solid #d5e7fc;padding:.769rem}.att-taking .student-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));grid-auto-rows:9.538rem;justify-items:stretch;grid-gap:1.154rem;padding-bottom:1rem}.att-taking .student-grid-view .att-student-grid-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100%;border:1px solid #d5e7fc;box-shadow:1px 2px 5px rgba(159,175,234,.16);background:#fff;border-radius:4px}.att-taking .student-grid-view .att-student-grid-item .top{padding:.769rem;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex:1 1;flex:1 1}.att-taking .student-grid-view .att-student-grid-item .top .roll-no{font-size:1.077rem}.att-taking .student-grid-view .att-student-grid-item .bot{padding:.769rem;width:100%;border-top:1px solid #d5e7fc;background-color:#f2f7ff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.att-taking .student-grid-view .att-student-grid-item .bot .presence{-webkit-flex-grow:1;flex-grow:1;min-width:0;display:-webkit-flex;display:flex;margin-right:.769rem}.att-taking .student-grid-view .att-student-grid-item .bot .att-status-box{padding:.5rem .85rem;font-size:1rem;height:100%}.att-taking .student-grid-view .att-student-grid-item .bot .btn-student{height:100%;font-size:.923rem}.att-taking .student-grid-view .att-student-grid-item .bot .btn-student .label{font-size:.923rem}.att-taking .att-floating-footer{padding:1.5rem 3rem;position:fixed;left:0;bottom:0;width:100vw;z-index:1030;background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,.6);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}@media only screen and (max-width:450px){.att-taking .att-floating-footer{padding:1.5rem}}.att-taking .att-floating-footer .btn-mark-all{outline:none;border:none;background-color:#fff;font-weight:600;color:var(--label-color-blue);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:left}@media only screen and (max-width:450px){.att-taking .att-floating-footer .btn-mark-all{margin:.5rem 0}}.att-taking .att-floating-footer .btn-mark-all .circle{width:2rem;height:2rem;min-width:2rem;border-radius:50%;margin-right:1rem}.att-taking .att-floating-footer .btn-mark-all .circle.green{background-color:#1abf73}.att-taking .att-floating-footer .btn-mark-all .circle.red{background-color:#f05974}.att-taking .att-floating-footer .btn-primary{font-size:1.077rem;font-weight:500}.att-taking .att-content-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1;background:#f2f7ff;padding:1.154rem;min-height:0;border-radius:2px;border:1px solid #d5e7fc}.att-taking .bottom-notice{pointer-events:auto;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1200;color:#fff;background:#1abf73;border-radius:.769rem .769rem 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:1.538rem 1.923rem;font-size:1.154rem;font-weight:500}.att-taking .bottom-notice.errorMessage{background:#f05974}.att-tooltip-table th{font-weight:500}.wrapStyle{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.flexallcenter,.noteDiv{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.noteDiv{background-color:#40b7ad;border-radius:30px;width:30px;height:30px;-webkit-justify-content:center;justify-content:center;margin-right:10px;padding-left:2px;cursor:pointer}.parentnote .tooltip-inner{background-color:#fff;color:#000;border:1px solid #c9daf8;padding:20px;min-width:400px}.parentnote .margin-bot{margin-bottom:30px}.parentnote p{margin:0}.parentnote .close-btn{color:#4f92ea;font-size:1.2rem;text-align:right;cursor:pointer}.parentnote .file-div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer;margin-top:10px}.parentnote .file-div span{margin-left:5px}.parentnote.custom-tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.parentnote.custom-tooltip.bs-tooltip-bottom .arrow:before{border-bottom-color:#c9daf8}.parentnote.custom-tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before,.parentnote.custom-tooltip.bs-tooltip-top .arrow:before{border-top-color:#c9daf8}.parentnote.custom-tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before,.parentnote.custom-tooltip.bs-tooltip-left .arrow:before{border-left-color:#c9daf8}.parentnote.custom-tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before,.parentnote.custom-tooltip.bs-tooltip-right .arrow:before{border-right-color:#c9daf8}@media only screen and (max-width:450px){.wrapStyle{-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow-y:scroll;overflow-x:hidden;width:100vw!important}.h-100{max-height:-webkit-min-content!important;max-height:min-content!important}.att-left{padding:10px!important;width:94vw!important;min-width:94vw!important;margin-right:20px;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;margin-bottom:10px}.widget{overflow-x:hidden}.att-header{font-size:1.1rem!important}.att-right{padding:0!important;width:94vw!important;min-width:94vw!important;margin-right:20px;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.padding-left{padding-left:15px;width:100vw}.margin-left{margin:0 0 15px 15px}.att-student-list-item{width:-webkit-max-content!important;width:max-content!important}.att-student-list-item .student-name{width:90px!important}.header-student-name{width:120px!important}.header-att{padding-left:11px}.tab-content{padding:5px}.flexallcenter{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:baseline;align-items:baseline}.mobile-button-margin{margin:2px 0}.mobile-padding{padding-left:20px}.att-taking .nav-tabs-doc-t{width:inherit;overflow-x:scroll;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.att-taking .nav-tabs-doc-t .nav-item{min-width:-webkit-max-content!important;min-width:max-content!important}.mobile-font{font-size:12px!important}}.boxClass{position:absolute;z-index:9999;background-color:#fff;box-shadow:0 2px 5px #ededed;width:-webkit-max-content;width:max-content}.bg-qr-header{background:#dedede}.qrDiv{-webkit-justify-content:center;justify-content:center;margin:10px 0 20px}.qrDiv,.wrapper-qr{display:-webkit-flex;display:flex}.wrapper-qr{background:#fff;width:198px;height:198px;padding:16px;border:2px solid #18ae14}.btn-download:hover:not(.disabled),.btn-download:hover:not(:disabled){background-color:var(--label-color-blue);border-color:var(--label-color-blue)}.btn-download:hover:not(.disabled) .customIcon,.btn-download:hover:not(:disabled) .customIcon{-webkit-filter:brightness(0) saturate(100%) invert(100%);filter:brightness(0) saturate(100%) invert(100%)}.btn-download:hover:not(.disabled) svg,.btn-download:hover:not(:disabled) svg{color:#fff;fill:#fff}.qrCode{padding:5px;max-width:160px;max-height:160px;border:2px solid #18ae14;border-radius:5px}.qrCode.full-screen{max-height:242px;max-width:242px}.shuffleDiv{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:1em 0 0}.shuffleBox{padding:10px 10px 0}.shuffleBox label{padding-left:.8em;display:-webkit-flex;display:flex}.infoBoxContainer{padding:24px}.infoBoxContainer .title-modal-info{font-weight:600;font-size:20px;line-height:24px;color:#000}.infoBoxContainer .title-modal-description{color:#232230;font-weight:400;font-size:13px;line-height:17px}.qrBoxContainer{margin:0 16px 16px}.qrBoxContainer .custom-control-label{font-size:.75rem;font-weight:700;color:#232230;margin-bottom:24px}.qrBoxContainer .custom-control-label.full-screen{font-size:20px;font-weight:400;color:#676869;top:10px}.qrBoxContainer .text-modal{font-size:20px;font-weight:600;margin-bottom:0;margin-top:1.5rem}.qrBoxContainer .custom-control-label:before{width:24px;height:16px;border-radius:1em;background-color:#bec4cf;border-color:#bec4cf}.qrBoxContainer .custom-switch .custom-control-label:after{height:12px;border-radius:1em;width:12px;margin-top:2px;margin-left:2px;background-color:#fff}.qrBoxContainer .custom-control-input:checked~.custom-control-label:before{background-color:#18ae14;border-color:#18ae14}.qrBoxContainer .custom-control-input:checked~.custom-control-label:after{border-color:#18ae14;background-color:#fff;margin-top:3px;margin-right:12px;margin-left:3px}.qrBoxContainer.modal-body .custom-switch .custom-control-label:after{margin-top:0;margin-left:0}.qrBoxContainer .qrBorder{border:1px solid #dedede;border-radius:0 0 4px 4px}.qrBoxContainer.full-screen{margin:0}.btn-qr-code{color:#4f92ea;font-size:12px;font-weight:700}.btn-qr-code,.dropdown-qr{background-color:#fff;border:1px solid #c9e0fb;transition:.1s ease-in-out}.dropdown-qr{z-index:1031;margin-top:1.5px;width:240px}@media only screen and (max-width:450px){.dropdown-qr{max-width:240px}}.dropdown-qr-item[name=with-location]{border-bottom:1px solid #c9e0fb}.dropdown-qr-item{cursor:pointer;position:relative;font-weight:500}.dropdown-qr-item p{margin-bottom:0;padding:10.5px 0 10.5px 16px;font-size:12px}.dropdown-qr-item svg[name=arrow]{margin-right:22px}.dropdown-qr-item svg.arrow-up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dropdown-qr-item .radio-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:.6923rem;gap:.6923rem;margin-bottom:0;padding:.9231rem 1.3846rem}.dropdown-qr-item .radio-item p{margin:0;padding:0}.att-status-box{width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;padding:.5rem 1rem;border-radius:4px;font-size:1.154rem;font-weight:700;color:#bec4cf;outline:none;border:1px solid #d5e7fc;transition:.2s;background-color:#fff}.att-status-box.disabled{cursor:auto}.att-status-box.active.present,.att-status-box:not(.disabled):hover.present{color:#fff;background-color:#1abf73;border-color:#1abf73}.att-status-box.active.abs_wo_notice,.att-status-box:not(.disabled):hover.abs_wo_notice{color:#fff;background-color:#f05974;border-color:#f05974}.att-status-box.active.leave,.att-status-box:not(.disabled):hover.leave{color:#fff;background-color:#feaf43;border-color:#feaf43}.att-status-box.active.sick,.att-status-box:not(.disabled):hover.sick{color:#fff;background-color:#36bfd7;border-color:#36bfd7}.att-student-count-container .alice-carousel__next-btn,.att-student-count-container .alice-carousel__prev-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:auto;z-index:1;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.16);width:1.5rem;height:1.5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0;overflow:hidden}.att-student-count-container .alice-carousel__next-btn span,.att-student-count-container .alice-carousel__prev-btn span{font-size:1rem;font-weight:600;color:#676869}.att-student-count-container .alice-carousel__prev-btn{left:-.75rem}.att-student-count-container .alice-carousel__next-btn{right:-.75rem}.att-student-count-container .alice-carousel>div:first-child,.att-student-count-container .alice-carousel__wrapper{height:100%}.att-student-count-container .alice-carousel__stage-item .att-item-container{width:8.692rem;height:7.385rem}.att-student-count-container .alice-carousel__stage-item:last-of-type .att-item-container{width:7.692rem}.att-student-count-container .alice-carousel__stage-item:not(:last-of-type) .att-student-count-item{margin-right:.769rem}.att-student-count-container .att-student-count-item{width:7.692rem;height:7.385rem;background:#fff;border:1px solid var(--label-color-blue);overflow:hidden;-webkit-justify-content:space-between;border-radius:.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;justify-content:space-between}.att-student-count-container .att-student-count-item .top{-webkit-flex:0 1 60%;flex:0 1 60%;color:var(--label-color-blue);font-size:2.692rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-weight:600;margin:auto}.att-student-count-container .att-student-count-item .bot{font-size:.769rem;font-weight:600;text-align:center;height:-webkit-max-content;height:max-content;margin-bottom:.5rem;width:100%;background:transparent;color:#676869}.att-student-count-container .att-student-count-item.present{background:#e6fff4;border-color:#1abf73}.att-student-count-container .att-student-count-item.present .top{color:#1abf73}.att-student-count-container .att-student-count-item.absent{background:#fef5f5;border-color:#f05974}.att-student-count-container .att-student-count-item.absent .top{color:#f05974}.att-student-count-container .att-student-count-item.leave{background:#fff8f0;border-color:#feaf43}.att-student-count-container .att-student-count-item.leave .top{color:#feaf43}.att-student-count-container .att-student-count-item.sick{background:#eefcfc;border-color:#36bfd7}.att-student-count-container .att-student-count-item.sick .top{color:#36bfd7}.class-att .sbj-cell{width:100%;background:#fff;border-radius:5px;overflow:hidden;color:#676869}.class-att .sbj-cell:not(:last-of-type){margin-bottom:.769rem}.class-att .sbj-cell .sbj-left{background:#d5e7fc;text-align:left;width:40%;font-size:1.077rem;font-weight:600}.class-att .sbj-cell .sbj-left,.class-att .sbj-cell .sbj-right{padding:.769rem 1.154rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-att .sbj-cell .sbj-right{-webkit-flex:1 1;flex:1 1;font-size:.769rem;font-weight:500;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;font-style:italic}.class-att .sbj-cell .sbj-right.not-submitted{color:#f05974}.class-att .sbj-box{display:-webkit-flex;display:flex;min-width:11.538rem;width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;background:#fff;border:1px solid #36bfd7;font-size:1rem;font-weight:600;margin:.5rem .923rem}.class-att .sbj-box .sbj-left{-webkit-flex-basis:65%;flex-basis:65%}.class-att .sbj-box .sbj-left,.class-att .sbj-box .sbj-right{padding:.5rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-att .sbj-box .sbj-right{-webkit-flex-basis:35%;flex-basis:35%;background:#36bfd7;color:#fff}.class-att .elective-sbj-box .box-title{-webkit-flex:1 1;flex:1 1}.class-att .elective-sbj-box .box-icon,.class-att .elective-sbj-box .box-title{font-size:1.3rem;font-weight:600}.class-att .elective-subjects-child{margin-left:5.385rem;margin-bottom:1rem}.class-att .column-index{width:5.385rem}.class-att .dt-w-column-att{width:7.692rem}.class-att .period-listing{width:100%;display:-webkit-flex;display:flex;background:#f2f7ff;border:1px solid #d5e7fc;color:#676869;-webkit-align-items:center;align-items:center;cursor:pointer}.class-att .period-listing:not(:last-of-type){margin-bottom:.769rem}.class-att .period-listing .dt-w-column,.class-att .period-listing .dt-w-column-att{font-size:1.385rem;font-weight:600;padding:.923rem 0}.class-att .period-listing .column-index{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-align-self:stretch;align-self:stretch;background:#c9e0fb;font-size:1.385rem;font-weight:600}.copy-att-modal .att-select{color:#676869;font-weight:600}.copy-att-modal .att-select::-webkit-input-placeholder{color:#bec4cf}.copy-att-modal .att-select:-ms-input-placeholder{color:#bec4cf}.copy-att-modal .att-select::placeholder{color:#bec4cf}.edit-class .custom-switch{z-index:unset}.class-details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.class-details .class-details-content{-webkit-flex:1 1;flex:1 1;min-height:0;flex-direction:column}.class-details .class-details-content,.class-details .timetable-detail{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column}.class-details .timetable-detail{flex-direction:column}.class-details .timetable-detail .bg-doc-t{background-color:transparent;height:100%;min-height:0}.class-details .timetable-detail .teacherTimetableContainer{background-color:#fff}.class-details .student-list{background:#f2f7ff;padding:1rem}.class-details .student-list,.class-details .subject-list{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.class-details .control-bar{margin-bottom:1rem;-webkit-align-items:center;align-items:center}.class-details .control-bar .dt-tab-pagination{margin-top:0}@media screen and (max-width:450px){.class-details .control-bar>*{margin-bottom:.25rem}}.class-details .control-bar .search-doc-t{width:19rem;margin-right:auto}@media screen and (max-width:450px){.class-details .control-bar .search-doc-t{width:100%!important;margin-right:0}}.class-details .control-bar .search-doc-t .form-control::-webkit-input-placeholder{font-weight:500;color:#676869}.class-details .control-bar .search-doc-t .form-control:-ms-input-placeholder{font-weight:500;color:#676869}.class-details .control-bar .search-doc-t .form-control,.class-details .control-bar .search-doc-t .form-control::placeholder{font-weight:500;color:#676869}.class-details .control-bar .search-doc-t .form-control:not(:-ms-input-placeholder){box-shadow:0 0 2px #4f92ea;padding-right:2.5rem}.class-details .control-bar .search-doc-t .form-control:active,.class-details .control-bar .search-doc-t .form-control:focus,.class-details .control-bar .search-doc-t .form-control:not(:placeholder-shown){box-shadow:0 0 2px #4f92ea;padding-right:2.5rem}.class-details .control-bar .search-doc-t .form-control:not(:-ms-input-placeholder)~.clear-search{display:inline-block}.class-details .control-bar .search-doc-t .form-control:active~.clear-search,.class-details .control-bar .search-doc-t .form-control:focus~.clear-search,.class-details .control-bar .search-doc-t .form-control:not(:placeholder-shown)~.clear-search{display:inline-block}.class-details .control-bar .search-doc-t .clear-search{position:absolute;right:2.5rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:none;z-index:10}.class-details .control-bar .btn-is-grid{margin:0 .5rem;padding:.3rem;width:2.5rem;height:2.5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-color:#d5e7fc}.class-details .control-bar .btn-is-grid.active,.class-details .control-bar .btn-is-grid:hover{background-color:#fff}.class-details .control-bar .btn-is-grid.active .customIcon,.class-details .control-bar .btn-is-grid:hover .customIcon{-webkit-filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1925%) hue-rotate(193deg) brightness(98%) contrast(87%);filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1925%) hue-rotate(193deg) brightness(98%) contrast(87%)}.class-details .st-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));grid-auto-rows:10.615rem;justify-items:stretch;grid-gap:1.154rem;padding:.75rem .5rem;margin:-.5rem 0}.class-details .st-grid-view .st-grid-card{width:100%;height:100%;border-radius:.615rem;box-shadow:0 2px 4px rgba(0,0,0,.12);background-color:#f2f7ff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.class-details .st-grid-view .st-grid-card .stgc-bot,.class-details .st-grid-view .st-grid-card .stgc-st-details,.class-details .st-grid-view .st-grid-card .stgc-top{display:-webkit-flex;display:flex}.class-details .st-grid-view .st-grid-card .stgc-top{-webkit-flex:1 1;flex:1 1;background-color:#fff;border:1px solid #fff;border-radius:.615rem .615rem 0 0}.class-details .st-grid-view .st-grid-card .stgc-bot{font-weight:600}.class-details .st-grid-view .st-grid-card .stgc-rollno{width:3.077rem;padding:1rem;font-weight:600;color:#232230;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#c9e0fb;border-top-left-radius:.615rem}.class-details .st-grid-view .st-grid-card .stgc-st-details{-webkit-flex:1 1;flex:1 1;padding:1rem}.class-details .st-grid-view .st-grid-card .stgc-st-name{margin-left:.5rem}.class-details .st-grid-view .st-grid-card .stgc-full-name{font-size:.923rem;font-weight:600;color:#232230;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.class-details .st-grid-view .st-grid-card .stgc-username{font-size:.923rem;font-weight:500;color:#8a8b8c;font-style:italic}.class-details .st-grid-view .st-grid-card .stgc-student-avatar{width:3.077rem;height:3.077rem;object-fit:cover;border-radius:50%}.class-details .st-grid-view .st-grid-card .stgc-bot-item{padding:1rem;width:50%;border:1px solid #d5e7fc;font-size:.846rem;display:-webkit-flex;display:flex}.class-details .st-grid-view .st-grid-card .stgc-bot-item:not(:first-child){border-left:none}.class-details .st-grid-view .st-grid-card .stgc-bot-item *{font-size:.846rem}.class-details .student-avatar{width:1.846rem;height:1.846rem;border-radius:50%;margin-right:1rem;border:1px solid #a9b2c4;object-fit:cover}.class-details .da-custom-table.class-sbj-table{border-spacing:0 .769rem;margin-top:-.769rem;margin-bottom:-.769rem}.class-details .da-custom-table.class-sbj-table .dct-thead th{z-index:0;padding:1.154rem 1rem;vertical-align:middle;font-size:.923rem;font-weight:600;color:#676869}.class-details .da-custom-table.class-sbj-table .dct-tbody tr{box-shadow:1px 1px 2px #c2daf9}.class-details .da-custom-table.class-sbj-table .dct-tbody td{padding:1.385rem 1rem;font-weight:500;font-size:.923rem;border:1px solid #d5e7fc;color:#232230}@media screen and (max-width:768px){.class-details .da-custom-table.class-sbj-table .dct-tbody td{padding:1rem .5rem}}.class-details .da-custom-table.class-sbj-table .dct-tbody td:not(:first-child){border-left:none}.class-details .da-custom-table.class-sbj-table .dct-tbody td:not(:last-of-type){border-right:none}.class-details .da-custom-table.class-sbj-table .dct-tbody td button:disabled{color:#bec4cf;border:1px solid #bec4cf;cursor:not-allowed}.class-details .da-custom-table.class-sbj-table .dct-tbody td button:disabled:hover{background:rgba(0,0,0,.12)}.class-details .da-custom-table.class-sbj-table .dct-tbody td:first-child,.class-details .da-custom-table.class-sbj-table .dct-thead th:first-child{padding-left:1.923rem}.class-details .da-custom-table.class-sbj-table .dct-tbody td:last-child,.class-details .da-custom-table.class-sbj-table .dct-thead th:last-child{padding-right:1.923rem}.class-details .da-custom-table.class-sbj-table .class-section-col{max-width:10rem}.class-details .da-custom-table.class-sbj-table .user-mgt-actions{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;margin:-.25rem 0}.class-details .da-custom-table.class-sbj-table .user-mgt-actions .actionIcon{cursor:pointer;height:auto;color:#bec4cf;font-size:2rem;transition:.2s;margin:0 .5rem;line-height:2rem}.class-details .da-custom-table.class-sbj-table .user-mgt-actions .actionIcon .customIcon{-webkit-filter:brightness(0) saturate(100%) invert(43%) sepia(6%) saturate(78%) hue-rotate(169deg) brightness(91%) contrast(93%);filter:brightness(0) saturate(100%) invert(43%) sepia(6%) saturate(78%) hue-rotate(169deg) brightness(91%) contrast(93%)}.class-details .da-custom-table.class-sbj-table .user-mgt-actions .actionIcon:hover{color:var(--label-color-blue)}.class-details .da-custom-table.class-sbj-table .user-mgt-actions .actionIcon:hover .customIcon{-webkit-filter:brightness(0) saturate(100%) invert(57%) sepia(13%) saturate(7305%) hue-rotate(192deg) brightness(96%) contrast(91%);filter:brightness(0) saturate(100%) invert(57%) sepia(13%) saturate(7305%) hue-rotate(192deg) brightness(96%) contrast(91%)}.add-edit-subject-enrollment label{font-weight:600;margin-bottom:.25rem}.add-edit-subject-enrollment .form-control{font-weight:500}.add-edit-subject-enrollment .da-multi-select{border-color:#b7d6ff}.add-edit-subject-enrollment .da-multi-select .text-search{font-weight:600;color:#676869}.add-edit-subject-enrollment .da-multi-select .text-search::-webkit-input-placeholder{color:#232230;font-weight:500}.add-edit-subject-enrollment .da-multi-select .text-search:-ms-input-placeholder{color:#232230;font-weight:500}.add-edit-subject-enrollment .da-multi-select .text-search::placeholder{color:#232230;font-weight:500}.add-edit-subject-enrollment .da-multi-select .dropdown-item{font-weight:500;color:#676869}.add-edit-subject-enrollment .da-multi-select .dropdown-item .checked{background-color:#f2f7ff}.add-edit-subject-enrollment .teacher-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-radius:.5rem;border:1px solid #c9e0fb;padding:.25rem .25rem .25rem 1rem}.add-edit-subject-enrollment .teacher-item:not(:last-of-type){margin-bottom:.769rem}.subject-heading-icon{width:2.308rem;height:2.308rem;padding:5px;border-radius:5px}.elective-badge{color:#4f92ea;background:rgba(79,146,234,.30196078431372547);padding:.3rem .5rem;margin-left:1rem;border-radius:5px;font-weight:550}.time-table-sect .fc-event{border-radius:unset}.time-table-sect .fc-event .fc-content{margin:auto;height:100%;cursor:pointer}.time-table-sect .fc-time-grid-event{margin-right:0!important}.time-table-sect .fc-today-button{text-transform:capitalize}.time-table-sect .fc-toolbar h2{font-size:1.75em;float:left;margin:8px 10px 5px;font-weight:600}.time-table-sect .fc-day-header span{font-size:1.2em}.time-table-sect .calendar-view .fc-unthemed .fc-view-container{background:#fafcfd}.time-table-sect .calendar-view .fc-unthemed .fc-view-container .fc-content,.time-table-sect .calendar-view .fc-unthemed .fc-view-container .fc-divider,.time-table-sect .calendar-view .fc-unthemed .fc-view-container .fc-list-heading td,.time-table-sect .calendar-view .fc-unthemed .fc-view-container .fc-list-view,.time-table-sect .calendar-view .fc-unthemed .fc-view-container .fc-popover,.time-table-sect .calendar-view .fc-unthemed .fc-view-container .fc-row,.time-table-sect .calendar-view .fc-unthemed .fc-view-container tbody,.time-table-sect .calendar-view .fc-unthemed .fc-view-container td,.time-table-sect .calendar-view .fc-unthemed .fc-view-container th,.time-table-sect .calendar-view .fc-unthemed .fc-view-container thead{border-color:#e3f4fe}.time-table-sect .calendar-view .fc-unthemed .fc-view-container .fc-axis.fc-time span,.time-table-sect .calendar-view .fc-unthemed .fc-view-container .fc-axis.fc-widget-content span{font-size:1em;font-weight:600;color:#676869}.da-custom-table{width:100%;border-radius:.4rem .4rem 0 0;border:none;border-collapse:separate;border-spacing:0 1.154rem;margin-top:-1.154rem;margin-bottom:-1.154rem;color:#676869}.da-custom-table .dct-thead th{background:#c9e0fb;padding:1rem;margin-bottom:1.154rem}.da-custom-table .dct-thead th:first-child{border-radius:.5rem 0 0 0}.da-custom-table .dct-thead th:last-child{border-radius:0 .5rem 0 0}.da-custom-table .dct-tbody td{background:#fff;padding:1rem;border:1px solid #c9e0fb;border-right:none;border-left:none}.da-custom-table .dct-tbody td:first-child{border-left:1px solid #c9e0fb}.da-custom-table .dct-tbody td:last-child{border-right:1px solid #c9e0fb}.file-processing-modal .label{width:100%;color:var(--label-color-blue);font-weight:500;text-align:center;font-style:italic}.file-processing-modal .flex-all-center{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.classbg{position:relative;padding-top:.7em;padding-bottom:.7em;object-fit:cover;object-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff;-webkit-align-items:center;align-items:center}.classbg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}.userImageClass{border:2px solid #fff;width:4.6rem;height:4.6rem;object-fit:cover;max-width:unset}.className{font-size:1.5em;line-height:1em}.classNameDescription{font-size:.75em}.noMar{margin:0}.pageClass{margin-left:25px;z-index:1;font-size:30px}.table-workbook tbody tr:nth-child(odd){background-color:transparent}.classBoxBorder{border:1px solid #c8c8c8}.font12{font-size:.75em}.borderBottom{border-bottom:1px solid #c8c8c8}.classM-filter{display:-webkit-flex;display:flex;list-style:none}.classM-filter li{padding-left:1.5em;padding-right:1.5em;cursor:pointer}.classM-filter li :last-of-type{margin-right:0}.classM-smallGrayFont{font-size:.85em;color:#a8a8a8;line-height:1em;margin-bottom:.5em}.studentCount{font-size:1.8em;font-weight:700;line-height:1em}.userIcon{height:1.2em}.formBox{border:1px solid #ddd;border-radius:.35em;padding:2em 1.5em;height:100%;-webkit-align-content:flex-start;align-content:flex-start}.formBox label{font-weight:600;margin-bottom:.25rem}.backArrow{margin-right:1em}.titleBox{padding:.25em;border-bottom:1px solid #c8c8c8;font-size:1.8em}.backgroundChooseButton{background:#dedede}.backgroundTabClass{margin:0 0 .75em;list-style:none;border-bottom:1px solid #c8c8c8;float:left;width:100%}.backgroundTabClass li{float:left;padding-top:.5em;padding-bottom:.5em;padding-right:2em}.backgroundTabClass li:last-of-type{padding-right:0}.backgroundTabClass li.active{border-bottom:5px solid #03c62a}.bgImageClass{width:100%;margin-top:.5em;margin-bottom:.5em}.selectedBackground{position:absolute;right:1em;top:.5em}.add-class .custom-control{z-index:unset}.add-class .react-datetime-picker__inputGroup{background:unset;border:unset;border-radius:.25em;margin-right:1em}.add-class .react-datetime-picker__wrapper{border:1px solid #ced4da;padding:.1rem .75rem;border-radius:.25em}.transfer-student-component input[type=checkbox]{width:1.3em;height:1.3em}.transfer-student{background:#fff;border-top-left-radius:22px}.transfer-student .tst-container{display:-webkit-flex;display:flex;position:relative;height:100%;min-height:0}@media (max-width:1024px){.transfer-student .tst-container{-webkit-flex-direction:column;flex-direction:column;height:-webkit-max-content;height:max-content;min-height:100%}}.transfer-student .tst-container.floating-space{margin-bottom:5rem}.transfer-student .tst-box{background:#f2f7ff;border:1px solid #c9e0fb;border-radius:.5rem;height:100%;width:50%;padding:1.154rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}@media (max-width:1024px){.transfer-student .tst-box{width:100%;min-height:75%}}.transfer-student .tst-box:first-child{margin-right:.5rem}@media (max-width:1024px){.transfer-student .tst-box:first-child{margin-right:0;margin-bottom:.5rem}}.transfer-student .tst-box:nth-child(2){margin-left:.5rem}@media (max-width:1024px){.transfer-student .tst-box:nth-child(2){margin-left:0;margin-bottom:.5rem}}.transfer-student .tst-box .tst-box-label{margin:0;font-weight:700;color:#676869}.transfer-student .tst-box .custom-big-checkbox{min-height:20px;min-width:20px}.transfer-student .tst-box .custom-big-checkbox .custom-control-label:after,.transfer-student .tst-box .custom-big-checkbox .custom-control-label:before{left:0}.transfer-student .tst-box .custom-big-checkbox .custom-control-label:before{background-color:transparent;border-color:#676869;border-width:1px}.transfer-student .tst-box .custom-big-checkbox .custom-control-input:disabled~.custom-control-label:before{border-color:#bec4cf;background:#eaecef}.transfer-student .tst-box .custom-big-checkbox .custom-control-input:disabled~.custom-control-label:after{cursor:auto}.transfer-student .tst-box .custom-big-checkbox .custom-control-input:checked~.custom-control-label:after,.transfer-student .tst-box .custom-big-checkbox .custom-control-input:checked~.custom-control-label:before{border-radius:0;height:20px;width:20px;padding:0;margin:0}.transfer-student .tst-box .custom-big-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23FFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")}.transfer-student .tst-box .custom-big-checkbox .custom-control-input.partial:checked~.custom-control-label:after{font-family:FontAwesome;content:"\f068";background-image:none;font-weight:400;font-size:12px;color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.transfer-student .tst-select{font-weight:500;color:#676869;height:2.9rem;max-width:11rem}.transfer-student .tst-select:not(:first-of-type){margin-left:1rem}@media (max-width:650px){.transfer-student .tst-select{max-width:100%}.transfer-student .tst-select:not(:first-of-type){margin-left:0;margin-top:.5rem}}.transfer-student .tst-search-cont{display:inline-block;-webkit-align-items:center;align-items:center;margin-left:1rem;position:relative;width:-webkit-max-content;width:max-content}@media (max-width:650px){.transfer-student .tst-search-cont{margin-left:0;margin-top:.5rem;width:100%}}.transfer-student .tst-search-cont .tst-search{font-weight:500;color:#676869;width:0;height:2.9rem;width:2.9rem;outline:none;border:1px solid #d5e7fc;border-radius:.5rem;transition:.3s;padding:0}.transfer-student .tst-search-cont .tst-search:-ms-input-placeholder{width:2.9rem}.transfer-student .tst-search-cont .tst-search:placeholder-shown{width:2.9rem}.transfer-student .tst-search-cont .tst-search:placeholder-shown::-webkit-input-placeholder{color:transparent}.transfer-student .tst-search-cont .tst-search:placeholder-shown:-ms-input-placeholder{color:transparent}.transfer-student .tst-search-cont .tst-search:-ms-input-placeholder::placeholder{color:transparent}.transfer-student .tst-search-cont .tst-search:placeholder-shown::placeholder{color:transparent}.transfer-student .tst-search-cont .tst-search:not(:-ms-input-placeholder){padding:.5rem 2.9rem .5rem 1rem;background-color:#fff;width:11rem;border-color:#bec4cf}.transfer-student .tst-search-cont .tst-search:active,.transfer-student .tst-search-cont .tst-search:focus,.transfer-student .tst-search-cont .tst-search:not(:placeholder-shown){padding:.5rem 2.9rem .5rem 1rem;background-color:#fff;width:11rem;border-color:#bec4cf}@media (max-width:800px){.transfer-student .tst-search-cont .tst-search{padding:.5rem 2.9rem .5rem 1rem;background-color:#fff}.transfer-student .tst-search-cont .tst-search:-ms-input-placeholder{width:11rem}.transfer-student .tst-search-cont .tst-search:placeholder-shown{width:11rem}.transfer-student .tst-search-cont .tst-search:placeholder-shown::-webkit-input-placeholder{color:#bec4cf}.transfer-student .tst-search-cont .tst-search:placeholder-shown:-ms-input-placeholder{color:#bec4cf}.transfer-student .tst-search-cont .tst-search:-ms-input-placeholder::placeholder{color:#bec4cf}.transfer-student .tst-search-cont .tst-search:placeholder-shown::placeholder{color:#bec4cf}}@media (max-width:650px){.transfer-student .tst-search-cont .tst-search:-ms-input-placeholder{width:100%}.transfer-student .tst-search-cont .tst-search:placeholder-shown{width:100%}.transfer-student .tst-search-cont .tst-search:placeholder-shown::-webkit-input-placeholder{color:#bec4cf}.transfer-student .tst-search-cont .tst-search:placeholder-shown:-ms-input-placeholder{color:#bec4cf}.transfer-student .tst-search-cont .tst-search:-ms-input-placeholder::placeholder{color:#bec4cf}.transfer-student .tst-search-cont .tst-search:placeholder-shown::placeholder{color:#bec4cf}.transfer-student .tst-search-cont .tst-search:not(:-ms-input-placeholder){width:100%}.transfer-student .tst-search-cont .tst-search:active,.transfer-student .tst-search-cont .tst-search:focus,.transfer-student .tst-search-cont .tst-search:not(:placeholder-shown){width:100%}}.transfer-student .tst-search-cont .tst-search-button{outline:none;border:none;background-color:transparent;position:absolute;right:1.45rem;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);color:#676869}.transfer-student .tst-tab-nav{padding:1.154rem .769rem}.transfer-student .tst-student-list-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;background:#fff;border:1px solid #d5e7fc;padding:.769rem;transition:.15s}.transfer-student .tst-student-list-item.selected{border-color:#4f92ea;background:#c2dbff}.transfer-student .tst-student-list-item .student{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-student .tst-student-list-item .roll-no{color:var(--blue-primary);font-weight:600;font-size:1.231rem;padding:0 .769rem}.transfer-student .tst-student-list-item .student-img{border:1px solid #bec4cf;width:3.385rem;height:3.385rem;border-radius:50%;object-fit:cover;margin-right:.769rem}.transfer-student .tst-student-list-item .student-name{font-size:.923rem;font-weight:600;color:#676869;margin-bottom:.5rem}.transfer-student .tst-student-list-item .student-id{font-size:.846rem;font-weight:500;color:#9f9f9f}.transfer-student .mark,.transfer-student mark{border-radius:3px;background:#fffd00;color:inherit;font-size:inherit;border:none;padding:0}.transfer-student .tst-floating{padding:1.5rem 3rem;position:fixed;left:0;bottom:0;width:100vw;z-index:1030;background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,.6);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.transfer-student .tst-floating .btn-primary{font-size:1.077rem;font-weight:500}.transfer-student .tst-floating.float-to{background-color:#fff2f2}@media only screen and (max-width:450px){.formBox{border:0;border-radius:.35em;padding:.5em 1.5em;height:100%;-webkit-align-content:flex-start;align-content:flex-start}.formBox label{font-weight:600;margin-bottom:.25rem}.manage-class-buttons .btn{padding:4px 5px!important}}.class-management .cm-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:1rem;padding-bottom:1rem;padding-top:0}@media only screen and (max-width:450px){.class-management .cm-header{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.class-management .cm-header div{margin:.25rem 0}.class-management .cm-header .dt-breadcrumb{margin-bottom:0!important}}.class-management .cm-grid-courses{grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));grid-auto-rows:11.231rem;grid-gap:2.154rem}.class-management .cm-grid-courses,.class-management .cm-grid-sections{display:grid;justify-items:stretch;padding-bottom:1rem;overflow-x:hidden;overflow-y:auto;min-height:0;-webkit-flex-grow:1;flex-grow:1}.class-management .cm-grid-sections{grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));grid-auto-rows:13.231rem;grid-gap:1.846rem}.class-management .cm-course{-webkit-flex-direction:column;flex-direction:column;border-radius:.5rem;overflow:hidden;background:#fef6f6;border:1px solid #f28c99;box-shadow:0 1px 6px #d2fbfc}.class-management .cm-course,.class-management .cm-course-top{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.class-management .cm-course-top{-webkit-flex:1 1;flex:1 1;color:#e00d29;font-size:2.462rem;font-weight:700;-webkit-flex-direction:column;flex-direction:column;margin:0}.class-management .cm-course-name{font-weight:600;color:#232230}.class-management .cm-course-bot{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background:#ffe1e1;width:100%;border-top:1px solid #f28c99}.class-management .cm-course .cmcb-left,.class-management .cm-course .cmcb-right{width:100%;padding:1rem .769rem;font-weight:500;color:#232230;display:-webkit-flex;display:flex;white-space:nowrap}.class-management .cm-course .cmcb-left{border-right:1px solid #f28c99}.class-management .cm-course.junior-high{background:#f4fdfd;border-color:#36bfd7}.class-management .cm-course.junior-high .cm-course-top{color:#28b9d3}.class-management .cm-course.junior-high .cm-course-bot{background:#d2fbfc;border-top-color:#36bfd7}.class-management .cm-course.junior-high .cmcb-left{border-right-color:#36bfd7}.class-management .cm-course.high-school{background:#f3f9fc;border-color:#c5d0d9}.class-management .cm-course.high-school .cm-course-top{color:#6a829a}.class-management .cm-course.high-school .cm-course-bot{background:#dfe8ef;border-top-color:#c5d0d9}.class-management .cm-course.high-school .cmcb-left{border-right-color:#c5d0d9}.class-management .cm-section{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:.5rem;overflow:hidden;background:#fff;border:1px solid #f28c99;position:relative;cursor:pointer}.class-management .cm-section .header-icon{position:absolute;right:0;top:.5rem;color:#bec4cf;text-align:right;cursor:pointer}.class-management .cm-section .header-icon .fa{transition:.3s}.class-management .cm-section .header-icon .fa:hover{color:#4f92ea}.class-management .cm-section-top{width:100%;-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:0}.class-management .cm-section-bot{-webkit-align-items:center;align-items:center;background:#ffe1e1;width:100%;border:2px solid #fff;text-align:center;padding:.714rem;font-weight:500;border-radius:0 0 .5rem .5rem}.class-management .cm-section .cmst-image{width:7.692rem;height:7.692rem;object-fit:cover;border-radius:50%;border:2px solid #707070;margin-left:1rem;margin-right:1.538rem}.class-management .cm-section .cmst-right{-webkit-flex:1 1;flex:1 1;min-width:0}.class-management .cm-section .cmst-class{color:#e00d29;font-size:1.846rem;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:1rem}.class-management .cm-section .cmst-homeroom{color:#232230;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.class-management .cm-section .cmst-homeroom>p{margin:0;overflow:hidden}.class-management .cm-section .cmst-ishomeroom{padding:.25rem .75rem;border-radius:1rem;border:1px solid #e00d29;color:#e00d29;font-weight:500;font-size:.8rem;width:-webkit-max-content;width:max-content;margin-top:.5rem}.class-management .cm-section.junior-high{border-color:#36bfd7}.class-management .cm-section.junior-high .cmst-class{color:#28b9d3}.class-management .cm-section.junior-high .cm-section-bot{background:#d2fbfc}.class-management .cm-section.junior-high .cmst-ishomeroom{border-color:#28b9d3;color:#28b9d3}.class-management .cm-section.high-school{border-color:#c5d0d9}.class-management .cm-section.high-school .cmst-class{color:#6a829a}.class-management .cm-section.high-school .cm-section-bot{background:#dfe8ef}.class-management .cm-section.high-school .cmst-ishomeroom{border-color:#6a829a;color:#6a829a}.class-management .transfer-select{max-width:20rem;font-weight:500}.add-edit-class-modal .form-control{font-weight:500;color:#232230}.add-edit-class-modal .form-control::-webkit-input-placeholder{color:#bec4cf}.add-edit-class-modal .form-control:-ms-input-placeholder{color:#bec4cf}.add-edit-class-modal .form-control::placeholder{color:#bec4cf}.addFirstCardBoxBg{background-color:#f2f7ff;border:5px solid #fff;border-radius:.5em;box-shadow:0 3px 8px rgba(78,78,78,.21);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.addFirstCardBoxBg button{-webkit-transform:scale(1.2);transform:scale(1.2)}.addFirstCardBoxBg div{margin-top:1em;color:#919191;font-weight:600;font-size:1.4em;letter-spacing:.1em;line-height:1.5em}.notif-component{transition:.5s;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.notif-component .infinite-scroll-component__outerdiv{width:100%}.notif-component .notif-icon{position:relative;cursor:pointer}.notif-component .notif-icon .menu-icon{position:relative;background:no-repeat url(/static/media/bell.7f6a2fc1.svg) 50%;transition:.1s ease-in-out}.notif-component .notif-icon.active .menu-icon,.notif-component .notif-icon:hover .menu-icon{background:no-repeat url(/static/media/bell-active.17fd8f15.svg) 50%}.notif-component .notif-icon.active .side-accent{background-color:#f74666}.notif-component .notif-icon.active .menu-icon{-webkit-animation:ringring 1s ease-in-out;animation:ringring 1s ease-in-out}.notif-component .notif-icon:hover .notif-new.active{border:2px solid #fff}@-webkit-keyframes ringring{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}75%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes ringring{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}75%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.notif-component .notif-triangle{position:absolute;right:-1.75rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;height:0;border-right:1.5rem solid #fff;border-top:1.5rem solid transparent;border-bottom:1.5rem solid transparent;z-index:1060}.notif-component .notif-new{width:0;height:0;background:red;border-radius:50%;position:absolute;top:2px;right:2px;border:none;transition:.1s ease-in-out}.notif-component .notif-new.active{width:1rem;height:1rem;border:2px solid var(--blue-primary)}.notif-component .content-sidebar-notif{position:fixed;top:5px;left:8rem;height:calc(100vh - 10px);width:530px;background:#fff;box-shadow:.25rem .25rem 3.1rem rgba(0,0,0,.2);overflow:auto;z-index:1050}.notif-component .title-notif{color:#232230;font-weight:600;margin:1.08rem .77rem}@media only screen and (max-width:450px){.notif-component .title-notif{margin-bottom:0;text-align:center}}.notif-component .title-actions{margin:1.08rem .77rem 1.08rem auto;color:#bec4cf}@media only screen and (max-width:450px){.notif-component .title-actions{margin-right:auto}}.notif-component .title-actions .actions-link{font-weight:500;font-size:.85rem;color:var(--label-color-dark-blue);cursor:pointer}.notif-component .title-actions .actions-link:hover{text-decoration:none}.notif-component .title-actions .actions-link.disabled{font-weight:500;font-size:.85rem;color:#bec4cf;cursor:auto}.notif-component .title-actions .actions-link.disabled:hover{text-decoration:none}.notif-component .title-actions ul li{width:auto;height:auto;margin:0;padding:0;border-radius:0;cursor:auto}.notif-component .border-line{border-bottom:1px solid #d5e7fc}.notif-component .no-unread{width:100%;height:90vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.notif-component .card-notif{border:none;box-shadow:0 0 5px rgba(0,0,0,.16);border-radius:.5rem;cursor:pointer;position:relative}.notif-component .card-notif:not(:last-of-type){margin-bottom:1.154rem}.notif-component .card-notif .card-body{padding:1rem .923rem}.notif-component .card-notif .card-body img{height:30px;width:30px;border-radius:15px}.notif-component .card-notif-title{font-weight:600;color:#232230;margin-bottom:0;line-height:1.385rem}.notif-component .card-notif-content{font-size:.85rem;font-weight:500;color:#676869;margin:.62rem 0;line-height:1.385rem}.notif-component .card-notif-time{font-size:.92rem;font-weight:600;color:#676869;margin-bottom:0;line-height:1.385rem}.notif-component .light{background:#f2f7ff}.notif-component ::-webkit-scrollbar-thumb{border-radius:.3em;background:#bec4cf}.notif-component ::-webkit-scrollbar-thumb:window-inactive{background:#bec4cf}.notif-component .iconDiv{display:none}.notif-tooltip{position:relative;background:#676869;color:#fff;font-weight:500;font-size:.77rem;z-index:1060;border-radius:.5rem;padding:.2rem .5rem;margin-bottom:.5rem}.notif-tooltip:before{content:"";position:absolute;width:0;height:0;bottom:-.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-top:.8rem solid #676869;border-right:.5rem solid transparent;border-left:.5rem solid transparent}.title-actions ul{list-style-type:none}.content-sidebar-notif .da-multi-select{border-color:#e9e8e8!important}.content-sidebar-notif .da-multi-select .dropdown-menu{height:-webkit-max-content;height:max-content}@media only screen and (max-width:450px){.notif-component .notif-icon{display:none}.notif-component .iconDiv{display:-webkit-flex;display:flex}.notif-component .content-sidebar-notif{position:fixed;top:49px;left:0;height:calc(100vh - 49px);width:100vw;background:#fff;box-shadow:.25rem .25rem 3.1rem rgba(0,0,0,.2);overflow:auto;z-index:100000}}.change-language-box .modal-body{padding:1.923rem}.change-language-box .modal-content{border-radius:.75rem}.change-language-box .content{padding-top:.5rem;padding-bottom:2.308rem}.change-language-box .select-like{-webkit-justify-content:space-between;justify-content:space-between;padding:1.154rem 0;color:#676869;cursor:pointer;border-bottom:1px solid #f2f2f2;font-weight:500}.change-language-box .select-like,.change-language-box .select-like .check-like{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;transition:.2s}.change-language-box .select-like .check-like{-webkit-justify-content:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid #bec4cf;color:#fff;font-size:.769rem}.change-language-box .select-like:not(:last-of-type){margin-bottom:.769rem}.change-language-box .select-like.checked .check-like{border:none;background:var(--label-color-blue)}.change-language-box .button-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.change-language-box .delete-title{font-size:2.3em!important;color:#232230;font-weight:700;padding:2.3rem 0}.change-language-box .no-btn{background-color:transparent;color:var(--label-color-dark-blue);padding:0;font-weight:400}.change-language-box .yes-btn{background:linear-gradient(90deg,var(--label-color-blue),#195eba);padding:1rem 3rem;color:#fff;font-weight:400;transition:all .2s;border-radius:5rem}.change-language-box .yes-btn:hover{background:linear-gradient(90deg,var(--label-color-dark-blue),var(--label-color-dark-blue))}@media (min-width:576px){.change-ay-box{max-width:400px;margin:1.75rem auto;max-height:calc(100vh - 3.5rem)}}.change-ay-box .modal-body{padding:1.923rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;max-width:100%;max-height:calc(100vh - 3.5rem);overflow:auto}.change-ay-box .modal-content{border-radius:.75rem;max-height:calc(100vh - 3.5rem)}.change-ay-box .content{padding-top:.5rem}.change-ay-box .select-like{-webkit-justify-content:space-between;justify-content:space-between;padding:1.154rem 0;color:#676869;cursor:pointer;border-bottom:1px solid #f2f2f2;font-weight:500}.change-ay-box .select-like,.change-ay-box .select-like .check-like{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;transition:.2s}.change-ay-box .select-like .check-like{-webkit-justify-content:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid #bec4cf;color:#fff;font-size:.769rem}.change-ay-box .select-like:not(:last-of-type){margin-bottom:.769rem}.change-ay-box .select-like.checked .check-like{border:none;background:var(--label-color-blue)}.change-ay-box .active-session-year{font-weight:600;color:var(--label-color-blue);font-style:italic}.change-ay-box .button-wrapper{padding-top:2.308rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.change-ay-box .delete-title{font-size:2.3em!important;color:#232230;font-weight:700;padding:2.3rem 0}.change-ay-box .no-btn{background-color:transparent;color:var(--label-color-dark-blue);padding:0;font-weight:400}.change-ay-box .yes-btn{background:linear-gradient(90deg,var(--label-color-blue),var(--themeBlue));padding:1rem 3rem;color:#fff;font-weight:400;transition:all .2s;border-radius:5rem}.change-ay-box .yes-btn:hover{background:linear-gradient(90deg,var(--label-color-dark-blue),var(--label-color-dark-blue))}.change-ay-box .ay-change-bottom-notice{margin-top:3rem;font-weight:600;color:#676869;-webkit-flex:0 1 max-content;flex:0 1 max-content;min-height:100px;overflow:auto;min-height:0}.change-ay-box ul{list-style:disc}.NotFoundPage_container__3CLoE{width:100%;min-height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.NotFoundPage_content__38t6U{grid-gap:16px;gap:16px}.NotFoundPage_content__38t6U,.NotFoundPage_textContainer__1S0bS{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.NotFoundPage_textContainer__1S0bS{grid-gap:8px;gap:8px}.NotFoundPage_title__1mj3a{font-size:2.125rem;font-weight:800;margin:0}.NotFoundPage_subtitle__3RtNl{font-size:1.125rem;font-weight:400;color:#4f4e59;color:var(--joy-palette-text-secondary,#4f4e59);margin:0}
/*# sourceMappingURL=main.18a18eca.chunk.css.map */