@font-face {
    font-family:'Quicksand-Regular';
    src:url('./fonts/Quicksand-Regular.eot');
    src:url('./fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Quicksand-Regular.woff2') format('woff2'),
        url('./fonts/Quicksand-Regular.woff') format('woff'),
        url('./fonts/Quicksand-Regular.ttf') format('truetype'),
        url('./fonts/Quicksand-Regular.svg#Quicksand-Regular') format('svg');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'rethinksans-variablefont_wght-webfont';
    src:url('./fonts/rethinksans-variablefont_wght-webfont.eot');
    src:url('./fonts/rethinksans-variablefont_wght-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/rethinksans-variablefont_wght-webfont.woff2') format('woff2'),
        url('./fonts/rethinksans-variablefont_wght-webfont.woff') format('woff'),
        url('./fonts/rethinksans-variablefont_wght-webfont.ttf') format('truetype'),
        url('./fonts/rethinksans-variablefont_wght-webfont.svg#rethink_sansregular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'NotoSansCJKSC-Regular';
    src:url('./fonts/NotoSansCJKSC-Regular.ttf') format('truetype'),
        url('./fonts/NotoSansCJKSC-Regular.svg#NotoSansCJKSC-Regular') format('svg');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'gothamblack';
    src:url('./fonts/gotham-black-webfont.ttf') format('truetype'),
        url('./fonts/gotham-black-webfont.svg#gothamblack') format('svg');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'gothambold';
    src:url('./fonts/gothambold-webfont.ttf') format('truetype'),
        url('./fonts/gothambold-webfont.svg#gothambold') format('svg');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'gothambook';
    src:url('./fonts/gothambook-webfont.ttf') format('truetype'),
        url('./fonts/gothambook-webfont.svg#gothambook') format('svg');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'AdobeKaitiStd-Regular-Alphabetic';
    src:url('./fonts/AdobeKaitiStd-Regular-Alphabetic.eot');
    src:url('./fonts/AdobeKaitiStd-Regular-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/AdobeKaitiStd-Regular-Alphabetic.woff2') format('woff2'),
        url('./fonts/AdobeKaitiStd-Regular-Alphabetic.woff') format('woff'),
        url('./fonts/AdobeKaitiStd-Regular-Alphabetic.ttf') format('truetype'),
        url('./fonts/AdobeKaitiStd-Regular-Alphabetic.svg#AdobeKaitiStd-Regular-Alphabetic') format('svg');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'AdobeKaitiStd';
    src:url('./fonts/AdobeKaitiStd.otf');
    font-weight:normal;
    font-style:normal;
}
/*styles.css or styles.scss*/
.__floater__arrow {display:none !important;}
body {user-select:none; /*Standard*/ -webkit-user-select:none; /*Chrome, Safari*/ -moz-user-select:none; /*Firefox*/ -ms-user-select:none; /*IE/Edge*/}
.loading-wrapper {padding:8px 10px !important; border-radius:20px !important; -webkit-border-radius:20px !important; -moz-border-radius:20px !important; display:block !important; --background:transparent !important; box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important;}
.loading-wrapper ion-spinner {width:50px; height:50px;}
ion-popover {
&::part(content) {border-radius:10px; -webkit-border-radius:10px !important; -moz-border-radius:10px !important;}
}
ion-popover::part(content) {--offset-y:-12px;}
ion-app::-webkit-scrollbar {display:none;}
ion-app {-ms-overflow-style:none; scrollbar-width:none;}
ion-app ion-popover:host {width:100px;}
.ion-page {justify-content:center !important;}
ion-toolbar {--background:transparent; --border-width:0 !important; --padding-top:0; --padding-bottom:0; --padding-start:0; --padding-end:0;}
.menutoparea {width:100%; margin:-50px auto 0; position:relative;}
.bottom-padding {padding-top:50px; background:#3694e9; position:absolute; top:-50px; left:0; right:0;}
.Mainheader.StuMainheader .dashboard-page .bottom-padding {background:#a2cdf3;}
/*.top-padding {padding-top:50px; background:#002d41; position:absolute; top:0; left:0; right:0;}*/
/*.nav-button {background:none; border:none; cursor:pointer; margin:0 10px; outline:none;}
.circle {width:40px; height:40px; border:2px solid #fff; display:flex; align-items:center; justify-content:center;}
.icon {width:0; height:0; border-style:solid;}
.left-arrow {border-width:6px 8px 6px 0; border-color:transparent #fff transparent transparent;}
.right-arrow {border-width:6px 0 6px 8px; border-color:transparent transparent transparent #fff;}*/

ion-content {--background:#F5F5F5;}
.d-flex {display:flex;}
.d-block {display:block;}
.align-items-center {align-items:center;}
.justify-center {justify-content:center;}
.text-nowrap {white-space:nowrap;}
.w-100 {width:100%;}
.reset {display:flex; justify-content:end; gap:10px;}
.reset-icon {width:40px;}
ion-searchbar.searchbar-left-aligned {border-radius:20px; --border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; padding:0;}
ion-searchbar.searchbar-left-aligned input.searchbar-input {border:1px solid #D9D9D9; color:#B3B3B3; font-size:16px; padding:10px 40px 10px 16px; line-height:16px;}
ion-icon.searchbar-search-icon {right:20px !important; left:auto !important; top:50% !important; transform:translate(0%, -50%);}
ion-searchbar.searchbar-has-value ion-icon.searchbar-search-icon {display:none !important;}
ion-select {--ion-padding-end:0; --placeholder-opacity:1 !important;}
.type-select ion-select::part(icon) {content:url('./assets/Chevrondown.svg'); width:12px; margin:2px 0 0 7px;}
.type-select ion-select {--placeholder-opacity:1 !important; font-size:16px; font-weight:600;}
ion-select::part(icon) {content:url('./assets/Chevrondownsmall.svg'); width:16px; height:16px; margin:7px 0px;}
.type-select ion-item {--background-hover:transparent; color:#000;}
.toolbar-select ion-select {--highlight-height:0 !important;}
/*===== Modal =====*/
.ion-model {animation:fadeIn 0.3s ease-in-out; --width:auto; --height:auto; border-radius:50px; --border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; --background:#fff;}
.ion-model.radius30 {border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.ion-model .modal-content {display:flex; flex-direction:column; padding:27px 30px; max-width:100%;}
.ion-model .modal-content ion-label {margin-bottom:5px;}
.modal-footer {width:calc(100% - -10px); margin-left:-2px;}
.modal-footer.calender ion-col {display:flex; align-items:center; justify-content:space-between; padding:5px 0;}
.modal-content ion-label {font-size:28px; color:var(--bluedark); font-weight:600; font-family:'Quicksand-Regular';}
.modal-content .event-color {border:1.5px solid #CCCCCC; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; justify-items:center; padding:10px; width:100%; text-align:center; margin-bottom:10px; background:#fff;}
.modal-content ion-input, .modal-content ion-select {width:100%; margin-bottom:15px; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; color:black; text-align-last:center;}
.modal-content .deadline {display:flex; align-items:center; font-family:'Quicksand-Regular'; font-weight:600; width:100%; font-size:16px; margin:17px 0 23px;}
.modal-content .deadline img {width:35px;}
/*.modal-content .deadline ion-checkbox {margin-right:12px; --checkbox-background:rgba(217, 217, 217, 1); --border-color:rgba(217, 217, 217, 1);}*/
.modal-content .deadline ion-checkbox {--size:16px; border-radius:5px; --border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; --checkmark-color:rgba(0, 192, 121, 1); --background:#fff; --checkbox-background-checked:#fff; --background-checked:#fff !important; --border-color:rgba(0, 66, 95, 1); --border-width:2px; --border-color-checked:rgba(0, 66, 95, 1);}
.modal-content .deadline ion-checkbox.checkbox-checked {background:var(--bluelight);}
.modal-content .deadline ion-icon {font-size:32px;}
.modal-content.downloads-popup {min-width:338px;}
.modal-content.group-setting-popup {width:930px; padding:27px 0 22px;}
.modal-content.group-setting-popup .close-event {padding:0 30px;}
.modal-content.group-setting-popup .group-setting-scroll {padding:0 20px 0 30px; margin-bottom:22px; height:55vh; overflow-x:hidden; overflow-y:auto;}
.downloads-popup .close-event {margin-bottom:13px;}
.downloads-popup .close-event ion-label {margin:0; font-size:28px;}
.downloads-popup .downloads {width:100%;}
.downloads-popup .downloads div {gap:25px; padding:12px 0; font-size:16px; font-weight:600; font-family:'Quicksand-Regular'; border-top:var(--bluelight) solid 1px; justify-content:space-between;}
.downloads-popup .downloads div:last-child {border-bottom:var(--bluelight) solid 1px;}
.downloads-popup .modal-footer {margin-top:30px;}
.downloads-popup .modal-footer ion-button {margin:0 !important; width:164px;}
.ion-model ion-button {width:100%; font-size:1rem; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-transform:uppercase; letter-spacing:0.5px;}
.modal-content .danger {--background:#f44336; --color:#fff;}
.modal-content .cancel {--background:#ccc; --color:black;}
.ion-model ion-button.danger {background-color:#f44336; color:#fff;}
.ion-model ion-button.cancel {background-color:#ccc; color:#000;}
.close-event {display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:16px;}
.close-event ion-input {border:none; margin:0; text-align:left; text-align-last:start; min-height:auto; font-size:16px;}
.close-event ion-input label div {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}
.close-event ion-input.has-focus .input-highlight, ion-input .input-highlight, ion-select .input-highlight, .deadline-group:empty {display:none;}
.close-event ion-icon {font-size:34px; cursor:pointer;}
.deadline-group {width:100%; border-top:var(--bluelight) solid 1px; border-bottom:var(--bluelight) solid 1px; padding:16px 0;}
.deadline-group .Assign {width:100%;}
.deadline-group .group-select {border:none; margin:0; width:100%; font-weight:700; font-family:'Quicksand-Regular'; font-size:16px; background-color:#fff; min-height:auto; display:flex; align-items:center; justify-content:space-between;}
.modal-footer ion-button {--padding-top:12px; --padding-bottom:12px; --padding-start:22px; --padding-end:22px; font-size:24px; color:#F5F5F5; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.modal-footer .save ion-button.overdue {--ion-color-base:linear-gradient(180deg, #FA2864 0%, #DF003F 100%) !important; min-height:50px; min-width:117px; box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32); --box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32); -webkit-box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32); -moz-box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32);}
.modal-footer .save ion-button {margin:0; min-height:50px; --padding-top:15px; --padding-bottom:15px; --padding-start:10px; --padding-end:10px; --ion-color-base:linear-gradient(0deg, #002A3D 0%, #00425F 100%) !important; box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); --box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -webkit-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -moz-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:164px; width:auto; text-transform:capitalize; font-family:'Quicksand-Regular';}
@keyframes fadeIn {from {opacity:0; transform:scale(0.9);} to {opacity:1; transform:scale(1);}}
.delete-modal {width:300px;}
/*.modal-content ion-button:first-of-type {margin-top:10px;}
.modal-content ion-button:last-of-type {margin-bottom:10px;}*/
/*===== Modal =====*/

/*Edit Model Date Piker Start*/
.date-range-picker {margin:0 0 15px; display:flex; justify-content:center; color:black !important;}
.rdrCalendarWrapper {border:var(--bluelight) solid 1px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.rdrWeekDay {font-size:16px; font-weight:600; font-family:'Quicksand-Regular'; color:var(--bluedark);}
.rdrDayNumber {top:10px !important;}
.rdrDayNumber span {font-size:17.58px; font-weight:500; color:var(--bluedark) !important; font-family:'Quicksand-Regular';}
.rdrInRange {background:#c9e1f7 !important; min-height:32px;}
.rdrStartEdge, .rdrEndEdge {background:#95c5f0 !important; min-height:32px;}
.rdrDateDisplayWrapper {display:none;}
.rdrDayNumber span {color:#000 !important;}
.rdrStartEdge {color:#B8BFEA !important; border-top-left-radius:16px !important; border-bottom-left-radius:16px !important;}
.rdrEndEdge {color:#B8BFEA !important; border-top-right-radius:16px !important; border-bottom-right-radius:16px !important;}
.rdrDayHoverd, .rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview {border-color:#B8BFEA !important;}
.rdrInRange {color:#DBDFF4 !important;}
.rdrDayDisabled .rdrDayNumber span {color:#b1b1b1 !important;}
/*Edit Model Date Piker End*/

/*===== Grid/List View =====*/
.selectview .toolbar-select {display:flex; gap:26px; align-items:center; color:#000;}
.toolbar-select.phone.desktophide {display:none;}
.mobileAnalytics .toolbar-select ion-select, .selectview .toolbar-select ion-select {width:100%; max-width:100%; min-width:180px; border:var(--bluelight) solid 1px; font-family:'Quicksand-Regular'; font-size:16px; font-weight:600; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:10px 12px 9px 16px; min-height:30px;}
.Mainarea.Assignments-student.teacher .selectview .toolbar-select {gap:25px;}
.Mainarea.Assignments-student.teacher .selectview .toolbar-select ion-select {min-width:217px;}
.selectview {display:flex; align-items:center; justify-content:flex-end;}
.list-search .selectview ion-img, .grid .selectview ion-img {min-width:32px; display:block; cursor:pointer;}
.list-search .selectview .toolbar-select {gap:15px;}
.grid .selectview .toolbar-select {gap:26px;}
.list-search.Assignments .selectview ion-img {display:none;}
.selectview ion-img {margin-left:5px; display:none;}
.list-search.Assignments .selectview ion-img.active, .selectview ion-img.active {display:block; cursor:pointer;}
.list-search .selectview {justify-content:flex-start;}
.d-flex.library-view.assign-view {gap:10px;}
.list-search ion-searchbar.searchbar-left-aligned {text-align:left; margin-right:20px;}
ion-grid.type-select {padding:9px 0 10px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; margin-top:15px; margin-bottom:3px;}
ion-grid.type-select div {display:flex; align-items:center; font-size:16px; font-weight:600; white-space:nowrap;}
ion-grid.type-select div ion-icon {margin-left:3px; font-size:20px;}
ion-grid.type-select ion-item.item {--border-color:transparent !important; --inner-padding:0px; --padding-start:0; --inner-padding-end:0;}
ion-grid.type-select ion-item.item ion-select {max-width:160px;}
/*ion-row.library-grid ion-col {padding:12px;}
ion-row.library-grid .box {border:1px solid #D9D9D9; padding:16px 16px 22px; background:#fff; position:relative;}
ion-row.library-grid .box ion-checkbox {position:absolute; top:25px; left:25px;}
ion-row.library-grid .book {display:flex; align-items:self-start; justify-content:space-between; line-height:30px;}
ion-row.library-grid .book.Library-book {align-items:center;}
ion-row.library-grid .book-title {color:#1E1E1E; font-size:16px; font-weight:600; line-height:22.4px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}
ion-row.library-grid .box .icons ion-img:first-child {margin-left:16px;}
ion-row.library-grid .box .icons ion-img {margin-left:12px; margin-bottom:0; width:30px;}*/

ion-row.library-list {margin-top:15px;}
ion-row.library-list ion-col {padding:10px;}
ion-row.library-list .book {display:flex; align-items:center; justify-content:space-between; border:1px solid #D9D9D9; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; padding:16px 15px; background:#fff;}
ion-row.library-list .checkmark {margin-right:0; padding:0 10px; background:rgba(149, 197, 240, 20%); height:100%; border-radius:0 30px 30px 0; -webkit-border-radius:0 30px 30px 0; -moz-border-radius:0 30px 30px 0; display:flex; align-items:center;}
ion-row.library-list .checkmark.active {background:var(--bluelight);}
/*ion-row.library-list ion-checkbox {margin-right:0; padding:0 10px; background:rgba(149, 197, 240, 20%); height:100%; border-radius:0 30px 30px 0; -webkit-border-radius:0 30px 30px 0; -moz-border-radius:0 30px 30px 0;}*/
.Mainheader.StuMainheader .Mainarea.teacher ion-row.library-list ion-checkbox.checkbox-checked {background:#95c5f0;}
ion-row.library-list .book ion-img {max-width:50px;}
ion-row.library-list .book-title {margin:0 20px; color:#000; font-weight:600; line-height:22.4px;}
ion-row.library-list .icons ion-img {width:25px; margin-left:13px; margin-bottom:0;}
ion-row.library-list .icons .Assigned {margin:0;}
ion-row.library-list .icons .day-btn {width:auto; margin-left:14px; margin-right:8px; padding:10px 16px; white-space:nowrap;}
ion-row.library-grid, ion-row.library-list {margin-left:-10px; margin-right:-10px; overflow:auto;}
.library-list.Assessmentsresults {margin-left:0; margin-right:0;}
.library-grid .icons, .library-list .icons {display:flex; align-items:center; justify-content:end; padding-right:30px;}
.library-grid .icons ion-icon, .library-list .icons ion-icon {font-size:32px;}
.extra-download {display:block; font-size:16px; line-height:22px; font-weight:600; font-family:'Quicksand-Regular'; cursor:pointer;}
.extra-download.active {color:var(--bluedark); text-decoration:underline; white-space:nowrap;}
.Assigned {font-size:16px; color:#757575; font-weight:400; line-height:22.4px; white-space:nowrap;}
.day-btn {background:#D9D9D9; color:#1E1E1E; padding:10px 12px; font-size:16px; line-height:16px; width:100%;}
.viewbtn {padding-top:13px;}
.viewbtn ion-button {border-radius:8px; --border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; --ion-color-base:#414141 !important; --padding-top:12px; --padding-bottom:12px; --padding-start:23px; --padding-end:23px; font-size:24px; font-weight:600; color:#F5F5F5; margin-left:27px; text-transform:none; letter-spacing:-0.48px; line-height:28.8px;}
.viewbtn ion-button ion-icon {margin-left:5px;}
.viewbtn ion-button:first-child {margin-left:0;}
.viewbtn ion-button.light {--background:#9F9F9F;}
/*===== Grid/List View =====*/

/*===== Dashboard Page =====*/
.Mainheader.StuMainheader .Start.dashboard-page .Mainarea {background:linear-gradient(274deg, #95C5F0 -3.52%, #E4F2FF 48.88%); border-radius:0 0 50px 0; -webkit-border-radius:0 0 50px 0; -moz-border-radius:0 0 50px 0;}
.Mainheader.StuMainheader.colorbg .student-header {background:transparent;}
/*.Mainheader.StuMainheader.colorbg ion-header .menubar ion-grid {background:linear-gradient(274deg, #95C5F0 -3.52%, #E4F2FF 48.88%); height:100%;}*/
.dashboard ion-col.chartbox {border-radius:30px 30px 30px 0; -webkit-border-radius:30px 30px 30px 0; -moz-border-radius:30px 30px 30px 0; box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -webkit-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -moz-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); background:#fff; padding:16px 30px 30px;}
.dashboard .chartbox .selectview {justify-content:space-between; gap:20px;}
.dashboard .chartbox .selectview p {margin:0; font-size:16px; font-weight:600; font-family:'Quicksand-Regular'; color:var(--bluedark);}
.dashboard .circle-progress {padding:25px; margin-top:12px; background:var(--bluelightshadow); border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.dashboard .selectview.Compare {display:block; padding:18px 25px; margin-top:18px; background:var(--bluelightshadow); border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.dashboard .selectview .toolbar-select ion-select {min-width:177px; background:#fff; padding:9.2px 12px;}
.dashboard .feed-box:first-of-type {border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0;}
.dashboard .feed-box {padding:13px 16px; margin-bottom:8px; font-family:'Quicksand-Regular'; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.dashboard .feed-box .imgbox {margin-right:16px;}
.dashboard .feed-box:last-child {margin-bottom:0; border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px;}
.dashboard .feed-box .feedItem {font-size:16px; color:var(--bluedark); font-weight:600; line-height:22.4px; margin:0 0 5px; word-break:break-word;}
.dashboard .feed-box .feedItem .non_chinese, .dashboard .feed-box .feedItem .chinese {float:left; display:contents;}
.dashboard .feed-box small {color:var(--bluedark); font-size:14px; font-weight:500; line-height:21px;}
.dashboard .selectview.Compare .toolbar-select {gap:8px; margin-bottom:16px; display:flex; align-items:center; justify-content:center;}
.dashboard .selectview.Compare .recharts-wrapper {margin:0 auto;}
.dashboard .selectview .toolbar-select ion-label {color:#1E1E1E; font-size:16px; font-weight:600; font-family:'Quicksand-Regular';}
.dashboard .circle-progress ion-col {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.dashboard .circle-progress .justify-center {gap:10px;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-item img {width:46px; height:auto;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-item {margin:0;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-txt {line-height:30px; margin-top:5px;}
.Mainheader.StuMainheader .dashboard .CircularProgressbar .CircularProgressbar-trail {stroke-width:3px !important;}
.dashboard .circle-progress .progress-bar p.process-img {font-size:94.772px; line-height:113.726px; white-space:nowrap; color:#000; width:auto; margin:0;}
.dashboard .circle-progress .progress-bar .process-img {width:58px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.dashboard .circle-progress .progress-bar p {font-size:31.032px; color:#000; font-weight:600; text-align:center; margin:5px 0 9px; line-height:37.238px; letter-spacing:-0.621px;}
.Mainheader .dashboard-page .Outstanding .Asesmnt-header {margin:-35px 60px 10px; width:auto;}
.dashboard-page .Outstanding {background:#fff; padding:10px 100px 0; width:1440px; margin:0 auto;}
.Gradingzone .arrowpopupbox {width:1440px; margin:0 auto;}
.dashboard-page .Outstanding ion-img.scroll-button {min-width:50px; height:50px; cursor:pointer;}
.dashboard-page .Outstanding ion-grid {padding:0;}
.dashboard-page #assessments-outstanding-grid, .dashboard-page #outstanding-grid,
.dashboard-page #outstanding-grid1, .dashboard-page #outstanding-grid2, .dashboard-page #outstanding-grid3 {scroll-behavior:smooth; padding:0; background:#fff;}
.Mainheader .dashboard-page .Outstanding .Assignments-student .library-grid .box .bookcover {top:0;}
.Mainheader .dashboard-page .Outstanding .Assignments-student .library-grid .box {min-height:371px; box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -webkit-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -moz-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); padding:25px 26.5px; margin-top:35px;}
.dashboard-page #assessments-outstanding-grid::-webkit-scrollbar,
.dashboard-page #outstanding-grid::-webkit-scrollbar,
.dashboard-page #outstanding-grid1::-webkit-scrollbar,
.dashboard-page #outstanding-grid2::-webkit-scrollbar,
.dashboard-page #outstanding-grid3::-webkit-scrollbar {width:0px; height:0px;}
.dashboard-page #assessments-outstanding-grid::-webkit-scrollbar-track,
.dashboard-page #outstanding-grid::-webkit-scrollbar-track,
.dashboard-page #outstanding-grid1::-webkit-scrollbar-track,
.dashboard-page #outstanding-grid2::-webkit-scrollbar-track,
.dashboard-page #outstanding-grid3::-webkit-scrollbar-track {background:transparent;}
.dashboard-page #assessments-outstanding-grid::-webkit-scrollbar-thumb,
.dashboard-page #outstanding-grid::-webkit-scrollbar-thumb,
.dashboard-page #outstanding-grid1::-webkit-scrollbar-thumb,
.dashboard-page #outstanding-grid2::-webkit-scrollbar-thumb,
.dashboard-page #outstanding-grid3::-webkit-scrollbar-thumb {background:transparent;}
.dashboard-page #assessments-outstanding-grid::-webkit-scrollbar-thumb:hover,
.dashboard-page #outstanding-grid::-webkit-scrollbar-thumb:hover,
.dashboard-page #outstanding-grid1::-webkit-scrollbar-thumb:hover,
.dashboard-page #outstanding-grid2::-webkit-scrollbar-thumb:hover,
.dashboard-page #outstanding-grid3::-webkit-scrollbar-thumb:hover {background:transparent;}
/*===== Dashboard Page =====*/

/*===== Classes Page =====*/
.Mainheader.StuMainheader .Classes .search-add {gap:14px; display:flex; align-items:center; justify-content:flex-end}
.Mainheader.StuMainheader .Classes .search-add ion-searchbar {width:340px;}
.Mainheader.StuMainheader .Classes .search-add ion-button {font-size:16px; font-weight:600; --color:#000; border-radius:0; --border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; --ion-color-base:#D9D9D9 !important; margin:0; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; --padding-top:10px; --padding-bottom:10px; --padding-start:10px; --padding-end:10px; text-transform:none; line-height:22.4px;}
.Mainheader.StuMainheader .group-view {background:var(--bluelightshadow); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding:18px 32px; margin-bottom:27px;}
.Mainheader.StuMainheader .group-view .library-list ion-col {padding:7.5px 0;}
.Mainheader.StuMainheader .group-view:last-child {margin-bottom:0;}
.Mainheader.StuMainheader .group-view .library-list .book {background:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding:0 0 0 17px; height:74px; overflow:hidden;}
.Mainheader.StuMainheader .group-view ion-img.classuser {width:52px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; object-fit:cover;}
.Mainheader.StuMainheader .Mainarea.teacher .group-view .library-list .book-title {font-size:22px; font-weight:600; font-family:'Quicksand-Regular'; margin:0 20px 0 0; white-space:nowrap;}
.Mainheader.StuMainheader .group-view .library-list .book div {gap:30px;}
.Mainheader.StuMainheader .group-view .tags:first-child {padding:7.5px 0;}
.Mainheader.StuMainheader .group-view .tag {background:rgba(178, 236, 216, 1); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding:8px 10px; color:#000; font-size:16px; line-height:16px; display:flex; align-items:center; font-family:'Quicksand-Regular'; white-space:nowrap;}
.Mainheader.StuMainheader .group-view .library-list .book .icons {gap:32px; padding:0; height:100%;}
.Mainheader.StuMainheader .group-view .library-list .book .icons ion-img.GroupDott {max-width:18px;}
.Mainheader.StuMainheader .group-view .library-list .book ion-checkbox {--size:30px; margin-right:0; padding:0 10px; background:var(--bluelight); height:100%; border-radius:0 30px 30px 0; -webkit-border-radius:0 30px 30px 0; -moz-border-radius:0 30px 30px 0;}
.Mainheader.StuMainheader .group-view ion-row.library-list {margin:6px 0 0; height:auto; display:flex; max-height:345px;}
.Mainheader.StuMainheader .group-view ion-row.library-list .drag {width:100%; display:inherit;}
.Mainheader.StuMainheader .group-view ion-row.library-list .icons .tag ion-img {width:16px;}
.Mainheader.StuMainheader .group-view ion-row.library-list .icons div {position:relative;}
.Mainheader.StuMainheader .group-view ion-row.library-list .icons div.tags {display:flex; align-items:center; gap:5px; white-space:nowrap; margin-right:-10px; overflow:hidden;}
.Mainheader.StuMainheader .group-view .tag-class {display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; gap:20px;}
.Mainheader.StuMainheader .group-view .tag-class .Actions {display:flex; align-items:center; gap:14px;}
.Mainheader.StuMainheader .group-view .tag-class .Actions ion-img {width:28px; margin-left:6px;}
.Mainheader.StuMainheader .group-view .tag-class .text {color:var(--bluedark); width:calc(100% - 257px); white-space:nowrap; gap:8px; font-size:28px; font-weight:600; display:flex; align-items:center; font-family:'Quicksand-Regular'; line-height:35px;}
.Mainheader.StuMainheader .group-view .tag-class .text .sub-text {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}
.Mainheader.StuMainheader .group-view .tag-class .text .chinese, .menu-content.class .classtab .submenu div ion-item .chinese {font-family:'NotoSansCJKSC-Regular';}
.Mainheader.StuMainheader .group-view .text ion-button {--padding-top:10px; --padding-bottom:10px; --padding-start:10px; --padding-end:10px; margin:0; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; --ion-color-base:rgba(0, 192, 121, 1) !important; font-size:28px; font-weight:600; --ion-color-contrast:var(--bluedark) !important; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:146px; text-transform:capitalize; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .group-view .Actions ion-button {--padding-top:10px; --padding-bottom:10px; --padding-start:10px; --padding-end:10px; margin:0; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; --ion-color-base:rgba(0, 66, 95, 1) !important; font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:130px; text-transform:capitalize; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .group-view .Actions .toolbar-select {display:flex; gap:14px; align-items:center; color:rgba(30, 30, 30, 1); font-size:16px; font-weight:600; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .group-view .Actions .toolbar-select ion-select {--padding-top:0; --padding-bottom:3px; padding:7.2px 16px; margin:0; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; background:rgba(0, 66, 95, 1) !important; font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:125px; text-transform:capitalize; font-family:'Quicksand-Regular'; color:#fff; min-height:32px;}
.Mainheader.StuMainheader .group-view .Actions .toolbar-select ion-select::part(native) {padding:0;}
.Mainheader.StuMainheader .group-view .Actions .toolbar-select ion-select::part(icon) {content:url('./assets/ListView-light.svg'); width:28px; height:28px; margin:2px 0; right:var(--padding, 0); transform:none;}
.Mainheader.StuMainheader .group-view .Actions .toolbar-action {padding:9px 16px; display:flex; align-items:center; gap:10px; background:rgba(0, 66, 95, 1) !important; font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:125px; text-transform:capitalize; font-family:'Quicksand-Regular'; color:#fff; min-height:48px;}
ion-popover.action-popover::part(content) {--offset-y:0px;}
.Mainheader.StuMainheader .group-view .Actions ion-button.setting {min-width:49px; --padding-start:0; --padding-end:5px;}
.Mainheader.StuMainheader .Mainarea.teacher .search-add ion-button {margin:0 !important; min-width:74px !important;}
/*===== Classes Page =====*/

.Mainheader.StuMainheader .classes-accordion .group-view {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; margin:0; padding:14px 13px;}
.Mainheader.StuMainheader .classes-accordion .scores-accordion {margin-bottom:8px;}
.Mainheader.StuMainheader .classes-accordion .scores-accordion ion-accordion ion-item ion-icon {display:none;}
.Mainheader.StuMainheader .classes-accordion .scores-accordion:first-child ion-item {border-radius:30px 30px 0 0 !important; -webkit-border-radius:30px 30px 0 0 !important; -moz-border-radius:30px 30px 0 0 !important;}
.Mainheader.StuMainheader .classes-accordion .scores-accordion .scores-sub-accordion ion-item {--padding-start:0; --inner-padding-end:0; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}
.Mainheader.StuMainheader .classes-accordion .scores-accordion ion-item {--ion-color-base:rgba(0, 66, 95, 1) !important; --ion-color-shade:transparent !important; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}
.Mainheader.StuMainheader .classes-accordion .scores-accordion ion-item ion-icon, .Mainheader.StuMainheader .classes-accordion .scores-accordion ion-item ion-label {color:#fff; font-weight:700;}
.Mainheader.StuMainheader .classes-accordion .scores-sub-accordion {margin-top:0;}
.Mainheader.StuMainheader .classes-accordion .group-view .tag-class {justify-content:end; margin-bottom:8px;}
.Mainheader.StuMainheader .classes-accordion .group-view .Actions {gap:10px;}
.Mainheader.StuMainheader .classes-accordion .group-view .Actions ion-button {--padding-top:0; --padding-bottom:0; min-height:37px; min-width:106px;}
.Mainheader.StuMainheader .classes-accordion .group-view .Actions ion-button ion-img {margin:0 6px 0 0; width:20px;}
.Mainheader.StuMainheader .classes-accordion .group-view .Actions ion-button.setting {min-width:37px; height:37px;}
.Mainheader.StuMainheader .classes-accordion .group-view .Actions ion-button.setting ion-img {width:22px; margin:0 0 0 5px;}
.Mainheader.StuMainheader .classes-accordion .scores-accordion .group-view .library-list .book {border-radius:15px !important; -webkit-border-radius:15px !important; -moz-border-radius:15px !important; height:auto;}
.Mainheader.StuMainheader .classes-accordion .scores-accordion.accordion-expanded ion-accordion-group ion-item {--padding-start:0; --inner-padding-end:0; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}
.Mainheader.StuMainheader .classes-accordion .scores-accordion .group-view .library-list .book-title {font-size:16px; line-height:normal;}
.Mainheader.StuMainheader .classes-accordion .scores-accordion ion-row.library-list .icons ion-img.usertag {width:22.5px !important;}
.Mainheader.StuMainheader .classes-accordion .scores-accordion ion-accordion-group {background:rgba(178, 236, 216, 1);}
.Mainheader.StuMainheader .classes-accordion .group-view .tag {font-size:12px; background:rgba(178, 236, 216, 1); color:#000; border-radius:22.5px !important; -webkit-border-radius:22.5px !important; -moz-border-radius:22.5px !important; padding:4px 7px;}
.Mainheader.StuMainheader .classes-accordion .group-view .tag ion-icon {display:block; font-size:12px; color:#000;}
.Mainheader.StuMainheader .Mainarea.teacher .classes-accordion ion-row.library-list ion-checkbox {--size:22px !important; border-radius:0 15px 15px 0; -webkit-border-radius:0 15px 15px 0; -moz-border-radius:0 15px 15px 0;}
.Mainheader.StuMainheader .Mainarea.teacher .classes-accordion ion-row.library-list .icons {gap:11px !important;}
.Mainheader.StuMainheader .Mainarea.teacher .classes-accordion .group-view .library-list ion-col {padding:3px 0;}
.Pad0 {padding:0 !important;}
.filter-part ion-select {margin-right:20px;}
.filter {display:flex; align-items:center;}
.filter ion-img {width:20px; margin-right:7px;}
ion-segment {gap:9px; display:flex; justify-content:start;}
ion-segment-button.segment-button-checked {background:#fff; --color-checked:#767676; --background-hover:transparent;}
ion-segment-button:first-child {margin-left:10px;}
ion-segment-button {background:#D9D9D9; --background-hover:transparent; min-width:auto; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; padding:2px 30px; color:#767676; font-size:16px; text-transform:none; border:#D9D9D9 solid 1px;}
ion-segment-button::part(native) {padding:0;}
ion-segment-button::part(indicator-background) {background-color:transparent;}
.Analytics-view, .Actions {display:flex; align-items:center; justify-content:space-between;}
.Analytics .text {display:flex; align-items:center; font-size:28px; font-weight:600; gap:16px;}
.Analytics-view .text span {background:#D9D9D9; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:77px; height:77px; overflow:hidden;}
.Analytics-view .text span img {width:100%; height:100%;}
.Analytics-view .Actions div {gap:9px; display:flex; align-items:center; font-size:16px; font-weight:600; color:#000; margin-right:11px;}
.Analytics-view .Actions div ion-img {width:30px;}
.Analytics-view .Actions ion-img {width:38px;}
.Analytics .Analyticsuser {display:flex; align-items:center; justify-content:space-between; width:100%; border-bottom:var(--bluelight) solid 3px; padding-bottom:5px;}
.Analytics .Analyticstext {display:flex; align-items:center; font-size:28px; font-weight:600; gap:16px; font-family:'Quicksand-Regular';}
.Analytics .Analyticsuser small {font-size:14px; font-weight:400; font-family:'Quicksand-Regular'; gap:5px; display:flex; align-items:center;}
.Analytics .Analyticsuser small span {background:rgba(0, 191, 125, 1); border-radius:36px; -webkit-border-radius:36px; -moz-border-radius:36px; height:23px; line-height:22px; padding:0 6px;}
.Analytics .Analyticsuser small ion-icon {font-size:14px;}
.Analyticstextinput ion-select {border:none; font-size:14px; font-weight:500; font-family:'Quicksand-Regular'; min-height:auto; margin:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; min-width:75px;}
.Analyticstextinput ion-select::part(icon) {margin:4px 0;}
.Analytics-view .award {gap:12px; font-family:'Quicksand-Regular'; display:flex; align-items:center; justify-content:flex-end;}
.Analytics-view .award div {gap:10px; font-size:16px; font-weight:700; line-height:24px; padding:4px 5px; display:flex; align-items:center; justify-content:flex-end;}
.Analytics-view .award ion-img {min-width:31px;}
.Analytics-data .Actions {padding:10px 0;}
.Analytics-data .chartbox {padding:0 !important; border:none; height:auto;}
.Analytics-data .Actions div {position:relative;}
.Analytics-data .Actions .title {font-size:16px; min-width:97.339px; text-align:center;}
.Analytics-data .Actions div ion-img {width:61px;}
.Analytics-data .Actions div span {position:absolute; top:11px; left:0; right:0; text-align:center;}
.Analytics-data ion-button {font-size:14px; font-weight:400; --color:#fff; border-radius:0; --border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; --ion-color-base:#414141 !important; margin:9px 0 0; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; --padding-top:10px; --padding-bottom:10px; --padding-start:10px; --padding-end:10px; text-transform:none; line-height:22.4px;}
.Analytics-data ion-select {background:#fff;}
.Analytics-data .selectview .toolbar-select {gap:13px; font-family:'Quicksand-Regular'; font-weight:600;}
.Analytics-data .selectview {justify-content:space-between;}
.Analytics-data .selectview ion-button {--padding-top:13px; --padding-bottom:13px; --padding-start:17px; --padding-end:17px; margin:0; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; --ion-color-base:rgba(0, 66, 95, 1) !important; font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:130px; text-transform:capitalize; font-family:'Quicksand-Regular'; height:49px;}
.Analytics-data .selectview ion-button ion-img {display:block; margin:0 10px 0 0 !important;}
.Analytics-data .selectview.Compare {background:#fff; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:15px 15px 35px; justify-content:center; margin-top:26px;}
.Analytics.view .group-view {padding:18px 32px 30px; border-radius:30px 30px 30px 0; -webkit-border-radius:30px 30px 30px 0; -moz-border-radius:30px 30px 30px 0; margin-bottom:16px;}
.Analytics.view .group-view .award-medals {display:flex; gap:18px;}
.Analytics.view .group-view .award-medals ion-img {width:46px;}
.Analytics.view .group-view .award-medals .medal-count {color:#fff; font-size:24.2px; font-weight:700; font-family:'Quicksand-Regular'; top:22px}
.Analytics.view .group-view .awards-container {margin:22px -5px 0;}
.Analytics.view .group-view .awards-container .award-item {margin:0 5px; padding:10px 15px 10px 20px;}
p.Analyticstitle {margin:0; font-size:28px; font-weight:600; font-family:'Quicksand-Regular'; color:var(--bluedark);}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage {padding:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin-top:40px; margin-bottom:0;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container {padding:0 0 40px; align-items:center; gap:30px;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {display:flex; gap:48px;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item {width:109px; margin:0;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item .Asesmnt-pro-txt {line-height:35px;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item:nth-child(3) .CircularProgressbar-trail {stroke:var(--pinklight) !important;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item:nth-child(3) path.CircularProgressbar-path {stroke:var(--orange) !important;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item:nth-child(4) .CircularProgressbar-trail {stroke:var(--yellowlightshadow) !important;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item:nth-child(4) path.CircularProgressbar-path {stroke:var(--yellow) !important;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage p {font-size:16px; font-weight:500; font-family:'Quicksand-Regular'; margin:0; line-height:24px;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage p strong {font-weight:600;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list {background:var(--bluelightshadow); padding:30px 32px; border-radius:0 30px 30px 30px; -webkit-border-radius:0 30px 30px 30px; -moz-border-radius:0 30px 30px 30px; margin:0;}
.Lastbefore.active {--background:var(--bluelight); width:auto; border-radius:10px; --border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; color:var(--bluedark); box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; font-family:'Quicksand-Regular'; text-transform:none; font-weight:700; margin:0 0 0 10px; --padding-start:21px; --padding-end:21px; --padding-top:10px; --padding-bottom:10px; min-height:40px; font-size:16px;}
ion-button.Lastbefore {--background:#fff; width:auto; border-radius:10px; --border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; color:var(--bluedark); box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; font-family:'Quicksand-Regular'; text-transform:none; font-weight:700; margin:0 0 0 10px; --padding-start:21px; --padding-end:21px; --padding-top:10px; --padding-bottom:10px; min-height:40px; font-size:16px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col {padding:0; margin-bottom:16px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col:last-child {margin-bottom:0;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book {background:#fff; padding:0 16px 0 0;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container {width:auto; gap:16px; padding:10px 0; min-width:317px; justify-content:start;}
.Mainheader.StuMainheader .AnalyticsTabs ion-segment-button {margin:0; background:rgba(231, 231, 231, 1); border:none; border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; font-size:28px; font-weight:600; color:var(--bluedark); letter-spacing:normal; line-height:normal; height:54px; padding:0; overflow:hidden;}
.Mainheader.StuMainheader .AnalyticsTabs ion-segment-button ion-label {padding:0 14px; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .AnalyticsTabs ion-segment-button.segment-button-checked {height:60px; background:var(--bluelightshadow);}
.Mainheader.StuMainheader .AnalyticsTabs .library-list .book-title {font-size:22px; font-weight:600; margin:0 18px; line-height:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list .Asesmnt-pro-itm {min-width:69px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list .Asesmnt-pro-itm .Asesmnt-pro-txt {font-size:19.74px;}
.Mainheader.StuMainheader .AnalyticsTabs .smallbox {display:flex; gap:16px;}
.Mainheader.StuMainheader .AnalyticsTabs .smallbox .Asesmnt-pro-item {width:46px; margin:0;}
.Mainheader.StuMainheader .AnalyticsTabs .smallbox .Asesmnt-pro-item img.Asesmnt-pro-img {height:20px;}
.Mainheader.StuMainheader .AnalyticsTabs .smallbox .Asesmnt-pro-item .Asesmnt-pro-txt {font-size:12.15px; line-height:normal; margin-top:8px;}
::-webkit-scrollbar {width:21px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
::-webkit-scrollbar-track {background:#e4f2ff; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
::-webkit-scrollbar-thumb {background:#95c5f0; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border:#e4f2ff solid 5px;}
::-webkit-scrollbar-thumb:hover {background:#95c5f0;}
.alert-checkbox-group .alert-checkbox-button-disabled .alert-checkbox-icon {display:none;}
.alert-checkbox-group .alert-checkbox-button-disabled .alert-checkbox-label {padding-left:15px;}

/*Exercise*/
.header-row {padding-bottom:10px; background:#f5f5f5;}
.header-col {align-content:space-evenly;}
.header-content {display:flex; align-items:center; gap:5px; justify-content:center;}
.header-center {align-content:space-evenly;}
.header-text {color:black; font-size:20px;}
.profile-img {border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;}
.progress {display:flex; width:100%;}
.progress-part-one {width:100%; z-index:10;}
.progress-part-two-on, .progress-part-two {width:calc(100%/2); z-index:10;}
.progress-part-on, .progress-part {width:calc(100%/3); z-index:10;}
.progress-up {display:flex; align-items:center; justify-content:center; height:60px; gap:10px; padding:5px 0 0;}
.progress-up-on {display:flex; align-items:center; justify-content:center; height:60px; gap:10px;}
.progress-icon {height:30px; width:auto;}
.progress-text {font-size:20px;}
.progress-reading {background-color:#D9D9D9;}
.progress-exercise {background-color:#CCCACA;}
.progress-test {background-color:#BEBEBE;}
.content-column {padding:30px 10%; background:#f5f5f5; height:calc(100vh - 288px);}
.content-column.setheight {height:calc(100vh - 205px);}
.read-container {display:flex; gap:10px;}
.read-image-section {width:calc(100% / 2.5); aspect-ratio:3 / 2;}
.read-image {height:300px;}
.read-content-section {width:calc(100% / 1.67);}
.read-header {font-size:15px;}
.read-subheader {font-size:20px; font-weight:600;}
.read-main-content {background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:10px;}
.read-text {font-size:inherit; display:flex; gap:8px; flex-wrap:wrap;}
.read-audio-section {width:100%; max-width:600px; margin:5px auto;}
.read-audio-controls {display:flex; align-items:center; gap:5px;}
.read-play-pause-icon {font-size:40px; cursor:pointer;}
.read-progress-container {display:flex; width:100%; flex-direction:row; gap:5px; align-items:center; background-color:#f5f5f5; padding:10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.read-time {display:flex; width:110px; font-size:14px;}
.read-progress-bar {height:3px; width:100%; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background-color:#bebebe;}
.read-progress {height:100%; background-color:#3b00ff; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; text-align:right;}
.read-progress-handle {border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; color:#fff; font-weight:900; background:#3b00ff; display:flex; height:10px; width:10px; top:-3px; position:relative; justify-self:right; justify-content:center;}
.read-popover-content {width:300px; font-family:'Quicksand-Regular'; font-size:14px; font-weight:700; padding:19px 10px 19px 16px; background-color:var(--bluedarkest); box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); color:#fff; display:grid; gap:16px;}
.read-popover-header {display:flex; justify-content:space-between;}
.read-popover-title {display:flex; align-items:center; gap:5px;}
.read-font-popover-content {background-color:var(--bluedarkest); box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); color:#fff; display:grid;}
.read-font-popover-header {display:flex; align-items:center; font-family:'Quicksand-Regular'; font-weight:700; font-size:14px; gap:8px; padding:10px; border-bottom:1px solid #fff;}
.read-font-options {padding:5px 16px 8px; font-family:'Quicksand-Regular';}
.read-font-option {padding:7px 0; min-height:36px; display:flex; align-items:center; font-family:'Quicksand-Regular'; gap:5px; cursor:pointer;}
.read-font-toggle {position:relative; display:flex; align-items:center; flex-wrap:wrap; font-weight:500; gap:6px; cursor:pointer;}
.read-speed-popover-content {background-color:var(--bluedarkest); box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); color:#fff; display:grid;}
.read-speed-popover-header {display:flex; align-items:center; font-family:'Quicksand-Regular'; gap:8px; padding:14.6px 10px; font-size:14px; border-bottom:1px solid #fff; font-weight:700;}
.read-speed-slider-container {padding-top:15px; padding-left:10px; padding-right:10px; font-family:'Quicksand-Regular';}
.read-speed-slider {width:100%; height:6px; background:#fff; position:relative; cursor:pointer; border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;}
.read-speed-handle {top:-2px; position:absolute; width:12px; height:12px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#fff;}
.read-speed-value {text-align:center; margin-top:10px;}
.read-speed-options {padding:5px 10px; font-family:'Quicksand-Regular';}
.read-speed-option {cursor:pointer; padding:5px 0;}
.read-speed-toggle {position:relative; display:flex; align-items:center; font-weight:500; gap:6px; line-height:18px; cursor:pointer;}
.setting-Popover {height:auto; display:flex;}
.read-settings-icon {cursor:pointer; min-width:24px;}
.Mainheader.StuMainheader .read-audio-controls .setting-Popover img {width:auto; min-width:auto;}
.read-translation-section {display:block; margin:10px 0px;}
.Mainheader.StuMainheader .read-translation-item ion-segment-button {background:none; margin:0; padding:0; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; --ripple-color:transparent;}
.Mainheader.StuMainheader .read-translation-item ion-segment-button span {color:var(--bluedark);}
.Mainheader.StuMainheader .read-translation-item .segment-button-checked span {color:#fff;}
.Mainheader.StuMainheader .read-translation-item .segment-activated .segment-button-checked span {color:var(--bluedark);}
.read-translation-item {display:flex; margin:10px 0px; gap:5px; align-items:center;}
.next-btn-section {display:flex; gap:10px; justify-content:flex-end;}
.previous-btn-section {display:flex; gap:10px; justify-content:flex-start;}
.pron-prac-btn {height:40px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:15px; font-weight:700; background:#aff4f8; color:#444444; padding:0px 10px; align-content:space-evenly; align-self:center;}
.previous-btn {margin-left:15%;}
.next-btn {margin-right:15%;}
.no-uppercase {text-transform:none;}
.exec-text {width:100%; justify-items:center; margin-bottom:20px; font-family:'Quicksand-Regular'; text-align:center;}
.exec-text-up {font-size:15px;}
.exec-text-down {font-size:17px; font-weight:600;}
.exercise-container {display:flex; flex-direction:column; align-items:center; padding:20px;}
.items {display:flex; flex-direction:row; gap:5px; padding:10px; margin-bottom:40px; min-height:120px; min-width:100%; justify-content:center;}
.drag-icon {height:100%; align-content:space-evenly;}
.drag-item {display:flex; gap:20px; width:180px; height:70px; padding:10px 15px; background-color:#fff; border:1px solid #ddd; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; font-size:18px; font-weight:600;}
.boxes {display:flex; flex-direction:row; gap:10px; justify-content:space-between;}
.box {display:grid; gap:15px;}
.drag-box {width:185px; display:flex; flex-direction:column; align-items:center; border:1px solid #ccc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; justify-content:center; height:75px; background:#D9D9D9;}
.drag-box.green-border .drag-item {border:2px solid rgba(0, 134, 85, 1) !important; background:rgba(216, 248, 223, 1) !important;}
.drag-box.green-border .drag-item .drag-icon span {background:rgba(0, 134, 85, 1); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:7px; height:7px; margin:1.5px 1px;}
.drag-box.red-border .drag-item {border:2px solid rgba(223, 0, 63, 1) !important; background:rgba(255, 235, 232, 1) !important;}
.drag-box.red-border .drag-item .drag-icon span {background:rgba(223, 0, 63, 1); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:7px; height:7px; margin:1.5px 1px;}
.main-content {display:flex; gap:10px;}
.main-contents {display:block; gap:10px;}
.mains-content {display:flex; gap:10px; justify-content:center;}
.item-container {display:grid; gap:10px;}
.options-section {display:grid; gap:10px; justify-content:space-evenly;}
.options-sections {width:200px; display:block; align-content:center; justify-items:center;}
.option {display:flex; gap:5px; font-size:25px; padding:7.5px 15px 7.5px 20px;}
.option-rit {background:rgba(216, 248, 223, 1); width:100%; display:flex; align-items:center; justify-content:space-between; padding:7.5px 15px 7.5px 20px;}
.Mainheader.StuMainheader .option-rit .radio-container .radio-checkmark:after {background:rgba(0, 134, 85, 1);}
.Mainheader.StuMainheader .option-rit span.radio-checkmark {border-color:rgba(0, 134, 85, 1); background:transparent !important;}
.option-rng {background:rgba(255, 235, 232, 1); width:100%; display:flex; align-items:center; justify-content:space-between; padding:7.5px 15px 7.5px 20px;}
.Mainheader.StuMainheader .option-rng .radio-container .radio-checkmark:after {background:rgba(223, 0, 63, 1);}
.Mainheader.StuMainheader .option-rng span.radio-checkmark {border-color:rgba(223, 0, 63, 1); background:transparent !important;}
.options {display:flex; gap:5px; margin-bottom:10px; font-size:25px;}
.hanzi-wrting-section {display:flex;}
.hanzi-section {width:calc(100%/2); justify-items:center; max-width:450px; margin:0 auto; text-align:center;}
.hanzi-box {margin-top:20px; background-image:url("./assets/hanzi-bg.png"); background-repeat:no-repeat; background-position:center;}
.play-icon {margin-top:20px; font-size:60px; cursor:pointer;}
.refresh-icon {margin-top:20px; cursor:pointer;}
.speak-section {width:70%; justify-self:center;}
.speak-container {background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:10px; font-size:20px;}
.audio-container {width:100%; max-width:600px; margin:5px auto;}
.audio-controls {display:flex; align-items:center; gap:5px;}
.play-icons {font-size:40px; cursor:pointer;}
.play-icon-big {margin-top:15px; font-size:60px; cursor:pointer;}
.progress-container {display:flex; width:100%; flex-direction:row; gap:11px; align-items:center; background-color:#f5f5f5; padding:10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.time-display {display:flex; width:110px; font-size:14px;}
.progress-bars {height:3px; width:100%; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background-color:#bebebe;}
.progress-back {height:100%; background-color:#3b00ff; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; text-align:right;}
.progress-indicator {border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; color:#fff; font-weight:900; background:#3b00ff; display:flex; height:10px; width:10px; top:-3px; left:6px; position:relative; justify-self:right; justify-content:center;}
.popover-content {padding:10px; border:1px solid #ccc; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; background-color:#414141; box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); color:#fff; display:grid; gap:10px;}
.popover-item {display:flex; align-items:center; gap:5px;}
.settings-icon {cursor:pointer;}
.translation-section {display:block; margin:10px 0;}
.translation-item {display:flex; margin:10px 0; gap:5px; align-items:center;}
.record-section {display:flex; align-items:center; gap:10px;}
.record-icon, .delete-icon {height:40px; width:auto; cursor:pointer;}
.highlight-container {display:flex; gap:4px; align-items:center;}
.highlight-select {position:relative; display:inline-block;}
.highlight-dropdown {cursor:pointer;}
.highlight-selected {display:flex; padding:10px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; width:180px; background:#fff; justify-content:space-between;}
.highlight-selected-content {font-weight:500; display:flex; gap:10px;}
.rotate-img {transform:rotate(-180deg); transition:transform 0.5s ease;}
.un-rotate-img {transform:rotate(0deg); transition:transform 0.5s ease;}
.highlight-options {bottom:50px; overflow:hidden; position:absolute; background-color:#fff; border:1px solid #D9D9D9; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; list-style:none; padding:0; margin:0; width:100%; z-index:1000;}
.highlight-option {padding:10px; border-bottom:1px solid #D9D9D9; cursor:pointer; display:flex;}
.highlight-option:hover {background-color:#ccc; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
.circle {display:inline-block; width:19px; height:19px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; min-width:19px; margin-right:-5px;}
.white-circle {background-color:#fff; border:1px solid black;}
.red-circle {background-color:rgba(223, 0, 63, 1);}
.gray-circle {background-color:rgba(231, 231, 231, 1);}
.green-circle {background-color:green;}
.image-audio-section {width:calc(100% / 2.2);}
.text-input-section {width:calc(100% / 1.8);}
.text-font-size {font-size:17px;}
.custom-textarea {width:100%; height:250px; padding:10px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border:1px solid #ccc; background:#fff; position:relative; top:10px;}
.header-container {width:100%; justify-items:center; text-align:center;}
.main-container {display:block; justify-items:center;}
.flex-container {display:flex; gap:5px; align-items:center; justify-content:center;}
.large-text {font-size:x-large;}
.image-container {position:relative; width:50%; top:10px;}
.record-section-four {display:flex; align-items:center; gap:10px; position:relative; top:20px;}
/*Custom Radio Input*/
.radio-container {display:block; position:relative; margin-bottom:12px; cursor:pointer; font-size:22px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.radio-container input {position:absolute; opacity:0; cursor:pointer;}
.radio-checkmark {position:absolute; top:4px; left:0; height:25px; width:25px; background-color:#eee; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
/*Ensure text in #result wraps to a new line when it overflows*/
span#result {word-wrap:break-word; /*Break long words*/ white-space:pre-wrap; float:left; margin-right:10px;}
.radio-container:hover input~.radio-checkmark {background-color:#ccc;}
.radio-container input:checked~.radio-checkmark {background-color:var(--bgcolor, #2196F3);}
.radio-checkmark:after {content:""; position:absolute; display:none;}
.radio-container input:checked~.radio-checkmark:after {display:block;}
.radio-container .radio-checkmark:after {width:16px; height:16px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#fff; justify-self:center; margin:0; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
:root {--bluedark:rgba(0, 42, 61, 1); --bluedarkest:rgba(0, 65, 93, 1); --blue:rgba(11, 126, 229, 1); --bluelight:rgba(149, 197, 240, 1); --bluelightshadow:rgba(228, 242, 255, 1); --orange:rgba(243, 91, 4, 1); --orangelight:rgba(241, 214, 156, 1); --orangedark:rgba(255, 0, 4, 1); --orangelightshadow:rgba(255, 235, 227, 1); --yellow:rgba(245, 182, 26, 1); --yellowdark:rgba(249, 191, 48, 1); --yellowlightshadow:rgba(251, 227, 167, 1); --pinklight:rgba(251, 188, 165, 1);}
/*Student Mainarea*/
.Mainheader.StuMainheader ion-content {--background:#ffffff;}
.Mainheader.StuMainheader .Start .Mainarea {width:1440px; background:#fff; margin:0 auto; padding:15px 0 0;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange, .Mainheader.StuMainheader .Start .blue-bg .spacemange, .bluebgimg.teacher .pagespace .spacemange {padding:0 160px; position:relative;}
ion-img.yellopartoverlay {position:absolute; top:0; object-fit:cover; width:100%; height:100%;}
.footerbg {background:#fff; max-height:260px; overflow:hidden; position:relative;}
.yellopart {width:100%; height:100%; min-height:100px;}
.yellopart.mobile {display:none;}
.loginpage {padding:0; height:auto; width:100%;}
.loginpage video {right:0; bottom:0; min-width:100%; min-height:100%; z-index:-100; position:absolute; object-fit:cover;}
.loginpage ion-header, .loginpage .Mainarea {width:1240px; padding:0 100px; height:100vh; margin:0 auto; display:flex; align-items:center;}
.loginpage ion-button {margin:0; --ion-color-contrast:#F5B61A !important; min-height:43px; --padding-top:10px; --padding-bottom:10px; --padding-start:16px; --padding-end:16px; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; --ion-color-base:#fff !important; border:2px solid #F5B61A; font-family:'gothambold'; font-style:normal; font-weight:500; font-size:18px; line-height:20px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; overflow:hidden; width:100%;}
.loginpage .main-box ion-list.userform {width:100%;}
.loginpage .main-box {padding:5px 20px; background:#fff; box-shadow:0px 4px 15px rgba(0, 0, 0, 0.07); -webkit-box-shadow:0px 4px 15px rgba(0, 0, 0, 0.07); -moz-box-shadow:0px 4px 15px rgba(0, 0, 0, 0.07); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding:25px 30px 30px; display:flex; flex-direction:column; align-items:flex-start; width:100%; height:100%;}
.loginpage .main-box ion-grid {width:100%; gap:20px; display:grid;}
.loginpage .main-box ion-grid ion-img {width:max-content;}
.loginpage .main-box h1 {font-family:'gothamblack'; margin:0; font-style:normal; font-weight:500; font-size:28px; line-height:33px; color:#284768;}
.loginpage .userform ion-item::part(native) {--border-color:transparent; --padding-start:0; --inner-padding-end:0;}
.loginpage .userform ion-item {--inner-border-width:0; --min-height:auto;}
.userform ion-label {font-size:15px !important; color:#00425F !important; font-family:'GothamBold' !important; display:flex !important; align-items:center; font-weight:bold; margin:0;}
.loginpage .linktext a {width:100%; display:inline-block; padding:5px 0 30px; color:#00425F; font-size:13px; font-family:"gothambook";}
.loginoption {display:flex; align-items:center; white-space:nowrap; gap:38px;}
.loginpage ion-button.clever {--ion-color-contrast:#1464FF !important; border:2px solid #1464FF; --padding-top:15px; --padding-bottom:15px; --padding-start:16px; --padding-end:16px;}
.loginpage ion-button.class {--ion-color-contrast:#0A4D7F !important; border:2px solid #0A4D7F; --padding-top:15px; --padding-bottom:15px; --padding-start:16px; --padding-end:16px;}
.loginpage .userform ion-item.inputwithicon {padding-bottom:12px;}
.loginpage .main-box ion-list.userform p.required {color:red; font-size:13px; font-family:'Quicksand-Regular'; margin-top:-10px;}
.loginpage .inputwithicon {display:flex; align-items:center; width:100%; justify-content:space-around; font-size:26px;}
.loginpage .inputwithicon input {padding-left:30px !important; border-color:#00425F;}
.loginpage ion-item.inputwithicon ion-icon {font-size:22px;}
.loginpage .inputwithicon.twoicon ion-img:last-child {right:5px; left:auto; z-index:999; bottom:14px;}
.loginpage .inputwithicon.twoicon input {padding:8px 30px !important; color:#00425F !important; caret-color:#00425F; font-family:"gothambook"; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px;}
.loginpage .inputwithicon.twoicon.pr-0 input {padding-right:0px !important;}
.loginpage .inputwithicon ion-img {position:absolute; left:0; font-size:17px; z-index:999; cursor:pointer;}
.loginpage .inputwithicon input {padding-left:30px !important;}
.loginpage .inputwithicon.twoicon ion-text {padding-left:31px !important; font-family:"gothambook";}
.loginpage .userform input {border-bottom:#00425F solid 2px !important; border-top:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.loginpage p.footer {font-family:"gothambook"; font-weight:500; font-size:11px; text-align:center; line-height:12px; color:#fff; position:fixed; left:0; right:0; bottom:20px; margin:0;}
.svglogo, .deivcesvglogo {display:flex; align-items:center;}
.svglogo ion-img, .deivcesvglogo ion-img {width:max-content; margin:0 auto;}
.deivcesvglogo {display:none;}

/*Student Filter*/
.Mainheader.StuMainheader .LibraryStu {margin-bottom:30px;}
.Mainheader.StuMainheader .LibraryStu.LibraryFilter {margin-bottom:13px;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange .grid {padding-top:32px;}
.Mainheader.StuMainheader .LibraryStu ion-grid.type-select {border:var(--bluelight) solid 1px; width:max-content; overflow:hidden; margin:0 !important; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:0 !important;}
.Mainheader.StuMainheader ion-grid.type-select ion-row {display:flex; align-items:center; justify-content:space-between;}
.Mainheader.StuMainheader ion-grid.type-select ion-row ion-col {min-width:auto; max-width:fit-content;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item {--border-color:transparent !important; --inner-padding:0px; --padding-start:0; --inner-padding-end:0; --min-height:50px; margin-bottom:0;}
.Mainheader.StuMainheader .type-select ion-item {--background-hover:var(--bluelight); color:#000;}
.Mainheader.StuMainheader .LibraryStu ion-searchbar {max-width:286px; font-family:'Quicksand-Regular'; position:relative;}
.Mainheader.StuMainheader .LibraryStu ion-grid.showall {margin-bottom:16px !important;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item ion-select {max-width:144px; font-family:'Quicksand-Regular'; margin:0 10px; color:var(--bluedark);}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item:first-child ion-select {margin-left:16px;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item:last-child ion-select {margin-right:16px;}
.Mainheader.StuMainheader .LibraryStu .filter {background:var(--bluelightshadow); height:50px; padding:0 16px; font-family:'Quicksand-Regular'; font-weight:600;}
.Mainheader.StuMainheader .LibraryStu .filter ion-img {margin:0 0 0 10px;}
.Mainheader.StuMainheader ion-searchbar.searchbar-left-aligned input.searchbar-input {border:var(--bluelight) solid 1px; font-weight:600; padding:13.7px 40px 13.7px 22px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; color:var(--bluedark); font-size:16px; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader ion-searchbar.searchbar-left-aligned input.searchbar-input::placeholder {color:var(--bluedark); opacity:1;}
.Mainheader.StuMainheader ion-icon.searchbar-search-icon {content:url('./assets/Search.svg');}
.Mainheader.StuMainheader .teacher .selectview, .Mainheader.StuMainheader .teacher .selectview .gridlist-view, .Mainheader.StuMainheader .selectview .library-listing, .Mainheader.StuMainheader .selectview .gridlist-listing {gap:15px;}
.Mainheader.StuMainheader .teacher .selectview .gridlist-view ion-img {margin:0;}
.Mainheader.StuMainheader .selectview .gridlist-listing ion-img {margin:0;}
.Mainheader.StuMainheader .selectview ion-img.active {background:var(--bluelightshadow); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:10.50px;}
.Mainheader.StuMainheader .selectview ion-img.active.two {background:var(--bluedarkest);}
/*Library List*/
.Mainheader.StuMainheader .library-list ion-col:first-child {padding-top:0;}
.Mainheader.StuMainheader .library-list ion-col {padding:7.5px 10px;}
.Mainheader.StuMainheader .library-list .book {background:var(--bluelightshadow); padding:0; border:none; border-radius:0 30px 30px 0; -webkit-border-radius:0 30px 30px 0; -moz-border-radius:0 30px 30px 0; height:100%;}
.Mainheader.StuMainheader .library-list .book ion-img {max-width:100px;}
.Mainheader.StuMainheader .library-list .book-title {font-size:28px; font-weight:400; line-height:35px; margin:0 30px; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .Assignments-student .library-list .book {border-radius:30px 30px 30px 0; -webkit-border-radius:30px 30px 30px 0; -moz-border-radius:30px 30px 30px 0; margin-left:53px; margin-bottom:36px; max-height:158px;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu {width:100%; padding:0 26px 0 30px;}
.Mainheader.StuMainheader .Assignments-student .library-list .bookcover {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; min-width:162px; width:162px; height:162px; margin-left:-53px; margin-top:14px; margin-bottom:-20px; background:linear-gradient(0deg, #F5B61A 0%, #FFCE53 100%); padding:15px; overflow:hidden; box-shadow:-22px 22px 17.8px -18px rgba(247, 184, 1, 0.4); -webkit-box-shadow:-22px 22px 17.8px -18px rgba(247, 184, 1, 0.4); -moz-box-shadow:-22px 22px 17.8px -18px rgba(247, 184, 1, 0.4);}
.Mainheader.StuMainheader .Assignments-student .library-list .bookcover ion-img {max-width:100%; min-width:100%; height:100%; object-fit:cover; border:2px solid #fff;}
.Mainheader.StuMainheader .Assignments-student .library-list .book-title {font-size:28px; font-weight:600; margin-left:0; font-family:'Quicksand-Regular'; overflow:hidden; text-overflow:ellipsis; white-space:initial; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .Assigned {font-family:'Quicksand-Regular'; display:flex; align-items:center; justify-content:flex-end; font-size:14px; font-weight:500; line-height:21px; margin-bottom:14px; color:var(--bluedark);}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .Assigned.day {margin-bottom:9px;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .Assigned ion-img {min-width:23px; max-width:23px; margin-right:10px;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .assignment-btn {min-width:195px;}

/*Library Grid*/
.Mainheader.StuMainheader .Assignments-student .library-grid ion-col {padding:10px 10px 20px;}
.Mainheader.StuMainheader .Assignments-student .library-grid.library .box {gap:22px; /*min-height:290px; bottom:0;*/}
.Mainheader.StuMainheader .Assignments-student .library-grid .box {border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; gap:25px; /*min-height:415px;*/ background:var(--bluelightshadow); border:none; padding:25px 21.9px; margin-top:33px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box .bookcover {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background:linear-gradient(0deg, #F5B61A 0%, #FFCE53 100%); padding:18px; overflow:hidden; width:100%; height:217px; /*position:absolute; top:-33px; left:0; right:0;*/ margin:-60px auto 0; box-shadow:-22px 22px 17.8px -18px rgba(247, 184, 1, 0.4); -webkit-box-shadow:-22px 22px 17.8px -18px rgba(247, 184, 1, 0.4); -moz-box-shadow:-22px 22px 17.8px -18px rgba(247, 184, 1, 0.4);}
.Mainheader.StuMainheader.student .Assignments-student .library-grid .box .bookcover {padding:18px; height:221.2px;}
.Mainheader.StuMainheader.student .dashboard-page.student .Assignments-student .library-grid .box .bookcover {height:227px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box .bookcover ion-img {margin:0; border:#fff solid 2px; height:100%; object-fit:cover;}
.Mainheader.StuMainheader .Assignments-student .library-grid .book {align-items:flex-end; /*display:block; position:absolute; bottom:25px; left:25px; right:25px; align-items:self-start; min-height:55px;*/}
.Mainheader.StuMainheader .Assignments-student .library-grid .book-title {font-size:22px; font-weight:600; min-height:53.6px; line-height:26px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; margin:0; font-family:'Quicksand-Regular'; color:var(--bluedark); word-break:break-word;}
.Mainheader.StuMainheader .Assignments-student .library-grid .book-title .chinese {font-family:'NotoSansCJKSC-Regular';}
.Mainheader.StuMainheader .Assignments-student .library-grid.library .book-title {line-height:30px; min-height:61.6px; word-break:break-word;}
.Mainheader.StuMainheader .Assignments-student .library-grid .Assigned {font-size:14px; font-weight:500; font-family:'Quicksand-Regular'; color:var(--bluedark); margin-bottom:0; margin-top:13px; min-height:21px; white-space:normal;}
.Mainheader.StuMainheader .Assignments-student .library-grid .Assigned.day {margin-top:6px;}
.Mainheader.StuMainheader .Assignments-student .assignment-btn {width:100%; font-family:'Quicksand-Regular'; box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -webkit-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -moz-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); background:linear-gradient(0deg, #002A3D 0%, #00425F 100%); color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; padding:12px 10px; line-height:24px; min-height:50px;}
.Mainheader.StuMainheader .Assignments-student .assignment-btn.revise {background:linear-gradient(180deg, #00A76A 0%, #008655 100%); box-shadow:0px 12px 15px -5px rgba(0, 134, 85, 0.3); --box-shadow:0px 12px 15px -5px rgba(0, 134, 85, 0.3); -webkit-box-shadow:0px 12px 15px -5px rgba(0, 134, 85, 0.3); -moz-box-shadow:0px 12px 15px -5px rgba(0, 134, 85, 0.3);}
.Mainheader.StuMainheader .Assignments-student .assignment-btn.overdue {background:linear-gradient(180deg, #FA2864 0%, #DF003F 100%); box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.3); --box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.3); -webkit-box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.3); -moz-box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.3);}
.Mainheader.StuMainheader .Assignments-student .Assigned.pink {color:#df003f !important;}
.Mainheader.StuMainheader .Assignments-student .Assigned.green {color:#008655 !important;}
.Mainheader.StuMainheader .Asesmnt-sections-stu {background:var(--bluelightshadow); border-radius:0 30px 30px 30px; -webkit-border-radius:0 30px 30px 30px; -moz-border-radius:0 30px 30px 30px; margin-bottom:75px; margin-top:56px; box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -webkit-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -moz-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45);}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.bottomspace {margin-bottom:75px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.shop {margin-bottom:0;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage {margin-top:20px; margin-bottom:10px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin {margin-bottom:30px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu .Asesmnt-header {margin:-30px 0 0 -21px; width:auto; padding:12px 45px; display:flex; gap:12px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage .Asesmnt-header {padding:12px 30px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage .Asesmnt-header.overview {padding:12px 47px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu .Asesmnt-header ion-img {margin-right:-15px; cursor:pointer;}
.Mainheader.StuMainheader .Asesmnt-pro-container {width:100%; padding:28px 30px; display:flex; justify-content:space-between;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin .Asesmnt-pro-container {padding:24px 23px 30px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin .Asesmnt-pro-container .award-medals {display:flex; gap:28px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin .Asesmnt-pro-container .award-medals .award-medal {position:relative;}
.Mainheader.StuMainheader .Asesmnt-pro-txt {font-size:28px; font-weight:400; line-height:40px; color:var(--bluedark); font-family:'Quicksand-Regular'; margin-top:10px;}
.Mainheader.StuMainheader .Asesmnt-pro-itm {max-width:163px; cursor:pointer;}
.Mainheader.StuMainheader .Asesmnt-pro-container .Asesmnt-pro-itm {max-width:163px;}
.Mainheader.StuMainheader .Asesmnt-pro-container .Asesmnt-pro-itm ion-skeleton-text {aspect-ratio:1 / 1; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.Mainheader.StuMainheader .Asesmnt-pro-container .Asesmnt-pro-item ion-skeleton-text {aspect-ratio:1 / 1; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.Mainheader.StuMainheader .Asesmnt-pro-container .Asesmnt-pro-item .Asesmnt-pro-txt ion-skeleton-text {aspect-ratio:auto;}
.Mainheader.StuMainheader .Asesmnt-pro-txt ion-skeleton-text {border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; width:auto !important; height:auto !important;}
.Mainheader.StuMainheader .CircularProgressbar .CircularProgressbar-trail {stroke-width:5px !important;}
.Mainheader.StuMainheader .Asesmnt-pro-item {width:106px; text-align:center; margin:0 10px;}
.Mainheader.StuMainheader .AnalyticsTabs .Asesmnt-pro-item:nth-child(3) .CircularProgressbar-trail {stroke:var(--pinklight) !important;}
.Mainheader.StuMainheader .AnalyticsTabs .Asesmnt-pro-item:nth-child(3) path.CircularProgressbar-path {stroke:var(--orange) !important;}
.Mainheader.StuMainheader .AnalyticsTabs .Asesmnt-pro-item:nth-child(4) .CircularProgressbar-trail {stroke:var(--yellowlightshadow) !important;}
.Mainheader.StuMainheader .AnalyticsTabs .Asesmnt-pro-item:nth-child(4) path.CircularProgressbar-path {stroke:var(--yellow) !important;}
.Mainheader.StuMainheader .Asesmnt-pro-item:nth-child(3) .CircularProgressbar-trail {stroke:#c2b7ff !important;}
.Mainheader.StuMainheader .Asesmnt-pro-item:nth-child(3) path.CircularProgressbar-path {stroke:#745bff !important;}
.Mainheader.StuMainheader .Asesmnt-pro-item:nth-child(4) .CircularProgressbar-trail {stroke:var(--pinklight) !important;}
.Mainheader.StuMainheader .Asesmnt-pro-item:nth-child(4) path.CircularProgressbar-path {stroke:var(--orange) !important;}
.Mainheader.StuMainheader .Asesmnt-pro-item:nth-child(5) .CircularProgressbar-trail {stroke:var(--yellowlightshadow) !important;}
.Mainheader.StuMainheader .Asesmnt-pro-item:nth-child(5) path.CircularProgressbar-path {stroke:var(--yellow) !important;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore .Asesmnt-pro-item:nth-child(2) .CircularProgressbar-trail {stroke:#c2b7ff !important;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore .Asesmnt-pro-item:nth-child(2) path.CircularProgressbar-path {stroke:#745bff !important;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore .Asesmnt-pro-item:nth-child(3) .CircularProgressbar-trail {stroke:var(--pinklight) !important;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore .Asesmnt-pro-item:nth-child(3) path.CircularProgressbar-path {stroke:var(--orange) !important;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore .Asesmnt-pro-item:nth-child(4) .CircularProgressbar-trail {stroke:var(--yellowlightshadow) !important;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore .Asesmnt-pro-item:nth-child(4) path.CircularProgressbar-path {stroke:var(--yellow) !important;}
.Mainheader.StuMainheader .Asesmnt-pro-img {width:auto; height:47px; margin:0;}
.Mainheader.StuMainheader .CircularProgressbar-text {font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .Asesmnt-header {width:100%; text-align:center; font-family:'Quicksand-Regular'; background:linear-gradient(0deg, #002A3D 0%, #00425F 100%); color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; font-size:28px; font-weight:700; padding:10px 10px 14px; margin-bottom:16px; line-height:34px;}
.Mainheader.StuMainheader .library-list.Assessmentsresults .Asesmnt-header {margin-bottom:40px;}
.Mainheader.StuMainheader .library-list.Assessmentsresults ion-col.selectview {padding:0;}
ion-col.selectview.device.AssessmentsStumobile {justify-content:end;}
.Mainheader.StuMainheader .library-list.Assessmentsresults ion-col.box {padding:8px 0 0;}
.Mainheader.StuMainheader .Mainarea.content {padding-top:0; /*background:var(--bluedark);*/ width:100%;}
.Mainheader.StuMainheader .Mainarea.content .header-row ion-row.header {padding:22px 66px 0; margin:0 auto;}
.Mainheader.StuMainheader .Mainarea.content .header-row ion-row.header.full-screen {padding:25px 66px;}
.Mainheader.StuMainheader .Mainarea.content .header-row ion-row.progress {padding:22px 0 0;}
.Mainheader.StuMainheader .Mainarea.content .header-row {font-family:'Quicksand-Regular'; padding:0; background:linear-gradient(0deg, #002A3D 0%, #00425F 100%);}
.Mainheader.StuMainheader .Mainarea.content .header-content {justify-content:flex-start; gap:15px;}
.Mainheader.StuMainheader .Mainarea.content .header-content img {width:60px; height:60px;}
.Mainheader.StuMainheader .Mainarea.content .titlebox {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.Mainheader.StuMainheader .Mainarea.content .header-text {font-size:24px; font-weight:600; color:#fff; display:flex; line-height:26px;}
.header-text .non_chinese, .header-text .chinese {white-space:nowrap;}
.header-text .chinese {font-family:'AdobeKaitiStd';}
.Mainheader.StuMainheader .Mainarea.content .header-text .non_chinese, .Mainheader.StuMainheader .Mainarea.content .header-text .chinese {white-space:normal; display:contents;}
.Mainheader.StuMainheader .Mainarea.content .user-content {display:flex; align-items:center; justify-content:flex-end; gap:15px;}
.Mainheader.StuMainheader .Mainarea.content .user-content img {width:60px; min-width:60px; height:60px; overflow:hidden; border:#fff solid 2px;}
.Mainheader.StuMainheader .Mainarea.content .user-text {font-size:16px; font-weight:600; color:#fff; line-height:22px;}
.Mainheader.StuMainheader .Mainarea.content .exit-btn {margin:0 0 0 15px; font-family:'Quicksand-Regular'; box-shadow:0px 12px 15px -5px var(--bluedark); --box-shadow:0px 12px 15px -5px var(--bluedark); -webkit-box-shadow:0px 12px 15px -5px var(--bluedark); -moz-box-shadow:0px 12px 15px -5px var(--bluedark); --background:linear-gradient(180deg, #69B8FF 0%, #0B7EE5 100%); border-radius:30px !important; --border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important; --padding-top:14px; --padding-bottom:14px; --padding-start:19px; --padding-end:19px; font-size:16px; font-weight:700; --color:var(--bluedark) !important;}
.Mainheader.StuMainheader .Mainarea.content .exit-btn .button-icon {margin-left:5px; color:var(--bluedark);}
.hide-dott {display:none;}
.progress-dott {border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; color:#fff; font-weight:900; background:var(--bluedarkest); display:flex; height:27px; width:27px; top:-7px; position:relative; justify-self:right; justify-content:center; box-shadow:0px 4px 7.1px -5px rgba(0, 66, 95, 0.28); -webkit-box-shadow:0px 4px 7.1px -5px rgba(0, 66, 95, 0.28); -moz-box-shadow:0px 4px 7.1px -5px rgba(0, 66, 95, 0.28);}
.Mainheader.StuMainheader .content-column {padding:50px 66px; background:#fff; overflow:auto;}
.Mainheader.StuMainheader .content-column.teacherone {padding:25px 66px !important;}
.Mainheader.StuMainheader .read-image {width:100%; height:auto;}
.Mainheader.StuMainheader .read-container {display:flex; gap:21px; font-family:'Quicksand-Regular'; margin:0 auto;}
.Mainheader.StuMainheader .read-header {font-size:16px; font-weight:500; line-height:22px;}
.Mainheader.StuMainheader .read-subheader {font-size:20px; font-weight:700; line-height:24px;}
.Mainheader.StuMainheader .read-main-content {border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding:26px; background:rgba(134, 198, 255, 0.3); margin:15px 0 30px;}
.Mainheader.StuMainheader .letter {font-weight:400; line-height:42px; font-family:'AdobeKaitiStd'; min-height:42px}
.red-box {background:#ffebe8; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:0 5px 2px;}
.grey-box {background:rgba(244, 244, 244, 1); color:rgba(106, 106, 106, 1); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:0 5px 2px;}
.Mainheader.StuMainheader .letter.red {color:rgba(223, 0, 63, 1);}
.Mainheader.StuMainheader .letter.Grey {color:rgba(106, 106, 106, 1);}
.Mainheader.StuMainheader .letter.bgwhite {background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:0 5px;}
.Mainheader.StuMainheader .pinyin {font-weight:400; line-height:20px; font-family:'Quicksand-Regular'; font-size:14px;}
.Mainheader.StuMainheader .read-audio-section {width:100%; max-width:100%; margin:0 0 12px;}
.Mainheader.StuMainheader .read-audio-section .read-text {color:var(--bluedark);}
.Mainheader.StuMainheader .read-play-pause-icon {cursor:pointer; color:var(--blue);}
.Mainheader.StuMainheader .read-audio-controls {gap:12px; position:relative;}
.Mainheader.StuMainheader .read-audio-controls .play-btn {width:40px; min-width:40px;}
.Mainheader.StuMainheader .read-progress-container {background:#fff; border-radius:33px; -webkit-border-radius:33px; -moz-border-radius:33px; padding:11px 16px;}
.Mainheader.StuMainheader .read-progress-container .setting-Popover {display:flex; align-items:center;}
.Mainheader.StuMainheader .pinyin-on {border:var(--bluedarkest) solid 2px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; min-width:40px; width:40px; height:40px; cursor:pointer; text-align:center; line-height:12px; font-size:14px; font-weight:600; color:var(--bluedarkest); display:flex; align-items:center; justify-content:center; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .pinyin-off {border:rgba(0, 66, 95, 1) solid 2px; background:rgba(0, 66, 95, 1); cursor:pointer; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; min-width:40px; width:40px; height:40px; text-align:center; line-height:12px; font-size:14px; font-weight:600; color:#fff; display:flex; align-items:center; justify-content:center; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .read-time {width:auto; white-space:nowrap; font-size:14px; font-weight:600; margin-right:16px;}
.Mainheader.StuMainheader .read-translation-item {font-weight:500; line-height:26px; align-items:flex-start; gap:7px;}
.Mainheader.StuMainheader .translation {position:relative;}
.Mainheader.StuMainheader .translation ion-segment-button.segment-button-checked {--color-checked:transparent;}
.Mainheader.StuMainheader .translation span {position:absolute; color:#fff; font-size:16px; font-weight:400; line-height:20px; display:flex; align-items:center; justify-content:center; width:39px; height:39px;}
.Mainheader.StuMainheader .translation img {min-width:39px;}
.Mainheader.StuMainheader .read-translation-item.Presentation {margin:0; gap:40px;}
.Mainheader.StuMainheader .read-translation-item.Presentation ion-segment-button img {min-width:50px; min-height:50px;}
.Mainheader.StuMainheader .read-translation-item.Presentation ion-segment-button.segment-button-checked {background:url(./assets/check-btn.svg) no-repeat top; background-size:50px 50px;}
.Mainheader.StuMainheader .read-translation-item.Presentation ion-segment-button.segment-button-checked span {color:var(--bluedark) !important;}
.Mainheader.StuMainheader .read-translation-item.Presentation ion-segment-button span {color:#fff; font-family:'Quicksand-Regular'; font-size:20px;}
.Mainheader.StuMainheader .read-translation-item.Presentation.pinyin ion-segment-button {border:2px solid var(--bluelight); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:transparent; width:50px; height:50px;}
.Mainheader.StuMainheader .read-translation-item.Presentation.pinyin ion-segment-button.segment-button-checked {background:var(--bluelight); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:flex; justify-content:center; background-image:none !important;}
.Mainheader.StuMainheader .read-translation-item.Presentation.pinyin ion-segment-button span {color:var(--bluelight); line-height:18px; font-size:17px; font-weight:bold; font-family:'Quicksand-Regular';}
/*One enable*/
.Mainheader.StuMainheader .progress .progress-one-reading {background:var(--blue); height:54px; margin-top:16px;}
.Mainheader.StuMainheader .progress .progress-one-reading-on {background:var(--blue); height:70px;}
.Mainheader.StuMainheader .progress .progress-one-exercise {background:var(--orange); height:54px; margin-top:16px;}
.Mainheader.StuMainheader .progress .progress-one-exercise-on {background:var(--orange); height:70px;}
.Mainheader.StuMainheader .progress .progress-one-test {background:var(--yellow); height:54px; margin-top:16px;}
.Mainheader.StuMainheader .progress .progress-one-test-on {background:var(--yellow); height:70px;}
/*Two enable*/
/*Reading & Exercise*/
.Mainheader.StuMainheader .progress .progress-re-reading {background:var(--blue); border-radius:0px 50px 0 0; -webkit-border-radius:0px 50px 0 0; -moz-border-radius:0px 50px 0 0; height:54px; margin-top:16px; cursor:pointer;}
.Mainheader.StuMainheader .progress .progress-re-reading-on {background:var(--blue); border-radius:0px 50px 0 0; -webkit-border-radius:0px 50px 0 0; -moz-border-radius:0px 50px 0 0; height:70px;}
.Mainheader.StuMainheader .progress .progress-re-exercise {background:var(--orange); border-radius:50px 0px 0 0; -webkit-border-radius:50px 0px 0 0; -moz-border-radius:50px 0px 0 0; height:54px; margin-top:16px; cursor:pointer;}
.Mainheader.StuMainheader .progress .progress-re-exercise-on {background:var(--orange); border-radius:50px 0px 0 0; -webkit-border-radius:50px 0px 0 0; -moz-border-radius:50px 0px 0 0; height:70px;}
/*Reading & Test*/
.Mainheader.StuMainheader .progress .progress-rt-reading {background:var(--blue); border-radius:0px 50px 0 0; -webkit-border-radius:0px 50px 0 0; -moz-border-radius:0px 50px 0 0; height:54px; margin-top:16px; cursor:pointer;}
.Mainheader.StuMainheader .progress .progress-rt-reading-on {background:var(--blue); border-radius:0px 50px 0 0; -webkit-border-radius:0px 50px 0 0; -moz-border-radius:0px 50px 0 0; height:70px;}
.Mainheader.StuMainheader .progress .progress-rt-test {background:var(--yellow); border-radius:50px 0px 0 0; -webkit-border-radius:50px 0px 0 0; -moz-border-radius:50px 0px 0 0; height:54px; margin-top:16px; cursor:pointer;}
.Mainheader.StuMainheader .progress .progress-rt-test-on {background:var(--yellow); border-radius:50px 0px 0 0; -webkit-border-radius:50px 0px 0 0; -moz-border-radius:50px 0px 0 0; height:70px;}
/*Exercise & Test*/
.Mainheader.StuMainheader .progress .progress-et-exercise {background:var(--orange); border-radius:0px 50px 0 0; -webkit-border-radius:0px 50px 0 0; -moz-border-radius:0px 50px 0 0; height:54px; margin-top:16px; cursor:pointer;}
.Mainheader.StuMainheader .progress .progress-et-exercise-on {background:var(--orange); border-radius:0px 50px 0 0; -webkit-border-radius:0px 50px 0 0; -moz-border-radius:0px 50px 0 0; height:70px;}
.Mainheader.StuMainheader .progress .progress-et-test {background:var(--yellow); border-radius:50px 0px 0 0; -webkit-border-radius:50px 0px 0 0; -moz-border-radius:50px 0px 0 0; height:54px; margin-top:16px; cursor:pointer;}
.Mainheader.StuMainheader .progress .progress-et-test-on {background:var(--yellow); border-radius:50px 0px 0 0; -webkit-border-radius:50px 0px 0 0; -moz-border-radius:50px 0px 0 0; height:70px;}
/*All enable*/
.Mainheader.StuMainheader .progress .progress-reading {background:var(--blue); border-radius:0px 50px 0 0; -webkit-border-radius:0px 50px 0 0; -moz-border-radius:0px 50px 0 0; height:54px; margin-top:16px; cursor:pointer;}
.Mainheader.StuMainheader .progress .progress-reading-on {background:var(--blue); border-radius:0px 50px 0 0; -webkit-border-radius:0px 50px 0 0; -moz-border-radius:0px 50px 0 0; height:70px;}
.Mainheader.StuMainheader .progress .progress-exercise {background:var(--orange); border-radius:50px 50px 0 0; -webkit-border-radius:50px 50px 0 0; -moz-border-radius:50px 50px 0 0; height:54px; margin-top:16px; cursor:pointer;}
.Mainheader.StuMainheader .progress .progress-exercise-on {background:var(--orange); border-radius:50px 50px 0 0; -webkit-border-radius:50px 50px 0 0; -moz-border-radius:50px 50px 0 0; height:70px;}
.Mainheader.StuMainheader .progress .progress-test {background:var(--yellow); border-radius:50px 0px 0 0; -webkit-border-radius:50px 0px 0 0; -moz-border-radius:50px 0px 0 0; height:54px; margin-top:16px; cursor:pointer;}
.Mainheader.StuMainheader .progress .progress-test-on {background:var(--yellow); border-radius:50px 0px 0 0; -webkit-border-radius:50px 0px 0 0; -moz-border-radius:50px 0px 0 0; height:70px;}
.Mainheader.StuMainheader .progress-text {font-size:20px; font-weight:600; font-family:'Quicksand-Regular'; color:#fff;}
.Mainheader.StuMainheader .progress-part:last-child .progress-text,
.Mainheader.StuMainheader .progress-part-two-on:last-child .progress-text,
.Mainheader.StuMainheader .progress-part-two:last-child .progress-text {color:var(--bluedark);}
.Mainheader.StuMainheader .bluesection {position:relative; background:url("./assets/blue-bg-bottom.svg") no-repeat top; background-size:cover;}
.Mainheader.StuMainheader ion-row.button-row {padding:25px 66px; background:transparent; margin:0 auto;}
.Mainheader.StuMainheader .bluesection ion-row.button-row {bottom:auto;}
.Mainheader.StuMainheader .bluesection ion-img.yellopart {min-height:auto;}
.Mainheader.StuMainheader .highlight-container {gap:14px; font-size:16px; font-weight:600; font-family:'Quicksand-Regular'; color:#fff;}
.Mainheader.StuMainheader .highlight-selected {border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; color:var(--bluedark); font-size:14px; font-weight:400; padding:15px 10px; width:255px;}
.Mainheader.StuMainheader .highlight-option {color:var(--bluedark); font-size:14px; font-weight:400; gap:10px;}
.Mainheader.StuMainheader .previous-btn-section, .Mainheader.StuMainheader .next-btn-section {gap:20px; padding:0;}
ion-col.next-btn-section .fullscreen img.play-btn {width:50px;}
ion-col.next-btn-section .fullscreen {gap:39px;}
.Mainheader.StuMainheader ion-button.previous-btn {margin:0; font-family:'Quicksand-Regular'; box-shadow:0px 12px 15px -5px var(--bluedark); --box-shadow:0px 12px 15px -5px var(--bluedark); -webkit-box-shadow:0px 12px 15px -5px var(--bluedark); -moz-box-shadow:0px 12px 15px -5px var(--bluedark); --background:linear-gradient(180deg, #69B8FF 0%, #0B7EE5 100%); border-radius:30px !important; --border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important; --padding-top:14px; --padding-bottom:14px; --padding-start:19px; --padding-end:19px; font-size:16px; font-weight:700; --color:var(--bluedark) !important;}
.Mainheader.StuMainheader ion-button.previous-btn.yellow {--background:linear-gradient(0deg, #F5B61A 0%, #FFCE53 100%);}
.Mainheader.StuMainheader ion-button.previous-btn.FullScreen {--background:var(--bluelight);}
.Mainheader.StuMainheader ion-button.previous-btn.button-disabled {opacity:0;}
.Mainheader.StuMainheader ion-button.previous-btn.exercise-btn {--background:linear-gradient(180deg, #F18702 0%, #F35B04 100%);}
.Mainheader.StuMainheader ion-button.previous-btn.test-btn {--background:linear-gradient(0deg, #F5B61A 0%, #FFCE53 100%);}
.Mainheader.StuMainheader ion-button.previous-btn.next-btn.complete-btn {--background:linear-gradient(0deg, #008655 0%, #00C079 100%); color:#fff; min-width:254px;}
.Mainheader.StuMainheader ion-button.previous-btn.next-btn.complete-submit {--background:linear-gradient(0deg, #008655 0%, #00C079 100%); color:#fff;}
.Mainheader.StuMainheader ion-button.previous-btn.next-btn.complete-submit ion-icon {color:#fff;}
.Mainheader.StuMainheader ion-button.previous-btn.next-btn.complete-btn span {display:flex; align-items:center;}
.Mainheader.StuMainheader ion-button.previous-btn.next-btn.complete-btn ion-icon {display:none;}
.Mainheader.StuMainheader ion-button.previous-btn.next-btn.complete-btn ion-img {margin-left:9px; width:21px;}
.Mainheader.StuMainheader ion-button.previous-btn .button-icon {margin-right:10px; color:var(--bluedark);}
.Mainheader.StuMainheader .Mainarea.content .user-content .previous-btn ion-icon, .Mainheader.StuMainheader .Mainarea.content .user-content .previous-btn ion-img {margin-left:5px; margin-right:0;}
.Mainheader.StuMainheader ion-button.previous-btn.next-btn {min-width:118px; margin:0;}
.Mainheader.StuMainheader ion-button.previous-btn.next-btn .button-icon {margin-left:8px; margin-right:0;}
.Mainheader.StuMainheader .pron-prac-btn {box-shadow:0px 12px 15px -5px var(--bluedark); -webkit-box-shadow:0px 12px 15px -5px var(--bluedark); -moz-box-shadow:0px 12px 15px -5px var(--bluedark); background:var(--bluelight); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; font-size:16px; line-height:24px; font-weight:700; width:232px; text-align:center; font-family:'Quicksand-Regular'; height:50px; color:var(--bluedark); cursor:pointer; display:flex; align-items:center; justify-content:center;}
.Mainheader.StuMainheader .exec-text-up {font-size:16px; font-weight:500; line-height:22px; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .exercise-container.audio-container {padding-top:10px;}
.Mainheader.StuMainheader .exec-text-down {font-size:20px; font-weight:700; line-height:24px;}
.Mainheader.StuMainheader .text-font-size {font-size:22px; font-weight:400; font-family:'AdobeKaitiStd'; line-height:30px;}
.Mainheader.StuMainheader textarea.custom-textarea {box-shadow:4px 4px 4px 0px rgba(241, 214, 156, 0.42) inset; -webkit-box-shadow:4px 4px 4px 0px rgba(241, 214, 156, 0.42) inset; -moz-box-shadow:4px 4px 4px 0px rgba(241, 214, 156, 0.42) inset; background:rgba(249, 240, 222, 1); border:none; margin-top:20px; height:70vh; padding:20px; font-size:14px; font-weight:500; font-family:'Quicksand-Regular'; color:var(--bluedark);}
.Mainheader.StuMainheader .exercise-container {padding:0;}
.Mainheader.StuMainheader .exercise-container .items {padding:0; gap:24px; margin-bottom:60px;}
.Mainheader.StuMainheader .exercise-container .items .drag-item {width:25%; border:var(--orange) solid 2px; min-height:118px; justify-content:center; align-items:center; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; position:relative; font-size:22px; font-weight:400; line-height:30px; color:#000; font-family:'AdobeKaitiStd'; box-shadow:4px 4px 4px 0px var(--orangelightshadow); -webkit-box-shadow:4px 4px 4px 0px var(--orangelightshadow); -moz-box-shadow:4px 4px 4px 0px var(--orangelightshadow);}
.Mainheader.StuMainheader .exercise-container .boxes div.wapper100 {width:33%; position:relative}
.Mainheader.StuMainheader .exercise-container .boxes div.wapper100 .box-header {width:40px; position:absolute; right:-8px; top:-12px; z-index:99;}
.Mainheader.StuMainheader .exercise-container .boxes div.wapper100 img {object-fit:cover; max-width:max-content; aspect-ratio:2 / 2; min-height:250px; max-height:250px;}
.Mainheader.StuMainheader .exercise-container.audio-container .boxes div.wapper100 .drag-box {height:auto; min-height:70px; margin-bottom:18px;}
.Mainheader.StuMainheader .exercise-container.audio-container .boxes div.wapper100 .drag-box .drag-item {font-size:32px; line-height:38px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical; padding:10px 15px 10px 50px; text-align:center;}
.Mainheader.StuMainheader .exercise-container .boxes div.drag-text {/*overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical; justify-content:center;*/ display:flex; line-height:28px;}
.Mainheader.StuMainheader .exercise-container.audio-container .boxes div.drag-text {line-height:44px; text-align:left;}
.Mainheader.StuMainheader .exercise-container.yellow .boxes div.drag-text {justify-content:center;}
.Mainheader.StuMainheader .exercise-container.audio-container .items {margin:0; min-height:auto; height:30vh; align-items:end;}
.Mainheader.StuMainheader .exercise-container.audio-container .items .drag-item {width:33%; height:auto; /*height:70px;*/ min-height:70px; font-size:32px; line-height:38px; /*overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;*/ padding:10px 15px 10px 55px; text-align:center;}
/*.Mainheader.StuMainheader .exercise-container.audio-container .items .drag-item .drag-text {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}*/
.Mainheader.StuMainheader .exercise-container.audio-container .items .drag-item .drag-icon {display:flex; align-items:center; justify-content:center;}
.Mainheader.StuMainheader .exercise-container .boxes div {width:100%;}
.audioplayer div.timer {width:auto !important;}
.Mainheader.StuMainheader .exercise-container .boxes div.drag-box {width:100%; margin-bottom:17px;}
.Mainheader.StuMainheader .exercise-container .items .drag-item .drag-icon {position:absolute; left:20px; top:0;}
.Mainheader.StuMainheader .exercise-container .items .drag-item .drag-icon span {background:var(--pinklight); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:7px; height:7px; margin:1.5px 1px;}
.Mainheader.StuMainheader .exercise-container .boxes {gap:24px; width:100%; justify-content:center;}
.Mainheader.StuMainheader .exercise-container .drag-box {margin-bottom:24px; box-shadow:4px 4px 4px 0px rgba(251, 188, 165, 0.3) inset; -webkit-box-shadow:4px 4px 4px 0px rgba(251, 188, 165, 0.3) inset; -moz-box-shadow:4px 4px 4px 0px rgba(251, 188, 165, 0.3) inset; background:var(--orangelightshadow); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; width:100%; min-height:118px; overflow:hidden; border:none;}
.Mainheader.StuMainheader .exercise-container .drag-box .drag-item {display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:100%; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; font-size:22px; font-weight:400; font-family:'AdobeKaitiStd'; padding:10px 15px 10px 50px; text-align:center;}
.Mainheader.StuMainheader .exercise-container.Exercise11 .boxes div.drag-box .drag-item {padding:10px 15px !important; -webkit-box-orient:inherit !important;}
.Mainheader.StuMainheader .exercise-container .drag-box .drag-item .drag-icon {position:absolute; left:20px; width:auto; top:0;}
.Mainheader.StuMainheader .main-content {gap:24px; justify-content:center;}
.Mainheader.StuMainheader .main-content ion-row {justify-content:center;}
.Mainheader.StuMainheader .radio-container {font-size:32px; font-weight:400; line-height:47px; color:var(--bluedark); font-family:'AdobeKaitiStd';}
.Mainheader.StuMainheader .radio-container span.label {padding-left:46px; /*overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;*/}
.Mainheader.StuMainheader span.radio-checkmark {border:var(--pinklight) solid 2px; background:var(--orangelightshadow) !important; width:30px; height:30px; top:10px;}
.Mainheader.StuMainheader .radio-container .radio-checkmark:after {background:var(--orange);}
.Mainheader.StuMainheader .imgheight .item-container {display:block;}
.Mainheader.StuMainheader .imgheight .item-container .options-section {margin-top:32px;}
.Mainheader.StuMainheader .options-section {/*gap:16px; justify-content:flex-start;*/ display:inline-block; width:100%;}
/*.Mainheader.StuMainheader .item-container .options-section .option {margin:8px 0;}
.Mainheader.StuMainheader .item-container .options-section .option-rit, .Mainheader.StuMainheader .item-container .options-section .option-rng {margin:8px 0;}*/
.Mainheader.StuMainheader .item-container .radio-container {margin:0;}
.Mainheader.StuMainheader .item-container .radio-container .radio-checkmark {top:8px;}
.Mainheader.StuMainheader .options-sections.yellow {height:100%;}
.Mainheader.StuMainheader .options-sections.yellow .radio-checkmark:after, .Mainheader.StuMainheader .options-section.yellow .radio-checkmark:after {background:var(--yellow);}
.Mainheader.StuMainheader .options-section.yellow {padding-left:0;}
.Mainheader.StuMainheader .item-container hr:last-child {display:none;}
.Mainheader.StuMainheader .options-sections.yellow span.radio-checkmark, .Mainheader.StuMainheader .options-section.yellow span.radio-checkmark {background:var(--yellowlightshadow) !important; border:var(--orangelight) solid 2px;}
.Mainheader.StuMainheader .main-content ion-row ion-col {padding:0 12px;}
.Mainheader.StuMainheader .item-container {gap:32px; min-width:100%;}
.Mainheader.StuMainheader .item-container img {width:max-content; height:100%; aspect-ratio:2 / 2; object-fit:contain;}
.Mainheader.StuMainheader .hanzi-box {border:var(--orange) solid 2px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; overflow:hidden; margin-top:30px; background-image:url("./assets/stu-hanzi-bg.png");}
.Mainheader.StuMainheader .yellow-hanzibox .hanzi-box {border:var(--yellow) solid 2px; background-image:url("./assets/stu-hanzi-bg-yellow.png");}
.Mainheader.StuMainheader .play-icon-big {color:var(--orange); margin-top:22px;}
.Mainheader.StuMainheader .refresh-icon {margin-top:28px; width:50px; cursor:pointer;}
.Mainheader.StuMainheader .content-column .speak-section {width:auto; padding:0; min-width:736px;}
.Mainheader.StuMainheader .speak-container {border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding:26px; margin-bottom:30px; background:var(--orangelightshadow); font-size:26px; font-weight:400; line-height:40px;}
.Mainheader.StuMainheader .speak-container .audio-controls {gap:10px; position:relative;}
.Mainheader.StuMainheader .speak-container .pinyin-on.ornage {background:var(--pinklight); border:none;}
.Mainheader.StuMainheader .speak-container .pinyin-off.orange {background:var(--orange); border:none;}
.Mainheader.StuMainheader .speak-container .pinyin-on.yellow {background:var(--orangelight); border:none;}
.Mainheader.StuMainheader .speak-container .pinyin-off.yellow {background:var(--yellow); border:none;}
.Mainheader.StuMainheader .pinyin-on.lightblue {background:var(--bluelight); border:none;}
.Mainheader.StuMainheader .pinyin-off.lightblue {background:var(--blue); border:none;}
.Mainheader.StuMainheader .progress-container {background:#fff; border-radius:33px; -webkit-border-radius:33px; -moz-border-radius:33px; padding:0; /*margin-right:36px;*/}
.Mainheader.StuMainheader .progress-container .setting-Popover {position:absolute; right:10px; top:8px;}
.Mainheader.StuMainheader .chText {font-family:'AdobeKaitiStd'; font-size:26px; font-weight:400; line-height:42px;}
.Mainheader.StuMainheader .pinyintext {font-family:'Quicksand-Regular'; font-size:14px; font-weight:500; line-height:20px;}
.Mainheader.StuMainheader .record-section {width:-webkit-fill-available; margin:0 20px 15px; position:relative; padding-top:46px;}
.Mainheader.StuMainheader .record-section .progress-container {background:var(--orangelightshadow); padding:7px 16px; margin:0;}
.Mainheader.StuMainheader .record-section .audio-controls {gap:10px;}
.Mainheader.StuMainheader .record-section .trash img {min-width:40px; height:40px;}
.Mainheader.StuMainheader .translation-section {display:block; margin:0px 20px;}
.Mainheader.StuMainheader .time-display {width:auto; white-space:nowrap; font-size:14px; font-weight:600; /*margin-right:16px;*/ font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .audio-container {max-width:100%; margin:0 0 20px;}
.exercise-container.Exercise11.audio-container .audioplayer {background-color:rgba(249, 240, 222, 1) !important;}
.exercise-container.Exercise11 .items .drag-item .drag-icon span {background:rgb(255, 206, 83) !important;}
.Mainheader.StuMainheader .translation-item {font-family:'Quicksand-Regular'; gap:10px; align-items:self-start;}
.Mainheader.StuMainheader .large-text {font-size:38px; font-weight:400; font-family:'AdobeKaitiStd'; color:var(--bluedark);}
.Mainheader.StuMainheader .content-column.content-col-2 img.play-btn {min-width:40px; width:40px; height:40px;}
.Mainheader.StuMainheader .exercise-container .boxes div.wapper100 img.play-btn {min-width:40px; object-fit:contain; min-height:auto;}
.Mainheader.StuMainheader .item-container .question {font-family:'AdobeKaitiStd'; min-height:24px; font-size:25px; font-weight:700; line-height:24px; margin-bottom:10px; text-align:center;}
.Mainheader.StuMainheader .image-container {margin:40px auto 30px; text-align:center; width:550px; top:0;}
.Mainheader.StuMainheader .image-audio-section {width:calc(100% / 2.37); margin-top:10px;}
.Mainheader.StuMainheader .image-container img, .Mainheader.StuMainheader .image-audio-section img {width:100%;}
.Mainheader.StuMainheader .options-sections {width:380px; font-family:'AdobeKaitiStd'; display:block; justify-content:center; align-content:center; justify-items:center;}
.Mainheader.StuMainheader .image-audio-section .progress-container {background:var(--yellowlightshadow); padding:17px 16px 17px 20px; margin-left:0;}
.Mainheader.StuMainheader .image-audio-section .audio-container {margin:25px 0 0; position:relative;}
.Mainheader.StuMainheader .image-audio-section .audio-container .audio-controls {gap:10px;}
.Mainheader.StuMainheader .image-audio-section .audio-container .setting-Popover {top:8px;}
.nodata {font-size:28px; font-weight:600; color:var(--bluedark); font-family:'Quicksand-Regular'; height:98%; display:flex; align-items:center; justify-content:center; text-align:center;}
.Mainheader.StuMainheader .spacemange.scroll .nodata {height:50vh;}
.noassigns {font-size:28px; font-weight:600; color:var(--bluedark); font-family:'Quicksand-Regular';}
.noassigns p {height:100px; display:flex; align-items:center; justify-content:center;}
.nodata-Assessments {font-size:24px; font-weight:600; color:var(--bluedark); font-family:'Quicksand-Regular'; margin:16px 0; height:100%; display:flex; align-items:center; justify-content:center; padding:40px 0 50px 0;}
.Mainheader.StuMainheader .Assessmentsresults .LibraryStu {padding:0; margin-bottom:32px;}
.Mainheader.StuMainheader .Assessmentsresults .LibraryStu ion-col:first-child {padding:0;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .book {margin-bottom:38px; max-height:218px; border-radius:30px 30px 30px 0; -webkit-border-radius:30px 30px 30px 0; -moz-border-radius:30px 30px 30px 0;}
.Mainheader.StuMainheader .Assessmentsresults .selectview .toolbar-select ion-label {font-size:16px; font-weight:600; font-family:'Quicksand-Regular'; color:var(--bluedark); white-space:nowrap;}
.Mainheader.StuMainheader .Assessmentsresults .selectview .toolbar-select {gap:13px;}
.Mainheader.StuMainheader .Assessmentsresults .selectview .toolbar-select ion-select {min-width:266px; border:var(--bluelight) solid 1px; font-family:'Quicksand-Regular'; font-size:16px; font-weight:600; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:10px 12px 9px 16px;}
.Mainheader.StuMainheader .Assessmentsresults .selectview.completed .toolbar-select ion-select {min-width:188px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu {padding-top:13px; padding-bottom:13px; padding-right:0;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .bookcover {min-width:216px; height:216px; padding:18px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .book-title {margin-bottom:20px; min-height:70px; line-height:33px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .book-title .chinese {font-family:'AdobeKaitiStd'; font-weight:400;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore {width:100%; display:flex; justify-content:space-between; align-items:end; padding:0 40px 0 0;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item {width:90px; position:relative; margin:0;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item span.circlered {width:25px; height:25px; background:var(--orangedark); position:absolute; right:6px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; z-index:99;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item .Asesmnt-pro-txt {margin-top:0;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item img {width:34px; height:auto;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item .scores-progress-text {font-size:16px; font-weight:500; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu .Asesmnt-pro-container {padding:0; gap:50px; justify-content:start;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-img {width:35px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-txt {font-size:16px; line-height:22px; font-weight:500;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .award {background:#c7e2fa; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; padding:1px 8px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .award:first-child {margin-bottom:9px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .award div {display:flex; align-items:center; justify-content:stretch; margin:5px 0; font-size:16px; font-weight:700; font-family:'Quicksand-Regular'; color:var(--bluedark);}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .award ion-img {max-width:31px; min-width:31px; margin-right:5px;}
.Mainheader.StuMainheader .award-item {background:#fff; border-radius:22px; -webkit-border-radius:22x; -moz-border-radius:22px; padding:10px 15px 10px 30px; margin:0 7px;}
.Mainheader.StuMainheader .award-label {margin:0; font-size:18px; font-weight:700; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .award-medals {margin:0; gap:25px;}
.Mainheader.StuMainheader .award-medal ion-img {width:47px;}
.Mainheader.StuMainheader .award-medal .medal-count {color:#fff; font-size:18px; font-weight:700; font-family:'Quicksand-Regular'; top:22px;}
.Mainheader.StuMainheader .awards-container {width:100%; gap:15px;}
.Mainheader.StuMainheader.score .student-header {/*background:linear-gradient(271deg, #0B7EE5 -4.43%, #95C5F0 61.59%);*/ background:transparent;}
/*.Mainheader.StuMainheader.score ion-header .menubar {background:url("./assets/Frame.svg") no-repeat; width:100%; height:50px; background-size:contain; position:absolute; bottom:0;}*/
/*.Mainheader.StuMainheader.score ion-header .menubar ion-grid {background:url("./assets/blue-design.png") no-repeat #fff; background:linear-gradient(271deg, #0B7EE5 -4.43%, #95C5F0 61.59%);}*/
.Mainheader.StuMainheader.score .Start .Mainarea {border-radius:50px 0 0 0; -webkit-border-radius:50px 0 0 0; -moz-border-radius:50px 0 0 0;}
.Mainheader.StuMainheader .blue-bg {width:1440px; /*background:url("./assets/blue-design.png") no-repeat #fff 0px 0px; background:linear-gradient(271deg, #0B7EE5 -4.43%, #95C5F0 61.59%);*/ border-radius:50px 0 50px 0; -webkit-border-radius:50px 0 50px 0; -moz-border-radius:50px 0 50px 0; padding:54px 0 10px; margin:0px auto; position:relative; z-index:9;}
.Mainheader.StuMainheader ion-img.blue-overlay {position:absolute; top:-40px; bottom:0; left:0; right:0; object-fit:cover; object-position:top center;}
.Mainheader.StuMainheader .blue-bg .library-list {padding-top:22px;}
.Mainheader.StuMainheader .blue-bg .spacemange .library-list.one {margin-bottom:-130px;}
.bluebgimg {/*background:url("./assets/Union1.svg") no-repeat #fff; background-size:cover;*/ background:linear-gradient(194.44deg, rgb(11, 126, 229) -2.46%, rgb(149, 197, 240) 34.16%); border-radius:50px 0; -webkit-border-radius:50px 0; -moz-border-radius:50px 0; width:100%;}
.bluebgimg.teacher {background:linear-gradient(202.5deg, #95C5F0 -3.52%, #E4F2FF 48.88%); background-size:cover; width:100%; background-position:bottom;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard {padding:0 160px 20px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard ion-segment {gap:5px; background:transparent;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard ion-segment-button {background:var(--bluelight); border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; color:var(--bluedark); font-size:16px; font-weight:700; height:50px; line-height:24px; min-width:109px; font-family:'Quicksand-Regular'; padding:0;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard ion-segment-button:first-child {margin-left:0;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard ion-segment-button.segment-button-checked {background:linear-gradient(0deg, #002A3D 0%, #00425F 100%); --color-checked:#fff; color:#fff; height:55px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard ion-segment-button ion-label {padding:0px 28px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box {background:var(--bluelightshadow); box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -webkit-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -moz-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); padding:16px; border-radius:0 30px 30px 30px; -webkit-border-radius:0 30px 30px 30px; -moz-border-radius:0 30px 30px 30px; border:none;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col {background:#fff; border-bottom-color:var(--bluelight); font-family:'Quicksand-Regular'; display:block; padding:15px 26px; min-height:72px}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:last-child {border-bottom:var(--bluelight) solid 1.5px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col span {font-size:28px; font-weight:600;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col .user-title {font-size:18px; font-weight:500; margin-left:50px; white-space:nowrap;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col .subtext {font-size:16px; font-weight:600;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box .blue-heading ion-col {background:var(--bluedark); font-size:18px; font-weight:700; color:#fff; display:block; min-height:58px; border-right:#fff solid 2px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box .blue-heading ion-col:first-child {border-radius:20px 0 0 0; -webkit-border-radius:20px 0 0 0; -moz-border-radius:20px 0 0 0; max-width:79px; min-width:79px; display:flex; align-items:center; justify-content:center; white-space:nowrap;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:first-child {max-width:79px; min-width:79px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-row:last-child ion-col {border:none;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:nth-child(3),
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:nth-child(4),
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:nth-child(5) {max-width:120px; min-width:120px; display:flex; align-items:center; justify-content:center;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box .blue-heading ion-col:last-child {border-radius:0 20px 0 0; -webkit-border-radius:0 20px 0 0; -moz-border-radius:0 20px 0 0; border-right:none;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-row:last-child ion-col:first-child {border-radius:0 0 0 30px; -webkit-border-radius:0 0 0 30px; -moz-border-radius:0 0 0 30px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-row:last-child ion-col:last-child {border-radius:0 0 30px 0; -webkit-border-radius:0 0 0 30px; -moz-border-radius:0 0 0 30px;}
.Mainheader.StuMainheader .profile-box {padding:0; border:none;}
.Mainheader.StuMainheader .profile-box .profile-user {background:var(--bluelightshadow); border-radius:0 30px 30px 30px; -webkit-border-radius:0 30px 30px 30px; -moz-border-radius:0 30px 30px 30px; border:none; padding:23px 27px 40px; box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -webkit-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -moz-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45);}
.Mainheader.StuMainheader .profile-box .center-box ion-img {width:100%; margin:0 auto 20px; border-radius:50px 0 50px 0; -webkit-border-radius:50px 0 50px 0; -moz-border-radius:50px 0 50px 0; overflow:hidden; object-fit:cover; background:#fff; aspect-ratio:2 / 2;}
.Mainheader.StuMainheader .profile-box h1 {font-size:36px; font-weight:600; text-align:left; font-family:'Quicksand-Regular'; margin-top:10px;}
.Mainheader.StuMainheader .cookie .profile-user {border-radius:0 0 30px 30px; -webkit-border-radius:0 0 30px 30px; -moz-border-radius:0 0 30px 30px;}
.Mainheader.StuMainheader .Mainarea .LeaderBoard.cookie ion-segment-button ion-label {white-space:normal;}
.cookie h2, .help h2 {font-family:'Quicksand-Regular'; font-size:24px; font-weight:600; margin:0;}
.help ion-row {gap:30px;}
.help .talkbox {max-width:300px;}
.help h3 {font-family:'Quicksand-Regular'; font-size:16px; font-weight:600; margin:0;}
.help p {margin:3px 0 16px; font-size:14px; font-family:'Quicksand-Regular';}
.help .talk {background:var(--yellowlightshadow); margin-top:10px; padding:25px 25px 10px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -webkit-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -moz-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45);}
.cookie ul, .cookie p {font-family:'Quicksand-Regular';}
.cookie ul li {margin:0 0 5px;}
.help .scorebigpopup .accordion-space {margin:10px 0 30px;}
.help .scorebigpopup .accordion-space:last-child .scores-accordion:last-child ion-item {border-radius:30px 30px; -webkit-border-radius:30px 30px; -moz-border-radius:30px 30px;}
.help .scorebigpopup .accordion-space:last-child .scores-accordion.accordion-expanded:last-child ion-item {border-radius:30px 30px 0 0; -webkit-border-radius:30px 30px 0 0; -moz-border-radius:30px 30px 0 0;}
.help .scorebigpopup .scores-accordion ion-item ion-label {font-size:16px; font-family:'Quicksand-Regular'; font-weight:600;}
.help .scorebigpopup .scores-accordion ion-accordion-group ion-item ion-label {font-size:16px; font-family:'Quicksand-Regular'; font-weight:500;}
.help .scorebigpopup .scores-accordion ion-accordion-group ion-item ion-icon {display:none;}
.Mainheader.StuMainheader .profile-box .award, .Mainheader.StuMainheader .profile-box .award div {gap:12px; font-family:'Quicksand-Regular'; display:flex; align-items:center; justify-content:flex-end;}
.Mainheader.StuMainheader .profile-box .award div {gap:10px; font-size:16px; font-weight:700; line-height:24px; padding:4px 5px;}
.Mainheader.StuMainheader .profile-box .award ion-img {min-width:31px; cursor:pointer;}
.Mainheader.StuMainheader .profile-box .award .madel {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background:#c7e2fa; padding:4px 10px 4px 5px; margin-left:10px;}
.Mainheader.StuMainheader .profile-box .library-list {padding:0;}
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container {display:grid; grid-template-columns:repeat(8, 1fr); padding:25px 32px 35px;}
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container ion-col {padding:0; gap:10px; font-family:'Quicksand-Regular'; font-weight:600;}
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container ion-col ion-img {width:70px;}
.Mainheader.StuMainheader .profile-box .center-box small {background:var(--yellow); font-family:'Quicksand-Regular'; border-radius:0 0 0 20px; -webkit-border-radius:0 0 0 20px; -moz-border-radius:0 0 0 20px; padding:10px 21px; font-size:16px; color:var(--bluedark); font-weight:700; cursor:pointer;}
.Mainheader.StuMainheader .Mainarea.teacher .center-box small ion-img {background:rgb(124, 165, 174);}
.Mainheader.StuMainheader .Mainarea .center-box small ion-img {background:var(--yellow);}
.Mainheader.StuMainheader .profile-box .center-box small ion-img {border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; margin:0;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box {width:auto;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-col {padding-left:0; padding-right:0;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-row ion-col {padding:0;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-list,
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-row,
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item {background:transparent; --background:transparent; font-size:16px; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item ion-label {font-size:16px; font-weight:600; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.input-area ion-input, .Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.input-area ion-select {background:#fff; min-height:46px; border:var(--bluelight) solid 1px; color:#b3b3b3; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; --padding-start:16px; --padding-end:16px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.input-area::part(native)::after {background:var(--bluelightshadow) !important;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.input-area ion-select::part(icon) {margin:1em 0;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.input-area .input-disabled {opacity:1;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item ion-button.active {--ion-color-base:var(--bluedarkest) !important; --ion-color-contrast:#fff !important;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item ion-button {font-family:'Quicksand-Regular'; --ion-color-contrast:rgba(127, 127, 127, 1) !important; --padding-top:15px; --padding-bottom:15px; --padding-start:10px; --padding-end:10px; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; --ion-color-base:rgba(231, 231, 231, 1) !important; font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:99px; text-transform:capitalize;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item .editbtn {min-width:99px; min-height:30px; margin:0 3px 0 10px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box .save ion-button {margin:28px 15px 0 10px; --padding-top:15px; --padding-bottom:15px; --padding-start:10px; --padding-end:10px; --ion-color-base:linear-gradient(0deg, #002A3D 0%, #00425F 100%) !important; box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); --box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -webkit-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -moz-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:117px; text-transform:capitalize; font-family:'Quicksand-Regular';}
.Subscriptiondate {float:left; margin-top:40px; margin-left:18px; color:var(--bluedark); font-size:16px; font-family:'Quicksand-Regular'; font-weight:600;}
.Mainheader.StuMainheader .teacher .profile-box .profile-form.center-box .Subscriptiondate {margin:10px 0 0 30px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box .save ion-button img {margin-right:10px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item {padding:0 16px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.item {height:25px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.input-area {height:auto; cursor:auto;}
.Mainheader.StuMainheader .teacher .profile-box .profile-form.center-box ion-item {padding:0 30px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.input-area {--background-activated:transparent; --ripple-color:transparent;}
.Mainheader.StuMainheader .Mainarea.Exercise {background:#fff;}
.Mainheader.StuMainheader .Mainarea.Exercise .exit-btn.yellow {--background:linear-gradient(0deg, #F5B61A 0%, #FFCE53 100%);}
/*.Mainheader.StuMainheader .Mainarea.Exercise .content-row {overflow:auto; background:var(--bluedark);}*/

.Mainheader.StuMainheader .Mainarea.Exercise .exercise-info {margin-top:30px; padding:18px 0; color:var(--bluedark); background:rgba(249, 240, 222, 1);}
.Mainheader.StuMainheader .Mainarea.Exercise .exercise-text p {font-size:16px; font-weight:500; line-height:22px;}
.Mainheader.StuMainheader .Mainarea.Exercise .exercise-text span {font-size:20px; font-weight:700; line-height:24px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box {padding:50px 160px; margin:0; background:#fff; height:auto;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-option {background:var(--bluelightshadow); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; line-height:42px; gap:10px; display:flex; align-items:center; padding:15px 20px 15px 50px; font-family:'AdobeKaitiStd'; font-size:28px; font-weight:400; color:var(--bluedark);}
.Mainheader.StuMainheader .Mainarea.Exercise .main-content-2 .content-point .non_chinese,
.Mainheader.StuMainheader .Mainarea.Exercise .content-option .non_chinese {font-size:26px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-option.option-center {max-width:125px; padding:15px 0;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2 .option-boxes {gap:20px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2 .content-option.option-center {min-width:125px; padding:15px 0; justify-content:center;}
.Mainheader.StuMainheader .Mainarea.Exercise .main-content-2 {font-size:32px; font-weight:400; line-height:30px; gap:10px; overflow:hidden;}
.Mainheader.StuMainheader .Mainarea.Exercise .main-content-2 .content-point {display:flex; align-items:center; margin-bottom:6px; font-weight:400; font-family:'AdobeKaitiStd'; color:var(--bluedark);}
.Mainheader.StuMainheader .Mainarea.Exercise .main-content-2 .content-point span {font-size:24px; font-weight:600; font-family:'Quicksand-Regular'; line-height:28px;}
.Mainheader.StuMainheader .Mainarea.Exercise .main-content-2 .content-point span {border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:5px; margin-right:10px; background:var(--bluedarkest); min-width:40px; height:40px; display:inline-block; text-align:center; color:#fff; font-size:24px; font-weight:600; font-family:'Quicksand-Regular';}
.item-container .content-point.text-img {display:flex; align-items:center; margin-bottom:6px; font-family:'Quicksand-Regular'; font-size:32px; font-weight:400; line-height:30px;}
.item-container .content-point.text-img span {border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:5px; margin-right:10px; background:var(--bluedarkest); min-width:40px; height:40px; display:inline-block; text-align:center; color:#fff; font-size:24px; font-weight:600; font-family:'Quicksand-Regular';}
.option.e8tv .radio-container {font-family:'Quicksand-Regular'; font-size:28px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-option span {font-size:24px; font-weight:600; font-family:'Quicksand-Regular'; color:var(--bluedark);}
.Mainheader.StuMainheader .content-option.active {background:var(--bluedarkest) !important; color:#fff !important;}
.Mainheader.StuMainheader .content-option.active span {color:#fff !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box hr {background:var(--bluedarkest); height:2px; margin:42px 0 36px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box hr:last-child {display:none;}
.Mainheader.StuMainheader .Mainarea.Exercise .option-boxes {gap:20px;}
.Mainheader.StuMainheader .Mainarea.Exercise ion-button.previous-btn {--background:linear-gradient(0deg, #F5B61A 0%, #FFCE53 100%);}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise1 {padding:50px 20px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise1 .content-box {padding:0 140px; height:auto; margin:0 auto;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise2scroll {padding:50px 22px 50px 43px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise2scroll .content-box {height:100%; overflow:auto; padding-right:23px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2 {width:auto; padding:50px 43px; background:#fff;  height:100%; overflow:auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.Mainheader.StuMainheader .content-line {background:var(--bluedarkest); border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; height:30px;}
.Mainheader.StuMainheader .content-text {background:var(--bluelight); border:1px solid var(--bluelight); gap:10px;}
.Mainheader.StuMainheader .content-text-one {background:var(--bluedarkest); border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; min-width:107px; color:#fff; font-size:22px; font-weight:400; font-family:'AdobeKaitiStd'; line-height:30px;}
.Mainheader.StuMainheader .content-text-two {border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; font-size:22px; font-weight:400; line-height:30px; font-family:'AdobeKaitiStd';}
.Mainheader.StuMainheader .Exercise2 {border:none; margin:50px 63px;}
.Mainheader.StuMainheader .main-contents.Exercise-chiness {background:#fff; box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -webkit-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -moz-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); border:2px solid var(--bluelight); border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; padding:0px 20px;}
.Mainheader.StuMainheader .main-contents.Exercise-chiness p {font-size:22px; font-weight:400; font-family:'AdobeKaitiStd'; line-height:28px; margin:10px 0;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col {background:var(--bluelightshadow); height:100%; overflow:auto;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box {padding:0; position:relative;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box canvas {margin-top:0 !important;}
.Exercise15 {margin:50px 104px;}
.Mainheader.StuMainheader .exercise-container.Exercise11 {padding:22px 0 0;}
.Mainheader.StuMainheader .exercise-container.Exercise11 .items {min-height:auto; margin-bottom:100px;}
.Mainheader.StuMainheader .exercise-container.Exercise11.audio-container .items {margin-bottom:0;}
.Mainheader.StuMainheader .exercise-container.Exercise11 .items .drag-item {min-height:70px; /*padding:10px 15px;*/ border:var(--bluelight) solid 2px; box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -webkit-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -moz-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); font-size:32px; height:auto;}
/*.Mainheader.StuMainheader .exercise-container.Exercise11 .items .drag-item .drag-icon {display:none;}*/
.Mainheader.StuMainheader .exercise-container.Exercise11 .boxes div.drag-box {box-shadow:4px 4px 4px 0px rgba(149, 197, 240, 0.5) inset; -webkit-box-shadow:4px 4px 4px 0px rgba(149, 197, 240, 0.5) inset; -moz-box-shadow:4px 4px 4px 0px rgba(149, 197, 240, 0.5) inset; border:var(--bluelight) solid 1px; background:var(--bluelightshadow); min-height:71px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box .typepinyin {/*width:331px;*/ min-height:90px; margin-bottom:10px; background:#fff; box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.1); border:rgba(0, 66, 95, 1) solid 1.5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:8px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box .typepinyin input:focus {outline:none; border-bottom:1px solid rgb(0, 67, 95) !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box .editpinyin {width:45%; background:#fff; box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.1); border:rgba(0, 66, 95, 1) solid 1.5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:8px; position:absolute; z-index:9; text-align:center; right:0; top:0;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box .select-text span {font-size:16px; font-weight:500; font-family:'Quicksand-Regular'; color:rgba(0, 66, 95, 1);}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box .select-text span.active {color:var(--bluelight);}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box.centermic {height:100%;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio {margin:50px 63px; height:auto; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio .chinese {font-family:'AdobeKaitiStd';}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio.contentExercise .audioplayer {padding:12px 16px 12px 20px !important; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .Mainarea.Exercise .content-audio .audioplayer {padding:12px 16px 12px 20px !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio img {width:80%; margin-bottom:20px; height:100%;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio .play-btn, .Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio .content-audio .play-btn {width:40px; margin:0;}
.play-btn {cursor:pointer;}
.Mainheader.StuMainheader .audiotext {font-size:20px; font-weight:700; font-family:'Quicksand-Regular'; line-height:24px;}
.Mainheader.StuMainheader .Exercise-textarea-bg {background:var(--bluelightshadow); padding:24px; color:var(--bluedark); box-shadow:4px 4px 4px 0px rgba(149, 197, 240, 0.15) inset; -webkit-box-shadow:4px 4px 4px 0px rgba(149, 197, 240, 0.15) inset; -moz-box-shadow:4px 4px 4px 0px rgba(149, 197, 240, 0.15) inset;}
.Mainheader.StuMainheader .Exercise-textarea {background:var(--bluelightshadow); color:var(--bluedark); font-size:14px; border:none; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .hanziSearch-active .Exercise-textarea {width:50%;}
.Mainheader.StuMainheader .Exercise-textarea:focus {outline:none;}
.textareabox button.active {background:#fff !important; color:rgb(0, 66, 95) !important;}
.textareabox button ion-img, .textareabox button.active ion-img.active {display:none;}
.textareabox button.active ion-img, .textareabox button ion-img.active {display:block;}
.Mainheader.StuMainheader .Exercise-textarea::placeholder {color:var(--bluedark); opacity:1;}
.Mainheader.StuMainheader .content-dnd {padding:50px 66px; background:#fff;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio .content-audio {width:100%; bottom:0;}
.Mainheader.StuMainheader .question-content.incomplete {background:#ffebe8;}
.Mainheader.StuMainheader .question-content {background:#d8f8df; margin-top:8px; font-size:28px; font-weight:400; font-family:'AdobeKaitiStd';}
.Mainheader.StuMainheader .question-content div.chinese {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}
/*Audio*/
.Mainheader.StuMainheader .read-progress {background:var(--blue); border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;}
.Mainheader.StuMainheader .read-progress-handle {background:var(--blue); width:12px; height:12px;}
.Mainheader.StuMainheader .read-progress-bar {background-color:var(--bluelightshadow); height:6px; border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;}
.Mainheader.StuMainheader .progress-bars {background:var(--orangelightshadow); height:6px; border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;}
.Mainheader.StuMainheader .progress-back {background:var(--orange); border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;}
.Mainheader.StuMainheader .progress-indicator {background:var(--orange); width:12px; height:12px;}
.Mainheader.StuMainheader .read-progress-container.lastscreen {background:var(--orangelightshadow);}
.Mainheader.StuMainheader .testyellow, .Mainheader.StuMainheader .read-progress-container.lastscreen.testyellow {background:var(--yellowlightshadow);}
.Mainheader.StuMainheader .read-progress-container.lastscreen.testyellow span.read-progress-handle, .Mainheader.StuMainheader .testyellow .progress-indicator,
.Mainheader.StuMainheader .testyellow .progress-back, .Mainheader.StuMainheader .read-progress-container.lastscreen.testyellow .read-progress {background:var(--yellow);}
.Mainheader.StuMainheader .testyellow .progress-bars {background:var(--yellowlightshadow);}
.Mainheader.StuMainheader .read-progress-container.lastscreen .read-progress-bar {background:#fff;}
.Mainheader.StuMainheader .read-progress-container.lastscreen span.read-progress-handle, .Mainheader.StuMainheader .read-progress-container.lastscreen .read-progress {background:var(--orange);}
.Mainheader.StuMainheader .exercise-container.yellow .items .drag-item {border:var(--yellow) solid 2px; box-shadow:4px 4px 4px 0px rgba(241, 214, 156, 0.42) inset; -webkit-box-shadow:4px 4px 4px 0px rgba(241, 214, 156, 0.42) inset; -moz-box-shadow:4px 4px 4px 0px rgba(241, 214, 156, 0.42) inset;}
.Mainheader.StuMainheader .exercise-container.yellow .drag-box {background:var(--yellowlightshadow); box-shadow:4px 4px 4px 0px rgba(241, 214, 156, 0.42) inset; -webkit-box-shadow:4px 4px 4px 0px rgba(241, 214, 156, 0.42) inset; -moz-box-shadow:4px 4px 4px 0px rgba(241, 214, 156, 0.42) inset;}
.Mainheader.StuMainheader .exercise-container.yellow .drag-box .drag-item {border:var(--yellow) solid 2px; padding:10px 15px !important;}
.Mainheader.StuMainheader .exercise-container.yellow .items .drag-item .drag-icon span {background:var(--yellowlightshadow);}
.hanzi-wrting-section.yellow .hanzi-box {border:var(--yellow) solid 2px; background-image:url(./assets/stu-hanzi-bg-yellow.png);}
.Mainheader.StuMainheader .exercise-container.orange .drag-box .drag-item {border:var(--orange) solid 2px;}
.Mainheader.StuMainheader .speak-container.yellow {background:var(--yellowlightshadow); max-width:738px; margin:0 auto 30px;}
.Mainheader.StuMainheader .yellow-width {max-width:698px; margin:0 auto;}
.Mainheader.StuMainheader .speak-container.yellow .pinyin-title {background:var(--orangelight);}
.Mainheader.StuMainheader .speak-container.yellow .progress-back, .Mainheader.StuMainheader .record-section.yellow .progress-back,
.Mainheader.StuMainheader .speak-container.yellow .progress-indicator, .Mainheader.StuMainheader .record-section.yellow .progress-indicator {background:var(--yellow);}
.Mainheader.StuMainheader .record-section .progress-container {background:var(--yellowlightshadow); padding:17px 16px;}
.Mainheader.StuMainheader .record-section .progress-container .settings-icon {position:absolute; right:47px; top:14px;}
.Mainheader.StuMainheader .record-section .progress-bars {background:#fff; height:6px; border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;}
.Mainheader.StuMainheader .image-audio-section .progress-container .progress-bars {background:#fff; height:6px; border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;}
.Mainheader.StuMainheader .image-audio-section .progress-container .progress-back {background:var(--yellow); border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;}
.Mainheader.StuMainheader .image-audio-section .progress-container .progress-indicator {background:var(--yellow); width:12px; height:12px;}
.Mainheader.StuMainheader .record-section-four {width:550px; margin:0 auto; justify-content:center; top:auto;}
.Mainheader.StuMainheader .record-section-four .audio-controls {width:100%; gap:10px;}
.Mainheader.StuMainheader .record-section-four .progress-container {background:var(--yellowlightshadow); padding:17px 16px; margin-right:0;}
.Mainheader.StuMainheader .record-section-four .progress-container .progress-back {background:var(--yellow); border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;}
.Mainheader.StuMainheader .record-section-four .progress-container .progress-indicator {background:var(--yellow); width:12px; height:12px;}
.Mainheader.StuMainheader .record-section-four .trash {min-width:40px; height:40px;}
/*Audio*/

.Mb30 {margin-bottom:30px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio.ansquebox {margin:60px 104px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio.ansquetext {margin:60px 63px;}
.ansque {font-size:20px; font-weight:700; color:var(--bluedark); font-family:'Quicksand-Regular'; text-align:center; margin-bottom:30px;}
.bigtext.chinese {font-size:36px; font-weight:400; color:var(--bluedark); font-family:'AdobeKaitiStd';}
.bigtextsub {border:var(--bluelight) solid 2px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; padding:25px; background:#fff; gap:10px; display:grid; box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -webkit-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -moz-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45);}
.bigtextsubchinese {font-size:25px; font-weight:400; color:var(--bluedark); font-family:'AdobeKaitiStd'; line-height:40px;}
.width900 {width:929px; min-height:396px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; background:var(--bluelightshadow); justify-self:center; justify-items:center; align-content:space-evenly;}
.Mainheader.StuMainheader .width900 .read-progress-container {padding:0; margin-top:45px;}
.Mainheader.StuMainheader .width900 .read-progress-container .audioview {width:450px; margin-right:0px; padding:17px 16px 17px 20px; background:rgb(255, 255, 255); border-radius:33px; -webkit-border-radius:33px; -moz-border-radius:33px;}
.content-column.content-col-2.readrecord {height:70vh; display:flex; justify-content:center; align-items:center;}
.trash .play-btn {min-width:40px;}
.pagespace {padding:0 160px;}
.bluebgimg.teacher .pagespace {border-radius:50px 0 50px 0; -webkit-border-radius:50px 0 50px 0; -moz-border-radius:50px 0 50px 0; padding:68px 0 66px; margin:0px auto; position:relative; z-index:9; width:1440px;}
.Mainheader.StuMainheader .pagespace .LibraryStu {padding:0;}
/*==================================== Student Pages Header & Menu bar ====================================*/
.Mainheader.StuMainheader ion-header .menubar {background:url("./assets/Frame.svg") no-repeat; width:100%; height:50px; background-size:contain; position:absolute; left:0; bottom:0;}
.Mainheader.StuMainheader ion-header {width:100%; padding:0; margin:0 auto; right:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.Mainheader.StuMainheader ion-header ion-grid.header ion-row {padding:36.62px 63px;}
@supports (-moz-appearance:none) {
.Mainheader.StuMainheader ion-header {right:0;}
}
.Mainheader.StuMainheader .student-header {background:transparent;}
.Mainheader.StuMainheader ion-header ion-grid.header {min-height:160px; border-radius:0 0 50px 0; -webkit-border-radius:0 0 50px 0; -moz-border-radius:0 0 50px 0; padding:0; background:var(--bluedarkest); background:linear-gradient(180deg, var(--bluedarkest) 0%, #002c40 100%);}
.Mainheader.StuMainheader ion-header ion-grid.header ion-col {display:flex; align-items:center;}
.Mainheader.StuMainheader ion-header ion-col {padding:0;}
.Mainheader.StuMainheader ion-header ion-grid.header .logo {background:transparent;}
.Mainheader.StuMainheader ion-header ion-grid.header .logo ion-img {width:312px; height:auto;}
.Mainheader.StuMainheader ion-toolbar .rightarea {justify-content:end;}
.Mainheader.StuMainheader ion-toolbar .lung {position:relative; background:transparent; cursor:pointer;}
.Mainheader.StuMainheader ion-toolbar .lung span {color:#fff; position:absolute; overflow:hidden; left:13px; right:0; top:12px; font-size:16px; font-weight:700; font-family:'rethinksans-variablefont_wght-webfont'; height:16px; width:20px; text-align:center;}
.lungbox {--width:60px; --background:transparent; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin-top:-50px; margin-left:-10px}
.lungbox::part(content) {width:60px;}
.lungbox .popover-wrapper .popover-content {width:60px !important;}
.lungbox .ion-delegate-host {width:60px !important;}
.lungbox .lungpopupbox {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; border:var(--bluelight) solid 2px; height:100%; background:#fff; padding:4px 10px; max-width:57px; /*position:absolute; left:auto; right:-12px; top:-16px; z-index:99;*/}
.lungbox .lungpopupbox div {position:relative; margin:10px 0; cursor:pointer;}
.lungbox .lungpopupbox div.active ion-img, .lungbox .lungpopupbox ion-img.active {display:none;}
.lungbox .lungpopupbox div.active span {color:rgba(0, 66, 95, 1);}
.lungbox .lungpopupbox div.active ion-img.active {display:block;}
.lungbox .lungpopupbox span {color:rgba(124, 165, 174, 1); position:absolute; left:2px; right:0; top:8px; font-size:16px; font-weight:500; font-family:'rethinksans-variablefont_wght-webfont'; text-align:center; overflow:hidden; /*height:16px; width:20px; text-overflow:ellipsis; white-space:initial; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;*/}
.lungbox .lungpopupbox ion-img {width:33px;}
.Mainheader.StuMainheader ion-header ion-grid.header .user {width:36px; height:36px; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-left:20px; display:flex; justify-content:center; align-items:center; flex-shrink:0; object-fit:cover; overflow:hidden; border:#fff 2px solid;}
.Mainheader.StuMainheader ion-header ion-grid.header .user ion-button {--background:#fff; margin:0; --padding-top:0; --padding-bottom:0; --padding-start:0; --padding-end:0; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.userbox {--background:transparent; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin-top:-50px;}
.userpopupbox {float:right; margin-right:0; border-radius:24px; -webkit-border-radius:24px; -moz-border-radius:24px; border:var(--bluelight) solid 2px; background:#fff; padding:14px; max-width:160px; /*position:absolute; left:auto; right:-58px; top:-3px; z-index:99;*/}
.userpopupbox ion-img {min-width:36px; height:36px; object-fit:cover; border:#fff 2px solid;}
.userpopupbox span {font-size:14px; font-weight:700; font-family:'Quicksand-Regular'; margin-left:12px;}
.userpopupbox p {text-decoration:underline; margin:7px 0 0; color:var(--bluedark); font-size:14px; font-weight:500; font-family:'Quicksand-Regular'; cursor:pointer;}
.Mainheader.StuMainheader ion-header ion-grid.header .Bell {background:transparent; width:38px; height:38px; position:relative; display:flex; justify-content:center; align-items:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; flex-shrink:0; margin-left:20px; cursor:pointer;}
.Mainheader.StuMainheader ion-header ion-grid.header .Bell .dott {width:18px; height:18px; background:#FF0000; color:#fff; font-size:12px; top:-3px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; right:0; display:flex; align-items:center; justify-content:center; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader ion-header ion-grid.header .Bell ion-img {width:36px;}
.Mainheader.StuMainheader .stumenu {background:transparent; padding:0 63px 23px; margin-top:-24px; position:relative; z-index:9; /*position:absolute; left:0; right:0; bottom:-25px;*/}
.Mainheader.StuMainheader .stumenu ion-row {width:max-content; margin:0 auto; gap:20px;}
.Mainheader.StuMainheader ion-toolbar .desktopmenu div {background:var(--orangelight); width:max-content; cursor:pointer; display:flex; align-items:center; justify-content:center; height:50px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; font-weight:700; font-size:16px; padding:0 33.36px; color:var(--bluedark); font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader ion-toolbar .desktopmenu.active div {background:var(--yellowdark); box-shadow:0px 12px 15px -5px rgba(241, 214, 156, 0.9); -webkit-box-shadow:0px 12px 15px -5px rgba(241, 214, 156, 0.9); -moz-box-shadow:0px 12px 15px -5px rgba(241, 214, 156, 0.9);}
/*.Mainheader.StuMainheader ion-header .menubar {background:#0b3343; height:52px;}*/
/*.Mainheader.StuMainheader ion-header .menubar ion-grid {padding:0; height:52px; border-radius:50px 0 0 0; background:#fff;}*/

/*==================================== Student Pages Header & Menu bar ====================================*/

/*==================================== Myfeed ====================================*/
.Mainheader.StuMainheader .Myfeed {padding:20px 160px 0;}
.Mainheader.StuMainheader .Myfeed h1 {font-size:36px; font-weight:600; font-family:'Quicksand-Regular'; margin:0;}
.Mainheader.StuMainheader .Myfeed .title {display: flex; align-items: center; gap:16px;}
.Mainheader.StuMainheader .Myfeed .title ion-button {font-family:'Quicksand-Regular'; --ion-color-contrast:#fff !important; --padding-top:15px; --padding-bottom:15px; --padding-start:20px; --padding-end:20px; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; --ion-color-base:var(--bluedarkest) !important; font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; text-transform:capitalize;}
.Mainheader.StuMainheader .Myfeed .selectview .toolbar-select {gap:16px; display:flex; align-items:center; color:#000;}
.Mainheader.StuMainheader .Myfeed .selectview .toolbar-select ion-label {font-size:16px; font-weight:600; font-family:'Quicksand-Regular'; color:var(--bluedark); white-space:nowrap;}
.Mainheader.StuMainheader .Myfeed .selectview .toolbar-select ion-select {min-width:207px; border:var(--bluelight) solid 1px; font-family:'Quicksand-Regular'; font-size:16px; font-weight:600; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:10px 12px 9px 16px; min-height:30px;}
.Mainheader.StuMainheader .Myfeed .selectview {font-size:32px; display:flex; align-items:center; justify-content:flex-end; gap: 16px;}
.Mainheader.StuMainheader .Myfeed .datafeed {border:none; padding:0; margin:30px 0 0;}
.Mainheader.StuMainheader .Myfeed .feed-box .details {width:100%; display:flex; align-items:center; justify-content:space-between; flex-direction: row;}
.Mainheader.StuMainheader .Myfeed .feed-box .details .chinese, .Mainheader.StuMainheader .Myfeed.teacher ion-label .details .chinese {font-family:'AdobeKaitiStd';}
.Mainheader.StuMainheader .Myfeed .feed-box .details p {font-size:22px; font-weight:600; margin:0 16px 0 0; font-family:'Quicksand-Regular'; color:var(--bluedark); overflow:hidden; text-overflow:ellipsis; white-space:initial; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}
.Mainheader.StuMainheader .Myfeed .feed-box .details p div, .Mainheader.StuMainheader .Myfeed.teacher ion-label p div {float:left; display:contents;}
.Mainheader.StuMainheader .Myfeed .feed-box .details small {display:flex; align-items:center; font-size:14px; font-weight:500; font-family:'Quicksand-Regular'; color:#000; white-space:nowrap;}
.Mainheader.StuMainheader .Myfeed .feed-box .details small ion-icon {margin-left:20px; font-size:18px;}
.Mainheader.StuMainheader .Myfeed .feed-box .imgbox {margin-right:10px;}
/*==================================== End Myfeed ====================================*/


.feed-box {background:var(--bluelightshadow); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; cursor:pointer; padding:11px 40px 11px 13px; margin:0 auto 15px; display:flex; justify-content:center;}
.feed-box .imgbox {min-width:64px; width:64px; height:64px; margin-right:21px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; display:flex; align-items:center; justify-content:center; background:linear-gradient(0deg, #F5B61A 0%, #FFCE53 100%);}
.feed-box ion-img {height:40px;}
/*===== Calendar Page =====*/
.MainCalendar .rbc-calendar {background:var(--bluelightshadow); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding:20px 36px 36px;}
.MainCalendar .rbc-header {background:rgba(124, 165, 174, 1); height:35.35px; display:flex; align-items:center; font-family:'Quicksand-Regular'; color:var(--bluedark); font-size:16px; font-weight:600; padding:10px;}
.rbc-header+.rbc-header {border-left:2px solid var(--bluelightshadow) !important;}
.MainCalendar .rbc-header:first-child {border-radius:20px 0 0 0; -webkit-border-radius:20px 0 0 0; -moz-border-radius:20px 0 0 0;}
.MainCalendar .rbc-header:last-child {border-radius:0 20px 0 0; -webkit-border-radius:0 20px 0 0; -moz-border-radius:0 20px 0 0;}
.MainCalendar .rbc-month-view {border:2px solid var(--bluelightshadow); border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; background:#fff;}
.MainCalendar .custom-toolbar {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.MainCalendar .custom-toolbar .toolbar-label h3 {font-size:28px; font-weight:600; margin:0; color:var(--bluedark); line-height:35px; font-family:'Quicksand-Regular';}
.MainCalendar .toolbar-select {display:flex; gap:14px; align-items:center; color:rgba(30, 30, 30, 1); font-size:16px; font-weight:600; font-family:'Quicksand-Regular';}
.MainCalendar .toolbar-select ion-select {min-width:167px; text-align:left; border:var(--bluelight) solid 1px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; padding:7.2px 12px 7.2px 16px; min-height:30px; font-size:16px; background:#fff; font-weight:600; font-family:'Quicksand-Regular'; line-height:22px; color:var(--bluedark);}
.MainCalendar .toolbar-buttons {display:flex; gap:14px;}
.MainCalendar .toolbar-buttons.desktophide {display:none;}
.MainCalendar .toolbar-buttons ion-img:first-child {margin-right:10px; margin-left:0;}
.MainCalendar .rbc-off-range-bg {background:rgba(245, 250, 255, 1);}
.MainCalendar .rbc-today {background:rgba(216, 248, 223, 1);}
.MainCalendar .rbc-day-bg+.rbc-day-bg {border-left:2px solid var(--bluelightshadow);}
.MainCalendar .rbc-month-row+.rbc-month-row {border-top:2px solid var(--bluelightshadow);}
.MainCalendar .toolbar-buttons ion-img {width:49px; cursor:pointer;}
.MainCalendar .rbc-row.rbc-month-header {min-height:auto; text-transform:uppercase;}
.MainCalendar .rbc-month-row {min-height:156px; cursor:pointer;}
.MainCalendar .rbc-row-segment .rbc-event {padding:2px 7px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; font-size:11.29px; font-weight:500; font-family:'Quicksand-Regular';}
.MainCalendar .rbc-row-segment .rbc-event .rbc-event-content {font-size:14px; font-style:normal; font-weight:500;}
.rbc-day-slot .rbc-time-slot {transition:background-color 0.3s ease;}
.rbc-day-slot .rbc-time-slot:hover {background-color:rgba(189, 189, 189, 0.8);}
.MainCalendar .rbc-date-cell {padding:9.677px; text-align:left; font-size:16px; font-weight:600; font-family:'Quicksand-Regular'; color:var(--bluedark);}
.MainCalendar button.rbc-button-link {font-weight:600; font-size:16px; font-family:'Quicksand-Regular';}
.MainCalendar .import-btn {margin:0; font-family:'Quicksand-Regular'; --background:rgba(0, 66, 95, 1); border-radius:30px !important; --border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important; --padding-top:14px; --padding-bottom:14px; --padding-start:28px; --padding-end:28px; font-size:16px; font-weight:700; --color:#fff !important;}
/*===== Calendar Page =====*/

.Mainheader .dashboard-page.student .Outstanding .Assignments-student .library-grid .box .bookcover {top:-33px;}
.Mainheader.StuMainheader .Start .Outstanding.mobilespace, .Mainheader .dashboard-page.student .Outstanding {margin-top:0; padding:0px 80px 0;}
.Mainheader .dashboard-page.student .Outstanding .Assignments-student .library-grid .box {min-height:415px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; position:relative; padding:25px 21.5px;}
.Mainheader .dashboard-page.student .Outstanding .Assignments-student .library-grid .box .bookcover {background:linear-gradient(0deg, #F5B61A 0%, #FFCE53 100%); box-shadow:-22px 22px 17.3px -16px rgba(247, 184, 1, 0.4); -webkit-box-shadow:-22px 22px 17.3px -16px rgba(247, 184, 1, 0.4); -moz-box-shadow:-22px 22px 17.3px -16px rgba(247, 184, 1, 0.4); padding:18px;}

.stickyfix {position:absolute; top:0; left:0; right:0; margin:0 auto; height:auto;}
@supports (-moz-appearance:none) {
.stickyfix {right:-7px;}
}
.tourtchr {background:linear-gradient(90deg, #B7D5DB 0%, #7CA5AE 100%); cursor:pointer; box-shadow:0px 12px 15px -5px rgba(215, 233, 237, 1); -webkit-box-shadow:0px 12px 15px -5px rgba(215, 233, 237, 1); -moz-box-shadow:0px 12px 15px -5px rgba(215, 233, 237, 1); width:52px; height:160px; padding:14.5px 17px; font-size:18px; font-weight:700; font-family:'Quicksand-Regular'; border-radius:25px 0 0 25px; -webkit-border-radius:25px 0 0 25px; -moz-border-radius:25px 0 0 25px; position:absolute; top:230px; right:0; text-align:center;}
.tourtchr span {transform:rotate(90deg); display:flex; align-items:center; justify-content:center; height:100%; white-space:nowrap;}
.tour {background:linear-gradient(90deg, #FFCE53 0%, #F5B61A 100%); cursor:pointer; box-shadow:0px 12px 15px -5px rgba(241, 214, 156, 0.9); -webkit-box-shadow:0px 12px 15px -5px rgba(241, 214, 156, 0.9); -moz-box-shadow:0px 12px 15px -5px rgba(241, 214, 156, 0.9); width:52px; height:160px; padding:14.5px 17px; font-size:18px; font-weight:700; font-family:'Quicksand-Regular'; border-radius:25px 0 0 25px; -webkit-border-radius:25px 0 0 25px; -moz-border-radius:25px 0 0 25px; position:absolute; top:230px; right:0; text-align:center;}
.tour span {transform:rotate(90deg); display:flex; align-items:center; justify-content:center; height:100%; white-space:nowrap;}
.stickyfix .tourinfo {top:405px;}
.stickyfix .tourlabel {top:475px;}
.stickyfix .tourlabel ion-img {width:100%;}
.tourlabel {background:linear-gradient(0deg, #2D5428 0%, #8FAC52 100%); cursor:pointer; box-shadow:0px 12px 15px -5px #B7C78A; -webkit-box-shadow:0px 12px 15px -5px #B7C78A; -moz-box-shadow:0px 12px 15px -5px #B7C78A; border-radius:25px 0 0 25px; -webkit-border-radius:25px 0 0 25px; -moz-border-radius:25px 0 0 25px; position:absolute; top:455px; right:0; padding:10px 8px;}
.tourinfo {background:linear-gradient(0deg, #002A3D 0%, #00425F 100%); cursor:pointer; box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -webkit-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -moz-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); border-radius:25px 0 0 25px; -webkit-border-radius:25px 0 0 25px; -moz-border-radius:25px 0 0 25px; position:absolute; top:455px; right:0; padding:10px 8px;}
.helppopup {--background:transparent; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.helppopup .scores-modal-content {background:rgba(0, 66, 95, 1); box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; height:auto; padding:16px; margin-right:10px; margin-top:60px;}
.helppopup .scores-modal-content span {color:#fff; text-decoration:underline; font-size:16px; font-weight:600; font-family:'Quicksand-Regular'; display:block; line-height:28px;}
.helppopup .scores-modal-content span:last-child {text-decoration:none;}
.desktophide, .Mainheader.StuMainheader .Asesmnt-pro-container.desktophide {display:none;}
.header-text.chinese, .question-content .chinese, .book-title .chinese {font-family:'NotoSansCJKSC-Regular'; font-weight:400;}
.question-content .chinese {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}
.chinese.lineClamp {-webkit-line-clamp:none; line-clamp:none;}
.book-title .non_chinese, .book-title .chinese {float:left; display:contents;}
.mobile-popup-menu .viewpart {background:url("./assets/Frame.svg") no-repeat; width:100%; height:50px; background-size:contain; position:fixed; z-index:9; top:55px; left:0; right:0;}
ion-modal.mobilemenumodal ion-content {--background:rgba(249, 240, 222, 1);}
ion-modal.mobilemenumodal.teacher ion-content {--background:rgba(215, 233, 237, 1);}
ion-modal.mobilemenumodal.teacher .menutitle {background:linear-gradient(0deg, #7CA5AE 0%, #B7D5DB 100%);}
ion-modal.mobilemenumodal .header {padding:10px 21px 10px 66px; min-height:auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; background:linear-gradient(180deg, var(--bluedarkest) 0%, #002c40 100%);}
ion-modal.mobilemenumodal .menuclose {position:absolute; z-index:99; font-size:30px; --padding-top:0; --padding-bottom:0; --padding-start:0; --padding-end:0; --background:transparent; margin:0; left:25px; top:14px;}
ion-modal.mobilemenumodal .header ion-img {width:34px;}
.menutitle {width:100%; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; font-size:22px; height:47px; justify-content:flex-start; padding:0 25px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; background:var(--yellowdark); line-height:47px; font-family:'Quicksand-Regular'; font-weight:600;}
ion-button.mobilemenu {position:absolute; z-index:99; font-size:24px; --padding-top:0; --padding-bottom:0; --padding-start:0; --padding-end:0; --background:transparent; margin:0; left:20px; top:14px; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; min-height:auto;}
.mobile-popup-menu .desktopmenu ion-label {font-size:20px; font-weight:500; font-family:'Quicksand-Regular'; display:flex; justify-content:space-between; align-items:center;}
.mobile-popup-menu .desktopmenu {padding:20px 25px; border-bottom:#fff solid 2px;}
ion-modal.mobilemenumodal .ion-page {justify-content:start !important;}
.mobilemenumodal.filter {--background:var(--bluelightshadow);}
.mobilemenumodal.filter.student {--background:rgba(228, 242, 255, 1);}
.mobilemenumodal.filter.student .filter-part ion-col ion-item {--background:rgba(228, 242, 255, 1);}
.mobilemenumodal.filter.student .menutitle {background:linear-gradient(0deg, #95C5F0 0%, #B3DBFF 100%); ;}
.mobilemenumodal.filter .viewpart {background:url(./assets/Frame.svg) no-repeat; width:100%; height:50px; background-size:contain;}
.mobilemenumodal.filter .menutitle {display:flex; align-items:center; justify-content:space-between; background:linear-gradient(0deg, #95C5F0 0%, #B3DBFF 100%);}
.mobilemenumodal.filter .menutitle ion-img {width:30px; margin-right:0;}
.mobilemenumodal.filter .filter-part ion-row {display:block;}
.mobilemenumodal.filter .filter-part {height:100%;}
.mobilemenumodal.filter .filter-part ion-col {padding:0;}
.mobilemenumodal.filter .filter-part ion-col ion-item {--background:var(--bluelightshadow); --padding-start:25px; --padding-end:9px; --inner-border-width:0; --padding-top:8.4px; --padding-bottom:8.4px; border-bottom:#fff solid 2px;}
.mobilemenumodal.filter .filter-part ion-col ion-item ion-select {margin:0 !important; min-height:auto; font-size:20px; font-weight:500; font-family:'Quicksand-Regular';}
.mobilemenumodal.filter .filter-part ion-col ion-item ion-select::part(icon) {display:none;}
/*Filter Accordion*/
.mobilemenumodal.filter .scores-accordion ion-item {font-size:20px; font-family:'Quicksand-Regular'; --inner-border-width:0; font-weight:500; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; --min-height:40px; --padding-start:25px; --inner-padding-end:25px;}
.mobilemenumodal.filter ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon {transform:rotate(270deg); font-size:1.4em;}
.mobilemenumodal.filter ion-accordion.accordion-expanded .ion-accordion-toggle-icon {transform:rotate(360deg) !important; font-size:1.4em;}
.mobilemenumodal.filter ion-accordion.scores-accordion.accordion-expanded ion-accordion-group ion-accordion:last-child ion-item {border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}
.mobilemenumodal.filter .change {display:flex; align-items:center; gap:12.5px; font-size:16px; font-family:'Quicksand-Regular'; font-weight:600; margin-left:5px;}
.mobilemenumodal.filter .change ion-checkbox {max-width:max-content; --size:22.5px; border-radius:5px; --border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; --checkmark-color:rgba(0, 192, 121, 1); --background:#fff; --checkbox-background-checked:#fff; --background-checked:#fff !important; --border-color:rgba(0, 66, 95, 1); --border-width:2px; --border-color-checked:rgba(0, 66, 95, 1); height:22.5px;}
.mobilemenumodal.filter ion-accordion.scores-sub-accordion.accordion-collapsed {margin:0;}
.mobilemenumodal.filter.student ion-accordion-group .scores-accordion ion-item {--background:rgba(228, 242, 255, 1) !important; --border-width:2px 0 0 0; --border-color:#fff; color:var(--bluedark);}
.mobilemenumodal.filter ion-accordion-group .scores-accordion ion-item {--background:var(--bluelightshadow) !important;}
.mobilemenumodal.filter ion-accordion-group .scores-accordion:first-child ion-item:first-child, .mobilemenumodal.filter ion-accordion-group .scores-accordion .subchild ion-item {--border-width:0;}
.mobilemenumodal.filter ion-accordion-group .scores-accordion ion-item ion-label {font-family:'Quicksand-Regular';}
.mobilemenumodal.filter ion-accordion-group {border-bottom:#fff 2px solid; height:100%; overflow:auto;}
.mobilemenumodal.filter ion-accordion-group .scores-accordion {margin:0;}
.mobilemenumodal.filter.student .subchild {padding-bottom:20px; background:rgba(228, 242, 255, 1);}
.mobilemenumodal.filter .subchild {background:var(--bluelightshadow);}
.mobilemenumodal.filter ion-button.bluetheme.clear {--ion-color-base:var(--bluelight) !important; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; --ion-color-contrast:var(--bluedark) !important;}
.mobilemenumodal.filter ion-col.save ion-button.bluetheme {margin:10px 11px;}
.pagenumber {font-size:16px; font-weight:700; height:50px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:158px; font-family:'Quicksand-Regular'; color:#fff; display:flex; align-items:center; justify-content:center; justify-self:center;}
.arrow.disabled {opacity:0.5; cursor:none;}
/*@media screen and (min-width:1025px) and (max-width:2500px) {
.dashboard-page #assessments-outstanding-grid .box {width:270px;}
}*/
@media screen and (min-width:1367px) and (max-width:1500px) {
.Mainheader.StuMainheader ion-grid.type-select ion-item.item ion-select {max-width:125px;}
.Mainarea.Assignments-student.teacher ion-grid.type-select ion-item.item ion-select {max-width:max-content !important;}
.Mainheader.StuMainheader .Gradingzone ion-grid.type-select ion-item.item ion-select {max-width:125px !important;}
.Mainheader.StuMainheader ion-row.library-list.Assessmentsresults ion-grid.type-select ion-item.item ion-select {max-width:135px;}
.Outstanding-tab .pagespace, .Mainheader.StuMainheader.gradingcolorbg .Outstanding-tab-details,
.Mainheader.StuMainheader .Start .Mainarea, .Mainheader.StuMainheader .blue-bg,
.bluebgimg.teacher .pagespace, .dashboard-page .Outstanding,.Gradingzone .arrowpopupbox {width:100% !important;}
.Mainheader.StuMainheader .library-grid.library .colorbtn span {padding:1.7px 6px !important; text-align:center;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {gap:34px !important;}
}
@media screen and (min-width:1301px) and (max-width:1500px) {
.Mainheader.StuMainheader .Start .Mainarea.Assignments-student .Mainheader.StuMainheader .viewbtn,
.Mainheader.StuMainheader .library-grid, .Mainheader.StuMainheader .Myfeed,
.Mainheader.StuMainheader .Start .Mainarea .spacemange, .Mainheader.StuMainheader .Start .blue-bg .spacemange {padding:0 150px;}
.Mainheader.StuMainheader .library-grid.library {padding:0;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard {padding:0 150px 20px;}
.Mainheader.StuMainheader .Start .pagespace.mobilespace, .Mainheader.StuMainheader .Start .pagespace .spacemange.mobilespace {padding:0 150px;}
.Mainheader.StuMainheader .LibraryStu ion-searchbar {max-width:220px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box .bookcover {height:max-content !important;}
.Mainheader .dashboard-page .Assignments-student .library-grid.teacher .box .bookcover ion-img {height:auto;}
.Mainheader .dashboard-page .Outstanding .Assignments-student .library-grid .box, .Mainheader .dashboard-page.student .Outstanding .Assignments-student .library-grid .box {min-height:auto;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange.scroll .library-grid {padding:0;}
.dashboard-page .Outstanding .Assignments-student .library-grid ion-col {min-width:auto;}
.Mainheader.StuMainheader .Gradingzone ion-grid.type-select ion-item.item ion-select {max-width:100px !important;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .bookcover {min-width:200px; height:200px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item {width:85px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2 .content-option.option-center {min-width:auto !important;}
.topspace.read-progress-container {margin-top:40px !important;}
.Mainheader.StuMainheader .exercise-container .boxes div.wapper100 img {min-height:275px;}
.Mainheader.StuMainheader .library-grid.library .colorbtn span {padding:1.7px 5px !important; font-size:13px !important; text-align:center;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {gap:45px;}
ion-col.next-btn-section .fullscreen {gap:20px !important;}
}
@media screen and (min-width:1301px) and (max-width:1366.98px) {
.Outstanding-tab .pagespace, .Mainheader.StuMainheader.gradingcolorbg .Outstanding-tab-details,
.Mainheader.StuMainheader .Start .Mainarea, .Mainheader.StuMainheader .blue-bg,
.bluebgimg.teacher .pagespace, .dashboard-page .Outstanding, .Gradingzone .arrowpopupbox {width:100% !important;}
/*.stickyfix, .Mainheader.StuMainheader ion-header, .Mainheader.StuMainheader .Start .Mainarea, .yellopart, .Mainheader.StuMainheader .blue-bg, .menutoparea {width:1260px;}*/
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container ion-col ion-img {width:67px;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item ion-select {margin:0 5px; max-width:125px;}
.Mainarea.Assignments-student.teacher ion-grid.type-select ion-item.item ion-select {margin:0 10px;}
.Mainheader.StuMainheader ion-row.library-list.Assessmentsresults ion-grid.type-select ion-item.item ion-select {max-width:135px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu .Asesmnt-pro-container {gap:25px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore .w-100 {margin-right:30px !important;}
.loginpage .main-box ion-grid {gap:16px;}
.loginpage .main-box {padding:20px 30px 25px;}
.loginpage .linktext a {padding-bottom:25px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item {width:95px;}
.loginpage .main-box ion-list.userform {padding-bottom:0;}
.loginpage .main-box ion-grid ion-img {max-width:200px;}
.loginpage .main-box h1 {font-size:22px; line-height:25px;}
.loginpage ion-button.clever, .loginpage ion-button.class {--padding-top:12px; --padding-bottom:12px;}
.Mainheader.StuMainheader .exercise-container .boxes div.wapper100 img {min-height:250px;}
.dashboard-page .Outstanding .Assignments-student .library-grid ion-col {min-width:255px;}
.MainCalendar .toolbar-select ion-select {min-width:130px;}
.rowlist ion-img {width:20px}
table.rowlist th:nth-child(3), table.rowlist th:nth-child(5), table.rowlist .scores-accordion td:nth-child(3), table.rowlist .scores-accordion td:nth-child(5) {min-width:140px !important;}
table.rowlist th:nth-child(2), table.rowlist th:nth-child(4), table.rowlist th:nth-child(6),
table.rowlist .scores-accordion td:nth-child(2), table.rowlist .scores-accordion td:nth-child(4), table.rowlist .scores-accordion td:nth-child(6) {min-width:100px !important;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item ion-skeleton-text {min-height:90px !important;}
}
@media screen and (max-width:1300px) {
.Outstanding-tab .pagespace, .Mainheader.StuMainheader.gradingcolorbg .Outstanding-tab-details, .loginpage .Mainarea {width:100% !important;}
.stickyfix, .Mainheader.StuMainheader ion-header, .Mainheader.StuMainheader .Start .Mainarea,
.Mainheader.StuMainheader .blue-bg, .menutoparea, .bluebgimg.teacher .pagespace,
.dashboard-page .Outstanding, .Gradingzone .arrowpopupbox {width:100%; min-height:auto;}
.yellopart {width:100%; min-height:80px;}
.Mainheader.StuMainheader .Start .Mainarea.Assignments-student .Mainheader.StuMainheader .viewbtn,
.Mainheader.StuMainheader .library-grid, .Mainheader.StuMainheader .Myfeed,
.Mainheader.StuMainheader .Start .Mainarea .spacemange, .Mainheader.StuMainheader .Start .blue-bg .spacemange {padding:0 130px;}
.Mainheader.StuMainheader .library-grid.library {padding:0;}
.Mainheader.StuMainheader .Gradingzone ion-grid.type-select ion-item.item ion-select {max-width:95px !important;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange.scroll .library-grid {padding:0;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2 .content-option.option-center {min-width:auto !important;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard {padding:0 130px 20px;}
.Mainheader.StuMainheader .Start .pagespace.mobilespace, .Mainheader.StuMainheader .Start .pagespace .spacemange.mobilespace {padding:0 130px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu .Asesmnt-pro-container {gap:30px;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item ion-select {font-size:14px; max-width:90px;}
.Mainarea.Assignments-student.teacher ion-grid.type-select ion-item.item ion-select {font-size:14px; max-width:max-content !important;}
.Mainheader.StuMainheader ion-row.library-list.Assessmentsresults ion-grid.type-select ion-item.item ion-select {max-width:95px;}
.Mainheader.StuMainheader .LibraryStu .filter {padding:0 10px; font-size:14px;}
.dashboard-page .Outstanding .Assignments-student .library-grid ion-col {min-width:auto;}
.Mainheader .dashboard-page .Outstanding .Assignments-student .library-grid .box, .Mainheader .dashboard-page.student .Outstanding .Assignments-student .library-grid .box {min-height:auto;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box .bookcover {height:auto !important;}
.Mainheader.StuMainheader .LibraryStu ion-searchbar {max-width:240px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item {width:80px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .bookcover {min-width:200px; height:200px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item span.circlered {width:22px; height:22px; top:0;}
.Mainheader.StuMainheader .Start .Outstanding.mobilespace, .Mainheader .dashboard-page.student .Outstanding {padding:0 70px;}
.Mainheader.StuMainheader .content-column .speak-section {padding:0 64px;}
.Mainheader.StuMainheader textarea.custom-textarea {height:62vh;}
.Mainheader.StuMainheader .previous-btn-section, .Mainheader.StuMainheader .next-btn-section, .Mainheader.StuMainheader .read-translation-item.Presentation {gap:15px !important;}
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container ion-col ion-img {width:64px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu .Asesmnt-pro-container {gap:20px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore .w-100 {margin-right:30px !important;}
.Mainheader.StuMainheader .Asesmnt-pro-itm {width:auto; min-width:135px;}
.loginpage .main-box ion-grid ion-img {max-width:200px;}
.loginpage .main-box h1 {font-size:22px; line-height:25px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise2scroll .content-box {height:100%;}
.Mainheader.StuMainheader .Mainarea.teacher .center-box {max-width:400px;}
.Mainheader.StuMainheader .Mainarea.teacher .profile-form.center-box {max-width:100%;}
.MainCalendar .custom-toolbar .toolbar-label h3 {font-size:24px;}
.MainCalendar .toolbar-select ion-select {min-width:120px;}
.MainCalendar .import-btn {--padding-start:20px; --padding-end:20px;}
.MainCalendar .custom-toolbar .d-flex {justify-content:space-between; gap:25px !important;}
.MainCalendar .toolbar-select ion-select {min-width:135px;}
.Mainheader.StuMainheader .library-grid.library .colorbtn {display:inline-grid !important; gap:5px !important; min-height:47px; align-items:end;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid .book.Library-book.onedata .colorbtn {min-height:auto !important;}
.Mainheader.StuMainheader .library-grid.library .colorbtn span {height:max-content; width:max-content;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .selectview .toolbar-select ion-select {width:170px !important;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-itm {width:130px !important;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {gap:40px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-img {height:30px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item {width:90px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list .Asesmnt-pro-itm {max-width:69px;}
.Mainheader.StuMainheader .Analytics .group-view .award-medals {gap:10px;}
.Mainheader.StuMainheader .Analytics .group-view .award-medals .medal-count {font-size:20px;}
.Mainheader.StuMainheader .library-list .book ion-img {width:100px;}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .book ion-img {width:52px;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-txt.bigcircle {font-size:70px !important;}
.Mainheader.StuMainheader .Mainarea.teacher .library-page ion-img {width:100px !important;}
.Mainheader.StuMainheader .Mainarea.teacher .library-page .icons ion-img {width:max-content !important;}
.Mainheader.StuMainheader .Mainarea.teacher .library-page .bookcover {width:auto !important;}
.Mainheader.StuMainheader .Mainarea.teacher .library-page ion-img {width:auto !important;}
.Mainheader.StuMainheader .Mainarea.teacher ion-row.library-list .icons .Assigned ion-img {width:auto;}
table.rowlist tr th, table.rowlist td {padding:10px 10px !important;}
table.rowlist th:nth-child(1), table.rowlist .scores-accordion td:nth-child(1) {min-width:160px !important; width: 160px !important;}
table.rowlist th:nth-child(3), table.rowlist th:nth-child(5), table.rowlist .scores-accordion td:nth-child(3), table.rowlist .scores-accordion td:nth-child(5) {min-width:140px !important;}
table.rowlist th:nth-child(2), table.rowlist th:nth-child(4), table.rowlist th:nth-child(6),
table.rowlist .scores-accordion td:nth-child(2), table.rowlist .scores-accordion td:nth-child(4), table.rowlist .scores-accordion td:nth-child(6) {min-width:85px !important; font-size:16px;}
table.rowlist th:nth-child(7), table.rowlist .scores-accordion td:nth-child(7) {min-width:130px !important;}
/*.Mainheader.StuMainheader .bluesection ion-img.yellopart {height:92px;}*/
}
@media screen and (max-width:1200px) {
.Mainheader.StuMainheader ion-header {right:0;}
.Mainheader.StuMainheader ion-header ion-grid.header ion-row {padding:36.62px 50px;}
.Mainheader.StuMainheader .stumenu {padding:0 50px 23px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard {padding:0 60px 20px;}
.Mainheader.StuMainheader .Start .pagespace.mobilespace, .Mainheader.StuMainheader .Start .pagespace .spacemange.mobilespace {padding:0 60px;}
.Mainheader.StuMainheader .Start .Mainarea.Assignments-student .Mainheader.StuMainheader .viewbtn,
.Mainheader.StuMainheader .library-grid, .Mainheader.StuMainheader .Myfeed,
.Mainheader.StuMainheader .Start .Mainarea .spacemange, .Mainheader.StuMainheader .Start .blue-bg .spacemange {padding:0 60px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise1 .content-box {padding:0 60px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box textarea.Exercise-textarea {height:400px !important;}
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container {grid-template-columns:repeat(7, 1fr);}
.feed-medals-container {margin-bottom:25px !important;}
.Mainheader.StuMainheader .Mainarea.content .header-row ion-row.header {padding:20px 50px 0;}
.Mainheader.StuMainheader ion-row.button-row {padding:20px 50px;}
.Mainheader.StuMainheader .Assignments-student .library-grid ion-col {max-width:calc(calc(3 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(3 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .LibraryStu ion-searchbar {max-width:200px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item {width:75px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore {padding-right:30px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .bookcover {min-width:180px; height:180px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .award ion-img {max-width:25px; min-width:25px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .book {max-height:max-content;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item span.circlered {width:18px; height:18px; top:4px;}
.Mainheader.StuMainheader .Start .Outstanding.mobilespace, .Mainheader .dashboard-page.student .Outstanding {padding:0 25px;}
.Mainheader.StuMainheader .Assignments-student .library-grid ion-col {max-width:calc(calc(3 / var(--ion-grid-columns, 12))* 100%) !important; flex:0 0 calc(calc(3 / var(--ion-grid-columns, 12))* 100%) !important;}
.Mainheader.StuMainheader .content-column .speak-section {padding:0 14px;}
.Mainheader.StuMainheader textarea.custom-textarea {height:48vh;}
.Mainheader.StuMainheader .hanzi-box {width:370px; height:370px;}
.Mainheader.StuMainheader .highlight-selected {width:245px;}
.Mainheader.StuMainheader .pron-prac-btn {width:200px;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item ion-select {margin:0 7px;}
.Mainheader.StuMainheader .Asesmnt-pro-itm {width:auto; max-width:163px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio.ansquebox {margin:60px 63px;}
.width900 {width:750px;}
.Mainheader.StuMainheader .exercise-container .items .drag-item, .Mainheader.StuMainheader .radio-container {font-size:30px !important;}
.Mainheader.StuMainheader ion-header .menubar {left:0;}
.Mainheader.StuMainheader .Mainarea.content .header-row .header-col:first-child {max-width:40%; flex:0 0 40%;}
.Mainheader.StuMainheader .Mainarea.content .header-text {display:block;}
.Mainheader.StuMainheader .Mainarea.content .header-text .non_chinese, .Mainheader.StuMainheader .Mainarea.content .header-text .chinese {float:left;}
.Mainheader.StuMainheader .Mainarea.content .user-text {white-space:nowrap;}
.Mainheader.StuMainheader ion-toolbar .teacher .desktopmenu div {padding:0 13px !important; font-size:15px;}
.MainCalendar .custom-toolbar .toolbar-label h3 {font-size:28px;}
.MainCalendar .import-btn {--padding-start:28px; --padding-end:28px;}
.MainCalendar .toolbar-select ion-select {min-width:108px;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-item img {width:40px;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-txt {font-size:20px; line-height:normal;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {gap:30px;}
.Mainheader.StuMainheader .Analytics .group-view .award-medals ion-img {width:36px;}
.Mainheader.StuMainheader .Analytics .group-view .award-medals .medal-count {font-size:16px; top:17px;}
.Mainheader.StuMainheader .Gradingzone ion-grid.type-select ion-item.item ion-select {max-width:85px !important;}
.MainCalendar .custom-toolbar .d-flex {gap:20px !important;}
table.rowlist td:nth-child(1) {min-width:180px !important;}
.rowlist ion-img {width:22px !important;}
.topspacearrow {margin-top:-190px !important;}
.topspacearrowbottom {margin-top:-240px !important;}
.Analytics-view .award ion-img {max-width:25px; min-width:25px;}
.Analytics-view .text span {width:70px; height:70px;}
table.rowlist th:nth-child(6), table.rowlist .scores-accordion td:nth-child(6) {min-width:75px !important;}
.Mainheader.StuMainheader .exercise-container .boxes div.wapper100 img {min-height:auto !important; max-height:auto !important;}
}
@media screen and (max-width:1150px) {
.Start .Mainarea, .Mainheader ion-header {width:100%;}
.Mainheader.StuMainheader .group-view .tag-class .text, .Mainheader.StuMainheader .group-view .text ion-button {font-size:25px;}
}
/*==== Tablet ====*/
@media screen and (min-width:900px) and (max-width:1024.98px) {
.Mainheader.StuMainheader .Start .pagespace .spacemange.mobilespace, .Mainheader.StuMainheader .Start .Mainarea.Assignments-student .Mainheader.StuMainheader .viewbtn,
.Mainheader.StuMainheader .Myfeed, .Mainheader.StuMainheader .Start .Mainarea .spacemange, .Mainheader.StuMainheader .Start .blue-bg .spacemange,
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard, .Mainheader.StuMainheader .Mainarea.Calendar {padding:0 25px !important;}
.Mainheader.StuMainheader .Mainarea.Calendar .pagespace.mobilespace {padding:0;}
.Mainheader.StuMainheader .Start .Outstanding.mobilespace, .Mainheader .dashboard-page.student .Outstanding {padding:0 25px;}
.Mainheader.StuMainheader .Assignments-student .spacemange .library-grid ion-col, .Mainheader.StuMainheader .Assignments-student .Outstanding.assessments .library-grid ion-col {max-width:calc(calc(3 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(3 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader .dashboard-page.student .Outstanding .Assignments-student .library-grid .box {min-width:179px;}
.Mainheader.StuMainheader .Mainarea.teacher .search-add ion-button {min-height:35px; --padding-top:0; --padding-bottom:0;}
.Analytics-data .selectview ion-button {--padding-top:0; --padding-bottom:0; height:35.54px;}
}
@media screen and (min-width:767.98px) and (max-width:1024.98px) {
.Mainheader.StuMainheader.student ion-header ion-col.desktopmenu, .Mainheader.StuMainheader.student ion-toolbar .lung {display:block;}
.Mainheader.StuMainheader.student ion-header ion-grid.header .desktophide.logo {display:none !important;}
.Mainheader.StuMainheader.student ion-header ion-grid.header {border-radius:0 0 50px 0; -webkit-border-radius:0 0 50px 0; -moz-border-radius:0 0 50px 0; padding:0;}
.Mainheader.StuMainheader.student .logo.mobilehide, .Mainheader.StuMainheader.student .profile.mobilehide {display:block !important;}
.Mainheader.StuMainheader.student ion-toolbar .desktopmenu.active div {width:auto; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; justify-content:center; font-size:16px;}
.Mainheader.StuMainheader.student .stumenu {padding:0 35px 23px; margin-top:-25px; margin-bottom:0;}
.Mainheader.StuMainheader.student ion-header ion-grid.header ion-row {padding:36.62px 30px 63.95px;}
.Mainheader.StuMainheader.student ion-header .menubar {top:161px;}
.Mainheader.StuMainheader.student .stumenu ion-row {width:max-content !important;}
.Mainheader.StuMainheader.student ion-header ion-grid.header .user, .Mainheader.StuMainheader.student ion-header ion-grid.header .Bell {width:36px; height:36px; margin-left:20px;}
.Mainheader.StuMainheader.student .Start .Mainarea .LeaderBoard {padding:10px 35px 20px;}
.Mainheader.StuMainheader.student .mobilespacemanage {margin-top:0;}
.Mainheader.StuMainheader.student .Start .Mainarea .LeaderBoard.cookie ion-segment-button {width:auto;}
.Mainheader.StuMainheader.score .Start .Mainarea.Assignments-student.phone ion-grid {padding-left:0; padding-right:0;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard.cookie,
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard.help,
.Mainheader.StuMainheader.student .Start .Mainarea .LeaderBoard {margin-bottom:20px;}
.Mainheader .dashboard-page.student .Outstanding .Assignments-student .library-grid .box {min-width:173px; padding:25px 15px 20px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box {padding:25px 15px 20px; gap:14px; margin-top:24px;}
.Mainheader .dashboard-page.student .Outstanding .Assignments-student .library-grid .box .bookcover {min-height:140px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box, .feed-box {border-radius:21.33px; -webkit-border-radius:21.33px; -moz-border-radius:21.33px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box .bookcover, .feed-box .imgbox {border-radius:14.22px; -webkit-border-radius:14.22px; -moz-border-radius:14.22px; padding:14px !important;}
.Mainheader.StuMainheader .Assignments-student .library-grid .book-title {font-size:15.64px; min-height:39px !important; line-height:19px !important;}
.Mainheader.StuMainheader .Assignments-student .library-grid .Assigned, .Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .Assigned {font-size:9.95px; min-height:auto !important; line-height:normal;}
.Mainheader.StuMainheader .Assignments-student .assignment-btn {font-size:11.37px; padding:0 10px; line-height:24px; min-height:35.55px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box .bookcover {margin:-50px auto 0;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .assignment-btn {min-width:150px;}
.Mainheader.StuMainheader .Assignments-student .library-list .book-title {font-size:15.64px !important; line-height:22px !important;}
.Mainheader.StuMainheader .Asesmnt-header {margin-bottom:6px; font-size:19.9px; line-height:18px;}
.dashboard-page .Outstanding ion-img.scroll-button {width:35.54px; height:35.54px;}
.Mainheader.StuMainheader .award-item {padding:7.5px 15px 7.5px 20px; border-radius:16.13px; -webkit-border-radius:16.13px; -moz-border-radius:16.13px;}
.Mainheader.StuMainheader .blue-bg .spacemange .library-list.one {margin-bottom:-110px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage .Asesmnt-header ion-img {width:25px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage .Asesmnt-header {display:flex; align-items:center; padding:8px 25px; height:41.22px;}
.nodata {font-size:22px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu .Asesmnt-header {margin-top:-22px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage .Asesmnt-pro-item {width:68px !important;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage .Asesmnt-pro-itm {min-width:115px !important; max-height:115px; max-width:115px !important;}
.Mainheader.StuMainheader .Asesmnt-pro-txt {font-size:19.9px; line-height:normal;}
.Mainheader.StuMainheader .Asesmnt-pro-container {padding:20px 22px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.bottomspace {margin-bottom:55px; border-radius:0 21.33px 21.33px 21.33px; -webkit-border-radius:0 21.33px 21.33px 21.33px; -moz-border-radius:0 21.33px 21.33px 21.33px;}
.Mainheader.StuMainheader .library-list.Assessmentsresults .Asesmnt-header {margin-bottom:30px;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item {--min-height:35.54px;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item ion-select {min-height:35.54px; font-size:11.37px;}
.Mainheader.StuMainheader .LibraryStu .filter {height:35.54px; font-size:11.37px;}
.Mainheader.StuMainheader .LibraryStu ion-grid.type-select {border-radius:10.66px; -webkit-border-radius:10.66px; -moz-border-radius:10.66px;} 
ion-select, ion-input {min-height:35.54px; height:35.54px; border-radius:10.66px !important; -webkit-border-radius:10.66px !important; -moz-border-radius:10.66px !important; font-size:11.37px !important; padding:0 5px !important;}
.Mainheader.StuMainheader .Myfeed h1, .Mainheader.StuMainheader.student .profile {font-size:30px;}
.Mainheader.StuMainheader .Myfeed .selectview .toolbar-select ion-select {padding:0 12px 0 16px !important;}
.Mainheader.StuMainheader .Mainarea.Assignments-student .toolbar-select ion-select {padding:0 12px 0 16px !important;}
ion-select::part(icon) {margin:10px 0px !important;}
.Mainheader.StuMainheader .group-view .Actions .toolbar-select ion-select::part(icon) {margin:3px 0px !important;}
.type-select ion-select::part(icon) {margin:2px 0 0 7px !important; width:10px;}
.Mainheader.StuMainheader .cookie .profile-user {border-radius:0 0 21.33px 21.33px; -webkit-border-radius:0 0 21.33px 21.33px; -moz-border-radius:0 0 21.33px 21.33px;}
.help .talk {border-radius:21.33px; -webkit-border-radius:21.33px; -moz-border-radius:21.33px;}
.scorebigpopup .scores-accordion:first-child ion-item, .help .scorebigpopup .accordion-space:last-child .scores-accordion.accordion-expanded:last-child ion-item {border-radius:21.33px 21.33px 0 0; -webkit-border-radius:21.33px 21.33px 0 0; -moz-border-radius:21.33px 21.33px 0 0;}
.help .scorebigpopup .accordion-space:last-child .scores-accordion:last-child ion-item {border-radius:0 0 21.33px 21.33px; -webkit-border-radius:0 0 21.33px 21.33px; -moz-border-radius:0 0 21.33px 21.33px;}
.Mainheader.StuMainheader .profile-box .profile-user, .Mainheader.StuMainheader .Asesmnt-sections-stu {border-radius:0 21.33px 21.33px 21.33px; -webkit-border-radius:0 21.33px 21.33px 21.33px; -moz-border-radius:0 21.33px 21.33px 21.33px;}
.scorebigpopup .scores-accordion:last-child ion-item {border-radius:0 0 21.33px 21.33px; -webkit-border-radius:0 0 21.33px 21.33px; -moz-border-radius:0 0 21.33px 21.33px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.input-area ion-input, .Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.input-area ion-select {min-height:35.54px; padding:0 !important;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item ion-button {height:35.54px; --padding-top:0; --padding-bottom:0; font-size:11.37px; margin:0;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box .save ion-button {height:40px; --padding-top:0; --padding-bottom:0; --padding-start:0; --padding-end:0;}
.Mainheader.StuMainheader .Assessmentsresults .selectview .toolbar-select ion-label {font-size:11.37px;}
.Mainheader.StuMainheader ion-searchbar.searchbar-left-aligned input.searchbar-input {padding:8px 30px 8px 22px; font-size:11.37px; height:35.54px;}
.Mainheader.StuMainheader .selectview ion-img {min-width:35.54px; padding:9px !important; width:35px;}
.Mainheader.StuMainheader .selectview .library-listing, .Mainheader.StuMainheader .selectview .gridlist-listing {gap:10px;}
.Mainheader.StuMainheader ion-icon.searchbar-search-icon {width:16px;}
.divicemanage.AssignmentsStuscroll {height:calc(100vh - 294px) !important;}
.Mainheader.StuMainheader .award-label {font-size:12.8px;}
.Mainheader.StuMainheader .award-medal ion-img {width:33px !important;}
.Mainheader.StuMainheader .award-medal .medal-count {font-size:12.8px; top:16px;}
.Mainheader.StuMainheader .Mainarea.content .header-content img {width:42.63px; height:42.63px;}
.Mainheader.StuMainheader .Mainarea.content .header-text {font-size:17.05px; line-height:normal;}
.Mainheader.StuMainheader .Mainarea.content .user-content img {width:35.53px; min-width:35.53px; height:35.53px;}
.Mainheader.StuMainheader .Mainarea.content .user-text {font-size:11.37px;}
.Mainheader.StuMainheader .Mainarea.content .exit-btn {height:35.53px; --padding-top:0; --padding-bottom:0; font-size:11.37px;}
.Mainheader.StuMainheader .Mainarea.content .header-row ion-row.header {padding:14.21px 47.61px 0; align-items:center;}
.Mainheader.StuMainheader .Mainarea.Exercise .exercise-info {margin-top:21.32px; padding:10px 0;}
.Mainheader.StuMainheader .Mainarea.Exercise .exercise-text p {font-size:11.37px; line-height:16px;}
.Mainheader.StuMainheader .Mainarea.Exercise .exercise-text span {font-size:14.21px;}
ion-row.processbar div {height:9.94px !important;}
.progress-dott {width:19.18px; height:19.18px; top:-4px;}
.progress-dott b {font-size:11.37px;}
.Mainheader.StuMainheader .Mainarea.content .user-content {gap:7px;}
.Mainheader.StuMainheader ion-button.previous-btn, .Mainheader.StuMainheader ion-button.previous-btn.next-btn {height:35.53px; white-space:nowrap; min-width:auto; --padding-top:0; --padding-bottom:0; font-size:11.37px;}
.Mainheader.StuMainheader .Mainarea.Exercise .main-content-2 .content-point span {min-width:28.42px; height:28.42px; font-size:17.05px; line-height:18px;}
.Mainheader.StuMainheader .Mainarea.Exercise .main-content-2 {font-size:22.74px; gap:6.42px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-option {font-size:19.9px; padding:6.5px 20px 6.5px 40px; border-radius:7.11px; -webkit-border-radius:7.11px; -moz-border-radius:7.11px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-option span {font-size:17.5px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box hr {margin:29.16px 0 24.17px; height:1.42px;}
.Mainheader.StuMainheader .pron-prac-btn {height:35.53px; font-size:11.37px; width:164.97px;}
.pagenumber {height:35.53px; font-size:11.37px; min-width:120px;}
.Mainheader.StuMainheader .highlight-container {font-size:11.37px;}
.Mainheader.StuMainheader .highlight-selected {width:210px; height:35.53px; font-size:11.37px; padding:10px 10px; border-radius:10.66px; -webkit-border-radius:10.66px; -moz-border-radius:10.66px;}
.Mainheader.StuMainheader .progress .progress-rt-reading-on, .Mainheader.StuMainheader .progress .progress-reading-on {height:49.74px; border-radius:0 35.53px 0 0; -webkit-border-radius:0 35.53px 0 0; -moz-border-radius:0 35.53px 0 0;}
.Mainheader.StuMainheader .progress .progress-exercise-on {height:49.74px; border-radius:35.53px 35.53px 0 0; -webkit-border-radius:35.53px 35.53px 0 0; -moz-border-radius:35.53px 35.53px 0 0;}
.Mainheader.StuMainheader .progress .progress-rt-test-on, .Mainheader.StuMainheader .progress .progress-test-on {height:49.74px; border-radius:35.53px 0 0 0; -webkit-border-radius:35.53px 0 0 0; -moz-border-radius:35.53px 0 0 0;}
.Mainheader.StuMainheader .progress .progress-rt-reading, .Mainheader.StuMainheader .progress .progress-rt-test,
.Mainheader.StuMainheader .progress .progress-reading, .Mainheader.StuMainheader .progress .progress-exercise, .Mainheader.StuMainheader .progress .progress-test {height:36.95px; margin-top:13px;}
.Mainheader.StuMainheader .progress-text {font-size:14.21px;}
.processheight div {height:9.95px !important;}
.progress-icon {height:22.73px;}
.Mainheader.StuMainheader .progress .progress-exercise {border-radius:35.53px 35.53px 0 0; -webkit-border-radius:35.53px 35.53px 0 0; -moz-border-radius:35.53px 35.53px 0 0;}
.Mainheader.StuMainheader .progress .progress-test {border-radius:35.53px 0 0 0; -webkit-border-radius:35.53px 0 0 0; -moz-border-radius:35.53px 0 0 0;}
.Mainheader.StuMainheader .Mainarea.content .header-row ion-row.progress {padding:9px 0 0;}
.Mainheader.StuMainheader .read-header {font-size:11.37px; line-height:normal;}
.Mainheader.StuMainheader .read-subheader {font-size:14.21px; line-height:normal;}
.Mainheader.StuMainheader .read-main-content {border-radius:21.32px; -webkit-border-radius:21.32px; -moz-border-radius:21.32px; padding:17.76px 19.9px; margin:11.44px 0 20.6px;}
.Mainheader.StuMainheader .content-column {padding:36.24px 47.61px; height:calc(100vh - 202px);}
.Mainheader.StuMainheader .content-column.setheight {height:calc(100vh - 142px);}
.Mainheader.StuMainheader .read-audio-controls img.play-btn, .Mainheader.StuMainheader .read-audio-controls .pinyin-off {width:27.71px; min-width:27.71px; height:27.71px; font-size:12px; line-height:10px;}
.Mainheader.StuMainheader .translation img, .Mainheader.StuMainheader .translation span, .Mainheader.StuMainheader .pinyin-on {min-width:27.71px; height:27.71px; font-size:9.95px; line-height:8px;}
/*.Mainheader.StuMainheader .speak-container .audio-controls div {min-width:65px !important;}*/
.Mainheader.StuMainheader .speak-container .audio-controls div .pinyin-on {min-width:27.71px !important;}
.Mainheader.StuMainheader .speak-container .audio-controls div .setting-Popover {min-width:auto !important; top:4px;}
.Mainheader.StuMainheader .read-translation-item ion-segment-button {min-height:auto;}
.Mainheader.StuMainheader .read-translation-item.Presentation ion-segment-button span {font-size:16px;}
.Mainheader.StuMainheader .highlight-option {font-size:9.95px;}
.highlight-options {bottom:36px;}
.Mainheader.StuMainheader .progress-container, .content-img-audio.content-img-audio-2 div.audioplayer, .audioplayer, .Mainheader.StuMainheader .read-progress-container {height:27.71px !important; min-height:27.71px;}
.Mainheader.StuMainheader .read-container {gap:14.92px;}
.Mainheader.StuMainheader .read-audio-controls {gap:8.53px;}
.Mainheader.StuMainheader .time-display, .audioplayer div {font-size:9.95px !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio .play-btn,
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio .content-audio .play-btn,
.Mainheader.StuMainheader .record-section img, .Mainheader.StuMainheader .exercise-container .boxes div.wapper100 img.play-btn {min-width:27.71px; width:27.71px;}
.Mainheader.StuMainheader .record-section .trash, .Mainheader.StuMainheader .content-column.content-col-2 img.play-btn {min-width:27.71px; width:27.71px; height:27.71px;}
.circle {width:15px; height:15px; min-width:15px;}
ion-col.Classes-details {max-width:35% !important; flex:0 0 35% !important;}
ion-col.Classes-data {max-width:65% !important; flex:0 0 65% !important;}
}
/*==== Tablet ====*/
@media screen and (max-width:1024.98px) {
.Mainheader.StuMainheader ion-header ion-grid.header .user, .Mainheader.StuMainheader ion-header ion-grid.header .Bell {width:30px; height:30px; margin-left:10px;}
.Mainheader.StuMainheader ion-header ion-grid.header {padding:10px 25px 10px 60px; min-height:auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.Mainheader.StuMainheader ion-toolbar .desktopmenu.active div {width:100%; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; font-size:22px; height:47px; justify-content:flex-start; padding:0 25px !important; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; line-height:20px;}
.Mainheader.StuMainheader .stumenu {padding:0; margin:0 0 5px;}
.Mainheader.StuMainheader ion-toolbar .desktopmenu.active {display:block; width:100%;}
.Mainheader.StuMainheader .stumenu ion-row {width:100%;}
.Mainheader.StuMainheader ion-header ion-grid.header .desktophide.logo {display:block !important;}
.Mainheader.StuMainheader ion-header ion-grid.header ion-row {padding:0;}
.Mainheader.StuMainheader ion-header .menubar {top:55px; height:47px;}
.Mainheader.StuMainheader ion-toolbar h1 {width:100%; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; position:relative; font-size:22px; height:47px; padding:0 25px; background:var(--yellowdark); margin:-5px 0 0; font-family:'Quicksand-Regular'; font-weight:700; display:flex; align-items:center; color:var(--bluedark);}
.Mainheader.StuMainheader ion-toolbar h1.TeacherTitle {background:linear-gradient(0deg, #7CA5AE 0%, #B7D5DB 100%);}
.Mainheader.StuMainheader ion-toolbar .teacher h1 {background:linear-gradient(0deg, #7CA5AE 0%, #B7D5DB 100%);}
.Mainheader.StuMainheader ion-header .desktophide, .mobilemenumodal .desktophide.logo {display:flex !important; justify-content:space-between;}
.loginpage ion-col.deivcesvglogo, .Mainheader.StuMainheader ion-toolbar .desktopmenu.Mainheader.StuMainheader ion-header ion-grid.header .logo.mobilehide,
.Mainheader.StuMainheader ion-header ion-col.desktopmenu, .logo.mobilehide, .Mainheader.StuMainheader ion-toolbar .lung {display:none;}
.Mainheader.StuMainheader ion-header ion-grid.header .desktophide.logo ion-img {width:34px;}
.Mainheader.StuMainheader ion-toolbar .teacher .desktopmenu.active div {box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important;}
.Mainheader.StuMainheader ion-header ion-grid.header .desktophide.logo {display:block !important;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard {padding:5px 25px 20px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard.cookie, .Mainheader.StuMainheader .Start .Mainarea .LeaderBoard.help {margin-top:-10px;}
.mobilespacemanage {margin-top:15px;}
.divicemanage.LibraryStuscroll .mobilespacemanage, .divicemanage.AssignmentsStuscroll .mobilespacemanage {margin-top:0;}
.Mainarea.Assignments-student.library.teacher .mobilespacemanage {margin-top:0;}
.Mainheader.StuMainheader .Start .pagespace.mobilespace, .Mainheader.StuMainheader .Start .pagespace .spacemange.mobilespace,
.Mainheader.StuMainheader .Start .Mainarea.Assignments-student .Mainheader.StuMainheader .viewbtn,
.Mainheader.StuMainheader .library-grid, .Mainheader.StuMainheader .Myfeed,
.Mainheader.StuMainheader .Start .Mainarea .spacemange, .Mainheader.StuMainheader .Start .blue-bg .spacemange {padding:0 25px;}
.Mainheader.StuMainheader .Start .menutoparea .blue-bg .spacemange {padding:0 25px;}
ion-modal.mobilemenumodal {--width:100%; --height:100%;}
.profile.mobilehide {display:none !important;}
.loginpage .Mainarea {padding:50px 50px; display:inline-grid; height:auto;}
.loginpage p {position:relative; bottom:0;}
.loginpage .main-box {justify-content:center;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange ion-grid.LibraryStu ion-col.device:last-child {margin-bottom:0;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange ion-grid.LibraryStu ion-col.device .selectview {justify-content:space-between; gap:10px !important;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange ion-grid.LibraryStu ion-col.device .filter-part ion-col:first-child {max-width:100%;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item ion-select {margin:0 10px;}
.Mainarea.Assignments-student.teacher ion-grid.type-select ion-item.item ion-select {max-width:none !important; margin:0;}
.Mainheader.StuMainheader .Assessmentsresults .LibraryStu ion-col:first-child ion-select {max-width:55px;}
.Mainheader.StuMainheader .LibraryStu .filter {padding:0 10px;}
.Mainheader.StuMainheader .Assignments-student .library-grid ion-col {max-width:calc(calc(4 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(4 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange .divicemanage {padding:0 10px 0 0 !important;}
.Mainheader.StuMainheader .Assignments-student .library-list .book-title {font-size:22px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .book-title {min-height:67px;}
.Mainheader.StuMainheader .LibraryStu ion-searchbar {width:100%; max-width:100%; min-height:auto;}
.Mainheader.StuMainheader .previous-btn-section, .Mainheader.StuMainheader .next-btn-section, .Mainheader.StuMainheader .read-translation-item.Presentation {gap:15px !important;}
.Mainheader.StuMainheader .next-btn-section img {width:36px; height:36px;}
.Mainheader.StuMainheader .read-translation-item.Presentation ion-segment-button.segment-button-checked {background-size:36px 36px;}
.Mainheader.StuMainheader .read-translation-item.Presentation ion-segment-button img {min-width:36px; min-height:36px;}
.Mainheader.StuMainheader .read-translation-item.Presentation.pinyin ion-segment-button {width:36px; height:36px;}
.Mainheader.StuMainheader .read-translation-item.Presentation.pinyin ion-segment-button span {line-height:12px; font-size:12px;}
.Mainheader.StuMainheader ion-row.button-row {padding:20px 40px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box .blue-heading ion-col:first-child,
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:first-child {max-width:70px; min-width:70px; padding:15px 14px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:nth-child(3),
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:nth-child(4),
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:nth-child(5) {max-width:75px; min-width:75px; padding:15px 14px;}
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container {grid-template-columns:repeat(6, 1fr);}
.Mainheader.StuMainheader .profile-box h1 {font-size:30px;}
.Mainheader.StuMainheader .profile-box .award .madel {margin:0;}
.Mainheader.StuMainheader .profile-box .award div {gap:8px;}
.infoHeading .scores-modal-content {width:650px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item img {width:20px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-txt {font-size:14px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item span.circlered {width:15px; height:15px;}
.Mainheader.StuMainheader .Asesmnt-pro-itm {width:auto; min-width:135px}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu .Asesmnt-pro-container {gap:10px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item {width:65px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore .w-100 {margin-right:20px !important;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage .Asesmnt-pro-itm {max-width:160px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage .Asesmnt-pro-item {width:100px;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu {padding-left:16px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore {padding-right:16px; padding-left:0;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .award ion-img {max-width:20px; min-width:20px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .book {max-height:fit-content;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-itm .Asesmnt-pro-txt {font-size:38px !important;}
.Mainheader.StuMainheader textarea.custom-textarea {height:40vh;}
.Mainheader.StuMainheader .exercise-container .items .drag-item, .Mainheader.StuMainheader .radio-container {font-size:26px !important;}
.scorebigpopup .scores-container {width:850px !important;}
.Mainheader.StuMainheader .main-content.Mb30 {padding:0; margin:0 -12px;}
.Mainheader.StuMainheader .exercise-container .boxes div.wapper100 img.play-btn {min-height:auto !important;}
.width900 {width:650px;}
.Mainheader.StuMainheader .Exercise2, .Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio {margin:40px 40px !important;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange .grid {padding-top:10px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2 .option-boxes .option-row {width:calc(100% / 0) !important;}
.Mainheader.StuMainheader span.radio-checkmark {width:22px; height:22px;}
.radio-container .radio-checkmark:after {width:12px; height:12px;}
.Mainheader.StuMainheader .radio-container {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical; display:flex; align-items:center;}
.Mainheader.StuMainheader .radio-container span.label {line-height:36px; padding-left:30px}
.Mainheader.StuMainheader .Assessmentsresults .selectview .toolbar-select ion-select {min-width:186px;}
.Mainheader.StuMainheader .Mainarea.content .header-row .header-col:first-child {max-width:35%; flex:0 0 35%;}
.Mainheader.StuMainheader .Mainarea.content .header-row ion-row.header .desktophide {display:block;}
.Mainheader.StuMainheader .Mainarea.teacher .center-box {max-width:90%; width:90%;}
.Mainheader.StuMainheader .teacher .profile-box .profile-form.center-box ion-item {padding:0 10px;}
.Mainheader.StuMainheader .Mainarea.teacher .center-box ion-img {border-radius:30px 0px; -webkit-border-radius:30px 0; -moz-border-radius:30px 0;}
.MainCalendar .toolbar-select ion-select {min-width:150px;}
.MainCalendar .toolbar-buttons.desktophide {display:flex;}
.MainCalendar .custom-toolbar {display:block;}
.MainCalendar .toolbar-select {width:100%; margin-top:16px;}
.MainCalendar .toolbar-select ion-label, .MainCalendar .mobilehide.toolbar-buttons {display:none;}
.MainCalendar .custom-toolbar .toolbar-label h3 {text-align:center; margin-bottom:0;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-item img {width:30px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {gap:40px; justify-content:space-between;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-itm {min-width:125px !important; width:125px !important;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item {width:80px;}
.Analytics-view .award ion-img {min-width:22px;}
.Analytics-view {gap:15px !important;}
.Analytics-view .award, .Analytics-view .award div {gap:10px; margin:0 !important; padding:0;}
.Analytics-view .text span {width:55px; height:55px;}
.Analytics .Analyticstext {font-size:25px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .selectview .toolbar-select ion-select {width:150px !important; min-width:150px;}
.Analytics-data .selectview ion-button ion-img {width:auto !important;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list, .Mainheader.StuMainheader .Analytics .group-view {padding:18px 22px 30px;}
.Mainheader.StuMainheader .Analytics .group-view .award-medals ion-img {width:30px;}
.Mainheader.StuMainheader .Analytics .group-view .award-medals .medal-count {font-size:15px; top:14px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container {gap:10px; min-width:293px;}
.Mainheader.StuMainheader .AnalyticsTabs .smallbox {gap:6px;}
.Mainheader.StuMainheader .AnalyticsTabs .smallbox .Asesmnt-pro-item {width:25% !important; margin:0 !important;}
.Mainheader.StuMainheader .AnalyticsTabs .smallbox .Asesmnt-pro-item .Asesmnt-pro-width {width:53px; margin:0 auto;}
.Mainheader.StuMainheader .library-list .book ion-img {width:88px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list .book-title {font-size:20px;}
.Mainheader.StuMainheader .Mainarea.teacher ion-row.library-list .icons ion-img.usertag {margin:0 !important;}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .icons {gap:20px !important;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-txt.bigcircle {font-size:60px !important;}
.zonetitle ion-col {flex:0 0 calc(calc(6 / var(--ion-grid-columns, 12)) * 100%) !important; width:calc(calc(6 / var(--ion-grid-columns, 12)) * 100%) !important; max-width:calc(calc(6 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .Gradingzone .rowlist ion-col {padding:10px 10px; font-size:16px; gap:5px;}
.Mainheader.StuMainheader .Gradingzone .rowlist ion-row ion-col:nth-child(1) {min-width:120px;}
.Mainheader.StuMainheader .Gradingzone .arrowbox {padding:32px;}
.MainCalendar .custom-toolbar .d-flex {align-items:center;}
.MainCalendar .rbc-month-row {min-height:94px;}
table.rowlist th {font-size:16px !important;}
table.rowlist td {font-size:14px !important;}
table.rowlist td:nth-child(1) {min-width:160px !important;}
.rowlist .selectview .circle {min-width:24px !important; height:24px !important;}
.rowlist .selectview .circle ion-icon {font-size:18px !important;}
.rowlist .selectview {gap:5px;}
table.rowlist td {gap:7px !important;}
.Mainheader.StuMainheader .Gradingzone .arrowbox {padding:25px 25px; border-radius:0 0 30px 30px; -webkit-border-radius:0 0 30px 30px; -moz-border-radius:0 0 30px 30px;}
table.rowlist tr th, table.rowlist td {padding:10px 8px !important;}
.loginpage p {position:relative !important; padding:10px 0 10px; bottom:0 !important;}
.dashboard ion-col .feed.teacher span {padding:0 !important; height:600px !important;}
.modal-content.group-setting-popup, .modal-content.edit-setting-popup.profile {width:850px !important; min-width:850px !important;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {gap:25px;}
table.rowlist th:nth-child(6), table.rowlist .scores-accordion td:nth-child(6) {min-width:70px !important;}
table.rowlist th:nth-child(7), table.rowlist .scores-accordion td:nth-child(7) {min-width:120px !important;}
.divicemanage.teacher.library-page {height:calc(100vh - 287px) !important;}
.divicemanage.teacher.libraryTeacher {height:calc(100vh - 202px) !important;}
.loginoption, .Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin .Asesmnt-pro-container .award-medals {gap:20px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin .Asesmnt-pro-container {padding:16px 21px 20px;}
.Mainheader.StuMainheader .blue-bg .spacemange .library-list.one {padding-top:22px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin {margin-bottom:10px;}
.Mainheader .dashboard-page.student .Outstanding .library-grid.teacher {padding-bottom:25px !important;}
.Mainheader.StuMainheader .Asesmnt-pro-img {height:33px;}
.Mainheader.StuMainheader.score .Start .Mainarea.Assignments-student.phone {padding-top:80px !important;}
.Mainheader.StuMainheader .group-view .tag-class .text {font-size:25px; margin-bottom:15px; width:100%;}
.Mainheader.StuMainheader .group-view .tag-class {display:block;}
}
@media screen and (max-width:899.98px) {
.Mainheader.StuMainheader .award-medal ion-img {width:40px;}
.Mainheader.StuMainheader .award-medal .medal-count {font-size:16px; top:20px;}
.Mainheader.StuMainheader .Asesmnt-pro-img {height:35px;}
.Mainheader.StuMainheader .Asesmnt-pro-txt {font-size:24px;}
.Mainheader.StuMainheader .award-item {border-radius:16.13px; -webkit-border-radius:16.13px; -moz-border-radius:16.13px; padding:7.5px 15px 7.5px 30px;}
.Mainheader.StuMainheader .content-column {padding:50px; height:auto;}
.Mainheader.StuMainheader .Myfeed .feed-box .details {display:block;}
.Mainheader.StuMainheader .Myfeed .feed-box .details p {font-size:16px; line-height:normal; margin:0 0 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:initial; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; line-height:20px; min-height:60px;}
.Mainheader.StuMainheader .Myfeed .feed-box .details small {font-size:13px;}
.Mainheader.StuMainheader .Myfeed .feed-box .details small ion-icon {margin:0; position:absolute; top:50%; right:0; transform:translate(-50%, -50%);}
.feed-box .imgbox {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-right:20px;}
.teacher .feed-box .imgbox {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
}
@media screen and (max-width:900px) {
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container {grid-template-columns:repeat(5, 1fr);}
.Mainheader.StuMainheader .award-medal ion-img {width:35px;}
.tour {top:290px;}
.stickyfix .tourinfo {top:405px;}
.Mainheader.StuMainheader .award-medal .medal-count {font-size:15px; top:18px;}
.Mainheader.StuMainheader .award-item {padding-left:20px;}
.Mainheader.StuMainheader .award-medals {gap:16px !important;}
.Mainheader.StuMainheader .exercise-container .items .drag-item, .Mainheader.StuMainheader .radio-container {font-size:26px;}
.Mainheader.StuMainheader textarea.custom-textarea {height:34vh;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage .Asesmnt-pro-itm {max-width:140px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu .Asesmnt-pro-container {gap:6px;}
.Mainheader .dashboard-page .Outstanding .Assignments-student .library-grid .box,
.Mainheader.StuMainheader .Assignments-student .library-grid .box,
.Mainheader .dashboard-page.student .Outstanding .Assignments-student .library-grid .box {padding:25px 20px 20px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item {width:57px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item span.circlered {top:2px;}
.Gradingzonepopup.profilepopup .scores-modal-content, .scorebigpopup .scores-container {width:700px !important;}
.loginpage ion-col.main-box {max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 350px) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; padding:25px 25px 30px;}
.loginpage ion-col.svglogo {display:none;}
.loginpage ion-col.deivcesvglogo {display:block; padding-top:30px;}
.scorebigpopup .Assessmentsresults .book {max-height:200px !important;}
.zonetitle ion-col {flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important;}
.loginpage ion-col.deivcesvglogo ion-img {width:100%;}
.zonetitle ion-col .toolbar-select {width:100%; margin-top:20px;}
.scorebigpopup .Assessmentsresults .bookcover {min-width:180px !important; height:180px !important;}
.Mainheader.StuMainheader .Asesmnt-pro-itm {width:auto; min-width:90px; max-width:90px;}
.Mainheader.StuMainheader .width900 .read-progress-container {margin-top:45px !important; display:flex !important;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {gap:20px;}
.Mainheader.StuMainheader ion-header ion-grid.header .desktophide.logo {margin:0;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list {border-radius:0 20px 20px 20px; -webkit-border-radius:0 20px 20px 20px; -moz-border-radius:0 20px 20px 20px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col.ion-text-right {text-align:left !important;}
.Mainheader.StuMainheader .Analytics .group-view {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.Mainheader.StuMainheader .Analytics .group-view .award-medals ion-img {width:35px;}
.Mainheader.StuMainheader .Analytics .group-view .award-medals .medal-count {font-size:18px; top:16px;}
.Mainheader.StuMainheader .Analytics .group-view .award-medals {gap:22px;}
.Mainheader.StuMainheader .profile-box .award div.mobilehide, .Mainheader.StuMainheader .Mainarea.content .exit-btn span {display:none;}
.desktophide ion-col.filter {border:var(--bluelight) solid 1px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; max-height:38px;}
.Mainheader.StuMainheader .profile-box .titlearea .desktophide ion-img {width:27px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu .Asesmnt-pro-container.mobilehide {display:flex;}
.AssessmentsStumobile .desktophide .filter {padding:0 16px !important; font-size:16px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-container.desktophide {display:none !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .exercise-text span.desktophide {font-size:16px; align-items:center;}
.Mainheader.StuMainheader .Mainarea.Exercise .exercise-text span.desktophide ion-icon {margin-left:5px;}
.Mainheader.StuMainheader .LibraryStu .filter ion-img {display:block !important; padding:0 !important; max-width:26px; height:auto;}
.Mainheader.StuMainheader ion-header ion-grid.header {min-height:auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .assignment-btn {min-width:160px;}
.AssessmentsStumobile {justify-content:space-between;}
.Mainheader.StuMainheader ion-header .menubar {height:47px;}
.Mainheader.StuMainheader .Myfeed .selectview {padding:0;}
.Mainheader.StuMainheader .profile-box .profile-user ion-col, .Mainheader.StuMainheader .profile-box .profile-form.center-box ion-row ion-col {text-align:center !important; max-width:calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important}
.Subscriptiondate {width:100%; margin:20px 0 0;}
.profile-box .titlearea {margin:0 0 10px !important;}
.profile-box .titlearea .desktophide {display:block;}
.Mainheader.StuMainheader .profile-box .award {gap:10px; margin-bottom:25px; justify-content:space-between;}
.Mainheader.StuMainheader .profile-box .award div {padding:0;}
.Mainheader.StuMainheader .Mainarea.content .exit-btn {margin:0; --padding-start:4px; --padding-end:8px; display:flex; align-items:center; height:38px !important;}
.Mainheader.StuMainheader .Mainarea.content .header-content img, .Mainheader.StuMainheader .Mainarea.content .user-content img {width:38px; min-width:38px; height:38px;}
.Mainheader.StuMainheader .progress .progress-re-reading-on, .Mainheader.StuMainheader .progress .progress-re-reading,
.Mainheader.StuMainheader .progress .progress-re-exercise, .Mainheader.StuMainheader .progress .progress-re-exercise-on {height:56px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; margin:0;}
.Mainheader.StuMainheader .content-column {padding:50px; height:calc(100vh - 202px);}
.Mainheader.StuMainheader .content-column.setheight {height:calc(100vh - 140px);}
.Mainheader.StuMainheader .read-time.desktophide, .Mainheader.StuMainheader .read-container .desktophide.assignments, .Mainheader.StuMainheader .time-display.desktophide {display:none !important;}
.Mainheader.StuMainheader .time-display.mobilehide, .Mainheader.StuMainheader .read-content-section .mobilehide,
.Mainheader.StuMainheader .Myfeed ion-col.mobilehide,
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore .Asesmnt-pro-itm.mobilehide,
.Mainheader.StuMainheader .highlight-container span.circle {display:block;}
.Mainheader.StuMainheader .pron-prac-btn {white-space:nowrap;}
.Mainheader.StuMainheader .highlight-selected {width:206px;}
.Mainheader.StuMainheader .Myfeed h1, .profile.mobilehide {font-size:30px; display:block;}
.Mainheader.StuMainheader .Mainarea.Exercise .exercise-text {display:flex; align-items:center; justify-content:space-between; width:100%; padding:0 25px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.bottomspace {margin-bottom:50px;}
.Mainheader.StuMainheader .library-list.Assessmentsresults .Asesmnt-header {margin-bottom:20px;}
.AssignmentsListen .scores-modal-content {width:700px !important;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item ion-select {max-width:70px !important;}
.scorebigpopup .Assessmentsresults .award ion-img {max-width:28px !important; min-width:28px !important;}
.Mainheader.StuMainheader .highlight-container span {display:none;}
.Mainheader.StuMainheader .highlight-option span {display:block;}
.highlight-selected-content span {display:block !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box .typepinyin {width:auto; right:24px;}
.divicemanage.AssignmentsStuscroll, .divicemanage.LibraryStuscroll {height:calc(100vh - 307px) !important;}
.Mainheader.StuMainheader .Mainarea.teacher .LeaderBoard ion-col {max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .Mainarea.teacher .center-box {max-width:454px; margin:0 auto; float:none !important; padding:0 15px; width:100% !important;}
.Mainheader.StuMainheader .Mainarea.teacher .profile-form.center-box ion-item {padding:0;}
.Mainheader.StuMainheader .Mainarea.teacher .center-box small {right:15px;}
.Mainheader.StuMainheader .teacher .profile-box .profile-form.center-box .Subscriptiondate {width:100%; margin:10px 0 0;}
.MainCalendar .custom-toolbar .d-flex {gap:20px !important;}
.MainCalendar .toolbar-select, .MainCalendar .toolbar-buttons {gap:10px;}
.MainCalendar .toolbar-select ion-select {min-width:102px;}
.MainCalendar .rbc-calendar {padding:20px 30px 30px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage ion-col,
.Mainheader.StuMainheader .Start .bluebgimg.teacher .dashboard ion-col {flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important;}
.Mainheader.StuMainheader .Start .bluebgimg.teacher .dashboard ion-col .circle-progress ion-col {flex:0 0 calc(calc(6 / var(--ion-grid-columns, 12)) * 100%) !important; max-width:calc(calc(6 / var(--ion-grid-columns, 12)) * 100%) !important; border-radius:0px !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}
.dashboard ion-col .feed.teacher {margin:20px 0 0 0 !important; border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important; padding:30px !important;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-item img {width:46px;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-txt {font-size:28px;}
.Mainheader.StuMainheader .Gradingzone .pagespace.mobilespace ion-grid.type-select ion-item.item ion-select {max-width:max-content !important;}
.dashboard .feed-box {justify-content:start;}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .icons {gap:10px !important;}
.Mainheader.StuMainheader .group-view ion-row.library-list .icons div.tags {display:block; width:auto;}
.Mainheader.StuMainheader .group-view .tag {margin:5px;}
.Mainheader.StuMainheader .group-view .library-list .book {height:auto;}
.Mainheader.StuMainheader .group-view .library-list .book ion-checkbox {height:-webkit-fill-available;}
.Mainheader.StuMainheader .Mainarea.teacher .search-add ion-button {min-height:35px; --padding-top:0; --padding-bottom:0;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .icons {margin:0 !important; padding-right:25px;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .icons.duedate.desktophide {display:block; text-align:right;}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .margin {margin:0 25px !important;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item {width:62px;}
.Mainheader.StuMainheader .Asesmnt-pro-txt {line-height:normal !important;}
.selectview.Compare.Analytics ion-segment ion-segment-button {padding:0 6px !important; font-size:13px !important; margin:0 !important; --padding-end:0px !important; --padding-start:0px !important; min-height:38px; border-radius:10px !important; -webkit-border-radius:10px !important; -moz-border-radius:10px !important;}
.selectview.Compare.Analytics ion-segment ion-segment-button ion-label {margin:0;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-img {height:30px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-itm {min-width:102px !important; width:102px !important;}
.Mainheader.StuMainheader .Analytics .group-view .awards-container {grid-template-columns:repeat(1, 1fr); width:auto;}
.Mainheader.StuMainheader .Analytics .group-view .awards-container .award-item {margin-left:0 !important; margin-right:0 !important;}
.Analytics-data .Overview .selectview .toolbar-select ion-label, .Analytics-data .Overview .selectview .toolbar-select ion-select {display:none;}
.Analytics-data.Progress .selectview.Compare.Analytics .recharts-legend-wrapper {width:100% !important;}
.Analytics-data.Progress .selectview.Compare.Analytics div {justify-content:center !important;}
.Analytics-data.Progress .selectview.Compare {margin-top:16px; padding-bottom:80px;}
.Analytics-data.Progress .selectview.Compare.Analytics ion-segment {gap:6px; bottom:15px; top:auto !important;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container {padding:0 0 20px; gap:20px;}
.mobileAnalytics ion-label, .Analytics-data.Progress .toolbar-select ion-label {min-width:55px !important; font-family:'Quicksand-Regular'; font-weight:600;}
.mobileAnalytics .toolbar-select .d-flex, .Analytics-data.Progress .toolbar-select .d-flex {margin:10px 0; width:100%;}
.mobileAnalytics .toolbar-select ion-select, .Analytics-data.Progress .toolbar-select ion-select {min-width:calc(100% - 68px) !important;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book {display:block; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-itm .Asesmnt-pro-txt {font-size:32px !important;}
.Mainheader.StuMainheader .Analytics.view .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container {justify-content:start; padding:10px 0 10px 16px !important;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list .Asesmnt-pro-itm {min-width:76px; max-width:76px;}
.Mainheader.StuMainheader .AnalyticsTabs .smallbox {gap:20px;}
.Mainheader.StuMainheader .AnalyticsTabs .smallbox .Asesmnt-pro-item {width:25% !important; margin:0 3px !important;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list .Asesmnt-pro-itm .Asesmnt-pro-txt {font-size:22px;}
.Mainheader.StuMainheader .AnalyticsTabs .smallbox .Asesmnt-pro-item .Asesmnt-pro-txt {font-size:16px;}
.Mainheader.StuMainheader .AnalyticsTabs ion-segment-button {font-size:22px !important;}
.Mainheader.StuMainheader .group-view .text ion-button {font-size:22px;}
.Mainheader.StuMainheader .group-view .tag-class .text {font-size:20px;}
.Mainheader.StuMainheader .Mainarea.teacher ion-row.library-list ion-checkbox {--size:24px !important;}
.Mainheader.StuMainheader .pagespace.mobilespace ion-grid.type-select ion-item.item ion-select {max-width:40px !important;}
.Mainarea.Assignments-student.teacher .pagespace.mobilespace ion-grid.type-select ion-item.item ion-select {max-width:max-content !important;}
.Mainarea.Assignments-student.teacher .pagespace.mobilespace .LibraryFilter ion-grid.type-select ion-item.item ion-select {max-width:75px !important;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-txt.bigcircle {font-size:80px !important;}
.Mainheader.StuMainheader .Asesmnt-pro-container .Asesmnt-pro-itm ion-skeleton-text {width:130px !important; height:130px !important; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.Mainheader.StuMainheader .Asesmnt-pro-container .Asesmnt-pro-item ion-skeleton-text {width:92px !important; height:92px !important; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.Mainheader.StuMainheader .Asesmnt-pro-container ion-skeleton-text.skeleton-text {border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; max-height:max-content !important;}
.Mainheader.StuMainheader .Mainarea.teacher .LeaderBoard ion-col.mobilehide {display:none;}
.Mainheader.StuMainheader .Mainarea.teacher .LeaderBoard .profile-box.desktophide {display:block; background:transparent;}
.Mainheader.StuMainheader .Mainarea.teacher .center-box ion-img {border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0;}
ion-row.Analytics ion-col.dropdown {flex:0 0 calc(calc(4 / var(--ion-grid-columns, 12)) * 100%) !important; max-width:calc(calc(4 / var(--ion-grid-columns, 12)) * 100%) !important;}
ion-row.Analytics ion-col.dropdowndata {flex:0 0 calc(calc(8 / var(--ion-grid-columns, 12)) * 100%) !important; max-width:calc(calc(8 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .Mainarea .LeaderBoard.cookie h2, .Mainheader.StuMainheader .Mainarea .LeaderBoard.cookie p,
.Mainheader.StuMainheader .Mainarea .LeaderBoard.cookie ul, .Mainheader.StuMainheader .Mainarea .LeaderBoard.cookie h3 {text-align:left !important;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard.cookie ion-segment-button {min-width:23.5% !important; width:100%;}
.Mainheader.StuMainheader .Mainarea .LeaderBoard.cookie ion-segment-button {font-size:15px;}
.Mainheader.StuMainheader .Mainarea .LeaderBoard.cookie ion-segment-button ion-label {margin:10px !important; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.help .talkbox {max-width:250px;}
.Lastbefore, .Latestrevision {--padding-start:15px; --padding-end:15px;}
.topspacearrow {margin-top:-180px !important;}
.topspacearrowbottom {margin-top:-220px !important;}
.dashboard ion-col .feed.teacher span {padding:0 !important; height:auto !important;}
.modal-content.edit-setting-popup, .modal-content.group-setting-popup, .modal-content.edit-setting-popup.profile, .modal-content.add-edit-popup {width:700px !important; min-width:700px !important;}
.edit-setting ion-select, .edit-setting ion-input {min-width:auto !important;}
.group-setting .group-setting-checkbox.Character ul li {width:20% !important;}
.group-setting ion-col {min-width:25% !important;}
.edit-setting ion-col .d-flex {width:100%;}
.Analytics.view .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container {gap:12px !important; min-width:298px !important; align-items:center;}
.Analytics.view .smallbox {gap:12px !important;}
.Analytics.view .AnalyticsTabs .imgarea ion-img {min-width:92px !important; width:92px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .library-list .Asesmnt-pro-itm {min-width:65px !important; max-width:65px;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item {width:86px;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item img.Asesmnt-pro-img {width:45px;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container,
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {gap:20px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .award-medals ion-img {width:35px;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .award-medals .medal-count {font-size:16px; top:17px;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .award-medals {gap:10px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col {flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; width:calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; max-width:calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.content-img-audio.content-img-audio-2 div {height:auto !important;}
.Mainheader.StuMainheader .Start .pagespace.mobilespace {padding:0 25px;}
.edit-setting-popup.profile .awards-container.Biliteracy {grid-template-columns:repeat(2, 1fr) !important;}
}
@media screen and (min-width:767.98px) and (max-width:800px) {
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .bookcover {min-width:150px; height:160px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .book {margin-bottom:20px;}
}
@media screen and (max-width:767.98px) {
.loginpage .Mainarea {padding:30px;}
.loginpage ion-col.deivcesvglogo {display:none;}
.loginpage .main-box ion-grid ion-img {max-width:192px;}
.loginpage .main-box h1 {font-size:25px;}
.Mainheader.StuMainheader .Myfeed .feed-box .details p div, .Mainheader.StuMainheader .Myfeed.teacher .details p div {float:left; line-height:28px;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item ion-skeleton-text {min-height:39px !important; margin:0 auto;}
.Mainheader.StuMainheader .teacher .selectview, .Mainheader.StuMainheader .teacher .selectview .gridlist-view {gap:11.25px;}
ion-row.library-list .checkmark {padding:0;}
.Mainheader.StuMainheader .selectview .library-listing, .Mainheader.StuMainheader .selectview .gridlist-listing {gap:11.25px;}
.Mainheader.StuMainheader ion-button.previous-btn, .Mainheader.StuMainheader ion-button.previous-btn.next-btn {min-width:auto; font-size:15px; white-space:nowrap;}
.Mainheader.StuMainheader .selectview ion-img {width:49px;}
.modal-content.group-setting-popup .group-setting-scroll {padding:0 20px !important;}
ion-col.selectview.device.AssessmentsStumobile {justify-content:space-between;}
.Mainheader.StuMainheader .Mainarea.content .header-row ion-row.header {padding:20px 25px 0;}
.Mainheader.StuMainheader .library-list ion-col {padding:6px 10px;}
.ion-model, .Comment .scores-modal-content, .infoHeading .scores-modal-content {--border-radius:30px !important; border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important;}
.loginpage ion-col.main-box {max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important;}
.modal-content.add-edit-popup ion-col {max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important;}
.modal-content.add-edit-popup .edit-setting ion-input {width:calc(100% - 88px) !important;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage .Asesmnt-header.overview, .Mainheader.StuMainheader .Asesmnt-header,
.Mainheader.StuMainheader .library-list.Assessmentsresults .Asesmnt-header, .Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage .Asesmnt-header {padding:8px 30px; font-size:24px;}
.Mainheader.StuMainheader .Start.Classes .mobilespacemanage {margin:0;}
.Mainheader.StuMainheader .profile-box .center-box ion-img {border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; margin:0 auto;}
ion-button.bluetheme {min-height:38px !important; --padding-top:0 !important; --padding-bottom:0 !important; width:100px !important;}
.downloads-popup .modal-footer ion-button {min-height:38px !important; --padding-top:0 !important; --padding-bottom:0 !important; min-width:auto !important;}
.pagenumber {display:none;}
.desktophide {display:flex !important; justify-content:space-between;}
.modal-content.edit-setting-popup.ClassesActions ion-col {margin:0;}
.modal-content.edit-setting-popup.ClassesActions ion-col:nth-child(2) {margin-bottom:5px;}
.modal-content.edit-setting-popup.ClassesActions ion-col.tag:nth-child(2) {margin:0;}
.modal-content.add-edit-popup .edit-setting ion-select, .modal-content.add-edit-popup .edit-setting ion-input {width:calc(100% - 0px);}
.modal-footer .save ion-button {min-height:37px !important; --padding-top:0; --padding-bottom:0; min-width:auto !important; --padding-start:25px !important; --padding-end:25px !important;}
.Mainheader.StuMainheader .award-medals {gap:20px !important;}
.MainCalendar .custom-toolbar .toolbar-label h3 {font-size:22px;}
.Mainheader.StuMainheader .classes-accordion .group-view {width:100%;}
.MainCalendar .toolbar-buttons ion-img {width:38px;}
.help .scorebigpopup .accordion-space:last-child {margin-bottom:0;}
.MainCalendar .rbc-calendar {background:transparent; padding:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.MainCalendar .import-btn {--padding-top:11px; --padding-bottom:11px; --padding-start:20px; --padding-end:20px;}
.MainCalendar .rbc-row-segment .rbc-event {margin-left:5px !important;}
.MainCalendar .toolbar-select {gap:20px !important;}
.Mainheader.StuMainheader .Mainarea.teacher .LeaderBoard .profile-box.desktophide {padding-bottom:15px;}
.Mainheader.StuMainheader .Mainarea.Calendar {padding:0;}
.MainCalendar .toolbar-select ion-select {padding:3.2px 12px 3.2px 16px;}
.Mainheader.StuMainheader .Myfeed .selectview .toolbar-select {margin-bottom:10px;}
.Mainheader.StuMainheader .Myfeed .selectview .toolbar-select ion-select {padding:3.2px 12px 3.2px 16px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; width:100% !important;}
.Mainheader.StuMainheader .highlight-container span.circle, table.leadertable .desktophide {display:block !important;}
.Mainheader.StuMainheader .highlight-container span.circle {margin-right:4px;}
.svglogo, .progress-dott, .user-text {display:none;}
.Mainheader.StuMainheader .highlight-selected {width:86px;}
.Mainheader.StuMainheader .highlight-container span {display:none !important;}
.Mainheader.StuMainheader .LibraryStu .filter {padding:0 10px; height:36.75px;}
.Mainheader.StuMainheader .selectview ion-img {width:36.75px; height:36.75px; padding:8.5px !important;}
.Mainheader.StuMainheader .Assessmentsresults .selectview .toolbar-select ion-select {min-width:153px; padding:3.2px 12px 3.2px 16px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.Mainheader.StuMainheader ion-searchbar.searchbar-left-aligned input.searchbar-input {padding:8.2px 40px 8.2px 19px;}
.Mainheader.StuMainheader ion-icon.searchbar-search-icon {right:19px !important; width:15px;}
.Outstanding.assessments .Assignments-student .box .book {margin-top:12px !important;}
.Mainheader .dashboard-page.student .Outstanding {padding:0 15px;}
.mobilehide {display:none;}
.modal-content.add-edit-popup {max-width:427px !important; min-width:427px !important; padding:25px !important; height:80vh !important; overflow-y:auto !important; overflow-x:hidden !important;}
.modal-content.class-login-popup {width:427px !important;}
.add-edit-setting {font-size:16px !important;}
.add-edit-gray {font-size:14px !important;}
.add-edit-setting div, .add-edit-gray div {gap:16px !important;}
.edit-setting ion-select, .edit-setting ion-input {width:calc(100% - 88px);}
.edit-setting ion-row {align-items:end;}
.close-event img {width:36px;}
.add-edit-setting img, .add-edit-gray img {height:16px !important;}
.modal-content ion-label {font-size:22px !important;}
.edit-setting ion-select, .edit-setting ion-input {min-height:37px !important;}
.edit-setting ion-select::part(icon) {margin:12px 0px !important;}
.edit-setting ion-col ion-button {min-height:38px !important; --padding-top:0 !important; --padding-bottom:0 !important; min-width:74px !important;}
.edit-setting ion-col span {margin-bottom:10px !important; display:block;}
.edit-setting ion-col {margin-bottom:12px;}
.edit-setting ion-col, .mobileAnalytics.desktophide {display:block !important;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage {margin-top:12px;}
.Analytics-data.Progress .selectview.Compare {margin-top:16px; padding-bottom:80px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list {padding:18px 20px 20px !important;}
.edit-setting-popup.profile .edit-setting ion-col {max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; padding:5px 0;}
.edit-setting-popup .edit-setting ion-select, .edit-setting-popup .edit-setting ion-input {width:calc(100% - 0px);}
.Mainheader.StuMainheader .Start .Mainarea .spacemange ion-grid.LibraryStu ion-col.device {margin-bottom:20px; max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .pagespace ion-grid.LibraryStu.classes ion-col, .Mainheader.StuMainheader .Mainarea.Assignments-student .pagespace .LibraryStu ion-col {margin-bottom:14px; max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; justify-content:start !important;}
.Mainheader.StuMainheader .pagespace ion-grid.LibraryStu.classes ion-col ion-searchbar {width:100%;}
.Mainheader.StuMainheader .Mainarea.Assignments-student .pagespace .LibraryStu ion-col .selectview {width:100%;}
.Mainheader.StuMainheader .Start .bluebgimg.teacher .dashboard ion-col.chartbox .selectview {display:block;}
.Mainheader.StuMainheader .Start .bluebgimg.teacher .dashboard ion-col.chartbox .selectview.Compare {padding:18px 13px;}
ul.recharts-default-legend li.recharts-legend-item {font-size:14px !important; font-weight:500 !important;}
.bluebgimg.teacher {background:linear-gradient(267deg, #95C5F0 -3.52%, #E4F2FF 48.88%);}
ul.recharts-default-legend li.recharts-legend-item {margin:5px 0 5px !important;}
.Mainheader.StuMainheader .Start .bluebgimg.teacher .dashboard ion-col.chartbox .selectview p {font-size:22px; margin:0 0 10px;}
.dashboard ion-col .feed.teacher h4 {font-size:22px !important; margin-bottom:10px !important;}
.Mainheader.StuMainheader .classes-accordion .group-view .Actions ion-button ion-img {margin:0;}
.Mainheader.StuMainheader .Start .bluebgimg.teacher .dashboard ion-col.chartbox .selectview ion-select {padding:3.2px 12px 3.2px 16px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.Mainheader.StuMainheader .Start .bluebgimg.teacher .dashboard ion-col.chartbox .selectview .toolbar-select {gap:10px; font-family:'Quicksand-Regular'; font-weight:600;}
.dashboard ion-col.chartbox {padding:16px 20px 20px;}
.dashboard ion-col .feed.teacher {padding:16px 20px 20px !important;}
.dashboard .feed-box {margin-bottom:6px; padding:11px 10px;}
.dashboard .circle-progress {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; margin-top:17px; padding:13px;}
.dashboard .feed-box small {font-size:13px;}
.Mainheader.StuMainheader .Mainarea.Assignments-student .pagespace .LibraryStu ion-col .selectview.desktophide {width:auto;}
.Mainheader.StuMainheader .Mainarea.Assignments-student .toolbar-select {gap:13px; width:100%;}
.toolbar-select.assessments {width:auto !important;}
.toolbar-select.assessments ion-select {min-width:153px !important;}
.Mainheader.StuMainheader .Mainarea.Assignments-student .toolbar-select ion-select {min-width:auto; padding:4px 12px 3px 16px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.Mainheader.StuMainheader .Mainarea.Assignments-student .desktophide .filter {padding:0 15.38px; font-size:16px; height:38px; background:var(--bluelightshadow); font-family:'Quicksand-Regular'; font-weight:600;}
.zonetitle .desktophide .filter {padding:0 16px; font-size:16px; height:36.75px; background:var(--bluelightshadow); font-family:'Quicksand-Regular'; font-weight:600;}
.zonetitle .desktophide .filter ion-img, .Mainheader.StuMainheader .Mainarea.Assignments-student .desktophide .filter ion-img {display:block !important; padding:0 !important; height:20px !important; width:26px !important;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange ion-grid.LibraryStu ion-col.device .selectview ion-searchbar {max-width:100%; margin-top:15px;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange ion-grid.LibraryStu ion-col.device .selectview {display:block;}
.Mainheader.StuMainheader .Mainarea.Assignments-student .pagespace ion-col.selectview, .Mainheader.StuMainheader .Myfeed ion-col {flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; width:calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; max-width:calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important;}
.Mainheader.StuMainheader .Myfeed ion-col {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.Mainheader.StuMainheader .Myfeed .datafeed .feed-box {padding:11px 50px 11px 10px; margin-bottom:10px;}
.Mainheader.StuMainheader .Myfeed .selectview .toolbar-select {width:100%; gap:10px;}
.Gradingzone .selectview .toolbar-select {margin:0; gap:13px !important;}
.Gradingzone .selectview .toolbar-select.phone.desktophide {width:100%; font-family:'Quicksand-Regular'; font-weight:600; margin-top:10px;}
.Gradingzone .selectview .toolbar-select.phone.desktophide ion-select {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:3.2px 12px 3.2px 16px;}
.Mainheader.StuMainheader.gradingcolorbg .Outstanding-tab-details .LibraryStu.desktophide {display:none !important;}
.Mainheader.StuMainheader.gradingcolorbg .Outstanding-tab-details .list-search.Assignments {margin:0 0 5px !important;}
.Gradingzone h3 {font-size:22px !important; margin-bottom:14px !important;}
.Mainheader.StuMainheader .library-list.Assessmentsresults ion-col.selectview.completed {margin-top:5px; max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .library-list.Assessmentsresults ion-col.selectview.completed .toolbar-select {width:100%;}
.Mainheader.StuMainheader .Gradingzone .arrowbox .triangle-top {display:none;}
.Mainheader.StuMainheader .Gradingzone .arrowbox ion-segment {left:0 !important; justify-content:start; top:-38px;}
.dashboard-page #outstanding-grid1, .dashboard-page #outstanding-grid2, .dashboard-page #outstanding-grid3 {padding:0 10px 10px !important;}
.dashboard-page #outstanding-grid1 .box .bookcover, .dashboard-page #outstanding-grid2 .box .bookcover, .dashboard-page #outstanding-grid3 .box .bookcover {margin-top:-45px;}
.Analytics-data .selectview ion-button {--padding-top:0; --padding-bottom:0; --padding-start:12px; --padding-end:12px; height:38px;}
.Mainheader.StuMainheader .Gradingzone .list-search.Assignments .selectview .toolbar-select ion-select {padding:4px 12px 3px 16px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; min-width:auto !important;}
.Mainheader.StuMainheader .Analytics-data .selectview ion-button ion-img {padding:0 !important; height:16px !important; margin:0 8px 0 0 !important;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item {width:76px; margin:0 auto;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container {gap:8px; align-items:start;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-itm {min-width:102px !important; width:102px !important;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {gap:16px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item .Asesmnt-pro-txt {line-height:normal;}
.Mainheader.StuMainheader .Mainarea.Assignments-student {padding:0; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}
ion-toolbar ion-buttons {position:absolute; color:#fff; top:5px; left:10px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list .Asesmnt-pro-itm {min-width:86px !important;}
.submit-select.mobilehide, .Analytics.mobilehide {display:none !important;}
ion-toolbar ion-buttons ion-menu-button {font-size:2.5rem;}
::-webkit-scrollbar {width:0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
::-webkit-scrollbar-thumb {border:#e4f2ff solid 1px;}
.Mainheader.StuMainheader .LibraryStu .filter {padding:0 16px; font-size:16px;}
.Mainheader.StuMainheader .LeaderBoard.help ion-item {--padding-start:16px; --padding-end:0;}
.help .scorebigpopup .scores-accordion ion-accordion-group ion-item ion-label {margin:10px 0 !important;}
.Mainheader.StuMainheader .profile-box .center-box small {padding:7px 19px;}
.Mainheader.StuMainheader .Assignments-student .library-grid ion-col {padding:5px 7.5px 15px; max-width:calc(calc(4 / var(--ion-grid-columns, 12))* 100%) !important; flex:0 0 calc(calc(4 / var(--ion-grid-columns, 12))* 100%) !important;}
.Mainheader.StuMainheader.colorbg .dashboard-page .Assignments-student #outstanding-grid ion-col,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid1 ion-col,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid2 ion-col,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid3 ion-col {max-width:calc(calc(6 / var(--ion-grid-columns, 12))* 100%) !important; flex:0 0 calc(calc(6 / var(--ion-grid-columns, 12))* 100%) !important;}
.dashboard-page #assessments-outstanding-grid {display:block !important; padding:0 0 10px !important;}
.dashboard-page #assessments-outstanding-grid ion-col {max-width:calc(calc(4 / var(--ion-grid-columns, 12))* 100%) !important; flex:0 0 calc(calc(4 / var(--ion-grid-columns, 12))* 100%) !important;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange .divicemanage {padding:0 2px 0 0 !important;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .Assigned.day {margin-bottom:6px; margin-top:6px;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .Assigned {justify-content:start; line-height:normal; margin-bottom:8px;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu {padding:0 15px; display:block;}
.Mainheader.StuMainheader .Assignments-student .library-list .book-title {font-size:20px; line-height:24px; margin:0; word-break:break-word;}
.Mainheader.StuMainheader .Assignments-student .library-list .bookcover {min-width:182px; height:182px; margin-left:-15px; margin-top:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.Mainheader.StuMainheader .Assignments-student .library-list .book {max-height:177px; padding-top:18px; padding-bottom:18px; margin-bottom:20px; margin-left:15px; align-items:start;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book {padding:0; align-items:center; margin-bottom:12px !important; border-radius:30px 30px 30px 0 !important; -webkit-border-radius:30px 30px 30px 0 !important; -moz-border-radius:30px 30px 30px 0 !important; margin-left:15px !important; overflow:inherit !important;}
.Mainheader.StuMainheader .Assignments-student .assignment-btn {padding:6px 10px; border-radius:22.5px; -webkit-border-radius:22.5px; -moz-border-radius:22.5px; min-height:37px;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .assignment-btn {width:auto; margin:0;}
.Mainheader.StuMainheader .LibraryStu {margin-bottom:10px !important; padding-bottom:4px;}
.Mainheader.StuMainheader .LibraryStu.LibraryFilter {margin-bottom:0 !important;}
.Mainheader.StuMainheader .library-list.Assessmentsresults .LibraryStu {margin-bottom:16px !important;}
.Mainheader.StuMainheader .Assignments-student .library-list.stu .bookcover {min-width:116px; height:116px; padding:10px; margin-top:0; margin-left:-15px;}
.Mainheader.StuMainheader .Grading-list .Assignments-student .library-list .book {align-items:start !important;}
.Mainheader.StuMainheader .Grading-list .Assignments-student .library-list span {font-size:14px !important; padding:0 0 9px !important; line-height:20px; white-space:normal !important;}
.Mainheader.StuMainheader .Grading-list .Assignments-student .library-list span.desktophide {display:block !important; padding:0 !important;}
.Mainheader.StuMainheader .Grading-list .Assignments-student .library-list .book {min-height:115px !important; max-height:max-content !important; margin:0 !important; background:transparent; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; padding-top:0; padding-bottom:0;}
.Mainheader.StuMainheader .Grading-list .Assignments-student .library-list.stu {margin-left:10px !important; background:var(--bluelightshadow); border-radius:20px !important; -webkit-border-radius:20px !important; -moz-border-radius:20px !important; padding-top:9px; padding-bottom:9px;}
.Mainheader.StuMainheader .Grading-list .Assignments-student .library-list span.desktophide p {margin:4px 0 9px;}
.Mainheader.StuMainheader .Grading-list .Assignments-student .library-list .bookcover {min-width:118px !important; height:118px !important; padding:10px !important; margin-top:-20px !important; margin-left:-10px;}
.Mainheader.StuMainheader .Assignments-student .library-list.stu .book {max-height:117px; margin-bottom:11px; align-items:center; margin-left:15px;}
.Mainheader.StuMainheader .Assignments-student .library-list.stu .AssignmentsStu {padding:0 20px;}
.Mainheader.StuMainheader .teacher .save ion-button {margin:10px 6px !important; min-height:38px !important; --padding-top:0 !important; --padding-bottom:0 !important; min-width:97px !important;}
.Mainheader.StuMainheader .teacher .save ion-button ion-img {height:21px; width:auto;}
.Mainheader.StuMainheader .Grading-list .Assignments-student .library-list .AssignmentsStu .mobilehide {display:none !important;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup.desktophide {display:block !important; margin-top:20px !important;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup .scores-accordion ion-icon.ion-accordion-toggle-icon {transform:rotate(268deg); font-size:20px; margin-inline-start:11px;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-item {border-radius:10px !important; -webkit-border-radius:10px !important; -moz-border-radius:10px !important; font-family:'Quicksand-Regular'; --padding-start:14px; --padding-end:0; --padding-top:2px; --padding-bottom:2px;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-item .details span ion-img {width:21px;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup .scores-accordion {margin-bottom:6px;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup .Gradingzone-sub-accordion {background:rgba(231, 231, 231, 1);}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-accordion-group ion-accordion.scores-sub-accordion.accordion-expanded ion-item {border-radius:10px 10px 0 0 !important; -webkit-border-radius:10px 10px 0 0 !important; -moz-border-radius:10px 10px 0 0 !important;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-accordion-group ion-accordion.scores-sub-accordion.accordion-expanded .Gradingzone-content ion-item {border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-accordion-group ion-accordion.scores-sub-accordion.accordion-expanded .Gradingzone-content ion-item:last-child {border-radius:0 0 10px 10px !important; -webkit-border-radius:0 0 10px 10px !important; -moz-border-radius:0 0 10px 10px !important;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-accordion-group ion-accordion.scores-sub-accordion {background:transparent;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-accordion-group ion-accordion.scores-sub-accordion:first-child {margin-top:0 !important;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup .Gradingzone-sub-accordion ion-accordion-group {padding:6px 14px 10px;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-accordion-group ion-accordion.scores-sub-accordion ion-item ion-label {font-size:14px; font-weight:700;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-accordion-group ion-accordion.scores-sub-accordion ion-item {border-radius:10px !important; -webkit-border-radius:10px !important; -moz-border-radius:10px !important; --ion-color-base:var(--bluelightshadow) !important;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-accordion-group ion-accordion.scores-sub-accordion .Gradingzone-content ion-item {border-radius:0 !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; --ion-color-base:var(--bluelightshadow) !important; border-top:#fff solid 2px;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup .accordion-expanded ion-item {border-radius:10px 10px 0 0 !important; -webkit-border-radius:10px 10px 0 0 !important; -moz-border-radius:10px 10px 0 0 !important; --ion-color-base:rgba(231, 231, 231, 1) !important;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-item ion-label p {font-size:16px; font-family:'Quicksand-Regular'; font-weight:700;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-item .details {display:flex; align-items:center; justify-content:space-between;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox .StuMainheader.scorebigpopup ion-item .details span {display:flex; align-items:center; gap:11px; white-space:nowrap;}
.Mainheader.StuMainheader .Myfeed .selectview {margin:0 0 5px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item .editbtn,
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item ion-button {--padding-top:11px; --padding-bottom:11px; --padding-start:10px; --padding-end:10px; min-width:71px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.input-area ion-select::part(icon) {margin:10px 0;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box .blue-heading ion-col {font-size:13px; height:42px; min-height:42px; border-right-width:1px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box .blue-heading ion-col:first-child,
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:first-child {max-width:36px; min-width:36px; display:flex; padding:12px 0;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:nth-child(3),
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:nth-child(4),
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col:nth-child(5) {max-width:45px; min-width:45px; padding:15px 0;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col .subtext {font-size:13px; font-weight:500;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col {padding:12px 0; min-height:60px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col .user-title {margin-left:10px; font-size:16px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box ion-col span {font-size:20px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard ion-segment-button {min-height:38px; height:38px; width:32.90%;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard ion-segment-button.segment-button-checked {min-height:42px; height:42px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard ion-segment-button ion-label {margin:0; padding:0;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box {border-radius:0 0 30px 30px; -webkit-border-radius:0 0 30px 30px; -moz-border-radius:0 0 30px 30px; padding:10px;}
.Mainheader.StuMainheader .Myfeed .datafeed {margin-top:10px;}
.Mainheader.StuMainheader .awards-container, .Mainheader.StuMainheader .read-container, .scorebigpopup .AssignmentsStu {display:block;}
.Mainheader.StuMainheader .awards-container.Biliteracy {display:grid; grid-template-columns:repeat(2, 1fr) !important;}
.tourtchr, .tour {border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; font-size:14px; width:41px; height:114px; top:238px;}
.feed-medals-container {display:block !important;}
.feed-medals-container .feed-medal {justify-content:center; margin-bottom:15px;}
.profile-box .profile-user .center-box {width:370px;}
.profile-box .profile-user .center-box img {height:100% !important; border-radius:30px 0 30px 0 !important; -webkit-border-radius:30px 0 30px 0 !important; -moz-border-radius:30px 0 30px 0 !important;}
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container {grid-template-columns:repeat(4, 1fr); padding:18px;}
.Mainheader.StuMainheader .profile-box .profile-user {padding:14px 9px 30px 9px; border-radius:0 0 30px 30px; -webkit-border-radius:0 0 30px 30px; -moz-border-radius:0 0 30px 30px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item {padding:0 5px;}
.Mainheader .dashboard-page.student .Outstanding .Assignments-student .library-grid .box {padding:15px 14px; margin-top:12px; gap:10px;}
.Mainheader .dashboard-page.student .Outstanding ion-col {float:left; width:33.33% !important; padding-bottom:15px;}
.Mainheader .dashboard-page.student .Outstanding .Assignments-student .library-grid .box .bookcover {margin-top:-30px; padding:12px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.Mainheader.StuMainheader .Asesmnt-header {font-size:20px; padding:7px 10px; line-height:24px; margin:0px 0 20px;}
.Mainheader.StuMainheader .Asesmnt-header.my_assess {margin:0px 0 12px;}
.bluebgimg.teacher .Asesmnt-header {margin-top:25px !important;}
.Mainheader.StuMainheader .award-item {padding:7px 15px; margin:0 0 6px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage .Asesmnt-pro-item {margin:0; width:50px;}
.Mainheader.StuMainheader .Asesmnt-pro-img {height:23px;}
.Mainheader.StuMainheader .Asesmnt-pro-txt {font-size:16px; line-height:normal; margin-top:6px;}
.Mainheader.StuMainheader .Asesmnt-pro-itm {min-width:79px; width:79px;}
.Mainheader.StuMainheader .Asesmnt-pro-container .Asesmnt-pro-itm ion-skeleton-text {width:79px !important; height:79px !important; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.Mainheader.StuMainheader .Asesmnt-pro-container .Asesmnt-pro-item ion-skeleton-text {width:50px !important; height:50px !important; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.Mainheader.StuMainheader .Asesmnt-sections-stu .Asesmnt-header {font-size:20px !important; padding:2px 26px !important; margin:-15px 0 0 -15px; display:flex; align-items:center; min-height:38px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu .Asesmnt-header ion-img {width:27px; margin:3.5px -15px 3.5px 0;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin .Asesmnt-header {padding-left:15px !important; margin-left:-20px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.bottomspace {margin-bottom:30px;}
.Mainheader.StuMainheader .library-list.Assessmentsresults .Asesmnt-header {font-size:20px; line-height:normal; margin-bottom:16px; padding:7px 10px 7px;}
.Mainheader.StuMainheader .Asesmnt-pro-container {padding:5px 15px 15px; align-items:center; gap:12px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin .Asesmnt-pro-container {padding:15px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .bookcover {margin-top:-22px; position:absolute; padding:9px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; margin-left:-10px; min-width:140px; width:140px; height:140px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .book {display:block; padding:11px 0 0; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; margin-left:9px; margin-bottom:16px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .book-title {margin:0 0 8px; min-height:48px; line-height:24px; word-break:break-word;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu {padding:0 15px !important; display:block; margin-left:130px; width:auto; min-height:135px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-container.desktophide {display:flex !important; justify-content:start;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-container.desktophide .d-flex.w-100 {gap:12px;}
.Assessments-Result .Asesmnt-pro-container.desktophide {padding-top:0;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item {width:25%; margin:0;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item .Asesmnt-pro-width {width:51px; margin:0 auto; position:relative;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item .Asesmnt-pro-txt {justify-content:center; margin-top:5px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu .ion-text-right .award {display:flex; align-items:center; gap:5px; float:left; margin-right:10px; min-height:23px; padding:1px 5px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .award ion-img {max-width:15.5px; min-width:15.5px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .award div {font-size:13px; margin:0;}
.Mainheader.StuMainheader .blue-bg .spacemange .library-list.one {margin-bottom:-80px; padding-top:20px;}
.Mainheader.StuMainheader .Mainarea.Assignments-student.phone {border-radius:30px 0 0 !important; -webkit-border-radius:30px 0 0 !important; -moz-border-radius:30px 0 0 !important; padding-top:70px !important;}
.Mainheader.StuMainheader .read-container .read-image-section {text-align:center; margin:15px auto;}
.Mainheader.StuMainheader .read-container .read-content-section {width:100%;}
.Mainheader.StuMainheader .content-column {padding:25px;}
.hanzi-wrting-section {display:block; padding:0 14px;}
.hanzi-wrting-section .hanzi-section {max-width:100% !important; width:100% !important;}
.Mainheader.StuMainheader ion-row.button-row {padding:18px 25px;}
.Mainheader.StuMainheader .user-content ion-button.previous-btn {--padding-start:9px !important; --padding-end:9px !important; height:38px !important;}
.Mainheader.StuMainheader .user-content ion-button.previous-btn span {display:none;}
.Mainheader.StuMainheader .Mainarea.content .user-content .previous-btn ion-icon {margin:0;}
.Mainheader.StuMainheader ion-button.previous-btn {--padding-start:8px !important; --padding-end:0 !important; height:38px !important;}
.Mainheader.StuMainheader .scorebtn ion-button.previous-btn.exercise-btn {--padding-start:8px !important; --padding-end:8px !important;}
.Mainheader.StuMainheader ion-button.previous-btn.next-btn.complete-btn ion-img {margin:0 0 0 4px;}
.Mainheader.StuMainheader ion-button.previous-btn.next-btn {--padding-start:0 !important; --padding-end:8px !important; height:38px !important; min-width:38px !important;}
.Mainheader.StuMainheader .exercise-container.audio-container .items .drag-item {padding:10px 15px 10px 35px; word-break:break-word;}
.Mainheader.StuMainheader .speak-container .audio-controls, .Mainheader.StuMainheader .read-audio-controls {align-items:center;}
.Mainheader.StuMainheader .exercise-container {padding:0;}
.Mainheader.StuMainheader .exercise-container.yellow {padding:0 10px;}
.Mainheader.StuMainheader .exercise-container.yellow.audio-container {padding:0 4px;}
.Mainheader.StuMainheader .record-section {margin:0 0 15px; padding:0;}
.Mainheader.StuMainheader .exercise-container .items .drag-item .drag-icon {left:10px;}
.Mainheader.StuMainheader .exercise-container .boxes div.drag-box .drag-item, .Mainheader.StuMainheader .exercise-container .boxes div.drag-box {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; font-size:20px !important;}
.Mainheader.StuMainheader .exercise-container.audio-container .boxes div.wapper100 .drag-box .drag-item {min-height:53px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; font-size:14px !important; padding:10px 10px; height:auto; line-height:30px; word-break:break-word;}
.Mainheader.StuMainheader .exercise-container.yellow.audio-container .boxes div.wapper100 .drag-box .drag-item {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:10px 10px 10px 35px;}
.Mainheader.StuMainheader .imgheight .item-container .options-section.yellow span.label {white-space:normal !important; -webkit-line-clamp:none; line-clamp:none;}
.Mainheader.StuMainheader .exercise-container.yellow .drag-box .drag-item {border-radius:20px !important; -webkit-border-radius:20px !important; -moz-border-radius:20px !important;}
.Mainheader.StuMainheader .exercise-container.audio-container .boxes div.wapper100 .drag-box {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; min-height:53px; height:53px;}
.Mainheader.StuMainheader .exercise-container .boxes div.wapper100 img.play-btn {width:39px; min-height:auto !important; height:auto; ;}
.Mainheader.StuMainheader .exercise-container .boxes div.wapper100 .audioplayer {padding:16.5px 16px 16.5px 20px !important;}
.Mainheader.StuMainheader .exercise-container.audio-container .boxes {width:100%;}
.Mainheader.StuMainheader .content-column.exerice-one .items .drag-item {width:calc(50% - 20px); font-size:14px !important; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding-left:34px !important;}
.Mainheader.StuMainheader .content-column.content-col-2.exerice-one .exercise-container.orange.recoding .drag-item {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; min-height:75px !important; height:auto; line-height:30px; word-break:break-word;}
.Mainheader.StuMainheader .content-column.content-col-2.exerice-one .exercise-container.orange.recoding.audio-container .drag-item {min-height:53px !important; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; font-size:14px !important; padding:10px 10px;}
.Mainheader.StuMainheader .content-column.content-col-2.exerice-one.md.test_part .wapper100 .drag-box {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; min-height:53px; height:auto;}
.Mainheader.StuMainheader .content-column.content-col-2.exerice-one .drag-item,
.Mainheader.StuMainheader .exercise-container.orange.recoding.audio-container .drag-item {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; min-height:53px; height:auto; line-height:30px;}
.Mainheader.StuMainheader .content-column.content-col-2.exerice-one .drag-box.red-border .drag-item,
.Mainheader.StuMainheader .content-column.content-col-2.exerice-one .drag-box.green-border .drag-item {padding:10px 10px 10px 35px; line-height:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}
.Mainheader.StuMainheader .exercise-container .boxes div.wapper100 .box-header {width:35px;}
.drag-box.red-border .drag-item .drag-icon span, .drag-box.green-border .drag-item .drag-icon span {width:5px !important; height:5px !important;}
.Mainheader.StuMainheader ion-col.content-column.content-col-2.twopart .main-content {display:block; padding:0 10px; margin:0 0 20px;}
.Mainheader.StuMainheader ion-col.content-column.content-col-2.twopart .main-content .image-audio-section {margin-bottom:20px;}
.Mainheader.StuMainheader ion-col.content-column.content-col-2.twopart .main-content .image-audio-section,
.Mainheader.StuMainheader ion-col.content-column.content-col-2.twopart .main-content .text-input-section {width:100%;}
.Mainheader.StuMainheader .exercise-container .drag-box .drag-item .drag-icon {left:10px;}
.Mainheader.StuMainheader .main-content.Mb30 .item-container .addinput {font-size:22px !important;}
.Mainheader.StuMainheader .exercise-container .items .drag-item .drag-icon span {width:5px; height:5px;}
.Mainheader.StuMainheader .content-column.exerice-one .items {height:auto;}
.Mainheader.StuMainheader .content-column.content-col-2.Instruction .main-content {gap:16px; padding:0 15px;}
.Mainheader.StuMainheader .content-column.content-col-2.Instruction .main-content .content-point.text-img {font-size:20px; line-height:normal;}
.Mainheader.StuMainheader .content-column .speak-section {width:100% !important; min-width:100%; padding:0 !important;}
.Mainheader.StuMainheader .main-content.Mb30 {padding:0 26px;}
.Mainheader.StuMainheader .main-content.Mb30 ion-col {flex:0 0 calc(calc(6 / var(--ion-grid-columns, 12))* 100%) !important; max-width:calc(calc(6 / var(--ion-grid-columns, 12))* 100%) !important; padding:0 0 20px;}
.Mainheader.StuMainheader .main-content.Mb30.imgheight.mobile ion-col {margin-bottom:20px;}
.Mainheader.StuMainheader .main-content.Mb30 .item-container .options-section .option {padding:0;}
.Mainheader.StuMainheader .exercise-container .items {display:block; margin-left:-10px; margin-right:-10px;}
.Mainheader.StuMainheader .content-column {padding:16px 11px;}
.read-translation-section {padding:0 14px;}
.Mainheader.StuMainheader .exec-text-up, .Mainheader.StuMainheader .read-header {font-size:13px;}
.Mainheader.StuMainheader .exec-text-down, .Mainheader.StuMainheader .read-subheader {font-size:16px;}
.Mainheader.StuMainheader .exercise-container .items .drag-item {width:calc(50% - 20px) !important; margin:10px; float:left; min-height:53px !important; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; line-height:30px !important;}
.Mainheader.StuMainheader .exercise-container.Exercise11 {padding:0 10px 0; margin-top:-10px;}
.exec-text.match {padding:0 14px;}
.Mainheader.StuMainheader .exercise-container.Exercise11 .items {margin-bottom:85px;}
.Mainheader.StuMainheader .exercise-container .boxes {display:block; margin-left:-10px; margin-right:-10px;}
.Mainheader.StuMainheader .exercise-container.Exercise11 .boxes.w-100 {width:-webkit-fill-available;}
.Mainheader.StuMainheader .exercise-container .boxes div.wapper100 {width:calc(50% - 20px); margin:10px; float:left; min-height:auto; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.Mainheader.StuMainheader .exercise-container .drag-box {min-height:70px;}
.Mainheader.StuMainheader .item-container .question {font-size:16px; line-height:normal; text-align:left;}
.Mainheader.StuMainheader .content-column.readrecord, .Mainheader.StuMainheader .content-column.readrecord div {padding:0; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}
.Mainheader.StuMainheader .content-column.readrecord .width900 {width:100% !important; padding:25px !important; height:calc(100vh - 212px);}
.Mainheader.StuMainheader .content-column.readrecord .audioview {border-radius:33px !important; -webkit-border-radius:33px !important; -moz-border-radius:33px !important;}
.Mainheader.StuMainheader .content-column.readrecord {background:var(--bluedark);}
ion-col.content-col.mobilebg {background:var(--bluedark) !important;}
.Mainheader.StuMainheader .pron-prac-btn {height:38px; width:176px; font-size:13px;}
.Mainheader.StuMainheader .highlight-selected {padding:9.4px 15px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.Mainheader.StuMainheader .read-container .desktophide.assignments {display:block !important; text-align:center;}
.Mainheader.StuMainheader .progress-container .time-display.mobilehide,
.Mainheader.StuMainheader .read-progress-container .read-time.mobilehide,
.Mainheader.StuMainheader .read-time.desktophide {display:block !important; line-height:normal;}
.Mainheader.StuMainheader .Mainarea.Exercise .exercise-info {padding:15px 0;}
.Mainheader.StuMainheader .Mainarea.content .header-row .header-col:first-child {max-width:75%; flex:0 0 75%;}
.Mainheader.StuMainheader .Mainarea.content .header-row .header-col:last-child {max-width:25%; flex:0 0 25%;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise1 .content-box {padding:0 10px;}
ion-col.teachersearch {flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; width:calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; max-width:calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2,
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise2scroll,
.Mainheader.StuMainheader .content-dnd {padding:25px 25px 40px;}
.Mainheader.StuMainheader .Exercise2, .Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio {margin:25px !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise2scroll .content-box {padding:0;}
.Mainheader.StuMainheader ion-header ion-grid.header .Bell .dott {font-size:9.07px;}
.Mainheader.StuMainheader .Assignments-student.teacher .library-grid .box .bookcover {margin-top:-30px !important; padding:12px !important; border-radius:15px !important; -webkit-border-radius:15px !important; -moz-border-radius:15px !important;}
.Mainheader.StuMainheader .Outstanding.dashboard .Assignments-student .library-grid .box {gap:13px;}
.Mainheader.StuMainheader .Outstanding.dashboard .Assignments-student .library-grid .box .bookcover {margin-top:-45px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box .bookcover {margin-top:-30px; padding:13.5px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box {padding:15px 14px; margin-top:12px; gap:10px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .book-title {font-size:20px; line-height:23px !important; min-height:48px !important;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid.library .box {padding:14px 14px 0 !important; margin-top:12px !important; gap:10px !important;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .checkboxbg {margin:16px -14px 0 !important;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid.library ion-checkbox {--size:22px !important; padding:8.5px 0 !important;}
.Mainheader.StuMainheader .Assignments-student .library-grid.library .box {padding:14px 15px 22px; margin-top:12px; gap:10px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin {margin-left:20px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.input-area ion-input, .Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item.input-area ion-select {min-height:38px; height:38px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box ion-item .editbtn {min-width:76px; margin:0 0 0 5px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item span.circlered {top:0;}
.Mainheader.StuMainheader .blue-bg .library-list {padding-top:10px;}
.leadertable tr:last-child td:first-child {border-radius:0 0 0 20px; -webkit-border-radius:0 0 0 20px; -moz-border-radius:0 0 0 20px;}
.leadertable tr:last-child td:last-child {border-radius:0 0 20px 0; -webkit-border-radius:0 0 20px 0; -moz-border-radius:0 0 20px 0;}
.leadertable ion-img {width:40px;}
.leadertable .user-title {margin-left:20px !important; font-size:16px !important; font-weight:600 !important;}
.leadertable thead th {font-size:13px !important; padding:13.5px 10px !important; border-right-width:1px !important;}
.leadertable .subtext {font-size:13px !important; font-weight:500 !important;}
.leadertable span {font-size:20px !important;}
.leadertable td {padding:10px 0 !important;}
.scorebigpopup .scores-container {width:500px !important;}
.scorebigpopup .Assessmentsresults .bookcover {min-width:116px !important; height:116px !important; padding:10px !important; margin-left:-17px !important;}
.scorebigpopup .Assessmentsresults .book {margin-left:12px !important; align-items:start !important; border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important;}
.scorebigpopup .Assessmentsresults .book span.desktophide {display:block !important; font-size:24px; font-weight:400; font-family:'Quicksand-Regular'; margin:30px 0 0 10px;}
.scorebigpopup .AssignmentsStu {padding-right:0 !important;}
.scorebigpopup .AssignmentsStu .userscore {padding:0 10px !important;}
.scorebigpopup .scorebox-text-big {font-size:20px !important; margin:0 !important; padding-bottom:0 !important; -webkit-line-clamp:2; line-clamp:2; margin-bottom:9px; display:block !important;}
.AssignmentsListen .scores-modal-content {width:500px !important; padding:24px 15px !important;}
.retry-section button.assignment-btn {margin:0 !important; float:right; padding:7.5px 10px !important;}
.scorebigpopup .scores-container {width:500px !important;}
.scorebigpopup .scores-accordion-stats, .scorebigpopup .scores-accordion-stats-medal, .scorebigpopup .scores-accordion-stats-medal {gap:7px !important; font-size:13px !important; font-weight:500 !important; text-align:right;}
.scorebigpopup .question-content .question-img img.play {min-width:auto !important; height:auto !important;}
/*.scorebigpopup .question-content .question-img.playdiv .bigsize {font-size:90px !important;}*/
.scorebigpopup .scores-sub-accordion-header .title {padding-right:35px;}
.scorebigpopup .question-content .scorepopupspace.playdiv img.play-btn {height:30px !important; min-width:auto !important;}
.scorebigpopup.popupaccordion .scores-accordion-stats-medal {gap:40px !important;}
.scorebigpopup.popupaccordion .scores-accordion-stats-medal div {min-width:auto !important;}
.scorebigpopup.popupaccordion .chatpopupmsg.one {right:107px !important;}
.scorebigpopup.popupaccordion .chatpopupmsg {right:110px !important;}
.scorebigpopup.popupaccordion .question-content {max-height:max-content !important;}
.scorebigpopup .scores-accordion-stats img, .scorebigpopup .scores-accordion-stats-medal img, .scorebigpopup .scores-accordion-stats-medal img {width:auto; height:20px; min-width:20px;}
.scorebigpopup .reddot, .scorebigpopup .reddot {width:10px !important; height:10px !important; right:-2px !important;}
.scorebigpopup .scores-container {padding:25px !important;}
.scorebigpopup .scores-accordion-title-medal, .scorebigpopup .scores-accordion-title-medal {font-size:18px !important;}
.question-content .chinese {font-size:20px !important; font-weight:400 !important; line-height:normal;}
.scorebigpopup .question-content .playdiv div {min-height:45px !important;}
.AssignmentsListen .scores-modal-header img, .scorebigpopup .scores-modal-header img {width:30px; margin-right:0 !important;}
.scorebigpopup .Assessmentsresults {padding-right:0 !important;}
.scorebigpopup .scorebox-text-small {padding:2.5px 0 !important;}
.scorebigpopup .scores-modal-header {position:relative !important; top:auto !important; right:auto !important;}
.scorebigpopup .Assessmentsresults .award {display:flex !important; align-items:center; gap:5px; float:left; margin-right:10px; min-height:23px; padding:1px 5px !important; min-width:auto !important; margin-bottom:0 !important;}
.scorebigpopup .Assessmentsresults .award:last-child {margin-right:0;}
.scorebigpopup .Assessmentsresults .award div {font-size:13px !important; margin:0 !important; display:flex !important;}
.scorebigpopup .Assessmentsresults .award ion-img {max-width:15.5px !important; min-width:15.5px !important;}
.Mainheader.StuMainheader.AssignmentsListen .content-box .Record, .AssignmentsListen .scores-modal-heading {font-size:20px !important;}
.Mainheader.StuMainheader.AssignmentsListen .content-box .btn-off.desktophide, .Mainheader.StuMainheader.AssignmentsListen .content-box .btn-on.desktophide {display:flex; margin:0 auto;}
.Mainheader.StuMainheader .Mainarea.content .header-text {font-size:20px; display:block;}
.Mainheader.StuMainheader .Mainarea.content .header-text .non_chinese, .Mainheader.StuMainheader .Mainarea.content .header-text .chinese {float:left; white-space:normal;}
.Mainheader.StuMainheader .Mainarea.content .user-content, .Mainheader.StuMainheader .Mainarea.content .header-content {gap:10px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box .save ion-button img {width:17.25px; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .Assigned.day ion-img, .Mainheader.StuMainheader .Myfeed ion-col.mobilehide,
.Mainheader.StuMainheader ion-button.previous-btn.next-btn.complete-btn span.complete,
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .userscore .Asesmnt-pro-itm.mobilehide,
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu .Asesmnt-pro-container.mobilehide {display:none;}
.stickyfix .tourinfo {top:350px; border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; display:none;}
.stickyfix .tourinfo ion-img {width:25px;}
.Mainheader.StuMainheader .teacher .save ion-button.Assignbtn {width:114px !important;}
.scorebigpopup .AssignmentsStu .scorebox-text-big span.desktophide, .Mainheader.StuMainheader .read-progress-container .read-time.desktophide,
.Mainheader.StuMainheader .read-content-section .mobilehide, .Mainheader.StuMainheader ion-row.button-row ion-button span {display:none !important;}
.Mainheader.StuMainheader ion-button.previous-btn.next-btn.complete-btn ion-icon {display:block;}
.Mainheader.StuMainheader .library-list.Assessmentsresults ion-col.box {padding:12px 0 0;}
.scorebigpopup .question-content .question-img img.arrow, .scorebigpopup .question-content img, .scorebigpopup .question-content img {min-width:45px !important; width:45px !important; height:45px !important;}
.scorebigpopup .scores-accordion .scores-sub-accordion-header-content, .scorebigpopup .scores-accordion-stats-medal {gap:10px !important; font-size:13px !important; font-weight:500 !important}
.chatpopupmsg img, .scorebigpopup .scores-accordion .scores-sub-accordion-header-content img {width:auto; height:20px;}
.chatpopupmsg {right:105px !important; top:18px !important;}
.chatpopupmsg.one {top:26px !important;}
.scorebigpopup .question-content .question-img .chinese {padding:0px 54px 0 24px !important;}
.scorebigpopup .question-content .question-img img {min-width:87px !important; height:75px !important;}
.Mainheader.StuMainheader .Assignments-student .library-grid .Assigned.day {margin-top:0;}
.scorebigpopup .scores-accordion .scores-sub-accordion-header-content span.reddot {top:0; right:-2px !important;}
.scorebigpopup .scores-accordion ion-item ion-label,
.scorebigpopup .scores-accordion:first-child ion-item ion-label,
.scorebigpopup .scores-accordion ion-item ion-label {margin:5px 0; font-size:14px !important;}
.scorebigpopup .scores-accordion ion-accordion-group ion-item {--min-height:45px;}
.scorebigpopup .scores-accordion ion-accordion-group ion-item ion-label {margin:0 !important;}
.scorebigpopup .scores-sub-accordion, .scorebigpopup .scores-sub-accordion,
.scorebigpopup .question-content, .Mainheader.StuMainheader .question-content {margin-top:6px !important;}
.scorebigpopup .scores-accordion ion-item {border-radius:20px !important; -webkit-border-radius:20px !important; -moz-border-radius:20px !important;}
.Mainheader.StuMainheader .classes-accordion {display:block !important;}
ion-accordion.scores-accordion.accordion-expanded ion-item {border-radius:20px 20px 0 0 !important; -webkit-border-radius:20px 20px 0 0 !important; -moz-border-radius:20px 20px 0 0 !important;}
ion-accordion.scores-accordion.accordion-expanded ion-accordion-group ion-item {border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; --padding-start:20px;}
ion-accordion.scores-accordion.accordion-expanded ion-accordion-group ion-accordion:last-child ion-item {border-radius:0 0 20px 20px !important; -webkit-border-radius:0 0 20px 20px !important; -moz-border-radius:0 0 20px 20px !important;}
ion-accordion.scores-accordion.accordion-expanded ion-accordion-group ion-accordion.accordion-expanded:last-child ion-item {border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}
.scorebigpopup .scores-accordion ion-accordion-group ion-item, .scorebigpopup .scores-accordion ion-item {--padding-start:24px !important;}
.scorebigpopup .question-content .scorepopupspace {padding-left:24px !important; min-height:45px !important;}
.processheight div {height:6px !important;}
.Mainheader.StuMainheader .progress .progress-rt-reading, .Mainheader.StuMainheader .progress .progress-rt-test-on, .Mainheader.StuMainheader .progress .progress-rt-reading-on,
.Mainheader.StuMainheader .progress .progress-rt-test {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; height:44px; margin:0;}
.Mainheader.StuMainheader .progress .progress-reading-on, .Mainheader.StuMainheader .progress .progress-exercise, .Mainheader.StuMainheader .progress .progress-test {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; height:44px; margin:0;}
.Mainheader.StuMainheader .progress-text {font-size:16px;}
.progress-icon {height:21px;}
.Mainheader.StuMainheader .progress .progress-reading, .Mainheader.StuMainheader .progress .progress-exercise-on, .Mainheader.StuMainheader .progress .progress-test-on {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; height:44px; margin:0;}
.divicemanage.AssignmentsStuscroll, .divicemanage.LibraryStuscroll {height:calc(100vh - 228px) !important;}
.divicemanage.teacher {height:calc(100vh - 236px) !important;}
.divicemanage.teacher.library-page {height:calc(100vh - 240px) !important;}
.menutoparea, .Classes .mobilespacemanage, .Mainarea.teacher {height:100%;}
.Mainarea.teacher {overflow:auto;}
.Mainheader.StuMainheader .Mainarea .LeaderBoard.help ion-row {margin:0;}
.Mainheader.StuMainheader .Mainarea .LeaderBoard.help ion-col {flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .Mainarea.teacher .profile-user {border-radius:0 30px 30px 30px; -webkit-border-radius:0 30px 30px 30px; -moz-border-radius:0 30px 30px 30px;}
.Mainheader.StuMainheader .teacher .profile-box .profile-form.center-box ion-item {padding:0;}
.Mainheader.StuMainheader .Myfeed.teacher ion-label .details {display:block !important;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion ion-item ion-label span {font-size:16px !important; margin:0 0 5px !important;}
.Mainheader.StuMainheader .Myfeed.teacher ion-label p {font-size:16px !important; -webkit-line-clamp:3 !important; line-clamp:3 !important; min-height:60px; margin-bottom:5px !important; line-height:22.5px;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup {margin-top:0 !important;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion ion-item small {font-size:13px !important;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion ion-item small ion-icon {position:absolute; right:0; top:35px; margin:0;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion ion-item {--padding-end:11px !important;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion {border-radius:20px !important; -webkit-border-radius:20px !important; -moz-border-radius:20px !important; margin-bottom:10px !important;}
.Mainheader.StuMainheader .Myfeed.teacher ion-label .details {padding-right:20px;}
.Mainheader.StuMainheader .Myfeed.teacher ion-label {align-items:self-start !important;}
.Mainheader.StuMainheader .Myfeed.teacher .imgbox {margin-right:18px !important;}
.Mainheader.StuMainheader .Myfeed.teacher ion-accordion-group ion-accordion-group ion-label {align-items:center !important;}
ion-row.Analytics ion-col.dropdowndata {flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .Analytics .group-view .awards-container {gap:6px; display:grid; margin:10px 0 0;}
.group-view.tour-Awards.Global .awards-container.Biliteracy {width:100% !important; margin-left:0; margin-right:0;}
.modal-content.edit-setting-popup.profile .awards-container.Biliteracy .award-medal ion-img {width:22px !important;}
p.Analyticstitle {font-size:22px;}
.Mainheader.StuMainheader .Analytics .group-view .awards-container .award-label {font-size:16px;}
.Mainheader.StuMainheader .Analytics .group-view .award-medals {gap:21px;}
.Mainheader.StuMainheader .Analytics .group-view {padding:15px 20px 20px;}
.mobileAnalytics .toolbar-select ion-select, .Mainheader.StuMainheader .Analytics .group-view .Analytics-data .selectview .toolbar-select ion-select {padding:3.2px 12px 3.2px 16px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container .Asesmnt-pro-item {width:25%; margin:0 2.40px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container .smallbox {gap:0;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list .Asesmnt-pro-itm {min-width:79px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container .Asesmnt-pro-item .Asesmnt-pro-width {width:62.8px; margin:0 auto; position:relative;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container {padding:10px 0 10px 10px; gap:5.83px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book {padding-right:10px !important;}
.Mainheader.StuMainheader .Analytics.view .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container {padding:10px 0 10px 10px !important;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list .Asesmnt-pro-itm .Asesmnt-pro-txt {font-size:24px;}
.Mainheader.StuMainheader .library-list .book ion-img {width:81px;}
.Lastbefore, .Latestrevision {--padding-start:7px; --padding-end:7px; --padding-top:9px; --padding-bottom:9px; min-height:34px; font-weight:600;}
.Mainheader.StuMainheader .AnalyticsTabs ion-segment-button {height:41px !important;}
.Mainheader.StuMainheader .AnalyticsTabs ion-segment-button ion-label {padding:0 14px !important;}
.AnalyticsTabs ion-segment {gap:5px;}
ion-row.Analytics {margin-top:16px !important;}
.tagcolorpiker .colorbox {top:7px !important;}
.tagcolorpiker .colorbox img {width:26px;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .icons.duedate.desktophide {display:none !important;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .icons.duedate.mobilehide {display:flex !important; justify-content:start; gap:3px !important; font-family:'Quicksand-Regular'; color:var(--bluedark);}
.Mainheader.StuMainheader .Assignments-student.teacher .library-list .book-title {-webkit-line-clamp:2 !important; line-clamp:2 !important; margin-bottom:6px !important;}
.Mainheader.StuMainheader .Assignments-student.teacher .book .imgurl {min-width:116px !important; box-shadow:-22px 22px 17.8px -18px rgba(183, 213, 219, 1); -webkit-box-shadow:-22px 22px 17.8px -18px rgba(183, 213, 219, 1); -moz-box-shadow:-22px 22px 17.8px -18px rgba(183, 213, 219, 1); background:linear-gradient(0deg, #7CA5AE 0%, #B7D5DB 100%); border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:10px; margin-top:11px; margin-left:-11px; margin-bottom:-11px;}
.Mainheader.StuMainheader .Assignments-student.teacher .book .imgurl ion-img {border:#fff solid 2px;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .icons.duedate.mobilehide .Assigned {line-height:20px; font-size:13px;}
.colorbtn span {font-size:13px !important; width:max-content;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .d-flex.align-items-center.w-100 {width:calc(100% - 38px);}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .margin {margin:0 18px !important; width:calc(100% - 142px) !important;}
.Mainheader.StuMainheader .Assignments-student.teacher .book .imgurl ion-img {min-width:100% !important;}
.Mainheader.StuMainheader .Mainarea.teacher ion-row.library-list ion-checkbox {--size:22px !important; padding:0 8.5px;}
.Mainarea.Assignments-student.teacher #inner-scroll {padding:0 !important;}
.rbc-header span:first-letter {font-size:16px !important;}
.modal-content.assignpopup.calender .modal-footer ion-col {max-width:max-content !important;}
.modal-content.assignpopup.calender .modal-footer ion-row {display:flex; justify-content:center;}
.Analytics-data.Progress .selectview.Compare.Analytics .recharts-legend-wrapper {width:100% !important;}
.rbc-header span {font-size:0;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid .book.Library-book.onedata .Assigned.d-flex {margin-top:6px !important;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid .book.Library-book.onedata .Assigned {margin:0 !important;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-item img {width:36px;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-txt {font-size:22px;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-txt.bigcircle {font-size:70px !important;}
.dashboard-page .Outstanding ion-img.scroll-button {width:36.75px; height:36.75px;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .icons.mobilehide {display:none;}
.extra-download {font-size:13px;}
.Maximize {display:none;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .icons {padding:0 !important;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student ion-img.eye {width:20px !important;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .d-flex.colorbtn {gap:4px !important;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .d-flex.colorbtn span {padding:1.7px 5px !important;}
.Outstanding-tab {background:rgba(183, 213, 219, 1) !important; margin-bottom:20px !important;}
.Gradingzone ion-segment ion-segment-button.segment-button-checked {height:38px !important; max-height:38px; min-height:38px;}
.Gradingzone ion-segment ion-segment-button {margin:0; width:100%; max-height:34px; min-height:34px !important; font-weight:600; font-size:14px !important;}
.Mainheader.StuMainheader .Gradingzone .save ion-button {margin-top:10px !important; min-width:auto !important;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox {padding-bottom:30px !important; padding-top:172px !important;}
.Mainheader.StuMainheader .Gradingzone .topspacearrowbottom .arrowpopupbox {padding-top:152px !important; padding-bottom:10px !important;}
.Mainheader.StuMainheader.gradingcolorbg .Outstanding-tab-details.second .pagespace.mobilespace {padding-top:20px !important;}
.Mainheader.StuMainheader .teacher ion-col.save {padding:5px 0 !important;}
.dashboard-page .Outstanding.assessments ion-img.scroll-button {display:none;}
.scorebigpopup .question-content {min-height:45px !important;}
.modal-content.group-setting-popup {width:520px !important; min-width:520px !important;}
.group-setting .group-setting-checkbox.Character ul li {width:25% !important;}
.group-setting ion-col {min-width:33.33% !important; max-width:33.33% !important;}
.modal-content.edit-setting-popup, .modal-content.edit-setting-popup.profile, .modal-content.add-edit-popup {width:520px !important; min-width:520px !important; padding:25px !important; height:80vh !important; overflow-y:auto !important; overflow-x:hidden !important;}
.modal-content.class-login-popup {width:520px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view {padding:0 !important;}
.group-setting .group-setting-checkbox {padding:0 20px !important;}
.group-setting-popup .modal-footer ion-button {min-height:38px; --padding-top:0 !important; --padding-bottom:0 !important;}
.group-setting ul {font-size:14px !important; border-radius:0 0 10px 10px !important; -webkit-border-radius:0 0 10px 10px !important; -moz-border-radius:0 0 10px 10px !important; padding:0 !important;}
.group-setting ion-checkbox {--size:22.5px !important;}
.Analytics.view ion-checkbox {--size:22.5px !important; margin-top:5px;}
.group-setting ul li {display:block !important; text-align:center; padding:12px 0 !important; width:25% !important;}
.group-setting span {font-size:16px !important; padding:10px 20px !important; border-radius:10px 10px 0 0 !important; -webkit-border-radius:10px 10px 0 0 !important; -moz-border-radius:10px 10px 0 0 !important;}
.group-setting span ion-img {width:22px !important;}
.edit-setting-popup .Analytics.view .group-view {padding:15px !important; border-radius:20px !important; -webkit-border-radius:20px !important; -moz-border-radius:20px !important;}
.Analytics.view .group-view .awards-container {margin-top:10px; grid-template-columns:repeat(1, 1fr); gap:10px;}
.edit-setting-popup .award-label {font-size:16px !important; font-weight:600 !important; line-height:normal;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .award-medals ion-img {width:30px;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .award-medals .medal-count {top:15px;}
.Analytics.view .group-view .awards-container .award-item {margin:0;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .award-medals {gap:20px;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container,
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {gap:10px !important;}
.modal-content.edit-setting-popup.profile .Asesmnt-pro-itm {max-width:100px;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item {width:74px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item img.Asesmnt-pro-img {width:36px;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item .Asesmnt-pro-txt {line-height:normal; font-size:16px !important;}
.edit-setting-popup .Asesmnt-pro-txt {font-size:28px !important;}
.Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage ion-col {flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; padding:0;}
.Analytics.view .AnalyticsTabs .book {display:block !important;}
.Analytics.view .AnalyticsTabs .smallbox .Asesmnt-pro-item .Asesmnt-pro-txt {font-size:12.15px !important;}
.Analytics.view .AnalyticsTabs .library-list {padding:20px !important;}
.Analytics.view .smallbox {gap:5px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .smallbox .Asesmnt-pro-item {width:66px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container {padding-left:10px !important; min-width:276px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .library-list .Asesmnt-pro-itm {min-width:95px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .smallbox .Asesmnt-pro-item img.Asesmnt-pro-img {margin-top:0; height:25px !important;}
.Analytics.view .AnalyticsTabs .library-list .book-title {font-size:20px !important;}
.Analytics.view .AnalyticsTabs .imgarea ion-img {min-width:81px !important; width:81px !important;}
.modal-content.edit-setting-popup.profile .award ion-img {width:25px !important;}
.Analytics .Analyticsuser .change.mobilehide {display:none;}
.modal-content.edit-setting-popup.profile .close-event .desktophide .Analyticsuser {border:none; display:block; margin-top:12px; padding:0;}
.modal-content.edit-setting-popup.profile .close-event .desktophide .Analyticsuser small {line-height:normal;}
.modal-content.edit-setting-popup.profile .Analytics-view .Analyticsuser {width:auto;}
.modal-content.edit-setting-popup.profile .Analytics-view {justify-content:start;}
.Outstanding.assessments .desktophide ion-row#assessments-outstanding-grid {display:flex !important;}
.Outstanding.assessments .desktophide {display:block !important; width:100%;}
.Outstanding.assessments div#assessments-outstanding-grid {display:none !important;}
.Mainheader.StuMainheader .item-container .radio-container {margin:0 0 12px;}
.Mainheader.StuMainheader .item-container .option.e8tv label.radio-container {margin:0;}
.Mainheader.StuMainheader textarea.custom-textarea {margin-top:0;}
.Mainheader.StuMainheader .image-container.four, .Mainheader.StuMainheader .record-section-four {width:100%;}
.Mainheader.StuMainheader .record-section-four {margin-bottom:20px;}
.Mainheader.StuMainheader .large-text {font-size:28px;}
.mains-content.test5teacher {display:block;}
.mains-content.test5teacher .image-audio-section {width:100%; margin-bottom:20px;}
.mains-content.test5teacher .options-sections.yellow {width:100%;}
.Mainheader.StuMainheader .user-content ion-button.previous-btn.FullScreen {display:none;}
.edit-setting h3 {font-size:20px !important;}
.scorebigpopup .question-content .scorepopupspace.playdiv div {gap:16px;}
.scorebigpopup .question-content .scorepopupspace.playdiv .chinese {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical; min-height:auto !important;}
.divicemanage.teacher.libraryTeacher {height:calc(100vh - 226px) !important;}
.nodata {font-size:20px;}
.Mainheader.StuMainheader .next-btn-section img {width:38px; height:38px;}
.Mainheader.StuMainheader .read-translation-item.Presentation ion-segment-button {min-height:38px;}
.Mainheader.StuMainheader .read-translation-item.Presentation ion-segment-button.segment-button-checked {background-size:38px 38px; min-height:38px;}
.Mainheader.StuMainheader .read-translation-item.Presentation ion-segment-button img {min-width:38px; min-height:38px; min-height:38px;}
.Mainheader.StuMainheader .read-translation-item.Presentation.pinyin ion-segment-button span {font-size:10px;}
.Mainheader.StuMainheader .read-translation-item.Presentation ion-segment-button span {font-size:16px;}
.infoHeading.medal .scores-modal-content, .infoHeading.Pathway .scores-modal-content {max-width:500px !important;}
}
@media screen and (min-width:649.98px) and (max-width:766.98px) {
.Mainheader.StuMainheader .Assignments-student .library-grid.library .book-title {min-height:53px;}
.Mainheader.StuMainheader .Assignments-student .library-grid ion-col {max-width:calc(calc(4 / var(--ion-grid-columns, 12))* 100%) !important; flex:0 0 calc(calc(4 / var(--ion-grid-columns, 12))* 100%) !important;}
}
@media screen and (max-width:575.98px) {
.Mainheader.StuMainheader .progress-container, .Mainheader.StuMainheader .read-progress-container {margin:0 !important; display:block !important;}
.Mainheader.StuMainheader .image-audio-section .audio-controls.yellow .progress-container {margin-right:30px !important; position:initial;}
.Mainheader.StuMainheader .previous-btn-section, .Mainheader.StuMainheader .next-btn-section,
.Mainheader.StuMainheader .read-translation-item.Presentation {width:auto; gap:11px !important;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu {padding:0 15px !important; display:block; margin-left:88px; width:auto; min-height:82px;}
.Mainheader.StuMainheader .time-display, .Mainheader.StuMainheader .read-progress-container .read-time.desktophide {position:absolute; top:54px; left:10px; display:block !important;}
.Mainheader.StuMainheader .progress-container .audioplayer .timer, .Mainheader.StuMainheader .read-audio-controls .timer {position:absolute; left:52px; top:54px;}
.Mainheader.StuMainheader .read-audio-controls .setting-Popover {position:absolute; right:0; top:54px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard ion-segment {justify-content:center;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-txt.bigcircle {font-size:46px !important;}
.loginpage ion-col.main-box .btnsection ion-col {max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-item img {width:26px;}
.scorebigpopup.popupaccordion .chatpopupmsg.one {right:110px !important; top:28px !important;}
.scorebigpopup.popupaccordion .scores-modal-body .scores-accordion-stats-medal img {height:28px; min-width:28px;}
.Mainheader.StuMainheader .Outstanding.dashboard .Assignments-student .library-grid .box .bookcover {margin-top:-30px;}
.dashboard-page #assessments-outstanding-grid .box .bookcover, .dashboard-page #outstanding-grid1 .box .bookcover,
.dashboard-page #outstanding-grid2 .box .bookcover, .dashboard-page #outstanding-grid3 .box .bookcover {margin-top:-35px;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-txt {font-size:16px; margin:2px 0 0;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item img.Asesmnt-pro-img {width:22px;}
.Mainheader.StuMainheader.colorbg .dashboard-page .Assignments-student #outstanding-grid ion-col,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid1 ion-col,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid2 ion-col,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid3 ion-col {max-width:calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important;}
.Mainheader.StuMainheader.colorbg .dashboard-page .Assignments-student #outstanding-grid ion-col .box,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid1 ion-col .box,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid2 ion-col .box,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid3 ion-col .box,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid2 ion-col .box {width:182px; margin:0 auto; padding:14px 17px 16px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.dashboard-page #assessments-outstanding-grid ion-col .box {margin-top:25px; padding:14px 17px 16px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.Mainheader .dashboard-page.student .Outstanding ion-col {width:50% !important;}
.profile-box .profile-user .center-box {width:100%; padding:0 22px;}
.modal-content.edit-setting-popup, .modal-content.group-setting-popup, .modal-content.edit-setting-popup.profile,
.modal-content.add-edit-popup {width:390px !important; min-width:390px !important;}
.modal-content.class-login-popup {width:390px !important;}
.group-setting .group-setting-checkbox.Character u, .group-setting ion-col {font-size:14px !important;}
.group-setting ion-col {min-width:50% !important; max-width:50% !important;}
.Mainheader.StuMainheader .item-container .question {min-height:auto;}
.Mainheader.StuMainheader .main-content.Mb30 .item-container {display:flex; gap:15px; align-items:center; margin:5px 0;}
.dashboard-page #assessments-outstanding-grid ion-col, .Mainheader.StuMainheader .Assignments-student .library-grid ion-col {max-width:calc(calc(6 / var(--ion-grid-columns, 12))* 100%) !important; flex:0 0 calc(calc(6 / var(--ion-grid-columns, 12))* 100%) !important;}
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container {grid-template-columns:repeat(3, 1fr); gap:12px 22px !important;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .bookcover {min-width:101px; width:101px; height:101px;}
.Mainheader.StuMainheader .progress .progress-re-reading-on,
.Mainheader.StuMainheader .progress .progress-re-reading,
.Mainheader.StuMainheader .progress .progress-re-exercise,
.Mainheader.StuMainheader .progress .progress-re-exercise-on {height:44px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; margin:0;}
.Mainheader.StuMainheader .progress-container .setting-Popover, .Mainheader.StuMainheader .read-progress-container .setting-Popover {top:54px;}
.Mainheader.StuMainheader .profile-box .center-box small {right:22px;}
.dashboard-page #assessments-outstanding-grid ion-col .box .booktitle,
.Mainheader.StuMainheader.colorbg .dashboard-page .Assignments-student #outstanding-grid ion-col .box .book-title,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid1 ion-col .box .book-title,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid2 ion-col .box .book-title,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid3 ion-col .box .book-title {font-size:15px;}
.dashboard-page #assessments-outstanding-grid ion-col .box .Assigned,
.Mainheader.StuMainheader.colorbg .dashboard-page .Assignments-student #outstanding-grid ion-col .box .Assigned,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid1 ion-col .box .Assigned,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid2 ion-col .box .Assigned,
.Mainheader.StuMainheader .Assignments-student #outstanding-grid3 ion-col .box .Assigned {font-size:9.62px; min-height:14px; line-height:18px;}
.Mainheader.StuMainheader .main-content.Mb30 ion-col {flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; max-width:calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; padding:0;}
.Mainheader.StuMainheader .profile-box .titlearea {margin-bottom:0 !important;}
.Mainheader.StuMainheader .award-medal .medal-count {font-size:13px;}
.Mainheader.StuMainheader .profile-box h1 {text-align:left; font-size:22px; margin:0;}
.scorebigpopup .Assessmentsresults .bookcover {min-width:110px !important; height:110px !important;}
.audioplayer {padding:0 16px 0 20px !important; height:37px !important;}
.content-img-audio.content-img-audio-2 div.ansque {margin-bottom:28px !important; font-size:16px;}
.scorebigpopup .Assessmentsresults .book {max-height:max-content !important; margin-bottom:16px !important;}
.Mainheader.StuMainheader .profile-box .award ion-img {max-width:15.5px; min-width:15.5px;}
.Mainheader.StuMainheader .profile-box .award div {font-size:13px; gap:10px;}
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container ion-col ion-img {width:70px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.shop {margin-top:36px;}
.Mainheader.StuMainheader .Mainarea.teacher .profile-form.center-box {padding:0 15px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box {padding:0;}
.AssignmentsListen .scores-modal-content, .scorebigpopup .scores-container {width:380px !important; border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important;}
.Subscriptiondate {margin-top:10px; text-align:left; margin-left:5px;}
.scorebigpopup .score-accordion-group {height:30vh !important; padding:0 !important;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box .save ion-button {--padding-top:10px; --padding-bottom:10px; margin-top:20px; min-height:38px;}
.Mainheader.StuMainheader .profile-box .profile-form.center-box .save ion-button img {width:17.25px;}
.infoHeading .scores-modal-header {margin-bottom:10px !important;}
.Comment .scores-modal-content, .infoHeading .scores-modal-content {width:380px !important; height:auto !important; min-height:auto !important; padding:23px !important;}
.infoHeading .scores-modal-content .scores-modal-heading {font-size:20px;}
.infoHeading .scores-modal-header img {width:30px;}
.infoHeading .scores-modal-content .scores-modal-body {height:auto;}
.infoHeading.medal .scores-modal-content .modal-body-medal ion-col span {font-size:24px;}
.Mainheader.StuMainheader .Gradingzone .arrowpopupbox {padding-top:125px !important;}
.Mainheader.StuMainheader .Gradingzone .topspacearrowbottom .arrowpopupbox {padding-top:130px !important;}
.profilepopup .scores-modal-content {width:380px !important;}
.profilepopup .scores-modal-heading {font-size:20px !important;}
.profilepopup .scores-modal-header img {width:30px;}
.profilepopup .scores-modal-content {border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important;}
.profilepopup .profile-form.center-box ion-item.input-area ion-input {height:38px !important; min-height:38px;}
.profilepopup .scores-modal-header {padding:15px 23px !important;}
.profilepopup .scores-modal-body {padding:0 20px 20px !important;}
.profilepopup .profile-form.center-box .save ion-button {min-height:38px !important; margin:5px 5px 0 !important; --padding-top:7px !important; --padding-bottom:7px !important; min-width:97px;}
.profilepopup .profile-form.center-box .save ion-button img {width:17.25px;}
.Mainheader.StuMainheader .Assessmentsresults .selectview .toolbar-select {gap:10px;}
ion-row.library-list.Assessmentsresults {margin:0;}
.Mainheader.StuMainheader .Assignments-student .library-grid .Assigned {margin-top:6px;}
h3.nodata-Assessments {width:100%; text-align:center;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin .Asesmnt-pro-container .award-medals {gap:20px;}
.Mainheader.StuMainheader .award-label {font-size:16px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise1 .content-box {padding:0; height:auto;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise1 {padding:22px 25px 40px;}
.Mainheader.StuMainheader .Mainarea.Exercise .main-content-2 .content-point {font-size:24px;}
.Mainheader.StuMainheader .Mainarea.Exercise .main-content-2 .content-point span {font-size:16px; min-width:28px; height:28px; line-height:18px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2 .content-option.option-center {padding:4px 0; min-width:auto !important;}
.processbar div {height:6px !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .exercise-info {margin-top:20px; padding:6px 0; background:rgba(249, 240, 222, 1);}
.Mainheader.StuMainheader .Mainarea.Exercise .exercise-text p {font-size:13px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-option span {font-size:18px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-option {padding:5.5px 15px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; gap:5px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-box hr {margin:28px 0 20px; height:1px;}
.Mainheader.StuMainheader .Mainarea.Exercise .main-content-2 hr {margin:18px 0 10px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2 .option-boxes {gap:10px;}
.Mainheader.StuMainheader .content-text-one, .Mainheader.StuMainheader .content-text-two, .Mainheader.StuMainheader .main-contents.Exercise-chiness p {font-size:20px; line-height:24px}
.Mainheader.StuMainheader .Exercise2 {margin:25px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2,
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise2scroll {padding:25px 25px 40px; min-height:150px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-col.content-col-2.Exercise2scroll .content-box {padding-right:3px;}
.Mainheader.StuMainheader .read-audio-controls {align-items:start;}
.Mainheader.StuMainheader .content-line {height:10px;}
.Mainheader.StuMainheader .main-contents.Exercise-chiness {padding:0 14px;}
.Mainheader.StuMainheader .content-text {padding:10px 14px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio {margin:25px !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio ul {font-size:16px !important; padding-left:16px !important;}
.Mainheader.StuMainheader .audiotext {font-size:16px;}
/*.Mainheader.StuMainheader .Mainarea.Exercise .content-box.centermic {min-height:300px;}*/
.Mainheader.StuMainheader .content-dnd {padding:25px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.Mainheader.StuMainheader .content-dnd .horizontaldrag {padding:0 !important; justify-content:center; height:auto !important;}
.Mainheader.StuMainheader .content-dnd .horizontaldrag div {font-size:26px !important; border-radius:20px !important; -webkit-border-radius:20px !important; -moz-border-radius:20px !important; display:flex; align-items:center;}
.Mainheader.StuMainheader .content-dnd .horizontaldrag.dragbox div.close {font-size:10px !important;}
.Mainheader.StuMainheader .content-dnd .horizontaldrag.dragbox div {height:auto !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio.contentExercise div.topspace {margin-top:20px !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio.contentExercise .audioplayer div {font-size:13px !important;}
.Mainheader.StuMainheader .content-column.readrecord .width900 .ansque {font-size:16px !important; margin-bottom:22px;}
.Mainheader.StuMainheader .width900 .topspace.read-progress-container {margin-top:22px !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio.contentExercise div {font-size:16px !important;}
.Mainheader.StuMainheader .content-column.readrecord div.bigtext.chinese {font-size:26px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio.contentExercise div.bigtextsub {padding:14px;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio.contentExercise div.bigtext {font-size:26px !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-img-audio.contentExercise div.bigtextsub div {font-size:20px !important; margin-bottom:5px !important;}
.content-point.mobilespace {margin-bottom:0px !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-option.imgselectbox {max-width:195px; padding:15px; gap:15px;}
.topspace {margin:0 !important;}
.font16mobile {font-size:16px !important; margin-bottom:20px !important;}
.font26mobile {font-size:26px !important;}
.Mainheader.StuMainheader .audio-container .device, .Mainheader.StuMainheader .read-audio-controls .device {min-width:auto !important;}
.Mainheader.StuMainheader .read-audio-controls .d-flex.device {min-height:85px;}
.Mainheader.StuMainheader .read-audio-controls .audioplayer {padding:0 16px 0 16px !important;}
.Mainheader.StuMainheader .speak-container {padding:18px 14px;}
.Mainheader.StuMainheader .read-main-content {padding:18px 14px; margin-bottom:22px;}
.Mainheader.StuMainheader .pinyin-on {min-width:39px; width:39px; height:39px; margin-left:0;}
.scorebigpopup .scores-accordion-title-medal {font-size:18px !important;}
.question-content .chinese {font-size:20px;}
.scorebigpopup .scores-accordion .scores-sub-accordion-header-content div {font-size:13px !important;}
.scorebigpopup .scores-sub-accordion-header div {font-size:16px !important;}
.scorebigpopup .question-content, .Mainheader.StuMainheader .question-content {font-size:24px;}
.leadertable .user-title {margin-left:10px !important; border-right:#fff solid 1px;}
.Mainheader.StuMainheader .read-progress-container .read-time.mobilehide {display:none !important;}
.Mainheader.StuMainheader .Mainarea.Exercise .content-option {font-size:20px;}
.yellopart.desktop {display:none;}
.yellopart.mobile {display:block; min-height:80px;}
.topspacearrow {margin-top:-120px !important;}
.topspacearrowbottom {margin-top:-170px !important;}
.dashboard-page #outstanding-grid2 {padding:40px 10px 10px !important;}
.dashboard-page #outstanding-grid1 {padding:30px 10px 10px !important;}
.dashboard-page #outstanding-grid3 {padding:20px 10px 10px !important;}
.dashboard-page #assessments-outstanding-grid {padding:0 !important; margin:0;}
.profilepopup .scores-modal-body ion-item.input-area.item img {width:20px !important;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list .Asesmnt-pro-itm {min-width:74px !important;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container .Asesmnt-pro-item .Asesmnt-pro-width {width:47.8px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container {gap:10px !important;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-itm {min-width:74px !important; width:74px !important;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item {width:48px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-img {height:20px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-itm .Asesmnt-pro-txt {font-size:24px !important;}
.modal-content.add-edit-popup {max-width:390px !important; min-width:390px !important;}
.modal-content.class-login-popup {width:390px !important;}
.modal-content.class-login-popup .input-area .inputshow {min-width:calc(100% - 96px);}
.class-login .input-area {gap:16px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .library-list .Asesmnt-pro-itm {min-width:56px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .smallbox .Asesmnt-pro-item {width:42px !important;}
.edit-setting-popup .Asesmnt-pro-txt {font-size:18px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .smallbox .Asesmnt-pro-item img.Asesmnt-pro-img {height:18px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs ion-segment-button {min-height:40px; height:40px;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs ion-segment-button.segment-button-checked {min-height:44px; height:44px;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs ion-segment-button ion-label {margin:0 !important; padding:0 14px;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item {width:46px !important;}
.modal-content.edit-setting-popup.profile .award .d-flex {gap:10px !important; font-size:13px;}
.modal-content.edit-setting-popup.profile .award div {gap:5px !important; font-size:13px;}
.modal-content.edit-setting-popup.profile .award ion-img {width:19px !important;}
.modal-content.edit-setting-popup.profile .award .madel {margin-left:10px !important;}
.progress-part-two-on {width:60%;}
.progress-part-two {width:40%;}
.progress-part-two-on .progress-up-on.progress-rt-reading-on {justify-content:start; padding:0 25px; gap:5px;}
.progress-up.progress-reading, .progress-up-on.progress-reading-on, .progress-up.progress-exercise, .progress-up.progress-test, .progress-up.progress-rt-test {gap:5px;}
.progress-part-on {width:56%;}
.progress-part {width:26%;}
.progress-part:nth-child(3) {width:19%;}
.progress-part:nth-child(1) {width:40%;}
.progress-part-on:nth-child(2) {width:46%;}
.progress-part:nth-child(1) {width:35%;}
.progress-part:nth-child(2) {width:25%;}
.progress-part-on:nth-child(3) {width:40%;}
.awards-container.Biliteracy .award-item {padding:6px 15px !important; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin .Asesmnt-header.my-awards.Ribbons {max-width:290px; text-align:left; padding:10px 26px !important; font-weight:normal;}
.group-view.tour-Awards.Global .awards-container.Biliteracy .award-medals ion-img, .awards-container.Biliteracy.Globle .award-medals ion-img {width:22px !important;}
.Analytics-data.Progress .selectview {display:block;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .selectview .toolbar-select ion-select {width:100% !important;}
/*.Mainheader.StuMainheader .exercise-container .boxes div.wapper100:last-child, .Mainheader.StuMainheader .content-column.exerice-one .items .drag-item:last-child {float:none; margin:10px auto; display:grid;}*/
}
@media screen and (max-width:427.98px) {
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard ion-segment-button {min-width:auto !important; font-size:13px;}
.Comment .scores-modal-content, .profilepopup .scores-modal-content, .infoHeading .scores-modal-content {width:300px !important;}
ion-row.modal-body-medal ion-col {display:block; text-align:center;}
.Comment .scores-modal-heading {word-break:break-word;}
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container ion-col ion-img {width:55px;}
.profilepopup .profile-form.center-box .save ion-button {min-width:100px !important;}
/*.Mainheader .dashboard-page.student .Outstanding .Assignments-student .library-grid .box {max-width:155px; min-width:155px;}*/
.Mainheader.StuMainheader .award-medal ion-img {width:30px;}
.Mainheader.StuMainheader .award-medal .medal-count {top:15px;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .assignment-btn {min-width:100%;}
.selectview.Compare.Analytics ion-segment ion-segment-button {font-size:10px !important;}
.scorebigpopup.popupaccordion .scores-modal-body .scores-accordion ion-item {--padding-end:0;}
.rdrMonth {width:auto !important;}
.Mainheader.StuMainheader .classes-accordion .group-view {width:100%;}
.group-setting .group-setting-checkbox.Character ul li:nth-child(1), .group-setting .group-setting-checkbox.Character ul li:nth-child(2) {width:30% !important;}
.group-setting .group-setting-checkbox.Character ul li:nth-child(3), .group-setting .group-setting-checkbox.Character ul li:nth-child(4) {width:20% !important;}
.Mainheader.StuMainheader .Assignments-student .library-list .book-title {font-size:18px;}
.Mainheader.StuMainheader .Assignments-student .library-list .AssignmentsStu .Assigned.day {margin-bottom:4px; margin-top:4px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .Assigned {font-size:13px;}
.scorebigpopup .question-content .playdiv div {gap:10px !important;}
.scorebigpopup .scores-accordion ion-accordion-group ion-item, .scorebigpopup .scores-accordion ion-item {--padding-start:20px !important;}
.scorebigpopup .question-content .scorepopupspace {padding-left:20px !important;}
.toolbar-select.assessments ion-select {min-width:130px !important;}
.Mainheader.StuMainheader .Mainarea.Assignments-student.teacher .divicemanage.library-page .imgurl {height:120px !important; max-width:120px !important; min-width:120px !important; margin-top:10px;}
.Mainheader.StuMainheader .Mainarea.Assignments-student.teacher .divicemanage.library-page .book .w-100 {max-height:120px; margin-bottom:0;}
.Mainheader.StuMainheader .Mainarea.Assignments-student.teacher .book.Library-book .margin {width:100% !important;}
.addevent .modal-content {width:310px !important;}
.modal-content.edit-setting-popup.ClassesActions ion-col:nth-child(2) {display:none !important;}
.edit-setting .tag {min-width:70px;}
.scorebigpopup.popupaccordion .chatpopupmsg.one {right:98px !important; top:14px !important;}
.scorebigpopup.popupaccordion .chatpopupmsg {right:98px !important; top:18px !important;}
.scorebigpopup.popupaccordion .scores-modal-body .scores-accordion-stats-medal img {height:24px; min-width:24px;}
.progress-icon {height:16px;}
.Mainheader.StuMainheader .profile-box .Asesmnt-pro-container {gap:12px !important;}
.Mainheader.StuMainheader .Mainarea.Assignments-student .desktophide .filter {font-size:15px;}
.Mainheader.StuMainheader .progress-text {font-size:14px;}
.AssessmentsStumobile .desktophide .filter {padding:0 12px !important;}
.Mainheader.StuMainheader .Mainarea.content .header-row .header-col:first-child {max-width:60%; flex:0 0 60%;}
.Mainheader.StuMainheader .Mainarea.content .header-row .header-col:last-child {max-width:40%; flex:0 0 40%;}
.Mainheader.StuMainheader .Mainarea.content .header-text {font-size:16px;}
.modal-content.edit-setting-popup, .modal-content.group-setting-popup,
.modal-content.edit-setting-popup.profile, .modal-content.add-edit-popup {width:330px !important; min-width:330px !important;}
.modal-content.add-edit-popup {max-width:320px !important; min-width:320px !important;}
.modal-content.class-login-popup {width:320px !important;}
.profilepopup .scores-modal-body ion-item.input-area.item img {width:20px !important;}
.Mainheader.StuMainheader .Assessmentsresults .selectview .toolbar-select ion-select {min-width:120px !important; font-size:14px; padding:3.2px 10px 3.2px 10px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item .Asesmnt-pro-width {width:40px; margin:0 auto;}
.Mainheader.StuMainheader .Asesmnt-pro-itm {min-width:65px; width:65px;}
.modal-content.assignpopup {width:320px !important; padding:27px 20px;}
.modal-content.assignpopup .rdrCalendarWrapper {width:100%;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .d-flex.colorbtn {display:grid;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .d-flex.align-items-center.w-100 {padding:10px 0;}
/*.Mainheader.StuMainheader .Assignments-student.teacher .book .imgurl {margin-top:-12px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; max-width:110px !important; min-width:110px !important;}*/
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book {margin-bottom:2px !important; max-height:120px !important;}
.Mainheader.StuMainheader .Assignments-student.teacher .library-list .book-title {margin-bottom:4px !important;}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .margin {margin:0 12px !important; width:calc(100% - 134px) !important;}
.Mainheader.StuMainheader .Mainarea.Assignments-student.teacher .margin {width:calc(100% - 124px) !important;}
.Mainheader.StuMainheader .Assignments-student.teacher .book .imgurl ion-img {min-width:100% !important;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .icons.duedate.mobilehide {display:block !important;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .icons.duedate.mobilehide span {display:none;}
.Mainheader.StuMainheader .Asesmnt-pro-container .Asesmnt-pro-itm ion-skeleton-text {width:60px !important; height:60px !important; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.Mainheader.StuMainheader .Asesmnt-pro-container .Asesmnt-pro-item ion-skeleton-text {width:39px !important; height:39px !important; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item span.circlered {width:12px; height:12px; right:2px;}
.Mainheader.StuMainheader .Assignments-student .library-list .bookcover {min-width:140px; height:140px; margin-top:10px;}
.Mainheader.StuMainheader .Asesmnt-pro-img {height:16px;}
.Mainheader.StuMainheader .dashboard .Asesmnt-pro-item img {width:20px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .Assigned {white-space:normal;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item .Asesmnt-pro-txt {margin-top:3px;}
.Mainheader.StuMainheader .Assignments-student .library-list .book {border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding-bottom:10px; padding-top:10px; max-height:155px; margin-bottom:10px;}
.scorebigpopup .scores-accordion-title-medal {font-size:16px !important;}
.modal-content.edit-setting-popup.profile .group-view .Analyticsuser {display:block;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs ion-segment-button ion-label {font-size:16px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container {gap:6px !important; min-width:226px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .library-list .Asesmnt-pro-itm {min-width:55px !important; max-width:55px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .smallbox {gap:5px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .smallbox .Asesmnt-pro-item {width:35px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .smallbox .Asesmnt-pro-item img.Asesmnt-pro-img {height:15px !important; margin-top:-10px;}
.modal-content.edit-setting-popup.profile .Analytics.view .AnalyticsTabs .imgarea ion-img {min-width:70px !important; width:70px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item {width:40px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {gap:5px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item img.Asesmnt-pro-img {width:18px; margin-top:-6px;}
.scorebigpopup .scores-accordion-header {padding:0 !important;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox {gap:10px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-itm {min-width:69px !important; width:69px !important;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list .Asesmnt-pro-itm {min-width:65px !important; width:65px !important;}
.Analytics-data .selectview ion-button {font-size:14px;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container {min-width:auto !important; gap:0 !important;}
.Mainheader.StuMainheader .AnalyticsTabs ion-segment-button {font-size:18px !important;}
.Lastbefore, .Latestrevision {font-size:13px;}
.Mainheader.StuMainheader .Analytics .group-view .Analytics-data .Asesmnt-sections-stu.scorepage .Asesmnt-pro-container .smallbox .Asesmnt-pro-item,
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container .Asesmnt-pro-item .Asesmnt-pro-width {width:43px;}
.feed-score-text {font-size:30px !important;}
.feed-score-value {font-size:50px !important;}
.chatpopupmsg.one {top:14px !important;}
.chatpopupmsg {right:80px !important;}
.scorebigpopup .scores-accordion .scores-sub-accordion-header-content, .scorebigpopup .scores-accordion-stats-medal {gap:10px !important;}
.scorebigpopup .scores-accordion ion-item, .scorebigpopup .scores-accordion ion-accordion-group ion-item {--padding-end:0 !important; --padding-start:20px !important;}
.Mainheader.StuMainheader .question-content {font-size:20px; padding:0 0 0 20px;}
.scorebigpopup .question-content img {width:45px !important; height:45px !important;}
.feed-medals-container .feed-medal {font-size:16px !important;}
.feed-medal-image {height:24px !important;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu .ion-text-right .award:last-child {margin-right:0 !important;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu .ion-text-right .award {margin-right:5px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard .leader-box {overflow:auto;}
.AssignmentsListen .scores-modal-content, .scorebigpopup .scores-container {width:330px !important;}
.Mainheader.StuMainheader .Outstanding.mobilespace.dashboard {max-width:100%;}
.Mainheader.StuMainheader ion-header ion-grid.header {padding:10px 20px 10px 61px;}
ion-button.mobilemenu {left:20px;}
.MainCalendar .custom-toolbar .d-flex {display:block !important;}
.MainCalendar .custom-toolbar .toolbar-label h3 {margin-bottom:10px;}
.MainCalendar .toolbar-buttons {justify-content:center;}
.Mainheader.StuMainheader .Start .Mainarea.Assignments-student .Mainheader.StuMainheader .viewbtn, .Mainheader.StuMainheader .library-grid,
.Mainheader.StuMainheader .Myfeed, .Mainheader.StuMainheader .Start .Mainarea .spacemange,
.Mainheader.StuMainheader .Start .blue-bg .spacemange, .Mainheader.StuMainheader ion-toolbar .desktopmenu.active div,
.Mainheader.StuMainheader ion-toolbar h1, .Mainheader .dashboard-page.student .Outstanding {padding:0 20px;}
.Mainheader.StuMainheader .Start .menutoparea .blue-bg .spacemange {padding:0 25px;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard {padding:0 20px 20px;}
.Mainheader.StuMainheader .Start .pagespace.mobilespace, .Mainheader.StuMainheader .Start .pagespace .spacemange.mobilespace {padding:0 20px;}
.Mainheader.StuMainheader .previous-btn-section, .Mainheader.StuMainheader .next-btn-section, .Mainheader.StuMainheader .read-translation-item.Presentation {gap:10px !important;}
.Mainheader.StuMainheader .highlight-selected {width:65px; font-size:13px; padding:9.4px 10px !important;}
.Mainheader.StuMainheader .pron-prac-btn {width:150px; font-size:13px;}
.leadertable thead th {padding:13.5px 8px !important;}
.leadertable ion-img {width:35px;}
.leadertable td:nth-child(2) {max-width:100px;}
.leadertable .user-title {font-size:14px !important; white-space:normal !important;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container .smallbox {gap:0px !important;}
.modal-content.edit-setting-popup.profile .Analytics.view {padding:0 15px !important;}
}
@media screen and (max-width:339.98px) {
.profilepopup .scores-modal-content, .infoHeading .scores-modal-content {width:280px !important;}
.Subscriptiondate {margin:10px 16px 0; width:auto;}
.Mainheader.StuMainheader .Asesmnt-sections-stu.scorepage.margin .Asesmnt-pro-container .award-medals {gap:10px;}
.Mainheader.StuMainheader .LibraryStu .filter {padding:0 10px !important; font-size:14px;}
.Mainheader.StuMainheader .Assessmentsresults .selectview .toolbar-select ion-select {min-width:110px; font-size:13px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .bookcover {min-width:91px; width:91px; height:91px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu {padding:0 10px !important; margin-left:82px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item {width:35px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .Asesmnt-pro-item img {width:16px;}
.Mainheader.StuMainheader .Assignments-student .library-grid ion-col {max-width:calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12))* 100%) !important;}
.Mainheader .dashboard-page.student .Outstanding ion-col {width:100% !important;}
.Mainheader.StuMainheader .Assignments-student .library-list .bookcover {min-width:100px; height:100px;}
.AssignmentsListen .scores-modal-content, .scorebigpopup .scores-container {width:300px !important;}
.Mainheader.StuMainheader .Mainarea.content .header-row .header-col:first-child {max-width:65%; flex:0 0 65%;}
.Mainheader.StuMainheader .teacher .profile-box .profile-form.center-box .Subscriptiondate {text-align:center;}
.modal-content.add-edit-popup {max-width:290px !important; min-width:290px !important; padding:20px !important;}
.modal-content.class-login-popup {width:290px !important;}
.edit-setting ion-select, .edit-setting ion-input {min-width:calc(100% - 90px) !important;}
}
.leadertable thead th {white-space:nowrap; font-family:'Quicksand-Regular'; background:var(--bluedark); font-size:18px; font-weight:700; color:#fff; min-height:58px; border-right:#fff solid 2px; padding:19px 10px;}
.leadertable thead th:last-child {border-right:none;}
.leadertable thead th:first-child {border-radius:20px 0 0 0; -webkit-border-radius:20px 0 0 0; -moz-border-radius:20px 0 0 0px;}
.leadertable thead th:last-child {border-radius:0 20px 0 0; -webkit-border-radius:0 20px 0 0; -moz-border-radius:0 20px 0 0;}
table.leadertable {width:100%;}
.leadertable td {background:#fff; border-bottom:var(--bluelight) 1.5px solid; font-family:'Quicksand-Regular'; padding:15px 26px; min-height:72px;}
.leadertable tr:last-child td:first-child {border-radius:0 0 0 30px; -webkit-border-radius:0 0 0 30px; -moz-border-radius:0 0 0 30px;}
.leadertable tr:last-child td:last-child {border-radius:0 0 30px 0; -webkit-border-radius:0 0 30px 0; -moz-border-radius:0 0 30px 0;}
.leadertable tr:last-child td {border-bottom:none;}
.leadertable .subtext {font-size:16px; font-weight:600;}
.leadertable span {font-size:28px; font-weight:600;}
.leadertable .user-title {font-size:18px; font-weight:500; margin-left:50px; white-space:nowrap;}
.read-popover-content.Dictionary {margin:0 0 10px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; padding:15px 20px; min-width:336px;}
.read-popover-content.Dictionary .read-popover-title {font-size:12px; font-weight:400; line-height:16px; font-family:'Quicksand-Regular'; font-style:italic; display:block; width:100%;}
.read-popover-content.Dictionary .read-popover-title .play {display:flex; align-items:center; justify-content:center; gap:10px; cursor:pointer; font-size:22px; font-weight:400; font-family:'AdobeKaitiStd'; font-style:normal; margin-bottom:8px;}
.read-popover-content.Dictionary .read-popover-title .play img.play-btn {width:22px;}
.read-popover-content.Dictionary .read-popover-title .play ion-img {margin-right:5px;}
.read-popover-content.Dictionary .read-popover-title .col {font-size:16px; font-weight:500; font-style:normal; font-family:'Quicksand-Regular'; text-align:center; margin-bottom:8px;}
.read-popover-content.Dictionary .read-popover-title .col span:first-child {font-weight:600; /*border-right:1px solid rgba(248, 189, 43, 1); padding-right:10px; margin-right:10px;*/}
.read-popover-content.Dictionary .triangle-bottom {width:0; height:0; margin:0 auto;}
.read-popover-content.Dictionary .triangle-bottom {border-left:20px solid transparent; border-right:20px solid transparent;}
.read-popover-content.Dictionary .triangle-bottom {border-top:22px solid rgba(0, 66, 95, 1); position:absolute; left:0; right:0; bottom:-8px; margin:0 auto;}
ion-popover.select-popover ion-item {font-family:'Quicksand-Regular'; font-size:16px; font-weight:600; color:rgba(0, 42, 61, 1);}
ion-popover.select-popover::part(content) {width:auto; margin-top:16px; min-width:200px;}
ion-select-popover.popover-viewport ion-list {padding:0;}
.dashboard ion-col .feed.teacher {box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -webkit-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); -moz-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.45); background:#fff; border-radius:30px 0 30px 30px; -webkit-border-radius:30px 0 30px 30px; -moz-border-radius:30px 0 30px 30px; padding:22px 15px 30px 30px; margin-left:30px;}
.dashboard ion-col .feed.teacher span {overflow:auto; height:375px; display:block; padding-right:15px;}
.dashboard ion-col .feed.teacher h4 {font-size:28px; margin:0 0 20px; font-weight:600; font-family:'Quicksand-Regular'; color:var(--bluedark);}
.Mainheader .dashboard-page .Assignments-student .library-grid.teacher .box .bookcover {background:linear-gradient(0deg, #7CA5AE 0%, #B7D5DB 100%); box-shadow:-22px 22px 17.3px -16px rgba(183, 213, 219, 1); -webkit-box-shadow:-22px 22px 17.3px -16px rgba(183, 213, 219, 1); -moz-box-shadow:-22px 22px 17.3px -16px rgba(183, 213, 219, 1);}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .margin {margin:0 30px;}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .book-title {font-weight:600; margin:0 0 12px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .icons {gap:20px; cursor:pointer;}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .icons.extra.desktophide {display:none;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .icons.duedate.mobilehide {display:none;}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .book .imgarea {min-width:100px; min-height:100px;}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .book ion-img {min-width:100px;}
.Mainheader.StuMainheader .Mainarea.teacher .library-list .book ion-img.classuser {min-width:auto;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid .book.Library-book {display:block;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid .book.Library-book .icons {justify-content:space-between; padding:0;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid .book.Library-book .icons ion-img {width:26px;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book {margin:0; max-height:-webkit-fill-available; border-radius:0 30px 30px 0;  -webkit-border-radius:30px 30px 0; -moz-border-radius:30px 30px 0; overflow:hidden;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-list .book .booklisting {display:flex; justify-content:space-between; width:100%;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid.library .box {border-radius:30px 30px 30px 0; -webkit-border-radius:30px 30px 30px 0; -moz-border-radius:30px 30px 30px 0; padding:25px 21.9px 0;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .checkboxbg {margin:16px -21.9px 0; text-align:center; background:rgba(149, 197, 240, 20%); border-radius:0 0 30px 0; -webkit-border-radius:0 0 30px 0; -moz-border-radius:0 0 30px 0;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid.library ion-checkbox {margin:0 auto; width:100%; text-align:center; padding:10px 0; --size:30px; border-radius:5px; --border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; --checkmark-color:rgba(0, 192, 121, 1); --background:#fff; --checkbox-background-checked:#fff; --background-checked:#fff !important; --border-color:rgba(0, 66, 95, 1); --border-width:2px; --border-color-checked:rgba(0, 66, 95, 1);}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid.library .checkboxbg.active {background:var(--bluelight);}
/*.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid.library ion-checkbox.checkbox-checked {background:var(--bluelight);}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .checkboxbg {padding:8px 0; margin:16px -21.9px 0; text-align:center;}
.Mainheader.StuMainheader .Mainarea.teacher.Assignments-student .library-grid.library ion-checkbox {--size:30px; margin:0 auto; background:rgba(149, 197, 240, 20%);}*/
.Mainheader.StuMainheader .Mainarea.teacher ion-row.library-list .icons ion-img {margin:0; max-width:50px; min-width:0px;}
.Mainheader.StuMainheader .Mainarea.teacher ion-row.library-list .icons ion-img.usertag {margin:0 10px; width:30px;}
.Mainheader.StuMainheader .Mainarea.teacher ion-row.library-list ion-checkbox, .downloads-popup .downloads ion-checkbox {--size:30px; border-radius:5px; --border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; --checkmark-color:rgba(0, 192, 121, 1); --background:#fff; --checkbox-background-checked:#fff; --background-checked:#fff !important; --border-color:rgba(0, 66, 95, 1); --border-width:2px; --border-color-checked:rgba(0, 66, 95, 1);}
.Mainheader.StuMainheader .Mainarea.teacher ion-row.library-list .Assigned {font-size:14px; font-weight:500; color:var(--bluedark); font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .teacher .save ion-button, .downloads-popup .modal-footer ion-button {margin:25px 15px 0; min-height:50px; --padding-top:15px; --padding-bottom:15px; --padding-start:16px; --padding-end:16px; box-shadow:none; --box-shadow:none; --ion-color-base:linear-gradient(0deg, #002A3D 0%, #00425F 100%) !important; --box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:117px; text-transform:none; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .teacher .save ion-button ion-img {margin-right:8px;}
.Mainheader.StuMainheader .teacher .save ion-button ion-icon, .Mainheader.StuMainheader .teacher .save ion-button img, .Mainheader.StuMainheader .Mainarea.teacher .save ion-button ion-icon {margin-right:10px;}
.Mainheader.StuMainheader .teacher .save ion-button.overdue {--ion-color-base:linear-gradient(180deg, #FA2864 0%, #DF003F 100%) !important; min-height:50px; box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32); --box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32); -webkit-box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32); -moz-box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32);}
.Mainheader.StuMainheader .teacher .save ion-button.revise {--ion-color-base:linear-gradient(180deg, #00A76A 0%, #008655 100%) !important; min-height:50px; box-shadow:0px 12px 15px -5px rgba(0, 134, 85, 0.3); --box-shadow:0px 12px 15px -5px rgba(0, 134, 85, 0.3); -webkit-box-shadow:0px 12px 15px -5px rgba(0, 134, 85, 0.3); -moz-box-shadow:0px 12px 15px -5px rgba(0, 134, 85, 0.3);}
ion-button.bluetheme {margin:25px 15px 0; min-height:50px; --padding-top:15px; --padding-bottom:15px; --padding-start:16px; --padding-end:16px; --box-shadow:none; --ion-color-base:linear-gradient(0deg, #002A3D 0%, #00425F 100%) !important; box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); --box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -webkit-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -moz-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:117px; text-transform:none; font-family:'Quicksand-Regular';}
.Mainheader.StuMainheader .Assignments-student.teacher .library-grid ion-col {padding:10px 10px 22px;}
.Mainheader.StuMainheader .Assignments-student.teacher .library-grid .book-title {min-height:53px; line-height:24px; margin-bottom:5px; font-size:17px;}
.Mainheader.StuMainheader .Assignments-student.teacher .library-grid .box .bookcover {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background:linear-gradient(0deg, #7CA5AE 0%, #B7D5DB 100%); padding:18px; overflow:hidden; width:100%; height:221.2px; margin:-60px auto 0; box-shadow:-22px 22px 17.3px -16px var(--MidGrey); -webkit-box-shadow:-22px 22px 17.3px -16px var(--MidGrey); -moz-box-shadow:-22px 22px 17.3px -16px var(--MidGrey);}
.Mainheader.StuMainheader ion-toolbar .teacher .desktopmenu div {background:rgba(215, 233, 237, 1); padding:0 20px;}
.Mainheader.StuMainheader ion-toolbar .teacher .desktopmenu.active div {background:linear-gradient(0deg, #7CA5AE 0%, #B7D5DB 100%); box-shadow:0px 12px 15px -5px rgba(215, 233, 237, 1); -webkit-box-shadow:0px 12px 15px -5px rgba(215, 233, 237, 1); -moz-box-shadow:0px 12px 15px -5px rgba(215, 233, 237, 1);}
.teacher .feed-box .imgbox {background:linear-gradient(0deg, #7CA5AE 0%, #B7D5DB 100%);}
.Mainheader.StuMainheader .Myfeed.teacher .imgbox {background:linear-gradient(0deg, #7CA5AE 0%, #B7D5DB 100%); min-width:64px; width:64px; height:64px; margin-right:21px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; display:flex; align-items:center; justify-content:center;}
.Mainheader.StuMainheader .Myfeed.teacher .imgbox ion-img {height:40px;}
.Mainheader.StuMainheader .Myfeed.teacher ion-label {display:flex; align-items:center;}
.Mainheader.StuMainheader .Myfeed.teacher ion-label p {font-size:22px; font-weight:600; margin:0 16px 0 0; font-family:'Quicksand-Regular'; color:var(--bluedark); overflow:hidden; text-overflow:ellipsis; white-space:initial; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical; line-height:normal;}
.Mainheader.StuMainheader .Myfeed.teacher ion-label .details {display:flex; align-items:center; justify-content:space-between; width:100%;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup {margin-top:30px;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion {border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; margin-bottom:15px;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion ion-item {--padding-bottom:11px; --padding-top:11px; --padding-start:11px; --inner-padding-end:0; --padding-end:40px;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion ion-item ion-icon {display:none;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion ion-item small {display:flex; align-items:center; font-size:14px; font-weight:500; font-family:'Quicksand-Regular'; color:var(--bluedark); white-space:nowrap;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion ion-item small ion-icon {display:block; margin-left:28px; font-size:18px;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion.accordion-expanded ion-icon {rotate:90deg;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion ion-item ion-label {margin:0; font-size:22px;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-accordion ion-item ion-label span {overflow:hidden; text-overflow:ellipsis; white-space:initial; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical; margin:0 16px 0 0;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-sub-accordion .imgbox {padding:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.Mainheader.StuMainheader .Myfeed.teacher .scorebigpopup .scores-sub-accordion .imgbox ion-img {width:100%; height:100%;}
.Mainheader .dashboard-page.student .Outstanding .library-grid.teacher {padding-bottom:42px !important;}
/*.teacher .tour {background:linear-gradient(0deg, #7CA5AE 0%, #B7D5DB 100%); box-shadow:0px 12px 15px -5px rgba(215, 233, 237, 1);}*/
.Mainheader.StuMainheader .Gradingzone ion-grid.type-select ion-item.item ion-select {margin:0 14.5px; max-width:138px;}
.Mainheader.StuMainheader .Gradingzone .Outstanding {margin-top:0; padding-top:0;}
.Mainheader.StuMainheader .Gradingzone .list-search.Assignments .selectview .toolbar-select ion-select {min-width:217px;}
.hanzi ion-col .bgbox {background:var(--bluelightshadow) !important; padding:25px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; height:100%;}
.hanzi h1 {font-size:36px; font-weight:600; font-family:'Quicksand-Regular'; margin:0;}
.hanzi ul {margin-top:8px; padding:0; display:inline-block; width:100%; list-style:none; font-size:28px; font-weight:400; font-family:'AdobeKaitiStd';}
.hanzi ul li {float:left; padding:5px;}
.hanzi .save ion-button {margin:0 15px; min-height:50px; --padding-top:15px; --padding-bottom:15px; --padding-start:10px; --padding-end:10px; --ion-color-base:linear-gradient(0deg, #002A3D 0%, #00425F 100%) !important; box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); --box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -webkit-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -moz-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:117px; text-transform:capitalize; font-family:'Quicksand-Regular';}
.hanzi .save ion-button.overdue {--ion-color-base:linear-gradient(180deg, #FA2864 0%, #DF003F 100%) !important; min-height:50px; box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32); --box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32); -webkit-box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32); -moz-box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32);}
.Analytics .menu-content.class ion-item ion-label {font-family:'Quicksand-Regular'; display:flex; align-items:center; justify-content:start; text-align:left;}
.Analytics .menu-content.class ion-item ion-icon[slot="end"] {content:url('./assets/Chevrondownwhite.svg') !important; width:14px; height:14px; margin:0; display:block;}
.reactour__popover {font-size:16px !important; font-weight:600; font-family:'Quicksand-Regular'; padding:16px 20px !important; border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important; min-width:366px !important}
.reactour__popover button.reactour__close-button {background:url('./assets/Xcircle.svg') no-repeat right !important; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; padding:0 !important; width:100% !important; height:48px !important; position:relative !important; top:0 !important; right:0 !important;}
.reactour__popover button.reactour__close-button svg {display:none !important;}
.reactour__popover .title {display:flex; align-items:center; justify-content:space-between;}
.reactour__popover .title img {cursor:pointer;}
.reactour__popover .title h3 {margin:0; font-size:24px; font-weight:600; font-family:'Quicksand-Regular';}
.reactour__popover button.back {background:var(--bluelight) !important; box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.68); -webkit-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.68); -moz-box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.68); color:var(--bluedark);}
.reactour__popover button {background:linear-gradient(0deg, #002A3D 0%, #00425F 100%) !important; box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -webkit-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -moz-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); padding:15px 20px !important; gap:5px; display:flex; align-items:center; color:#fff; font-size:16px; font-weight:700; --border-radius:30px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; text-transform:capitalize; font-family:'Quicksand-Regular';}
.alert-head {padding:0 !important; font-family:'Quicksand-Regular';}
.alert-head h2 {font-weight:700 !important; font-size:24px !important;}
.alert-tappable {min-height:auto !important;}
.alert-checkbox-group {padding-bottom:15px;}
.alert-checkbox-label {padding-top:2px !important; padding-bottom:2px !important; padding-inline-start:30px !important; font-family:'Quicksand-Regular'; font-weight:600; font-size:16px !important;}
.alert-checkbox-icon {inset-inline-start:16px !important; width:22.5px !important; height:22.5px !important; border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important; border:rgba(0, 66, 95, 1) solid 2px !important;}
.select-interface-option.group-label-select {margin-top:20px; margin-bottom:5px;}
.select-interface-option.group-label-select:first-child {margin-top:10px;}
.select-interface-option.group-label-select .alert-button-inner {opacity:1 !important;}
.select-interface-option.group-label-select .alert-checkbox-label {padding-inline-start:15px !important; font-family:'Quicksand-Regular'; font-size:16px; opacity:1 !important; font-weight:600; color:var(--bluedark) !important;}
[aria-checked=true].sc-ion-alert-md .alert-checkbox-icon {background:#fff !important;}
[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner {width:7px !important; border-color:rgba(0, 192, 121, 1) !important; height:14px !important; inset-inline-start:6px !important;}
.edit-setting-popup ion-label, .group-setting-popup ion-label {font-size:28px;}
.group-setting {margin-bottom:20px;}
.group-setting:last-child {margin-bottom:0;}
.group-setting span {background:var(--bluelightshadow); color:var(--bluedark); display:flex; gap:10px; width:100%; border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; padding:10px 34px; font-size:24px; font-weight:600; font-family:'Quicksand-Regular';}
.group-setting span ion-img {width:35px;}
.group-setting .group-setting-checkbox.Character ul {list-style:none; margin:0; padding:0; display:inline-block; width:100%;}
.group-setting .group-setting-checkbox.Character ul li {padding:8px 0px; width:15%; float:left; color:var(--bluedark); display:flex; align-items:center; gap:10px; text-align:left;}
.group-setting .group-setting-checkbox.Character u {font-weight:bold; font-size:18px; color:var(--bluedark);}
.group-setting .group-setting-checkbox.Character ion-checkbox {--size:30px; border-radius:5px; --border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; --checkmark-color:#fff; --background:#fff; --checkbox-background-checked:var(--bluedark); --background-checked:#fff !important; --border-color:var(--bluedark); --border-width:2px; --border-color-checked:rgba(0, 66, 95, 1);}
.group-setting .group-setting-checkbox.Character ion-checkbox.checkbox-checked {--checkmark-color:rgba(0, 192, 121, 1); --background:#fff; --checkbox-background-checked:#fff; --background-checked:#fff !important; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.group-setting .group-setting-checkbox.Character ion-radio {--color-checked:var(--bluedark); --color:var(--bluedark); transform:scale(1.3);}
.group-setting .group-setting-checkbox {border:#95c5f0 solid 1px; border-top:none; border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; padding:0 34px;}
.group-setting ion-col {font-size:18px; font-weight:500; font-family:'Quicksand-Regular'; padding:14.4px 14.4px 14.4px 0; gap:10px; display:flex; align-items:center;}
/*.group-setting ul {list-style:none; margin:0; padding:0; background:#fff; font-size:18px; font-weight:500; font-family:'Quicksand-Regular'; display:inline-block; width:100%;}
.group-setting ul li {float:left; display:flex; align-items:center; gap:10px; width:20%; border-right:var(--bluelight) solid 2px; padding:12.6px 0px; color:var(--bluedark);}
.group-setting ul li:nth-child(4) {border:none;}*/
.Analytics.view ion-checkbox, .group-setting ion-checkbox {--size:30px; border-radius:5px; --border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; --checkmark-color:rgba(0, 192, 121, 1); --background:#fff; --checkbox-background-checked:#fff; --background-checked:#fff !important; --border-color:rgba(0, 66, 95, 1); --border-width:2px; --border-color-checked:rgba(0, 66, 95, 1);}
.Analytics.view ion-checkbox.checkbox-checked, .group-setting ion-checkbox.checkbox-checked {background:var(--bluelight); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.group-setting-popup .modal-footer ion-button {margin:0; min-height:50px; --padding-top:15px; --padding-bottom:15px; --padding-start:10px; --padding-end:10px; --ion-color-base:linear-gradient(0deg, #002A3D 0%, #00425F 100%) !important; box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); --box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -webkit-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); -moz-box-shadow:0px 12px 15px -5px rgba(0, 66, 95, 0.48); font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:107px; width:auto; text-transform:capitalize; font-family:'Quicksand-Regular';}
.group-setting-popup .modal-footer ion-button img {margin-right:10px;}
.modal-content.edit-setting-popup {min-width:746px;}
.edit-setting {margin-bottom:10px;}
.edit-setting h3 {font-size:24px; font-weight:600; color:var(--bluedark); font-family:'Quicksand-Regular'; border-bottom:var(--bluelight) solid 2px; margin:0; padding-bottom:10px; margin-bottom:15px;}
.edit-setting ion-col {display:flex; align-items:center; gap:14px; font-size:16px; font-weight:600; font-family:'Quicksand-Regular'; white-space:nowrap;}
.edit-setting ion-col ion-button {margin:0; min-height:50px; --padding-top:15px; --padding-bottom:15px; --padding-start:10px; --padding-end:10px; box-shadow:none; --box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; --ion-color-base:var(--bluelight) !important; font-size:16px; font-weight:700; border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; min-width:100px; width:auto; text-transform:capitalize; font-family:'Quicksand-Regular';}
.edit-setting ion-select, .edit-setting ion-input {min-width:167px; margin-bottom:0; border:var(--bluelight) solid 1px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; padding:0px 12px 0px 16px !important; min-height:46px; font-size:16px; background:#fff; font-weight:600; font-family:'Quicksand-Regular'; line-height:22px; color:rgba(179, 179, 179, 1); text-align-last:left !important;}
.tagcolorpiker {position:relative;}
.tagcolorpiker ion-input {min-width:302px;}
.tagcolorpiker .colorbox {position:absolute; right:10px; top:8px; z-index:99;}
.edit-setting span {color:rgba(30, 30, 30, 1);}
.edit-setting ion-select::placeholder, .edit-setting ion-input::placeholder {color:rgba(179, 179, 179, 1); font-size:16px; font-weight:600; font-family:'Quicksand-Regular';}
.edit-setting ion-select::-webkit-input-placeholder, .edit-setting ion-input::-webkit-input-placeholder {color:rgba(179, 179, 179, 1); font-size:16px; font-weight:600; font-family:'Quicksand-Regular';}
.edit-setting ion-select::-moz-placeholder, .edit-setting ion-input::-moz-placeholder {color:rgba(179, 179, 179, 1); font-size:16px; font-weight:600; font-family:'Quicksand-Regular';}
.edit-setting ion-select:-ms-input-placeholder, .edit-setting ion-input:-ms-input-placeholder {color:rgba(179, 179, 179, 1); font-size:16px; font-weight:600; font-family:'Quicksand-Regular';}
.edit-setting ion-select:-moz-placeholder, .edit-setting ion-input:-moz-placeholder {color:rgba(179, 179, 179, 1); font-size:16px; font-weight:600; font-family:'Quicksand-Regular';}
.edit-setting ion-icon {font-size:19px;}
.edit-setting ion-select::part(icon) {margin:15px 0px;}
.edit-setting .tag {background:rgba(178, 236, 216, 1); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; margin:3px 6px 3px 0; min-height:34px; font-size:16px; font-weight:400; font-family:'Quicksand-Regular'; padding:6px 10.2px; display:flex; align-items:center; gap:6px; max-width:max-content; float:left; color:#fff; line-height:18px;}
.edit-setting .tag.blue {background:rgba(178, 213, 247, 1);}
.edit-setting .tag.perpel {background:rgba(205, 190, 250, 1);}
.edit-setting .tag.redlight {background:rgba(237, 199, 179, 1);}
.edit-setting .tag.light {background:rgba(252, 214, 178, 1);}
.edit-setting .tag.green {background:rgba(206, 227, 178, 1);}
.edit-setting .tag ion-icon {font-size:20px;}
.modal-content.edit-setting-popup.profile {width:919px; padding:15px 0 25px; margin:0;}
.modal-content.edit-setting-popup.profile .ion-text-right {padding:0 20px;}
.modal-content.edit-setting-popup.profile .Analytics.view {height:calc(100vh - 180px); overflow-y:auto; overflow-x:hidden; padding:0 42px; ;}
.edit-setting-popup .Analytics.view .group-view {background:var(--bluelightshadow); padding:18px 32px 30px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; margin-bottom:16px;}
.edit-setting-popup .award-item {background:#fff; border-radius:22px; -webkit-border-radius:22px; -moz-border-radius:22px;}
.edit-setting-popup .award-label {margin:0; font-size:18px; font-weight:700; font-family:'Quicksand-Regular';}
.edit-setting-popup .group-view .Analytics-data .Asesmnt-sections-stu.scorepage {margin-top:15px !important;}
.edit-setting-popup .Asesmnt-pro-container {padding:0 0 15px !important; gap:30px; display:flex; justify-content:space-between; width:100%;}
.edit-setting-popup .Asesmnt-pro-itm {max-width:163px;}
.edit-setting-popup .smallbox {display:flex; gap:48px;}
.edit-setting-popup .Asesmnt-pro-item {width:109px; margin:0; text-align:center;}
.edit-setting-popup .Asesmnt-pro-txt {font-size:22px; font-weight:400; line-height:35px; color:var(--bluedark); font-family:'Quicksand-Regular'; margin-top:10px;}
.Analytics.view .group-view:last-child {margin-bottom:0;}
.modal-content.edit-setting-popup.profile .award {display:flex; align-items:center; font-size:16px; font-weight:600; font-family:'Quicksand-Regular';}
.modal-content.edit-setting-popup.profile .award ion-img {width:30px;}
.modal-content.edit-setting-popup.profile .award .d-flex {gap:20px;}
.modal-content.edit-setting-popup.profile .award div {display:flex; align-items:center; gap:8px;}
.modal-content.edit-setting-popup.profile .award .madel {margin-left:20px;}
.modal-content.edit-setting-popup.profile .group-view .Analyticsuser {border:none; padding:0;}
.Analytics.view .AnalyticsTabs ion-segment-button.segment-button-checked {height:54px; background:var(--bluelightshadow);}
.Analytics.view .AnalyticsTabs ion-segment-button {margin:0; background:rgba(231, 231, 231, 1); border:none; border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; font-size:28px; font-weight:600; color:var(--bluedark); letter-spacing:normal; line-height:normal; height:54px; padding:0; overflow:hidden;}
.Analytics.view .AnalyticsTabs ion-segment-button ion-label {padding:0 26px; margin:0; line-height:normal;}
.Analytics.view .AnalyticsTabs .library-list {background:var(--bluelightshadow); padding:30px 32px; border-radius:0 30px 30px 30px; -webkit-border-radius:0 30px 30px 30px; -moz-border-radius:0 30px 30px 30px; margin:0; min-height:332px;}
.Analytics.view .AnalyticsTabs .library-list ion-col {padding:0; margin-bottom:16px;}
.Analytics.view .AnalyticsTabs .library-list ion-col:last-child {margin-bottom:0;}
.Mainheader.StuMainheader .AnalyticsTabs .library-list ion-col .book .margin.w-100 .book-title div {padding-right:5px;}
.Analytics.view .AnalyticsTabs .book {background:#fff; padding:0 16px 0 0; border:none; border-radius:0 30px 30px 0; -webkit-border-radius:0 30px 30px 0; -moz-border-radius:0 30px 30px 0; height:100%; display:flex; align-items:center; justify-content:space-between;}
.Analytics.view .AnalyticsTabs .imgarea ion-img {min-width:100px; width:100px;}
.Analytics.view .AnalyticsTabs .library-list .book-title {font-size:22px; font-family:'Quicksand-Regular'; font-weight:600; margin:0 18px; line-height:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; word-break:break-word;}
.Analytics.view .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container {width:auto; gap:16px; padding:10px 0 !important; min-width:317px; justify-content:start;}
.Analytics.view .AnalyticsTabs .library-list .Asesmnt-pro-itm {min-width:69px;}
.Analytics.view .smallbox {display:flex; gap:16px;}
.Analytics.view .AnalyticsTabs .smallbox .Asesmnt-pro-item {width:46px; margin:0; text-align:center;}
.Analytics.view .AnalyticsTabs .smallbox .Asesmnt-pro-item img.Asesmnt-pro-img {height:20px;}
.Analytics.view .AnalyticsTabs .smallbox .Asesmnt-pro-item .Asesmnt-pro-txt {font-size:12.15px; line-height:normal; margin-top:8px;}
.Analytics.view .change ion-checkbox {--size:18.5px}
.Analytics.view .change {font-size:14px; font-weight:400; font-family:'Quicksand-Regular'; display:flex; align-items:center; gap:10px;}
.modal-content.add-edit-popup {min-width:746px;}
.modal-content.class-login-popup {width:567px;}
.modal-content.add-edit-popup .classoverflow {height:28vh; overflow-y:auto; overflow-x:hidden; margin-right:-20px; padding-right:20px;}
.add-edit-setting, .add-edit-gray {display:flex; align-items:center; justify-content:space-between;}
.add-edit-setting {background:var(--bluelightshadow); margin-bottom:7px; padding:10px 20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; font-size:22px; font-weight:600; font-family:'Quicksand-Regular';}
.add-edit-gray {background:rgba(231, 231, 231, 1); margin-bottom:7px; padding:10px 20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; font-size:16px; font-weight:600; font-family:'Quicksand-Regular';}
.add-edit-setting img, .add-edit-gray img {height:21px; width:auto;}
.add-edit-setting ion-icon, .add-edit-gray ion-icon {font-size:22px;}
.add-edit-setting div, .add-edit-gray div {gap:21px; display:flex; align-items:center;}
.add-edit-setting span, .add-edit-gray span {background:rgba(0, 191, 125, 1); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:23px; height:23px;}
.modal-content.assignpopup {width:393px;}
.addevent .modal-content {width:350px;}
.addevent .close-event {border-bottom:var(--bluelight) solid 1px; padding:15px 25px 15px 35px; margin:0;}
.addevent .close-event ion-label {font-size:22px;}
.addevent .modal-content ion-label {font-size:18px;}
.selectview.Compare.Analytics ion-segment {gap:11px; width:auto !important;}
.selectview.Compare.Analytics ion-segment ion-segment-button.segment-button-checked {background:var(--bluelight);}
.selectview.Compare.Analytics ion-segment ion-segment-button {background:#fff; border:var(--bluelight) solid 1px; --color-checked:var(--bluedark); --background-hover:transparent; font-family:'Quicksand-Regular'; font-size:16px; font-weight:600; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:0 13px;}
ion-modal.multiselectgroup {border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.multiselectgroup .group {width:300px; padding:10px 0 0 20px; height:100%; overflow:auto; background:var(--bluelightshadow); border:var(--bluelight) solid 1px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.multiselectgroup strong {font-size:16px; color:var(--bluedark); font-family:'Quicksand-Regular'; margin-bottom:6px; display:block;}
.multiselectgroup ion-checkbox {--size:22.5px; border-radius:5px; --border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; --checkmark-color:rgba(0, 192, 121, 1); --background:#fff; --checkbox-background-checked:#fff; --background-checked:#fff !important; --border-color:rgba(0, 66, 95, 1); --border-width:2px; --border-color-checked:rgba(0, 66, 95, 1);}
.multiselectgroup ion-checkbox.checkbox-checked {background:var(--bluelight);}
.multiselectgroup div {font-size:16px; font-weight:600; font-family:'Quicksand-Regular'; color:var(--bluedark);}
.menu-content.class.Analytics .classtab ion-item.active {--background:rgba(0, 66, 95, 1); color:#fff;}
.menu-content.class.Analytics .classtab ion-item.active ion-icon[slot="end"] {transform:rotate(180deg);}
.menu-content.class.Analytics .classtab ion-item ion-icon[slot="end"] {content:url('./assets/Chevrondownwhite.svg') !important;}
.menu-content.class.Analytics ion-item ion-icon[slot="end"] {content:url('./assets/Chevrondownwhite.svg') !important;}
.menu-content.class.Analytics div:last-child ion-item {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.menu-content.class.Analytics .submenu ion-item {--background:rgba(231, 231, 231, 1) !important; color:var(--bluedark) !important;}
.Analytics.view .menu-content.class.Analytics .classtab .submenu ion-item ion-icon[slot="end"] {content:url('./assets/Chevrondown.svg') !important; transform:rotate(180deg); margin-right:6px;}
.Analytics.view .menu-content.class.Analytics .classtab .submenu ion-item.active ion-icon[slot="end"] {content:url('./assets/Chevrondown.svg') !important;}
.Analytics.view .menu-content.class.Analytics .classtab .submenu ion-item.active ion-icon[slot="end"] {margin-right:2px;}
.menu-content.class .classtab .submenu div ion-item.active ion-icon {rotate:-90deg; font-size:14px; content:url(./assets/Chevrondown.svg) !important;}
.menu-content.class .classtab .submenu div ion-item ion-icon {rotate:90deg;}
.menu-content.class.Analytics .classtab .center {justify-content:space-between;}
.menu-content.class.Analytics .classtab .submenu div ion-item {--background:var(--bluelightshadow) !important;}
.menu-content.class .classtab .submenu div .submenu ion-item {--background:rgba(231, 231, 231, 1) !important;}
.menu-content.class.Analytics .classtab .submenu div ion-item ion-icon {rotate:180deg; color:var(--bluedark);}
.menu-content.class.Analytics .classtab .submenu div ion-item.active ion-icon {rotate:0deg; font-size:inherit;}
.menu-content.class.Analytics .classtab .submenu div ion-item.active {--inner-padding-end:14px;}
.menu-content.class.Analytics .classtab .submenu div ion-item.active ion-label.bold-underline {text-decoration:underline; font-weight:700;}
.menu-content.class.Analytics .submenu ion-item {--inner-padding-end:10px;}
.menu-content.class.Analytics .classtab .submenu ion-item {font-weight:500;}
.blue-bottom-corner {background:url(./assets/blue-bottom-corner.svg) no-repeat; width:100%; height:46px; background-size:cover; position:absolute; left:0; top:0;}

/*@media screen and (max-width:1500px) {
.Mainheader.StuMainheader ion-header, .Mainheader.StuMainheader .Start .Mainarea, .yellopart, .Mainheader.StuMainheader .blue-bg {width:93.75vw;}
.Mainheader.StuMainheader .library-list, .Mainheader.StuMainheader .viewbtn, .Mainheader.StuMainheader .LibraryStu, .Mainheader.StuMainheader .library-grid, .Mainheader.StuMainheader .Myfeed {padding:0 10.416666666666666vw;}
.Mainheader.StuMainheader .Start .Mainarea .LeaderBoard {padding:0 10.416666666666666vw 20px;}
.Mainheader.StuMainheader .Assignments-student .library-list.Assessmentsresults .AssignmentsStu .Asesmnt-pro-container {gap:3.3854166666666665vw;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item ion-select {margin:0 5px;}
.Mainheader.StuMainheader .LibraryStu .filter {padding:0 1.0416666666666667vw;}
.Mainheader.StuMainheader .LibraryStu ion-searchbar {max-width:18.619791666666668vw;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box .bookcover {width:14.0625vw; height:14.0625vw;}
}*/
/*@media screen and (max-width:991.98px) {
.Mainheader.StuMainheader ion-header {right:0;}
.Mainheader.StuMainheader ion-header ion-grid.header {padding:36.62px 50px;}
.Mainheader.StuMainheader .stumenu {padding:0 50px;}
.Mainheader.StuMainheader ion-header, .Mainheader.StuMainheader .Start .Mainarea, .yellopart, .Mainheader.StuMainheader .blue-bg {width:100%;}
.Mainheader.StuMainheader .Start .Mainarea.Assignments-student .Mainheader.StuMainheader .viewbtn,
.Mainheader.StuMainheader .library-grid, .Mainheader.StuMainheader .Myfeed, .Mainheader.StuMainheader .Start .Mainarea .spacemange.scroll,
.Mainheader.StuMainheader .Start .Mainarea .spacemange, .Mainheader.StuMainheader .Start .blue-bg .spacemange {padding:0 80px;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange.scroll .library-grid {padding:0;}
.Mainheader.StuMainheader ion-toolbar .desktopmenu div {padding:0 31px;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange ion-grid.LibraryStu ion-col.device {margin-bottom:16px; max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange ion-grid.LibraryStu ion-col.device .selectview {justify-content:space-between;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange ion-grid.LibraryStu ion-col.device .type-select {width:100%;}
.Mainheader.StuMainheader .Start .Mainarea .spacemange ion-grid.LibraryStu ion-col.device .filter-part ion-col:first-child {max-width:100%; background:var(--background);}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item ion-select {margin:0 10px; font-size:14px; max-width:117px;}
.Mainheader.StuMainheader .LibraryStu .filter {padding:0 10px; font-size:14px;}
.Mainheader.StuMainheader .Assignments-student .library-grid ion-col {max-width:calc(calc(4 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(4 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .Assignments-student .library-grid.library .box {min-height:265px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box .bookcover {width:100%; height:auto;}
.Mainheader.StuMainheader .highlight-selected, .Mainheader.StuMainheader .pron-prac-btn {width:200px;}
.Mainheader.StuMainheader ion-header, .Mainheader.StuMainheader .Start .Mainarea, .yellopart, .Mainheader.StuMainheader .blue-bg {min-height:auto;}
}
@media screen and (max-width:899px) {
.Mainheader.StuMainheader .stumenu ion-row {gap:15px;}
.Mainheader.StuMainheader ion-toolbar .desktopmenu div {padding:0 23px;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box {min-height:360px;}
.Mainheader.StuMainheader .Assignments-student .library-grid.library .box {min-height:230px;}
.Mainheader.StuMainheader .Assignments-student .library-list .book-title {font-size:22px; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; text-overflow:ellipsis;}
}
@media screen and (max-width:799px) {
.Mainheader.StuMainheader ion-header ion-grid.header {padding:36.62px 40px;}
.Mainheader.StuMainheader .stumenu {padding:0 40px;}
.Mainheader.StuMainheader .Assignments-student .library-grid ion-col {max-width:calc(calc(6 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(6 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .Assignments-student .library-grid .box {padding:25px; min-height:auto;}
.Mainheader.StuMainheader .stumenu ion-row {gap:10px;}
.Mainheader.StuMainheader ion-toolbar .desktopmenu div {padding:0 20px;}
.Mainheader.StuMainheader ion-grid.type-select ion-row {display:block;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item {width:100%;}
.Mainheader.StuMainheader ion-grid.type-select ion-item.item ion-select {margin:0 10px; font-size:14px; max-width:100%; justify-content:space-between;}
.Mainheader.StuMainheader .LibraryStu .filter {padding:0 10px; font-size:14px; max-width:100%; justify-content:space-between;}
}
@media screen and (max-width:650px) {
.Mainheader.StuMainheader .Start .Mainarea.Assignments-student .Mainheader.StuMainheader .viewbtn,
.Mainheader.StuMainheader .library-grid, .Mainheader.StuMainheader .Myfeed, .Mainheader.StuMainheader .Start .Mainarea .spacemange.scroll,
.Mainheader.StuMainheader .Start .Mainarea .spacemange, .Mainheader.StuMainheader .Start .blue-bg .spacemange {padding:0 50px;}
.Mainheader.StuMainheader .Assignments-student .library-grid ion-col {max-width:calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important; flex:0 0 calc(calc(12 / var(--ion-grid-columns, 12)) * 100%) !important;}
.Mainheader.StuMainheader .Assignments-student .library-grid .book {width:100%;}
}*/

.__floater.__floater__open {padding:0px 0px 15px !important;}
.react-joyride__tooltip {padding:18px !important;}
.react-joyride__tooltip h1 {font-size:24px !important; font-weight:600; font-family:'Quicksand-Regular'; text-align:left; width:calc(100% - 45px);}
.react-joyride__tooltip div {justify-content:space-between !important;}
.react-joyride__tooltip div div {padding:20px 15px 0 0 !important; text-align:left; font-size:16px; font-weight:600; font-family:'Quicksand-Regular';}
.react-joyride__tooltip div button {height:50px; border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important; width:auto; margin:0 !important; font-weight:700; font-family:'Quicksand-Regular';}
.react-joyride__tooltip button {background:url(./assets/Xcircle.svg) no-repeat center; background-size:44px; width:40px; height:40px; /*padding:20px !important;*/ right:16px !important; top:10px !important;}
.react-joyride__tooltip button svg {display:none;}
.react-joyride__tooltip div:empty {display:none !important;}
/*.react-joyride__spotlight {box-shadow:0px 12px 15px -5px rgba(241, 214, 156, 0.9);}*/

.complete {background:var(--bluelightshadow) !important;}
.Notsubmitted {background:rgb(231, 231, 231) !important;}
.Requires {background:rgb(255, 235, 232) !important;}
.Mainheader.StuMainheader .speak-container.answer-section {color:var(--bluedark); background:rgba(245, 245, 245, 1);}
.Mainheader.StuMainheader .speak-container.answer-section {font-size:26px; color:var(--bluedark); font-family:'NotoSansCJKSC-Regular';}
.Mainheader.StuMainheader .speak-container.answer-section .chText {padding-left:14px; padding-right:14px;}
.audio-answer {border-top:2px solid rgba(243, 91, 4, 1); margin-top:20px; padding-top:20px; font-family:'NotoSansCJKSC-Regular'; color:var(--bluedark);}
.score-text {font-size:48px; font-weight:700; font-family:'Quicksand-Regular'; text-align:center;}
ion-toast {--background:#FFF; font-size:16px; font-weight:700; min-height:55px !important; text-align:center; font-family:'Quicksand-Regular'; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding:0 30px; --max-width:383px; --start:0; --end:0; border-radius:30px; display:flex; flex-direction:row; align-items:center; color:var(--bluedark);}
ion-toast.toast-bg::part(message) {background:url(./assets/checkmark.svg) no-repeat 0px; background-size:20px; line-height:27px; padding-left:25px; font-size:15px; white-space:nowrap;}
ion-toast.toast-bg-class::part(message) {/*background:url(./assets/checkmark.svg) no-repeat 0px; background-size:20px; line-height:27px; padding-left:25px;*/ font-size:15px; white-space:nowrap;}

.report-pdf-width {width:90%; margin:0 auto; vertical-align:middle;}
.report-pdf-width h3:empty {display:none;}
.report-pdf-width h3 {font-weight:700; font-size:28px; font-family:'Quicksand-Regular'; line-height:35px; color:#002A3D; margin:0 0 22px;}
.report-pdf-width .Analytics-data .selectview.Compare {margin:0; border-radius:0 15px 15px 15px; -webkit-border-radius:0 15px 15px 15px; -moz-border-radius:0 15px 15px 15px; padding:25px 15px;}
.report-pdf-width .Analytics.view .group-view {padding:28px;}
.report-pdf-width .Analytics-data.Progress .selectview .Analyticstitle {margin:0; background:#0B7EE5; border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; font-weight:700; font-size:16px; color:#FFFFFF; padding:10px 16px; min-width:140px; text-align:center;}
/* .report-pdf-width .Analytics-data.Progress:nth-child(1n+1) .selectview .Analyticstitle {background:#0B7EE5 !important;}
.report-pdf-width .Analytics-data.Progress:nth-child(1n+2) .selectview .Analyticstitle {background:#7678ED !important;}
.report-pdf-width .Analytics-data.Progress:nth-child(1n+3) .selectview .Analyticstitle {background:#F35B04 !important;}
.report-pdf-width .Analytics-data.Progress:nth-child(1n+4) .selectview .Analyticstitle {background:#F5B61A  !important;} */
.report-pdf-width .Analytics-data.Progress {margin-bottom:45px;}
.report-pdf-width .Analytics-data.Progress:last-child {margin-bottom:0;}
.report-pdf-width .Analytics.view .group-view .Asesmnt-pro-container {padding:0; margin:40px 0;}
.report-pdf-width .line {background:#fff; height:5px; margin:0 0 40px;}
.report-pdf-width .overview-data {background:#fff; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:15px; min-width:345px; font-size:16px; color:#002A3D;}
.report-pdf-width .overview-data p {margin:4.5px 0; font-family:'Quicksand-Regular';}
.report-pdf-width .Analytics.view .group-view .awards-container {gap:20px; margin:20px 0 22px;}
.report-pdf-width .Analytics.view .group-view .awards-container .award-label {font-size:22px;}
.report-pdf-width .GlobalSeal {display:flex; align-items:center; gap:40px; position:absolute; right:30px; top:38px; font-family:'Quicksand-Regular';}
.report-pdf-width .GlobalSeal div {font-weight:600; font-size:16px; color:#414141;}
.report-pdf-width .GlobalSeal span {width:12px; height:12px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; margin-right:9px;}
.report-pdf-width .Analytics.view .AnalyticsTabs .library-list {padding:0; min-height:auto;}
.report-pdf-width .Analytics.view .AnalyticsTabs .library-list .book {border-radius:0px 15px 15px 0px; -webkit-border-radius:0 15px 15px 0; -moz-border-radius:0 15px 15px 0; padding:0 30px 0 0; height:auto;}
.report-pdf-width .Analytics.view .AnalyticsTabs .library-list ion-col .book .Asesmnt-pro-container {padding:0 0 0 18px !important; margin:0; display:block; min-width:auto;}
.report-pdf-width .Analytics.view .group-view .library-list .book div {gap:18px;}
.report-pdf-width .Analytics.view .group-view .library-list .book div.record-data {font-family:'Quicksand-Regular';}
.report-pdf-width .Analytics.view .AnalyticsTabs .library-list .book-title {margin:0;}
.report-pdf-width .record-data div {padding:5px 14px; display:flex; align-items:center; justify-content:center; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; white-space:nowrap; font-weight:700; font-size:16px; min-height:30px;}
.report-pdf-width .Average-score-derail {border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; background:#fff; padding:32px;}
.report-pdf-width .Average-score-derail div {width:100%; text-align:center; align-items:end;}
.report-pdf-width .Average-score-derail .Average {margin-bottom:36px;}
.report-pdf-width .Average-score-derail .Average:last-child {margin-bottom:0;}
.report-pdf-width .Average-score-derail .Asesmnt-pro-img {margin-bottom:15px;}
.h-100 {height:100%;}
.Average-score-derail .title {border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; color:#fff; padding:10px 0; font-family:'Quicksand-Regular'; text-align:center; font-weight:700; font-size:16px;}
.Average-score-derail span {padding:15px 0; font-family:'Quicksand-Regular'; font-weight:600; font-size:22px; width:100%; border-bottom:2px dashed rgba(0, 66, 95, 0.1); display:inline-block; text-align:center;}
.Average-score-derail span:last-child {border:none;}
.pdfuser {width:90%; margin:0 auto;}
.pdfimg {width:122px; height:122px; min-width:130px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; overflow:hidden;}
.StudentReportTitle {font-weight:600; font-size:36px; line-height:45px; color:#002A3D; font-family:'Quicksand-Regular';}
.StudentReportSubTitle {font-weight:600; font-size:16px; color:#002A3D; display:block; font-family:'Quicksand-Regular';}
.pdfgroup {display:flex; flex-direction:row; justify-content:center; align-items:center; font-family:'Quicksand-Regular'; padding:9px 33px; background:#E4F2FF; border:3px solid #95C5F0; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; font-size:22px; font-weight:700; color:#002A3D;}
.award.madel div {padding:4px 0;}
.Mainheader.StuMainheader .report-pdf-width .Asesmnt-pro-item:nth-child(3) .CircularProgressbar-trail {stroke:rgb(251, 188, 165) !important;}
.Mainheader.StuMainheader .report-pdf-width .Asesmnt-pro-item:nth-child(3) path.CircularProgressbar-path {stroke:rgb(243, 91, 4) !important;}
.Mainheader.StuMainheader .report-pdf-width .Asesmnt-pro-item:nth-child(4) .CircularProgressbar-trail {stroke:#fbe3a7 !important;}
.Mainheader.StuMainheader .report-pdf-width .Asesmnt-pro-item:nth-child(4) path.CircularProgressbar-path {stroke:#f5b61a !important;}
.report-title {margin:0; font-size:30px; font-weight:600; font-family:'Quicksand-Regular'; color:#1E1E1E;}
ion-button.download {--ion-color-base:linear-gradient(0deg, #002A3D 0%, #00425F 100%) !important; --padding-start:1.5em; --padding-end:1.5em; margin:0; min-height:50px; box-shadow:0px 12px 15px -5px rgba(0, 134, 85, 0.3); --box-shadow:0px 12px 15px -5px rgba(0, 134, 85, 0.3); -webkit-box-shadow:0px 12px 15px -5px rgba(0, 134, 85, 0.3); -moz-box-shadow:0px 12px 15px -5px rgba(0, 134, 85, 0.3); border-radius:30px; --border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; font-size:16px; font-weight:700; text-transform:capitalize; font-family:'Quicksand-Regular';}
.Preparation {font-size:18px; margin-bottom:10px; font-weight:bold; color:rgb(0, 66, 95);}
.Preparation-time {box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:10px; gap:30px; width:160px; height:48px; border:2px solid #95C5F0; box-shadow:0px 2px 6px -5px rgba(149, 197, 240, 0.2); border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; margin:0 auto; font-size:24px; font-weight:bold; color:rgb(0, 66, 95);}
.Preparation-timeup {color:#FBB016; font-size:18px; margin-top:10px; font-weight:600; font-family:'Quicksand-Regular';}
.borderline {background:#fff; height:3px; margin:40px 0 0;}

.checkbox-disabled {width:30px; height:30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:2px solid #E4F2FF; display:flex; align-items:center; justify-content:center; color:rgb(255 0 0 / 30%); font-weight:bold; font-size:30px;}
.radiobox-disabled {width:26px; height:26px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:2px solid #E4F2FF; display:flex; align-items:center; justify-content:center; color:rgb(255 0 0 / 30%); font-weight:bold; font-size:26px;}
.Outstanding.assessments .Assignments-student .box {display:block;}
.Outstanding.assessments .Assignments-student .box .book {margin-top:26px;}

.selecterror {font-family:'Quicksand-Regular'; color:#F35B04; font-size:16px; font-weight:400; margin:5px 0 0;}

.group-view.tour-Awards.Global {padding:23px 30px 36px;}
.group-view.tour-Awards.Global .awards-container.Biliteracy {gap:14px; width:calc(100% - -10px);}
.group-view.tour-Awards.Global .awards-container.Biliteracy .award-medals ion-img, .awards-container.Biliteracy.Globle .award-medals ion-img {width:29px; height:auto;}
.edit-setting-popup.profile .awards-container.Biliteracy {grid-template-columns:repeat(4, 1fr); gap:14px;}
.horizontaldrag.horizontal, .horizontaldrag {font-family:'AdobeKaitiStd';}
.exercise-container.orange.recoding .drag-item {padding-left:50px;}

.popup-alert .alert-wrapper {padding:40px 32px 32px; gap:32px; background:#FFFFFF; box-shadow:0px 16px 32px -4px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.popup-alert .alert-message {padding:0; font-family:'Quicksand-Regular'; font-style:normal; font-weight:600; font-size:20px; color:#000000;}
.popup-alert .alert-head:empty, .popup-alert .alert-message:empty {display:none;}
.popup-alert button.alert-button {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:12px 27px; gap:10px; min-width:117px; height:50px; background:#95C5F0; box-shadow:0px 12px 15px -5px rgba(149, 197, 240, 0.68); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.popup-alert .alert-button-group {padding:0; justify-content:center; gap:30px;}
.popup-alert button.alert-button span.alert-button-inner {justify-content:center; text-transform:none; font-family:'Quicksand-Regular'; font-weight:700; font-size:16px; color:#FFFFFF;}
.popup-alert button.alert-button:nth-child(2) {background:linear-gradient(180deg, #FA2864 0%, #DF003F 100%); box-shadow:0px 12px 15px -5px rgba(223, 0, 63, 0.32);}
.popup-alert button.alert-button:nth-child(1) span.alert-button-inner {color:#002A3D;}

.text-white {color:#fff;}
ion-popover.setting-Popover-Width {--width:300px;}
.ion-content.Start.video {background:url("./assets/liquid_gradient_dark_blue_20s.mp4"); background-repeat:no-repeat; background-position:center;}
.Globalimg {margin-bottom:40px;}
.feed-dash-globle ion-img, .Globalimg ion-img {border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; overflow:hidden;}
.non_chinese {font-family:'Quicksand-Regular'; float:left; display:contents;}
.chinese {font-family:'AdobeKaitiStd'; float:left; display:contents;}
.modal-body-medal ion-col {font-family:'Quicksand-Regular'; padding:0; font-weight:700; font-size:15px; color:#002A3D; line-height:28px; display:flex; align-items:center; gap:15px;}
.modal-body-medal ion-col ion-img {height:60px; min-width:29px;}
.modal-body-medal ion-col span {font-weight:700; font-size:32px; color:#002A3D; display:block;}
.infoHeading.medal .scores-modal-content {max-width:626px; min-height:auto; height:auto; padding:25px 35px 35px;}
.infoHeading.Pathway .scores-modal-content {max-width:670px; min-height:auto; height:auto; padding:25px 35px 35px;}
.infoHeading.medal .scores-modal-content .scores-modal-body {overflow:inherit;}
.infoHeading.Pathway .modal-body-medal {gap:15px;}
.infoHeading.Pathway .modal-body-medal ion-col {align-items:end; text-transform:uppercase; white-space:nowrap;}

/*.scores-sub-accordion.w100-ans .scorepopupspace {display: grid !important;}
.scores-sub-accordion.w100-ans .chinese {-webkit-line-clamp:none; line-clamp:none;}*/