@import "./components/fab-scrolldown.css";
@import "plugins/tinymce/tinymce-microcard-preview.css";

body.evo {
    ---font-primary: 'Poppins', sans-serif;
    --body-bg-color:#f3f5f9;
    --evo-header-bg-color: #f3f5f9eb;
    --evo-sub-side: white;
    --active-color: #24D3A5;
    --active-color-hover: 36, 211, 165;
    --link-color: #28a0de;
    --link-color-hover: #2696ce;
    --progress-bar-color:#52c4ff;
    --text-white: #fff;
    --highlight-color: #12aff0;
    --popup-bg: #ffffff;
    --popup-widget-bg:#f3f5f9;
    --popup-bg-container: #fff;
    --dropdown-bg: #fffffff7;
    --left-bar-bg: #0B0F1F;
    --light-text-color: #2b2e38;
    --light-grey-text-color: #777c8e;
    --placeholder-text: #888ea6;
    --tile-shadow: 0px 5px 10px -2px rgb(4 4 4 / 4%);
    --main-border-r: 10px;
    --border-r-rounded: 50px;
    --button-color: #fff;
    --button-color-2: #222;
    --button-color-3: #222;
    --button-color-4: #fff;
    --button-bg-2: #222;
    --button-bg-3: #fff;
    --button-bg-4: #0d0d0f;
    --button-dark-bg: 0, 0, 0;
    --button-border-color: #e5e5f1;
    --button-border-color-3: #222;
    --button-hover-bg: #eeeff3db;
    --button-hover-bg-2: #13102e05;
    --button-gray-bg: #f6f8fc;
    --button-gray-bg-hover: #f3f5f9;
    --section-nav-bg: #ffffff;
    --section-nav-gray:#ededf3;
    --nav-button-hover: #0000006e;
    --nav-pullout-bg: #fffffff2;
    --hover-color: #f8f8fc6e;
    --left-nav-bg: #fff;
    --left-nav-bg-hover: #f3f5f9;
    --light-gray-bg: #f3f4f9;
    --tags-bg: #f3f4f9;
    --alert-bg: #F8F8FC;
    --input-bg: #fff;
    --main-border-color: #ededf3;
    --border-darker-color: #d0d0da;
    --border-color-light: #eeeef8;
    --border-color-bg: #ffffff;
    --input-border-color: #e1e1eb;
    --table-border-color: #eeeef8;
    --table-border-color-highlight: #fff;
    --table-selected:#fafbfd;
    --table-row-alternate:#fafbfd;
    --box-shadow: 0px 5px 6px 0px rgb(11 0 60 / 4%);
    --box-shadow-hover: 0px 5px 6px 0px rgb(11 0 60 / 8%);
    --box-shadow-btn: 0px 3px 5px 0px rgb(11 0 60 / 2%);
    --box-shadow-btn-hover: 0px 5px 6px 0px rgb(11 0 60 / 8%);
    --box-shadow-heavy: 0px 5px 6px 0px rgb(11 0 60 / 8%);
    --box-shadow-transition: box-shadow .3s ease-in-out, border .3s ease-in-out;
    --box-shadow-inset: inset 0 2px 5px rgb(11 0 60 / 8%);
    --primary-font: 'Poppins';
    --main-text-color: #0f0f0f;
    --widget-text-font-size: .85rem;
    --success-color: #00C290;
    --color-green: #00C290;
    --color-blue: #28a0de;
    --color-purple: #A584F3;
    --color-yellow: #FCB707;
    --color-red: #F46060;
    --color-lightblue: #E0F1ff;
    --color-red-bg:rgb(251, 131, 137);
    --color-green-bg:rgb(0, 194, 145);
    --color-overlay-bg:rgb(46 48 61 / 67%);
    --color-lightgray: #f3f5f9;
    --bullet-color: #d5d5df;
    --left-bar-text: #b0b9dd;
    --tool-bar-color: #ffffffeb;
    --scroll-bar-color: #999daf;
    --scroll-bar-bg-color: #f3f5f9;
    --font-size-smaller: .7rem;
    --font-size-small: .75rem;
    --font-size-regular: .8rem;
    --font-size-medium: .85rem;
    --font-size-large: .9rem;
    --font-size-larger: 1rem;
    --font-weight-thin:300;
    --font-weight-light:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --font-weight-bolder:800;
    --disabled-bg: #f3f5f9;
    --copilot-chat-bg: #f9fbff;
    --copilot-btn-light-hover:#dedee9;
    --copilot-btn-light-visited:#e8e9f3;
    --copilot-chat-input:#f3f5f9;
    --copilot-bg:#fff;
    --copilot-bg-msg:#f3f5f9;
    --content-bg-color: #f3f5f9;
    --content-light-bg-color: #f8fafe;
    --th-bg-color: #f3f5f9;
    --editor-bg-color: #fff;
    --invert-bg-color: #fff;
    --user-table-border-color: #cacaca;
}

body.evo * {
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

[data-theme="dark"] body.evo {
    --body-bg-color: --body-bg-color: #f3f5f9;;
    --left-nav-bg: hsl(235.98deg 13.92% 15.68%);
    --body-bg-color: #0F0F11;
    --evo-header-bg-color: hsl(235.98deg 14.27% 9.3% / 74%);
    --nav-pullout-bg: hsl(240deg 12.9% 12.16%);
    --left-bar-bg: #0d0d0f;
    --th-bg-color: hsl(235.98deg 14.27% 9.3%);
    --content-light-bg-color: hsl(235.98deg 13.92% 15.68%);
    --input-bg: hsl(235.98deg 14.14% 6.97%);
    --section-nav-bg: hsl(235.98deg 13.92% 15.68%);
    --button-color: hsl(235.98deg 13.92% 15.68%);
    --button-hover-bg: hsl(235.98deg 12.33% 25.85%);
    --button-color-2: #fff;
    --button-color-3: #222;
    --button-color-4: #0d0d0f;
    --button-bg-2: #222;
    --button-bg-3: hsl(235.98deg 13.99% 19.82%);
    --button-bg-4: hsl(0deg 0% 100%);
    --button-gray-bg: #0F0F11;
    --popup-bg: hsl(235.98deg 14.27% 9.3%);
    --popup-widget-bg:hsl(235.98deg 13.92% 15.68%);
    --popup-bg-container: hsl(235.98deg 14.27% 9.3%);
    --content-bg-color:     --body-bg-color: #f3f5f9;;
    --disabled-bg:#0F0F11;
    --button-border-color: hsl(235.98deg 13.92% 15.68%);
    --button-color-2: white;
    --dropdown-bg: hsl(235.98deg 14.27% 9.3%);
    --border-color-light: #0F0F11;
    --border-color-bg: hsl(235.98deg 14.27% 9.3%);
    --border-darker-color: #343434;
    --input-border-color: #414147;
    --main-border-color: #09090b;
    --light-gray-bg: hsl(235.98deg 12.33% 25.85%);
    --tags-bg: #383840;
    --left-bar-text: #e9e9e9;
    --tool-bar-color: #000000eb;
    --light-text-color: #b0b4c8;
    --light-grey-text-color: #b0b4c8;
    --icon-color: #b4bacf;
    --main-text-color: #e4e6f0;
    --placeholder-text: #737580;
    --block-bg-color: hsl(235.98deg 13.92% 15.68%);
    --table-border-color: hsl(228deg 8.95% 16.63%);
    --table-border-color-highlight: hsl(235.98deg 13.92% 15.68%);
    --table-selected:hsl(235.98deg 14.2% 12.99%);
    --invert-bg-color: hsl(235.98deg 13.92% 15.68%);
    --editor-bg-color: hsl(235.98deg 13.92% 15.68%);
    --link-color: #2CBAEC;
    --link-color-hover: #0594CC;
    --alert-bg: #0F0F11;
    --bg-color: hsl(235.98deg 13.92% 15.68%);
    --evo-sub-side: hsl(235.98deg 14.15% 12.09%);
    --section-nav-gray:hsl(235.98deg 13.92% 15.68%);
    --color-lightgray: #0F0F11;
    --color-overlay-bg:#000000b8;
    --copilot-btn-light-hover:hsl(235.98deg 17.71% 8.27%);
    --copilot-btn-light-visited:hsl(235.98deg 14.71% 10.61%);
    --copilot-chat-input:#444756;
    --copilot-bg:hsl(235.98deg 14.27% 9.3%);
    --copilot-bg-msg:hsl(235.98deg 13.92% 15.68%);
}


html, body{
    background: var(--body-bg-color);
}

body.evo #contentWrap{
    min-height: calc(100vh - 155px) !important;
}

/* top level headings  */
body.evo #centreColumn > div.pageHeading.flex > div > h1,
    body.evo h1,
    body.evo #contentHeadingWrapper > div.teacherLessonHeading > div > h1,
    body.evo #centreColumn > div > div.pageHeading.flex > div > h1 {
    font-weight: var(--font-weight-bold);
}

body.evo div:has(h1) .inline_heading_tabs_options,
body.evo div:has(h1) .inline_tabs_options {
    margin-top: 10px;
}

body.evo div:has(h1) .inline_tabs_options {
    margin-top: 0px;
}

.pageHeading:has(h1):not(:has(+ .inline_heading_tabs_options)) h1 {
    margin-bottom: 15px;
}

body.evo #centreColumn h2,
    body.evo #courseToolbar h2,
    body.evo #tinymce h2,
    body.evo #facebox form#resources_form .search-metadata,
    body.evo #centreColumn .centre_widgets .full_width_widget .headingLinkWrap h2 {
    color: var(--main-text-color);
}

body.evo #centreColumn h2,
body.evo[class*="tag_groups"] #mainContent h1:nth-of-type(2){
    font-size: 18px;
    font-weight: var(--font-weight-bold);
}

body.evo h1{
    font-size: 20px;
}

body.evo[class*="calendar"] #mainContent .dashboard_header > h2 {
    font-size: 20px;
}

body.evo #centreColumn .dashboard_header h2 {
    font-size: 20px;
}

body.evo #centreColumn h2 {
    color: var(--main-text-color);
}

body.evo #centreColumn .catalog_boxes h2,
body.evo .portal #contentBody body.evo .catalog_boxes .header h2,
body.evo .portal #contentBody .catalog_boxes .header h2 a,
body.evo #centreColumn .modern_module_row h2,
body.evo #centreColumn .modern_module_row h2 span,
body.evo .rightColumn h2, body.evo #centreColumn .rightColumn h2
{
    font-weight: var(--font-weight-bold);
}

body.evo #centreColumn .block:not(.full_width_widget) .catalog_boxes a h2 {
    font-weight: var(--font-weight-semibold);
}

body.evo #centreColumn .rightColumn .widget .block .rightColumnHalfWidth h2 {
    font-weight: var(--font-weight-semibold);
    padding-left:0px;
}

body.evo .modal h2 {
    font-size: var(--font-size-larger);
    font-weight: var(--font-weight-bold);
    margin-top: 10px;
}

body.evo .modal table {
    margin-top: 0px;
    padding-left: 0px;
}

body.evo .gs-table h2.rubric_name.class_name {
    overflow-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 55%;
}

@media (max-width: 1024px) {
    max-width:50%;
}

body.evo .gs-table .table-head{
    position:relative;
}

body.evo #centreColumn h3 {
    font-size: 15px;
    font-weight: var(--font-weight-medium);
}

body.evo .section-intro.admin-panel-container.mt25 {
    margin-top: 0px !important;
}

body.evo #mainContent #centreColumn .section-intro + .optionsRibbon {
    margin-top: 10px;
}

body.evo :focus-visible {
    outline: var(--active-color, #24D3A5) auto 1px;
}

body.evo:not(.nav-open) nav#user-menu ol {
    width: 190px !important;
    text-align: left;
    margin-top: 0;
    padding-top: 15px !important;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 20px;
    position: fixed;
}

body.evo #user-menu > ol {
    z-index: 11;
}

body.evo .quickLinks a.username {
    font-size: 14px;
}

body.evo p {
    font-size: 14px;
    font-weight: var(--font-weight-light);
}

body.evo b, strong {
    font-weight: bold;
}

body.evo a, .rightColumn a * {
    color: var(--link-color);
}

body.evo a:hover,
body.evo a:hover, body.evo #centreColumn .rightColumn ul a:hover{
    color: var(--link-color-hover);
}

body.evo select {
    font-size: var(--font-size-medium);
}

body.evo .evo-only {
    display: block;
}

body.evo nav#user-menu .cta {
    background: transparent;
    padding: 0 19px;
}

body.evo nav#user-menu .mobile-nav-dropDown-header {
    display: none;
}

#user-menu ol .fixed-bottom li.mm-opened>.dropDown .scroll.three_column_nav {
    width: 533px;
}

#user-menu ol>li.mm-opened>ul, #user-menu ol>li.mm-opened>div, #user-menu ol .fixed-bottom li.mm-opened>div {
    background: var(--nav-pullout-bg);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

body.evo:not(.nav-open) nav#user-menu ol>li.mm-opened>a{
    height: auto !important;
}

body.evo:not(.nav-open) nav#user-menu ol>li.mm-opened>a,
body.evo:not(.nav-open) nav#user-menu ol>.fixed-bottom>li.mm-opened>a,
body.evo nav#user-menu ol>.fixed-bottom>li:hover>a,
body.evo nav#user-menu ol .fixed-bottom li.mm-opened a{
    height: auto !important;
}

body.evo header .dropDown, table .dropDown {
    background: var(--dropdown-bg);
    backdrop-filter: blur(10px);
    border-radius: var(--main-border-r) !important;
    filter: none !important;
}

body.evo nav#user-menu ul.tabnav li a {
    background: transparent;
}

body.evo #centreColumn ul.tabnav {
    margin-bottom: 5px;
}
body.evo ul.tabnav.vis{
    overflow: visible !important;
}

body.evo #wrapper {
    padding-top: 60px;
    overflow: visible;
}

@media (min-width: 1024px) {

    body.evo #wrapper {
        z-index: inherit;
    }

}

body.evo.no-scroll #wrapper,
body.evo.no-scroll #wrapper header {
    padding-right: 5px;
}

body.evo #contentWrap:not(.hasRightColumn):not(:has(.gs-table)):not(:has(.grade_book)) #centreColumn:not(:has(#payment_block)) {
    overflow: visible;
}

body.evo nav#user-menu ol>li>a span:nth-child(2), body.evo nav#user-menu ol>.fixed-bottom>li>a>span:nth-child(2),
body.evo nav#user-menu ol>.scroll-wrapper>li>a>span:nth-child(2) {
    margin-left: 5px !important;
}

body.evo div#time_warning {
    display: none !important;
}

body.evo input, body.evo textarea, body.evo select, body.evo input:focus, body.evo textarea:focus, body.evo select:focus {
    border: 1px solid var(--input-border-color) !important;
    border-radius: 4px !important;
    background: var(--input-bg);
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}


body.evo .section_nav_holder .section_nav .scrollable>ul a>span {
    max-width: calc(100% - 30px);
}

body.evo nav#user-menu li.extra-content>span {
    display: none !important;
}

body.evo:not(.nav-open) nav#user-menu ol li span {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}

body.evo .right-drawer {
    top: calc(50% + 30px);
    height: calc(100% - 60px);
}

body.evo .right-drawer:not(.active) .drawer-content > * {
    display: none;
}

.right-drawer.fat-open .drawer-handle {
    transform: translateX(30px);
}

body.evo nav#user-menu ol>li>a, body.evo nav#user-menu ol .fixed-bottom>li>a, body.evo nav#user-menu ol .scroll-wrapper li>a {
    text-align: left;
    padding: 11px 14px !important;
    border-radius: 25px;
    white-space: nowrap;
    margin: 0 auto;
    font-weight: var(--font-weight-medium);
    line-height: 16px;
}

body.evo nav#user-menu ol .scroll-wrapper li>a {
    margin: 11px 5px;
}

body.evo nav#user-menu ol .scroll-wrapper .sessionsPopout .optionsRibbon li>a {
    padding: 5px 15px 5px 12px !important;
    margin: 11px 0;
    height: auto !important;
}

body.evo nav#user-menu ol .scroll-wrapper .dropDown:has(.sessionsPopout) .cta li>a {
    margin: 0;
}

body.evo nav#user-menu .dropDown>p {
    padding: 0 30px;
}

body.evo nav#user-menu .dropDown.wideDropDown.one-column.favorites a .image {
    width: 32px !important;
    height: 32px !important;
    margin-left: 0 !important;
}

body.evo nav#user-menu .dropDown.wideDropDown.one-column.favorites a {
    line-height: 32px !important;
    padding: 6px 10px !important;
}

body.evo nav#user-menu ol>li.mm-opened, #user-menu ol .fixed-bottom li.mm-opened {
    padding: 3px 10px !important;
    filter: none;
}

body.evo nav#user-menu ol>li.mm-opened>ul, #user-menu ol>li.mm-opened>div, #user-menu ol .fixed-bottom li.mm-opened>div {
    transform: translate(180px, -10px);
    border-left: none !important;
    border-radius: 15px;

}

body.evo:not(.nav-open) nav#user-menu:before {
    display: none;
}

body.evo:not(.nav-open) nav#user-menu .header.mobileSearch {
    display: none !important;
}

body.evo:not(.nav-open) nav#user-menu~#wrapper #contentWrap, body.evo:not(.nav-open) nav#user-menu~#wrapper footer {
    margin-left: 190px;
}

body.evo:not(.nav-open) nav#user-menu~#wrapper footer {
    left: -10px;
    margin-right: -10px;
    width: auto;
}

body.evo #wrapper header {
    background: var(--evo-header-bg-color);
    color: black;
    -webkit-backdrop-filter: blur(10px);
    height: 60px;
    box-sizing: border-box;
    padding-top: 7px;
}

body.evo .centre_widgets .classes_widget form {
    padding: 0;
}

body.evo #wrapper header *:not(.newAlert) {
    color: var(--main-text-color) !important;
}

body.evo nav#user-menu ol>li, body.evo nav#user-menu ol .fixed-bottom>li, body.evo nav#user-menu ol:not(.mobileSubMenu) .scroll-wrapper>li {
    padding: 3px 10px !important;
    height: 50px;
}

body.evo nav#user-menu .sub-menu~ol>li.mm-opened>a, body.evo nav#user-menu~.sub-menu ol>li:hover>a {
    background: var(--nav-button-hover);
}

body.evo nav#user-menu ol>li.mm-opened>a, body.evo nav#user-menu ol>li:hover>a, body.evo nav#user-menu ol:not(.mobileSubMenu) .scroll-wrapper>li.mm-opened>a, body.evo nav#user-menu ol:not(.mobileSubMenu) .scroll-wrapper>li:hover>a {
    background: var(--nav-button-hover);
}

body.evo nav#user-menu .sub-menu~ol {
    transform: none !important;
    width: 80px !important;
    border-bottom-right-radius: 0px;
}

body.evo nav#user-menu .sub-menu~ol .nav-image{
    display: none;
}

body.evo nav#user-menu ol .nav-image-retina{
    display: none;
}
body.evo nav#user-menu .sub-menu~ol .nav-image-retina{
    display: block;
}

body.evo .dashboard_widgets>div .headingLinkWrap {
    background: transparent !important;
}

body.evo nav#user-menu .sub-menu>ol {
    left: 80px;
    top: 74px !important;
    position: absolute;
    background: var(--evo-sub-side);
    min-height: calc(100vh - 70px);
    padding-top: 25px !important;
    will-change: width;
}

body.evo nav#user-menu .sub-menu .mm-opened .dropDown {
    box-shadow: 6px 0px 3px -2px rgb(4 4 4 / 3%);
    top:unset;
}

body.evo nav#user-menu .sub-menu .fixed-bottom .mm-opened .dropDown {
    max-height: 100vh !important;
    z-index: 100;
}

body.evo nav#user-menu li.more.vis.mm-opened ul li a span {
    font-size: var(--font-size-medium) !important;
    padding-left: 10px;
}

body.evo nav#user-menu ol>li.mm-opened>a>span, body.evo nav#user-menu ol .fixed-bottom li.mm-opened>a>span {
    line-height: inherit !important;
}

body.evo .fixed-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}

body.evo nav#user-menu ol .fixed-bottom>li>a>span {
    color: white;
}

body.evo nav#user-menu ol .fixed-bottom li>a {
    display: block;
    width: 100%;
    font-size: 14px;
}

body.evo nav#user-menu ol > li.mm-opened > .dropDown .scroll, body.evo #user-menu ol > .fixed-bottom > li.mm-opened > .dropDown .scroll {
    position: relative;
    max-height: 400px;
    overflow: auto;
    padding: 5px 14px;
}

body.evo nav#user-menu .sub-menu ol>li .scroll li>a>span {
    text-overflow: ellipsis;
    width: calc(100% - 22px);
    white-space: nowrap;
    left: 50px;
    overflow: hidden;
}

body.evo #user-menu .sub-menu ol > .fixed-bottom > li {
    border-top: 1px solid var(--border-color-light);
}

body.evo nav#user-menu .sub-menu ol>li .scroll li>a {
    text-overflow: initial;
}

body.evo nav#user-menu ol .scroll li {
    padding: 2px 14px !important;
    margin: 3px 0 !important;
    border-radius: var(--border-r-rounded);
    cursor: pointer;
}

body.evo nav#user-menu ol .two_column_nav.scroll li {
    padding: 5px !important;
}

body.evo nav#user-menu ol .scroll li a:hover, #user-menu ol .scroll li a:hover span {
    color: inherit;
}

body.evo nav#user-menu ol .scroll li:hover {
    background: var(--button-hover-bg);
}


body.evo nav#user-menu .sub-menu>ol * {
    color: var(--main-text-color);
}

body.evo nav#user-menu .sub-menu~ol li span:not(:first-child) {
    display: none !important;
}

body.evo nav#user-menu .sub-menu~ol>li.mm-opened>ul, body.evo nav#user-menu .sub-menu~ol li.mm-opened>div, body.evo nav#user-menu .sub-menu~ol>.fixed-bottom>li.mm-opened>div {
    transform: translate(70px, -10px) !important;
}

body.evo nav#user-menu .sub-menu~ol>li>a, body.evo nav#user-menu .sub-menu~ol .fixed-bottom>li>a {
    width: 40px !important;
    height: 40px !important;
    padding: 6px 12px !important;
    margin: 0 auto !important;
    text-align: center !important;
    line-height: 27px;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu~ol>li>a {
    height: 40px !important;
}

body.evo .fixed-bottom.active {
    top: 0;
}

body.evo nav#user-menu .sub-menu>ol>.fixed-bottom ol li i:after {
    font-weight: var(--font-weight-medium);
}

body.evo:not(.nav-open) nav#user-menu .fixed-bottom .more ol {
    width: 100% !important;
    position: absolute !important;
    padding-top: 88px !important;
}

body.evo .fixed-bottom li.more.vis.active ol>li>a i:after, .fixed-bottom li.more.vis.active ol>li>a span {
    color: var(--main-text-color) !important;
}

body.evo nav#user-menu ol .fixed-bottom li.more.vis.active>a {
    cursor: pointer !important;
    position: absolute;
    top: 0;
    background: var(--content-bg-color) !important;
    color: var(--main-text-color);
    margin-top: 40px !important;
    width: calc(100% - 20px) !important;
    text-align: left;
    z-index: 2;
    padding: 10px 13px !important;
    border-radius: 20px !important;
    border: solid 1px var(--border-color-light);
}

body.evo .fixed-bottom li.more.vis.active {
    background: var(--evo-sub-side);
}

body.evo:not(.nav-open) nav#user-menu .fixed-bottom .more ol {
    display: none;
}

body.evo:not(.nav-open) nav#user-menu .fixed-bottom .active.more ol {
    display: block;
}

body.evo nav#user-menu .fixed-bottom li.more.vis>a i:after, body.evo nav#user-menu .fixed-bottom li.more.vis>a span {
    color: var(--main-text-color) !important;
    font-weight: var(--font-weight-bold);
}

body.evo nav#user-menu .fixed-bottom li.more>a i:after, body.evo nav#user-menu .fixed-bottom li.more.vis.active>a span {
    color: var(--left-bar-text) !important;
}

body.evo nav#user-menu .sub-menu~ol>li {
    height: 50px;
}

body.evo:not(.nav-open) nav#user-menu .fixed-bottom .active.more ol i {
    font-size: 17px;
    margin-right: 4px;
}

body.evo:not(.nav-open) nav#user-menu .fixed-bottom .active.more ol i:after {
    font-weight: var(--font-weight-thin);
}

body.evo nav#user-menu .sub-menu {
    position: fixed;
    z-index: 11;
}

body.evo nav#user-menu .sub-menu i:after {
    left: 0;
}

body.evo .nav-image {
    height: 100px;
    max-width: 120px;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-bottom: 10px;
}

body.evo a.nav-image.nav-image-retina {
    height: 80px;
    max-width: 60px;
}

body.evo.mini_main_nav #user-menu .sub-menu>ol>li>a>span:last-child {
    background: initial;
    top: initial;
    left: initial;
    position: initial;
    padding: initial;
    color: var(--main-text-color);
    display: unset;
}

body.evo.mini_main_nav #user-menu .sub-menu>ol>li>a>span:last-child:before {
    display: none;
}

body.evo.mini_main_nav #user-menu .sub-menu>ol>li:hover>a>span:last-child {
    display: unset !important;
}

body.evo.mini_main_nav #user-menu ol>li>a span:nth-child(2) {
    display: unset;
}

body.evo.mini_main_nav #user-menu ol>li.mm-opened>ul, body.evo.mini_main_nav #user-menu ol>li.mm-opened>div, body.evo.mini_main_nav #user-menu ol>.fixed-bottom>li.mm-opened>div {
    transform: translateX(180px);
}

body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper #contentWrap {
    margin-left: 270px !important;
}

body.evo.fullscreen:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper #contentWrap{
    margin-left: 80px !important;
}

body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper footer {
    margin-left:280px !important;
}

body.evo .site_name {
    display: none;
}

body.evo .sectionTitle {
    margin-left: 210px;
}

.evo.keep_tablet_nav .navTrigger+.site_name+div.sectionTitle, .evo.keep_tablet_nav .linkHome+.site_name+div.sectionTitle, .evo.keep_tablet_nav header .mobileBar+.site_name+.sectionTitle {
    margin-left: 190px;
}

.evo.keep_tablet_nav .navTrigger+.site_name+div.sectionTitle, .evo.keep_tablet_nav .linkHome+.site_name+div.sectionTitle, .evo.keep_tablet_nav header .mobileBar+.site_name+.sectionTitle {
    margin-left: 190px;
}

body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper header .sectionTitle {
    margin-left: 90px !important;
}

body.evo nav#user-menu a.user_logo {
    display: none;
}

body.evo .quickLinks, body.evo .quickLinks .dropDownHolder, body.evo .quickLinks .dropDownHolder>a, body.evo .quickLinks>a {
    line-height: 50px;
}

body.evo .jobsHolder a .newAlert, body.evo .messagesHolder a .newAlert, body.evo .notificationsHolder a .newAlert {
    margin-top: 8px;
}

body.evo .notificationsPopUpHolder span {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo .dropDownHolder>a:hover, body.evo .quickLinks>a:hover, body.evo .quickLinks .dropDownHolder>a:focus, body.evo .quickLinks>a:focus {
    background: var(--button-hover-bg);
}

body.evo .section_nav_holder {
    position: absolute;
    left: 0;
    transform: translateX(-105px);
}

body.evo #mainContent {
    display: flex;
}

body.evo #centreColumn {
    flex: 1;
}

body.evo #centreColumn .hasRightColumn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    max-width: -moz-available;
    max-width: -webkit-fill-available;
}

body.evo #centreColumn .resizable_columns {
    flex-wrap: nowrap;
}

body.evo .hasRightColumn #centreColumn {
    width: auto;
    max-width: -moz-available;
    max-width: -webkit-fill-available;
}

body.evo #contentWrap:not(.hasRightColumn) #centreColumn {
    overflow: visible;
    max-width: -moz-available;
    max-width: -webkit-fill-available;
}

body.evo div#fixedSectionHeader {
    position: sticky !important;
    left: 0 !important;
    top: 60px;
    right: 0;
    width: 100% !important;
    flex-grow: 1;
    max-width: -moz-available;
    max-width: -webkit-fill-available;
    padding: 0px !important;
    margin-bottom: 0px;
}

body.evo:not(.mobile-app).section_nav_page #fixedSectionHeader {
    padding: 0px !important;
}

body.evo #centreColumn:not(#fixedMarginTop) .lesson-body-content,
body.evo.student_scorm[class*="_student_lesson"] #centreColumn:not(#fixedMarginTop) .lesson-body-content {
    margin-top: 0px;
}

body.evo.student_scorm[class*="_student_lesson"] .section_header_wrap {
    padding-bottom: 5px;
}

body.evo iframe#scorm_iframe {
    width: 99.7%;
}

i.widget-icon {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-size: 14px;
    padding-top: 2px;
    color: var(--active-color);
}

body.evo i.widget-icon:before, body.evo i.widget-icon:after{
    color: var(--active-color);
}

body.evo .rightColumn ul {
    padding: 3px 5px !important;
    margin: 0 !important;
}

body.evo i.widget-icon.Notifications:before {
    content: '\f0f3';
}

body.evo i.widget-icon.Today:before {
    content: "\f783";
}

body.evo i.widget-icon.Upcoming:before {
    content: "\f783";
}

body.evo nav.section_nav_holder {
    background: var(--section-nav-bg);
    box-shadow: none;
    border: none;
    top: 74px;
    z-index: 9;
    left: 154px !important;
    padding: 10px 0;
    border-bottom-right-radius: 18px;
    border-top-right-radius: 18px;
    transition: transform .3s ease !important;
    position: fixed;
}

body.evo:not(.section_nav_open):not(:has(> nav#user-menu.subnav-open)) nav.section_nav_holder {
    left: 75px !important;
}

body.evo.section_nav_open:not(:has(> nav#user-menu.subnav-open)) nav.section_nav_holder {
    left: 190px !important;
}

body.evo:has(nav.section_nav_holder):not(:has(> nav#user-menu.subnav-open)) div.sectionTitle {
    margin-left: 210px !important;
}

body.evo.section_nav_open:not(:has(> nav#user-menu.subnav-open)) footer {
    margin-left: 410px !important;
}

body.evo nav.section_nav_holder:has(.section_nav) {
    top: 74px;
}

body.evo .rightColumn ul li, body.evo #centreColumn .rightColumn ul li.level {
    padding-left: 0;
}

body.evo .rightColumn h2.small-month-name {
    padding: 7px;
    margin-bottom: 0;
    padding-bottom: 0;
}

body.evo .rightColumn #previous_small_calendar_link {
    left: 4px;
}

body.evo .rightColumn #next_small_calendar_link {
    right: 4px;
}

body.evo .rightColumn #small_calendar_container {
    padding: 0 5px 10px;
}

body.evo i.widget-icon {
    display: none;
}
body.evo:not(.nav-open) nav#user-menu ol>.fixed-bottom > li.more >a.selected {
    background-color: var(--content-bg-color) !important;
    color: var(--main-text-color) !important;
    border: solid 1px var(--border-color-light) !important;
    line-height: 16px;
}


body.evo .rightColumn i.widget-icon {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 7px;
    padding-top:0;
}

body.evo .rightColumn .widgets i.ellipsis_vertical:after{
    line-height:normal;
}

body.evo .rightColumn i.widget-icon+h2 {
    padding-left: 34px;
    display: inline-block !important;
    flex: none;
    position: relative;
    top: 0;
    width: calc(100% - 59px);
    margin-bottom: 12px;
}

body.evo .rightColumn .block:not(.evo-calendar-widget) i.widget-icon+h2{
    width: calc(100% - 89px);
}

@media only screen and (min-width: 1025px) {
    body.evo.section_nav_open nav.section_nav_holder {
        transform: translateX(0px);
        box-shadow: var(--tile-shadow);
    }
    body.evo.section_nav_page.section_nav_open #centreColumn {
        margin-left: 220px;
        position: relative;
    }

    body.evo.section_nav_open #user-menu .sub-menu>ol>li>a>span, body.evo.section_nav_open #user-menu .sub-menu>ol>.scroll-wrapper>li>a>span, body.evo.section_nav_open #user-menu .sub-menu>ol>.fixed-bottom li>a>span {
        font-size: 0;
    }

    body.evo.section_nav_open #user-menu .sub-menu>ol>li>a, body.evo.section_nav_open #user-menu .sub-menu>ol>.scroll-wrapper>li>a, body.evo.section_nav_open #user-menu .sub-menu>ol>.fixed-bottom>li>a {
        margin: 0 auto !important;
        width: 65px !important;
        padding: 11px 19px !important;
        text-align: center;
        margin-right:0px !important;
    }

    body.evo:not(.nav-open) nav#user-menu ol>li.mm-opened>a, body.evo:not(.nav-open) nav#user-menu ol>li:hover>a,
    body.evo:not(.nav-open) nav#user-menu ol>.fixed-bottom>li.mm-opened>a,
    body.evo:not(.nav-open) nav#user-menu ol>.fixed-bottom>li:hover>a,
    body.evo:not(.nav-open) nav#user-menu ol>.fixed-bottom>li>a.selected,
    body.evo:not(.nav-open) nav#user-menu ol>.scroll-wrapper>li:hover>a,
    body.evo:not(.nav-open) nav#user-menu ol>.scroll-wrapper>li>a.selected, body.evo:not(.nav-open) nav#user-menu ol>li>a.selected,
    body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li.mm-opened>a {
        background: var(--bg-color) !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: calc(100% + 11px) !important;
        text-align: left;
        z-index: 1;
    }

    body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li:hover>a{
        width:auto !important;
    }

    body.evo.section_nav_open nav#user-menu.subnav-open .sub-menu ol>.scroll-wrapper>li:hover>a,
    body.evo.section_nav_open nav#user-menu.subnav-open .sub-menu ol>.scroll-wrapper>li>a.selected{
        width: 65px !important;
        margin-right:0px !important;
        border-right:0px;
    }


    body.evo.section_nav_open #user-menu ol>li>a>span>i {
        margin-left: 0;
    }

    body.evo.section_nav_open #user-menu ol>li.mm-opened>ul, body.evo.section_nav_open #user-menu ol>li.mm-opened>div, body.evo.section_nav_open #user-menu ol>.fixed-bottom>li.mm-opened>div {
        transform: translateX(64px);
    }

    body.evo.section_nav_open:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper #contentWrap {
        margin-left: 154px !important;
    }

    body.evo.section_nav_open:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper #contentWrap, body.evo.section_nav_open:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper footer {
        margin-left: 154px !important;
    }
    body.evo.section_nav_open:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper footer {
        margin-left: 375px !important;
    }
}

body.evo .section_nav_holder {
    width: 220px;
}

body.evo.site_full_width.section_nav_page .section_nav_holder {
    opacity: 1;
}

body.evo .section_nav.has_accordion li.open .expand_contract i:after {
    top: -20px
}

body.evo .section_nav_holder .section_nav ul.module_sections {
    padding-left: 11.5px !important;
}

body.evo .section_nav_holder .section_nav .scrollable>ul>li {
    margin-top: 5px;
}





/* Widget Edit */

body.evo.right_widget_edit .rightColumn .items .widget .block {
    width: 247px !important;
    margin: 0;
}

body.evo .rightColumn .rightColumn_handle i {
    font-size: 16px;
}

body.evo[class*="_widget_edit"] #wrapper{
    z-index: 10;
    background:var(--color-overlay-bg);
}

body.evo.centre_widget_edit .widgets .widget{
    margin-right: 0px !important;
}

body.evo.centre_widget_edit .catalog_negative_margin_wrap .scrollable{
    padding-right: 15px;
}

body.evo.centre_widget_edit .centre_widgets .block .headingLinkWrap .quick_edit_icon {
    right: 5px;
    left: auto;
}

body.evo.centre_widget_edit i.widget-icon+h2 {
    display: inline-block !important;
    flex: none;
    position: relative;
    top: 0;
    width: auto;
    margin-bottom: 0px;
}

body.evo.centre_widget_edit .rightColumn .dashboard_widgets .headingLinkWrap h2,
body.evo #centreColumn .dashboard_widgets .headingLinkWrap h2{
    padding-top: 0px;
}

body.evo.centre_widget_edit .dashboard_widgets .headingLinkWrap i {
    padding-top: 0px;
    display: inline-block;
    margin-right: 5px;
    padding-top: 0px;
}

body.evo .block[class*='_width_widget'] .headingLinkWrap + h2{
    padding-top:8px;
}

body.evo #mainContent .dashboard_widgets .tile_widgets > h2 {
    padding-bottom: 8px;
}

body.evo.centre_widget_edit .centre_widgets .dashboard_widgets .headingLinkWrap .quick_edit_icon i {
    text-align: center;
    margin-right: 0;
}

body.evo.centre_widget_edit .centre_widgets {
    border-radius: 15px 15px 0px 0px;
    top: 60px;
    left: 215px;
    right: 0;
    max-width: calc(100% - 545px);
}

body.evo.centre_widget_edit .centre_widgets .widget_buttons {
    border-radius: 15px 15px 0px 0px;
}

body.evo[class*="_admin_dashboard"].centre_widget_edit .centre_widgets {
    max-width: calc(100% - 540px);
    max-height: calc(100% - 140px);
}

body.evo.centre_widget_edit:has(nav#user-menu.subnav-open) .centre_widgets {
    left: 290px;
    max-width: calc(100% - 610px);
}

body.evo.centre_widget_edit .tile_width_widget:not(.expanded_widget) .catalog_boxes {
    padding: 0px 15px;
}

body.evo.widget_edit .catalog_boxes a.user_progress {
    border: 0px;
}

body.evo.centre_widget_edit .centre_widgets .dashboard_widgets .widget[class*='full_width_widget'] {
    background: transparent !important;
    box-shadow: none !important;
}

body.evo.centre_widget_edit .widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid .widget>.block:not(.full_width_widget) .headingLinkWrap {
    padding: 0px 15px;
}

body.evo.centre_widget_edit .catalog_boxes.dashboard_widgets .widget:has(.goals_widget) .headingLinkWrap {
    padding: 0px 15px;
}

body.evo.centre_widget_edit .catalog_boxes.dashboard_widgets .widget:has(.goals_widget) .full_width_slider .swiper-slide h2.class_name {
    padding: 0px !important;
    line-height: 14px !important;
    font-size: var(--font-size-medium) !important;
    font-family: var(--font-primary);
    font-weight: var(--font-weight-medium) !important;
}

body.evo.centre_widget_edit .centre_widgets .full_width_widget .block .headingLinkWrap h2 {
    margin-left: 10px;
}

body.evo .catalog_boxes .label, body.evo .app_boxes .footer a, body.evo .catalog_courses .teacher span, body.evo .catalog_boxes .lightText, body.evo .catalog_boxes .lightText *, body.evo .catalog_boxes .header .description, body.evo .modern_module_row .label.box {
    color: var(--main-text-color);
}

body.evo.widget_edit .rightColumn.available_right_widgets.available_widgets+.rightColumn.right_widgets{
    margin-top: 0px;
    border-radius: 15px;
}

body.evo.widget_edit .rightColumn.centre_widget_holder h2 {
    padding-bottom: 13px;
}

body.evo.widget_edit .rightColumn .dashboard_widgets > .tile_width_widget {
    width: 255px !important;
}

body.evo.widget_edit #centreColumn{
    padding: 0px 20px;
}

body.evo.widget_edit .available_widgets {
    border-radius: 15px;
    top: 60px
}

body.evo.widget_edit .available_widgets > h2{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

body.evo .rightColumn ul li.centreIcon, #centreColumn .rightColumn ul li.centreIcon{
    text-align:center;
}

body.evo .block .user_todo_widget ul li.centreIcon a.toggleList i{
    margin-top: 10px;
}

body.evo.widget_edit .available_widgets .scrollable{
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

body.evo.widget_edit .widgets .scrollable {
    border-radius: 0 0 15px 15px;
    max-height: calc(100dvh - 120px) !important;
}

body.evo.right_widget_edit .alignR.widget_buttons {
    padding: 5px;
    padding-bottom: 7px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    row-gap: 6px;
    border-radius: 15px 15px 0 0;
}

body.evo.centre_widget_edit #centreColumn .dashboard_widgets .headingLinkWrap h2{
    color: var(--main-text-color);
    line-height: 15px;
    font-size: 15px !important;
    padding: 0px !important;
}

body.evo.centre_widget_edit .tile_width_widget.awards_widget i.widget-icon::after{
    display: none;
}

body.evo.centre_widget_edit .rightColumn .headingLinkWrap i.widget-icon{
    position: relative;
    top: 0;
}

body.evo.centre_widget_edit .dashboard_widgets .tile_width_widget{
    width: calc((100% / 3) - 10px) !important;
}

body.evo .tile_width_widget.report_widget i.widget-icon::after{
    display:none;
}

body.evo .rightColumn .headingLinkWrap > a {
    margin-top: 0px;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-small);
    margin-left: auto;
}


body.evo .section_nav_holder .section_nav .scrollable>ul {
    padding-top: 8px;
}

body.evo #user-menu .sub-menu .scroll-wrapper {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width:100%;
    overscroll-behavior: contain;
}

body.evo #user-menu .sub-menu .scroll-wrapper:has(+ div.fixed-bottom) {
    height: calc(100% - 50px)!important;
}

body.evo .catalog_boxes .label_box_wrap {
    margin: 0;
}

body.evo .section_nav_holder .module_sections>li {
    margin-top: -2px;
}

body.evo .section_nav_holder .section_nav a:not(.locked):hover span, body.evo .section_nav_holder .section_nav a.selected:not(.locked) span {
    color: var(--light-grey-text-color);
}

.section_nav ul li a span i.flagCheckered {
    padding: 0px;
    border-radius: 50px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 11px;
    margin-right:8px;
}

.section_nav ul li a span i.flagCheckered {
    border:1px solid var(--active-color);
}

.section_nav ul li a span i.flagCheckered:after{
    color: var(--main-text-color);
}

.section_nav ul li a.locked span i.flagCheckered {
    background: var(--button-border-color);
}

.section_nav ul li a.locked span i.flagCheckered:after{
    color: var(--light-grey-text-color);
}


body.evo .section_nav_holder .section_nav ul a.selected {
    background: transparent;
    color: var(--main-text-color);
}

body.evo .section_nav_holder .section_nav ul a.selected span {
    color: var(--main-text-color) !important;
}

body.evo .section_nav_holder .section_nav ul a {
    padding: 6px 0px;
    background: transparent;
}

body.evo .section_nav_holder .section_nav ul a > span {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
}

body.evo .section_nav_holder .section_nav ul ul a.module_link:hover > span {
    letter-spacing: -.18px;
}

body.evo .section_nav_holder .section_nav ul a:not(.module_link):hover > span{
    letter-spacing: -.07px;
}

.section_nav .module_sections a:not(.locked):hover i:after {
    color: var(--active-color);
}

body.evo .section_nav_holder .section_nav a:not(.locked):hover span, body.evo .section_nav_holder .section_nav a.selected:not(.locked) span {
    color: var(--active-color);
    font-weight: var(--font-weight-semibold);
}

body.evo .section_nav_holder .section_nav .module_sections a:not(.locked):hover span, body.evo .section_nav_holder .section_nav .module_sections a.selected:not(.locked) span {
    color: var(--main-text-color);
    font-weight: var(--font-weight-semibold);
}

body.evo .section_nav .module_sections a span {
    font-weight: var(--font-weight-medium);
}

body.evo .section_nav a.module_link {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-small);
}

body.evo .section_nav_holder .section_nav ul a span>b {
    display: inline-block;
    background: var(--button-border-color);
    border-radius: 50px;
    width: 25px;
    height: 25px;
    text-align: center;
    color: var(--light-grey-text-color);
    vertical-align: middle;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-smaller);
    line-height: 25px;
}

body.evo .section_nav_holder .section_nav a > span:first-child .evo-module-title {
    width: 140px;
    display: inline-block;
    vertical-align: middle;
}

body.evo .section_nav_holder .section_nav ul li>div>a>span:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-left: -5px;
    margin-bottom: -2px;
    max-width: calc(100% - 20px);
}

body.evo .section_nav_holder .module_sections {
    margin-top: -11px;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu ol .fixed-bottom li.more.vis.active>a span {
    color: var(--main-text-color) !important;
}



body.evo .section_nav_holder .section_nav .scrollable>ul ul a {
    padding: 8px 5px;
    border-left: solid 2px var(--section-nav-gray);
    border-radius: 0;
}

body.evo .modern_module_list>table .highlightLesson .section tr td a {
    color: var(--main-text-color);
    text-decoration: none !important;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-medium);
    margin-left: 10px;
}

body.evo #centreColumn .modern_module_row .drag_wrap i.dotHandle:after {
    left: 0;
}

body.evo td.modern_module_wrap .optionsRibbon ul {
    width: 66px;
}

body.evo .section_nav_holder .section_nav ul a.selected b {
    background: var(--active-color);
    color: white;
}

body.evo .section_nav_holder .section_nav .scrollable {
    padding: 15px 10px;
    overflow-x:hidden;
    margin-bottom: 0 !important;
    overscroll-behavior: contain;
}

body.evo .section_nav_holder .section_nav.has_accordion .expand_contract_all {
    padding: 0;
    line-height: 25px;
}

body.evo .section_nav_holder .section_nav.has_accordion .expand_contract_all i {
    margin-right: 9px;
}

body.evo .section_nav_holder .module_sections>li:first-child {
    margin-top: -6px;
}

body.evo nav#user-menu .dropDownHeading {
    display: none;
}

body.evo .section_nav .module_sections a.selected i:after, body.evo .section_nav .module_sections a:not(.locked):hover i:after {
    left: -20px;
}

body.evo .section_nav_holder .section_nav .scrollable ul {
    width: 100%;
}

body.evo .section_nav_holder .section_nav .scrollable>ul ul a.selected {
    border-left-color: var(--active-color);
}

body.evo .section_nav_holder .section_nav .scrollable>ul ul a[title~="Completed"] {
    border-left-color: var(--active-color);
}

body.evo .section_nav_holder .section_nav ul li.open:has(a.selected) a span>b {
    background: var(--active-color);
    color: #fff;
}

body.evo .section_nav_holder .section_nav .lesson-circle-completed {
    border: 1px solid var(--active-color);
    background: transparent;
    color: #000;
}

[data-theme="dark"] body.evo .section_nav_holder .section_nav .lesson-circle-completed {
    color: #fff;
}

body.evo .section_nav .module_sections a i:after {
    left: 0;
}

body.evo .section_nav .module_sections a i.tick:after {
    color: var(--active-color);
}

body.evo .search-container .suggestions {
    position: relative;
    height: 100px;
    background: var(--content-bg-color);
    width: 100%;
    display: block;
    margin-bottom: 10px;
    border-radius: var(--main-border-r);
    padding: 0px 7px;
}

body.evo .search-container .global_search_heading {
    position: relative;
    top: 0;
    background: var(--content-bg-color);
    z-index: 1;
    overflow: hidden;
    padding-bottom: 0;
}

body.evo .search-bar .search:after {
    top: -860px;
}

body.evo .search-bar input {
    display: inline-block;
    background: transparent !important;
    border: none !important;
}

body.evo .search-bar {
    background: var(--bg-color);
    padding: 0 6px 0px 15px;
    border-radius: 60px;
    line-height: 37px;
    margin-top: 5px;
}

body.evo .search-drop {
    display: inline-block;
}

body.evo .search-drop {
    height: 40px;
    width: 40px;
    background: var(--content-bg-color);
    text-align: center;
    border-radius: 60px;
    padding: 0px;
    box-sizing: border-box;
    position: relative;
    top: 4px;
    right: 0;
    cursor: pointer;
}

body.evo .search-drop>i {
    margin-top: -10px;
    margin-left: 0px;
}

.tile_widgets>.block {
    width: calc(100% / 2 - 11px) !important;
    margin: 6px 4px;
    display: inline-block;
    display: flex;
    flex-direction: column;
    background: var(--bg-color);
    vertical-align: top;
    border-radius: var(--main-border-r);
}

body.evo .catalog_boxes .tile_widgets {
    width: calc(100% + 10px) !important;
    position: relative;
    background: transparent !important;
    box-shadow: none !important;
    margin-left: -5px;
}

body.evo .catalog_boxes .tile_widgets:hover {
    box-shadow: none !important;
}

body.evo .widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid .block:not(.full_width_widget), .catalog_boxes.catalog_student.lesson_boxes>div, body.evo .catalog_boxes.catalog_categories.user_catalog_tiles.has_quick_editor>div, .catalog_boxes.catalog_student.lesson_boxes>a {
    margin: 0 !important;
}

@media screen and (min-width: 560px) {
    .dashboard_widgets .tile_width_widget,
    .catalog_boxes.catalog_student.lesson_boxes>a {
        width: calc((100% / 2) - 8px) !important;
    }

    body.evo .catalog_categories > a, .catalog_categories > div, .catalog_boxes > div{
        margin-bottom:15px;
    }
}

body.evo .catalog_boxes.catalog_courses.has_quick_editor > * {
    overflow: visible;
}

@media screen and (min-width: 560px) and (max-width: 1025px) {
    body.evo nav#user-menu .sub-menu .mm-opened .sessionsPopout table.mobileOptimized thead tr th:nth-child(2) {
        width: 70%;
    }

    body.evo nav#user-menu .sub-menu .mm-opened .sessionsPopout table.mobileOptimized tbody.scroll {
        width: 100% !important;
    }
}

@media screen and (min-width: 980px){
    body.evo .dashboard_widgets .tile_width_widget,
    body.evo .catalog_boxes.catalog_student.lesson_boxes>a,
    body.evo .catalog_boxes.lesson_boxes > *:not(.ui-sortable-helper)
    {
        width: calc((100% / 2) - 15px) !important;
    }
}


@media screen and (min-width: 1281px) and (max-width:1620px){
    body.evo .dashboard_widgets .tile_width_widget,
    body.evo .catalog_boxes.catalog_student.lesson_boxes>a,
    body.evo .catalog_boxes.lesson_boxes > *:not(.ui-sortable-helper)
    {
        width: calc(100% / 3 - 14px) !important;
    }
}

@media screen and (min-width: 1620px) {
    body:not(.centre_widget_edit) .dashboard_widgets .tile_width_widget,
    body.evo .catalog_boxes.catalog_student.lesson_boxes>a,
    body.evo .catalog_courses.catalog_groups > div,
    body.evo .resources_boxes > a,
    body.evo .catalog_boxes.lesson_boxes > *:not(.ui-sortable-helper),
    body.evo .catalog_boxes.user_catalog_tiles > div:not(.ui-sortable-helper)
    {
        width: calc(100% / 4 - 15px)!important;
    }
}


body.evo .catalog_boxes.catalog_student.lesson_boxes {
    column-gap: 30px;
    row-gap: 24px;
    margin: 0 !important;
}

@media screen and (max-width: 979px) {
    body.evo .catalog_boxes.catalog_student.lesson_boxes {
        column-gap: 16px;
    }
}

body.evo .catalog_boxes.catalog_categories.user_catalog_tiles.has_quick_editor {
    column-gap: 26px;
    row-gap: 20px;
    margin: 0 !important;
}

@media screen and (min-width: 740px) {
    body.evo .catalog_boxes.catalog_categories.user_catalog_tiles.has_quick_editor {
        column-gap: 22px;
        row-gap: 20px;
    }
}

@media screen and (min-width: 980px) {
    body.evo .catalog_boxes.catalog_student.lesson_boxes,
    body.evo .catalog_boxes.catalog_categories.user_catalog_tiles.has_quick_editor {
        column-gap: 30px;
        row-gap: 24px;
    }
}

@media screen and (min-width: 1190px) {
    body.evo .catalog_boxes.catalog_student.lesson_boxes,
    body.evo .catalog_boxes.catalog_categories.user_catalog_tiles.has_quick_editor {
        column-gap: 21px;
        row-gap: 21px;
    }
}

@media screen and (min-width: 1440px) {
    body.evo .catalog_boxes.catalog_student.lesson_boxes,
    body.evo .catalog_boxes.catalog_categories.user_catalog_tiles.has_quick_editor {
        column-gap: 20px;
        row-gap: 20px;
    }
}

/* Catalog and tile view settings */

body.evo .catalog_courses.catalog_groups,
body.evo .hasRightColumn .catalog_boxes.user_catalog_tiles,
body.evo .catalog_boxes.catalog_categories,
body.evo .catalog_boxes.catalog_categories.people_boxes,
body.evo .catalog_boxes.catalog_categories.resources_boxes,
body.evo .widgets.admin-dashboard-widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid  {
    column-gap: 30px;
    row-gap: 24px;
    margin: 0 !important;
}

body.evo .catalog_courses.catalog_groups > div,
body.evo .hasRightColumn .catalog_boxes.user_catalog_tiles > div,
body.evo .catalog_boxes.catalog_categories > div,
body.evo .catalog_boxes.catalog_categories.people_boxes > div,
body.evo .catalog_boxes.catalog_categories.resources_boxes > a,
body.evo .widgets.admin-dashboard-widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid  > div:not(.full_width_widget) {
    margin: 0 !important;
}

@media screen and (min-width: 480px) {
    body.evo .catalog_courses.catalog_groups > div,
    body.evo .hasRightColumn .catalog_boxes.user_catalog_tiles > div,
    body.evo .catalog_boxes.catalog_categories > div ,
    body.evo .catalog_boxes.catalog_categories.people_boxes > div,
    body.evo .catalog_boxes.catalog_categories.resources_boxes > a,
    body.evo .widgets.admin-dashboard-widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid  > div:not(.full_width_widget) {
        width: calc((100% / 2) - 15px) !important;
    }
}

@media screen and (min-width: 740px) {
    body.evo .catalog_courses.catalog_groups > div,
    body.evo .hasRightColumn .catalog_boxes.user_catalog_tiles > div,
    body.evo .catalog_boxes.catalog_categories > div ,
    body.evo .catalog_boxes.catalog_categories.people_boxes > div,
    body.evo .catalog_boxes.catalog_categories.resources_boxes > a,
    body.evo .widgets.admin-dashboard-widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid  > div:not(.full_width_widget) {
        width: calc(33.3% - 15px) !important;
    }

    body.evo .catalog_courses.catalog_groups,
    body.evo .hasRightColumn .catalog_boxes.user_catalog_tiles,
    body.evo .catalog_boxes.catalog_categories,
    body.evo .catalog_boxes.catalog_categories.people_boxes,
    body.evo .catalog_boxes.catalog_categories.resources_boxes,
    body.evo .widgets.admin-dashboard-widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid  {
        column-gap: 22px;
        row-gap: 20px;
    }
}

@media screen and (min-width: 980px) {
    body.evo .catalog_courses.catalog_groups > div,
    body.evo .hasRightColumn .catalog_boxes.user_catalog_tiles > div,
    body.evo .catalog_boxes.catalog_categories > div ,
    body.evo .catalog_boxes.catalog_categories.people_boxes > div,
    body.evo .catalog_boxes.catalog_categories.resources_boxes > a,
    body.evo .widgets.admin-dashboard-widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid  > div:not(.full_width_widget) {
        width: calc((100% / 2) - 15px) !important;
    }

    body.evo .catalog_courses.catalog_groups,
    body.evo .hasRightColumn .catalog_boxes.user_catalog_tiles,
    body.evo .catalog_boxes.catalog_categories,
    body.evo .catalog_boxes.catalog_categories.people_boxes,
    body.evo .catalog_boxes.catalog_categories.resources_boxes,
    body.evo .widgets.admin-dashboard-widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid  {
        column-gap: 30px;
        row-gap: 24px;
    }
}

@media screen and (min-width: 1190px) {
    body.evo .catalog_courses.catalog_groups > div,
    body.evo .hasRightColumn .catalog_boxes.user_catalog_tiles > div,
    body.evo .catalog_boxes.catalog_categories > div ,
    body.evo .catalog_boxes.catalog_categories.people_boxes > div,
    body.evo .catalog_boxes.catalog_categories.resources_boxes > a,
    body.evo .widgets.admin-dashboard-widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid  > div:not(.full_width_widget) {
        width: calc(33.3% - 15px) !important;
    }

    body.evo .hasRightColumn .catalog_boxes.user_catalog_tiles,
    body.evo .catalog_boxes.catalog_categories,
    body.evo .catalog_boxes.catalog_categories.people_boxes,
    body.evo .catalog_boxes.catalog_categories.resources_boxes,
    body.evo .widgets.admin-dashboard-widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid {
        column-gap: 21px;
        row-gap: 21px;
    }

    body.evo .catalog_courses.catalog_groups {
        column-gap: 20px;
        row-gap: 20px;
    }
}

@media screen and (min-width: 1440px) {
    body.evo .catalog_courses.catalog_groups > div,
    body.evo .hasRightColumn .catalog_boxes.user_catalog_tiles > div,
    body.evo .catalog_boxes.catalog_categories > div ,
    body.evo .catalog_boxes.catalog_categories.people_boxes > div,
    body.evo .catalog_boxes.catalog_categories.resources_boxes > a,
    body.evo .widgets.admin-dashboard-widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid  > div:not(.full_width_widget) {
        width: calc((100% / 4) - 15px) !important;
    }

    body.evo .hasRightColumn .catalog_boxes.user_catalog_tiles,
    body.evo .catalog_boxes.catalog_categories,
    body.evo .catalog_boxes.catalog_categories.people_boxes,
    body.evo .catalog_boxes.catalog_categories.resources_boxes,
    body.evo .widgets.admin-dashboard-widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid  {
        column-gap: 20px;
        row-gap: 20px;
    }
}

body.evo #centreColumn .catalog_boxes.catalog_categories.resources_boxes.clearfix:before {
    display: none;
}

body.evo nav#user-menu .sub-menu .mm-opened .dropDown{
    position: fixed;
    transform: translateX(180px);
    border-radius: 15px;
    top:unset;
}

body.evo nav#user-menu .sub-menu .mm-opened li.more.vis:has(div.sessionsPopout) {
    position: relative;
}

body.evo nav#user-menu .sub-menu .mm-opened .dropDown:has(div.sessionsPopout) {
    transform: translateX(190px);
    position: fixed;
}

body.evo nav#user-menu .sub-menu .mm-opened .dropDown .sessionsPopout .optionsRibbon li {
    padding: 0 5px 5px 0;
}

body.evo nav#user-menu .sub-menu .mm-opened .dropDown .sessionsPopout .optionsRibbon li > a {
    margin: 0;
    height: auto !important;
    padding: 5px 11px 5px 7px !important;
}

body.evo nav#user-menu .sub-menu .mm-opened .dropDown table{
    padding:0px;
}

body.evo nav#user-menu .sub-menu .mm-opened .dropDown table tbody.scroll {
    overflow-y: auto;
    max-height: 60vh;
}

body.evo nav#user-menu .sub-menu .mm-opened .dropDown .sessionsPopout table tbody.scroll {
    max-height: 30dvh;
}

body.evo nav#user-menu .sub-menu .mm-opened .dropDown .optionsRibbon > ul li {
    padding: 5px;
}


body.evo nav#user-menu .sub-menu .mm-opened .dropDown .cta a i.add{
    margin-right:5px;
}

body.evo nav#user-menu .sub-menu .mm-opened .dropDown .cta{
    border-radius: 0px 0px 15px 15px;
    padding:3px;
}

body.evo:not(.nav-open) nav#user-menu ol>li.mm-opened>a *, body.evo:not(.nav-open) nav#user-menu ol>li:hover>a * {
    color: var(--main-text-color) !important;
}

body.evo:not(.nav-open) nav#user-menu ol li.mm-opened>a i:after {
    color: var(--active-color) !important;
}

body.evo .search-container>.content {
    width: 100%;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-height: 300px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    box-shadow: 0px 20px 15px 2px rgb(11 0 60 / 5%);
    display: none;
}


body.evo .sliding_banner .swiper-pagination {
    bottom: 3px !important;
}

body.evo .sliding_banner .swiper-pagination>span {
    background: var(--nav-button-hover);
    box-shadow: none;
}

body.evo .full_width_widget.banner_widget .sliding_banner_half {
    padding: 10px;
}

body.evo .full_width_widget.banner_widget .sliding_banner_half img {
    border-radius: 20px;
}

body.evo .sliding_banner_item{
    border-radius:25px;
}

body.evo .search-container.active>.content {
    display: block;
}

.search-container.active .arrowDown:after {
    content: '\f077';
}

body.evo .special-table.grade_book .table-columns {
    margin-top: -5px;
}

body.evo .search-container {
    position: relative;
    box-sizing: border-box;
}

body.evo .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    height: 34px;
}

body.evo input.hasDatepicker {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'%3E%3Cpath d='M11.5,3H1.5A1.51,1.51,0,0,0,0,4.54v11A1.5,1.5,0,0,0,1.5,17h10A1.5,1.5,0,0,0,13,15.5v-11A1.5,1.5,0,0,0,11.5,3ZM3,16H1V14H3Zm0-3H1V11H3Zm0-3H1V8H3ZM3,7H1V5H3Zm3,9H4V14H6Zm0-3H4V11H6Zm0-3H4V8H6ZM6,7H4V5H6Zm3,9H7V14H9Zm0-3H7V11H9Zm0-3H7V8H9ZM9,7H7V5H9Zm3,9H10V14h2Zm0-3H10V11h2Zm0-3H10V8h2Zm0-3H10V5h2Z' fill='%235e5f5f' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: 21px !important;
}

body.evo table.tableFixed {
    table-layout: inherit;
}

body.evo .search-content {
    position: relative;
    overflow: auto;
    max-height: 400px;
    min-height: 300px;
    border-radius: var(--main-border-r);
    background: var(--bg-color);
}

body.evo .search-content .custom-loader {
    top: 40%;
}

body.evo .search-container .global_search_heading * {
    font-size: var(--font-size-medium) !important;
    padding-top: 0px;
    line-height: 38px;
}

.search-container .content {
    padding: 8px;
}

body.evo #search-no-result {
    display: none;
    position: absolute;
    top: 40%;
    left: 20%;
    z-index: 1;
}

body.evo .quicklinks .search-container .search-content .global_search_results.block {
    background: var(--content-bg-color);
    padding: 0 8px;
    margin-bottom: 0px;
}

body.evo .quicklinks .search-container .search-content .global_search_results.block {
    background:transparent;
}

body.evo .search-container .search-content .global_search_results.block .global_search_heading{
    background:transparent;
    padding:0px 10px;
}

body.evo .search-container .search-content .global_search_results.block .global_search_heading h2{
    font-weight:var(--font-weight-bold);
}

body.evo .search-content .result {
    height: 90px;
    width: 75px;
    display: inline-block;
    background: var(--bg-color);
    padding: 14px 5px;
    border-radius: var(--main-border-r);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    margin-top: 4px;
}

body.evo .global_search_results.block:last-child>.result {
    margin-bottom: 10px;
}

body.evo .search-content .search-metadata {
    display: none;
}

body.evo .search-content .search-item {
    font-size: var(--font-size-medium);
}

body.evo .search-content .global_search_results .result .img_holder.avatar {
    width: 40px;
    height: 40px;
}

body.evo .search-content .search-description {
    display: none;
}

body.evo .search-container * {
    box-sizing: border-box;
}

body.evo .search-content .search-item {
    padding: 0 !important;
    margin: 0 !important;
}

body.evo .search-content .search-item a {
    display: block;
    width: 100%;
    padding-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: var(--font-weight-thin);
    font-size: var(--font-size-smaller);
}

body.evo .catalog_boxes.catalog_widget_content>div, body.evo #blockView>div, body.evo .catalog_boxes.catalog_student.catalog_mastery>div {
    box-shadow: none !important;
}

body.evo .search-content .imgCrop {
    width: 40px;
    height: 40px !important;
    padding-bottom: 0;
    margin: 0;
    padding: 0;
    border-radius: 50%;
}

body.evo .search-content .global_search_results .result .img_holder {
    width: 40px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center;
}

body.evo .search-content .global_search_results.block:first-child {
    border-top-right-radius: var(--main-border-r);
    border-top-left-radius: var(--main-border-r);
}

body.evo .search-content .global_search_results.block:last-child {
    border-bottom-right-radius: var(--main-border-r);
    border-bottom-left-radius: var(--main-border-r);
}

body.evo #wrapper header:before {
    content: '';
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

body.evo .section_nav_holder .section_nav .scrollable>ul ul li:first-child a {
    padding-top: 16px;
}

body.evo a.rightMobileBar i:after, body.evo .quickLinks>a>i:after, body.evo .quickLinks>a.header_cart i:after, body.evo .quickLinks>div>a>i:after, body.evo .quickLinks button i:after, body.evo .linkHome i:after {
    filter: brightness(30%);
}

body.evo #centreColumn>form.tableForm:not(#games, #chat_rooms),
body.evo table:not(.catalog_boxes + table),
body.evo #centreColumn>.leftColumn>form.tableForm:not(#lessons):not(#groups):not(#games):not(.messageHeader),
#SearchResultsWrapper:not(#SearchResultsWrapper #SearchResultsWrapper),
body.evo #centreColumn .panel-container
{
    padding: 10px;
    background: var(--bg-color);
    border-radius: var(--main-border-r);
}

body.evo #mainContent .headingLinkWrap + table {
    margin-top: 0px;
}

body.evo #mainContent h2 ~ #SearchResultsWrapper,
body.evo[class*="user"] #mainContent form#classes,
body.evo[class*="user"] #mainContent form#compliance_items{
    margin-top: 10px;
}

body.evo .admin-container-panel table:not(.catalog_boxes + table) {
    padding: 0px;
}

body.evo #mainContent #centreColumn .section-intro {
    padding: 10px;
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    border: 0px;
}

body.evo #mainContent #centreColumn  #SearchResultsWrapper{
    min-height: auto;
    clear: both;
}

body.evo #SearchResultsWrapper:has(table) .optionsRibbon ~ table,
body.evo form:has(table):has(.optionsRibbon) table,
body.evo #SearchResultsWrapper:has(table) .optionsRibbon ~ form table{
    margin-top: 0px;
}


body.evo #centreColumn .section-intro .contentBlock .sideText p:not(.number){
    padding-left: 65px !important;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}


body.evo #centreColumn .section-intro .contentBlock .sideImg img {
    box-shadow: var(--box-shadow-heavy);
    border-radius: var(--main-border-r);
    border: 1px solid var(--border-color-light);
}

body.evo #centreColumn .section-intro .contentBlock .sideText p.number {
    background: var(--content-bg-color);
    color: var(--main-text-color);
    width: 40px;
    font-weight: var(--font-weight-medium);
    font-size: 16px;
    line-height: 40px !important;
    border-radius: 50%;
    margin-top: -20px;
    padding: 0px;
    box-shadow: none;
}

body.evo .inline_heading_tabs_options:has(.optionsRibbon) {
    display: block;
}

body.evo .inline_heading_tabs_options+h2+.optionsRibbon,
body.evo #centreColumn:has(h2 + form) .leftColumn h2{
    position: relative !important;
    display: block !important;
    margin-bottom: 0px;
    float: none;
    margin: 0 !important;
}


body.evo .inline_heading_tabs_options+h2+.optionsRibbon ul {
    position: absolute;
    right: 0;
}

body.evo aside.right-col-visible.desktop_only.calendar {
    width: 249px !important;
    margin: 0 0 0 25px;
}

body.evo .rightColumn.calendar:not(.right-col-visible){
    margin-right: calc(-249px - 35px);
}

body.evo aside.rightColumn.desktop_only.calendar>.block {
    margin-left: 2px !important;
    margin-right: 0 !important;
    width: 100%;
}

body.evo #centreColumn>form.tableForm:not(#games), body.evo #centreColumn>.leftColumn>form.tableForm:not(#lessons):not(#groups):not(#games), body.evo *:not(form):not(#small_calendar_container):not(td)>table, #SearchResultsWrapper:not(#SearchResultsWrapper #SearchResultsWrapper) {
    border: 0px;
}

body.evo .micro-card-container {
    margin-left: -16px;
    background: var(--content-bg-color);
    position: relative;
    display: block;
    width: calc(100% + 32px);
    margin-top: -32px;
    margin-bottom: -70px;
    padding-bottom: 70px;
}

body.evo .voiceover_controls+div .micro-card-container {
    margin-top: -71px !important;
    padding-top: 62px;
}

body.evo .voiceover_controls {
    position: relative;
    z-index: 2;
}

body.evo p.search-navigation>span {
    padding: 4px 6px;
    background: #ffffff;
    border-radius: 20px;
    border: solid 1px var(--border-darker-color);
    margin: 0 0px;
}

body.evo .max_user_content_width.not_centered .materialStyle {
    overflow: visible;
    margin-top: 0px;
}

body.evo .max_user_content_width.not_centered .materialStyle {
    max-width: calc(100dvw - 360px);
}

body.evo.section_nav_open .max_user_content_width.not_centered .materialStyle {
    max-width: calc(100dvw - 470px);
}

body.evo .tox-toolbar__group * {
    font-size: var(--font-size-smaller) !important;
}

body.evo .tox .tox-statusbar__path{
    align-items: center;
}

body.evo #centreColumn form.tableForm>.optionsRibbon.optionsRibbonTable_separate,
body.evo #centreColumn>.leftColumn>form.tableForm:not(#lessons)>.optionsRibbon.optionsRibbonTable_separate{
    margin-left: 10px;
    margin-bottom: -4px !important;
    margin-top: 0 !important;
    padding-bottom: 0;
}

body.evo #centreColumn #SearchResultsWrapper .optionsRibbon{
    margin-left:7px;
}

body.evo table:not(.materialStyle table) tr td {
    background: var(--bg-color) !important;
}


@media screen and (max-width: 1024px) {
    body.evo form#competencies.tableForm table tr td:first-of-type, body.evo form#competencies.tableForm table tr td:nth-of-type(2) {
        display: table-cell;
    }

    body.evo form#competencies.tableForm table tr.highlight {
        background: none;
        border: 2px solid var(--active-color);
        border-radius: 10px;
    }

    body.evo form#competencies.tableForm table tbody > tr {
        margin-bottom: 10px;
        background: var(--bg-color);
        box-shadow: var(--box-shadow);
    }

    body.evo table:not(.materialStyle table) tr.highlight td {
        border-bottom: 0px;
    }

    body.evo form#competencies.tableForm table tr.highlight td:nth-child(1) {
        border-radius: 10px 0px 0px 0px;
    }

    body.evo form#competencies.tableForm table tr.highlight td:nth-child(2) {
        border-radius: 0px 10px 0px 0px;
    }

    body.evo form#competencies.tableForm table tr.highlight td:nth-child(6),
    body.evo form#competencies.tableForm table tr.highlight td:nth-child(5){
        border-radius: 0px 0px 10px 10px;
    }

    body.evo form#competencies.tableForm table tr .competency_name span {
        display: inline-block;
        width: 100%;
        white-space: normal; /* Allows wrapping */
        word-break: break-word; /* Ensures long text wraps */
    }
}

body.evo table:not(.materialStyle table):not(.calendar_small)  tr td.highlight {
    background: var(--selected-row-bg-lighter, #eeffff) !important;
}


body.evo table:not(.materialStyle table) tr.highlight td {
    background: var(--table-selected) !important;
    border-bottom: 1px solid var(--table-border-color);
}

body.evo form#people_picker table tr:first-child th:after {
    background: transparent;
}

body.evo #centreColumn form.tableForm>.optionsRibbon.optionsRibbonTable_separate a,
body.evo #centreColumn>.leftColumn>form.tableForm:not(#lessons)>.optionsRibbon.optionsRibbonTable_separate a,
body.evo[class*="_group_members"] #centreColumn #SearchResultsWrapper .optionsRibbon li a,
body.evo[class*="_group_members"] #centreColumn .optionsRibbon li span a,
body.evo[class*="_organization_paths"] #centreColumn #SearchResultsWrapper .optionsRibbon li a,
body.evo #centreColumn #SearchResultsWrapper .optionsRibbon ul li a.show-filter-field,
body.evo #SearchResultsWrapper .optionsRibbon ul li .quick_search a,
body.evo #SearchResultsWrapper .optionsRibbon ul li a,
body.evo .admin-panel-container .optionsRibbon ul li a
{
    background: var(--th-bg-color);
    color: var(--main-text-color);
    border: 1px solid var(--button-border-color);
    box-shadow:none;
}

body.evo #centreColumn form.tableForm>.optionsRibbon.optionsRibbonTable_separate a:hover,
body.evo #centreColumn>.leftColumn>form.tableForm:not(#lessons)>.optionsRibbon.optionsRibbonTable_separate a:hover,
body.evo[class*="_group_members"] #SearchResultsWrapper #centreColumn .optionsRibbon li a:hover,
body.evo[class*="_group_members"] #centreColumn .optionsRibbon li span a,
body.evo[class*="_organization_paths"] #centreColumn #SearchResultsWrapper .optionsRibbon li a:hover,
body.evo #centreColumn #SearchResultsWrapper .optionsRibbon ul li a.show-filter-field:hover,
body.evo #SearchResultsWrapper .optionsRibbon ul li .quick_search a:hover,
body.evo .admin-panel-container .optionsRibbon ul li a:hover{
    filter: brightness(97%);
}

body.evo[class*="organization_groups"] #centreColumn #SearchResultsWrapper .optionsRibbon + table {
    margin-top: 0px;
}

body.evo[class*="organization_groups"] #centreColumn #SearchResultsWrapper .optionsRibbon ul{
    margin-left: 10px;
}

body.evo[class*="_group_members"] #centreColumn .optionsRibbon ul{
    margin-left:10px;
}

body.evo #centreColumn form.tableForm>.optionsRibbon.optionsRibbonTable_separate a i:after{
    color: var(--main-text-color);
}

body.evo #centreColumn>form.tableForm>.optionsRibbon.optionsRibbonTable_separate a:hover, body.evo #centreColumn>.leftColumn>form.tableForm:not(#lessons)>.optionsRibbon.optionsRibbonTable_separate a:hover {
    filter: brightness(97%);
}

body.evo #ClassListsWidget form.tableForm {
    padding: 10px;
    background: var(--bg-color);
    border-radius: var(--main-border-r);
}

body.evo form.tableForm {
    clear: both;
}

body.evo table:not(.materialStyle table) tr:last-child td {
    border-bottom: none;
}

body.evo li.more.vis a {
    cursor: pointer;
}

body.evo table tr th:first-child, .optionsRibbon.optionsRibbonTable_separate+table tr th:first-child {
    border-radius: 6px 0px 0px 6px;
}

body.evo table tr th:last-child, .optionsRibbon.optionsRibbonTable_separate+table tr th:last-child {
    border-radius: 0px 6px 6px 0px;
}

body.evo ul.tabnav {
    border: none;
}

body.evo table th {
    border: none !important;
    border-bottom:1px solid var(--border-color-bg);
}

body.evo table.calendar {
    padding: 10px 0 0 !important;
}

body.evo .extended-load.with-tabs:not(.temp-page):before {
    top: 85px;
}

body.evo #centreColumn>.block, body.evo #centreColumn>div#account_block>div.block, body.evo .leftColumn>.block, body.evo .leftColumn.block, body.evo .rightColumn .block, .block_style {
    border-color: transparent;
    box-shadow: var(--tile-shadow);
    padding: 8px;
    box-sizing: border-box;
}

body.evo .modern_module_list>table * {
    box-sizing: border-box;
}

body.evo .modern_module_list>table .modern_module_row td {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.evo .modern_module_list>table .modern_module_row td * {
    color: var(--main-text-color) !important;
}

body.evo .modern_module_list>table .modern_module_row td .imgCrop {
    border-radius: var(--main-border-r);
}

body.evo .modern_module_row div.no-print:hover .quick_edit_icon {
    padding: 2px 1px 1px;
}

body.evo .modern_module_row div.no-print {
    width: 200px;
    border-radius: var(--main-border-r);
    margin: 5px;
}

.modern_module_row~tr:last-of-type td {
    border: none;
}

body.evo .modern_module_row a:hover .modern_module_info i:after, body.evo .modern_module_row .accordionLink i:after {
    left: 0px;
}

body.evo .modern_module_list>table .highlightLesson .section tr td:first-child:hover {
    cursor: pointer;
}

body.evo .modern_module_list>table {
    box-shadow: var(--tile-shadow);
    transition: var(--box-shadow-transition);
}

body.evo  .section table tr:not(:last-child):not(:first-child) {
    border-bottom: solid 1px var(--border-color-light);
}

body.evo  .section table {
    border-collapse: collapse;
}

body.evo  .section table tr td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.evo #centreColumn .leftColumn {
    padding: 20px 20px 0px 0px;
    box-sizing: border-box;
    overflow: hidden;
}

body.evo:has(.hasRightColumn) #centreColumn .leftColumn {
    padding-top: 0px;
}

[dir="RTL"] body.evo #centreColumn .leftColumn {
    padding: 0px 0px 0px 20px;
}

[dir="RTL"] body.evo .rightColumn {
    margin: 0;
}

body.evo .widget .quick_edit_box .arrow, body.evo .quick_edit_box.quick_edit_list .arrow {
    left:unset;
    right: 0px;
}

body.evo .tile_widgets .quick_edit_box {
    left: unset;
    right: 0px;
    border-radius: var(--main-border-r);
}

body.evo .tile_widgets .quick_edit_box a{
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo aside.rightColumn.right_widgets {
    padding: 0px;
    box-sizing: border-box;
}

body.evo .full_width_widget .headingLinkWrap .tabnav {
    margin-left: 0px;
    margin-bottom: 0px;
}

body.evo #centreColumn .centre_widgets .full_width_widget .headingLinkWrap h2, body.evo #centreColumn .centre_widgets .tile_widgets .headingLinkWrap h2 {
    padding-left: 0px !important;
}

.block[class*='tile_width_widget'] .headingLinkWrap h2{
    padding:0px !important;
}

body.evo nav#user-menu .mm-opened .dropDown {
    box-shadow: 0px 0px 7px 4px rgb(4 4 4 / 10%);
}

body.evo .uploader_container .progress-bar-container {
    height: auto;
}

body.evo.portal_edit .uploader_container .progress-bar-container {
    min-height: 50px;
}

body.evo.portal_edit .progress-bar-container:not(.done) {
    border: 0px !important;
}

body.evo.portal_edit .progress-bar-container .progress-bar {
    display: none;
}

body.evo .uploader_container .progress-bar-container .progress-bar {
    background-color: var(--active-color);
    height: 41px;
    border-radius: 10px;
}

body.evo .uploader_container .progress-bar-container .text {
    position: absolute;
    width: 80%;
    padding: 5px;
    color: white;
}

body.evo .uploader_container .progress-bar-container.done .uploader_close_image_link {
    display: inline;
}

body.evo .uploader_container .progress-bar-container.done .uploader_close_image_link .close_image {
    display: none;
}

body.evo .uploader_container .progress-bar-container .uploader_close_image_link::before {
    font-family: "Font Awesome 6 Pro";
    content: '\e59b';
    font-weight: 600;
    font-size: 10px;
    color: white;
}

body.evo .uploader_container .progress-bar-container .text b span {
    display: block;
    color: white;
    margin-top: 19px;
}
body.evo .progress-bar-container .text, .progress-bar-container .text span {
    color: white;
}

body.evo[class*="_job_title"] .progress-bar-container .text a.uploader_close_image_link,
body.evo[class*="_job_title"] .progress-bar-container .text span.SingleFileUpload__name {
    display: none;
}

body.evo[class*="_job_title"] .uploader_container .progress-bar-container .text b {
    right: 5px;
}

body.evo[class*="_job_title"] .uploader_container .progress-bar-container .text b span {
    margin-top: 0px;
}

body.evo .quick_edit_box:has(.change_picture) .alignR {
    display: flex;
    flex-direction: row;
    margin: 10px 0 0 0 !important;
    padding: 0 10px;
}

body.evo .default_image_editor .quick_edit_box {
    position: absolute;
    padding: 20px 20px 15px 20px;
    margin-top: -15px !important;
}
body.evo .catalog_boxes>div {
    background: var(--bg-color) !important;
    border: none !important;
    box-shadow: var(--tile-shadow) !important;
    transition: var(--box-shadow-transition);
}


body.evo .catalog_boxes .header {
    padding: 10px;
    flex: 1;
}

body.evo .catalog_boxes.narrow_headers.catalog_student .header .label{
    background: var(--light-gray-bg);
    border-radius: 50px;
    padding: 3px 10px;
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-medium);
    color: var(--light-grey-text-color);
}

body.evo a.user_progress.chart, body.evo a.user_progress.start {
    padding-bottom: 20px;
}

body.evo .full_width_slider.swiper-container-horizontal *[class*='swiper-button'] {
    top: -30px;
}

body.evo .full_width_slider.swiper-container-horizontal .swiper-button-prev {
    right: 42px;
}

body.evo .full_width_slider.swiper-container-horizontal .swiper-button-next {
    right: 0px;
}

body.evo .horizontal-inputs input, body.evo .horizontal-inputs select {
    width: auto !important;
}

body.evo nav#user-menu ol .fixed-bottom .three_column_nav li>a, body.evo nav#user-menu ol .fixed-bottom .three_column_nav+.cta li>a {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
    max-width: 100%;
    line-height: 30px !important;
    height: 30px !important;
    padding: 0px 6px !important;
}

body.evo nav#user-menu ol .fixed-bottom .three_column_nav li>a {
    white-space: nowrap;
    overflow: visible;
}

body.evo nav#user-menu li .three_column_nav li>a {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

body.evo .banner_widget a.edit_sliding_banner {
    margin: 0;
}

body.evo .catalog_boxes>div * {
    color: var(--main-text-color);
    text-align: left;
}

body.evo p.search-navigation>span, body.evo p.search-navigation>a {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 5px;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    line-height: 22px;
    border: solid 2px transparent;
    margin: 0 -1px;
    border-radius: 20px;
    font-weight: var(--font-weight-semibold);
}

body.evo p.search-navigation>span {
    border: 2px solid var(--active-color);
    font-weight: var(--font-weight-bolder);
    background: transparent;
    margin-left: 1px;
}

body.evo p.search-navigation>a.next,
body.evo p.search-navigation>a.previous {
    width: auto;
    padding: 5px 10px;
}

body.evo p.search-navigation {
    margin-top: 14px !important;
    padding-left: 0;
}


body.evo .native-popup .facebox-content {
    padding: 10px 10px 5px;
    overflow: visible !important;
    clear: both;
    padding-bottom: 60px !important;
    max-height: none;
}

body.evo .catalog_boxes>div .drag_wrap i.dotHandle:after {
    left: 0;
}

body.evo .catalog_boxes>div .imgCrop {
    border-radius: var(--main-border-r);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


body.evo ul.tabnav li a.selected:after, body.evo table.calendar_small .current *, body.evo table.calendar .current, body.evo .calendar-agenda-day .current {
    background: var(--active-color);
}

body.evo .optionsRibbon ul li.selected a:before{
    background: none;
}

body.evo table.calendar_small td a {
    color: var(--main-text-color);
}

body.evo table.calendar_small td.current a {
    color: #fff;
    font-weight: var(--font-weight-bold);
    text-align: center;
}

body.evo .section_nav {
    opacity: 1;
}

body.evo .expand_contract_all span:not(.expand_all)+span {
    display: block !important;
}

body.evo nav#user-menu ol li>a>i:after {
    color: var(--main-text-color);
}

body.evo nav#user-menu .sub_icon {
    top: 15px !important;
    right: 10px !important;
}

body.evo .dropDown.notificationsDropDown.dDownShow, body.evo .dropDown.messagesDropDown.dDownShow {
    left: auto !important;
    padding: 0 !important;
    right: 10px;
    position: fixed;
}

body.evo .section_nav button.expand_contract {
    background: transparent !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

body.evo .section_nav.has_accordion .expand_contract i:after {
    content: '\f078' !important;
    background: none;
}

body.evo .section_nav.has_accordion li.open .expand_contract i:after {
    content: '\f077' !important;
}

body.evo .section_nav button.expand_contract i:after {
    left: 0 !important;
}

body.evo .section_nav_handle {
    height: 50px;
    right: -15px;
    box-shadow: 5px 5px 6px 0px rgb(11 0 60 / 4%);
}

body.evo .section_nav_holder .section_nav_handle{
    top: calc(50% - 24px);
}

body.evo .section_nav .module_sections a.selected i:after, body.evo .section_nav .module_sections a:not(.locked):hover i:after {
    color: var(--active-color);
}

body.evo .expand_contract_all span:first-child:not(.expand_all) {
    display: none !important;
}



body.evo .optionsRibbon ul {
    border: none;
    background: transparent;
    margin: 0px;
}

body.evo #centreColumn .optionsRibbon ul li {
    margin-right: 3px !important;
}

/** BUTTONS **/
body.evo ul.tabnav li a {
    padding: 6px 14px !important;
    margin: 0px 0px;
    line-height: 32px;
    border-radius: 0;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-semibold);
    letter-spacing: .3px;
    margin-left: -5px;
    transition: .3s all ease;
    color: var(--main-text-color);
    font-weight: var(--font-weight-bold);
}

body.evo button.return-to-previous-btn {
    padding: 3px 15px;
    display: inline-block;
    color: var(--button-color-2);
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: 550;
    margin: 0px;
    font-size: var(--font-size-medium);
    background: var(--button-bg-3);
    line-height: 25px;
    -webkit-appearance: none;
    vertical-align: middle;
    transition: opacity .3sease-in-out;
    cursor: pointer;
}

body.evo button.return-to-previous-btn:hover {
    filter: brightness(0.98);
}

body.evo button.return-to-previous-btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--active-color-hover, rgba(36, 211, 165, 0.3));
}

body.evo ul.tabnav .width-wrap{
    box-shadow: var(--tile-shadow);
    border-radius: 50px;
}

body.evo .inline_tabs_options ul.tabnav {
    margin-bottom: 0px !important;
}

body.evo .width-wrap {white-space: nowrap;overflow: visible;width: auto;display: inline-block;}
body.evo li.tabs_more_link.active {display: inline-block !important;}
body.evo ul.tabnav li:has(.dropDownHolder) {
    z-index: 99999;
}
body.evo .tabnav .dropDown > li {display: block;}
body.evo .widgets .tabnav {min-width: calc(100% - 100px);}
body.evo .optionsRibbon ul {
    border: 0px;
}

body.evo .options_btn, body.evo .optionsRibbon ul li, body.evo .news_form .optionsRibbon ul li {
    color: var(--button-color-2);
    font-size: var(--font-size-medium);
    line-height: normal;
}

body.evo .options_btn:hover{
    background: var(--button-hover-bg-2);
}

body.evo .news_form .optionsRibbon{
    margin-bottom: 5px;
}

body.evo .optionsRibbon ul li a {
    padding: 5px 11px;
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-small);
}

body.evo .optionsRibbon ul li.selected a{
    border: 1px solid var(--active-color) !important;
    background: rgba(var( --active-color-hover), 0.2) !important;
}

body.evo td.modern_module_wrap .optionsRibbon ul li a {
    padding: 0;
    border: none;
    font-size: 0;
}

body.evo td.modern_module_wrap .optionsRibbon ul li a:has(.ellipsis_vertical) {
    border: 0px !important;
    background: none;
}

#centreColumn tr.modern_module_row td.modern_module_wrap .optionsRibbon ul li{
    background:transparent;
}

body.evo #centreColumn td.modern_module_wrap .optionsRibbon ul li a i:after {
    font-size: var(--font-size-medium);
}

body.evo #centreColumn .optionsRibbon .dropDownHolder > a:has(.ellipsis_vertical) {
    border: 0px !important;
    background: none !important;
    padding: 0px;
}

body.evo #centreColumn  td.modern_module_wrap .optionsRibbon ul li a i{
    margin-left: 0px;
}

body.evo .optionsRibbon ul li a i {
    vertical-align: bottom;
}


body.evo .optionsRibbon ul li:after {
    width: 0px;
}

body.evo .block.full_width_widget {
    background: transparent !important;
    box-shadow: none !important;
}

body.evo .centre_widgets .block.full_width_widget .headingLinkWrap {
    background: transparent !important;
}

body.evo .full_width_widget .headingLinkWrap .quick_edit_icon {
    position: absolute;
    top: 9px;
    left: 12px;
    right: auto;
    width: 25px;
}

body.evo .full_width_widget.skills_widget .headingLinkWrap .quick_edit_icon,
body.evo .full_width_widget.classes_widget .headingLinkWrap .quick_edit_icon {
    top: 5px;
    display:inline-block;
}

body.evo .full_width_widget.classes_widget .headingLinkWrap .quick_edit_icon {
    left: auto;
}

body.evo .full_width_widget.skills_widget .headingLinkWrap .quick_edit_icon {
    left: auto;
}


body.evo .full_width_widget.skills_widget .headingLinkWrap a.quick_edit_icon.widget_option_icon,
body.evo .full_width_widget.classes_widget .headingLinkWrap a.quick_edit_icon.widget_option_icon {
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
    color: var(--button-color-2);
    background: transparent;
    height: 30px;
    width: 30px !important;
    line-height: 30px;
    padding: 0px;
    text-align: center !important;
    margin: 0px;
}

body.evo .catalog_boxes > .full_width_widget.skills_widget:not(.banner_widget) .headingLinkWrap .quick_edit_box {
    left: auto;
}

body.evo .catalog_boxes > .quick_edit_box.quick_edit_list a,
body.evo #centreColumn .catalog_boxes .block .quick_edit_box a{
    font-size:var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    vertical-align: middle;
    border:0px;
    padding:3px 10px;
    border-radius: var(--border-r-rounded);
    padding: 10px 15px;
}

body.evo .catalog_boxes > .quick_edit_box.quick_edit_list a:hover,
body.evo #centreColumn .catalog_boxes .block .quick_edit_box a:hover{
    background: var(--button-hover-bg-2);
    color: var(--button-color-2) !important;
    font-weight: var(--font-weight-medium);
}

body.evo #centreColumn .catalog_boxes .block .quick_edit_box {
    padding: 10px 15px;
    min-width: 100px;
}

body.evo .catalog_boxes > .full_width_widget.classes_widget:not(.banner_widget) .headingLinkWrap .quick_edit_box {
    left: auto;
}

body.evo .catalog_boxes > .full_width_widget.classes_widget:not(.banner_widget) .headingLinkWrap .quick_edit_icon i.add {
    font-size: var(--font-size-small);
}

body.evo table:not(.calendar)  tbody:first-child tr:nth-child(2) td {
    border-top: none;
    padding-top: 10px;
}

body.evo table.time-divider tbody:first-child tr:nth-child(2) td {
    border-top: 1px solid var(--table-border-color);
}

body.evo table.time-divider tbody:first-child tr:first-child td,
body.evo table.time-divider tbody:first-child tr:nth-child(2) td {
    padding-top: 0px;
}

body.evo .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    text-align: center;
}

body.evo table:not(.calendar_small) tr:first-child th {
    position: sticky !important;
    top: -.2px;
}

body.evo #calendar2 table.calendar tr:first-child th {
    position: relative !important;
}

body.evo table:not(.small_calendar_container) tr:first-child th:after {
    display: none;
}

body.evo #calendar2 .calendars-holder.calendar-with-scroll {
    width: min(100dvw - 545px, 1510px) !important;
}

body.evo #centreColumn:has(aside:not(.right-col-visible)) #calendar2.has-right-column .calendars-holder.calendar-with-scroll {
    width: 100% !important;
}

body.evo #calendar2:not(.has-right-column) .calendars-holder.calendar-with-scroll {
    width: 100% !important;
}

body.evo[class*='ctr_portal_'] #calendar2 .calendars-holder.calendar-with-scroll {
    width: 100% !important;
}

body.evo #file_uploader_form>.facebox-content {
    height: 330px;
}

body.evo #file_uploader_form>.facebox-content div#dropzone {
    height: 100% !important;
    top: 50px;
}

body.evo #file_uploader_form>.facebox-content div#dropzone.reduced_dropzone {
    height: auto !important;
}

body.evo #file_uploader_form>.facebox-content #UploaderContainer {
    height: 100%;
}

body.evo table tr:first-child th:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    background: var(--bg-color);
    width: 100%;
    height: 10px;
}


body.evo .block.full_width_widget {
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
}

body.evo .widgets.admin-dashboard-widgets .block.full_width_widget {
    margin-bottom: 0 !important;
}

body.evo .leftColumn .headingLinkWrap {
    display: block !important;
}

body.evo.full_width_widget .headingLinkWrap .tabnav {
    margin: 0 !important;
    margin-left: 5px !important;
    display: inline-block;
    width: calc(100% - 110px) !important;
}

body.evo .inline_tab_options ul.tabnav li a {
    padding: 6px 15px;
    border: 1px solid var(--button-border-color);
    box-shadow: var(--box-shadow);
}

body.evo nav#user-menu ul.tabnav li a {
    box-shadow: none;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 19px;
}

body.evo nav#user-menu ul.tabnav {
    border-bottom: 1px solid var(--table-border-color);
}

body.evo nav#user-menu .dropDown ul.tabnav:not(.bypass) li a.selected {
    color: var(--main-text-color);
    font-weight: var(--font-weight-bold);
    border-radius: 0px;
    border-bottom: 4px solid var(--active-color);
    line-height: 23px;
}

body.evo .rightColumn {
    width: auto !important;
}

body.evo .rightColumn.rightColumn_2col .widgets, body.evo .rightColumn .block {
    width: 280px;
    margin-left: 10px;
    margin-right: 0px;
}

[dir="RTL"] body.evo .rightColumn .block {
    margin-left: 0px;
    margin-right: 10px;
}

body.evo .rightColumn .block:last-of-type {
    margin-bottom: 0px !important;
}

body.evo .rightColumn .calendars-picker .calendar-scroller {
    min-height: 150px;
}

body.evo nav#user-menu ol>li>a>span>i {
    top: 0px;
}

body.evo .right-drawer.active .drawer-handle i:after {
    content: '\f054';
}

body.evo .sliding_banner.swiper-container {
    margin: 0px;
    margin-top: 0px;
    display: flex;
    position: relative;
    padding: 50px 10px 25px 10px;
    border-radius: 10px;
    border-color: transparent;
    box-shadow: var(--tile-shadow);
    background-color: var(--block-bg-color);
}

body.evo .full_width_slider {
    padding: 0px !important;
}

body.evo .tile_widgets>h2:first-child {
    display: block;
    width: 100%;
    margin-top: 0 !important;
    font-size: 18px !important;
}

.lesson_boxes, .user_catalog_tiles, .dashboard_widget_grid, .dashboard_draggable_tiles {
    margin-right: 0;
}

body.evo nav#user-menu .dropDown ul.tabnav li>a:hover, body.evo nav#user-menu .dropDown ul.tabnav li>a:hover span {
    color: var(--main-text-color);
    background: var(--hover-color);
}

[data-theme="dark"] body.evo nav#user-menu .dropDown ul.tabnav li>a:hover {
    background: transparent;
}

body.evo .catalog_boxes>div *>ul.tabnav>li>a {
    padding: 4px 10px;
    box-shadow: var(--tile-shadow);
}

body.evo #centreColumn ul.tabnav li a:hover {
    box-shadow: var(--tile-shadow);
    color: var(--active-color);
}

body.evo ul.tabnav li a.selected{
    color: #fff;
}

body.evo #centreColumn ul.tabnav li a.selected:hover{
    color: #fff;
}


body.evo .inline_tabs_options ul.tabnav li a.selected{
    padding: 6px 22px !important;
    color:#fff;
}

body.evo ul.tabnav li a.selected span.block, .accordion_heading .block {
    background-color: #fff;
    color: #333 !important;
    border-radius: 50px;
    text-align: center;
    padding: 5px;
}

body.evo .rightColumn .sticky {
    top: 60px;
}

body.evo #leftColumn li a span.newAlert, body.evo .mm-menu a .newAlert, ul.tabnav li a span.block, body.evo .accordion_heading .block, body.evo a.title_and_count .small_number_block {
    background-color: var(--hover-color);
    color: var(--main-text-color) !important;
    border-radius: 50px;
    line-height: 11px;
    text-align: center;
    padding: 5px;
}


/* TEXT */

body.evo .catalog_boxes .footer .label {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo .headingLinkWrap {
    flex-wrap: wrap;
}

body.evo .block:not(.evo-calendar-widget) .headingLinkWrap {
    align-items: center;
}

body.evo .rightColumn .block .activity_indicator{
    margin:0px;
}

body.evo ul.tabnav>li>a, body.evo ul.tabnav .dropDown a:hover, body.evo ul.tabnav .dropDown a:focus, body.evo nav#leftColumn ul.tabnav a, body.evo ul.tabnav li a span, body.evo .select_session .date {
    color: var(--main-text-color);
}
.hasRightColumn #centreColumn ul.tabnav {
    width: auto;
}

body.evo ul.tabnav li:first-child a:before, body.evo ul.tabnav li:first-child a {
    border-top-left-radius: var(--border-r-rounded);
    border-bottom-left-radius: var(--border-r-rounded);
}
body.evo ul.tabnav li:first-child a:after {
    border-top-left-radius: var(--border-r-rounded);
    border-bottom-left-radius: var(--border-r-rounded);
}
body.evo ul.tabnav li:nth-last-child(1 of :not(.tabs_more_link)) a:after, body.evo ul.tabnav li:nth-last-child(1 of :not(.tabs_more_link)) a {
    border-top-right-radius: var(--border-r-rounded);
    border-bottom-right-radius: var(--border-r-rounded);
}
body.evo ul.tabnav li {
    z-index: 0;
}
body.evo ul.tabnav:not(.bypass) li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: var(--button-color);
    height: 100%;
    width: 100%;
    z-index: -2;
    display: block;
}

body.evo ul.tabnav li.last_tab a:before,
body.evo ul.tabnav li:nth-last-child(1 of :not(.tabs_more_link)) a:before {
    border-top-right-radius: var(--border-r-rounded);
    border-bottom-right-radius: var(--border-r-rounded);
}

body.evo .mce-floatpanel {
    z-index: 9999999 !important;
}
body.evo ul.tabnav:not(.bypass) li a.selected:after {
    z-index: -1;
    margin: 0 auto;
    content: '';
    position: absolute;
    top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    left: 0;
    right: 0;
    background: var(--active-color);
    overflow: hidden;
    border-radius: var(--border-r-rounded);
}

body.evo .modal .mce-panel {
    background: var(--bg-color);
    border-radius: var(--main-border-r);
}

body.evo .rightColumn h2, body.evo #centreColumn .rightColumn h2 {
    font-size: 16px;
    font-weight: var(--font-weight-bold);
}

body.evo .catalog_boxes .footer .label, body.evo .catalog_courses .footer span, body.evo .catalog_class #leftColumn, body.evo .dashboard_widgets .footer, body.evo .rightColumn, .rightColumn p {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-semibold);
}

body.evo[class*='_visitor_cart'].catalog_class #leftColumn {
    padding-bottom: 20px !important;
    background: var(--content-bg-color);
}

body.evo[class*='_visitor_cart'].catalog_class h2.order-review {
    color: var(--main-text-color);
}

body.evo .catalog_boxes>div .footer div,
body.evo .catalog_boxes>div .footer{
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-smaller) !important;
}

body.evo #centreColumn .catalog_boxes .block:not(.classes_widget) .footer a,
body.evo .catalog_boxes>div.block .footer a {
    color: var(--link-color);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-smaller) !important;
}

body.evo #centreColumn .dashboard_widgets.catalog_boxes .block:not([class*='_width_widget']) .footer .red,
body.evo #centreColumn .dashboard_widgets.catalog_boxes .block:not([class*='_width_widget']) .footer a.red {
    color: #fff;
}

body.evo .modal .modal__container .materialStyle,
body.evo .modal .modal__container .materialStyle p,
body.evo[class*='_notifications'] .modal__container .materialStyle,
body.evo[class*='_notifications'] .materialStyle p {
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}

/* We don't want to support this anymore. The default font is Poppins, if they want they can change it via tinymce and it will work still. */
/* body.evo .materialStyle,
body.evo .materialStyle p,
body.evo .materialStyle p a {
    font-family: 'RobotoLightNew', 'Ubuntu', helvetica, font-family;
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-medium);
} */

/* TABLES */
body.evo th, body.evo table th > span {
    font-size: var(--font-size-smaller) !important;
    font-weight: var(--font-weight-bold);
    padding-top: 15px;
    padding-bottom: 15px;
}

body.evo .dropDown.dDownShow {
    border-radius: var(--main-border-r) !important;
    filter: none !important;
}


body.evo .notificationsPopUpHolder{
    right:10px;
    border-radius: 8px;
}

body.evo .notificationsPopUpHolder div {
    background: var(--dropdown-bg);
    border-radius: var(--main-border-r);
    border-radius: 0px 0px 8px 8px;
}

body.evo .notificationsPopUpHolder div.notificationsBottom {
    background: var(--bg-color);
    padding: 6px 0;
    line-height: 25px;
}

body.evo .notificationsPopUpHolder div.notificationsBottom a.audioNotifications {
    position: relative;
}

body.evo .notificationsPopUpHolder ul li .ms-user {
    margin-top: 10px;
}

body.evo .notificationsPopUpHolder ul li {
    background: var(--bg-color);
}

body.evo .notificationsPopUpHolder .closeNotifications i{
    line-height:25px;
}

body.evo .notificationsPopUpHolder .audioNotifications{
    line-height: 20px;
}

body.evo .notificationsPopUpHolder{
    box-shadow:var(--box-shadow-heavy);
}

body.evo #wrapper header .notificationsPopUpHolder ul li .ms-date,
body.evo #wrapper header .notificationsPopUpHolder ul li span.ms-user{
    font-size: var(--font-size-smaller);
}

body.evo #wrapper header .notificationsPopUpHolder ul li span.ms-user{
    font-weight:var(--font-weight-semibold);
}

body.evo #wrapper header .notificationsPopUpHolder ul li span.ms-subject{
    font-size: var(--font-size-medium);
    font-weight:var(--font-weight-light);
}

body.evo .notificationsPopUpHolder div.notificationsBottom a.audioNotifications {
    top: 0px;
}

body.evo .notificationsPopUpHolder .ms-image img {
    width: 20px;
    height: 20px;
}

.notificationsPopUpHolder ul li .ms-user,
.notificationsPopUpHolder ul li .ms-subject {
    padding-left: 40px;
}



body.evo ul.tabnav li .dropDown {
    left: auto;
    right: 0;
}

body.evo ul.tabnav .dropDown a {
    display: block;
    background: transparent;
    color: var(--main-text-color);
    padding: 7px 15px !important;
    margin: 0 !important;
    box-sizing: border-box;
    width: 100% !important;
    border-radius: 0;
    font-weight: var(--font-weight-medium);
}

body.evo ul.tabnav .dropDown a:hover {
    background: var(--nav-button-hover);
}

.centre_widgets .block.full_width_widget .headingLinkWrap {
    border-bottom: 0px;
}

body.evo .username span.name {
    font-weight: var(--font-weight-medium);
}

div.sectionTitle h1 {
    font-weight: var(--font-weight-bold);
}

body.evo header div.sectionTitle h1 {
    margin-top: 0px;
    padding: 0 9px;
    font-size: 20px;
    -webkit-line-clamp: 2 !important;
    line-height: 24px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: unset;
}

body.evo nav#user-menu .cta>li>a.floatR i:after {
    color: var(--active-color);
}

body.evo .optionsRight, body.evo .optionsLeft {
    top: 0px;
}

body.evo ul.tabnav>li>a, body.evo ul.tabnav .dropDown a:hover,
body.evo ul.tabnav .dropDown a:focus,
body.evo nav#leftColumn ul.tabnav a,
body.evo ul.tabnav li a span, body.evo .select_session .date {
    font-weight: var(--font-weight-semibold);
}

body.evo nav#user-menu .cta>li>a {
    color: var(--main-text-color);
    font-weight: var(--font-weight-medium);
}

body.evo .heading_amount_sml {
    width: 13px;
    height: 13px;
    padding: 6px;
    font-size: var(--font-size-smaller);
    vertical-align: middle;
    line-height: 13px;
    background: var(--alert-bg);
    opacity: .6;
}

[data-theme="dark"] ul.tabnav li a:not(.selected) span.block {
    background: var(--alert-bg);
}

/* TAB NAV */
body.evo ul.tabnav li a span {
    font-size: var(--font-size-smaller);
    font-weight: var(--font-weight-bold);
    font-family: 'Poppins';
    background: var(--alert-bg);
}

body.evo ul.tabnav li a span {
    width: 13px;
    height: 13px;
    line-height: 13px;
}

body.evo .quickLinks .dropDownHolder .dropDown a {
    font-weight: var(--font-weight-medium);
}

/* CATALOG */
body.evo .catalog_boxes .tile_color_1 {
    background-color: var(--block-bg-color);
}

body.evo .catalog_boxes div[class*='tile_color_'] {
    background-color: var(--block-bg-color);
    box-shadow: var(--box-shadow);
}

body.evo .catalog_boxes .tile_circle_icon i{
    width: 32px;
    background: var(--bg-color);
    border-radius: 50%;
    height: 32px;
    line-height:32px;
    box-shadow: var(--box-shadow-heavy);
}

body.evo .catalog_boxes .tile_circle_icon{
    background: transparent;
    border-radius: unset;
    width: auto;
    height: auto;
    box-shadow:none;
    justify-content:start;
}

body.evo[class*="_class_catalog"] #mainContent #centreColumn .inline_tabs_options .options_btn{
    margin-top: 0;
}

body.evo .expand_contract_all {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-smaller);
}

body.evo .section_nav_holder .section_nav.has_accordion .expand_contract_all i:after {
    height: 22px;
}

body.evo div.tile_colors_holder {
    display: none !important;
}

body.evo .quick_edit_box .alignR {
    background: none !important;
    margin: 40px 2px 0px -10px !important;
    padding: 5px 10px;
}

body.evo .quick_edit_box [for*="tile_color_lesson_"] {
    display: none !important;
}

body.evo .quick_edit_box {
    padding: 20px 20px 15px 20px;
}

body.evo .quick_edit_box input[type="text"] {
    font-size: var(--font-size-medium);
}

body.evo .quick_edit_box input[type="text"] {
    background: var(--light-gray-bg) !important;
    font-size: var(--font-size-medium) !important;
}


body.evo.ctr_group_catalog .catalog_boxes.narrow_headers.catalog_student .header p.description {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
    padding: 3px 0px;
}

#contentWrap .catalog_boxes .header .description{
    font-size: var(--font-size-medium);
}

body.evo.ctr_group_catalog #centreColumn .catalog_boxes.narrow_headers.catalog_student .header h2 {
    padding: 5px 0px;
}


/* 2 Button Styles */
body.evo .quick_edit_box .alignR button {
    border: 1px solid var(--button-border-color);
    color: var(--button-color-2);
    border-radius: 50px;
    font-weight: 550;
    font-size: var(--font-size-medium);
    background: transparent;
    line-height: 20px;
}

body.evo .quick_edit_box .alignR button,
body.evo .profile_header .profile_info .alignR .link_button{
    padding: 5px 12px;
}

body.evo .profile_header .profile_info .alignR .link_button{
    background: var(--active-color);
    border: 1px solid var(--active-color);
    color:#fff;
    font-weight:500;
}

body.evo .profile_header .profile_info .alignR .link_button:hover {
    filter: brightness(97%);
    background: var(--active-color);
    box-shadow: var(--box-shadow-hover);
    color:#fff;
}


/* COPILOT */

body.evo .copilot-chat .chat-wrapper .topics {
    padding: 0px;
}

body.evo .copilot-chat .chat-wrapper .topics > div {
    padding: 5px 10px;
}

body.evo .copilot-chat .chat-wrapper .topics h2 {
    font-weight: var(--font-weight-semibold);
    margin: 15px 0 0;
    font-size: 14px;
}

body.evo .copilot-chat .chat-wrapper .topics > div:first-of-type h2 {
    margin-top: 0;
}


body.evo .copilot-chat .welcome-message .welcome-suggestions .suggestion-block p {
    font-weight: var(--font-weight-semibold);
    font-size: .85rem;
    margin:0px;
}

body.evo .copilot-chat .welcome-message .welcome-suggestions .suggestion-block span:first-child {
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-regular) !important;
    margin-top:3px;
}

body.evo .copilot-chat .chat-wrapper .topics .topics-list ul li a,
body.evo .copilot-chat .chat-wrapper .topics .related-list ul li a{
    padding: 8px 9px 6px;
    display:block;
}

body.evo .copilot-chat .chat-wrapper .topics .topics-list ul li,
body.evo .copilot-chat .chat-wrapper .topics .related-list ul li {
    border-radius: var(--main-border-r);
    margin-bottom:6px;
    border:0;
    transition: all 0.1s ease-in-out;
    padding:0px;
}

body.evo .copilot-chat .chat-wrapper .topics .topics-list ul li:hover,
body.evo .copilot-chat .chat-wrapper .topics .related-list ul li:hover {
    background: var(--copilot-btn-light-hover);
    border: 0;
    padding:0px;
}

body.evo .copilot-chat .chat-wrapper .topics .topics-list ul li.active a{
    color: var(--text-white);
}

body.evo .copilot-chat .chat-wrapper .topics .topics-list ul li.active {
    border-radius: var(--main-border-r);
    border: 0;
    background: var(--active-color);
}

body.evo .copilot-chat .chat-wrapper .welcome-message .chat-footer .chat-input {
    max-width: 100%;
}


body.evo .copilot-chat .chat-wrapper .topics .topics-list ul li.visited:not(.active):not(:hover){
    border-radius: var(--main-border-r);
    border: 0;
    color:var(--main-text-color);
    background: var(--copilot-btn-light-visited);
}

body.evo .copilot-chat .chat-wrapper .topics .topics-list ul li a,
body.evo .copilot-chat .chat-wrapper .topics .related-list ul li a {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-medium);
}

[data-theme="dark"] body.evo .copilot-chat .chat-wrapper .topics .topics-list ul li a,
[data-theme="dark"] body.evo .copilot-chat .chat-wrapper .topics .related-list ul li a{
    color: #fff;
}

body.evo .copilot-chat .conversation-content .conversation-message .message p,
body.evo .copilot-chat .conversation-content .conversation-message .message li {
    line-height:1.4rem;
}

body.evo .copilot-chat .conversation-content .conversation-message .message .wrapper {
    background: var(--copilot-bg-msg);
}

body.evo .copilot-chat .chat-wrapper .topics,
body.evo .copilot-chat .conversation-content .conversation-message .message .skills-map,
body.evo .copilot-chat .conversation-content .conversation-message .message .introduction .generated-text,
body.evo .copilot-chat .conversation-content .conversation-message .message .introduction .generated-image,
body.evo .copilot-chat .conversation-content .conversation-message .message .sections-content {
    background-color: var(--copilot-bg-msg);
}


body.evo .copilot-chat .conversation-content .conversation-message .message .introduction {
    display:flex;
}

body.evo .copilot-chat .conversation-content .conversation-message .message .introduction .generated-image {
    flex-shrink:0;
    float:unset;
}

body.evo .copilot-chat .conversation-content .conversation-message .message .introduction .generated-text {
    width:100%;
}

body.evo .field.copilot_voices.taller {
    height: 530px
}

body.evo .field.copilot_voices {
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    padding: 10px 20px;
}

body.evo .fat-drawer .content .title{
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
}

body.evo .right-drawer.large.fat-open{
    box-shadow: 23px 26px 30px 20px rgba(0, 0, 0, .18);
    z-index:999;
}

body.evo .copilot-chat .chat-footer .chat-input{
    background: var(--content-bg-color);
    border:2px solid transparent;
}

body.evo .copilot-chat .chat-wrapper .chat-footer .chat-input{
    background: var(--input-bg);
}

body.evo .copilot-chat .chat-wrapper:has(.topics) .chat-footer .chat-input{
    background: var(--content-bg-color);
}

[data-theme="dark"] body.evo .copilot-chat .chat-input,
[data-theme="dark"] body.evo .copilot-chat .chat-wrapper .chat-footer .chat-input{
    background: var(--copilot-chat-input);
}

[data-theme="dark"] body.evo .copilot-chat .chat-input textarea::placeholder,
[data-theme="dark"] body.evo .copilot-chat .chat-wrapper .chat-footer .chat-input textarea::placeholder{
    color: var(--main-text-color);
    opacity: .5;
}

body.evo .copilot-chat .chat-wrapper .chat-footer .chat-input:has(textarea:focus){
    border: 2px solid var(--border-color-light);
}

body.evo .copilot-chat .chat-footer .chat-buttons .control-buttons .go,
body.evo .copilot-chat .chat-footer .chat-buttons .control-buttons .next,
body.evo .copilot-chat .chat-footer .chat-buttons .control-buttons .tutor,
body.evo .copilot-quiz .quiz-footer .quiz-controlls .quiz-buttons .return
{
    background: var(--active-color);
    border: 1px solid var(--active-color);
    color: #fff;
    padding: 3px 15px;
    border-radius: 50px;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-medium);
}

body.evo .copilot-chat .chat-footer .chat-buttons .control-buttons .earn,
body.evo .copilot-chat .chat-footer .chat-buttons .control-buttons .hard,
body.evo .copilot-chat .chat-footer .chat-buttons .control-buttons .easy,
body.evo .copilot-chat .chat-footer .chat-buttons .control-buttons .tutor,
body.evo .copilot-chat .chat-footer .chat-buttons .control-buttons .prev
{
    padding: 3px 15px;
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-small);
    color: var(--button-color-2);
    background: transparent;
}

body.evo .copilot-chat .conversation-content .conversation-message .message .skills span {
    font-weight: var(--font-weight-semibold);
    padding: 8px 10px;
    border: 1px solid var(--button-border-color);
}

body.evo .copilot-chat .conversation-content .conversation-message .message h3 {
    color: var(--main-text-color);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-large);
}

body.evo .copilot-chat .welcome-message .welcome-suggestions .suggestion-block{
    border: 2px solid transparent;
    background: var(--button-bg-3);
    padding: 18px;
}

body.evo .copilot-chat .welcome-message .welcome-suggestions .suggestion-block:hover{
    border: 2px solid var(--active-color);
}

[data-theme="dark"] body.evo .copilot-chat .welcome-message .welcome-suggestions .suggestion-block {
    background: hsl(235.98deg 14.27% 9.3% / 51%);
    border: 2px solid transparent;
}

[data-theme="dark"] body.evo .copilot-chat .welcome-message .welcome-suggestions .suggestion-block:hover{
    border: 2px solid var(--active-color);
}

[data-theme="dark"] body.evo .copilot-chat .welcome-message .welcome-suggestions .suggestion-block span:first-child,
[data-theme="dark"] body.evo .copilot-chat .welcome-message .welcome-suggestions .suggestion-block span
{
    color: var(--light-text-color);
}

body.evo .copilot-chat .welcome-message{
    width: 50vw;
    margin: 0 auto;
}

@media screen and (max-width: 1680px) {
    body.evo .copilot-chat .welcome-message{
        width:60vw;
    }
}

body.evo .copilot-chat .chat-wrapper .topics
{
    background: linear-gradient(151deg, rgb(255 255 255) 10%, rgb(241 243 255) 41%, rgb(242 244 246) 99%);
}

[data-theme="dark"] body.evo .copilot-chat .chat-wrapper .topics{
    background: var(--bg-color);
}

.copilot-chat .chat-wrapper .chat-window:has(.welcome) {
    background: linear-gradient(151deg, rgb(255 255 255) 3%, rgb(237 239 244));
}

[data-theme="dark"] .copilot-chat .chat-wrapper .chat-window:has(.welcome) {
    background: var(--bg-color);
    height: 100vh;
}

.copilot-chat .welcome-message .welcome-video img {
    border-radius: 45px;
}

body.evo .copilot-chat .conversation-content .conversation-message .message .skills span:first-child {
    border: 0px;
    padding-left: 0px;
}

body.evo .copilot-chat .chat-conversation .conversation-title,
body.evo .copilot-chat .chat-window .head .title,
body.evo .copilot-chat .copilot-quiz .head .title {
    font-weight: var(--font-weight-semibold) !important;
    font-size:1.2rem;
    line-height:40px;
}

body.evo .copilot-chat .chat-conversation, body.evo .copilot-chat .quiz-conversation{
    padding-top:20px;
}

body.evo .copilot-chat .chat-window .head,
body.evo .copilot-chat .copilot-quiz .head {
    padding-left: 5%;
    width: 100%;
    border-radius: 0px;
    padding-top: 0px;
    border-bottom:1px solid var(--border-color-light);
    margin-bottom:0px;
    height:44px;
    z-index:11;
}

body.evo .copilot-chat .chat-wrapper .chat-conversation .skills-map tspan {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-large);
}

body.evo .copilot-chat .chat-wrapper .chat-conversation .skills-map text#subject {
    font-size:20px !important;
    font-weight:var(--font-weight-bold) !important;
}

body.evo .copilot-chat .chat-footer .chat-input:has(textarea:focus){
    box-shadow: inset 2px -2px 6px 0px rgb(11 0 60 / 3%);
    transition: all .1s ease-out;
}

body.evo .copilot-chat .conversation-content .conversation-message .message .generated_image{
    background-color: var(--content-bg-color);
}

.copilot-details ul li:before {
    display: none !important;
}

.copilot-chat .chat-footer, .copilot-chat .quiz-footer{
    box-shadow:1px -7px 15px 0px rgb(11 0 60 / 1%);
}

body.evo .copilot-chat .chat-wrapper .topics .topics-list h2 {
    font-size: .9rem;
    font-weight: var(--font-weight-bold);
    padding-top:25px;
}

@media only screen and (min-width: 768px) {
    body.evo[class*='_copilot_admin'] .card-widget {
        width: 30%;
        display: inline-block;
        margin-right: 10px;
    }

    body.evo[class*='_copilot_admin'] .card-widget p{
        display: inline-block;
        margin-left: 20px;
        margin-bottom: 0px;
    }

}



body.evo[class*='_copilot_admin'] #mainContent #centreColumn .copilot-information ul li{
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    margin-top:0px;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: var(--main-border-r);
    background: var(--bg-color);
}

body.evo[class*='_copilot_admin'] #mainContent #centreColumn .copilot-information p{
    font-weight: var(--font-weight-bold);
}

body.evo[class*='_copilot_admin'] #mainContent #centreColumn .copilot-information ul li:before{
    content: '\f054';
    font-weight: var(--font-weight-medium);
    display: inline;
    padding-right: 15px;
}

body.evo .copilot-prompt input[type="checkbox"]:disabled + label {
    opacity: 1;
}

[data-theme="dark"] body.evo .right-drawer.active,
body.evo .right-drawer.fat-open{
    box-shadow: 10px 10px 30px 20px rgb(0 0 0 / 25%);
}

body.evo .right-drawer .drawer-content .drawer-item.applicable {
    box-shadow: var(--box-shadow);
    transition: .3s ease all;
    border: 1px solid transparent;
}

body.evo .right-drawer .drawer-content .drawer-item.applicable:hover {
    border: 1px solid var(--active-color);
    background: rgba(var(--active-color-hover), 0.2);
    box-shadow: var(--box-shadow-hover);
}

body.evo .right-drawer .drawer-handle i.arrowLeft:after {
    font-size: 14px;
}


body.evo .confirm-overlay {
    background: var(--section-nav-bg);
}

body.evo .fat-drawer .content {
    background: var(--copilot-bg);
}

body.evo .fat-drawer {
    background: var(--copilot-bg);
}

body.evo .drawer-content {
    background: var(--section-nav-bg);
}


body.evo .right-drawer i.questionMark:after {
    font-weight: var(--font-weight-thin);
}

body.evo .copilot_voices .voice label {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
}

body.evo .copilot_voices .voice label span {
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-smaller);
}

body.evo .copilot_voices .voice a {
    margin-top: 10px;
}

body.evo .copilot_voiceover .copilot_voices i.audioPlay {
    width: 25px;
    height: 25px;
    background: var(--light-gray-bg);
    border-radius: 50px;
    line-height: 25px;
}

.copilot-chat .chat-wrapper .chat-window:has(.welcome) .chat-conversation {
    margin-top: 50px;
}


body.evo .copilot-chat .welcome-message .welcome-header{
    font-size:2rem;
}


body.evo .copilot_voices .voice label {
    padding: 5px 0;
}

body.evo .copilot_voices .voice:first-of-type {
    padding: 0px;
}

body.evo .copilot_voices .voice label span {
    margin-right: 20px;
}

body.evo .right-drawer .drawer-content .drawer-item .title {
    font-family: var(--primary-font);
    font-weight: 550;
    font-size: var(--font-size-medium);
}

body.evo .copilot-chat .conversation-content.welcome .chat-footer,
body.evo .copilot-chat .conversation-content.welcome .quiz-footer {
    padding: 25px 0px;
}

body.evo .copilot-chat .conversation-content.welcome .chat-footer .chat-input,
body.evo .copilot-chat .conversation-content.welcome .quiz-footer .quiz-input {
    max-width:100%;
}

body.evo .copilot_voices {
    height: 250px;
}

body.evo p.drawer-item-description {
    font-weight: var(--font-weight-light);
    font-family: 'Poppins';
    font-size: var(--font-size-smaller);
    line-height: 13px;
}

body.evo .right-drawer .title.no-print {
    font-weight: var(--font-weight-medium);
}

body.evo .right-drawer .title span.token-count {
    font-weight: var(--font-weight-medium);
    background: var(--content-bg-color);
}

body.evo .right-drawer .drawer-content .drawer-item {
    opacity: .3;
}

body.evo .right-drawer .drawer-content .drawer-item.applicable {
    opacity: 1;
}

body.evo nav#user-menu ol>li.more, body.evo nav#user-menu ol>li.more ol {
    display: none !important;
}

body.evo nav#user-menu ol>li.more.vis {
    display: block !important;
}

body.evo nav#user-menu ol>li.more.vis>a {
    cursor: pointer;
}

li.more.vis.active {
    position: absolute;
    top: 0;
    height: 100% !important;
    width: 100%;
    background: var(--left-bar-bg);
    z-index: 1;
}

li.more.vis.active ol>li>a i:after, li.more.vis.active ol>li>a span {
    color: var(--left-bar-text) !important;
}

body.evo nav#user-menu ol>li.active.more ol {
    display: block !important;
    overflow: visible;
    padding-top: 70px !important;
    position: absolute !important;
    width: 100% !important;
}

#user-menu ol>li.more.vis.active>a {
    background: white;
    color: var(--main-text-color);
    margin-top: 10px !important;
    background: var(--bg-color) !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: calc(100% + 11px) !important;
    text-align: left;
    z-index: 1;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu~ol li.more li>a>span>i, body.evo:not(.nav-open) nav#user-menu .sub-menu~ol li.more li>a>span>i {
    margin-left: 6px !important;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu~ol>li.more.vis.active>a i {
    margin-left: -9px !important;
}

body.evo nav#user-menu ol>li.more.vis.active>a span {
    color: var(--main-text-color) !important;
}

body.evo nav#user-menu ol li.more.vis.active>a i:after {
    color: var(--active-color) !important;
    content: '\f078';
}

body.evo #copilot_form .field label:first-child {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
}

body.evo .head .title:first-of-type {
    font-weight: var(--font-weight-bold);
    font-family: 'Poppins';
    font-size: 17px;
}

#copilot_form .field-group {
    padding: 5px 8px;
}

body.evo #copilot_form .field-group.active {
    background: var(--copilot-bg-msg);
    border-radius: var(--main-border-r);
}

body.evo .right-drawer .field-group {
    margin-top: 10px;
}

body.evo .right-drawer a.copilot-tab {
    border-bottom: 0px;
    font-size: var(--font-size-regular);
    color: var(--main-text-color);
    background: var(--button-gray-bg);
}

body.evo .right-drawer a.copilot-tab:hover {
    background: var(--button-gray-bg-hover);
}

[data-theme="dark"] .right-drawer a.copilot-tab:hover  {
    background: var(--button-gray-bg-hover-dark) !important;
}

body.evo .right-drawer a.copilot-tab-active {
    color:#fff !important;
    background:var(--active-color);
}

body.evo .right-drawer a.copilot-tab-active:hover {
    background:var(--active-color);
    filter: brightness(97%);
}

body.evo .media-selectors-group a.copilot-tab-active {
    border-bottom: none;
    color: #fff;
}

body.evo .right-drawer .copilot-tab-container .copilot-tab i{
    display:inline-block;
}


body.evo .media-selectors-group a > i {
    display: inline-block;
}

body.evo .estimates ul {
    background: var(--content-bg-color);
}

body.evo .right-drawer .footer button {
    border-radius: var(--border-r-rounded);
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    background: var(--active-color);
}

body.evo .right-drawer .footer {
    box-shadow: var(--box-shadow);
    background: var(--bg-color);
    box-shadow: 4px -5px 5px 0px rgb(11 0 60 / 2%);
    border-top: 1px solid var(--border-color-light);
}

body.evo .right-drawer .back {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo .confirm-overlay span b {
    font-weight: var(--font-weight-bold);
}

.right-drawer .drawer-content .drawer-item.applicable i:after {
    color: var(--active-color);
}




/* MODALS */
body.evo .native-popup button:not(.not-btn), .native-popup .link_button {
    padding: 4px 20px;
    height: 28px;
    line-height: 0;
    vertical-align: middle;
    border-radius: 50px;
}

/* FORMS */
body.evo label {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo .rightColumn ul li, #centreColumn .rightColumn ul li {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}

body.evo .materialStyle .conference_block {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}

body.evo .catalog_boxes>div * {
    font-size: var(--font-size-medium);
}

body.evo .centre_widgets .block.full_width_widget .headingLinkWrap {
    margin-bottom: 10px;
}

body.evo .username img:not(.original_profile) {
    width: 45px;
    height: 45px;
}

body.evo .quickLinks a.username img.original_profile {
    right: -12px;
    top: 4px;
    width: 23px;
    height: 23px;
    border: 2px solid var(--border-color-light);
}

body.evo .copilot-prompt label {
    margin-top: -6px !important;
}

body.evo nav#user-menu ol>li .scroll li>a {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo #Uploader #dropzone {
    background: transparent;
}

body.evo div#resources_file {
    padding: 2px 12px;
}

body.evo#facebox #helpTabs{
    display:flex;
}

body.evo .tox .tox-button--icon,
body.evo .tox .tox-button.tox-button--icon,
body.evo .tox .tox-button.tox-button--secondary.tox-button--icon{
    color:var(--button-color-2);
    border:0px;
}

.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){
    background-color:transparent;
    border:0px;
}

body.evo nav#user-menu .cta>li>a {
    color: var(--main-text-color);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
}

body.evo nav#user-menu .cta>li>a:first-child {
    padding-left: 16px;
}

body.evo footer {
    background: var(--content-bg-color);
    min-height: 92px;
    display: flex;
}

body.evo footer #socialBlocks{
    display:flex;
    margin-right:80px;
}

body.evo footer,
body.evo footer nav.footerNav {
    padding-top: 20px;
}

body.evo footer .footerLinks a, footer .powered_by,
body.evo footer .footerLinks h2, body.evo footer .footerLinks,
body.evo .portal footer .powered_by, .portal footer .powered_by a,
.portal footer .powered_by
{
    font-weight: var(--font-weight-medium);
    color: var(--light-text-color);
    font-size: var(--font-size-regular);
}

body.evo nav.footerNav div ol li a {
    padding: 0;
}

body.evo .quickLinks .dropDownHolder .dropDown a {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
}

body.evo .dropDown.dDownShow {
    padding: 10px;
    box-shadow: var(--box-shadow);
}



body.evo:not(.nav-open) nav#user-menu ol {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 20px;
}

body.evo .quickLinks a.username {
    font-size: 14px;
    line-height: 44px !important;
}

body.evo p, body.evo #mainContent ul li,
body.evo #mainContent ol li{
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}

body.evo .inline_heading_tabs_options {
    border-bottom: 0px;
    align-items: center;
}


body.evo .quickLinks a.username {
    margin-left: 20px;
    padding: 0 4px;
}


body.evo nav#user-menu .sub-menu ol.staticMainNav>li:hover>a, body.evo nav#user-menu .sub-menu ol.staticMainNav>li>a:hover {
    background: var(--button-hover-bg);
}

/* Footer */
body.evo:not(.ctr_user_cart) nav#user-menu~#wrapper footer {
    margin-right: 20px;
}


body.evo #socialBlocks a:hover {
    background: var(--active-color);
}

body.evo #socialBlocks a{
    background: var(--button-border-color);
    padding: 8px;
    color: var(--light-text-color);
}

body.evo #socialBlocks a i:after {
    color: var(--icon-color);
    background-image: none !important;
    font-size: 16px;
}

body.evo #socialBlocks a:hover i:after {
    color: #fff;
}

body.evo a.skipToContent {
    background: var(--button-bg-4);
    border-radius: var(--border-r-rounded);
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-semibold);
    color: var(--button-color-4);
    border: 0px;
    top: 10px;
    left: 50vw;
    text-decoration: none;
}

a.skipToContent:first-of-type{
    background:black;
}


body.evo.portal_home a.skipToContent {
    display: none !important;
}

body.evo.portal_home #carouselWrap {
    margin-top: 0 !important;
}



/* Dashboard */

body.evo .catalog_boxes.dashboard_widgets>div.block:not(.full_width_widget) i.widget-icon {
    margin-right: 8px;
}


body.evo .centre_widgets .widgets .catalog_boxes span.event_date {
    padding: 10px;
    font-weight: var(--font-weight-semibold);
}

body.evo .centre_widgets .widgets .catalog_boxes .block ul li:before {
    display: none !important;
}

body.evo .centre_widgets .widgets .catalog_boxes .block .small_widget_links a {
    padding: 20px;
}

.widget .headingLinkWrap .quick_edit_icon, .centre_widgets .headingLinkWrap .quick_edit_icon{
    top: 4px;
    right: 10px;
    position: absolute;
}

body.evo .optionsRibbon ul li a[href="/onboarding"] {
    display: none !important;
}

body.evo .catalog_boxes.dashboard_widgets>div.block:not(.full_width_widget) i.widget-icon {
    display: inline-block;
    line-height: normal;
}

body.evo .catalog_boxes.dashboard_widgets>div.block:not(.full_width_widget) .headingLinkWrap {
    padding-left: 10px;
}

body.evo .catalog_boxes.dashboard_widgets>div.block i.widget-icon:after {
    color:var(--active-color);
    font-weight: var(--font-weight-medium);
}

body.evo .dashboard_widgets .catalog_boxes .footer div.label.box.red{
    color:var(--text-white);
}

body.evo.widget_edit .widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid span.block {
    width: auto !important;
}

body.evo.centre_widget_edit .widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid .widget>.block:not(.full_width_widget) {
    width: 100% !important;
}

body.evo .dashboard_widgets .catalog_student .footer i.pageBlank span {
    position: absolute;
    margin: 0 auto;
    width: 100%;
}

body.evo .dashboard_widgets .catalog_student .footer i.pageBlank span{
    line-height:30px;
    font-size: var(--font-size-smaller);
    font-family: 'Poppins';
    font-weight: var(--font-weight-medium);
    letter-spacing: -1px;
}

body.evo .catalog_boxes.dashboard_widgets div.small_widget_links a{
    padding-left: 20px;
    margin-bottom:0px;
}

body.evo .catalog_boxes.dashboard_widgets div p span.event_date {
    font-weight: 600;
}

body.evo #GoalsWidget .catalog_boxes .tile_circle_icon.dismiss i {
    margin: 0px;
}

body.evo .user_progress.no_icon.red {
    padding: 5px 15px;
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: 550;
    font-size: var(--font-size-medium);
    line-height: 23px;
    background: var(--button-color);
    color: var(--button-color-2) !important;
}

body.evo .user_progress i:before{
    line-height: 20px;
}

body.evo .widgets .catalog_boxes.dashboard_widgets .footer .block:hover {
    box-shadow: none;
}

body.evo .catalog_boxes .footer div.label.box.red{
    color: var(--text-white);
}

body.evo .dashboard_widgets .catalog_boxes:not(.app_boxes) .footer .label.box{
    line-height:22px;
}

body.evo.centre_widget_edit .rightColumn.available_widgets .widget .block {
    width: calc(100% - 20px) !important;
}

body.evo.centre_widget_edit .rightColumn .dashboard_widgets .template .dashboard_info{
    padding: 4px 0px;
}

body.evo.centre_widget_edit .dashboard_widgets .block .headingLinkWrap {
    padding: 0px;
}

body.evo.centre_widget_edit .rightColumn .headingLinkWrap i.widget-icon{
    left: 0;
}

body.evo .catalog_boxes .footer>.circleNum span:not(.textOffScreen) {
    top: 1px;
    font-weight: var(--font-weight-medium);
}

body.evo #ClassListsWidget form.tableForm {
    margin-top: 0px;
}

body.evo #ClassListsWidget form.tableForm table tr td a {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-semibold);
}

body.evo .widgets .catalog_boxes.dashboard_widgets .block:hover {
    box-shadow: var(--box-shadow-hover);
    transition: var(--box-shadow-transition);
}

body.evo .block.mastery_widget .catalog_boxes a.user_progress {
    border: 0px !important;
    background: transparent !important;
}

body.evo .full_width_widget .onboarding_links{
    column-gap: 15px;
    row-gap: 15px;
}

body.evo .full_width_widget .onboarding_links a {
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    box-shadow: var(--box-shadow);
    padding: 25px 0px;
    margin: 0px;
    flex: 1 0 18%;
}

body.evo .full_width_widget .onboarding_links a:hover {
    box-shadow: var(--box-shadow-hover);
}

body.evo .full_width_widget .onboarding_links a img{
    width: 120px;
    height: 120px;
}

body.evo[class*='class_dashboard'] .dashboard_widgets .dashboard_info ol i{
    margin: 0;
    margin-right:3px;
}

body.evo[class*='class_dashboard'] .dashboard_widgets .dashboard_info ol li a{
    margin-top: 0px;
}

body.evo .full_width_widget .onboarding_links:hover {
    box-shadow: none;
}

body.evo .dashboard_widgets .comments .comment .wrapPost .post-scope {
    overflow: hidden;
    width: 200px;
}

body.evo .dashboard_widgets .comments .comment .wrapPost {
    max-width: 80%;
}

body.evo .catalog_boxes>div.block:not(.banner_widget) button.quick_edit_icon.widget_option_icon {
    display: inline-block;
    right: 0px;
    left: unset;
}

body.evo .catalog_boxes>div.block:not(.banner_widget).classes_widget .quick_edit_box,
body.evo .catalog_boxes>div.block:not(.banner_widget).classes_widget .quick_edit_box.arrow
{
    right: 0px;
    left: unset;
    font-weight: var(--font-weight-medium);
}


body.evo #mainContent .centre_widgets .block.full_width_widget.banner_widget .headingLinkWrap {
    display: flex !important;
    flex-direction: row;
    column-gap: 10px;
    position: absolute;
    z-index: 3;
    padding: 0px 10px;
    width: -webkit-fill-available;
    width: -moz-available;
    margin-top:5px;
}

body.evo #mainContent .centre_widgets .block.full_width_widget.banner_widget .headingLinkWrap > a{
    border-radius: 50%;
    height: 25px;
    width: 25px;
    padding: 3px;
    line-height: 23px;
    text-align: center;
    background-color: rgba(0,0,0,.2);
    margin: 0px !important;
}

body.evo #mainContent .centre_widgets .block.full_width_widget.banner_widget .headingLinkWrap .quick_edit_icon{
    position: relative;
    left: unset;
    right: unset !important;
    top: unset;
    display: block;
}

body.evo #mainContent .centre_widgets .block.full_width_widget.banner_widget .headingLinkWrap > a:hover{
    background-color: rgba(0,0,0,.3);
}

body.evo #mainContent .centre_widgets .block.full_width_widget.banner_widget .headingLinkWrap .quick_edit_box{
    right: 0px;
}

body.evo #mainContent .centre_widgets .block.full_width_widget.banner_widget .headingLinkWrap > a i:after{
    color: #fff;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-bold);
}

body.evo .full_width_widget .headingLinkWrap .quick_edit_icon{
    display: none;
}

body.evo .widgets .catalog_boxes .block .quick_edit_box {
    margin: 0px 5px;
    top: 30px;
    box-shadow: var(--box-shadow);
    border-radius: var(--main-border-r);
}



/* Slide Editor */

.portal_edit.evo .page_editor_body .sections_draggable .section_title > a{
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    color: var(--main-text-color);
}

.portal_edit.evo .page_editor_body .sections_draggable .section_title .add_slide {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
}

.portal_edit.evo .page_editor_body .section_title > h3 {
    font-size: 14px !important;
    font-weight: var(--font-weight-bold);
}

.portal_edit.evo p.info_text span {
    color: var(--light-grey-text-color);
    font-weight: var(--font-weight-light);
}

.portal_edit.evo .page_editor_body .section_title .info_text svg path,
.portal_edit.evo .page_editor_body .info_text svg path
{
    fill: var(--link-color);
}

.portal_edit.evo .modal .facebox-content dl > dt:before {
    height: 20px;
    display: block;
    content: "";
}

.portal_edit.evo .modal .facebox-content dl dd {
    margin-top: 70px !important;
    font-weight: var(--font-weight-light);
}

.portal_edit.evo .modal .facebox-content > p {
    font-weight: var(--font-weight-light);
    margin-bottom: 10px;
}


/* Sidebar Widgets */
body.evo #centreColumn .rightColumn .block ul.largeImgs.leaderboardSml li{
    display:flex;
    align-items:center;
}
body.evo #centreColumn .rightColumn .block ul.largeImgs.leaderboardSml li a.popup-player-history,
body.evo .rightColumn:not(.games_widget_content) .leaderboardSml li > *:last-child:not(.toggleList){
    margin-left:auto;
}

.rightColumn .leaderboardSml li > *:last-child > span{
    position:relative;
}

body.evo .rightColumn .block .small_widget_links a,
body.evo .rightColumn ul a:nth-child(n+1) {
    font-size: var(--font-size-small) !important;
    color: var(--link-color);
    fill: var(--link-color);
    font-weight:var(--font-weight-medium);
}

body.evo .rightColumn .block .html_widget p{
    font-size:var(--font-size-small)
}

body.evo .rightColumn .block .small_widget_links {
    padding: 10px 10px 0px 10px;
    margin: 0 10px;
}

body.evo .rightColumn ul li a.title_and_count .small_number_block {
    background: var(--light-gray-bg);
}

body.evo .rightColumn ul li a.title_and_count .small_number_block {
    background: var(--light-gray-bg);
    font-size: var(--font-size-smaller);
    font-family: var(--primary-font);
    font-weight: var(--font-weight-medium);
}

.hidden_widgets_holder span.heading_amount {
    background: var(--light-gray-bg) !important;
    font-size: var(--font-size-smaller) !important;
}

body.evo .rightColumn .playerStatusSml .remainingPts {
    color: var(--main-text-color);
}

body.evo .rightColumn ul li .badges span:not(.ratingStatic) i {
    font-size: var(--font-size-large);
}

body.evo .competency_chart .competency_chart_stats {
    font-size: var(--font-size-medium);
}


body.evo .rightColumn .block .activity_indicator {
    position: absolute;
    right: 0px;
}



/* Uploader */

body.evo .progress-bar-container{
    border:0px;
}

body.evo .progress-bar{
    background-color: var(--progress-bar-color);
    border-radius: 50px;
}

body.evo .progress-bar-container:not(.done){ width: 99% !important; border-radius: 50px; border: 1px solid var(--link-color); }

body.evo .progress-bar-container .text a, body.evo .progress-bar-container .text span { margin-left: 10px; }

.progress-bar-container .text, .progress-bar-container .text span{
    color: var(--main-text-color);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-medium);
    line-height:20px;
}

@media screen and (max-width: 473px) {
    body.evo .progress-bar-container .text span {
        display: inline-block;
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.evo .footerLinks {
        text-align: center;
        margin: 0 !important;
    }

    body.evo.portal .footerNav {
        flex-direction: column !important;
        align-items: center;
        width:100%
    }

    body.evo.portal .fullWidthMobile {
        display: flex;
        flex-direction: column;
    }

    body.evo.portal #contentBody .contactForm textarea,
    body.evo.portal #contentBody .contactForm input#subject {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 400px) {
    body.evo .calendar_heading_mobile .optionsRight#view_options i {
        display: none;
    }
}

.progress-bar-container .close_image { margin-right: 10px }


/* Icon Colorization */
body.evo .rightColumn .playerStatusSml i.shield:after, body.evo i.shield:after {
    color: var(--color-purple);
}

body.evo .rightColumn .playerStatusSml i.star:after,
body.evo i.star:after, body.evo i.star2:after,
body.evo i.starHalf:after,
body.evo .modal .facebox-content i.star:after,
body.evo i.starOutline:after {
    color: var(--color-yellow);
}

body.evo #star_rating i.star:after {font-weight: 900;}
body.evo #star_rating input:checked ~ label i:after {font-weight: 500;} /* .starOutline */
body.evo #star_rating input:checked + label i:after,
body.evo #star_rating:hover input + label i:after,
body.evo #star_rating:hover input:checked ~ label i:after {font-weight: 900;} /* .star */
body.evo #star_rating input:hover ~ label i:after,
body.evo #star_rating input:focus ~ label i:after,
body.evo #star_rating input:first-of-type + label i:after {font-weight: 500;} /* .starOutline */
body.evo #star_rating input:hover + label + input ~ label i:after {font-weight: 500 !important;}
body.evo #star_rating input:hover + label i:after,
body.evo #star_rating input:focus + label i:after {font-weight: 900;} /* .star */

body.evo i.tickCircle:after {
    color: var(--color-green);
}



/* Topbar */

body.evo form#user_trash_popup .facebox-content {
    width: 98%;
}

body.evo form#user_trash_popup .facebox-content .optionsRibbonTable_separate+tableP {
    width: 98%;
    margin: 0 auto;
}



/* News */
body.evo .post_options_holder, body.evo .news_holder{
    max-width:100%;
}


body.evo .news_holder .quick_edit_box, body.evo .news_holder .quick_edit_box .arrow:after {
    background: var(--popup-widget-bg);
}

body.evo .post_options_holder #announcement_form p {
    right: 330px;
}

body.evo .news_holder .comments a {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-bold);
    color: var(--main-text-color);
}

body.evo .news_holder .comments i.arrowRight:after {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}

body.evo #post_form .optionsRibbon ul li a:has(i.add),
body.evo #announcement_form .optionsRibbon ul li a:has(i.add)
{
    padding: 5px 15px;
    display: inline-block;
    border: 1px solid var(--content-bg-color);
    border-radius: 50px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-small);
    color: var(--button-color-2) !important;
    background: var(--button-bg-3);
}

body.evo[class*="_news"] #post_form .optionsRibbon ul:not(.inverted) li a#addFeeds:hover{
    background: var(--button-bg-3);
}

body.evo #post_form .optionsRibbon ul li a i.add:after,
body.evo #announcement_form .optionsRibbon ul li a i.add:after{
    color: var(--button-color-2)
}

body.evo #post_form .optionsRibbon ul li a:has(i.forward),
body.evo #announcement_form .optionsRibbon ul li a:has(i.forward){
    background: var(--active-color);
    border: 1px solid var(--active-color);
    color: #fff;
}

body.evo #post_form .optionsRibbon ul li a i.forward:after,
body.evo #announcement_form .optionsRibbon ul li a i.forward:after{
    color: #fff;
}



body.evo .news_holder .post_content, body.evo .news_holder .post_content p {
    font-size: var(--font-size-medium);
    line-height: 1.3;
    font-weight: var(--font-weight-medium);
}

body.evo .news_holder .post_content {
    background: var(--light-gray-bg);
    padding: 20px 40px;
    border-radius: var(--main-border-r);
}

body.evo .news_holder .post_content:has(.reply_user) {
    padding: 6px 12px;
}

body.evo .news_holder .post_content:not(:has(*)),
body.evo .news_holder .post_content:has(br){
    background: transparent;
    padding:0px 40px;
}

body.evo .news_holder .post_date *, body.evo .news_holder .post_type {
    font-size: var(--font-size-small);
    color: var(--light-grey-text-color);
    font-weight: var(--font-weight-medium);
}

body.evo .news_holder .quick_edit_box .arrow {
    right: 0px;
}

/* Calendar */
body.evo #centreColumn .dashboard_header.calendar_heading_holder + #calendar2.has-right-column{
    padding-top:15px;
}

body.evo table.calendar.calendar-events {
    background: transparent;
    position: absolute;
    padding: 0px;
    margin: 0px;
}

body.evo table.calendar.calendar-events tr:first-child td {
    border: none;
    background: transparent;
}

body.evo[class*='_my_calendar'] #centreColumn #calendar2 {
    margin-left: 0px;
}

body.evo:not(.portal):not(.ctr_student_calendar) table.calendar td.editable{
    position:relative;
}

body.evo table.calendar.monthly .day_heading .current{
    line-height:20px;
}

body.evo:not(.portal):not(.ctr_student_calendar) table.calendar td.highlight:before {
    content: '+';
    position: absolute;
    font-weight: 900;
    font-size: 15px;
    background-image: none !important;
    font-family: "Font Awesome 6 Pro";
    right: 10px;
}

body.evo[class*='_my_calendar'] #centreColumn #calendar2 .calendar {
    width: 100%;
}

body.evo[class*='_my_calendar'] #centreColumn #calendar2.has-right-column .calendar {
    width: min(100dvw - 545px, 1510px) !important;
}

body.evo[class*='_my_calendar'] #centreColumn:has(aside:not(.right-col-visible)) #calendar2 .calendar {
    width: 100% !important;
}

body.evo[class*='_calendar'] #centreColumn h2#calendar_name{
    margin-top: 5px !important;
}

body.evo[class*='_calendar'] #centreColumn .calendarLeftColumn #calendar2 .optionsRibbon.optionsRight {
    float: right;
    margin-left: 0px;
    margin-bottom: 10px;
    margin-right: 30px;
}


body.evo[class*='_calendar'] .catalog-calendar .key{
    padding: 20px 0 10px;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    line-height: 17px;
}

body.evo[class*='_calendar'] .calendars-holder table.calendar.calendar-events tr td:first-of-type a.general_event {
    margin-left: 10px;
}

body.evo[class*='_calendar'] .calendars-holder table.calendar.calendar-events tr td:nth-of-type(2) a.general_event {
    margin-left: 4px;
}

body.evo[class*='_calendar'] .calendars-holder table.calendar.calendar-events a.general_event {
    padding: 4px !important;
}

body.evo[class*='_calendar'] table.calendar a.general_event {
    background-color: var(--content-bg-color) !important;
    color: var(--main-text-color);
    font-weight:600;
    font-size:12px;
    padding: 9px !important;
    margin-bottom: 5px;;
    border: 1px solid var(--content-bg-color);
    border-left: 5px solid;
}

body.evo[class*='_calendar'] table.calendar a.general_event:hover {
    background-color: transparent !important;
    border: 1px solid var(--active-color);
    box-shadow: var(--box-shadow);
    transition:var(--box-shadow-transition);
    text-decoration: none;
    border-left: 5px solid;
}

body.evo .tooltip, body.evo .tooltipBot {
    border-radius: 15px;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    box-shadow: var(--box-shadow-heavy);
    border: 0px;
}

body.evo .tooltip .arrow:after{
    background-color: var(--bg-color);
}

body.evo .tooltip .personalInfo{
    font-weight:600;
}

body.evo .tooltip .tooltipContactLinks{
    border-radius:0px 0px 15px 15px;
    background: var(--block-bg-color);
}

body.evo[class*='_calendar'] table.calendar a.general_event span{
    color: var(--main-text-color);
    font-weight:500;
    font-size:10px;
}

body.evo #centreColumn .dashboard_header.calendar_heading_holder h2{
    line-height:30px;
}

body.evo[class*='_calendar'] table.calendar th:first-child, table.calendar td:first-child, table.withBorders th:first-child, table.withBorders td:first-child {
    border-left-width: 0px;
}

body.evo[class*='_calendar'] table.calendar th:last-child, table.calendar td:last-child, table.withBorders th:last-child, table.withBorders td:last-child {
    border-right-width: 0px;
}

body.evo[class*='_calendar'] table.calendar a span, body.evo[class*='_calendar'] table.calendar a {
    border-radius: 5px;
    line-height: 13px;
}

body.evo[class*='_calendar'] table.calendar.monthly .day_heading span {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-bold);
}

body.evo[class*='_calendar'] .rightColumn .rightColumn_handle {
    border-radius: 8px 0px 0px 8px;
    background: var(--invert-bg-color);
    border-right: 0px;
    box-shadow: var(--box-shadow);
}

body.evo[class*='_calendar'] .rightColumn .rightColumn_handle i:after {
    font-size: var(--font-size-smaller);
}

body.evo[class*='_calendar'] .rightColumn .rightColumn_handle i {
    top: 10px !important;
}


body.evo #mainContent .rightColumn .block .calendar-item input[type="checkbox"] + label {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    margin-bottom: 3px;
}

body.evo #mainContent .rightColumn .block .calendar-item input[type="checkbox"] + label:before{
    width: 12px;
    height: 12px;
    border: 1px solid var(--border-color-light);
}

body.evo .copilot-chat .conversation-content .conversation-message .message .introduction{}



/* Agenda */

body.evo #centreColumn .calendar-agenda-day .day-heading {
    font-size: 15px;
    font-weight: var(--font-weight-bold);
}

body.evo #centreColumn .calendar-agenda-day p {
    font-weight: var(--font-weight-medium);
}

body.evo div.calendars-holder{
    border: 0px;
}

body.evo #centreColumn .calendar-agenda-day {
    border-bottom: 0px;
    background: var(--bg-color);
    margin-bottom: 25px;
    padding: 20px;
    border-radius: var(--main-border-r);
    box-shadow: var(--box-shadow);
}

body.evo #centreColumn .calendar-agenda-day:hover {
    box-shadow: var(--box-shadow-hover);
    transition: var(--box-shadow-transition);
}

body.evo .calendar-agenda-event {
    background: none !important;
}

body.evo .calendar-agenda-event>span:first-child {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
}

body.evo .calendar-agenda-event>div>a {
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    color:var(--main-text-color);
}

.calendar-agenda-event>div:before {
    border-left: 0px !important;
    background: none !important;
}



@media screen and (min-width: 768px) {
    .user #centreColumn {
        padding: 20px;
    }

    body.evo  #centreColumn {
        padding: 20px 29px;
    }

    .rightColumn {
        margin-left: 0px;
    }

    #mainContent>#centreColumn {
        justify-content: space-evenly;
    }

}

body.evo .catalog_boxes>div:hover {
    box-shadow: var(--box-shadow-hover) !important;
    transition: var(--box-shadow-transition);
}

body.evo ol.mobileSubMenu.staticMainNav li i:after {
    color: var(--main-text-color) !important;
}

body.evo .rightColumn ul li, body.evo #centreColumn .rightColumn ul li {
    border-color: var(--border-color-light);
}

body.evo .quickLinks .dropDownHolder a {
    padding: 0 10px;
    margin: 0;
}

table .tableDropdown>a:hover, table .tableDropdown>a.highlight, table .dropDown a:hover, li.ms-holder:hover, .tooltipContactLinks, .tooltip .arrow:after, ul.quiz_blocks li, .quiz_match_choices, .linksHolder .dropDown a:hover, .linksHolder .dropDown a:focus {
    background: var(--button-hover-bg);
}

body.evo .linksHolder .dropDown a:hover, .linksHolder .dropDown a:focus {
    border-radius: 6px;
}

body.evo .quickLinks .dropDownHolder .dropDown hr {
    display: none;
}

body.evo .onboarding_links a {
    text-align: center;
    font-size:var(--font-size-large);
}

body.evo .onboarding_links a span,
body.evo .onboarding_videos a span {
    font-weight: var(--font-weight-semibold) !important;
    font-size:var(--font-size-large);
}

body.evo .onboarding_videos .video .play i {
    margin: 2px 0 0 3px;
}

body.evo ul.cta.close-menu {
    display: none !important;
}

body.evo nav#user-menu ol>li *, body.evo nav#user-menu ol>.scroll-wrapper>li * {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

#user-menu ol>.scroll-wrapper>li>a {
    display: block;
}

body.evo nav#user-menu ol>li p {
    font-weight: var(--font-weight-thin);
}


body.evo .compactFilterContainer+.optionsRibbon {
    margin-bottom: 15px;
}

body.evo #SearchResultsWrapper .compactFilterContainer+.optionsRibbon{
    margin-bottom:0px;
    padding-bottom:0px;
}

body.evo #SearchResultsWrapper .compactFilterContainer ~ table {
    margin-top: 0px;
}

body.evo .optionsRibbon ul li a i.single, body.evo .optionsRibbon ul li span.quick_search i.single {
    vertical-align: middle;
    margin: 0;
}

body.evo .optionsRibbon span.quick_search {
    background: var(--editor-bg-color);
}

body.evo .search-item a {
    font-weight: var(--font-weight-bold);
    color: var(--button-color-2);
    font-size: 14px;
}

body.evo .optionsRibbon ul li a,
body.evo .optionsRibbon ul li a:hover,
body.evo a.options_btn:hover{
    color: var(--button-color-2);
    background: var(--button-hover-bg-2);
}

body.evo .options_btn, body.evo .optionsRibbon ul li, body.evo .news_form .optionsRibbon ul li {
    padding: 5px 20px;
    display: inline-block;
    border-radius: 50px;
    font-weight: 550;
    font-size: var(--font-size-small);
    background: transparent;
}

body.evo .news_form .optionsRibbon ul li{
    border:0px;
}

body.evo #fixedMarginTop, body.evo.site_full_width.section_nav_page #fixedMarginTop:not(.loaded) {
    margin-top: 145px;
}

body.evo[class*="_student_lesson"].site_full_width.section_nav_page #fixedMarginTop{
    margin-top:100px;
}

body.evo[class*="ctr_student"].site_full_width.section_nav_page #fixedMarginTop:not(.loaded),
body.evo[class*='_lesson']:not([class*='teacher']) #fixedMarginTop {
    margin-top: 0px;
}

body.evo form#games.tableForm {
    margin-top: 20px;
}

body.evo #centreColumn .lesson-body-content{
    background: var(--section-nav-bg);
    padding: 10px 15px;
    box-sizing: border-box;
    border-radius: var(--main-border-r);
    border: solid 1px var(--main-border-color);
    max-width: none !important;
}

body.evo .max_user_content_width.not_centered,
body.evo #centreColumn .hasRightColumn .leftColumn:not(.calendarLeftColumn) {
    background: var(--section-nav-bg);
    padding: 10px 15px;
    box-sizing: border-box;
    border-radius: var(--main-border-r);
    max-width: none !important;
    margin-top: 15px;
}

body.evo .max_user_content_width.not_centered:not(:has(:nth-child(2))) {
    background: transparent;
    border: none;
}

body.evo .max_user_content_width.not_centered:has(.materialStyle) {
    background: var(--bg-color);
    padding: 10px !important;
    border-radius: var(--main-border-r);
}

body.evo #centreColumn .lesson-body-content:has(div.max_user_content_width),
body.evo #centreColumn .hasRightColumn .leftColumn,
body.evo #centreColumn .lesson-body-content:has(.hasRightColumn)
{
    background: transparent;
    border:0px;
    padding:0px;
    border-radius:0px;
}


body.evo #centreColumn .hasRightColumn .leftColumn:not(.calendarLeftColumn) {
    margin-top: 5px;
}

body.evo .contentBlock {
    float: none;
}

body.evo #fixedSectionHeader~.hasRightColumn .rightColumn {
    margin-top: 5px;
}

body.evo #centreColumn #fixedSectionHeader .section_header_wrap~h2 {
    margin-bottom: 5px;
}

body.evo .hasRightColumn #centreColumn > *:not(.leftColumn):not(.rightColumn):not(script):not(#fixedSectionHeader):not(#scrollToTopBtn){
    z-index:1;
}

body.evo #wrapper #contentWrap.hasRightColumn #mainContent #centreColumn .body_overlay {
    z-index: 11;
}

body.evo ul.tabnav li:first-child a {
    margin-left: 0;
}

body.evo .calendars-holder.calendar-with-scroll.showScroll.full-height {
    width: 98%;
}

body.evo .catalog_courses .footer.textFooter {
    display: flex;
    align-items: end;
}

body.evo .catalog_boxes:not(.narrow_headers)>div .header h2 {
    line-height: 16px;
}

body.evo .catalog_boxes .header h2 {
    padding: 8px 0px 0px 0px;
    line-height: 23px !important;
}

body.evo.portal #contentBody .catalog_boxes p.description {
    margin-bottom: 10px;
}

body.evo .catalog_courses .footer.textFooter .teacher span:not(.textOffScreen) {
    color: var(--main-text-color);
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    top: 0px;
    display: inline-block;
}

body.evo.portal a.back-to-top {
    color: var(--main-text-color);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-large);
    background:none;
}

body.evo.portal a.back-to-top span:before {
    content: '\f077';
    font-weight: 900;
    font-family: 'Font Awesome 5 Pro';
    margin-right: 10px;
}

body.evo.portal a.back-to-top span{
    background: none;
}

body.evo .catalog_courses .footer.textFooter .teacher {
    display: flex;
    align-items:center;
}

body.evo .catalog_courses .footer.textFooter a.teacher:hover span {
    color: var(--main-text-color);
}

/* Margin top adjustments to make UI consistent */

body.evo #contentWrap #centreColumn:has(#fixedSectionHeader) #SearchResultsWrapper,
body.evo #contentWrap #centreColumn:has(#fixedSectionHeader):not(:has(#SearchResultsWrapper)) form {
    margin-top: 15px;
}

body.evo.ctr_mentors #centreColumn #SearchResultsWrapper:has(:not(form)),
body.evo.ctr_managers #centreColumn #SearchResultsWrapper:has(:not(form)),
body.evo.ctr_monitors #centreColumn #SearchResultsWrapper:has(:not(form)) {
    margin-top: 15px !important;
}

body.evo .catalog_boxes.catalog_categories.resources_boxes,
body.evo .catalog_boxes.catalog_categories.people_boxes,
body.evo .leftColumn .inline_tabs_options + .admin-container-panel,
body.evo[class*="_job_titles"] #SearchResultsWrapper,
body.evo[class*="_archived_users"] #SearchResultsWrapper,
body.evo[class*="_organization"] #SearchResultsWrapper,
body.evo[class*="_class_list"] #SearchResultsWrapper,
body.evo[class*="_template_list"] #SearchResultsWrapper,
body.evo[class*="_archive"] #SearchResultsWrapper,
body.evo[class*="_deleted_classes"] #SearchResultsWrapper,
body.evo[class*="_friends"] #SearchResultsWrapper,
body.evo[class*="_class_catalog"] .leftColumn #class_catalog_container,
body.evo[class*="_site_surveys"] #mainContent #centreColumn .section-intro{
    margin-top: 20px !important;
}

body.evo[class*="_group"] .leftColumn .admin-panel-title+table:first-of-type {
    margin-top: 0px !important;
}

body.evo #contentWrap form#sections.tableForm,
body.evo[class*="_organization_archived"] #SearchResultsWrapper {
    margin-top: 15px !important;
}

body.evo[class*="_student_lesson"] .max_user_content_width.not_centered,
body.evo .catalog_boxes.catalog_categories.narrow_headers.game_boxes,
body.evo[class*="_organization_purchases"] #contentWrap form,
body.evo[class*="_organization_classes"] #SearchResultsWrapper,
body.evo[class*="_organization_groups"] #SearchResultsWrapper {
    margin-top: 0px !important;
}

body.evo #contentWrap div:not(#SearchResultsWrapper) > form#friends_list,
body.evo #contentWrap form#teachers_list,
body.evo #contentWrap form#mentors_list,
body.evo #contentWrap form#mentees_list,
body.evo #contentWrap form#teachers.tableForm,
body.evo #contentWrap form#mentors.tableForm,
body.evo #contentWrap form#mentees.tableForm {
    margin-top: 20px !important;
}

body.evo[class*="_teacher_checkbox_section"] #centreColumn #section_checkboxes {
    top: -25px;
    position: relative;
}

body.evo[class*="_student_"][class*="_assignment"] .hasRightColumn .optionsRibbon .inverted li a {
    margin-top: 10px;
}

/* Profile */

body.evo[class*="_user"] #contentWrap form.tableForm{
    margin: 0px;
}

body.evo[class*="_user"] #mainContent #centreColumn form ~ .optionsRibbon {
    margin-top: 10px;
}

body.evo[class*="_account"] #centreColumn form.noBorderForm{
    padding: 10px;
    background: var(--bg-color);
    border-radius: var(--main-border-r);
}

body.evo #centreColumn .profile_header .leftColumn h2:first-of-type {
    font-weight: var(--font-weight-medium);
}

body.evo[class*="_user"][class*="_information"] #mainContent #centreColumn .leftColumn .block ul li{
    padding: 0px;
    font-weight: var(--font-weight-medium);
}

body.evo[class*="_user"][class*="_information"] #mainContent #centreColumn .leftColumn .block p{
    padding: 0px;
    font-weight: var(--font-weight-bold);
    margin-bottom:0;
    margin-top: 20px;
}

body.evo[class*="_user"] .leftColumn > .block .headingLinkWrap .heading_amount{
    top: 0px;
    font-size: var(--font-size-medium);
}

body.evo[class*="_user"] #mainContent #SearchResultsWrapper ~ .optionsRibbon {
    margin-top: 10px;
}

body.evo[class*="_user"][class*="_information"] #mainContent #centreColumn .leftColumn .block ul li:before {
    display: inline;
    content: '\f111';
    text-align: left;
    padding-right: 10px;
    font-size: var(--font-size-smaller);
}

body.evo[class*="_user"][class*="_information"] #mainContent #centreColumn .leftColumn .block ul li {
    padding: 8px 10px;
    font-weight: var(--font-weight-medium);
    background: var(--content-bg-color);
    border-radius: var(--main-border-r);
}


body.evo[class*="_user"][class*="_enrolled"] #mainContent #centreColumn .leftColumn table th,
body.evo[class*="_user"][class*="_teaching"] #mainContent #centreColumn .leftColumn table th,
body.evo[class*="_user"][class*="_groups"] #mainContent #centreColumn .leftColumn table th {
    padding: 10px 10px;
}

body[class*='lessons'].evo #centreColumn .dashboard_header h2,
body[class*='competencies'].evo #centreColumn .dashboard_header h2{
    margin-bottom: 15px !important;
    font-size: 20px;
    font-weight: var(--font-weight-bold);
}

body[class*='lessons'].evo #centreColumn .dashboard_header .studentTips{
    margin-top:0px;
}

body[class*='student_game'].evo #centreColumn .pageHeading h1 {
    margin-bottom: 20px !important;
}

body.evo.section_nav_page #mainContent div#fixedSectionHeader {
    background: var(--content-bg-color);
    overflow: unset;
}

body.evo[class*='_learning_goal'] #centreColumn .leftColumn h3 a {
    color: var(--main-text-color);
    font-weight: var(--font-weight-bold);
}

body.evo[class*='_learning_goal'] #centreColumn .leftColumn h3 a {
    color: var(--main-text-color);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
    width: 100%;
    display: block;
    margin: 0px;
    padding: 10px 0px 0px 0px;
}

body.evo[class*='_learning_goal'] #centreColumn .leftColumn p {
    color: var(--main-text-color);
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px 0px 10px 0px;
    width: 100%;
    display: block;
}

body.evo #centreColumn #fixedSectionHeader .section_header_wrap ~ h2 {
    font-size: 18px;
}


body.evo .profile_header .label.box {
    background: var(--light-gray-bg);
    border-radius: 50px;
    padding: 6px 20px;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}


body.evo .profile_header .profile_info div>a:not(.optionsRibbon):hover {
    color: var(--button-color-2);
    opacity: 100% !important;
    background: var(--button-gray-bg);
}

body.evo .catalog_item .profile_header .profile_info .alignR .link_button {
    background-color: var(--active-color);
    color: var(--button-color-2);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
    border-radius: 50px;
}

body.evo .profile_header .profile_info div>a:not(.optionsRibbon) {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
}

body.evo .profile_header .img_holder.avatar .img {
    border: 4px solid var(--bg-color);
    box-shadow: var(--box-shadow-heavy);
}

body.evo .profile_header .img_holder.avatar .online:after {
    border: 3px solid var(--invert-bg-color);
    right: 10px;
}

body.evo .profile_header .profile_info span {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
    color: var(--main-text-color);
}

#mainContent #centreColumn .leftColumn .block li {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}


body.evo .profile_header span.profile_type {
    border-radius: 50px;
    padding: 4px 20px;
    background: rgba(var(--button-dark-bg), .2);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-small);
}

body.evo #mainContent .profile_header{
    border:0px;
}

body.evo .custom-loader>div {
    background-color: var(--active-color);
}

body.evo .profile_header_nav>.options_btn {
    background: rgba(var(--button-dark-bg), .2);
    vertical-align: middle;
    border: 0px !important;
    color: #fff;
    font-weight: var(--font-weight-medium);
    display: inline;
    padding: 6px 20px;
    font-size: var(--font-size-medium);
    margin: 3px 3px;
}

body.evo .profile_header_nav>.options_btn:hover{
    background: rgba(var(--button-dark-bg), .3);
    color:#fff;
}

body.evo .profile_social_links a i:after {
    background-image: none;
}

body.evo .profile_header .profile_links a i:after {
    color: #fff;
    font-weight: var(--font-weight-thin);
}

body.evo .profile_header .profile_links a i {
    margin: 0px !important;
}


body.evo .profile_header .profile_links a {
    font-size: var(--font-size-smaller);
    font-weight: var(--font-weight-light);
}

.profile_header .quick_edit_icon {
    margin: -3px 1px 0 0;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    padding: 3px;
    line-height: 23px;
    text-align: center;
}

.modal .modal__container .login_as_user span {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}

.modal .modal__container form#user_log_in {
    min-height: auto;
}

body.evo #centreColumn .tags-small-holder .form-inline span+span,
body.evo .modal .resource_popup .tags-small-holder .form-inline span+span {
    font-size: var(--font-size-smaller) !important;
    display: block !important;
    overflow: hidden;
    font-weight: var(--font-weight-light);
}

body.evo ul.tabnav {
    height: 45px;
}

body.evo #centreColumn .catalog_boxes h2 {
    color: var(--main-text-color);
}

body.evo .block.tile_width_widget .headingLinkWrap span {
    color: var(--main-text-color);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-smaller);
}

body.evo .catalog_boxes div.block.full_width_widget:hover {
    box-shadow: none !important;
}

body.evo form.tableForm table:not(.messageHeader), body.evo table:not(.messageHeader) {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
    padding: 10px;
}

body.evo .messageHeader {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}


body.evo #ClassListsWidget form.tableForm table{
    padding: 0px;
}

table tr td span.no-print {
    color: var(--light-text-color);
}

body.evo .activity_block .item span {
    font-size: var(--widget-text-font-size);
}

body.evo .section_nav_holder .section_nav ul a.selected span {
    font-weight: var(--font-weight-bold);
}

body.evo .sectionLink.inverted.circle+.sectionLink.inverted,
body.evo .section_header_wrap .sectionLink.inverted {
    background: var(--active-color);
    color: #fff;
    font-weight: var(--font-weight-bold);
    padding: 1px 20px;
}

body.evo .rightColumn a.sectionLink{
    color: var(--link-color);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-medium);
}

body.evo #mainContent .section_end_links {
    display: none;
}

body.evo .sectionLink.inverted.circle {
    width: 27px;
    padding: 3px;
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
}


body.evo #contentWrap .materialStyle h1 {
    font-size: 25px;
}

body.evo #contentWrap .materialStyle h2 {
    font-size: 21px;
}

body.evo #contentWrap .materialStyle h3 {
    font-size: 19px;
}

body.evo #contentWrap .materialStyle h4 {
    font-size: 17px;
}

body.evo #contentWrap .materialStyle h5 {
    font-size: 16px;
}

body.evo #contentWrap .materialStyle h1,
body.evo #contentWrap .materialStyle h2,
body.evo #contentWrap .materialStyle h3,
body.evo #contentWrap .materialStyle h4,
body.evo #contentWrap .materialStyle h5 {
    font-weight: 500;
    color: var(--main-text-color);
}

body.evo #contentWrap .materialStyle table tr:first-child td {
    padding-top: 6px;
    border-top: 1px solid var(--user-table-border-color, #cacaca);
}

body.evo #contentWrap .materialStyle table tr:last-child td {
    border-bottom: 1px solid var(--user-table-border-color, #cacaca);
}

body.evo #contentWrap .materialStyle span {
    font-family: inherit;
}

#centreColumn div[id*="resource_"] h2 {
    font-size: 14px;
    font-weight: var(--font-weight-bold);
}


body.evo .search-drop {
    height: 30px;
    width: 30px;
    top: 0;
}


body.evo .search-container>.content {
    top: 47px;
}

body.evo .search-bar input {
    font-size: var(--font-size-medium);
}

body.evo #wrapper header .search-bar input::placeholder {
    color: var(--light-text-color) !important;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo .search-bar i.search {
    margin-top: 0px;
}

body.evo #wrapper header *:not(.newAlert) {
    vertical-align: middle;
}

header .quickLinks a .newAlert {
    border-radius: 50px;
    width: auto;
    height: 10px;
    min-width: 10px;
    height: 10px;
    text-align: center;
    line-height: 10px;
}

body.evo .quickLinks>a:hover, body.evo .dropDownHolder>a:hover {
    background: transparent;
}

body.evo .quickLinks>a:hover i, .quickLinks>a:focus i, body.evo .quickLinks>div>a:hover>i,
body.evo .quickLinks>div>a:focus>i, body.evo a.rightMobileBar:hover i, .quickLinks>.highlight i,
body.evo a.rightMobileBar.highlight i {
    opacity: 1;
}

body.evo .username img {
    box-shadow: var(--box-shadow);
}

body.evo .username img:hover {
    box-shadow: var(--box-shadow-hover);
}

body.evo .username span.name {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
}

body.evo a.rightMobileBar i:after, body.evo .quickLinks>a>i:after, body.evo .quickLinks>a.header_cart i:after, body.evo .quickLinks>div>a>i:after, body.evo .quickLinks button i:after, body.evo .linkHome i:after {
    filter: unset;
}

body.evo #dropDown #user-menu i:after {
    color: var(--main-text-color);
}

body.evo nav#user-menu .sub-menu i:after {
    color: var(--main-text-color);
}

body.evo .linksHolder i.arrow-down {
    position: absolute;
    width: 16px;
    height: 16px;
    background: var(--button-bg-3);
    display: inline-block;
    line-height: 18px !important;
    text-align: center;
    right: 16px;
    top: 30px;
    z-index: 3;
    border-radius: 50px;
    vertical-align: middle;
    padding: 0px;
    font-size: 10px;
    box-shadow: var(--box-shadow);
    border:2px solid var(--border-color-light);
}

[data-theme="dark"] body.evo .quickLinks>div>a>i:after, [data-theme="dark"] body.evo .quickLinks>a>i:after {
    filter: brightness(30%);
}

body.evo .quickLinks a.username img {
    box-shadow: var(--box-shadow);
    border: 1px solid var(--border-color-light);
}

body.evo .profile_header .options_btn i {
    vertical-align: middle;
    color: #fff;
}

body.evo .profile_header .options_btn i {
    color: #fff;
}

body.evo .catalog_item .profile_header .profile_info .alignR .link_button {
    background: var(--active-color) !important;
    padding: 10px 12px;
    box-shadow: var(--tile-shadow);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
    border-radius: 50px;
    color: #fff;
}

body.evo .sectionLink.inverted.circle {
    display: inline-block;
    border: 1px solid var(--button-bg-3);
    border-radius: 50px;
    font-weight: 550;
    font-size: var(--font-size-medium);
    background: var(--button-bg-3);
    width: 12px;
    height: 12px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    box-shadow: var(--box-shadow-btn);
}


body.evo .sectionLink.inverted.circle:hover{
    background: var(--button-bg-3);
    box-shadow: var(--box-shadow-btn-hover);
    transition: box-shadow 400ms;
}

body.evo #centreColumn .section_header_wrap a.sectionLink:has(.fa-book) {
    height: 20px;
    width: 20px;
    padding: 5px;
    display:block;
}

body.evo #centreColumn .section_header_wrap a.sectionLink.lessonIndex svg,
body.evo #centreColumn .section_end_links a.sectionLink.lessonIndex svg{
    display:none;
}

body.evo #centreColumn .section_header_wrap a.sectionLink i.fa-book:before{
    line-height:20px;
}

body.evo #centreColumn .section_header_wrap a.sectionLink i.fa-book{
    display: block !important;
}


body.evo .sectionLink.inverted.circle svg {
    width: 13px;
    height: 13px;
}

a.inverted svg path {
    fill: var(--button-color-2);
}

a.sectionLink.inverted.header-nav {
    background: var(--active-color);
    color: #fff;
    font-weight: var(--font-weight-medium);
    padding: 1px 20px;
}

body.evo .full_width_slider.swiper-container-horizontal *[class*='swiper-button'] {
    width: 35px;
    height: 35px;
    border-radius: 25px;
    overflow: hidden;
}

body.evo .catalog_boxes:not(.narrow_headers)>div .header h2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.evo .full_width_slider.swiper-container-horizontal .swiper-wrapper>* .header h2 {
    height: 61px;
}

body.evo .footer>.circleNum span:not(.textOffScreen) {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-bold);
}


body.evo nav#user-menu .sub-menu~ol>li>a span {
    font-size: 17px !important;
    line-height: 30px !important;
}

body.evo nav#user-menu .sub-menu~ol>li>a {
    justify-content: center;
    padding: 6px 12px 6px 12px !important;

}

body.evo nav#user-menu .sub-menu~ol>li>a>span>i:after {
    font-weight: var(--font-weight-thin);
}

body.evo nav#user-menu .sub-menu ol > .fixed-bottom > li.mm-opened > .dropDown .scroll {
    margin-bottom: 0px;
}

body.evo nav#user-menu ol>li i:after, body.evo nav#user-menu ol>.scroll-wrapper>li i:after {
    font-weight: var(--font-weight-thin);
}

body.evo nav#user-menu ol li>a>span>i {
    font-size: 16px !important;
}

body.evo nav#user-menu ol>li>a, body.evo nav#user-menu ol>.scroll-wrapper>li>a,
body.evo:not(.nav-open) nav#user-menu ol li span:nth-child(2) {
    line-height: 16px !important;
}

.lesson_boxes>a {
    background: #fff !important;
}

.lesson_boxes>a .user_progress, body.evo .catalog_boxes a.user_progress {
    padding: 5px 15px;
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: 550;
    font-size: var(--font-size-medium);
    line-height: 23px;
}

body.evo .user_progress.chart .percentage {
    color: var(--main-text-color) !important;
}

body.evo .inline_tabs_options {
    border-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    justify-content: center;
    align-items: start;
}

@media screen and (max-width: 559px) {
    body.evo .inline_tabs_options {
        display: block !important;
    }
}

body.evo .inline_heading_tabs_options{
    margin-bottom: 10px;
}

body.evo button.quick_edit_icon.widget_option_icon {
    right: 5px;
    top: 0px;
    position: absolute;
}

body.evo i.email:after, .quickLinks i.unread:after {
    content: '\f0e0';
    font-weight: var(--font-weight-thin);
}

body.evo .quickLinks i {
    font-size: 16px;
}

body.evo .quickLinks i.help {
    font-size: 17px;
    margin-top: -2px;
}

body.evo .quickLinks i:after,
body.evo #wrapper .quickLinks .notificationsHolder i:after{
    font-weight: var(--font-weight-thin);
}

body.evo .quickLinks>a {
    padding: 0 7px;
}

body.evo .search-drop>i {
    font-size: 14px;
}

body.evo .search-drop>i:after {
    font-weight: var(--font-weight-bold);
}

body.evo .quickLinks .search-bar i:after {
    font-weight: var(--font-weight-bold);
}

body.evo .quickLinks>.search-container {
    margin-right: 15px;
}

body.evo .quickLinks .dropDownHolder>a:focus {
    background: transparent;
}

body.evo .tablet-logo-container {
    display: none;
}

.evo.keep_tablet_nav .navTrigger+.site_name+div.sectionTitle, .evo.keep_tablet_nav .linkHome+.site_name+div.sectionTitle, .evo.keep_tablet_nav header .mobileBar+.site_name+.sectionTitle {
    margin-left: 210px;
}

body.evo .sliding_banner_text p, body.evo .sliding_banner_text h3 {
    color: #fff;
}

body.evo #centreColumn .block:not(.classes_widget) .sliding_banner_text a.sliding_banner_cta {
    font-size: 13px !important;
    font-weight: var(--font-weight-medium);
    padding: 8px 25px;
}

body.evo nav#user-menu>ol>li>a span, body.evo nav#user-menu ol>.fixed-bottom>li>a span,
body.evo nav#user-menu>ol>li>a i:after, body.evo nav#user-menu ol>.fixed-bottom>li>a i:after {
    color: var(--left-bar-text) !important;
}

body.evo:not(.nav-open) nav#user-menu ol>li>a:hover span, body.evo:not(.nav-open) nav#user-menu ol>.fixed-bottom>li>a:hover span, body.evo:not(.nav-open) nav#user-menu ol>.scroll-wrapper>li>a:hover span {
    color: #fff;
}

body.evo nav#user-menu ol>li>a:hover i:after, body.evo nav#user-menu ol>.fixed-bottom>li>a:hover i:after, body.evo nav#user-menu ol>.scroll-wrapper>li>a:hover i:after {
    color: var(--active-color);
}

body.evo nav#user-menu ol>.fixed-bottom>li>a:hover i.questionMark:after{
    color: var(--active-color) !important;
}

body.evo .sliding_banner_half>img {
    box-shadow: none;
}

body.evo:not(.nav-open) nav#user-menu ol>li.mm-opened>a, body.evo:not(.nav-open) nav#user-menu ol>li:hover>a {
    background: var(--nav-button-hover);
}

body.evo:not(.nav-open) nav#user-menu ol li.mm-opened>a span, body.evo:not(.nav-open) nav#user-menu ol li:hover>a span, body.evo:not(.nav-open) nav#user-menu ol li>a.selected span {
    color: var(--main-text-color) !important;
}

body.evo nav#user-menu ol .scroll li:hover {
    background-color: var(--button-hover-bg);
}

body.evo:not(.nav-open) nav#user-menu>.sub-menu>ol>li>a:hover span {
    color: var(--main-text-color);
}

body.evo .drag_wrap i.dotHandle:after {
    color: var(--light-text-color);
    text-align: left;
}

body.evo .catalog_boxes .drag_wrap i.dotHandle {
    margin: -50px -20px 0px 0px;
    display: none;
    background: white;
    height: 20px;
    border-radius: 4px;
    padding-top: 3px;
    box-shadow: var(--box-shadow);
}

body.evo .catalog_boxes .header .description, body.evo .catalog_boxes .header .lightText {
    padding: 0px;
}

body.evo .modern_module_info i:after {
    color: var(--main-text-color) !important;
}

body.evo .catalog_boxes .draggable:hover .drag_wrap i.dotHandle {
    display: inline-block;
}

body.evo #centreColumn .catalog_boxes h2 {
    color: var(--main-text-color);
    padding: 8px 0px 0px 0px;
    height: auto;
    line-height: 20px;
}

body.evo[class*='_lessons'] #centreColumn .catalog_boxes h2 {
    padding: 0px;
    line-height: 18px;
    font-size: var(--font-size-large) !important;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box !important;
    margin-bottom: 10px;
}

body.evo[class*='_lessons'] #centreColumn .modern_module_row h2 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

body.evo[class*='_lessons'] #centreColumn .modern_module_row h2 span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: calc(100dvw - 1020px);
}

body.evo .catalog_boxes:not(.narrow_headers)>a .header h2, body.evo .catalog_boxes:not(.narrow_headers)>div .header h2 {
    height: auto;
}

body.evo form#sections table .table_flex_content>span a {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo #contentHeadingWrapper .teacherLessonHeading {
    height: 89px;
}

body.evo .media-container .footer button {
    padding: 0px 15px;
    display: inline-block;
    color: var(--button-color-2);
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: 550;
    font-size: var(--font-size-medium);
    background: transparent;
}


body.evo .embeded_resource_in_content .media-container .footer>span, body.evo .embeded_resource_in_content .media-container .footer>div.copyright {
    font-size: var(--font-size-smaller);
    color: var(--main-text-color);
}

body.evo .embeded_resource_in_content .media-container .footer {
    padding-top: 15px;
}

body.evo #centreColumn .sliding_banner_text h3 {
    font-size: 18px;
    font-weight: var(--font-weight-bold);
}

body.evo .sliding_banner_inner {
    padding: 0px;
}

body.evo .sliding_banner_item {
    border-radius: 20px;
}

body.evo #centreColumn .lesson_boxes .footer .label, body.evo .dashboard_widgets .block:not([class*='_width_widget']) .footer .label {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-smaller);
    color: var(--button-color-2);
    padding: 0px;
    margin-top: 0px;
    line-height: 30px;
}

body.evo nav#user-menu a .image {
    width: 56px;
}

body.evo nav#user-menu ol>li>a>span>i {
    line-height: 17px;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu ol>li.mm-opened>a, body.evo:not(.nav-open) nav#user-menu .sub-menu ol>li:hover>a, body.evo:not(.nav-open) nav#user-menu .sub-menu ol>li>a.selected, body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li>a.selected, body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li:hover>a, body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li:hover>a span, nav#user-menu .sub-menu ol>.scroll-wrapper>li:hover>a span, body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li:hover>a span {
    background-color: var(--content-bg-color) !important;
}

body.evo:not(.nav-open) nav#user-menu ol>li.mm-opened>a i:after, body.evo:not(.nav-open) nav#user-menu ol>li:hover>a i:after, body.evo:not(.nav-open) nav#user-menu ol>li>a.selected i:after, body.evo:not(.nav-open) nav#user-menu ol>.scroll-wrapper>li>a.selected i:after {
    color: var(--active-color) !important;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu ol>li.mm-opened>a span, body.evo:not(.nav-open) nav#user-menu .sub-menu ol>li:hover>a span, body.evo:not(.nav-open) nav#user-menu .sub-menu ol>li>a.selected span, body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li:hover>a span, body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li>a.selected span {
    color: var(--main-text-color) !important;
}

.full_width_widget .headingLinkWrap h2 {
    font-size: 18px !important;
}

body.evo #centreColumn .banner_widget .headingLinkWrap h2 {
    padding-left: 26px !important;
}

body.evo .right-drawer .drawer-handle {
    position: absolute;
    top: 45%;
    left: -20px;
    background: var(--block-bg-color);
    background: var(--section-nav-bg);
    height: 60px;
    padding-top: 19px;
    transition: .3s ease all;
    cursor: pointer;
    border-top-left-radius: 50px;
    width: 30px;
    border-bottom-left-radius: 50px;
    box-shadow: -5px 5px 6px 0px rgb(11 0 60 / 4%);
}

.fat-drawer .head i.xCross {
    font-size: 14px;
    vertical-align: top;
}


.fat-drawer .chat-window .head i.xCross{
    line-height:40px;
}


body.evo .right-drawer .drawer-handle i.arrowLeft {
    padding-left: 8px;
}

i.copilot:after, i.copilot-icon:after {
    color: var(--active-color);
}

body.evo .right-drawer.active>.drawer-content>.head .copilot-icon {
    margin-right: 10px;
}

body.evo .right-drawer .title.no-print {
    font-weight: 550;
    font-size: 18px;
}

body.evo .rightColumn #filter_form input, body.evo .rightColumn #filter_form fieldset label, body.evo .rightColumn #filter_form select {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}

body.evo .rightColumn #filter_form p:not(:first-child)>label, .rightColumn #filter_form fieldset legend {
    font-weight: var(--font-weight-bold);
}

body.evo .rightColumn #filter_form p>label, body.evo .rightColumn #filter_form fieldset legend {
    font-weight: var(--font-weight-bold);
}

body.evo #blockView>div:hover {
    box-shadow: var(--box-shadow-hover) !important;
}

body.evo #blockView>div {
    box-shadow: var(--box-shadow) !important;
}

body.evo .drawer-content {
    box-shadow: none !important;
}

body.evo #centreColumn .groups_widget .catalog_boxes#blockView div.label {
    font-size: var(--font-size-small);
    font-family: var(--primary-font);
}

body.evo #centreColumn .catalog_boxes .block:not(.classes_widget):not(.skills_widget) a,
body.evo #centreColumn .catalog_boxes .block:not(.classes_widget):not(.skills_widget) a {
    font-size: var(--font-size-small);
}

body.evo .ms-status i.xCross:after {
    content: '\e59b';
    font-size: var(--font-size-smaller);
    font-weight: var(--font-weight-bold) !important;
    color: var(--light-text-color);
}

body.evo .rightColumn .calendar_filter label {
    font-size: var(--font-size-medium);
}

.badgeImages_btn_holder #use_button input[type="button"] {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-color: var(--active-color) !important;
    background: var(--active-color);
}
body.evo ul.badge_tabnav.vis .dropDown.dDownShow {
    height: 42px !important;
    padding: 0;
    margin-right:10px;
}
body.evo ul.badge_tabnav.vis {
    min-height: 101px !important;
}

body.evo .rightColumn #filter_form select, body.evo .rightColumn #filter_form input {
    margin-bottom: 5px;
    border-radius: 50px !important;
    padding-left: 0.5rem;
}

body.evo div[id^="resource_"] {
    background: var(--bg-color);
    padding: 10px;
    margin: 15px 0px;
    border-radius: var(--main-border-r);
    box-shadow: var(--box-shadow);
}

body.evo .resource-youtube {
    margin-left: 0px !important;
    width: 100% !important;
}

body.evo #centreColumn .resource_img {
    text-align: left;
}

body.evo[class*='_teacher_lesson'] .max_user_content_width .resource-youtube,
body.evo[class*='_teacher_lesson'] #centreColumn .max_user_content_width .resource_img {
    margin-bottom: 10px !important;
}

body.evo ul.tabnav li a span {
    width: auto;
    min-width: 13px;
    height: 13px;
    line-height: 13px;
}


body.evo ul.tabnav li .dropDownHolder a {
    background: transparent;
    box-shadow: none;
}

body.evo ul.tabnav li .dropDown {
    margin-top: 0px;
}

body.evo ul.tabnav li.tabs_more_link .dropDownHolder a {
    border-radius: 50px;
    padding: 3px 10px !important;
    font-weight: var(--font-weight-medium);
    vertical-align: middle;
    white-space: nowrap;
}

body.evo ul.tabnav .tabs_more_link .dropDown a:hover {
    background: var(--button-hover-bg-2);
    color: var(--button-color-2) !important;
    font-weight: var(--font-weight-medium);
}

body.evo ul.tabnav .tabs_more_link .dropDownHolder a.selected{
    background: var(--active-color);
}

body.evo #centreColumn ul.tabnav li.tabs_more_link .dropDownHolder a:before {
    background: transparent;
}

body.evo #centreColumn ul.tabnav li .dropDownHolder>a:hover {
    background: transparent;
    box-shadow: none;
}

body.evo #centreColumn table .tableDropdown .dropDown a{
    border-radius: 50px;
    padding: 6px 10px !important;
    margin-bottom: 5px !important;
    color: var(--button-color-2) !important;
    font-weight: var(--font-weight-medium);
    font-size:12px;
}

body.evo #centreColumn table .tableDropdown .dropDown a:hover{
    background: var(--button-hover-bg-2);
    color: var(--button-color-2) !important;
    font-weight: var(--font-weight-medium);
}

body.evo #centreColumn table .tableDropdown .dropDown a i:after{
    color: var(--button-color-2) !important;
}


body.evo span.profile_header_nav i:after {
    color: #fff;
}

body.evo .catalog_item .profile_header .profile_info .alignR .link_button {
    color: #ffffff;
    background: var(--active-color);
    padding: 8px 25px;
    box-shadow: var(--tile-shadow);
    font-weight: var(--font-weight-medium);
    border-radius: var(--border-r-rounded);
    font-size: var(--font-size-medium);
}

body.evo .catalog_item .profile_header .profile_info .alignR .link_button:hover {
    box-shadow: var(--box-shadow);
    background: rgb(var(--active-color-hover));
    opacity: 1;
}

body.evo .catalog_boxes .footer .block i:after {
    color: var(--button-color-2);
}

body.evo .dashboard_widgets #ClassListsWidget .footer, body.evo .catalog_boxes .footer {
    margin-bottom: 0px;
    margin-top: 15px;
    align-items: center;
    line-height: 30px;
}

body.evo .difSignIn:hover, body.evo input[type="submit"]:hover, body.evo input[type="button"]:hover, body.evo button:not(.options_btn):hover, body.evo nav.mainNav .cta a:hover, body.evo nav.mainNav .cta a:focus, body.evo nav#leftColumn ol li a.centreIcon:hover, body.evo footer a:hover, body.evo .catalog_boxes .footer>a:hover, body.evo .catalog_boxes .header>a:hover i {
    opacity: 1;
}

.badgeImages_btn_holder #use_button input[type="button"] {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-color: var(--active-color) !important;
    background: var(--active-color);
}
body.evo ul.badge_tabnav.vis .dropDown.dDownShow {
    height: 42px !important;
    padding: 0;
    margin-right:10px;
}
body.evo ul.badge_tabnav.vis {
    min-height: 101px !important;
}

body.evo .full_width_slider.swiper-container-horizontal *[class*='swiper-button'] i:after {
    font-size: 20px;
    font-weight: var(--font-weight-thin);
}

body.evo .full_width_slider.swiper-container-horizontal *[class*='swiper-button'] i {
    width: 35px;
    background: var(--bg-color);
    display: inline-block;
    height: 35px;
    padding-top: 8px;
}

body.evo .catalog_boxes .quick_edit_icon i {
    margin-top: 0px !important;
    line-height: 23px;
}

body.evo .catalog_boxes>*:hover .quick_edit_icon i {
    margin-top: 0px;
    line-height: 23px;
}

body.evo i.block_widget:after {
    content: '\e197';
    font-family: 'Font Awesome 6 Pro';
    font-weight: var(--font-weight-medium);
}

body.evo .optionsRibbon.withBorder{
    border-bottom: 0px;
}

.optionsRibbon i.sessions:after {
    content: '\f03a';
    font-weight: var(--font-weight-bold);
}

.user_progress.completed {
    color: var(--success-color);
}

.lesson_boxes>a>.user_progress.completed i:after {
    color: var(--success-color) !important;
    font-weight: var(--font-weight-bold);
}


body.evo .notificationsHolder .dropDown .scroll ul {
    background: var(--dropdown-bg);
}

body.evo .notificationsHolder .dropDown .cta {
    border-top: 4px solid var(--dropdown-bg);
}

body.evo .notificationsHolder .dropDown .scroll a {
    padding: 0px;
}

body.evo .notificationsHolder .dropDown .scroll ul {
    padding: 10px;
}

body.evo .notificationsHolder .dropDown .scroll li {
    padding: 7px 10px;
}

body.evo .jobsHolder .dropDown ul li .ms-user, body.evo .jobsHolder .dropDown ul li .ms-subject, body.evo .jobsHolder .dropDown ul li .ms-date, .messagesHolder .dropDown ul li .ms-user, .messagesHolder .dropDown ul li .ms-subject, .messagesHolder .dropDown ul li .ms-date, .notificationsHolder .dropDown ul li .ms-user, .notificationsHolder .dropDown ul li .ms-subject, .notificationsHolder .dropDown ul li .ms-date, .notificationsPopUpHolder ul li .ms-user, .notificationsPopUpHolder ul li .ms-subject {
    width: 310px;
    padding-top: 0px;
}


body.evo .notificationsHolder .dropDown ul li.ms-holder:hover {
    background: var(--content-bg-color);
}

body.evo .catalog_boxes {
    display: flex;
    flex-flow: row wrap;
}

body.evo .search-content:empty:after {
    content: '\f002';
    font-family: "Font Awesome 6 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: var(--placeholder-text);
    width: 100% !important;
    text-align: center;
    height: initial !important;
    background: none;
    top: calc(50% - 50px) !important;
    left: 0 !important;
    position: absolute !important;
    font-size: 50px;
}

body.evo .search-content:empty:before {
    content: 'Search Results';
    color: var(--placeholder-text);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    display: block;
    text-align: center;
    top: 50%;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}

body.evo .rightColumn ul li, body.evo #centreColumn .rightColumn ul li {
    font-weight: var(--font-weight-medium);
    font-size:.75rem;
    line-height: 18px;
}

body.evo .rightColumn ul li, body.evo #centreColumn .rightColumn ul li span {
    font-size: var(--font-size-smaller) !important;
}

body.evo #mainContent .dashboard_info.adhoc_report p,
body.evo #mainContent .dashboard_info.html_widget p.demo_text {
    font-size: var(--font-size-small) !important;
    color: var(--placeholder-text);
}

body.evo #mainContent .dashboard_info .footer,
body.evo #mainContent .dashboard_info .footer > div{
    font-size:var(--font-size-small) !important;
}

body.evo .learner_module_view.modern_module_list tr.section table {
    background: var(--inverse-bg-color);
}

body.evo .catalog_boxes .label.box i:after {
    color: var(--main-text-color);
}

body.evo .learner_module_view.modern_module_list i.tick:after, body.evo .learner_module_view.modern_module_list a:hover i.tick:after {
    color: var(--success-color);
}

body.evo .learner_module_view.modern_module_list table tr:first-child th:after {
    background: transparent;
    top: 0;
}

body.evo .modern_module_list>table .highlightLesson .section tr td:first-child {
    margin-bottom: 0px !important;
}

body.evo .modern_module_list>table .highlightLesson .section tr td table tr td {
    padding: 0px 17px !important;
    line-height: 45px;
    height: 45px;
}

body.evo tbody.highlightLesson .modern_module_row ~ tr:last-of-type td{
    border-radius:0px;
}

body.evo .modern_module_list tr.section table {
    margin-top: 10px;
}

body.evo .modern_module_list tr.section table {
    border-spacing: 0 10px;
}

body.evo nav#user-menu .sub-menu ol.staticMainNav>li>a:active {
    background: var(--active-color);
}

body.evo .catalog_boxes>div * {
    /* margin-right:0px !important; */
}

body.evo .tile_widgets>.block {
    margin: 0px;
    padding: 5px;
    box-sizing: border-box;
}

body.evo .catalog_boxes .tile_widgets {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    column-gap: 15px;
    margin-right: -4px !important;
    row-gap: 15px;
    margin-left: 0px !important;
}

body.evo .studentTips>p.floatR {
    font-size: var(--font-size-medium);
    margin-top: 15px;
    font-weight: var(--font-weight-bold);
}

body.evo #centreColumn .studentTips p i {
    margin-top: 0px;
}


.modern_module_info .accordionLink .label {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
    margin-right: 0px;
}



.modal .modal__container .navbar .title {
    font-weight: var(--font-weight-bold);
}

body.evo:not(.ctr_user_cart) nav#user-menu~#wrapper footer {
    left: 0px;
}

body.evo.fullscreen #user-menu .sub-menu>ol {
    display: none;
}

body.evo nav#user-menu.subnav-open .sub-menu ol .scroll-wrapper .dropDown .cta>li>a {
    margin: 0 auto;
}

body.evo .footerLinks {
    margin-left: 10px;
    width: auto;
}


body.evo.portal .fullWidthMobile {
    width: auto;
}

body.evo.portal .footerNav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width:100%;
}

body.evo .centre_widgets .block.full_width_widget .headingLinkWrap {
    padding-left: 0px;
}

body.evo .section_nav_handle i {
    font-size: var(--font-size-smaller);
    padding-top: 3px;
}

.tile_width_widget:not(.expanded_widget) .catalog_boxes>* {
    height: auto;
    min-height: 40px;
}

body.evo .widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid ul.tabnav li a span.block {
    margin-left: 10px !important;
}

body.evo .modal .select2-container-multi .select2-choices .select2-search-field input {
    border: 0px !important;
}

body.evo .modal select#field {
    margin-bottom: 10px;
}

body.evo header .quickLinks a .newAlert, a.rightMobileBar .newAlert {
    border: 1px solid var(--active-color);
    background-color: var(--active-color);
}


body.evo .messagesHolder .scroll ul {
    padding: 10px;
}

body.evo .messagesHolder li.ms-holder a {
    width: 410px;
    display: table-cell;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
    padding: 0px;
}

body.evo .jobsHolder .dropDown ul li, body.evo .messagesHolder .dropDown ul li, body.evo .notificationsHolder .dropDown ul li {
    padding: 7px 10px;
    border-radius: 0;
}

body.evo .jobsHolder .dropDown ul li:hover, body.evo .messagesHolder .dropDown ul li:hover, body.evo .notificationsHolder .dropDown ul li:hover {
    padding: 7px 10px;
    border-radius: var(--main-border-r);
    background: var(--content-bg-color);
}

.notificationsHolder .dropDown span.ms-user, .messagesHolder .dropDown span.ms-user {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium) !important;
}

.notificationsHolder .dropDown span.ms-subject, .messagesHolder .dropDown span.ms-subject {
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-medium) !important;
}

body.evo #wrapper .notificationsHolder .dropDown span.ms-date, body.evo #wrapper .messagesHolder .dropDown span.ms-date {
    font-size: var(--font-size-small) !important;
    color: var(--light-text-color) !important;
    font-weight: var(--font-weight-medium);
    margin-top: 5px;
    padding-bottom: 0px;
}

body.evo .messagesHolder .dropDown {
    width: 500px;
}

body.evo .activity_block #NoActivity span, body.evo .activity_block #NoActivity i:after {
    color: var(--placeholder-text);
    font-weight: var(--font-weight-light);
}

body.evo .catalog_boxes:not(.app_boxes):not(.dashboard_widgets)>*:not(.no_hover):not(.highlight), body.evo .catalog_boxes.lesson_boxes>*:not(.ui-sortable-helper) {
    box-shadow: var(--box-shadow);
    border: 0px;
    transition: var(--box-shadow-transition);
    background: var(--bg-color) !important;
}

body.evo .catalog_boxes:not(.app_boxes):not(.dashboard_widgets)>*:not(.no_hover):not(.highlight):hover, body.evo .catalog_boxes.lesson_boxes>*:not(.ui-sortable-helper):hover {
    box-shadow: var(--box-shadow-hover);
    border: 0px;
}

body.evo .activity_block .item span:first-of-type {
    font-weight: var(--font-weight-bold);
}

body.evo .activity_block .item span {
    font-weight: var(--font-weight-light);
}

body.evo:not(.nav-open) nav#user-menu .sub-menu~ol li.mm-opened>a>span>i, body.evo:not(.nav-open) nav#user-menu .sub-menu~ol li:hover>a>span>i {
    margin-left: -11px;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu~ol .fixed-bottom>li>a>span>i, body.evo:not(.nav-open) nav#user-menu .sub-menu~ol .fixed-bottom>li>a>span>i {
    margin-left: -2px;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu~ol .fixed-bottom>li.mm-opened>a>span>i, body.evo:not(.nav-open) nav#user-menu .sub-menu~ol .fixed-bottom>li:hover>a>span>i {
    margin-left: -11px;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu~ol li>a.selected>span>i {
    margin-left: -11px;
}



/* Dashboard Tile Widgets */

body.evo[class*="_gradebook"] .highcharts-container,
body.evo[class*="_gradebook"] .highcharts-container svg {
    width: 100% !important;
}

.highcharts-container text {
    font-weight: var(--font-weight-medium);
    color: var(--main-text-color) !important;
    fill: var(--main-text-color) !important;
}

body.evo .awards_widget .award_info .award_src, body.evo .awards_widget .award_info a {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
    color: var(--main-text-color);
}

body.evo .awards_widget:not(.expanded_widget) .award_info a.name .pdf{
    margin: 0px;
}

body.evo .rightColumn ul li span:not(.ratingStatic) i {
    margin: 0px;
}

body.evo .block[class*='_width_widget'] .widget_intro_text .section-intro .sideImg {
    width: 40px !important;
    display: inline-block;
}

@media screen and (max-width: 1024px) {
    body.evo .block[class*='_width_widget'] .widget_intro_text .section-intro .sideImg {
        width: 100% !important;
    }
}

body.evo .block[class*='_width_widget'] .widget_intro_text .section-intro .sideImg img {
    width: 110px;
}

body.evo .awards_widget:not(.expanded_widget) .award_info a.name span {
    color: var(--main-text-color);
}

body.evo .awards_widget:not(.expanded_widget) .award_info .name {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-bold);
}

body.evo .games_widget .games_widget_content div div {
    font-size: var(--font-size-small) !important;
    line-height:22px;
}

body.evo .games_widget .games_widget_content div span {
    text-align: center;
}

body.evo .games_widget .games_widget_content div a {
    font-weight: var(--font-weight-bold);
    color: var(--main-text-color);
}

body.evo .news_widget .comments span.comment_date,
body.evo .dashboard_widgets .dashboard_info .comments span.comment_date
{
    font-size: var(--font-size-smaller);
    color: var(--light-text-color);
    font-weight: var(--font-weight-medium);
}

body.evo[class*="_calendar"] #centreColumn .catalog_boxes h2,
body.evo[class*='_library'] #centreColumn .catalog_boxes h2 {
    padding-left: 0px;
}


body.evo .news_widget .comments .post-content,
body.evo .dashboard_widgets .dashboard_info .comments .post-content  {
    font-size: var(--font-size-smaller);
    line-height: 14px;
    background-color: var(--light-gray-bg) !important;
    padding: 10px;
    border-radius: var(--main-border-r);
    font-weight: var(--font-weight-medium);
}

body.evo #centreColumn .news_widget .comments a.commentTitle,
body.evo .dashboard_widgets .dashboard_info .comments a.commentTitle  {
    font-size: var(--font-size-smaller) !important;
    font-weight: var(--font-weight-bold);
    line-height: 18px;
}

body.evo .dashboard_widgets .comments .comment>img,
body.evo .dashboard_widgets .dashboard_info .comments .comment>img {
    width: 30px;
    height: 30px;
}

body.evo #centreColumn .block.tile_width_widget.groups_widget .catalog_boxes#blockView h2.class_name {
    font-size: var(--font-size-small) !important;
    font-weight: var(--font-weight-bold) !important;
    padding: 0px;
}

body.evo #centreColumn .groups_widget .catalog_boxes#blockView div.label {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
    padding: 0px;
}

body.evo #ClassListsWidget .catalog_boxes div* {
    display: flex;
    justify-content: space-between;
}

body.evo #ClassListsWidget .catalog_boxes div div.header {
    flex-grow: 1;
}


body.evo .tile_width_widget:not(.expanded_widget).groups_widget .catalog_boxes>* {
    min-height: 50px;
}

body.evo .tile_width_widget:not(.expanded_widget).groups_widget .catalog_boxes>* .flex_fixer .imgCrop {
    height: 30px;
    border-radius: 6px;
    padding: 0px;
}

body.evo .tile_width_widget i.widget-icon {
    display: inline-block;
    margin-right: 5px;
    padding-top: 0px;
}

body.evo .tile_width_widget i.widget-icon::after {
    color: var(--active-color);
}

body.evo .tile_width_widget.report_widget i.widget-icon::after{
    display:none;
}

body.evo.ctr_user_dashboard .leftColumn .tile_width_widget .headingLinkWrap {
    justify-content: start;
    min-height:auto;
}

body.evo .dashboard_widgets .block .headingLinkWrap {
    display: flex !important;
    align-items: center;
    justify-content: start;
}

body.evo .centre_widget_holder .widgets .dashboard_widgets .block .headingLinkWrap{
    margin-top: 8px;
}


body.evo #centreColumn .dashboard_widgets .headingLinkWrap h2 {
    font-size: 16px;
    padding-top: 0px;
}

body.evo.centre_widget_edit .centre_widgets .dashboard_widgets .headingLinkWrap i:after,
body.evo.centre_widget_edit .rightColumn .headingLinkWrap i.widget-icon:after{
    display: inline;
}

body.evo #centreColumn .catalog_boxes .block.tile_width_widget .header h2.class_name {
    line-height: 13px;
    padding-top:0px;
}

body.evo .tile_width_widget .fa-note-sticky::before {
    content: none;
}

body.evo .tile_width_widget .fa-note-sticky::after {
    content: "\f249";
}

body.evo.ctr_user_dashboard .leftColumn .tile_width_widget .headingLinkWrap .fa-note-sticky:before body.evo .tile_width_widget:not(.expanded_widget).groups_widget .catalog_boxes#blockView>div,
body.evo .catalog_boxes.catalog_student.catalog_mastery>div,
body.evo .tile_width_widget.catalog_widget .catalog_boxes>div, .awards_widget:not(.expanded_widget) .award_boxes>div,
body.evo .tile_width_widget.games_widget .games_widget_content ul>li {
    box-shadow: none !important;
    border-radius: 0px;
    padding: 10px 10px;
    border-bottom: 1px solid var(--border-color-light) !important;
    background-color: transparent !important;
}

body.evo .tile_width_widget:not(.expanded_widget).groups_widget .catalog_boxes#blockView>div h2.class_name,
body.evo .catalog_boxes.catalog_student.catalog_mastery>div h2.class_name,
body.evo .tile_width_widget.catalog_widget .catalog_boxes>div h2.class_name {
    font-size: var(--font-size-medium) !important;
    font-family: 'Poppins';
    font-weight: var(--font-weight-medium);
}

body.evo .tile_width_widget.catalog_widget .catalog_boxes>div .header,
body.evo .catalog_boxes.catalog_student.catalog_mastery>div .header {
    padding: 10px 5px;
}

body.evo .tile_width_widget.catalog_widget .catalog_boxes>div {
    min-height: 50px;
}

body.evo .awards_widget:not(.expanded_widget) .award_boxes>*,
body.evo .tile_width_widget.games_widget .games_widget_content ul>li {
    align-items: center;
    line-height: 14px !important;
    padding: 10px 0px 10px 5px !important;
}

body.evo .tile_width_widget.games_widget .games_widget_content ul>li div span {
    vertical-align: middle;
}

body.evo .tile_width_widget.games_widget .games_widget_content ul {
    padding: 0px !important;
}

body.evo .inline_heading_tabs_options .inline_tabs_options ul.tabnav {
    margin-left: 0;
}

body.evo .user_progress.chart .percentage {
    color: var(--main-text-color) !important;
    background: transparent !important;
}

body.evo .tile_width_widget.catalog_widget .catalog_boxes>* .flex_fixer .imgCrop {
    height: 30px;
    border-radius: 6px;
    padding: 0px;
}

body.evo .inline_heading_tabs_options+h2,
body.evo .inline_heading_tabs_options ~ table + h2
body.evo .tile_width_widget:not(.expanded_widget) .catalog_boxes {
    padding: 0px
}

body.evo .inline_heading_tabs_options+h2 ~ #SearchResultsWrapper{
    position: relative;
}

body.evo .tile_widgets>.block {
    padding: 2px 5px 5px;
}

body.evo .tile_width_widget:not(.expanded_widget).mastery_widget .catalog_boxes>* .flex_fixer .imgCrop {
    height: 30px;
    border-radius: 6px;
    padding: 0px;
}

body.evo .tile_width_widget:not(.expanded_widget) .catalog_boxes>* .flex_fixer {
    width: 30px;
    height: 30px;
}

body.evo .catalog_boxes.catalog_student.catalog_mastery>div a {
    padding-right: 5px;
}

@media screen and (min-width: 2050px) {
    body.evo .dropDown.notificationsDropDown.dDownShow, body.evo .dropDown.messagesDropDown.dDownShow {
        right: calc((100% - 2028px)/2);
    }

    body.evo nav.section_nav_holder {
        left: calc((100% - 1742px)/2) !important;
    }

    body.evo:not(.section_nav_open):not(:has(> nav#user-menu.subnav-open)) nav.section_nav_holder {
        left: calc((100% - 1900px)/2) !important;
    }

    body.evo.section_nav_open:not(:has(> nav#user-menu.subnav-open)) nav.section_nav_holder {
        left: calc((100% - 1670px)/2) !important;
    }
}

body.evo .rightColumn .event_date {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-smaller);
    background: var(--light-gray-bg);
    display: block;
    padding: 4px 8px;
    border-radius: 6px;
}


body.evo .catalog_boxes .tile_img_label {
    border-radius: var(--border-r-rounded);
    border: 0px;
    box-shadow: none !important;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
    padding: 3px 10px;
    background: var(--light-gray-bg);
    box-shadow: var(--box-shadow-hover);
}

.heading_amount, .heading_amount_sml {
    background: var(--light-gray-bg);
}

.rightColumn .hidden_widgets_holder .heading_amount {
    font-size: var(--font-size-medium);
}

body.evo nav#user-menu .dropDown .cta {
    background: var(--light-gray-bg);
}


body.evo nav#user-menu .dropDown .cta i.add {
    background: var(--active-color);
    width: 23px;
    height: 23px;
    border-radius: 50px;
    line-height: 23px;
    color: #fff;
}

body.evo nav#user-menu .dropDown .cta i.add:hover {
    filter: brightness(1.05);
}

body.evo nav#user-menu .dropDown .cta i.add:after {
    color: #fff !important;
}


/* Titles */
body.evo #mainContent .inline_tabs_options ~ h2{
    margin-bottom: 0px;
    margin-top: 10px;
}

body.ctr_standard_grading_scales.evo #mainContent .inline_tabs_options ~ h2{
    margin-bottom: 0px;
    margin-top: 20px;
}


/* Assessments */

body.evo form#assignments table td.assignment i, table.assignmentsTable td.assignment i {
    background: var(--color-lightgray);
    border-radius: var(--border-r-rounded);
    height: 22px;
    width: 22px;
    line-height: 22px;
}

body.evo form#assignments table td.assignment *, table.assignmentsTable td.assignment * {
    vertical-align: middle;
    line-height: 22px;
}

body.evo[class*="_checkbox_section"] #fixedSectionHeader ~ .optionsRibbon.optionsRight {
    top: -45px;
}

body.evo form#question_form ul li:before {
    display: none;
}

body.evo:not([class*="_dashboard"])[class*="assignment"] #centreColumn .leftColumn.block {
    padding: 10px;
}

body.evo[class*="_quiz"] i.xCross:after {
    color: var(--color-red)
}

body.evo[class*="_quiz"] i.tick:after {
    color: var(--color-green)
}

body.evo #mainContent form.question_form{
    padding:20px;
}

body.evo table.assignmentsTable tr td.print_total b {
    font-weight: 500 !important;
}

[data-theme="dark"] body.evo table.assignmentsTable tr td.print_total {
    background: var(--bg-color) !important;
}

body.evo table.assignmentsTable:has(tbody) thead:after {
    content: "";
    display: block;
    margin-top: 10px;
}

body.evo[class*="_teacher_assignments"] #centreColumn > .optionsRibbon.optionsRight li {
    top: 0;
    right: auto;
}

body.evo form#assignments table td.assignment > span a {
    color: var(--main-text-color);
}

body.evo[class*='_assignment'] #centreColumn .rightColumn .progress_list ul li.selected:before,
body.evo[class*='_assignment'] #centreColumn .rightColumn .progress_list ul li.completed:before,
body.evo[class*='_assignment'] #centreColumn .rightColumn .progress_list ul li:before{
    width: 5px !important;
    height: 5px !important;
}

body.evo[class*='_assignment'] #centreColumn .rightColumn .progress_list ul li, body.evo[class*='_assignment'] #centreColumn .rightColumn .progress_list ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

body.evo[class*='_assignment'] #centreColumn .rightColumn .progress_list ul:before {
    left: 27px;
}

body.evo #centreColumn .grade-student-top .grade-wrapper .grading .grade i{
    margin-top:0px;
}

body.evo .gs-table .tool-bar .optionsRibbon.tabsRight{
    top:0px;
}

#replayVisitorView li a {
    padding: 5px 15px !important;
    margin-top: 0px !important;
}

body.evo .optionsRibbon ul li a:has(i.add) span {
    color: #fff;
}

body.evo.portal .optionsRibbon .optionsRibbon-link {
    color: black;
}

body.evo.portal .optionsRibbon ul li.optionsRibbon-link a {
    color: black;
    padding: 5px 15px;
    background-color: var(--button-color);
}

body.evo.portal .optionsRibbon ul li.optionsRibbon-link i:after{
    color: black !important;
}

body.evo #centreColumn .resizable_columns .column_resize_handle{
    display:none;
}

body.evo #centreColumn .resizable_columns .rightColumn{
    width: auto !important;
    margin-top: 5px !important;
    margin-left: 5px !important;
    margin-right: 0px !important;
    width: 350px !important;
}

body.evo #centreColumn .resizable_columns .rightColumn .grading_fixed_col {
    top: 200px !important;
    padding: 0px;
    position: sticky;
    width: 350px !important;
    max-height: calc(100dvh - 250px);
    opacity: 1;
}

body.evo #centreColumn .resizable_columns .rightColumn{
    min-width:unset !important;
}

body.evo #centreColumn .resizable_columns .rightColumn .block {
    width: auto;
}

body.evo[class*='_freeform_assignment'] form#submissions{
    margin-top:20px;
}

body.evo[class*='_assignment'] .gs-table .tool-bar .optionsRibbon.tabsRight {
    top: 0px;
}

body.evo[class*='_show_rubric'].act_show_rubric .gs-table .tool-bar .optionsRibbon.tabsRight{
    left: auto;
}

body.evo[class*='_assignments'] form#assignments table td i:after{
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo[class*='_assignments'] form#assignments table i:after {
    font-weight: var(--font-weight-light);
    color: var(--icon-color);
}

body.evo[class*='_assignments'] form#assignments table i.icnColor:after {
    color: var(--active-color);
}

body.evo[class*='_assignments'] form#assignments table i {
    font-size: 16px;
    height: 25px;
    line-height: 24px;
    padding-top: 0px;
}

body.evo form#assignments table td.assignment a, body.evo table.assignmentsTable td.assignment a {
    font-size: var(--font-size-medium);
}

body.evo form#assignments table td:not(.assignment) a {
    color: var(--main-text-color);
}

body.evo.ctr_student_game table tr td:first-line {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
}

body.evo.ctr_student_game table tr td span.px14 {
    font-size: var(--font-size-medium);
}

body.evo #rubric_editor_form .title-column ul{
    box-shadow:var(--box-shadow-heavy);
    border-radius:var(--main-border-r);
    border:0px;
}

body.evo #rubric_editor_form .gs-table .tool-bar .optionsRibbon.tabsRight{
}

body.evo #rubric_editor_form .title-column ul li{
    font-weight:400;
}

body.evo #rubric_editor_form .title-column ul li a{
    color:var(--main-text-color);
}



/* Lesson */
body.evo .user_boxes>a {
    box-shadow: var(--box-shadow);
    border: 0px;
    transition: var(--box-shadow-transition);
}

body.evo .lesson-body-content h3 {
    font-size: .9rem;
    font-weight: var(--font-weight-medium);
    color:var(--main-text-color);
}

body.evo #rubric_editor_form .gs-table .more-options + ul li:before {
    display: none;
}

body.evo #rubric_editor_form .gs-table .table-head > div {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-medium);
}

body.evo #rubric_editor_form .gs-table input#rubric_name {
    border-radius: 50px !important;
    height: 33px;
    padding: 0px 10px;
    background: var(--input-bg-color);
}

body.evo #rubric_editor_form .gs-table .title-column.column {
    padding-left: 25px;
}

body.evo #rubric_editor_form .gs-table .draggable i{
    left: 4px;
}

body.evo #rubric_editor_form .gs-table .column {
    padding: 5px;
}

body.evo span.draggable.ui-draggable-handle {
    background: var(--bg-color);
}

body.evo #rubric_editor_form .gs-table input,
body.evo #rubric_editor_form .gs-table textarea{
    font-size: var(--font-size-small);
    border: 0px !important;
}

body.evo #rubric_editor_form .gs-table input:focus,
body.evo #rubric_editor_form .gs-table textarea:focus{
    border: 1px solid var(--input-border-color) !important;
}

body.evo #rubric_editor_form .gs-table .table-head > div {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-medium);
}

body.evo #rubric_editor_form .gs-table .table-head {
    background: var(--bg-color);
}

body.evo #rubric_editor_form .gs-table .table-head {
    background: white;
}

body.evo .catalog_boxes .lightText, body.evo .catalog_boxes .lightText span,
#contentWrap .catalog_boxes .header .description
{
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
    line-height: 20px;
    color: var(--light-text-color);
    letter-spacing: .05px;
}

body.evo .micro-card-container .micro-card .materialStyle>p,
body.evo[class*="_lesson"] #mainContent #centreColumn p {
    font-size: 14px;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
    line-height: 20px;
    letter-spacing: .05px;
    font-family: 'Poppins', sans-serif;
}

body.evo .catalog_boxes:not(.narrow_headers) .description + .label.box{
    margin:0px;
}

body.evo .catalog-tile-average-rating {
    padding: 12px 0px 8px 0px;
}

body.evo #mainContent #centreColumn .rightColumn p:has(span.event_date) {
    margin: 5px 5px 0px 5px !important;
}

body.evo[class*="_lesson"] #mainContent #centreColumn .catalog_boxes .header p{
    font-size: var(--font-size-medium);
}

body.evo[class*="_lesson"] h1.centerHeading {
    display: grid !important;
}

body.evo h1.centerHeading a {
    color: var(--main-text-color);
}

body.evo[class*="_lesson"] h1.centerHeading a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

body.evo .user_boxes>a:hover {
    box-shadow: var(--box-shadow-hover);
    border: 0px;
}

body.evo .modern_module_info .user_progress {
    font-weight: var(--font-weight-bold);
    background: var(--content-bg-color);
    font-size: var(--font-size-medium);
    height: 30px;
    padding: 18px 20px;
}

body.evo .modern_module_info .user_progress i{
    margin-top: 0px;
}

body.evo .leftColumn .optionsRibbon ul.inverted li a {
    padding: 5px 15px;
    display: inline-block;
    border: 1px solid var(--button-border-color);
    background: transparent;
    border-radius: 50px;
    font-weight: 550;
    font-size: var(--font-size-medium);
}

body.evo[class*='_lesson'] #section_list tr td i:after{
    color: var(--main-text-color);
    font-size:12px;
    font-weight: var(--font-weight-medium);
}

body.evo[class*='_lesson'] #section_list tr td span i:after{
    background: var(--color-lightgray);
    border-radius: var(--border-r-rounded);
    height: 22px;
    width: 22px;
    line-height: 22px;
}

body.evo[class*='_lesson'] #section_list tr td span.time{
    font-size: var(--font-size-small);
}

body.evo #section_list .draggable td:has(label[for^="given_"]):before {
    content: "Given: ";
}

body.evo #section_list .draggable td:has(label[for^="required_"]):before {
    content: "Required: ";
}

body.evo #section_list .draggable td:has(label[for^="hidden_"]):before {
    content: "Hidden: ";
}

body.evo form#sections table .time{
    color: var(--main-text-color);
}

body.evo p.proficiencyList {
    background-color: var(--bg-color);
    color: var(--main-text-color);
    font-weight: var(--font-weight-medium);
    line-height: 22px;
    padding: 20px;
    border-radius: var(--main-border-r);
    display: block !important;
    max-width: -webkit-fill-available;
    max-width: -moz-available;
}

body.evo #centreColumn .lesson-body-content .hasRightColumn {
    flex: 1;
}

body.evo p.proficiencyList a{
    color: var(--main-text-color);
}

body.evo #mainContent #centreColumn div[class*="tag-group-"] {
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    margin-top: -15px;
    padding: 20px;
    display: flex;
    align-items: center;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo.site_full_width #mainContent #centreColumn p:empty {
    display: none;
}

body.evo #mainContent #centreColumn div[class*="tag-group-"] input[type="text"].tm-input{
    margin-bottom: 0px;
    width: auto !important;
    padding: 5px;
    font-size: var(--font-size-small);
}

body.evo .form-inline .tm_buttons a {
    margin-right: 3px;
}

body.evo .form-inline .tm_buttons{
    font-size: 0;
}

body.evo .tm_buttons a {
    padding: 0px;
    display: inline-block;
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
    color: var(--button-color-2);
    background: transparent;
    line-height: 30px;
    text-align: center;
    width: 80px;
    height: 30px;
    color: var(--main-text-color) !important;
}

body.evo .form-inline .tm-tag {
    border-radius: 8px;
    padding: 6px;
    font-weight: var(--font-weight-medium);
    border: 0px;
    box-shadow: var(--box-shadow);
    background-color: #b3f2ab !important;
    font-size: var(--font-size-medium);
}

body.evo .form-inline .tm-tag span{
    font-size: var(--font-size-small);
    color: #0f0f0f;
}

body.evo .form-inline .tm-tag a{
    color: var(--main-text-color);
}

body.evo .leftColumn .optionsRibbon ul.inverted li a i:after {
    color: var(--button-color-2);
}

body.evo .leftColumn .optionsRibbon ul.inverted li a:hover {
    background: var(--button-hover-bg-2);
    color: var(--button-color-2) !important;
    opacity: 100%;
}

body.evo.ctr_student_discussion_assignment .avatarHolder span.avatarText {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo.ctr_student_discussion_assignment .button1, body.evo.ctr_student_discussion_forum .button1 {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    border-radius: var(--border-r-rounded);
    margin-top: 10px;
}

body.evo table.rulesList td i{
    margin-top: 0px;
}

/* Left Nav */


body.evo nav#user-menu .cta {
    margin: 10px 0px;
    margin: 0px;
    padding: 8px 11px;
    line-height: normal;
}

body.evo nav#user-menu .fixed-bottom .cta {
    padding: 8px 28px;
}

body.evo nav#user-menu ul.cta>li {
    line-height: 30px;
    margin-top: 0px
}

body.evo #centreColumn .leftColumn .header .drag_wrap i.dotHandle:after{
    text-align: center;
}

[data-theme="dark"] #centreColumn .resizable_columns .column_resize_handle:after,
[data-theme="dark"] .rightColumn .rightColumn_handle,
[data-theme="dark"] .section_nav_handle {
    background: var(--section-nav-bg);
}

/* Games Admin */
.rightColumn .leaderboardSml li > a[data-id]{
    height: auto;
}

body.evo .rightColumn ul.leaderboardSml li > div > a:nth-child(n+1) {
    color: var(--main-text-color);
    font-weight: var(--font-weight-bold);
}

body.evo .rightColumn .leaderboardSml li > div:nth-child(2) > div:not(.tooltip){
    color: var(--main-text-color);
    font-size:11px;
    font-weight: var(--font-weight-medium);
}

body.evo[class*="_teacher_game"] #mainContent #centreColumn div > .optionsRibbon.optionsRight {
    padding-right: 25px;
}

.rightColumn:not(.games_widget_content) .leaderboardSml li > *:last-child:not(.toggleList){
    padding:0px;
}

/* Admin */
body.evo .profile-avatar {
    box-shadow: var(--box-shadow);
    border: 1px solid var(--border-color-light);
    border-radius: 50%;
}


body.evo[class*="_bulk_discounts"] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight,
body.evo[class*="_my_teachers"] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight {
    margin-top: 0px;
    top: -8px;
}

body.evo #mainContent #centreColumn #SearchResultsWrapper:has(form#admin_list .user_boxes),
body.evo #mainContent div#SearchResultsWrapper:has(#students_list),
body.evo #mainContent div#SearchResultsWrapper:has(#teachers_list)
{
    background: transparent;
}

body.evo #mainContent #centreColumn .user_boxes {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 15px;
}

body.evo .user_boxes .user_info label {
    margin-right: 0px;
}

body.evo #mainContent #centreColumn form .user_boxes > *{
    float:unset;
}

body.evo p.search-navigation a {
    color: var(--main-text-color);
}

body.evo .user_boxes > *, .user_boxes:not(.award_boxes) > *,
body.evo .user_boxes > *:nth-child(2n+2),
body.evo .user_boxes:not(.award_boxes) > *:nth-child(4n+4),
.user_boxes:not(.award_boxes) > *:nth-child(3n+3){
    margin:0px !important;
}


/* Badge Generator */
body.evo.ctr_badge #centreColumn div:not(.optionsRibbon)>ul {
    background: var(--section-nav-bg);
    padding: 10px 15px;
    box-sizing: border-box;
    border-radius: var(--main-border-r);
    border: solid 1px var(--main-border-color);
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo.ctr_badge #centreColumn ul li {
    padding: 0px;
    margin: 0px;
    line-height: 15px;
}

body.evo.ctr_badge .rightColumn ul li:not(.centreIcon) > i {
    position: relative;
    margin-top: 0px;
    vertical-align: top !important;
}

body.evo.ctr_badge #centreColumn .rightColumn ul li {
    line-height: 25px;
}

body.evo.ctr_badge #centreColumn .rightColumn ul li .form-inline {
    width: 90%;
}


/* Left Subnav */

body.evo nav#user-menu .sub-menu .mm-opened .dropDown {
    box-shadow: 0px 0px 7px 4px rgb(4 4 4 / 10%);
    background: var(--nav-pullout-bg);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li>a.selected span {
    font-weight: var(--font-weight-bold);
}


/* Course Modules */
body.evo .modern_module_list>table .highlightLesson .section th {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-bold);
}

body.evo #centreColumn .modern_module_row .header > *:first-child {
    flex: 1;
}

#centreColumn .modern_module_row .header .label_box_wrap .inverted {
    margin: 0px;
    background: var(--light-gray-bg);
    border-radius: var(--border-r-rounded);
    padding: 3px 10px;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
    box-shadow: none;
}

body.evo .modern_module_list>table .highlightLesson .section th:nth-child(3) {
    width: 100px;
}

body.evo #centreColumn  td.modern_module_wrap .optionsRibbon ul li {
    border: 0px;
}

body.evo #centreColumn  td.modern_module_wrap .optionsRibbon ul li a {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 0px;
}

body.evo #centreColumn  td.modern_module_wrap .optionsRibbon ul li a:hover {
    border: 0px;
}


body.evo .modern_module_list>table .modern_module_row td .label.box.total_time,
#centreColumn .modern_module_row .header .label_box_wrap .inverted,
body.evo .catalog_boxes .label_box_wrap .label.box {
    border-radius: var(--border-r-rounded);
    padding: 3px 10px;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-small);
    margin: 0px;
    color: var(--light-grey-text-color) !important;
    background: var(--light-gray-bg);
}

body.evo .modern_module_list>table tr.multicolumn > td table tr .time{
    padding: 0px;
    background: transparent;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-smaller);
}

body.evo .catalog_boxes .label.box,
body.evo .catalog_boxes .flex_fixer .current,
html:not([data-theme="dark"]) body.evo .catalog_boxes .header .label.highlight{
    background: var(--light-gray-bg);
    border-radius: 50px;
    padding: 4px 10px;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    color:var(--main-text-color);
}

body.evo .modern_module_list>table .modern_module_row td .label.box.total_time i{
    margin-top: -1px;
    line-height: 25px;
}

body.evo .modern_module_list>table .modern_module_row td{
    position:relative;
}

body.evo .modern_module_list>table .modern_module_row td a.quick_edit_icon{
    right:unset;
    left:175px;
}

body.evo .modern_module_list>table .modern_module_row td a.quick_edit_icon i.cog:after{
    margin-left:-1px;
}

body.evo .modern_module_list .quick_edit_icon i{
    height:20px;
    line-height:20px;
}

body.evo .catalog_boxes .label.box.total_time i{
    margin-top: 1px;
}

body.evo .catalog_boxes .label_box_wrap .label.box {
    color: var(--light-grey-text-color) !important;
}

body.evo .modern_module_list>table .modern_module_row td .label.box.total_time i:after,
body.evo .modern_module_list>table tr.multicolumn > td table tr .time i:after{
    color: var(--light-grey-text-color) !important;
}

body.evo .catalog_boxes .label.box i:after{
    color: var(--light-grey-text-color) !important;
}

body.evo .modern_module_list>table tr.multicolumn > td table tr i:after{
    color: var(--main-text-color);
}

body.evo .modern_module_list>table .modern_module_row td .label.box.total_time i:after{
    vertical-align: middle;
}

body.evo .modern_module_list>table .modern_module_row td .modern_module_overview .drag_wrap i.dotHandle:after {
    width: 10px !important;
}

body.evo .modern_module_list>table .modern_module_row .accordionLink i:after {
    margin-top: 8px;
}

body.evo .modern_module_row .accordionLink {
    line-height: 13px;
}

body.evo .modern_module_list>table .modern_module_row td .modern_module_overview .drag_wrap i.dotHandle {
    margin: 0px;
    line-height: 20px;
}



/* Course */
body.evo #centreColumn .catalog_boxes .block:not(.classes_widget) a.edit_sliding_banner {
    float: right;
}

body.evo[class*="_coverage"] #mainContent #centreColumn #chart {
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    overflow: visible;
    padding-bottom:20px;
}

body.evo .catalog_boxes .footer > .block .block_count_icon{
    box-shadow:none;
    top:0px;
}

body.evo[class*="_class_dashboard"] .centre_widgets .block.full_width_widget.banner_widget .headingLinkWrap{
    display: flex !important;
}

body.evo[class*="_turnitin_assignment"] #mainContent #fixedSectionHeader {
    position: relative;
}

body.evo[class*="_turnitin_assignment"] #mainContent #fixedMarginTop {
    margin-top: auto;
}

body.evo a.forced-sync, body.evo a.forced-sync-info {
    background: transparent;
}

body.evo .alert_block .forced-sync-info i:after {
    color: var(--color-red);
}

body.evo #centreColumn .dashboard_widgets .block .dashboard_info ol li a{
    vertical-align: middle;
    font-weight: var(--font-weight-medium);
}


body.evo #centreColumn .panel_last_update {
    margin-top: 20px;
}

body.evo #centreColumn .dashboard_widgets .block .dashboard_info .comment{
    font-weight: var(--font-weight-light);
}

body.evo #centreColumn .dashboard_widgets .block .dashboard_info  li::marker{
    color: var(--active-color);
    font-weight: var(--font-weight-medium);
}

body.evo #contentWrap #SearchResultsWrapper form {
    margin: 0px;
}

body.evo[class*='_resources'].act_list #mainContent form#resources a,
body.evo[class*='_resources'].act_list #mainContent [id*='resource_'] {
    color: var(--link-color);
}

body.evo[class*='_resources'].act_list #mainContent form#resources table tbody#resource_list a,
body.evo[class*='_resources'].act_list #mainContent div[id^='resource_'] p a {
    color: var(--link-color);
}

body.evo header .section_progress {
    margin-right: 10px;
    margin-top: 5px;
    height: 38px;
    background: var(--section-nav-bg);
    border-radius: 50px;
    box-shadow: 0px 5px 6px 0px rgb(11 0 60 / 8%);
    font-weight:var(--font-weight-medium);
    font-size:var(--font-size-small);
    display: flex;
}

body.evo header .section_progress > svg polygon {fill: var(--success-color)}

body.evo.act_configure form#left_boxes {
    clear: both;
}

body.evo .curriculumTable td a {
    color: var(--main-text-color);
    text-wrap: auto;
    display: inline;
}

body.evo[class*="_curriculum"] #mainContent table.curriculumTable a{
    height: auto;
    white-space: pre-wrap;
}

body.evo[class*="_curriculum"] table.curriculumTable tbody:nth-child(2) tr > td:first-child:not(:has(> input)) + td {
    font-weight: var(--font-weight-bold);
}

body.evo[class*='_resources'].act_list #mainContent form#resources .optionsRibbon a {
    color: var(--button-color-2);
}

body.evo[class*='_groups'] #centreColumn .catalog_boxes.catalog_courses .footer label {
    padding-top: 10px;
}

body.evo[class*='_groups'] #centreColumn form#groups > table,
body.evo[class*='_group_assistants'] #centreColumn #SearchResultsWrapper{
    background: transparent !important;
}

body.evo[class*='_teacher_custom'] #centreColumn .leftColumn ul.tabnav{
    display:none;
}

body.evo[class*='_teacher_game'] .leftColumn i.shield:after{
    color: var(--main-text-color);
}


body.evo[class*='_teacher_game'] .leftColumn i.star2:after{
    color: var(--main-text-color);
}

body.evo .dashboard_widgets .dashboard_info .comments .comment img[src^="/images/icons/"]:after {
    content: '\f2fd';
    font-family: 'Font Awesome 6 Pro';
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: var(--main-text-color);
    text-align: center;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px !important;
    height: 20px !important;
    color: black !important;
    font-weight: var(--font-weight-medium);
}

body.evo .dashboard_widgets .dashboard_info .comments .comment img[src^="/images/icons/"] {
    width: 0px;
    height: 0px;
    overflow: visible;
    position: relative;
}

body.evo[class*='_wiki'] #centreColumn .max_user_content_width{
    margin-bottom: 15px;
}

body.evo[class*='_students'] #contentWrap:not(.hasRightColumn) #centreColumn{
    overflow: unset;
}

body.evo[class*='_students'] .inline_heading_tabs_options+h2 ~ #SearchResultsWrapper{
    margin-top: 0px !important;
}

.grading-teacher-info > *{
    font-size:var(--font-size-regular);
}

body.evo form#coupons.tableForm .coupons-table {
    overflow-y: scroll;
    display: inline-flex;
}

body.evo form#coupons.tableForm .coupons-table tbody {
    flex: 1;
    display: table;
}

/* Goals | Competencies */
.modern_module_row .modern_module_info .label.box:not(.highlight) {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-small);
    color: var(--light-grey-text-color) !important;
    background: var(--light-gray-bg);
    border-radius: var(--border-r-rounded);
}

body.evo[class*="_teacher_lesson"] #centreColumn .hasRightColumn h3 {
    color: var(--main-text-color);
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-semibold);
}



/* Group Chat */

body.evo #chatContainer .header,
.popupContent .chatHeader{
    background:var(--active-color);
}

body.evo.popupContent table.chat tr th {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-bolder);
    font-family: 'Poppins', sans-serif;
}

body.evo.popupContent table.chat tr{
    border: 0px !important;
}

body.evo.popupContent table.chat th,
body.evo.popupContent table.chat td,
body.evo.popupContent table.chat tr th{
    border: 0px;
    border-right: 1px solid var(--border-color-light) !important;
}

body.evo.popupContent table.chat b {
    font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-bold);
}

body.evo.popupContent table tr th{
    padding: 5px 10px;
}

body.evo.popupContent table tr th:last-child,
body.evo.popupContent table tr td:last-child,
body.evo.popupContent table tr th:last-child{
    background: var(--content-bg-color) !important;
    border-right: 0px;
    box-shadow: var(--box-shadow-heavy);
}

body.evo.popupContent table.chat td #messages span {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo.popupContent table.chat table.chat td.chat_message_holder{
    padding: 5px;
}

body.evo.popupContent table.chat textarea{
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    background: var(--popup-widget-bg) !important;
}

body.evo.popupContent table.chat span.chat-avatar span{
    font-size: var(--font-size-smaller);
    font-weight: var(--font-weight-medium);
    line-height: 13px;
    margin-top: 5px;
}

body.evo.popupContent table.chat table.chat input[type="checkbox"] + label {
    font-size: var(--font-size-medium);
}

body.evo.popupContent table.chat table.chat input[type="checkbox"] + label:before {
    width: 12px;
    height: 12px;
}


body.evo input[type="checkbox"]:not(:is(.calendar-item *)):checked + label:before,
[data-theme="dark"] body.evo input[type="checkbox"]:checked + label:before,
body.evo input[type="radio"]:checked + label:before,
[data-theme="dark"] body.evo input[type="radio"]:checked + label:before {
    border: 1px solid var(--form-highlight);
    background-color: var(--form-highlight);
}

body.evo .calendars-picker .headingLinkWrap input:checked + label:before {
    background-position: unset;
    background-image: var(--form-elements-img);
    background-repeat: no-repeat;
    background-size: 36px;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 0.2em;
}

body.evo.popupContent table.chat input[type="checkbox"]:checked + label:before, body.evo.popupContent input[type="radio"]:checked + label:before{
    background-size: 24px;
    background-position-x: 1px;
    background-position-y: 0px;
    width: 13px;
    height: 13px;
}

body.evo.popupContent table.chat label{
    font-size: var(--font-size-medium);
}

body.evo.popupContent table.chat form{
    padding: 5px;
}

body.evo.popupContent table.chat form textarea{
    border: 0px !important;
}

#chatContainer .header i {
    font-size: var(--font-size-smaller);
}

#chatContainer .header i.popout{
    font-size: var(--font-size-medium);
}

#chatContainer .header h4, body.evo.popupContent .chatHeader h4{
    font-size: 14px;
    font-weight: var(--font-weight-medium);
}

#chatContainer .header i:after, .chatHeader i:after {
    color: #fff !important;
}



/* Friend Requests */

body.evo[class*="_friends"] #centreColumn .avatarHolder{
    background: var(--bg-color);
    border-radius:0 0 10px 10px;
    padding: 20px;
}



/* Course Admin */

body.evo[class*="_group_chat"] #mainContent #centreColumn form {
    background: transparent;
}

body.evo[class*="_configure"] #mainContent table tr:first-child th {
    position: unset !important;
}

body.evo[class*="_class_configure"] #centreColumn .leftColumn h2:has(+ table) {
    margin-bottom: 10px !important;
}

body.evo[class*="_teacher_chat"] #centreColumn>form.tableForm{
    background:transparent !important;
}

body.evo[class*="_teacher_invite"] #centreColumn form{
    background: var(--bg-color);
    border-radius:var(--main-border-r);
    padding: 20px;
}

body.evo #centreColumn h2 ~ form {
    margin-top: 15px;
}

body.evo #centreColumn h2 ~ table {
    margin-top: 10px;
}

body.evo[class*="_coverage"] #mainContent #centreColumn #chart{
    background: var(--bg-color);
    border-radius:var(--main-border-r);
}


body.evo #mainContent #centreColumn a.permissionTab:before,
body.evo #mainContent #centreColumn a.selectedPermissionTab:before {
    background: transparent !important;
}

body.evo #mainContent #centreColumn a.selectedPermissionTab{
    border-bottom: 5px solid var(--active-color);
    border-radius: 0px !important;
    padding-bottom: 10px;
}

body.evo #mainContent #centreColumn ul#secondaryTabs{
    margin-left:20px;
}

body.evo #mainContent #centreColumn ul#secondaryTabs .width-wrap{
    box-shadow:none !important;
    border-radius:0;
}


/* Secondary Tabs */
body.evo #mainContent #centreColumn ul#secondaryTabs {
    margin-bottom:0px !important;
}

body.evo #mainContent #centreColumn ul#secondaryTabs li:first-child a:before{
    border-radius:0px !important;
}

body.evo #mainContent #centreColumn ul#secondaryTabs li a:before {
    background: transparent !important;
}

body.evo #mainContent #centreColumn ul#secondaryTabs li a:hover {
    box-shadow:none !important;
    border-bottom:5px solid var(--border-darker-color);
    border-radius:0px;
    color:var(--button-color-2);
    transition: border-color 0.2s ease-in 0.1s;

}

body.evo #mainContent #centreColumn ul#secondaryTabs li a {
    font-size: var(--font-size-regular);
    border-bottom:5px solid transparent;
}

body.evo #mainContent #centreColumn ul#secondaryTabs li a.selectedTab {
    font-weight: var(--font-weight-bold);
    border-bottom:5px solid var(--active-color);
}






/* Permissions */
body.evo button.permissionEditButton{
    padding: 0px 25px;
    display: inline-block;
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
    background: var(--active-color);
    border: 1px solid var(--active-color);
    color: #fff;
}

.permissionsContent span i {
    border: 1px solid transparent;
    height: 20px;
    width: 20px;
    line-height: 20px;
    border-radius: 5px;
}

.permissionsContent .permissionTableWrapper table{
    padding:0px;
    transform: rotateX(180deg);
}

.permissionLegend> span i.overrideLegend,
.permissionsContent .permissionOverride span i{
    border: 1px solid var(--input-border-color);
    background: transparent;
}

.permissionsContent .lockTick,
.permissionLegend.lockTick,
.permissionsContent .lock .tick{
    background: var(--disabled-bg);
    border: 1px solid var(--disabled-bg);
}

body.evo[class*='_permissions'] #centreColumn .permissionTableWrapper {
    overflow-x: auto;
    table-layout: auto;
    transform: rotateX(180deg);
    /* compute based on max available - the sum of the right margin displacement */
    max-width: calc(100dvw - 350px);
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    body.evo[class*='_permissions'] #centreColumn .permissionTableWrapper {
        max-width: 90dvw;
    }
}


body.evo #centreColumn .permissionsHeader {
    margin: 0px 10px;
}

.permissionTableWrapper::-webkit-scrollbar {
    height: 5px;
    background: var(--light-gray-bg);
    border-radius: 10px;
}

.permissionTabContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}

.permissionLegend{
    display: flex;
    justify-content: end;
    margin-top: 20px;
}

.permissionLegend> span {
    padding: 0 5px;
    line-height: 25px;
    font-size: 12px;
    font-weight: var(--font-weight-medium);
}

.permissionLegend> span > i {
    margin-right: 3px;
}

.permissionLegend> span i.tick:after {
    color: var(--success-color);
}

.permissionLegend> span > i.xCross:after {
    color: var(--color-red);
}

.permissionLegend> span i.lockTick:after,
.readModeContainer.lock .tick:after {
    color: var(--lighter-grey-text-color);
}

.permissionsContent strong {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
}

#custom_quotas{
    margin-top: 30px;
}

#divFooter_custom_quotas{
    position:relative;

}

.permissionsHeader {
    display: flex;
    align-items: center;
    margin-bottom:10px;
}

.permissionsHeader h2 {
    justify-items: start;
    flex: 1;
}

.permissionLegend {
    display: flex;
}

.permissionDescriptionContainer    {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.permissionsTable {
    width: 100%;
    overflow-x: auto;
    margin: auto;
}

.permissionsTable > table {
    position: relative;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    width: 100%;
}

.permissionsTable table tr td {
    border: 0px;
    padding: 10px 2px;
}

.permissionsTable table tr th, body.evo .permissionsTable table tr td {
    min-width: 100px;
}

.permissionsTable table tr:first-child th,
.permissionsTable table tr th{
    background:var(--th-bg-color);
    border-bottom:0px;
}

.permissionsTable table tr:nth-child(odd) td {
    background: var(--table-row-alternate) !important;
}

.permissionsTable table tr:nth-child(even) td {
    background: var(--bg-color);
}

.permissionsTable > table > * > tr > td:first-child,
.permissionsTable > table > * > tr > th:first-child {
    position: sticky;
    left:0;
    background: var(--bg-color) !important;
    white-space: nowrap;
    max-width: 240px;
    z-index:1;
}

.permissionsTable > table > * > tr > th,
.permissionsTable > table > * > tr > td {
    /* Without this, if a cell wraps onto two lines, the first column
     * will look bad, and may need padding. */
    white-space: nowrap;
}

.permissionsContent dl dt {
    font-size: var(--font-size-small);
    font-weight:var(--font-weight-semibold)
}

.permissionsContent dd {
    font-size: var(--font-size-small);
    font-weight:var(--font-weight-light)
}

.permissionTableWrapper .hidden {
    display: none;
}

body.evo input.locked.permissionCheckbox[type="checkbox"]:checked + label:before{
    opacity: .5 !important;
    filter: saturate(0.3);
}

.permissionsContent .permissionTableWrapper table tr td .lock i:after,
.permissionsContent .permissionLegend> span[title="locked"] i:after{
    opacity: 1;
}

.permissionsContent .permissionTableWrapper table tr td strong {
    font-weight: var(--font-weight-bold);
}

.permissionTableWrapper table {
    padding: 0px !important;
}

body.evo .permissionTableWrapper table tr:first-child th {
    position: unset !important;
}

.permissionTableWrapper table {
    padding-top: 0px !important;
}

body.evo .permissionTableWrapper tr > td:first-child {
    position: relative !important;
}

body.evo #mainContent .admin-panel-title {
    margin-bottom: 10px;
    margin-top: 20px;
}

body.evo #mainContent .pageHeading .admin-panel-title {
    margin-top: 0px;
}

body.evo #mainContent .inline_tabs_options ~ .admin-panel-title {
    margin-top: 0px;
}

body.evo #mainContent .inline_tabs_options ~ .admin-panel-title h2:not(.class_name){
    margin-top: 10px;
}

body.evo #mainContent .leftColumn .admin-panel-title:first {
    margin-top: 10px;
}

body.evo[class*="_class_configure"] #mainContent :nth-child(1 of div.admin-panel-title) h2 {
    margin-top: 0px;
}

body.evo[class*="_class_configure"] #mainContent :nth-child(1 of div.admin-panel-title){
    margin-top: 0px;
}

body.evo[class*="_class_configure"] #mainContent .inline_tabs_options {
    margin-bottom: 10px;
}

body.evo[class*="_class_configure"] .inline_tabs_options .tabnav + .optionsRight{
    top: -4px;
}

body.evo[class*="_class_configure"] #centreColumn .leftColumn > h2 + p {
    border-radius: 0 0 10px 10px;
    margin-bottom: 10px;
    padding-top:0px;
}

body.evo[class*="_class_configure"] #centreColumn .leftColumn p + table,
body.evo[class*="_class_configure"] #centreColumn .leftColumn h2 + table,
body.evo[class*="_class_configure"] #centreColumn .leftColumn h2 + form,
body.evo[class*="_class_configure"] #centreColumn .leftColumn p + form
{
    margin-top: 0px;
}

body.evo[class*="_class_configure"] #centreColumn .leftColumn p:has(+ table) {
    border-radius: 0px;
}

body.evo[class*="_class_configure"] #centreColumn .leftColumn p + p + p {
    border-radius: 0 0 15px 15px;
    margin-bottom: 10px;
}




/* Resource Catalog */

body.evo .resources_boxes .tile_circle_icon i {
    margin-right: 0px;
}

body.evo #centreColumn .resources_boxes h2 {
    height: 66px;
}

body.evo #centreColumn .resources_boxes>a {
    background: var(--bg-color);
}

body.evo .resources_boxes>a:nth-child(4n+1) {
    background-color: var(--inverse-bg-color);
}

body.evo .resources_boxes>a:nth-child(4n+2) {
    background-color: var(--inverse-bg-color);
}


body.evo .resources_boxes>a:nth-child(4n+3) {
    background-color: var(--inverse-bg-color);
}

body.evo .resources_boxes>a:nth-child(4n+4) {
    background-color: var(--inverse-bg-color);
}

body.evo .resources_boxes>a:nth-child(4n+1) .imgCrop {
    background-color: var(--tile1-bg-color);
}

body.evo .resources_boxes>a:nth-child(4n+2) .imgCrop {
    background-color: var(--tile2-bg-color);
}

body.evo .resources_boxes>a:nth-child(4n+3) .imgCrop {
    background-color: var(--tile3-bg-color);
}

body.evo .resources_boxes>a:nth-child(4n+4) .imgCrop {
    background-color: var(--tile4-bg-color);
}

body.evo .rightColumn #filter_form input.select2-input {
    border: 0px !important;
}

body.evo .facebox-content .select2-container input.select2-input {
    min-width: 180px;
}

body.evo .rightColumn #filter_form input{
    border-radius:50px;
}

body.evo .resource_footer .label {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo #centreColumn .resource_boxes h2 {
    color: var(--main-text-color);
    padding: 8px 10px 10px 3px;
    height: 80px;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.evo .resources_boxes .resource_footer {
    padding-bottom: 12px;
}

body.evo .resource_subject span.label {
    font-size: var(--font-size-medium);
    margin-bottom: 10px;
}

body.evo .modal .facebox-content .resource_content ul li {
    font-size: var(--font-size-medium);
    line-height: 20px;
}

body.evo .modal .facebox-content .resource_content h2 {
    font-weight: var(--font-weight-bold);
    font-size: 15px;
    margin-top: 10px;
}

body.evo .modal .facebox-content label, body.evo  .modal .facebox-content fieldset legend,
body.evo .modal .labelGap {
    display: inline-block;
}

body.evo .modal .facebox-content.assignment_pop fieldset legend {
    width: auto;
}

body.evo .modal .messageSendPopup .facebox-content label{
    width:109px;
}

body.evo .modal .facebox-content label[for="save_in_catalog"] {
    width: auto;
}

body.evo .modal .facebox-content .resources_file_list label,
body.evo .modal .facebox-content .gdrive_file_list label,
body.evo .modal #user_trash_popup .facebox-content table label {
    width: auto !important;
}

body.evo.ctr_class_copy .modal .facebox-content table label {
    width: auto;
    margin-right: 0px;
}

body.evo .modal .facebox-content input#event_ends_After[value="On"] ~ label[for="event_ends_After"],
body.evo .modal .facebox-content input#event_ends_On[value="On"] ~ label[for="event_ends_On"] {
    width: auto;
}

body.evo .modal .facebox-content label[for="report_classes_input_manual_ids"] {
    width: 160px;
}

body.evo .modal .facebox-content #people_matched_tab label,
body.evo .modal .facebox-content #people_selected_tab label,
body.evo .modal .facebox-content label[for="game_type_periodic_leveling_game"] {
    width: auto;
}

body.evo .modal form#language .facebox-content label {
    width: auto;
}

/* Tables */
body.evo table.assignmentsTable tr td {
    background: var(--bg-color) !important;
}

body.evo #centreColumn #SearchResultsWrapper .optionsRibbon {
    margin-top: 0px;
}

body.evo[class*="ctr_inbox"] #centreColumn #SearchResultsWrapper:not(#SearchResultsWrapper #SearchResultsWrapper),
body.evo[class*="ctr_outbox"] #centreColumn #SearchResultsWrapper {
    margin-top: 19px;
}

body.evo[class*="ctr_teacher_survey_assignment"] #centreColumn #SearchResultsWrapper {
    margin-top: 10px;
}

body.evo[class*="ctr_outbox"] #centreColumn #SearchResultsWrapper .optionsRibbon,
body.evo[class*="ctr_teacher_survey_assignment"] #centreColumn #SearchResultsWrapper .optionsRibbon {
    margin-left: 10px;
    margin-bottom: 0;
    padding: 0;
}

body.evo[class*='_resources'].act_list #mainContent dl {
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    border: 1px solid var(--border-color-light);
    padding: 20px;
    font-size: var(--font-size-medium);
    margin: 0;
}

body.evo[class*="_resources"].act_list #mainContent dl dt {
    font-weight: var(--font-weight-bold);
}

body.evo[class*="_resources"].act_list #mainContent dl dd {
    font-size: var(--font-size-medium);
}

body.evo form#assignments table a, body.evo table.assignmentsTable td a, body.evo table#assignmentsToGrade a {
    margin-top: 0px;
    font-weight: var(--font-weight-medium);
}

/* News & Agenda */

body.evo i.heart_outline:after, body.evo i.heart_full:after {
    color: var(--color-red);
}

body.evo .news_holder .quick_edit_box {
    left: -100px;
    width: 130px;
    text-align: left;
}

body.evo .news_holder .quick_edit_box.link_box>a {
    text-align: left;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo .news_holder .quick_edit_box.inline .arrow {
    left: 15px;
}

body.evo .news_holder .comments .post_social_stats span a {
    font-weight: var(--font-weight-medium);
    margin-top: 2px;
}

body.evo .news_holder .comments .post_social_stats span a span {
    font-weight: var(--font-weight-bold);
}

body.evo .news_holder .post_top_bar {
    border-bottom: 0px;
}

body.evo .news_holder .post {
    box-shadow: var(--box-shadow);
}

body.evo.ctr_home_news textarea#post_message, body.evo.ctr_home_news textarea#announcement_message {
    border-radius: var(--main-border-r);
    transition: var(--box-shadow-transition);
}

body.evo[class*="_news"] textarea#post_message:focus, body.evo.ctr_home_news textarea#announcement_message:focus {
    box-shadow: var(--box-shadow-hover);
}

textarea#post_message body.evo:not(.nav-open) nav#user-menu .fixed-bottom .active.more ol, textarea#announcement_message body.evo:not(.nav-open) nav#user-menu .fixed-bottom .active.more ol {
    padding-top: 7px !important;
    top: 80px !important;
    height: calc(100% - 88px);
    border-radius: 0;
    overflow-x: hidden;
}

/* background of the scrollbar except button or resizer */
body.evo:not(.nav-open) nav#user-menu .fixed-bottom .active.more ol::-webkit-scrollbar-track {
    background-color: #fff;
}

body.evo:not(.nav-open) nav#user-menu .fixed-bottom .active.more ol::-webkit-scrollbar-track:hover {
    background-color: #f4f4f4;
}



/* TinyMCE */
body.evo .tox.tox-tinymce .tox-sidebar-wrap {
    background: var(--block-bg-color);
}


/* Tags */
body.evo .global_search_results .search-metadata span,
body.evo .global_search_results .widget_metadata span,
body.evo[class*="_path"] .modern_module_row .modern_module_info .label.box:not(.highlight),
body.evo .widget_metadata span{
    background: var(--light-gray-bg);
    border-radius: var(--border-r-rounded);
    padding: 5px 10px;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
}

body.evo .widget_metadata span {
    color: var(--light-grey-text-color) !important;
}

body.evo[class*="_path"] .modern_module_row .modern_module_info .goal_info span {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo[class*="_path"] .modern_module_row .modern_module_info .goal_info .num{
    background: var(--light-gray-bg);
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-bold);
}


/* Reports */
body.evo .modal #report_form .select2-container-multi .select2-choices .select2-search-field input {
    width: 178px !important;
}

.catalog_boxes.narrow_headers.catalog_categories .header .label {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    padding-left: 0px;
}


body.evo .global_search_results .result .search-metadata,
body.evo .global_search_results .result .search-description {
    margin-left: 0px;
}


body.evo .global_search_results .result .search-metadata .report_checkbox label,
body.evo .global_search_results .result .search-description {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}

body.evo .global_search_results .result .search-description {
    margin-top: 8px;
}

body.evo #centreColumn .global_search_results h2 {
    font-size: 15px;
    font-weight: var(--font-weight-medium);
    border-left: 5px solid var(--active-color);
    padding-left: 5px;
    line-height: 15px;
}
body.evo .dashboard_tabnav_icon {
    margin: -57px 0 76px;
}

/* Cart & Checkout */

body.evo div#payment_block {
    width: 75%;
}

.payment_block_width{
    width: 100% !important;
}

body.evo[class*="_cart"] #contentWrap:not(.hasRightColumn) #centreColumn {
    overflow: hidden;
}

body.evo.ctr_user_cart #centreColumn {
    margin-left: 450px !important;
}

body.evo .checkout_column .checkout-row p {
    width: 50%;
}

body.evo #centreColumn > .block.checkout_columns{
    clear: unset;
}

.checkout_columns .checkout-row .accepted_cards,
checkout_column .checkout-row .accepted_cards{
    display:inline-block;
}

body.evo .checkout_columns .checkout-row p > input:not(.field_set_width),
body.evo .checkout_columns .checkout-row p > select:not(.field_set_width),
body.evo .checkout_column .checkout-row p > input:not(.field_set_width),
body.evo .checkout_column .checkout-row p > select:not(.field_set_width){
    padding: 3px 5px 3px 5px;
}

body.evo .payment_table button {
    background: var(--active-color);
    color: #fff;
    font-weight: var(--font-weight-medium);
    padding: 8px 35px !important;
    font-size: var(--font-size-medium);
    border-radius: var(--border-r-rounded);
    color: #fff;
    transition: all .2s ease-in-out;
    line-height: 20px !important;
}

body.evo #payment_block form label {
    font-weight: var(--font-weight-bold);
}

body.evo #checkout_summary {
    background: var(--block-bg-color);
    box-shadow: var(--tile-shadow);
    border-radius: var(--main-border-r);
    padding: 15px;
}

body.evo #checkout_summary {
    box-shadow: var(--box-shadow-hover);
    transition: var(--box-shadow-transition);
}

body.evo #checkout_summary table {
    box-shadow: var(--box-shadow);
    border: 0px;
}

body.evo #checkout_summary a,
body.evo #checkout_summary > p,
body.evo #checkout_summary tr td,
body.evo #checkout_summary .checkout_order span,
body.evo #checkout_summary .item_cart_row span {
    color: var(--main-text-color);
    font-size: var(--font-size-medium);
}

body.evo .field-container .StripeElement {
    background: var(--content-bg-color);
    border-color: var(--border-color-light);
}


body.evo #leftColumn #checkout_summary hr {
    border-color:transparent;
}

body.evo #leftColumn #checkout_summary tr td hr {
    border-color: var(--border-darker-color);
}

body.evo #checkout_summary tr td {
    font-weight: var(--font-weight-bold);
}

body.evo #checkout_summary tr.item_cart_row select {
    width: 40px;
    height: 35px;
    font-size: var(--font-size-medium);
    border-radius: 6px !important;
    font-weight: var(--font-weight-medium);
}

body.evo #payment_block .payment_method_btns form:first-of-type button {
    border-radius: 50px;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo #checkout_summary tr.total_row td strong {
    font-size: 18px;
    font-weight: var(--font-weight-bold);
}

body.evo.ctr_user_cart #leftColumn h2 {
    color: var(--main-text-color);
    font-size: 20px;
    font-weight: var(--font-weight-medium);
    margin-bottom: 20px;
}

body.ctr_user_cart.evo #leftColumn {
    background: none !important;
    top: 60px;
    width: 450px !important;
    position: fixed !important;
    padding-bottom: 15px !important;
}

body.evo:not(.nav-open) nav#user-menu ol>li:not(.mm-opened)>a.selected,
body.evo:not(.nav-open) nav#user-menu ol>.scroll-wrapper>li>a.selected {
    background-color: var(--left-nav-bg) !important;
}

[data-theme="dark"] body.evo:not(.nav-open) nav#user-menu ol>li:not(.mm-opened)>a.selected {
    background-color: var(--nav-pullout-bg) !important;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li>a.selected,
body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li:hover>a {
    background-color: var(--content-bg-color) !important;
    color: var(--main-text-color) !important;
    /* box-shadow: var(--box-shadow); */
}

body.evo:not(.nav-open) nav#user-menu ol > li:not(.mm-opened) > a {
    left: 0 !important;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li>a, body.evo nav#user-menu ol .fixed-bottom li.more.vis ol a {
    border: solid 1px transparent;
    margin-top: -1px !important;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li>a{
    margin: 10px 0px 10px 5px !important;
}

body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li>a>span:nth-child(2) {
    margin-right: 10px;
}

body.evo .purchase_table .purchase_detail a {
    color: var(--link-color);
}

body.evo .purchase_table span{
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo .purchase_table th > strong {
    font-size: var(--font-size-medium) !important;
    font-weight: var(--font-weight-bold);
}

body.evo .purchase_table th > span{
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium) !important;
}

body.evo .purchase_table .purchase_detail strong {
    font-weight: var(--font-weight-bold);
}

body.evo #leftColumn #checkout_summary a.button, body.evo #po_payment_form button.inverted,
body.evo #payment_block .payment_method_btns form button {
    padding: 12px 35px;
    display: inline-block;
    border: 1px solid var(--button-border-color);
    border-radius: var(--border-r-rounded);
    font-weight: 550;
    font-size: var(--font-size-medium);
    background: var(--button-gray-bg);
    color: var(--button-color-2);
    line-height: 15px;
    margin-bottom:5px;
}

body.evo #po_payment_form button.inverted:hover, body.evo #leftColumn #checkout_summary a.button:hover,
body.evo #payment_block .payment_method_btns form button:hover{
    filter: brightness(97%);
}

.dashboard_header+*:not(.catalog_carousel_heading):not(#lessons).purchase_table {
    padding-top: 10px;
}

body.evo #checkout_summary a.button:hover {
    background: var(--button-hover-bg-2);
    opacity: 100%;
}

body.evo:not(.nav-open) nav#user-menu ol>li:not(.mm-opened)>a.selected {
    border: none;
}

body.evo[class*="_cart"] nav#user-menu~#wrapper #contentWrap {
    margin-left: 210px;
}

body.evo[class*="_cart"] #checkout_summary table {
    border: 0px !important;
    box-shadow: none;
    background: var(--light-gray-bg);
    margin-top: 0px;
}

body.evo[class*="_cart"] #checkout_summary table i:after {
    color: var(--main-text-color);
}

body.evo[class*="_cart"] #checkout_summary table tr td {
    background: none !important;
}

div#checkout_summary #bulk_discount_row span#bulk_discount{
    color: var(--main-text-color);
}

body.evo[class*="_cart"] #checkout_summary table tr.total_row td {
    background: #fff5dc;
    vertical-align: middle;
    padding: 5px 0px;
    line-height: 15px;
}

body.evo .quickLinks .highlight {
    background: var(--button-hover-bg-2);
    border-radius: var(--main-border-r);
}



/* Gradebook - Mastery Coverage - Attendance */

body.evo .grade_book.special-table {
    max-height: calc( 100dvh - 200px);
}


@media screen and (max-width: 1025px) {
    body.evo[class*="_coverage"] g.highcharts-series-group {
        transform: translate(0px, 25px);
    }

    g.highcharts-data-labels.highcharts-series-0.highcharts-pie-series.highcharts-tracker {
        transform: translate(0px, 40px);
    }
}

body.evo .grade_book.special-table .table-container {
    max-height: calc( 100dvh - 200px);
}

body.evo .grade_book.special-table .table-head .column>.assessments a {
    font-size: var(--font-size-smaller) !important;
    font-weight: var(--font-weight-medium);
    line-height: 17px;
    color: var(--link-color);
}

body.evo .grade_book.special-table .active_grade_dropdown .dropDown.dDownShow{
    top: 0px !important;
}

body.evo[class*="_attendance"] .special-table .table-columns .column:not(.table-labels)>div {
    line-height: 30px;
}

body.evo .special-table.condensed .table-columns i.ellipsis_vertical:after {
    background-image: none !important;
}

body.evo .special-table.condensed .table-columns i.ellipsis_vertical {
    height: 25px;
}

body.evo .special-table .assignment_grade_release i:after,
body.evo[class*='_attendance'] .special-table .table-container .column i.edit:after{
    background-image: none !important;
}

body.evo:not(.fullscreen) .special-table.grade_book .table-container,
body.evo:not(.fullscreen) .special-table.mastery .table-container,
body.evo .special-table.attendances .table-container {
    /* max-width = available - (left margin + right/left paddings) but not greater then 2050 - 330 */
    max-width: min(calc(100dvw - 330px), 1720px);
}

body.evo.fullscreen .special-table.mastery .table-container {
    max-width: min(calc(100dvw - 130px), 1720px);
}

body.evo .grade_book .table-static .category,
body.evo .grade_book .table-static .assignment_date,
body.evo .grade_book .table-static .overall
{
    font-size: var(--font-size-smaller);
    font-weight: var(--font-weight-bold);
}

body.evo[class*='_gradebook'] .special-table .table-columns .column:not(.table-labels)>div{
    line-height: 32px;
}

body.evo .grade_book i.ellipsis_vertical:after,
body.evo[class*='_mastery_grid'] .special-table i:after,
body.evo .attendances.special-table i.tick:after,
body.evo .attendances.special-table i.ellipsis_vertical:after
{
    background: none !important;
}

body.evo .special-table .hidden-menu > * {
    font-size: var(--font-size-small);
    color: var(--main-text-color);
}

body.evo .table-load-status {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-small);
    font-variant: none;
}

body.evo[class*='_gradebook'] .grade_book .table-labels .subs > span {
    width: 28.2px;
}

body.evo[class*='_gradebook'] .grade_book i.ellipsis_vertical:after,
body.evo[class*='_mastery_grid'] i.ellipsis_vertical:after,
body.evo .attendances.special-table i.ellipsis_vertical:after{
    font-weight: var(--font-weight-medium);
}

body.evo[class*='_gradebook'] .filter.no-select > div ul li,
body.evo[class*='_mastery_grid'] .filter.no-select > div ul li {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
    padding: 10px 10px !important;
    margin: 5px !important;
}

body.evo[class*='_mastery_grid'] .mastery.special-table .table-head .column > span,
body.evo[class*='_attendance'] .attendances.special-table .table-head .column > div{
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

body.evo[class*='_attendance'] .special-table.attendances .table-static > div {
    font-size: 14px;
    font-weight: var(--font-weight-bold);
}

body.evo[class*='_attendance'] .special-table.attendances .table-head .column>div>i{
    padding-top: 0px;
}

body.evo .special-table .table-head .column {
    border-left: solid 1px var(--table-border-color);
    padding-left: 1px;
}

body.evo .special-table .table-head .column:last-of-type {
    border-right: solid 1px var(--table-border-color);
}

body.evo[class*='_gradebook'] .gradebook-filters .filter div > span,
body.evo[class*='_mastery_grid'] .gradebook-filters .filter div > span{
    padding: 8px 15px 5px 15px;
    display: inline-block;
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-small);
    color: var(--button-color-2);
    background: transparent;
    max-width: 250px;
}

body.evo[class*='_gradebook'] #centreColumn .gradebook-spacer {
    margin-bottom: 10px;
}

body.evo[class*='_gradebook'] .filter.no-select > div {
    margin-right: 15px;
    margin-bottom: 5px;
}

body.evo .filter.no-select > div > span span:first-child {
    max-width: 220px;
}

body.evo[class*='_mastery_grid'] .filter.no-select > div > span span:first-child {
    display: inline-block;
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 250px;
    cursor: pointer;
}

body.evo[class*='_mastery_grid'] .mastery.special-table .table-head .column > .competencies {
    font-weight: var(--font-weight-medium);
    line-height: 16px;
    overflow: hidden;
    padding: 5px;
    font-size: var(--font-size-smaller);
}

body.evo[class*='_gradebook'] .gradebook-filters .filter div > span:hover,
body.evo[class*='_mastery_grid'] .gradebook-filters .filter div > span:hover {
    background: var(--button-hover-bg-2);
}

body.evo[class*='_gradebook'] .gradebook-filters .filter div > span span,
body.evo[class*='_mastery_grid'] .gradebook-filters .filter div > span span{
    font-weight: var(--font-weight-bold);
}


body.evo[class*='_gradebook'] .key > span,
body.evo[class*='_mastery_grid'] .key > span,
body.evo[class*='_attendance'] .attendance-types > span{
    font-weight: var(--font-weight-medium);
}

body.evo[class*='_gradebook'] .grade_book.special-table .table-labels>div>span,
body.evo[class*='_mastery_grid'] .grade_book.special-table .table-labels>div>span,
body.evo[class*='_attendance'] .attendances.special-table .table-labels>div>span{
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
}

body.evo[class*='_gradebook'] .special-table .table-columns .column:not(.table-labels)>div,
body.evo[class*='_gradebook'] .grade_book.special-table .column.table-labels .item,
body.evo[class*='_mastery_grid'] .special-table .table-columns .column>div,
body.evo[class*='_mastery_grid'] .grade_book.special-table .column.table-labels .item,
body.evo[class*='_attendance'] .attendances.special-table .table-columns .column>div,
body.evo[class*='_attendance'] .attendances.special-table .column.table-labels .item{
    border: 1px solid var(--content-bg-color);
    border-radius:10px;
    background: var(--bg-color);
}

body.evo[class*='_gradebook'] .special-table .table-columns .column:not(.table-labels),
body.evo[class*='_mastery_grid'] .special-table .table-columns .column:not(.table-labels),
body.evo[class*='_attendance'] .special-table .table-columns .column:not(.table-labels){
    background: transparent;
}

body.evo[class*='_gradebook'] .special-table .column > div, body.evo[class*='_gradebook'] .special-table .table-static > div,
body.evo[class*='_mastery_grid'] .special-table .column > div, body.evo[class*='_gradebook'] .special-table .table-static > div,
body.evo[class*='_attendance'] .special-table .column > div, body.evo[class*='_gradebook'] .special-table .table-static > div{
    border-left: 0px;
}

body.evo[class*='_gradebook'] .special-table .column.table-labels,
body.evo[class*='_mastery_grid'] .special-table .column.table-labels,
body.evo[class*='_attendance'] .special-table .column.table-labels{
    box-shadow: none !important;
    background: transparent !important;
}

body.evo[class*='_gradebook'] .grade_book.special-table .table-columns .table-labels a,
body.evo[class*='_mastery_grid'] .table-container .table-columns .table-labels > div > a,
body.evo[class*='_attendance'] .table-container .table-columns .table-labels > div > a{
    color: var(--main-text-color);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-small);
}

body.evo[class*='_gradebook'] .special-table .readonly > div:hover,
body.evo[class*='_mastery_grid'] .special-table .readonly > div:hover{
    border-radius: 6px;
    height: 100%;
}


body.evo[class*='_gradebook'] .special-table .table-columns .column:not(.table-labels)>div,
body.evo[class*='_mastery_grid'] .special-table .table-columns .column:not(.table-labels)>div,
body.evo[class*='_attendance'] .special-table .table-columns .column:not(.table-labels)>div{
    padding: 3px;
}

body.evo[class*='_gradebook'] .grade_book.special-table .table-columns .column:not(.table-labels)>div > span,
body.evo[class*='_gradebook'] .grade_book.special-table [title="average"] span, .grade_book.special-table .average span,
body.evo[class*='_mastery_grid'] .grade_book.special-table .table-columns .column:not(.table-labels)>div > span,
body.evo[class*='_mastery_grid'] .grade_book.special-table [title="average"] span, .grade_book.special-table .average span{
    top: 6px;
}

body.evo[class*='_gradebook'] .grade_book.special-table .table-labels span.overall_right,
body.evo[class*='_gradebook'] .grade_book.special-table .table-labels span.overall_left {
    background: transparent;
}

body.evo[class*='_mastery_grid'] .grade_book.special-table .table-labels span.overall_right,
body.evo[class*='_mastery_grid'] .grade_book.special-table .table-labels span.overall_left,
body.evo[class*='_attendance'] .special-table .table-labels span.overall_right,
body.evo[class*='_attendance'] .special-table .table-labels span.overall_left{
    background: transparent !important;
}


body.evo[class*='_gradebook'] .special-table:not(.touch-device) .table-columns .column:not(.table-labels) > div:hover,
body.evo[class*='_mastery_grid'] .special-table:not(.touch-device) .table-columns .column:not(.table-labels) > div:hover,
body.evo[class*='_attendance'] .special-table:not(.touch-device) .table-columns .column:not(.table-labels) > div:hover{
    background: rgba(var(--active-color-hover),.2) !important;
    border: 1px solid var(--border-color-bg) !important;
    box-shadow: var(--box-shadow);
    transition:var(--box-shadow-transition);
    text-decoration: none;
}

body.evo[class*='_gradebook'] .special-table:not(.touch-device) .table-columns .readyonly:not(.table-labels) > div:hover,
body.evo[class*='_mastery_grid'] .special-table:not(.touch-device) .table-columns .readyonly:not(.table-labels) > div:hover,
body.evo[class*='_attendance'] .special-table:not(.touch-device) .table-columns .readonly:not(.table-labels) > div:hover{
    background: var(--color-red) !important;
}

body.evo .grade_book.special-table .dropDownHolder.special_values_dropdown .dropDown > span,
body.evo .grade_book .active_grade_dropdown .dropDown .scroll > span{
    font-size:12px;
    font-weight:var(--font-weight-medium);
}


body.evo .grade_book.special-table .dropDownHolder.special_values_dropdown .dropDown{
    padding:0px;
}

body.evo[class*='_gradebook'] .filter.no-select > div ul li:hover,
body.evo[class*='_mastery_grid'] .filter.no-select > div ul li:hover {
    font-weight: var(--font-weight-medium);
    background: var(--button-gray-bg);
    border-radius: var(--border-r-rounded);
}

body.evo[class*='_gradebook']  .special-table .table-static,
body.evo[class*='_mastery_grid']  .special-table .table-static,
body.evo[class*='_attendance']  .special-table .table-static{
    box-shadow: var(--box-shadow);
}

body.evo[class*='_mastery_grid'] .table-container .column .mastery_measurements ~ span{
    background-color: var(--input-bg) !important;
}

body.evo[class*='_gradebook'] .special-table.grade_book .table-head,
body.evo[class*='_mastery_grid'] .special-table.grade_book .table-head,
body.evo[class*='_attendance'] .special-table.grade_book .table-head{
    box-shadow: var(--box-shadow);
}

body.evo[class*='_gradebook'] .special-table .table-head .column .overall > i,
body.evo[class*='_mastery_grid'] .special-table .table-head .column .overall > i{
    top: 0;
    padding-top: 0;
    height: 22px;
}

body.evo[class*='_gradebook'] .special-table .table-head .column .overall > i:after,
body.evo[class*='_gradebook'] .special-table .table-columns .column:not(.table-labels)>div span.gb-grade i:after,
body.evo[class*='_mastery_grid'] .special-table .table-head .column .overall > i:after,
body.evo[class*='_mastery_grid'] .special-table .table-columns .column:not(.table-labels)>div i:after{
    background-image: none !important;
    font-size: var(--font-size-smaller);
}


body.evo[class*='_gradebook'] .grade_book.special-table .table-head .dropDownHolder,
body.evo[class*='_gradebook'] .grade_book.special-table .table-head .dropDownHolder,
body.evo[class*='_mastery_grid'] .grade_book.special-table .table-head .dropDownHolder,
body.evo[class*='_mastery_grid'] .grade_book.special-table .table-head .dropDownHolder{
    top: 0px;
    right: 10px;
}

body.evo[class*='_gradebook'] .grade_book.special-table .table-head .dropDownHolder i.ellipsis_vertical,
body.evo[class*='_mastery_grid'] .grade_book.special-table .table-head .dropDownHolder i.ellipsis_vertical{
    line-height: 25px;
}


body.evo[class*='_gradebook'] .filter.no-select > div ul li.selected,
body.evo[class*='_mastery_grid'] .filter.no-select > div ul li.selected{
    font-weight: var(--font-weight-bold);
    background: var(--button-gray-bg);
    border-radius: var(--border-r-rounded);
}

body.evo[class*='_gradebook'] .filter.no-select > div ul li:before,
body.evo[class*='_mastery_grid'] .filter.no-select > div ul li:before{
    display:none !important;
}

body.evo[class*='_gradebook'] .filter.no-select > div ul,
body.evo[class*='_mastery_grid'] .filter.no-select > div ul{
    border-radius: var(--main-border-r);
    box-shadow: var(--box-shadow-heavy);
    border: 0px;
    padding-bottom:10px;
    margin-top:10px;
}


body.evo .gradebook-filters .filter span+i {
    vertical-align: top !important;
    font-size: var(--font-size-small);
}

body.evo[class*='_gradebook'] #centreColumn #gradebook_jump_to select,
body.evo[class*='_mastery_grid'] #centreColumn #gradebook_jump_to select {
    border-radius: 50px !important;
    height: 33px;
    padding: 0px 10px;
    margin-top: 0px !important;
}

body.evo .grade_book.special-table .table-head .column > .assessments *,
body.evo .grade_book.special-table .table-head .column > .assessments,
body.evo .mastery.special-table .table-head .column > .assessments *,
body.evo .matery.special-table .table-head .column > .assessments{
    line-height:35px !important;
}

body.evo .grade_book.special-table .dropDownHolder:not(.special_values_dropdown) .dropDown,
body.evo .mastery.special-table .dropDownHolder:not(.special_values_dropdown) .dropDown{
    padding:10px 2px;
}

body.evo .grade_book.special-table .overall .dropDown > a,
body.evo[class*='_gradebook'] .grade_book.special-table .table-columns .table-labels .dropDown a,
body.evo .mastery.special-table .overall .dropDown > a,
body.evo[class*='_mastery_grid'] .mastery.special-table .table-columns .table-labels .dropDown a,
body.evo .special-table .hidden-menu > *{
    color: var(--main-text-color);
    font-weight: var(--font-weight-medium);
    padding:5px 8px;
    margin:0px 5px;
    font-size:13px;
    width: auto;
}

body.evo .grade_book.special-table .dropDownHolder:not(.special_values_dropdown) .dropDown,
body.evo .mastery.special-table .dropDownHolder:not(.special_values_dropdown) .dropDown{
    width:150px;
    top:30px;
    left:0px
}

body.evo .grade_book.special-table a.highlight,
body.evo .grade_book.special-table .dropDownHolder > a:hover,
body.evo .mastery.special-table a.highlight,
body.evo .mastery.special-table .dropDownHolder > a:hover{
    background: transparent;
}

body.evo .grade_book.special-table .active_grade_dropdown .dropDown.dDownShow{
    left:-30px !important;
}

body.evo[class*='_gradebook'] .grade_book.special-table .overall .dropDown > a:hover,
body.evo[class*='_gradebook'] .grade_book.special-table .table-columns .table-labels .dropDown a:hover,
body.evo[class*='_mastery_grid'] .mastery.special-table .overall .dropDown > a:hover,
body.evo[class*='_mastery_grid'] .mastery.special-table .table-columns .table-labels .dropDown a:hover,
body.evo .special-table .hidden-menu a:hover
{
    background: var(--button-gray-bg);
    border-radius: var(--border-r-rounded);
}

body.evo .special-table .hidden-menu{
    padding:2px;
    box-shadow:var(--box-shadow-heavy);
    border-radius: var(--main-border-r);
}

body.evo .grade_book.special-table .table-head .column>.category,
body.evo .grade_book.special-table .table-head .column>.assignment_date,
body.evo .grade_book.special-table .table-head .column>.assignment_grade_release,
body.evo .grade_book .assignment_points {
    height: 28px !important;
    line-height: 28px;
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-medium);
}

body.evo .grade_book .assessments,
body.evo .mastery .assessments {
    font-weight: var(--font-weight-bold);
    font-size: 14px;
}

body.evo .grade_book .table-static i:after,
body.evo .mastery .table-static i:after {
    height: 20px !important;
    width: 20px !important;
}

body.evo[class*='_mastery_grid']  .mastery.special-table .table-static > div,
body.evo[class*='_gradebook'] .grade_book.special-table .table-static>div{
    font-size: var(--font-size-smaller);
    font-weight: var(--font-weight-bold);
}

.mastery.special-table .table-head .column > .competencies {
    font-weight: var(--font-weight-medium);
    line-height: 11px;
}

body.evo[class*='_mastery_grid'] .mastery.special-table .table-columns .column:not(.table-labels) > div > span{
    top: 5px;
}

body.evo[class*='_mastery_grid'] .mastery.special-table .yellow-bg,
body.evo[class*='_mastery_grid'] .mastery.special-table .yellow-bg > span
{
    background-color: var(--yellow-bg-color) !important;
}

body.evo[class*='_gradebook'] #centreColumn .key {
    margin-top: 10px;
    position: relative;
    top: 0;
    right: 0;
}

body.evo[class*='_gradebook'] #centreColumn .key span {
    display: inline-block;
}

/* Automation */

body.evo[class*="_automation"] .rulesList i.star2:after,
body.evo[class*="_automation"] .rulesList i.shield:after{
    color: var(--main-text-color);
}

/* Checkbox Section */
[data-theme="dark"] body.evo .lesson-body-content input[type="checkbox"]+label:before {
    border: 1px solid var(--icon-color);
}

body.evo #centreColumn #alerts {
    margin-top: 2px;
    z-index:999;
}

/* Users */
body.evo #mainContent #members .user_boxes {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
    margin-right:-20px;
}

body.evo .user_boxes .user_info label span{
    padding:0px 27px;
}

body.evo[class*="group"] .user_boxes input[type="checkbox"]+label:before{
    top:0px;
}

body.evo .user_boxes .user_info label span{
    display:inline-block;
}

body.evo #mainContent form#members .user_boxes a {
    width: calc(100% / 5 - 20px);
    transition: var(--box-shadow-transition);
    background: var(--bg-color);
    box-shadow: var(--box-shadow);
    margin:0px;
}

@media screen and (max-width: 767px) {
    body.evo #mainContent form#members .user_boxes a {
        width: calc(100% / 2 - 20px);
    }

    body.evo .sectionTitle .leftMobileBar {
        display: none;
    }
}

body.evo[class*="_group_assistants"] #SearchResultsWrapper {
    padding: 0px !important;
}


/* Awards */

body.evo .user_boxes input[type="checkbox"]+label:before {
    bottom: 0px;
    top: unset;
}

body.evo .award_boxes .award_info label {
    font-weight: var(--font-weight-bold);
    letter-spacing: .8px;
    text-transform: uppercase;
}

body.evo .award_boxes .award_info {
    font-size: var(--font-size-medium);
}

body.evo .award_boxes .award_info a, body.evo .award_boxes .award_info .award_src {
    margin-bottom: 10px;
    font-weight: var(--font-weight-medium);
}

body.evo .award_boxes .award_info .award_src {
    color: var(--light-text-color);
}

body.evo .award_boxes .award_info .award_date {
    color: var(--light-text-color);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-medium);
}

/* Buttons */

body.evo .optionsRibbon ul li a i.add:after,
body.evo .leftColumn .optionsRibbon ul.inverted li a:has(i.add) i.add:after,
body.evo .optionsRibbon ul li a:has(i.add) span{
    color: #fff;
}

body.evo .optionsRibbon ul li a:has(i.add), body.evo .leftColumn .optionsRibbon ul.inverted li a:has(i.add) {
    background: var(--active-color);
    border: 1px solid var(--active-color);
    color: #fff;
}

body.evo a.options_btn.inverted{
    padding: 5px 25px;
    display: inline-block;
    border: 1px solid var(--button-border-color) !important;
    border-radius: 50px;
    font-weight: 550;
    font-size: var(--font-size-medium);
    background: transparent;
    color: var(--button-color-2);
}

body.evo .options_btn.inverted:hover {
    color: var(--main-text-color) !important;
    background: var(--button-hover-bg);
    opacity: 1;
}

body.evo[class*="_calendar"] #centreColumn .optionsRibbon ul li,
body.evo[class*="_calendar"] #centreColumn .optionsRibbon,
body.evo[class*="_calendar"] #centreColumn .optionsRibbon{
    margin-top: 0px;
    top: 0;
}


body.evo .sectionLink.inverted:not(.locked):hover {
    opacity: 100%;
}

body.evo .optionsRibbon ul li a,
body.evo.ctr_teacher_students div:not(.optionsRight).optionsRibbon ul li a:has(i.add),
body.evo.ctr_teacher_curriculum div:not(.optionsRight).optionsRibbon ul li a:has(i.add)
{
    padding: 5px 15px;
    display: inline-block;
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-small);
    color: var(--button-color-2) !important;
    background: transparent;
}

body.evo.ctr_job_title #mainContent #centreColumn .tableForm div:not(.optionsRight).optionsRibbon ul li a,
body.evo.ctr_group_configure #mainContent #centreColumn .tableForm div:not(.optionsRight).optionsRibbon ul li a{
    color: var(--button-color-2) !important;
}

body.evo .optionsRibbon ul li a{
    background:var(--button-bg-3);
    border: 1px solid var(--content-bg-color);
    box-shadow:var(--box-shadow-btn);
}

body.evo .optionsRibbon ul li a:hover{
    background:var(--button-bg-3);
    box-shadow:var(--box-shadow-btn-hover);
    transition: box-shadow 400ms;
}

body.evo[class*="_class_catalog"] #mainContent #centreColumn .inline_tabs_options .options_btn,
body.evo[class*="_calendar"] #mainContent #centreColumn .inline_tabs_options .options_btn
{
    padding: 5px 15px;
    display: inline-block;
    border-radius: 50px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
    color: var(--button-color-2);
    margin-top: 0;
    background:var(--button-bg-3);
    border: 1px solid var(--content-bg-color);
    box-shadow:var(--box-shadow-btn);
}


body.evo[class*="_class_catalog"] #mainContent #centreColumn .inline_tabs_options .options_btn:hover,
body.evo[class*="_calendar"] #mainContent #centreColumn .inline_tabs_options .options_btn:hover{
    background:var(--button-bg-3);
    box-shadow:var(--box-shadow-btn-hover);
    transition: box-shadow 400ms;
}

body.evo .optionsRibbon ul li a i:after,
body.evo.ctr_teacher_students div:not(.optionsRight).optionsRibbon ul li a i:after,
body.evo.ctr_teacher_curriculum div:not(.optionsRight).optionsRibbon ul li a i:after,
body.evo.ctr_group_configure #mainContent #centreColumn .tableForm div:not(.optionsRight).optionsRibbon ul li a,
body.evo #mainContent #centreColumn .tableForm div:not(.optionsRight).optionsRibbon ul li a i:after{
    color: var(--button-color-2);
}

body.evo .media-container .footer button:hover,
body.evo.ctr_teacher_students div:not(.optionsRight).optionsRibbon ul li a:has(i.add):hover {
    background: var(--button-hover-bg-2);
}


a, dt, .optionsRibbon ul li a:hover,
.optionsRibbon ul li a.hover,
.optionsRibbon ul li a:focus,
nav#leftColumn li a.centreIcon span,
header .dropDown a:hover, header .dropDown a:focus,
.rightColumn a *, .rightColumn ul.largeImgs li>a,
.rightColumn a.sectionLink, #TableA a span, #TableB a span,
nav#leftColumn ol li a:not(.centreIcon):hover, nav#leftColumn ol li a:not(.centreIcon):hover span,
nav#leftColumn ol li a.selected, .messagesHolder .dropDown ul li .ms-user,
.notificationsHolder .dropDown ul li .ms-user, nav#leftColumn .scroll a:hover span, #facebox #complete_signup h2,
.primaryColorText, #fixedSectionHeader a.sectionLink:hover span,
#courseToolbar a.sectionLink:hover span, .options_btn:hover,
.options_btn:focus, nav#leftColumn .options_btn:hover,
nav#leftColumn .options_btn:focus, #Uploader #dropzone,
a.ColorText:hover, .dashboard_widgets a.footer label, table #section_list a:not(:hover) {
    color: var(--button-color-2);
}


body.evo .optionsRibbon ul li a i.add:after,
body.evo .optionsRibbon ul li a.primary-color-btn i:after{
    color: #fff;
}

body.evo .optionsRibbon ul li a:has(i.add),
body.evo #mainContent .optionsRibbon ul li > a.primary-color-btn,
body.evo #mainContent .optionsRibbon ul li.primary-color-btn a{
    background: var(--active-color);
    border: 1px solid var(--active-color);
    color: #fff !important;
}

body.evo .optionsRibbon ul li a:has(i.add):hover,
body.evo #mainContent .optionsRibbon ul li > a.primary-color-btn:hover,
body.evo #mainContent .optionsRibbon ul li.primary-color-btn a:hover{
    background: var(--active-color);
    border: 1px solid var(--active-color);
    filter: brightness(1.05);
    color: #fff !important;
}

body.evo #mainContent .optionsRibbon ul li.primary-color-btn a i::after,
body.evo #mainContent .optionsRibbon ul li > a.primary-color-btn i::after{
    color: #fff;
}

body.evo #mainContent form.tableForm ~ .optionsRibbon {
    margin-top: 20px;
}


/* App Center */

body.evo.ctr_app_center .catalog_boxes.app_boxes .footer a:first-of-type{
    margin:0px;
}

.catalog_boxes.app_boxes .footer a i.inverted:after {
    color: var(--main-text-color);
}

@media screen and (min-width: 1190px) {
    body.evo.ctr_app_center .app_boxes > div {
        width: calc((100% / 2) - 10px) !important;
        margin: 0 !important;
    }
    body.evo.ctr_app_center .catalog_boxes.app_boxes {
        column-gap: 20px;
        row-gap: 20px;
    }
}
@media screen and (min-width: 1350px) {
    body.evo.ctr_app_center .app_boxes > div {
        width: calc((100% / 3) - 14px) !important;
        margin: 0 !important;
    }
    body.evo.ctr_app_center .catalog_boxes.app_boxes {
        column-gap: 21px;
        row-gap: 21px;
    }
}

@media screen and (min-width: 1600px) {
    body.evo.ctr_app_center .app_boxes > div {
        width: calc((100% / 4) - 12px) !important;
        margin: 0 !important;
    }
    body.evo.ctr_app_center .catalog_boxes.app_boxes {
        column-gap: 16px;
        row-gap: 16px;
    }
}

@media screen and (max-width: 1190px) {
    body.evo.ctr_app_center .app_boxes > div {
        width: 100% !important;
        margin: 0 !important;
    }

    body.evo.ctr_app_center .catalog_boxes.app_boxes {
        column-gap: 0;
        row-gap: 20px;
    }
}

@media screen and (max-width: 1025px) {
    body.evo.ctr_app_center .app_boxes > div {
        width: calc((100% / 2) - 10px) !important;
        margin: 0 !important;
    }
    body.evo.ctr_app_center .catalog_boxes.app_boxes {
        column-gap: 20px;
        row-gap: 20px;
    }
}

@media screen and (max-width: 600px) {
    body.evo.ctr_app_center .app_boxes > div {
        width: 100% !important;
        margin: 0 !important;
    }

    body.evo.ctr_app_center .catalog_boxes.app_boxes {
        column-gap: 0;
        row-gap: 20px;
    }
}

body.evo[class*="_app_center"] #centreColumn .catalog_boxes .header strong.class_name {
    font-size: var(--font-size-medium);
    color: var(--main-text-color);
    font-weight: var(--font-weight-bold);
    padding: 5px 0px;
    font-family: var(--font-primary);
}

.catalog_boxes.app_boxes .footer a {
    font-size: var(--font-size-medium);
}

body.evo[class*="_app_center"] .app_text p, body.evo[class*="_app_center"] .app_text dd {
    font-size: var(--font-size-regular);
    font-weight: var(--font-weight-light);
}

body.evo[class*="_app_center"] .app_text dt{
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-bold);
}

body.evo[class*="_app_center"]  .catalog_boxes.app_boxes.app_center_bundle .app_text{
    padding:10px 20px;
}

body.evo .app_boxes .footer a {
    font-weight: var(--font-weight-medium)  ;
}

body.evo .catalog_boxes.app_boxes .footer {
    align-items: center;
    padding: 5px 8px;
}

body.evo[class*="_app_center"] #centreColumn .leftColumn h3 {
    margin-top: 15px;
    margin-bottom: 10px;
    color: var(--main-text-color);
    font-weight: var(--font-weight-bold);
}

body.evo[class*="_app_center"] #centreColumn .catalog_boxes + h3 {
    margin-top: 30px;
}

body.evo[class*="_app_center"] #centreColumn h2 {
    color: var(--main-text-color);
    font-weight: var(--font-weight-bold);
}

body.evo[class*="_app_center"] .catalog_boxes .label.box {
    padding: 2px 6px;
    display: inline-block;
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: 550;
    font-size: var(--font-size-smaller);
    background: transparent;
    color: var(--button-color-2);
}

body.evo[class*="_app_center"] .catalog_boxes .footer {
    line-height: 20px;
}

body.evo[class*="_app_center"] .app_boxes .footer a {
    font-size: var(--font-size-smaller);
}

body.evo[class*="_app_center"] .catalog_boxes.app_boxes .footer a:first-of-type {
    margin: 2px 8px 0;
}




/* Goals */

body.evo .profile_info_holder a.link_button:not(.optionsRibbon) {
    padding: 5px 15px;
    border: 1px solid var(--button-border-color);
    color: var(--button-color-2);
    border-radius: 50px;
    font-weight: 550;
    font-size: var(--font-size-medium);
    background: transparent;
    line-height: 20px;
    background:transparent;
}

body.evo .profile_info_holder a.link_button:not(.optionsRibbon):hover {
    color: var(--button-color-2);
    opacity: 100% !important;
    background: var(--button-gray-bg);
    opacity: 100%;
}

body.evo button.button1,
body.evo[class*='_report_card'].act_edit button {
    background: var(--active-color);
    font-weight: var(--font-weight-medium);
    padding: 3px 20px !important;
    font-size: var(--font-size-medium);
    border-radius: 20px;
    align-items: center;
    color: #fff;
    transition: all .2s ease-in-out;
    line-height: 25px;
    margin-top: 10px;
}

button.evo-button {
    background: var(--active-color);
    font-weight: var(--font-weight-medium);
    padding: 3px 20px !important;
    font-size: var(--font-size-medium);
    border-radius: 20px;
    align-items: center;
    color: #fff;
    transition: all .2s ease-in-out;
    line-height: 25px;
    margin-top: 10px;
}


body.evo[class*='_goals'] #mainContent #centreColumn>.leftColumn>form.tableForm {
    background: none !important;
    border: 0px !important;
}




/* Games Admin */
body.evo[class*='_game'] .optionsRibbon.optionsRight {
    top: 0px !important;
    height: auto !important;
    position: relative;
    margin: 0px;
    padding: 0px;
    display: inline-block !important;
}


body.evo .rightColumn:not(.games_widget_content) .leaderboardSml li > *:last-child:not(.toggleList){
    padding:0px;
    text-align: right;
}

body.evo .rightColumn .leaderboardSml li > *:last-child > span{
    text-align: center;
}

body.evo .rightColumn .leaderboardSml li > *:nth-child(3){
    width: 70px;
}

body.evo .rightColumn:not(.games_widget_content) .leaderboardSml li > *:last-child:not(.toggleList){
    border: 0px;
}

body.evo[class*='_game'] .admin-games-btns, body.evo.ctr_teacher_admin .admin-games-btns {
    right: 110px !important;
    top: unset !important;
}

body.evo .catalog_boxes .footer>.circleNum span {
    background-color: transparent;
    color: var(--main-text-color);
}

body.evo[class*='_game'] #centreColumn .catalog_boxes h2 {
    padding-left: 0px;
}

body.evo .rightColumn .player-score i.shield:after {
    padding-top: 1px;
}


/* Filter and Search*/

body.evo .optionsRibbon ul li span.quick_search{
    padding: 3px 5px;
    display: inline-block;
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
    color: var(--button-color-2);
    background: transparent;
    transition: .3s all ease;
    margin-right: 20px;
    margin-bottom:5px;
}


body.evo #SearchResultsWrapper .optionsRibbon span.quick_search ul.quick-filter-dropdown {
    position: absolute !important;
    top: auto;
    left: 0;
    background: var(--bg-color);
    box-shadow: var(--box-shadow);
    padding: 20px 10px;
    border: 1px solid var(--border-color-light);
    border-radius: var(--main-border-r);
}

body.evo #SearchResultsWrapper .optionsRibbon span.quick_search ul.quick-filter-dropdown li:first-child a {
    background: var(--button-gray-bg);
    border: 1px solid var(--button-border-color);
    color: var(--button-color-2);
    transition: .3s all ease;
    padding: 5px 15px;
    margin-bottom: 10px;
    border-radius: 50px;
}

body.evo #centreColumn .optionsRibbon ul li a.show-filter-field{
    padding: 5px !important;

}

body.evo #centreColumn .optionsRibbon ul li a.show-filter-field i{
    margin: 0;
}


body.evo .optionsRibbon input.quick_search {
    padding: 15px 5px;
    border-radius: 50px !important;
    border: 0px !important;
    background: var(--bg-color);
    transition: .3s all ease;
    font-size: var(--font-size-medium);
}

[data-theme="dark"] body.evo .optionsRibbon ul li span.quick_search {
    border: 1px solid var(--th-bg-color);
}

body.evo #SearchResultsWrapper .quick_search a i {
    text-align: center;
    margin: 0px;

}

body.evo .quick_search a.quick-filter-button,
body.evo .quick_search a.quick-close-button
{
    border: 0px !important;
    padding: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

body.evo #SearchResultsWrapper .quick_search i.search:after {
    font-size: 15px;
    font-weight: var(--font-weight-bold);
}


body.evo #SearchResultsWrapper .optionsRibbon ul.quick-filter-dropdown li a i.search:after{
    font-weight: var(--font-weight-bold);
}

body.evo .optionsRibbon span.quick_search ul.quick-filter-dropdown {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
}
body.evo ul.tabnav .width-wrap li a {
    font-weight: var(--font-weight-semibold);
    margin-left: -.5px;
}

body.evo #SearchResultsWrapper .optionsRibbon span.quick_search ul.quick-filter-dropdown li:not(:first-child) a {
    background: transparent;
    border: 0px;
    padding: 3px 0px;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    background:transparent;
}

body.evo #SearchResultsWrapper .optionsRibbon span.quick_search ul.quick-filter-dropdown li:not(:first-child):hover{
    background: var(--button-hover-bg-2);
    color: var(--button-color-2) !important;
    border-radius: var(--main-border-r);
}

body.evo .filters-wrapper .rule-block select, body.evo .filters-wrapper .rule-block input,
body.evo .filters-wrapper select {
    height: 32px;
    border-radius: 6px !important;
    margin-right: 3px !important;
}

body.evo .filters-wrapper .filters-buttons {
    float: left;
}

body[class*="_orders"].evo .filters-wrapper .filters-buttons,
body[class*="_export_accounts"].evo .filters-wrapper .filters-buttons {
    float: right;
}

body.evo .filters-wrapper .filters-rules-wrapper span.rule-block {
    height:auto !important;
}

body.evo #centreColumn .filters-wrapper .rule-block .select2-container-multi .select2-choices{
    display:flex;
    height: auto;
}


body.evo #mainContent .filters-wrapper .filters-rules-wrapper{
    font-size: var(--font-size-medium);
    line-height: 23px;
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    margin-bottom: 10px;
    padding: 10px;
    margin-right: 10px;
    box-shadow: var(--box-shadow);
    display: flex;
    flex-wrap: wrap;
    width: calc(95% - 80px);
}


body.evo .filters-wrapper .filters-save-rules a,
body.evo .filters-wrapper .filters-hide-rules a,
body.evo .filters-wrapper span.filters-hide-all a,
body.evo .filters-wrapper .rule-block span a,
body.evo .filters-wrapper span.filters-and a,
body.evo .filters-wrapper .filters-add-rules a,
body.evo .filters-wrapper .filters-delete-rules a,
body.evo .filters-wrapper .filters-add-rules a span
{
    display: inline-block;
    border: 1px solid var(--button-border-color);
    border-radius: 50px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
    color: var(--button-color-2);
    background: transparent;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-right: 3px;
}

body.evo .filters-wrapper .rule-block span a i:after,
body.evo .modal .filters-wrapper .rule-block span a i:after {
    color: var(--button-color-2);
}

body.evo .filters-wrapper .filters-add-rules a span{
    border:0px;
    width:auto;
}

body.evo .modal .filters-rules-area .filters-buttons a i.arrowLeft {
    line-height: 15px;
    height: 15px;
}

.modal form#site_survey_form p label
{
    padding-bottom:0px;
    margin-bottom:0px;
}

body.evo #canned_message,
body.evo #canned_message p{
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-light);
}

.modal .facebox-content p + .filters-wrapper{
    margin-top: 0px;
    padding-top: 0px;
}

body.evo .filters-wrapper .filters-save-rules a:hover,
body.evo .filters-wrapper span.filters-hide-all a:hover,
body.evo .filters-wrapper .rule-block span a:hover,
body.evo .filters-wrapper span.filters-and a:hover,
body.evo .filters-wrapper .filters-delete-rules a:hover,
body.evo .filters-wrapper .filters-add-rules a:hover
{
    background:var(--button-hover-bg);

}

body.evo .filters-wrapper span.filters-and a,
.filters-wrapper .filters-add-rules a {
    background: var(--active-color);
    color:#fff;
    border:1px solid var(--active-color);
}

body.evo .filters-wrapper .select2-container-multi .select2-search-choice-close,
body.evo #custom_quotas .select2-search-choice-close
{
    position: relative;
    display: inline-block;
    top: unset;
    right: unset;
    margin-left:5px;
}

body.evo #centreColumn ul.select2-choices li div{
    padding:2px;
}

body.evo .filters-wrapper ul.select2-choices li div,
body.evo #custom_quotas ul.select2-choices li div
{
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-small);
    color: var(--button-color-2);
    display:inline-block;
}

body.evo .select2-container-multi .select2-choices .select2-search-choice{
    border: 1px solid var(--active-color);
    background-color: rgba(var(--active-color-hover), 0.2);
    border-radius: 5px;
    padding: 3px !important;
    color: var(--main-text-color);
    padding-right: 19px !important;
}

body.evo .select2-container-multi .select2-choices .select2-search-choice:hover{
    background-color: rgba(var(--active-color-hover), 0.8);
}

body.evo a.select2-search-choice-close:after {
    content: '\f00d';
    font-weight: 900;
    font-family: "Font Awesome 6 Pro";
    color: var(--button-color-2);
    display: inline-block;
    font-size: .7rem;
    line-height: 22px;
}


body.evo .select2-results .select2-highlighted{
    background:var(--active-color);
    border-radius: var(--main-border-r);
}

body.evo .select2-drop .select2-results {
    padding: 10px;
}

body.evo .select2-drop .select2-results li{
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-small);
}

body.evo .filters-wrapper .select2-container-multi .select2-choices .select2-search-field input {
    border: 0px !important;
}

body.evo .select2-container-multi .select2-choices {
    margin-right: 3px;
}

body.evo .select2-search-choice-close{
    background:none !important;
    top: 0;
    right: 0;
}

body.evo .filters-wrapper span.filters-and a:hover,
.filters-wrapper .filters-add-rules a:hover{
    background: rgba(var( --active-color-hover), .8);
}


body.evo .filters-wrapper span.filters-and a span,
.filters-wrapper .filters-add-rules a span{
    color: #fff;
}

body.evo .filters-wrapper .rule-block span a i{
    margin: 0;
}

body.evo .filters-wrapper .filters-buttons a i:after{
    color:var(--button-color-2) !important;
}

body.evo .filters-wrapper .filters-hide-all a i{
    margin: 0;
}

body.evo .filters-wrapper .filters-buttons{
    border: 0px;
}

body.evo .filters-wrapper .filters-and-connect{
    background: var(--light-gray-bg);
    border-radius: var(--border-r-rounded);
    padding:3px;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-small);
}


/* Configure Admin Views */
body.evo[class*='_using_form'] #mainContent #centreColumn form,
body.evo[class*='_registration_codes'] #mainContent #centreColumn dl,
body.evo[class*='_accounts'] #mainContent #centreColumn dl,
body.evo[class*='_canned_messages'] #mainContent #centreColumn dl,
body.evo[class*='_configure_sso'] #mainContent #centreColumn dl
{
    padding: 20px;
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    border: 1px solid var(--border-color-light);
    margin-top: 0px;
    margin-left: 0px;
}

body.evo[class*='_account_invite'] #mainContent #centreColumn form#users.tableForm {
    padding: 10px;
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    border: 1px solid var(--border-color-light);
    margin-top: 15px;
    margin-left: 0px;
}

body.evo[class*='_accounts'] #mainContent #centreColumn div.optionsRibbon.optionsRight {
    top: -8px !important;
}

body.evo[class*='_registration_codes'] #mainContent #centreColumn dl:has(+ p) {
    margin-top: 0px;
}

body.evo[class*='_add_accounts_using_form'] #mainContent #centreColumn form.noBorderForm hr{
    display:none !important;
}

body.evo[class*='_using_form'] #mainContent #centreColumn form label:first-child,
body.evo[class*='_account_invite'] #mainContent #centreColumn form label:first-child,
body.evo[class*='_accounts'] #mainContent #centreColumn dt,
body.evo[class*='_registration_codes'] #mainContent #centreColumn dt label,
body.evo[class*='_canned_messages'] #mainContent #centreColumn dt,
body.evo[class*='_configure_sso'] #mainContent #centreColumn dt {
    font-weight: var(--font-weight-medium);
    margin-top: 10px;
    font-size: var(--font-size-medium);
}

body.evo[class*='_registration_codes'] #mainContent #centreColumn dd,
body.evo[class*='_accounts'] #mainContent #centreColumn dd,
body.evo[class*='_canned_messages'] #mainContent #centreColumn dd,
body.evo[class*='_configure_sso'] #mainContent #centreColumn dd {
    font-size: var(--font-size-medium);
    margin-left: 0px;
    font-weight: var(--font-weight-light);
}

body.evo[class*='_accounts'] #mainContent #centreColumn dt:first-child,
body.evo[class*='_registration_codes'] #mainContent #centreColumn dt:first-child {
    margin-top: 0px;
}

body.evo[class*='_account_fields'] #mainContent #centreColumn form.tableForm {
    margin-top: 20px;
}

body.evo #mainContent #centreColumn .inline_tabs_options .options_btn{
    margin-top: 5px;
}


/* Micro Card */

body.evo .voiceover_controls i:after {
    color: var(--button-color-2);
    width: 18px !important;
}

body.evo .voiceover_controls:hover {
    background: var(--active-color);
    border-color: var(--active-color);
}

body.evo .voiceover_controls a:hover i:has(::after) {
    color: var(--button-color-2) !important;
}

body.evo .voiceover_controls {
    min-width: 25px;
    height: 25px;
    line-height: 24px;
    position: relative;
    box-sizing: content-box;
    border: 1px solid var(--button-border-color);
    background: var(--content-bg-color);
    color: var(--button-color-2);
    padding: 5px 10px;
    text-align: center;
}

body.evo[class*="_class_custom_fields"] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight,
body.evo[class*="_documents"] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight
{
    margin-top: 0px;
    top: -10px;
}

body.evo #centreColumn > div.leftColumn > div.catalog_negative_margin_wrap.centre_widget_holder.centre_widgets > div.widgets > div > div.tile_widgets > h2 {
    margin-bottom: -10px;
}


body.evo[class*="_profile_tabs"] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight{
    margin-bottom: 5px;
    margin-top:0px;
}

body.evo header .linksHolder i.arrow-down:after {
    font-weight: var(--font-weight-bold);
}

/* Icon Colorization */
body.evo form#assignments table td i.tick:after,
table.assignmentsTable td i.tick:after,
body.evo table tr td i.tick:after{
    color: var(--color-green);
    font-size:14px;
    margin:0 auto;
}

body.evo td[align='center'] i.tick{
    margin:0 auto;
}

body.evo form#assignments table td i.xCross:after,
table.assignmentsTable td i.xCross:after,
body.evo table tr td i.xCross:after{
    color: var(--color-red);
    font-size:14px;
}

@media only screen and (min-width: 768px) {
    body.evo .micro-card-container {
        display: block;
    }

    body.evo .micro-card-container .micro-card .materialStyle {
        display: flex;
        flex-wrap: nowrap;
    }

    body.evo .micro-card-container .micro-card .materialStyle>* {
        flex-basis: 0;
        flex-grow: 1;
        flex-wrap: wrap;
    }

    body.evo .micro-card-container .micro-card .materialStyle>p:empty {
        display: none;
    }

    body.evo .micro-card-container .micro-card {
        max-width: 970px;
    }

    body.evo footer .footerLinks + div {
        width: 100%;
    }

    body.evo .micro-card .embeded_resource_in_content img {
        max-height: 500px;

    }

    body.evo .micro-card .image .media_wrapper {
        max-height: 450px;
    }


    body.evo .micro-card-container .micro-card .materialStyle>h3 {
        display: -webkit-box;
        min-width: 50%;
        position: relative;
        padding: 0px 10px;
        box-sizing: border-box;
        margin-top: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 50px;
        line-height: 25px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.evo .micro-card-container .micro-card .materialStyle>.embeded_resource_in_content {
        min-width: 50%;
    }

    body.evo .micro-card-container .micro-card .materialStyle>p {
        min-width: 50%;
        position: relative;
        right: 50%;
        top: 55px;
        padding: 0 10px;
        height: auto;
        padding-bottom: 170px;
    }

    .micro-card * {
        box-sizing: border-box;
    }

}

body.evo #scrollToTopBtn {
    display: none;
}


body.evo #centreColumn .materialStyle ul li:before, body.evo #centreColumn .materialStyle ol li:before {
    width: unset !important;
}

body.evo .mobile-only,
body.evo #user-menu ol > li.mobile-only {
    display: none !important;
}

@media screen and (max-width: 1025px) {
    body.evo .mobile-only,
    body.evo #user-menu ol > li.mobile-only {
        display: inline-block !important;
    }
}

/* CSS for mobile view */

@media screen and (max-width: 1025px) {

    body.evo div[id^="resource_"]{
        padding: 10px 10px 40px 10px;
    }

    body.evo .news_holder .post_content {
        padding: 20px;
    }

    body.evo .max_user_content_width.not_centered .materialStyle {
        max-width: 90dvw !important;
    }

    body.evo .tablet-logo-container {
        display: block;
        position: absolute;
        top: 28px;
        left: 50px;
    }

    [dir="RTL"] body.evo .tablet-logo-container {
        left: unset;
        right: 60px;
    }

    /* Mobile bar */
    body.evo header .mobileBar .mobileRightBar {
        z-index: 1;
        flex-grow: 0;
        flex-basis: auto;
        display: flex;
        justify-content: flex-end;
        padding-top: 10px 0;
        gap: 12px;
        margin-right: 8px;
    }

    body.evo header .mobileBar .mobileLeftBar .leftMobileBar,
    body.evo header .mobileBar .mobileRightBar .rightMobileBar i {
        margin: 0px;
        font-size: 20px;
    }

    body.evo header .mobileBar .middleMobileBar {
        margin-left: 16px;
    }

    body.evo .news_holder .post_content:not(:has(*)),
    body.evo .news_holder .post_content:has(br){
        background:transparent;
    }

    body.evo[class*="home_news"] .optionsRibbon.optionsRight {
        margin-top: 8px;
    }

    .right-drawer .content .media-selector .media-search input[type="text"] {
        border-radius: var(--border-r-rounded) !important;
        font-weight:var(--font-weight-semibold) !important;
    }

    .right-drawer .footer {
        bottom: 10px !important;
    }

    .right-drawer .media-search input{
        font-size:  var(--font-size-small);
    }

    .right-drawer .media-title {
        font-size: var(--font-size-large);
    }

    .right-drawer .media-title span {
        font-size: var(--font-size-smaller);
    }

    body.ctr_user_cart.evo #leftColumn {
        top: 0;
        position: relative !important;
    }

    body.evo[class*="_admin"] #mainContent .optionsRibbon:has(+ h2),
    body.evo[class*="_account"] #mainContent .optionsRibbon:has(+ h2),
    body.evo[class*="_api"] #mainContent .optionsRibbon:has(+ h2),
    body.evo[class*="_sis"] #mainContent .optionsRibbon:has(+ h2),
    body.evo[class*="_portal"] #mainContent .optionsRibbon,
    body.evo[class*="_integrations"] #mainContent .optionsRibbon:has(+ h2),
    body.evo[class*="_import"] #mainContent .optionsRibbon,
    body.evo[class*="_scales"] #mainContent .optionsRibbon,
    body.evo[class*="_ecommerce"] #mainContent .optionsRibbon:has(+ h2),
    body.evo[class*="_tax"] #mainContent .optionsRibbon:has(+ h2),
    body.evo[class*="_public_blog"] #mainContent .optionsRibbon:has(+ h2)
    {
        height: 40px !important;
    }

    body.evo .right-drawer.fat-open, .right-drawer.active {
        top: 0 !important;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        transform: translateX(0) !important;
    }

    body.evo .fat-drawer .head {
        background-color: var(--bg-color);
    }

    body.evo[class*="_notifications"] #mainContent h1 {
        display: block;
    }

    body.evo #mainContent .section_end_links {
        margin-top: 30px;
    }

    body.evo #centreColumn > .profile_header{
        margin: 0px 10px;
    }

    body.evo #mainContent .section_end_links {
        margin-top: 30px;
    }

    body.evo .right-drawer.active .drawer-handle {
        top: 50%;
        padding-left: 5px;
    }

    body.evo .right-drawer.active .click-overlay {
        width: 50px;
    }

    body.evo .right-drawer .drawer-handle i.arrowLeft {
        padding: 0;
    }

    body.evo .right-drawer.active .drawer-handle i.arrowLeft {
        padding-left: 10px
    }

    body.evo .right-drawer .drawer-handle i.arrowLeft:after{
        font-size:16px;
    }

    html:has(ol.sub-open), html:has(div.popup) {
        scrollbar-width: none !important;
    }

    body.evo #mainContent .inline_tabs_options ~ h2{
        display:block;
    }

    body.evo .section-intro ~ .optionsRibbon {
        overflow: auto !important;
    }

    body.evo[class*="_purchases"] .optionsRibbon ul > li.mobile_only{
        display:none !important;
    }

    body.evo header div.sectionTitle h1 {
        text-align: center;
    }

    body.evo body.evo .profile_header span.profile_type{
        background: var(--light-gray-bg);
        font-weight: var(--font-weight-medium);
        font-size: var(--font-size-small);
        color: var(--light-grey-text-color)
    }

    body.evo[class*="digital_media"] button.accordion_heading {
        background: var(--bg-color);
        border-radius: var(--border-r-rounded);
        font-weight: var(--font-weight-semibold);
    }

    body.evo[class*="_cart"] #leftColumn {
        width: auto !important;
    }

    body.evo[class*="_cart"] #leftColumn {
        padding: 10px;
        height: auto !important;
    }

    body.evo[class*="_cart"] #centreColumn{
        margin-left: 10px !important;
        padding:15px 0px !important;
    }

    body.evo[class*="_cart"] div#payment_block{
        width:auto;
    }

    body.evo #centreColumn .hasRightColumn {
        flex-direction: column;
    }

    body.evo[class*="_class_configure"] #mainContent .admin-container-panel,
    body.evo .admin-container-panel  {
        background: var(--bg-color);
        border-radius: var(--main-border-r);
        padding: 5px 20px 15px 20px;
        margin-bottom: 15px;
    }


    body.evo[class*='_permissions'] #centreColumn .permissionsContent .admin-container-panel {
        padding: 0px;
    }

    body.evo[class*='_permissions act_index'] #centreColumn .permissionsContent .admin-container-panel {
        padding: 5px 20px 15px 20px;
    }

    body.evo .admin-container-panel,
    body.evo .admin-panel-container{
        padding:5px 10px 15px 10px;
    }

    body.evo .modal .class_pop form#new_session_form .floatL {
        float: none;
        margin-bottom:10px;
    }

    body.evo .modal .class_pop form#new_session_form .floatL label {
        text-align: left;
    }

    body.evo[class*="_library"] .modal .resource_popup.xl_popup {
        max-width: 100%;
        width: 100%;
        flex-flow: column;
    }

    body.evo[class*="_library"] .modal .resource_popup .resource_content{
        flex: 1 0;
    }

    body.evo[class*="_library"] .modal .resource_popup .resource_content > p > img {
        width: 100%;
        margin: 0 auto !important;
    }

    body.evo .embeded_resource_in_content .media_wrapper > img {
        max-width: 100% !important;
    }

    body.evo[class*='_my_calendar'] #centreColumn #calendar2.has-right-column .calendar,
    body.evo[class*='_my_calendar'] #centreColumn #calendar2 .calendars-holder,
    body.evo[class*='_my_calendar'] #centreColumn #calendar2 .calendar,
    body.evo #centreColumn #calendar2 .calendars-holder .calendar {
        width: 100% !important;
    }

    body.evo table.calendar.calendar-events {
        display: block;
    }

    body.evo #centreColumn .calendar_heading_mobile .optionsRibbon.optionsRight.mr5 {
        float: right;
        margin-right: 0px;
    }

    body.evo #centreColumn .calendar_heading_mobile .optionsRibbon.optionsRight.mr5,
    body.evo #centreColumn .calendar_heading_mobile .optionsRibbon.optionsRight.mr5 {
        margin-top: 3px;
    }

    body.evo .optionsRibbon ul li a,
    body.evo.ctr_teacher_students div:not(.optionsRight).optionsRibbon ul li a:has(i.add),
    body.evo.ctr_teacher_curriculum div:not(.optionsRight).optionsRibbon ul li a:has(i.add){
        padding:5px 8px;
        margin-bottom:5px;
    }

    body.evo header .quickLinks a .newAlert, a.rightMobileBar .newAlert{
        width:auto !important;
        min-width:10px;
    }

    body.evo .optionsRibbon ul li a{
        margin: 0 3px 0 0;
    }

    body.evo .modal form#assignment_form #assignment_add_main .columns-display .column {
        height: auto;
    }

    body.evo .modal form#assignment_form #assignment_add_main .columns-display > .title_container {
        margin-bottom: 5px;
    }

    body.evo[class*="badge"] #mainContent .rightColumn .block h2 {
        padding-left: 0px;
    }

    body.evo[class*="badge"] #mainContent h1 {
        display: block;
    }

    body.evo[class*="badge"] #mainContent .pageHeading.mobile_only {
        padding: 0px;
        margin: 0px !important;
    }

    body.evo[class*="badge"] #mainContent .rightColumn .block h2 {
        padding-left: 0px;
    }

    body.evo .dashboard_tabnav_icon{
        margin:0px;
    }
    body.evo .modal #PeoplePicker #people_matched_tab table > thead > tr > th {
        width: 30px;
    }

    body.evo .modal #PeoplePicker .tab-content > div{
        padding: 0px;
    }

    body.evo #contentWrap,
    body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper footer,
    body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper #contentWrap,
    body.evo.fullscreen:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper #contentWrap {
        width: 100% !important;
        margin-left: 0 !important;
    }

    body.evo:not(.nav-open) nav#user-menu ol {
        width: 100% !important;
    }

    /* Mobile Copilot */

    body.evo .copilot-chat .chat-conversation {
        height: calc(100% - 60px);
    }

    body.evo .copilot-chat .welcome-message {
        width: 85dvw;
    }

    body.evo .copilot-chat .welcome-message > div:first-child {
        height: 100%;
    }

    body.evo .copilot-chat .welcome-message .welcome-header {
        margin-top: 0px;
    }

    body.evo .copilot-chat .welcome-message .welcome-suggestions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    body.evo .copilot-chat .welcome-message .welcome-suggestions .suggestion-block {
        margin: 0px;
        width: 100%;
    }

    body.evo .copilot-chat .chat-wrapper {
        display: flex;
        flex-direction: column;
    }

    body.evo .copilot-chat .chat-wrapper > div {
        display: flex !important;
        flex-direction: column-reverse;
        flex: 1;
    }

    body.evo .copilot-chat .conversation-content .conversation-message .message .wrapper {
        padding: 5px 15px;
        margin-left: auto;
    }

    body.evo .copilot-chat .conversation-content .conversation-message .message {
        display: flex;
        flex-direction:column;
    }

    body.evo .copilot-chat .conversation-content .conversation-message .message .introduction{
        flex-direction:column;
    }

    body.evo .copilot-chat .conversation-content .conversation-message .message .introduction .generated-image {
        width: 100%;
        height: 300px;
        overflow: hidden;
        position: relative;
    }

    body.evo .copilot-chat .conversation-content .conversation-message .message .introduction .generated-image img {
        width: 100%;
        height: auto;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    body.evo .copilot-chat .conversation-content .conversation-message .message .introduction .generated-image {
        width: 100%;
    }

    body.evo .copilot-chat .conversation-content .conversation-message .message .introduction .generated-text {
        margin-left: 0;
        margin-top: 20px;
    }

    body.evo .copilot-chat .conversation-content .conversation-message .message .skills-map{
        display:none !important;
    }

    body.evo .copilot-chat .chat-footer .chat-input,
    .copilot-chat .quiz-footer .quiz-input {
        width: 100%;
        max-width: 100%;
    }

    body.evo .copilot-chat .chat-footer .chat-input textarea,
    .copilot-chat .quiz-footer .quiz-input textarea {
        font-size: var(--font-size-regular);
    }

    body.evo .copilot-chat .chat-footer .chat-input textarea::placeholder,
    .copilot-chat .quiz-footer .quiz-input textarea::placeholder{
        color: var(--light-grey-text-color);
    }

    body.evo .copilot-chat .chat-footer .chat-buttons .control-buttons,
    .copilot-quiz .quiz-footer .quiz-controlls .quiz-buttons{
        padding:0px;
        margin-bottom:10px;
    }

    body.evo .copilot-chat .chat-footer,
    .copilot-chat .quiz-footer {
        padding: 5px 10px 20px 5px;
    }

    body.evo .copilot-chat .chat-wrapper{
        overflow:auto;
    }

    body.evo .copilot-chat .chat-wrapper .topics {
        width: 100% !important;
        padding-top:4%;
    }

    body.evo .copilot-chat .chat-wrapper .topics .topics-list ul li a, body.evo .copilot-chat .chat-wrapper .topics .related-list ul li a{
        padding:12px;
    }

    body.evo .copilot-chat .chat-wrapper .topics .topics-list h2 {
        padding-bottom: 15px;
    }

    body.evo .copilot-chat .head.copilot-learn-head {
        top: 10px;
    }

    body.evo .copilot-chat .chat-window .head .title, body.evo .copilot-quiz .head .title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
        font-size: var(--font-size-large);
    }

    body.evo .copilot-chat .chat-window .head .agent-status{
        display:none !important;
    }


    /* Mobile wrapper and header adjustment */

    body.evo #wrapper {
        padding-top: 0px;
    }

    body.evo #wrapper header {
        position: sticky !important;
        height: auto;
        padding-top: 0px;
        min-height: 60px;
        display: flex;
        flex-direction: column;
    }

    body.evo #wrapper header .sectionTitle {
        min-height: fit-content;
    }

    body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper header .sectionTitle {
        display: block !important;
        margin-left: 0 !important;
        margin-bottom: 5px;
    }

    body.evo header .section_progress {
        width: min(85%, 400px);
        align-self: center;
        margin: 10px 0px 0px;
    }

    body.evo #scrollToTopBtn {
        position: fixed;
        display: none;
        bottom: 80px;
        z-index: 99;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 5px 12px;
        border-radius: var(--border-r-rounded);
        font-size: var(--font-size-large);
        box-shadow: var(--box-shadow-heavy);
        left: 5px;
        right: auto;
        background: var(--button-bg-4);
        color:var(--button-color-4);
    }

    body.evo #scrollToTopBtn.show {
        display: flex;
    }

    body.evo #scrollToTopBtn.show:hover {
        background-color: var(--button-bg-4);
    }

    body.evo #scrollToTopBtn.show i {
        margin-top: 1px;
    }

    body.evo #scrollToTopBtn.show i::after {
        color: #fff;
        color:var(--button-color-4);
    }

    body.evo div#fixedSectionHeader {
        position: relative !important;
        top: 0px;
    }

    body.evo #centreColumn .resizable_columns .rightColumn {
        width: 100% !important;
        margin-top: 30px !important;
    }

    body.evo #centreColumn .resizable_columns .rightColumn .grading_fixed_col {
        top: 0px !important;
        position: relative;
        max-height: fit-content;
        width: 100% !important;
    }

    body.evo #fixedMarginTop,
    body.evo[class*='lesson']:not([class*='teacher']) #fixedMarginTop {
        margin-top: 0 !important;
    }

    body.evo.section_nav_page #mainContent div#fixedSectionHeader {
        padding: 20px 0px 0px;
    }

    body.evo.section_nav_page[class*="_turnitin_assignment"] #mainContent div#fixedSectionHeader {
        padding-top: 20px;
        background: transparent;
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100% !important;
    }

    /* Mobile Heading adjustment */
    body.evo #contentHeadingWrapper .teacherLessonHeading {
        height: 70px;
    }

    body.evo #contentHeadingWrapper .teacherLessonHeading h2 {
        margin-top: 15px !important;
    }

    body.evo #centreColumn .pageHeading{
        box-shadow:none;
    }

    body.evo[class*="_lesson"] input#default_locking_show + label {
        margin-right: 4px !important;
    }

    body.evo nav#user-menu .mm-opened .dropDown, body.evo nav#user-menu .sub-menu~ol>li.mm-opened>ul, body.evo nav#user-menu .sub-menu~ol li.mm-opened>div, body.evo nav#user-menu .sub-menu~ol>.fixed-bottom>li.mm-opened>div {
        margin: 0 !important;
        left: 0px;
        display: flex;
        flex-direction: column;
        z-index: 9;
        width: 100%;
        right: auto;
        position: fixed;
        transform: translateY(0vh);
        top: 0;
        height: calc(100% - 70px);
        overflow: auto;
        border-radius: 0;
        box-shadow: none;
        box-shadow: inset 0px -1px 3px 1px rgba(0, 0, 0, 0.1);
        white-space: unset;
    }

    body.evo nav#user-menu ol.sub-open li.mm-opened > div.dropDown {
        transform: none !important;
    }

    body.evo .post_options_holder, body.evo .news_holder{
        margin-bottom:40px;
    }

    body.evo .rightColumn ul li div.team-score span + span{
        position:relative;
    }

    body.evo #star_rating input[type="radio"] + label {
        display: inline !important;
    }

    body.evo .modal .facebox-content span#star_rating label {
        width: auto;
    }

    body.evo nav#user-menu .dropDownHeading a {
        display: none;
    }

    body.evo td.mastery_lozenge{
        width:auto;
    }

    body.evo nav#user-menu .dropDown>p {
        padding: 20px 30px;
    }

    body.evo:not(.nav-open) nav#user-menu ol>li:not(.mm-opened)>a.selected, body.evo:not(.nav-open) nav#user-menu ol>.scroll-wrapper>li>a.selected, body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li>a.selected, body.evo:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li:hover>a, body.evo:not(.nav-open) nav#user-menu ol>li:hover>a {
        background-color: transparent !important;
        border: none !important;
    }

    body.evo nav#user-menu ol>li.mm-opened, body.evo nav#user-menu ol .fixed-bottom>li.mm-opened, body.evo nav#user-menu ol:not(.mobileSubMenu) .scroll-wrapper>li.mm-opened {
        height: inherit;
    }

    body.evo header .mobileBar .leftMobileBar {
        background: none;
        text-align: center;
        padding: 4px;
        box-sizing: border-box;
    }

    /* Only visible for screen width larger then 765px */
    body.evo header .sectionTitle .leftMobileBar {
        position: absolute;
        left: 15px;
        top: 38px;
        background: none;
        text-align: left;
        padding: 4px !important;
        width: 60px;
    }

    body.evo #centreColumn .leftColumn,
    body.evo:not([class*="_dashboard"]) #centreColumn .leftColumn {
        padding: 0px 10px 0px 10px;
    }

    body.evo header .mobileBar .leftMobileBar:before,
    body.evo header .sectionTitle .leftMobileBar:before {
        content: '\f0c9';
        font-family: "Font Awesome 6 Pro";
    }

    body.evo header .mobileBar .backLink {
        filter: invert(1);
        margin-top: 5px;
    }

    body.evo header .navTrigger > a:first-child {
        display: none;
    }

    body.evo .skipToContent {
        display: none !important;
    }

    body.evo * {
        -webkit-tap-highlight-color: transparent;
        outline: none;
    }

    body.evo #user-menu ul.tabnav {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        padding: 0 20px 20px;
        overflow: visible;
    }

    body.evo #user-menu ul.tabnav ~ .hidden {
        display: none !important;
    }

    body.evo nav#user-menu .dropDown ul.tabnav li>a:hover {
        background: transparent;
    }

    body.evo ul.tabnav li:first-child a {
        border-top-left-radius: var(--border-r-rounded);
        border-bottom-left-radius: var(--border-r-rounded);
    }

    body.evo ul.tabnav li a.selected:after {
        z-index: -1;
        margin: 0 auto;
        content: '';
        position: absolute;
        width: calc(100%);
        height: calc(100%);
        top: 0px;
        left: 0;
        right: 0;
        background: var(--active-color);
        overflow: hidden;
        border-radius: var(--border-r-rounded);
    }

    body.evo nav#user-menu {
        width: 100%;
        left: 0;
        top: 0;
        height: calc(100% - 44px);
        display: block;
        transform: translateX(-100%);
        background: var(--bg-color);
        position: fixed;
        padding-top: 44px;
        padding-top: calc(env(safe-area-inset-top) + 44px);
        transition: transform .3s ease;
        z-index: 3;
        will-change: transform;
        -webkit-user-select: none;
    }

    body.evo.nav-open nav#user-menu {
        transform: translateX(0%);
    }

    body.evo nav#user-menu:before {
        content: '';
        display: none;
        background: none;
    }

    body.evo nav#user-menu .sub-menu {
        display: block;
        overflow: hidden;
        position: fixed;
        height: 100%;
        width: 100%;
        background: var(--bg-color);
        left: -100%;
        transform: translateX(0);
        transition: transform .3s ease;
        z-index: 10;
        top: 0;
        padding-top: calc(env(safe-area-inset-top) + 44px);
    }

    body.evo nav#user-menu .sub-menu.active {
        transform: translateX(100%);
    }

    body.evo nav#user-menu .header.mobileSearch {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
    }

    body.evo nav#user-menu .header [excalibur-click="Excalibur.Mobile.search"],
    body.evo nav#user-menu .header .exit {
        display: block !important;
        color: var(--main-text-color);
        width: unset;
        margin-right: 10px !important;
        text-align: unset;
    }

    [dir="RTL"] body.evo nav#user-menu .header .exit {
        left: 15px;
        right: unset;
    }

    body.evo .mobileSearch a:first-child {
        display: none !important;
    }

    body.evo nav#user-menu .header > a:not(.exit) {
        padding-top: 0px;
    }

    body.evo nav#user-menu ol > .fixed-bottom > li > a > span {
        display: inline;
    }

    body.evo nav#user-menu ol > .fixed-bottom > li > a > span:nth-child(2) {
        padding: 0;
        overflow: unset;
    }

    body.evo nav#user-menu ol > li.mm-opened > .dropDown .scroll:not(.hidden),
    body.evo nav#user-menu ol > li.mm-opened > .dropDown p {
        display: flex !important;
        height: -webkit-fill-available;
        height: -moz-available;
        max-height: 100%;
        flex: 1;
        width: auto;
        margin: 0;
        overflow-y: scroll;
    }

    body.evo nav#user-menu ol > li.mm-opened > .dropDown div:not(.two_column_nav):not(.three_column_nav).scroll ul {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    body.evo nav#user-menu ol > li.mm-opened > .dropDown .scroll.two_column_nav ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: max-content;
        width: -webkit-fill-available;
        width: -moz-available;
    }

    body.evo nav#user-menu ol > li.mm-opened > .dropDown .scroll.three_column_nav ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        height: max-content;
        width: -webkit-fill-available;
        width: -moz-available;
    }

    body.evo nav#user-menu ol > li.mm-opened > .dropDown .scroll.three_column_nav ul > li {
        max-width: calc(100dvw / 3 - 10px);
    }

    body.evo nav#user-menu ol > li .three_column_nav ul li {
        width: 100%;
    }
    body.evo nav#user-menu ol > li .three_column_nav ul li a {
        height: 43px !important;
        line-height: 43px !important;
    }

    body.evo nav#user-menu .mobile-nav-dropDown-header {
        display: flex;
        margin-left: 20px;
        margin-bottom: 20px;
        flex-direction: row;
        gap: 0.25rem;
    }

    [dir="RTL"] body.evo nav#user-menu .mobile-nav-dropDown-header {
        margin-left: 0;
        margin-right: 20px;
    }

    body.evo nav#user-menu ol.mobileSubMenu.staticMainNav li.mm-opened a.ajaxDropdown span > i:after {
        display: none;
    }

    body.evo nav#user-menu .mobile-nav-dropDown-header i:after {
        color: var(--active-color) !important;
    }

    body.evo:not(.nav-open) nav#user-menu {
        display: block !important;
        transform: none;
        background: transparent;
        padding: 0 !important;
        position: fixed;
        bottom: 0;
        top: auto;
        height: 0;
    }

    body.evo:not(.fullscreen) .special-table.grade_book .table-container,
    body.evo:not(.fullscreen) .special-table.mastery .table-container,
    body.evo .special-table.attendances .table-container {
        /* max-width = available - (right/left paddings/margins) */
        max-width: calc(100dvw - 30px);
    }

    body.evo .special-table.grade_book .table-container {
        max-height: 55dvh;
    }

    body.evo .native-popup .search-bar>*[excalibur-click] {
        position: relative;
        line-height: 20px;
        text-align: center;
        width: 40px;
        margin: 0 auto;
        padding: 0px;
        height: 40px;
    }

    body.evo .popup-container .search-bar{
        height:50px;
        border:1px solid var(--button-border-color);
        box-shadow:none;
        padding: 0px 2px;
        margin-top: 10px;
    }

    body.evo .popup-container .search-bar>*[excalibur-click] {
        position: relative;
    }

    body.evo .popup-container .native-popup {
        border-radius: 0;
    }

    body.evo:not(.nav-open):not(.lti-provider) nav#user-menu ol {
        position: fixed !important;
        left: 0 !important;
        transform: none !important;
        bottom: 0px !important;
        display: block !important;
        z-index: 9999;
        height: 70px !important;
        min-height: auto;
        overflow: auto;
        top: auto !important;
        padding: 0 0px !important;
        white-space: nowrap;
        border-radius: 0;
        box-shadow: 0px 0px 2px 2px rgb(0 0 0 / 6%);
        background: var(--tool-bar-color);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        margin-bottom: 0px !important;
        overflow-y: hidden;
        transition: all .3s ease;
    }

    a.nav-image {
        display: none !important;
    }

    body.evo nav#user-menu ol>li,
    body.evo nav#user-menu ol .fixed-bottom>li,
    body.evo nav#user-menu ol:not(.mobileSubMenu) .scroll-wrapper>li {
        background: transparent;
        display: inline-block !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        margin-left: -4px !important;
    }

    body.evo nav#user-menu ol>li:first-of-type {
        margin-left: 0 !important;
    }

    body.evo:not(.nav-open) nav#user-menu .sub-menu~ol>li>a {
        height: 70px !important;
    }

    body.evo nav#user-menu ol>li>a, body.evo nav#user-menu ol>.scroll-wrapper>li>a, body.evo:not(.nav-open) nav#user-menu ol>li.mm-opened>a, body.evo:not(.nav-open) nav#user-menu ol>li:hover>a, body.evo:not(.nav-open) nav#user-menu ol>.fixed-bottom>li.mm-opened>a, body.evo:not(.nav-open) nav#user-menu ol>.fixed-bottom>li:hover>a, body.evo:not(.nav-open) nav#user-menu ol>.fixed-bottom>li>a.selected, body.evo:not(.nav-open) nav#user-menu ol>.scroll-wrapper>li:hover>a, body.evo:not(.nav-open) nav#user-menu ol>.scroll-wrapper>li>a.selected, body.evo:not(.nav-open) nav#user-menu ol>li>a.selected,
    body.evo nav#user-menu .sub-menu~ol>li>a, body.evo nav#user-menu .sub-menu~ol .fixed-bottom>li>a {
        border-radius: 0;
        width: 80px !important;
        height: 70px !important;
        padding: 15px 0 !important;
        border: none;
        margin: 0 !important;
        overflow: hidden;
        background: transparent;
        position: relative !important;
        display: block;
    }

    body.evo nav#user-menu ol>li>a>span, body.evo nav#user-menu ol>li>a span:nth-child(2), body.evo nav#user-menu ol>.fixed-bottom>li>a>span:nth-child(2), body.evo nav#user-menu ol>.scroll-wrapper>li>a>span:nth-child(2), body.evo nav#user-menu .sub-menu~ol li span:not(:first-child), body.evo nav#user-menu .sub-menu~ol>li>a span {
        display: block !important;
        text-align: center !important;
        margin: 0 0 2px 0 !important;
        width: 100%;
        font-size: var(--font-size-medium) !important;
        line-height: 16px !important;
    }

    body.evo nav#user-menu .sub-menu .scroll-wrapper li.mm-opened > a > span,
    body.evo nav#user-menu ol>.scroll-wrapper>li.mm-opened>a>span:nth-child(2),
    body.evo nav#user-menu .sub-menu~ol li .mobile-nav-dropDown-header span,
    body.evo nav#user-menu .sub-menu li .mobile-nav-dropDown-header span {
        font-size: 18px !important;
        font-weight: var(--font-weight-bold);
        line-height: 19px !important;
        text-align: left !important;
        background-color: var(--bg-color) !important;
    }

    body.evo nav#user-menu ol>li>a>span, body.evo nav#user-menu ol>li>a>span i:after {
        color: #6a6a6a !important;
    }

    body.evo nav#user-menu ol>li>a>i {
        display: none;
    }

    body.evo:not(.nav-open) nav#user-menu ol.sub-open {
        height: 100vh !important;
        padding-top: calc(100vh - 70px) !important;
        overflow: hidden;
    }

    body.evo nav#user-menu ol>li.mm-opened, #user-menu ol .fixed-bottom li.mm-opened {
        transform: none;
        height: 70px !important;
        width: 80px !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    #user-menu ol .scroll li {
        border: none !important;
    }

    .pageHeading.mobile_only.switch_heading.flex {
        display: none !important;
    }
    body.evo #centreColumn .dashboard_header.class_header h2 {
        display: block;
    }

    nav#user-menu:not(.opened):not(.open) .sub-menu {
        display: none;
    }

    body.evo nav#user-menu .sub-menu~ol {
        width: 100% !important;
    }

    body.evo:not(.nav-open) nav#user-menu .sub-menu~ol li>a.selected>span>i {
        margin: 0 !important;
    }

    body.evo:not(.nav-open) nav#user-menu:not(.opened):not(.open) .sub-menu~ol li.mm-opened>a>span>i, body.evo:not(.nav-open) nav#user-menu .sub-menu~ol li:hover>a>span>i {
        margin-left: 0;
    }

    body.evo:not(.nav-open) nav#user-menu ol>li.mm-opened>a {
        position: fixed !important;
        left: 0;
        bottom: 0px !important;
        top: auto !important;
        border: none !important;
        padding-top: 25px !important;
        width: 100% !important;
        background: var(--bg-color) !important;
    }

    body.evo .profile_header .profile_header_nav {
        position: relative;
        z-index: 3;
    }

    nav#user-menu.subnav-open~#wrapper .mobileBar .leftMobileBar {
        display: block;
    }

    body.evo:not(.nav-open) nav#user-menu ol li.mm-opened>a i:after {
        content: '\f078';
    }

    body.evo:not(.nav-open) nav#user-menu ol>li.mm-opened>a>span {
        font-size: 0 !important;
    }

    body.evo #user-menu .image:has(i.fa-arrow-turn-down-right) {
        border-radius: 5px;
        background: transparent;
    }

    body.evo nav#user-menu li.mm-opened .dropDown ul.tabnav li>a:hover {
        background: transparent !important;
    }

    body.evo nav#user-menu.subnav-open.opened:has(div.sub-menu) .sub-menu-mobile-only {
        display: none !important;
    }

    body.evo nav#user-menu .sub-menu-mobile-only {
        display: block;
        overflow: hidden;
        position: fixed;
        height: 100%;
        width: 100%;
        background: #fff;
        background: var(--bg-color);
        z-index: 8;
        top: 0;
        padding-top: calc(env(safe-area-inset-top) + 44px);
    }

    body.evo nav#user-menu.opened .sub-menu-mobile-only>ol {
        background: var(--evo-sub-side);
        min-height: 100dvh;
        padding-top: 0 !important;
    }

    body.evo nav#user-menu .sub-menu-mobile-only .scroll-wrapper {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    body.evo nav#user-menu .sub-menu>ol {
        left: 15px;
        top: 30px !important;
    }


    body.evo nav#user-menu .sub-menu.active:has(ol.mobileSubMenu.sub-open) {
        background: #09090bbb;
    }

    body.evo nav#user-menu ol.mobileSubMenu li {
        width: auto;
    }

    body.evo nav#user-menu ol.mobileSubMenu li > a {
        width: 100% !important;
        height: auto !important;
        margin-left: 0px !important;
    }

    body.evo nav#user-menu ol.mobileSubMenu li > a > span:nth-child(2) {
        display: inline-block !important;
        width: auto;
        margin-left: 15px !important;
    }

    body.evo #mainContent .optionsRight{
        margin-left:0px;
    }

    body.evo .fixed-bottom {
        bottom: auto;
    }

    body.evo nav#user-menu .sub-menu .fixed-bottom .mm-opened .dropDown {
        height: auto !important;
        max-height: 70dvh !important;
        bottom: 41px !important;
        border-top-left-radius: 30px !important;
        border-top-right-radius: 30px !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        box-shadow: none !important;
        transform: none !important;
        background: var(--bg-color);
    }

    body.evo nav#user-menu .sub-menu .scroll-wrapper .mm-opened .dropDown {
        position: fixed;
        transform: none !important;
        padding-top: 0;
        border-radius: 0;
        height: -webkit-fill-available;
        height: -moz-available;
        max-height: fit-content;
        flex-grow: 1;
        top: 92px;
        margin-top: 0;
        background: var(--bg-color);
        box-shadow: none;
        backdrop-filter: none;
    }

    body.evo nav#user-menu .sub-menu .mm-opened .dropDown .cta {
        flex-direction: column;
        border-radius: 15px;
    }

    body.evo nav#user-menu .sub-menu li.mm-opened .dropDown > div {
        height: -webkit-fill-available;
        height: -moz-available;
        max-height: fit-content;
        flex-grow: 1;
    }

    body.evo nav#user-menu .sub-menu .scroll-wrapper .mm-opened .dropDown li>a,
    body.evo nav#user-menu .sub-menu .mm-opened .dropDown .cta li>a {
        padding: 5px 10px !important;
        margin: 0;
    }

    body.evo nav#user-menu ol.mobileSubMenu .scroll-wrapper li.mm-opened {
        background: var(--bg-color);
        margin: 14px 0 0 0 !important;
        position: absolute;
        z-index: 100;
        top: 0;
        width: 100%;
    }

    body.evo nav#user-menu ol.mobileSubMenu li.mm-opened a.ajaxDropdown::before {
        content: '\f053';
        font-weight: 900;
        font-family: "Font Awesome 6 Pro";
        position: fixed;
        left: 23px;
        margin-top: 2px;
    }

    body.evo nav#user-menu ol.mobileSubMenu li.mm-opened li {
        margin: 0 !important;
    }

    body.evo nav#user-menu ol > .fixed-bottom > li.mm-opened > .dropDown .scroll {
        max-height: none;
    }

    body.evo nav#user-menu .sub-menu ol>.scroll-wrapper>li:hover>a span {
        background: var(--bg-color)
    }

    body.evo .mobileSubMenu .dropDown .sessionsPopout {
        margin-top: 10px;
    }

    body.evo nav#user-menu ol .fixed-bottom>li {
        margin-left: 0 !important;
    }

    body.evo nav#user-menu ol.mobileSubMenu .fixed-bottom > li > a {
        display: inline;
        padding: 0 !important;
    }

    body.evo nav#user-menu ol .fixed-bottom li.mm-opened>.dropDown .scroll.three_column_nav {
        width: calc(100% - 30px);
    }

    body.evo nav#user-menu > ol > li.mm-opened > div {
        transform: translate(70px, -10px) !important;
    }

    body.evo[class*="_checkbox_section"] #fixedSectionHeader ~ .optionsRibbon.optionsRight {
        top: -35px;
    }

    body.evo.ctr_home_news .inline_tabs_options {
        margin-bottom: 0;
    }

    #fixedSectionHeader .inline_tabs_options .optionsRibbon {
        top: 0px;
    }

    body.evo .modal:has(div) {
        position: absolute;
    }

    body.evo .right-drawer {
        top: 0 !important;
        z-index: 1000;
        overscroll-behavior: contain;
    }

    body.evo .right-drawer .drawer-content > .head {
        margin-top: 12px;
    }

    body.evo .right-drawer.fat-open {
        transform: translateX(-100%) translateY(-50%);
    }

    body.evo[class*="group_list"] form#groups table tr td:nth-child(2) {
        width: auto;
        display: inline-block;
    }

    body.evo[class*="group_list"] form#groups table tbody tr td:first-child {
        display: inline-block;
    }

    body.evo[class*="group_list"] form#groups table tr td {
        border: 0px;
    }

    body.evo[class*="group_list"] form#groups table tr {
        border-bottom: 1px solid var(--border-color-light);
        padding: 10px 0px;
    }

    body.evo[class*="group_list"] form#groups table tr td:before{
        display:none;
    }

    body.evo #centreColumn .modern_module_list td.modern_module_wrap .optionsRibbon ul li a {
        background-color: rgba(0, 0, 0, .2);
        border-radius: 3px;
        width: auto;
    }

    body.evo #centreColumn .modern_module_list td.modern_module_wrap .optionsRibbon {
        right: 30px !important;
        top: 10px !important;
    }

    body.evo .modern_module_list>table .modern_module_row td a.quick_edit_icon {
        right: 20px !important;
        left: auto;
        top: 15px;
    }

    body.evo #centreColumn .modern_module_list td.modern_module_wrap .optionsRibbon ul li{
        margin-left:5px;
    }

    body.evo #centreColumn .modern_module_list td.modern_module_wrap .optionsRibbon ul li a i:after{
        color:#fff;
    }

    body.evo .modern_module_list .modern_module_row div.no-print {
        width: auto !important;
        display: block;
        margin:5px 15px;
        margin:5px 15px;
    }

    body.evo[class*='_lessons'] #centreColumn .modern_module_row h2 span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-width: calc(100dvw - 120px);
    }

    body.evo #centreColumn .modern_module_list td.modern_module_wrap .optionsRibbon ul li {
        background: transparent;
    }

    body.evo #mainContent .post_options_holder, body.evo #mainContent .news_holder{
        margin-top:10px !important;
    }

    body.evo #centreColumn .pageHeading {
        margin: 0px!important;
        padding-left: 0px;
    }

    body.evo .modern_module_row div.no-print:hover .quick_edit_icon {
        top: 16px;
        right: 26px;
    }

    body.evo .mobile_scrollable_table_wrapper {
        overflow: auto;
        width: 100%;
    }

    body.evo .mobile_scrollable_table_wrapper table.mobile_scrollable_table th:first-child,
    body.evo .mobile_scrollable_table_wrapper table.mobile_scrollable_table td:first-child {
        position: sticky;
        left: 0;
        z-index: 5;
    }

    body.evo .mobile_scrollable_table_wrapper table.mobile_scrollable_table th:not([width]) {
        min-width: 50px;
    }
}

/* End 1025 */


@media screen and (min-width: 1025px) {

    body.evo #user-menu li.mm-opened > .dropDown .scroll.three_column_nav {
        width: 670px;
    }

}

@media screen and (max-width: 600px) {
    body.evo[class*='_teacher_lessons'] .modern_module_list table tr.section td>table>tbody>tr>td:not(.hide_on_inline_table) {
        display: inline-flex !important;
        width: 100%;
    }

    body.evo[class*='_teacher_lessons'] .modern_module_list table tr.section td>table>tbody>tr>td:first-of-type::before {
        content: "Section: ";
    }

    body.evo[class*='_teacher_lessons'] .modern_module_list table tr.section td>table>tbody>tr>td:nth-child(2):not(.hide_on_inline_table)::before  {
        content: "Submitted: ";
    }

    body.evo[class*='_teacher_lessons'] .modern_module_list table tr.section td>table>tbody>tr>td:last-of-type:not(.hide_on_inline_table)::before {
        content: "To score: ";
    }

}

/* Tablet view */
@media screen and (max-width: 1025px) {
    body.evo #centreColumn .pageHeading {
        margin: 5px 10px 25px !important;
    }

    body.evo.site_full_width #fixedSectionHeader {
        padding: 0px 20px;
    }

    body.evo #fixedMarginTop,
    body.evo.site_full_width.section_nav_page #fixedMarginTop:not(.loaded) {
        margin-top: 200px;
    }

    body.evo .onboarding_videos a > span {
        display: block;
    }
}

@media screen and (max-width: 979px) {
    body.evo #centreColumn .pageHeading {
        margin: 5px 10px 15px !important;
    }

    body.evo.portal #wrapper header .mobileBar a.rightMobileBar {
        background: var(--active-color);
        padding: 5px 20px;
        border-radius: 50px;
        color: #fff !important;
        font-weight: var(--font-weight-medium);
    }

    .mm-menu.mm-vertical .mm-list > li.mm-selected > a:not(.mm-subopen),
    .mm-menu.mm-vertical .mm-list a {
        color: var(--main-text-color) !important;
        font-weight: var(--font-weight-medium);
    }

    body.evo header .mobileBar a.leftMobileBar {
        font-size: 1.5rem;
        font-weight: 500;
    }

    body.evo:not(.nav-open) nav#user-menu ~ #wrapper footer{
        margin-right:0px;
    }


    body.evo #calendar2 div.calendars-holder {
        padding: 0 !important;
    }

    body.evo #calendar2 table.calendar.calendar-events {
        padding: 0 !important;
        position: relative;
    }

    body.evo #calendar2 table.calendar.calendar-events tr:first-child td {
        padding: 0.4rem;
        border-radius: 0.5rem;
        width: auto;
        margin-bottom: 0.8rem;
    }

    body.evo #calendar2 table.calendar-events div a {
        width: auto !important;
        height: auto !important;
        padding: 3px 4px;
        margin-top: 4px;
        margin-left: 2px;
        margin-right: 2px;
    }

    body.evo #calendar2:has(#no_events_message) table.calendar.monthly {
        display: none;
    }
}


/* Mobile only without tablet */
@media screen and (max-width: 767px) {
    body.evo footer div.footerLinks ~ ul#socialBlocks {
        margin-bottom: 50px;
    }

    /* Make three_column_nav look like two_column_nav for smaller sizes */
    body.evo nav#user-menu ol > li.mm-opened > .dropDown .scroll.three_column_nav ul {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
    }

    body.evo nav#user-menu ol > li.mm-opened > .dropDown .scroll.three_column_nav ul > li {
        max-width: calc(100dvw / 2 - 10px) !important;
    }

    body.evo[class*="_checkbox_section"] #fixedSectionHeader ~ .optionsRibbon.optionsRight {
        top: -15px !important;
    }
}


body.evo .onboarding_videos .video .play {
    top: 40%;
    left: 45%;
    margin: 0px auto;
}

body.evo #wrapper header a.evo-toggle>span {
    background: red;
    border-radius: 15px;
    padding: 0 5px;
    color: white !important;
    margin: 0 5px;
}

/* Alerts e.g. export */
body.evo .alert_block .alert_flex {
    background-color: var(--block-bg-color);
    border: 1px solid transparent;
    box-shadow: var(--box-shadow-heavy);
    border-radius: var(--border-r-rounded);
    padding: 5px;
    align-items:center;
}

body.evo .alert_block .alert_icon {
    height: 40px;
    border-radius: var(--border-r-rounded);
}

body.evo .alert_block .alert_icon{
    padding-left:0px;
}

body.evo #alerts .alert_flex p {
    font-weight: var(--font-weight-medium);
}

body.evo .alert_block.warning .alert_flex {
    border-color: #ec9a03;
}

body.evo .alert_block.close_alert .alert_flex>a {
    top: 12px;
}

body.evo .alert_block.error .alert_flex {
    border-color: #c43030
}

body.evo .alert_block.error .alert_icon {
    background: #c43030
}

body.evo .alert_block.warning .alert_flex {
    border-color: #ec9a03
}

body.evo .alert_block.warning .alert_icon {
    background: #ec9a03
}

body.evo .alert_block.info .alert_flex {
    border-color: #1976be
}

body.evo .alert_block.info .alert_icon {
    background: #1976be
}




/* Dark Mode */


[data-theme="dark"] body.evo .modal ul.tabnav:not(.bypass) li a:before {
    background: var(--popup-bg-container);
}


[data-theme="dark"] body.evo #centreColumn ul li:before, [data-theme="dark"] .alert_block a:hover i, [data-theme="dark"] *:not(:hover):not(:focus)>i[class]:not(.icon):not(.inverted):not(.icnColor):not([class*='mce']):not([class*='gb-']) {
    filter: none !important;
}

[data-theme="dark"] body.evo .block.tile_width_widget .catalog_boxes *[class*='tile_color_'] {
    background: none !important;
}

[data-theme="dark"] body.evo .catalog_boxes>*[class*='tile_color_'], [data-theme="dark"] .catalog_boxes>*[style*='background-color'] {
    background-color: var(--bg-color) !important;
}

[data-theme="dark"] body.evo .quickLinks>div>a>i:after, [data-theme="dark"] body.evo .quickLinks>a>i:after {
    filter: none !important;
}

[data-theme="dark"] #fullscreen_msg_holder .header:not(.center) {
    background-color: var(--content-bg-color);
}

[data-theme="dark"] body.evo .modern_module_list>table .modern_module_row td {
    background: var(--th-bg-color) !important;
}




/* Slider Portal Editor */
[data-theme="dark"] .portal_edit .page_editor_head {
    background-color: #0f0f0f;
}

[data-theme="dark"] .portal_edit .modal__container {
    background-color: #0f0f0f;
    /*content-block-bg*/
}

[data-theme="dark"] .portal_edit .header {
    background-color: hsl(235.98deg 13.92% 15.68%);
    /*bg-color*/
}

[data-theme="dark"] .portal_edit .modal__container a {
    color: #3aa8ff;
    /*link-color*/
}

[data-theme="dark"] .portal_edit .page_editor_body a {
    color: #3aa8ff;
    /*link-color*/
}

[data-theme="dark"] .portal_edit .page_editor_body a {
    color: #fff;
}

[data-theme="dark"] .portal_edit .page_editor_body .section_title {
    border-color: #2c2c2c;
    /*border-color-dark*/
}


/* Scrollbars */


@supports (-moz-appearance:none)
  and (background-attachment:local)
  and (not (-moz-osx-font-smoothing:auto)) {
    /* Firefox */
    * {
        scrollbar-width: auto;
        scrollbar-color: var(--scroll-bar-color) !important;
    }

}



@media screen and (-webkit-min-device-pixel-ratio:0){
    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    #user-menu .dropDown .scroll::-webkit-scrollbar, .portalResults::-webkit-scrollbar {
        width: 9px !important;
        height: 9px !important;
    }

    .dashboard_widgets .dashboard_info::-webkit-scrollbar,
    .awards_widget:not(.expanded_widget) .award_boxes::-webkit-scrollbar,
    .tile_width_widget:not(.expanded_widget) .catalog_boxes::-webkit-scrollbar{
        width: 9px;
        height: 9px;
    }

    ::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: var(--scroll-bar-color) !important;
    }
}

/* background of the scrollbar except button or resizer */
body.evo::-webkit-scrollbar-track {
    background-color: #fff;
}

body.evo::-webkit-scrollbar-track:hover {
    background-color: #f4f4f4;
}


/* API Reference */
body.evo[class*='_api_reference'] nav#user-menu.subnav-open~#wrapper #contentWrap {
    margin-left: 70px !important;
}

body.evo[class*='_api_reference'] #user-menu .sub-menu.active{
    display:none;
}


/* Help Center */
body.evo #mainContent .video .video_title h3 {
    color: var(--main-text-color);
    font-weight: 600;
    font-size: 16px;
}

body.evo #mainContent .video .video_title h3 ~ span {
    border-radius: var(--border-r-rounded);
    padding: 5px 10px;
    font-weight: 400;
    font-size: 11px;
    margin: 0px;
    color: var(--light-grey-text-color) !important;
    background: var(--light-gray-bg);
}

body.evo #mainContent .videos{
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    padding: 15px;
    margin: 0px;
}

body.evo.act_videos #mainContent {
    padding: 20px;
}

body.evo[class*="_videos"] #mainContent select{
    border-radius: var(--border-r-rounded) !important;
    height: 33px;
    padding: 0px 10px;
    margin-top: 0px !important;
}

body.evo[class*="_videos"] #mainContent .flex_center span {
    font-size: 13px;
    font-weight:400;
}

body.evo .guides a span span {
    font-weight: 600;
}

body.evo .welcome-page .embed-max-size, body.evo #facebox .embed-max-size,
.videos .embed-max-size{
    margin: 10px auto 0;
}

body.evo .optionsRibbon .bulk-highlight-button.hidden a {
    display: none !important;
}


/* RTL */

[dir="RTL"] .modal .modal__container .navbar .title {
    width: 100%;
}

[dir="RTL"] body.evo .modal .modal__container .close-popup {
    left: 5px;
    right: auto;
}

[dir="RTL"] body.evo:not(.nav-open) nav#user-menu~#wrapper #contentWrap,
[dir="RTL"] body.evo:not(.nav-open) nav#user-menu~#wrapper footer {
    margin-left: 0px;
    margin-right: 190px;
}

[dir="RTL"] body.evo nav#user-menu .dropDown .cta {
    transform: rotate(-180deg);
}

[dir="RTL"] body.evo nav#user-menu .dropDown ul.cta > li {
    transform: rotate(-180deg);
    display: inline-block;
}


[dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol>li>a.selected, [dir="RTL"] body.evo nav#user-menu ol>li>a{
    text-align:right;
}

/* RTL CSS rules with [dir=rtl] or [dir="RTL"] */

[dir=rtl] .user #contentWrap.hasLeftColumn:after{
    position: fixed;
}

[dir="RTL"] body.evo .right-drawer .drawer-handle{
    border-radius:50px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

[dir="RTL"] body.evo .widgets .catalog_boxes.dashboard_widgets.dashboard_widget_grid ul.tabnav li a span.block {
    margin-right: 10px !important;
    margin-left:0px !important;
}

[dir="RTL"] body.evo #centreColumn h2, body.evo #courseToolbar h2,
[dir="RTL"] body.evo #tinymce h2,
[dir="RTL"] body.evo #facebox form#resources_form .search-metadata,
[dir="RTL"] body.evo #centreColumn .centre_widgets .full_width_widget .headingLinkWrap h2{
    text-align: right;
}

[dir="RTL"] body.evo .search-bar {
    padding: 0 15px 0px 4px;
}

[dir="RTL"] body.evo .linksHolder i.arrow-down{
    right: -14px;
}

[dir="RTL"] body.evo .quickLinks a.username {
    margin-left: 0px;
    margin-right: 20px;
}

[dir=rtl] .site_full_width.section_nav_page:not(.fullscreen) #fixedSectionHeader{
    right:0px;
}

[dir="RTL"] body.evo header .quickLinks a .newAlert{
    right: 20px;
}

[dir="RTL"] body.evo header .quickLinks a.header_cart .newAlert {
    right: 10px;
}

[dir="RTL"] body.evo .catalog_boxes .drag_wrap i.dotHandle {
    margin-right: 0px;
}

[dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol {
    border-bottom-right-radius: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 0;
}

[dir="RTL"] body.evo #centreColumn #class_catalog_container .catalog_boxes .draggable:hover .header h2 {
    margin-right: -20px !important;
}

[dir=rtl] body.evo .widget .headingLinkWrap .quick_edit_icon, [dir=rtl] .centre_widgets .headingLinkWrap .quick_edit_icon{
    left:0px;
}

[dir=rtl] body.evo[class*="_cart"] #contentWrap.hasLeftColumn #centreColumn {
    margin-left: auto !important;
    margin-right: 450px !important;
}


[dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol>li>a.selected, [dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol>li:hover a, [dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol>li.mm-opened>a, html[dir="RTL"] body.evo nav#user-menu .fixed-bottom > li > a, html[dir="RTL"] body.evo nav#user-menu ol .scroll-wrapper li>a{
    /* width: calc(100% + -11px) !important; */
    border-top-right-radius: 30px !important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 30px !important;
    text-align: right !important;
}

[dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol>li:hover ul.cta a {
    display: inline-block;
    width: 100%;
}

[dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol>li:hover ul.cta a.floatR {
    margin: 0px;
}

[dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol>li:hover ul.cta li:has(a.floatL) {
    float: right;
}

[dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol.sub-open .fixed-bottom li.mm-opened .dropDown .cta.two_column_nav a {
    width: fit-content;
}

html[dir="RTL"] body.evo ul.tabnav .width-wrap{
    background: var(--button-color);
}

html[dir="RTL"] .hasRightColumn #centreColumn ul.tabnav{
    width:100%;
}

[dir="RTL"] #user-menu li .scroll li > a {
    text-align: right;
}

[dir="RTL"] body.evo nav#user-menu ol > li.mm-opened > ul,
[dir="RTL"] #user-menu ol>li.mm-opened>div,
[dir="RTL"] #user-menu ol .fixed-bottom li.mm-opened>div {
    transform: translate(-180px, 0px) !important;
    border-right: none;
}

[dir="RTL"] body.evo nav#user-menu .sub-menu~ol>li.mm-opened>ul,
[dir="RTL"] body.evo nav#user-menu .sub-menu~ol li.mm-opened>div,
[dir="RTL"] body.evo nav#user-menu .sub-menu~ol>.fixed-bottom>li.mm-opened>div {
    transform: translate(-70px, 0px) !important;
}

[dir="RTL"] body.evo nav#user-menu .sub-menu>ol {
    right: 80px;
    left: auto;
}

[dir="RTL"] body.evo .modal #people_picker table tr th i {
    transform: translateX(-1px);
}

[dir=rtl] body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper header .sectionTitle {
    margin-left: 0 !important;
    margin-right: 90px !important;
}

[dir="RTL"] body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper #contentWrap, [dir="RTL"] body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper footer {
    margin-left: 0 !important;
    margin-right: 270px !important;
}

@media screen and (max-width: 1025px) {
    [dir="RTL"] body.evo #centreColumn .leftColumn {
        padding: 0;
    }

    [dir="RTL"] body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper #contentWrap,
    [dir="RTL"] body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper footer {
        margin-right: 0px !important;
    }

    [dir="RTL"] body.evo nav#user-menu .sub-menu .scroll-wrapper li.mm-opened > a > span,
    [dir="RTL"] body.evo nav#user-menu ol>.scroll-wrapper>li.mm-opened>a>span:nth-child(2),
    [dir="RTL"] body.evo nav#user-menu .sub-menu~ol li .mobile-nav-dropDown-header span,
    [dir="RTL"] body.evo nav#user-menu .sub-menu li .mobile-nav-dropDown-header span {
        text-align: right !important;
    }

    [dir="RTL"] body.evo nav#user-menu .sub-menu>ol {
        right: 0px;
    }

    [dir="RTL"] body.evo nav#user-menu ol.mobileSubMenu li,
    [dir="RTL"] body.evo nav#user-menu ol .fixed-bottom > li {
        margin-left: 0px !important;
        margin-right: 10px !important;
    }

    [dir="RTL"] body.evo nav#user-menu {
        direction: rtl;
    }

    [dir=rtl] body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper header .sectionTitle {
        margin-right: 0 !important;
    }

    [dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol {
        border-top-left-radius: 0px;
    }

    [dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol {
        text-align: right;
    }
}

[dir="RTL"] body.evo ul.tabnav li:first-child a:before, [dir="RTL"] body.evo ul.tabnav li:first-child a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--border-r-rounded);
    border-bottom-right-radius: var(--border-r-rounded);
    /* overflow: hidden; */
}
[dir="RTL"] body.evo ul.tabnav li:first-child a:after {
    border-top-right-radius: var(--border-r-rounded);
    border-bottom-right-radius: var(--border-r-rounded);
}
[dir="RTL"] body.evo ul.tabnav li:nth-last-child(1 of :not(.tabs_more_link)) a:after, [dir="RTL"] body.evo ul.tabnav li:nth-last-child(1 of :not(.tabs_more_link)) a {
    border-top-left-radius: var(--border-r-rounded);
    border-bottom-left-radius: var(--border-r-rounded);
}
[dir="RTL"] body.evo ul.tabnav li:nth-last-child(1 of :not(.tabs_more_link)) a:before {
    border-top-left-radius: var(--border-r-rounded);
    border-bottom-left-radius: var(--border-r-rounded);
    border-radius:50px;
}
[dir="RTL"] body.evo ul.tabnav li:first-child a {
    margin-left: -5px;
}
[dir=rtl] .user.keep_tablet_nav #contentWrap.hasLeftColumn:after {
    display: none;
}
[dir=rtl] .evo.keep_tablet_nav .navTrigger+.site_name+div.sectionTitle, [dir=rtl] .evo.keep_tablet_nav .linkHome+.site_name+div.sectionTitle, [dir=rtl] .evo.keep_tablet_nav header .mobileBar+.site_name+.sectionTitle {
    margin-left: 0;
    margin-right: 210px;
}
html[dir="RTL"] body.evo nav#user-menu .sub-menu:not(.active) {transform: translateX(100%);}
html[dir="RTL"] body.evo:not(.ctr_user_cart) nav#user-menu~#wrapper footer {
    right: 0;
}
html[dir="RTL"] body.evo .full_width_slider.swiper-container-horizontal .swiper-button-next {
    right: auto;
    left: 0;
}
html[dir="RTL"] body.evo .full_width_slider.swiper-container-horizontal .swiper-button-prev {
    right: auto;
    left: 42px;
}
[dir=rtl] .full_width_widget .headingLinkWrap .tabnav{
    margin: 0 0px 0 16px;
}
html[dir="RTL"] ul.tabnav li:first-child a, html[dir="RTL"] nav#leftColumn .dropDown ul.tabnav li:first-child a {
    margin-right: 0;
}
html[dir="RTL"] body.evo .dropDown.notificationsDropDown.dDownShow, html[dir="RTL"] body.evo .dropDown.messagesDropDown.dDownShow {
    right: auto !important;
    left: 10px !important;
    top: 60px;
}
html[dir="RTL"] body.evo:not(.nav-open) nav#user-menu .sub-menu~ol li.mm-opened>a>span>i, html[dir="RTL"] body.evo:not(.nav-open) nav#user-menu .sub-menu~ol li:hover>a>span>i {
    margin-left: 11px;
}
html[dir="RTL"] body.evo:not(.nav-open) nav#user-menu .sub-menu~ol .fixed-bottom li.mm-opened>a>span>i, html[dir="RTL"] body.evo:not(.nav-open) nav#user-menu .sub-menu~ol .fixed-bottom li:hover>a>span>i {
    margin-left: -30px;
}
[dir=rtl] body.evo nav.section_nav_holder {
    /* transform: translateX(0px); */
    left: 0 !important;
    right: 150px !important;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 18px;
    transform: translateX(100px);
}

[dir=rtl] body.evo .section_nav_handle {
    left: -15px;
    right: auto;
    box-shadow: -5px 5px 6px 0px rgb(11 0 60 / 4%);
}

[dir=rtl] body.evo .filters-wrapper .filters-add-rules a span {
    width: auto;
}

[dir="RTL"] body.evo #filter_form p:has(select[class*="_filter"]):after{
    transform: rotate(90deg);
    top: 35px;
}

@media screen and (min-width: 768px) {
    [dir=rtl] body.evo.section_nav_open .section_nav_holder {
        transform: translateX(0px);
    }
    [dir=rtl] body.evo.section_nav_open #centreColumn {
        margin-left: 0;
        margin-right: 104px !important;
    }
    [dir=rtl] body.evo.section_nav_open:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper footer {
        margin-right: 375px !important;
    }
    [dir="RTL"] body.evo.section_nav_open #user-menu .sub-menu>ol {
        border-top-left-radius: 0;
    }
}

[dir="RTL"] .section_nav_handle i {
    left: 2px;
    top: 14px;
}


[dir="RTL"] body.evo .catalog_boxes.dashboard_widgets>div.block:not(.full_width_widget) i.widget-icon{
    position: absolute;
    top: 9px;
    right: 0px;
}

[dir="RTL"] body.evo #centreColumn .catalog_boxes h2 {
    padding-right: 40px;
}


@media screen and (min-width: 2050px) {
    [dir=rtl] body.evo .dropDown.notificationsDropDown.dDownShow, [dir=rtl] body.evo .dropDown.messagesDropDown.dDownShow, html[dir="RTL"] body.evo .dropDown.messagesDropDown.dDownShow {
        left: calc((100% - 2028px)/2) !important;
        right: auto;
    }
    [dir=rtl] body.evo nav.section_nav_holder {
        right: calc((100% - 1742px)/2) !important;
    }
}

[dir="RTL"] body.evo #centreColumn .headingLinkWrap .small-month-name {
    text-align: center;
}

[dir="RTL"] body.evo #centreColumn .rightColumn .headingLinkWrap {
    padding-inline: 10px;
}

[dir="RTL"] body.evo .rightColumn i.widget-icon {
    left: unset;
    right: 0px;
}

[dir="RTL"] body.evo .rightColumn #next_small_calendar_link {
    left: 14px;
    right: auto;
}

[dir="RTL"] body.evo:not(.nav-open) nav#user-menu .sub-menu~ol li>a.selected>span>i {
   margin: 0 !important;
}

[dir="RTL"] body.evo:not(.nav-open) nav#user-menu .sub-menu~ol li.more.vis.active ol>li>a>span>i {
    margin-right: 5px
}

[dir="RTL"]  body.evo input.hasDatepicker {
    background-position:  3px center !important;
}

/* Theme */

body.evo #mainContent table tr.lesson_tile_color,
body.evo #mainContent .lesson_tile_color{
    display:none;
}

body.evo #mainContent table tr.path_tile_color,
body.evo #mainContent .path_tile_color{
    display:none;
}

body.evo #mainContent table tr.group_tile_color,
body.evo #mainContent .group_tile_color{
    display:none;
}

body.evo .quick_edit_box .color-editor-container {
    display:none;
}

/* END Theme */

body.evo .subTabs{
    display:flex;
    overflow: hidden;
}

body.evo .subTabs button {
    background:transparent;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight:var(--font-weight-semibold);
    font-size: var(--font-size-small);
    border-radius:0px;
    transition: background-color 0.2s ease-in 0.1s;
}


body.evo .subTablinks{
    color:var(--button-color-2);
}

body.evo .subTablinks.active{
    font-weight: var(--font-weight-bold);
}


body.evo #mainContent table tr.lesson_tile_color,
body.evo #mainContent .lesson_tile_color{
    display:none;
}



body.evo .subTabs{
    display:flex;
    overflow: hidden;
}

body.evo .subTabs button {
    background:transparent;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight:var(--font-weight-semibold);
    font-size: var(--font-size-small);
    border-radius:0px;
    transition: background-color 0.2s ease-in 0.1s;
}

body.evo .subTablinks{
    color:var(--button-color-2);
}

body.evo .subTablinks.active{
    font-weight: var(--font-weight-bold);
}

body.evo .mobileSearch {
    background: var(--active-color);
}

body.evo .mobileSearch a:first-child {
    display: none;
}

/* Permissions */
body.evo button.permissionEditButton{
    padding: 5px 24px;
    display: inline-block;
    border: 1px solid var(--active-color);
    background: var(--active-color);
    border-radius: var(--border-r-rounded);
    font-weight: 600;
    color: #fff;
    font-size: 12px;
}
body.evo a.permissionCancelButton{
    padding: 5px 24px;
    display: inline-block;
    border: 1px solid var(--button-border-color) !important;
    background: transparent !important;
    border-radius: var(--border-r-rounded);
    font-weight: 500 !important;
    color: var(--button-color-2) !important;
    font-size: 12px;
}
.permissionsContent .lock span i.xCross:after {
    color: #4c4c4c !important;
}
.permissionsHeader {
    display: flex;
    align-items: center;
    margin-bottom:10px;
    justify-content: end;
}


body.evo .subTablinks:after {
    width: 130px;
    height: 4px;
    display: block;
    content: '';
    border-radius: 10px !important;
    background: transparent;
    margin: 0 auto;
    transition: background-color 0.2s ease-in 0.1s;
}

body.evo .subTablinks:hover:after {
    background: var(--border-darker-color);
}

body.evo .subTablinks.active:after {
    background: var(--active-color);
}


.permissionsTable table tr th, body.evo .permissionsTable table tr td {
    min-width: 100px;
}

.permissionsTable table tr:first-child th,
.permissionsTable table tr th{
    background:var(--th-bg-color);
    border-bottom:0px;
}

.permissionsTable table tr:nth-child(odd) td {
    background: var(--table-row-alternate) !important;
}

.permissionsTable table tr:nth-child(even) td {
    background: var(--bg-color);
}

.permissionsTable > table > * > tr > td:first-child,
.permissionsTable > table > * > tr > th:first-child {
    position: sticky;
    left:0;
    background: var(--bg-color) !important;
    white-space: nowrap;
    max-width: 240px;
    z-index:1;
}

.permissionsTable > table > * > tr > th,
.permissionsTable > table > * > tr > td {
    /* Without this, if a cell wraps onto two lines, the first column
     * will look bad, and may need padding. */
    white-space: nowrap;
}

.permissionsContent dl dt {
    font-size: var(--font-size-small);
    font-weight:var(--font-weight-semibold)
}

.permissionsContent dd {
    font-size: var(--font-size-small);
    font-weight:var(--font-weight-light)
}

.admin-container-panel,
.admin-panel-container{
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    padding: 5px 20px 15px 20px;
    margin-bottom: 15px;
}

.admin-container-panel h4,
.admin-panel-container h4{
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-medium);
}

body.evo #mainContent #centreColumn .optionsRibbon + h2,
body.evo #mainContent #centreColumn .optionsRibbon + .admin-panel-title,
body.evo #mainContent #centreColumn .admin-container-panel + h2 {
    margin-top: 20px !important;
}

body.evo .section-subheader{
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-large);
    margin-bottom: 0px;
    margin-top:10px;
}

body.evo ul.section-content li {
    list-style-type: disc;
    padding: 0px;
    margin-left: 40px;
}

body.evo ul.section-content li::marker {
    color:var(--bullet-color) !important;
}

body.evo ul.section-content li:before{
    display:none !important;
}

body.evo ul.section-content li {
    list-style-type: disc;
    padding: 0px;
    margin-left: 40px;
}

body.evo #centreColumn ul.section-content li{
    padding-left: 0px;
}


body.evo .logo-upload-container .logo-upload-sample .logo-specifications{
    font-size:var(--font-size-small);
}

.color-selector-container .custom-link a {
    font-size: var(--font-size-medium);
}

.color-selector-container .color-checkbox-container{
    line-height:12px;
}


.permissionsContent .lockTick, .permissionLegend.lockTick, .permissionsContent .lock .tick{
    border: 1px solid var(--table-border-color);
    background: var(--table-border-color);
}
.permissionHideContainer {
    display: none !important;
}
.legendContainer {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: baseline;
}

/* Theme Color Selector */
@keyframes spin {
    0% {
        transform: rotate(0deg);
        border-top-color: transparent;
    }
    50% {
        border-top-color: #2daadb;
    }
    100% {
        transform: rotate(360deg);
        border-top-color: transparent;
    }
}

.color-selector-container {
    max-width: 242px;
    border: 1px solid var(--bg-color);;
    box-sizing: border-box;
    color: #2A2A5C;
}

.color-selector-container .color-selector-line{
    display: flex;
}

.color-selector-container .single-color-container {
    cursor: pointer;
    flex: 1 1 0;
    height:40px;
    width: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.color-selector-container .selected-border{
    height: 24px;
    width: 24px;
    border-radius: 24px;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}
.color-selector-container .selected-color .selected-border {
    border: 2px solid #2daadb;
}
.color-selector-container .loading-color {
    border: 2px solid #2daadb;
    animation: spin 1s linear infinite;
}

.color-selector-container .single-color-circle {
    height: 16px;
    width: 16px;
    border-radius: 16px;
}

.color-selector-container .color-checkbox-container{
    text-align: center;
    color: white;
    font-size: 10px;
    line-height: 18px;
    display: none;
}
.color-selector-container .selected-color .color-checkbox-container {
    display: block;
}

.color-selector-container .custom-color-link-container {
    flex: 1 1 0;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center;     /* Center vertically */
}

.color-selector-container .custom-color-link-container .custom-link {
    width: 100%;
    font-weight: 500;
    padding-top: 2px;
}

.color-selector-container .custom-color-container {
    flex-grow: 0;
}

.color-selector-container .add-color-circle {
    border: 2px solid #757D9E;
}

.color-selector-container .add-color-circle .color-checkbox-container {
    color: #757D9E;
    font-size: 14px;
    line-height: 13px;
    margin-top: 2px;
    font-weight: bold;
    display: block;
}

/* End Theme Color Selector */



/* TOX Editor Uploader Popup */

body.evo #facebox #Uploader ul.tabnav li.show_settings_tab {
    float: unset !important;
}

body.evo #file_uploader_form>.facebox-content{

    background: var(--bg-color);
    border-radius: var(--main-border-r);
    box-shadow: var(--box-shadow);
    min-height: 180px;
    margin-bottom: 10px;
    padding: 12px 22px 20px 22px !important;
}

body.evo #Uploader #dropzone {
    padding-top: 69px;
    text-align: center;
    cursor: pointer;
}

body.evo .tox #Uploader{
    padding:0;
}

body.evo .tox .tox-dialog__header{
    height: 50px;
    width: 100%;
    background: var(--popup-widget-bg);
    justify-content: start;
}

body.evo .tox .tox-dialog__title{
    font-family:var(--font-primary) !important;
    font-weight:600;
    line-height: 44px;
    font-size: 17px;
    color: var(--main-text-color);
    padding: 4px 10px;
    width: calc(100% - 80px);
    overflow: hidden;
    height: 100%;
    text-overflow: ellipsis;
    background: transparent;
    border: none;
}

body.evo #file_uploader_form>.facebox-content #UploaderContainer #dropzone{
    top:0px;
}

body.evo #file_uploader_form>.facebox-content #UploaderContainer #dropzone a{
    font-size: 13px;
    font-weight: 500;
}

body.evo .modal #file_uploader_form .facebox-content #UploaderContainer {
    border: 2px dashed var(--content-bg-color);
    border-radius: 20px;
}

body.evo .tox .tox-dialog__content-js {
    position: relative;
    width: 100%;
    height: calc(100% + 44px);
    padding-bottom: 2rem;
    overflow: auto;
    background: var(--popup-widget-bg) !important;
}

body:has(form#google_meet_create_event) div#ui-datepicker-div {
    display: none;
}

body.evo #file_uploader_form>.facebox-content #UploaderContainer #dropzone{
    color:var(--main-text-color);
    font-size: 13px;
    font-weight: 500;
}

body.evo .tox .tox-dialog__body-iframe iframe,
body.evo .tox .tox-dialog__body-iframe {
    padding: 0px 10px 10px;
}

body.evo .tox .tox-dialog__footer-start .tox-button[title="Disable"],
body.evo .tox .tox-dialog__footer-end .tox-button[title="Save"],
body.evo .tox .tox-dialog__footer-end .tox-button.mce-primary {
    background: var(--active-color);
    border: 1px solid var(--active-color);
    color: #fff;
    border-radius: 50px;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium) !important;
    padding: 5px 15px;
    font-family: 'Poppins', sans-serif;
}

body#facebox .facebox-content:has(.gdrive_file_list),
body#facebox .facebox-content:has(.onedrive_file_list),
body#facebox .facebox-content:has(.onedrive_business_file_list) {
    padding-top: 0px;
}

body.evo .tox-dialog {
    height: auto !important;
    max-width: 800px !important;
}

body.evo .tox-dialog:has(iframe[src="/tinymce/video_dialog"]) {
    height: 675px !important;
    max-height: 675px !important;
}

body.evo .tox-dialog:has(iframe[src*="/tinymce/plugins/matheditor"]) {
    width: 670px !important;
}

body.evo#facebox #Uploader .facebox-content {
    font-size:var(--font-size-small);
}

[data-theme="dark"] body.evo .tox .tox-menu div[role="menuitemcheckbox"] h1,
[data-theme="dark"] body.evo .tox .tox-menu div[role="menuitemcheckbox"] h2,
[data-theme="dark"] body.evo .tox .tox-menu div[role="menuitemcheckbox"] h3,
[data-theme="dark"] body.evo .tox .tox-menu div[role="menuitemcheckbox"] h4,
[data-theme="dark"] body.evo .tox .tox-menu div[role="menuitemcheckbox"] h5,
[data-theme="dark"] body.evo .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
    color: var(--main-text-color) !important;
}

[data-theme="dark"] body.evo .tox .tox-collection--list .tox-collection__item--active {
    background-color: #45525f;
}



/* Help Center */
body.evo #mainContent .video .video_title h3 {
    color: var(--main-text-color);
    font-weight: 600;
    font-size: 16px;
}

body.evo #mainContent .video .video_title h3 ~ span {
    border-radius: var(--border-r-rounded);
    padding: 5px 10px;
    font-weight: 400;
    font-size: 11px;
    margin: 0px;
    color: var(--light-grey-text-color) !important;
    background: var(--light-gray-bg);
}

body.evo #mainContent .videos{
    background: var(--bg-color);
    border-radius: var(--main-border-r);
    padding: 15px;
    margin: 0px;
}

body.evo[class*="_videos"] #mainContent select{
    border-radius: var(--border-r-rounded) !important;
    height: 33px;
    padding: 0px 10px;
    margin-top: 0px !important;
}

body.evo[class*="_videos"] #mainContent .flex_center span {
    font-size: 13px;
    font-weight:400;
}

body.evo .guides a span span {
    font-weight: 600;
}

body.evo .welcome-page .embed-max-size, body.evo #facebox .embed-max-size,
.videos .embed-max-size{
    margin: 10px auto 0;
}

body.evo:not(.portal):not(.ctr_student_calendar) table.calendar td.editable{
    position:relative;
}

body.evo:not(.portal):not(.ctr_student_calendar) table.calendar td.highlight:before {
    content: '+';
    position: absolute;
    font-weight: 900;
    font-size: 15px;
    background-image: none !important;
    font-family: "Font Awesome 6 Pro";
    right: 10px;
}

[data-theme="dark"] .jconfirm .jconfirm-box .buttons {
    background-color: var(--popup-widget-bg);
}

/* Visitor Portal */

body.evo.portal,
body.evo.portal h1:not(.customLogo), h2, h3, h4, h5, h6,
body.evo.portal #centreColumn .centerHeading,
body.evo.portal .jconfirm .title, body.evo.portal .mce-window-head .mce-title, .heading_font{
    font-family: var(--primary-font) !important;
}

body.evo.portal .footerLinks {
    margin-left: 10px;
    width: 100%;
}

body.evo.portal a.colorBtn{
    color: var(--text-white);
    background-color: var(--active-color) !important;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
    border: 0px;
    padding: 10px 20px;
}

body.evo.portal a.colorBtn:hover {
    filter: brightness(1.05);
    opacity:1;
}

body.evo.portal a.clearBtn{
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
    padding: 10px 20px;
}

body.evo .panel_split_text_img > div .half img,
body.evo .panel_split_text_img > div .half video{
    box-shadow: var(--box-shadow-heavy);
    border-radius:25px;
}

body.evo .panel1.circularImg .imgCrop{
    box-shadow: var(--box-shadow-heavy);
}

body.evo #contentWrap #carouselWrap h2 {
    font-weight: var(--font-weight-semibold);
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}

body.evo .accessible_carousel ul.bjqs-controls{
    border-radius:50px;
}

body.evo[class*="portal_news"] .optionsRibbon ul li a, body.evo[class*="portal_news"] .optionsRibbon ul li a i:after{
    color: var(--main-text-color) !important;
}

body.evo[class*="portal_news"] .optionsRibbon{
    padding-top:5px;
}

body.evo.portal #wrapper #contentBody, body.evo.portal #wrapper #contentWrap {
    min-height: auto !important;
}

body.evo.portal #contentWrap .panel .block p > strong {
    font-weight: 600;
    font-size: var(--font-size-large);
}

body.evo.portal #contentWrap .panel .block p{
    font-size: var(--font-size-medium);
}

body.evo.portal #contentWrap .bjqs .bjqs-caption a {
    font-size: var(--font-size-larger);
    font-weight: var(--font-weight-medium);
    color: var(--main-text-color);
    border-radius: 50px;
    line-height: normal;
    padding: 10px 40px;
}

body.evo.portal #contentWrap .bjqs .bjqs-caption a{
    font-weight: var(--font-weight-semibold);
    text-shadow: none;
}

body.evo.portal #contentWrap .bjqs .bjqs-caption p{
    text-shadow: none;
}

body.evo[class*="portal_news"] .optionsRibbon ul li a {
    border: 1px solid var(--button-border-color);
}

body.evo.portal #wrapper header{
    padding:7px 0px;
    height: 70px;
}

body.evo.portal #contentBody form{
    background: var(--section-nav-bg);
    padding: 10px 15px;
    box-sizing: border-box;
    border-radius: var(--main-border-r);
    max-width: none !important;
    width: auto;
}

body.evo.portal #contentBody .contactForm textarea,
body.evo.portal #contentBody .contactForm input#subject {
    max-width: 75%;
}

body.evo.portal #contentBody .optionsRibbon ul{
    margin-top: 5px;
}
body.evo[class*='_class_catalog'].portal .rightColumn i.widget-icon+h2 {
    width: calc(100% - 65px);
}


.difSignIn, input[type="submit"], input[type="button"], button, #facebox .header, #contentBody .centreBtn,
.optionsRibbon ul.inverted li a, .portal #contentHeader, .jconfirm .jconfirm-box div.title,
header .mobileBar, .options_btn.inverted, #fullscreen_msg_holder .header,
.link_button, ul.tabnav li a.selected:after, body.evo #remove_button input[type="button"] {
    background:var(--active-color, #24D3A5);
}

body.evo.portal #wrapper header nav.mainNav li{
    height: 70%;
}

body.evo.portal #wrapper header nav.mainNav li.selected {
    border-radius: var(--border-r-rounded);
    background-color: transparent;
    border: 2px solid var(--active-color);
}

body.evo.portal #wrapper {
    background: var(--content-bg-color);
}

body.evo.portal.home-carousel footer{
    border-top:0px;
}

body.evo.portal header > *{
    align-items:center;
}

body.evo.portal #wrapper header nav.mainNav li{
    margin: 0;
}

body.evo.portal #wrapper header nav.mainNav li a{
    color: var(--main-text-color) !important;
    font-size:var(--font-size-large);
    font-weight:var(--font-weight-medium);
    border-radius: 50px;
    padding:10px 25px;
    height: auto;
}


body.evo.portal #wrapper header nav.mainNav li.loginHolder a,
body.evo.portal #wrapper header nav.mainNav li:only-child a{
    background: var(--active-color) !important;
    color: #fff !important;
    font-size: var(--font-size-larger);
    font-weight: var(--font-weight-medium);
    line-height: normal;
    padding: 10px 25px;
    border-radius: var(--border-r-rounded);
    font-size: var(--font-size-regular);
}

body.evo.portal header nav.mainNav .loginHolder{
    padding:0px;
}

body.evo.portal header nav.mainNav{
    padding: 0 20px;
}

body.evo.portal #wrapper header nav.mainNav li.loginHolder a:hover{
    background: var(--active-color);
    filter: brightness(1.05);
}

body.evo.portal #wrapper{
    padding-top:0;
    margin-top: 0;
}

body.evo #loginForm .separator {
    border-bottom: 1px solid var(--table-border-color, #e6e6e6);
    text-align: center;
    height: 10px;
    margin: 10px 0;
}

@media screen and (min-width: 1026px) {

    body.evo.portal #contentHeader {
        padding-top: calc(72px + 18px) !important;
    }

}

header{
    border-top: 0px;
}

body.evo.portal #contentHeader {
    padding: 18px 26px;
}

body.evo.portal.catalog_class #contentHeader {
    top: 0px;
}

body.evo.portal.catalog_class #contentWrap {
    margin-top: 145px;
    z-index: unset;
}

body.evo.portal #contentHeader a.options_btn.optionsRight,
body.evo.portal #contentHeader a.options_btn.optionsRight i:after{
    color: #fff;
}

body.evo.portal .optionsRibbon ul li a {
    padding: 3px 15px;
    margin-top: -3px;
}

body.evo[class*="ctr_support act_show"]  #SearchResultsWrapper .optionsRibbon {
    z-index: 4;
}

body.evo .optionsRibbon {
    height: auto;
    left: 0px;
}

body.evo[class*="_group_configure act_competencies"] div.leftColumn > .optionsRibbon {
    margin-bottom: 15px;
}

body.evo .modal__container #badge_form .badge_tabnav .tabs_more_link .dropDownHolder,
body.evo .optionsRibbon .dropDownHolder {
    padding-top: 4px;
}


body.evo.portal #contentBody h2#calendar_name{
    font-size:20px;
    color:var(--main-text-color);
    font-weight:var(--font-weight-bold);
}

body.evo.portal #contentBody h2 {
    color: var(--main-text-color) !important;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-large);
}

body.evo.portal #contentBody p {
    color: var(--main-text-color) !important;
    font-size: var(--font-size-medium);
    margin:5px 0px;
}

body.evo.portal footer .footerLinks.oneIcon + div {
    width: 100%;
}

body.evo.portal footer ul#socialBlocks {
    width: 100%;
    display: flex;
}

body.evo.portal #socialBlocks a {
    width: 25px;
    height: 25px;
}

body.evo.portal footer a.language{
    color: var(--main-text-color);
    background-color :var(--content-bg-color);
    border: 1px solid var(--input-border-color) !important;
    border-radius: 50px !important;
    padding: 5px 10px;
}

body.evo.portal button[type=submit] {
    border-radius: var(--border-r-rounded);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-medium);
    margin: 10px 0px;
}

body.evo.portal #fcf-form h3.fcf-h3 {
    font-weight: var(--font-weight-bold);
    margin-bottom: 20px;
}

body.evo.portal #lms_widget_container form label {
    display: block;
    margin-top: 10px;
}

body.evo .profile_header .profile_background{
    border-radius: 12px 12px 0 0;
}

body.evo .profile_header .profile_background:after {
    background: var(--active-color);
    border-radius: 8px 8px 0px 0px;
}

body.evo .ip_restrictions .ip_addresses .ip_element {
    border-radius: 4px;
}

body.evo .ip_restrictions .ip_addresses .ip_element input {
    border: none !important;
    width: 140px !important;
}

body.evo .ip_restrictions .ip_addresses .ip_element i {
    margin-left: -35px;
}
body.evo #SearchResultsWrapper #threads h2 {
    display: block;
}

body.evo .ip_restrictions .ip_addresses .ip_element {
    border-radius: 4px;
}

body.evo .ip_restrictions .ip_addresses .ip_element input {
    border: none !important;
    width: 140px !important;
}

body.evo .ip_restrictions .ip_addresses .ip_element i {
    margin-left: -35px;
}
/* From tablet upwards */
@media screen and (min-width: 1025px) {
    body.evo.section_nav_open #user-menu .sub-menu>ol {
        width: 74px !important;
        border-top-right-radius: 0;
        border-right: 1px solid var(--border-color-light);
    }
}



/* Tablet Portrait and down*/
@media screen and (max-width: 1025px) {

    body.evo #mainContent {
        width: 100% !important;
    }

    body.evo #centreColumn .pageHeading {
        margin: 5px 10px 15px !important;
    }

    body.evo.site_full_width #fixedSectionHeader {
        padding: 0px 20px;
    }

    body.evo #fixedMarginTop,
    body.evo.site_full_width.section_nav_page #fixedMarginTop:not(.loaded) {
        margin-top: 200px;
    }
    body.evo .section_nav_holder {
        display: none;
    }

    body.evo.section_nav_page.section_nav_open #centreColumn {
        margin-left: 0 !important;
    }

    body.evo.section_nav_open:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper #contentWrap {
        margin-left: 0 !important;
    }

    body.evo.portal #contentHeader {
        position: relative;
        margin-top: 0px;
    }

    body.evo.portal.catalog_class #contentHeader h1 {
        margin-left: 0px;
    }

    body.evo.portal.catalog_class #contentWrap {
        margin-top: 0px;
    }

    body.evo.portal.catalog_class #contentWrap #leftColumn {
        margin-top: 0px;
        position: relative !important;
        float: unset;
        min-height: max-content !important;
        padding: 20px !important;
    }
}

@media screen and (min-width: 980px) and (max-width: 1025px) {
    body.evo.portal #wrapper header {
        flex-direction: row;
    }

    body.evo .rightColumn:not(.right_widgets),
    body.evo aside.rightColumn.right_widgets .widgets .block {
        width: 280px !important;
    }
}

/* Tablet Landscape and down*/
@media screen and (max-width: 1368px){

    .no-touch body.evo .catalog_boxes .tile_circle_icon:hover .tile_img_label
    {
        white-space:unset;
        font-size:var(--font-size-smaller);
        margin-right:3px;
    }

    body.evo .hasRightColumn .leftColumn:not(.calendarLeftColumn){
        max-width:100%;
    }

    body.evo[class*="_users"] #contentWrap #SearchResultsWrapper form.tableForm {
        overflow-x: auto;
    }

}


/* Ipad and Down */
@media screen and (max-width: 1025px) {
    body.evo .rightColumn.mobile_only .block .headingLinkWrap {
        display: flex !important;
    }

    body.evo .rightColumn.mobile_only .block {
        margin: 0px;
    }

    body.evo .rightColumn .block {
        width: auto !important;
    }

    body.evo #user-menu .header.mobileSearch a i.search:after,
    body.evo #user-menu .header.mobileSearch a i.xCross:after,
    body.evo #user-menu.subnav-open .header.mobileSearch a i.search:after,
    body.evo #user-menu.subnav-open .header.mobileSearch a i.xCross:after{
        color: var(--button-color-2);
    }

    body.evo .mobileSearch,
    body.evo #user-menu.subnav-open .header.mobileSearch,
    body.evo #user-menu.subnav-open:has(.sub-menu.active) .mobileSearch {
        background: transparent;
    }

    body.evo .popup-container .nav.mobileSearch {
        background: var(--active-color);
    }

    body.evo #user-menu.subnav-open:has(.mobileSubMenu .scroll-wrapper li.mm-opened) .header.mobileSearch {
        background: var(--bg-color);
    }

}

/* User search filter */
@media screen and (max-width: 510px) {
    body.evo .filters-wrapper .filters-rules-wrapper span.rule-block {
        height: auto;
    }

    body.evo .filters-wrapper .filters-rules-wrapper .rule-condition,
    body.evo .filters-wrapper .filters-rules-wrapper .rule-condition-date {
        margin-bottom: 10px !important;
    }
}

body.evo #filter_form select[class*="_filter"],
body.evo #filter_form select[id*="_filter"]
{
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance: none;
    /*outline: none;*/
    border: none;
    background: none;
    color: inherit;
    padding-right: 2rem;
    padding-left: 0.5rem;
}

body.evo #filter_form select[class*="_filter"] option,
body.evo #filter_form select[id*="_filter"] option {
    color: black;
    background: white;
}

[data-theme="dark"] body.evo #filter_form select[class*="_filter"] option,
[data-theme="dark"] body.evo #filter_form select[id*="_filter"] option {
    color: white;
    background: #151518;
}

body.evo #filter_form p:has(select[class*="_filter"]),
body.evo #filter_form p:has(select[id*="_filter"])
{
    position: relative;
}

body.evo #filter_form p:has(select[class*="_filter"]):after,
body.evo #filter_form p:has(select[id*="_filter"]):after
{
    content: '\3c';
    display: block;
    font-size: 1rem;
    position: absolute;
    top: 45px;
    right: 10px;
    transform: translateY(-50%) rotate(-90deg);
    pointer-events: none;
}

[dir="RTL"] body.evo #filter_form p:has(select[class*="_filter"]):after,
[dir="RTL"] body.evo #filter_form p:has(select[id*="_filter"]):after {
    left: 10px;
    right: unset;
    transform: rotate(90deg);
    top: 35px;
}

[dir="RTL"] body.evo #filter_form select[class*="_filter"], 
[dir="RTL"] body.evo #filter_form select[id*="_filter"] {
    padding-right: 0.5rem;
    padding-left: 2rem;
}

@media screen and (max-width: 1025px) {

    body.evo header .mobileBar {
        background: transparent;
    }


    header .mobileBar .rightMobileBar i.notifications {
        margin-right: 20px;
    }

    body.evo header .quickLinks a .newAlert, a.rightMobileBar .newAlert {
        border-radius: 50px;
        height: 10px;
        width: 10px;
        line-height: 10px;
    }

    body.evo #centreColumn ul.tabnav {
        margin-left: 0px !important;
        margin-bottom:20px !important;
    }

    body.evo .tile_widgets > .block {
        width: 100% !important;
    }

    body.evo .rightColumn .block{
        margin-left: 10px;
        margin-right: 10px;
    }

    body.evo #centreColumn:not(.leftColumn){
        margin:0px 10px;
    }

    body.evo #centreColumn:has(.leftColumn){
        margin:0px;
    }


    body.evo #contentWrap form
    {
        margin-top: 30px;
        width: auto;
    }

    body.evo #contentWrap form#teachers_list {
        margin-top: 10px;
    }

    body.evo .rightColumn .block{
        width: auto !important;
    }

    body.evo:not(.nav-open) nav#user-menu ~ #wrapper footer {
        margin-left: 0px;
        margin-bottom: 64px;
        flex-direction column;
    }

    body.evo footer div.footerLinks ~ ul#socialBlocks{
        justify-content: center;
    }

    body.evo nav#user-menu ol > li *, body.evo nav#user-menu ol > .scroll-wrapper > li * {
        font-size: var(--font-size-large);
        text-wrap: wrap;
        white-space: wrap;
    }

    body.evo:not(.nav-open) nav#user-menu ol li.mm-opened > a i:after {
        color: var(--button-color-2) !important;
        font-weight: var(--font-weight-medium);
    }

    body.evo nav#user-menu .mm-opened .dropDown {
        padding-top: 20px;
    }

    body.evo #user-menu ol .cta li.Label {
        display: none;
    }

    body.evo nav#user-menu .dropDown .cta {
        background: var(--light-gray-bg);
        margin: 20px;
        border-radius: var(--main-border-r);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: center;
        flex-wrap: wrap;
        position: static;
        width: auto;
        height: 60px;
    }

    body.evo nav#user-menu li.extra-content>span {
        display: none !important;
    }

    body.evo #user-menu ol .cta li > a {
        padding: 0px 6px !important;
        height: 43px;
        line-height: 43px !important;
        display: block;
        width: 100%;
    }

    body.evo nav#user-menu ol > li > a {
        width: 95px !important;
    }

    #user-menu ol .cta li:not(.Label) {
        margin: 0px !important;
        border: none;
    }

    body.evo .sliding_banner_inner {
        padding: 20px;
    }

    body.evo nav#user-menu .sub-menu > ol {
        left: 0px;
        background: transparent;
    }

    body.evo nav#user-menu ol.mobileSubMenu li,
    body.evo nav#user-menu ol .fixed-bottom > li {
        margin-left: 15px !important;
    }

    [dir="RTL"] body.evo nav#user-menu ol.mobileSubMenu li,
    [dir="RTL"] body.evo nav#user-menu ol .fixed-bottom > li {
        margin-left: 0 !important;
        margin-right: 15px !important;
    }

    body.evo .fixed-bottom {
        background: var(--light-gray-bg);
    }

    body.evo #user-menu ol{
        padding:5px 0;
    }

    body.evo #user-menu .sub-menu.active ~ ol,
    body.evo #user-menu .sub-menu-mobile-only ~ ol {
        display: none;
    }

    body.evo #user-menu .sub-menu.active > ol.mobileSubMenu {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 20px 0px !important;
        margin-top: 0 !important;
    }

    body.evo header .sectionTitle,
    body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper header .sectionTitle {
        margin-left: 0 !important;
    }

    body.evo form.tableForm table, body.evo table{
        padding: 0px;
        padding-top: 10px;
    }

    body.evo .optionsRibbon ul li a,
    body.evo.ctr_teacher_students div:not(.optionsRight).optionsRibbon ul li a:has(i.add),
    body.evo.ctr_teacher_curriculum div:not(.optionsRight).optionsRibbon ul li a:has(i.add){
        padding:5px 10px;
        margin-bottom:5px;
    }

    body.evo #centreColumn {
        padding: 5px;
    }

    body.evo .optionsRight, .optionsLeft{
        float:left;
    }

    body.evo #fixedSectionHeader .inline_tabs_options{
        display:block;
    }

    body.evo .section-intro .contentBlock .sideText{
        margin:0px;
    }

    body.evo #centreColumn .section-intro .contentBlock .sideText p.number{
        margin: 20px 0px 0px 0px;
    }

    body.evo #centreColumn .section-intro .contentBlock .sideText p.number{
        line-height:40px !important;
        height:40px;
        font-weight:var(--font-weight-bolder);
    }

    body.evo #centreColumn .section-intro .contentBlock .sideText p:not(.number){
        padding:0px !important;
    }

    /* RTL MOBILE */

    [dir="RTL"] body.evo:not(.nav-open) nav#user-menu~#wrapper #contentWrap {
        margin-right: 0px;
    }

    [dir="RTL"] body.evo header .sectionTitle .leftMobileBar {
        left: 0px;
        right: -15px;
    }

}

/* Small Mobile and Down */
@media screen and (max-width: 473px) {
    body.evo .progress-bar-container .text span {
        display: inline-block;
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.evo nav#user-menu ol > li.mm-opened > .dropDown .scroll.two_column_nav ul,
    body.evo nav#user-menu ol > li.mm-opened > .dropDown .scroll.three_column_nav ul {
        display: flex !important;
        flex-direction: column !important;
    }

    body.evo nav#user-menu ol > li.mm-opened > .dropDown .scroll.three_column_nav ul > li {
        max-width: calc(100dvw - 40px) !important;
    }
}

/* Dashboard News and Onboarding */
@media screen and (max-width: 767px) {
    body.evo.ctr_home_news .optionsRibbon.optionsRight {
        top: 0;
        margin-left: 0px !important;
    }

    body.evo .onboarding_videos .video .play {
        top: 20%;
        left: 40%;
    }

    body.evo.ctr_onboarding .dashboard_tabnav_icon {
        margin: -15px 0 25px !important;
    }

    body.evo.ctr_onboarding .optionsRibbon.optionsRight {
        margin-left: 0px !important;
    }

    body.evo #wrapper:has(.section_progress) #mainContent div#fixedSectionHeader {
        position: relative;
        top: 117px;
    }
}

body.evo:not(.portal):not(.ctr_student_calendar) table.calendar td.highlight:before {
    content: '+';
    position: absolute;
    font-weight: 900;
    font-size: 15px;
    background-image: none !important;
    font-family: "Font Awesome 6 Pro";
    right: 10px;
}

body.evo[class*="_digital_medias"] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight,
body.evo[class*="_subscriptions"] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight,
body.evo[class*="_bundles"] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight,
body.evo[class*="_payment_gateways"] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight,
body.evo[class*="act_edit_no_enrollments_text "] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight,
body.evo[class*="edit_no_teaching_text "] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight,
body.evo[class*="edit_no_groups_text "] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight,
body.evo[class*="_affiliates"] .inline_tabs_options ~ h2:first-of-type + .optionsRibbon.optionsRight{
    margin: 0px;
    margin-top: -10px;
}

body.evo #fixedSectionHeader ~ .optionsRibbon.optionsRight, #fixedSectionHeader ~ .hasRightColumn .optionsRibbon.optionsRight{
    margin-top:0px;
}

body.evo[class*="_game_admin"] #centreColumn div > .optionsRibbon {
    margin-left: 0px !important;
    margin-right: 20px;
    margin-top: 5px;
}
body.evo .logo-upload-container {
    display: flex;
    padding-top: 18px;
}

body.evo .logo-upload-container:nth-child(2) {
    padding-top: 36px;
}

body.evo .logo-upload-container .logo-upload-actions {
    flex-grow: 0;
    max-width: 300px;
}

body.evo .logo-upload-container .logo-upload-sample {
    flex-grow: 0;
    margin-left: 24px;
    max-width: 300px;
}

/* Utility classes */

body.evo .mt-1 {
    margin-top: 0.25rem !important; /* 4px */
}

body.evo .mt-4 {
    margin-top: 1rem !important; /* 4px */
}

body.evo .mt-10 {
    margin-top: 0.625rem !important; /* 10px */
}

body.evo .relative {
    position: relative;
}

body.evo .z-5 {
    z-index: 5;
}

body.evo .flex-row-space-beetween-gap-2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
}

body.evo .flex {
    display: flex;
}

body.evo .flex-row {
    flex-direction: row;
}

body.evo .flex-col {
    flex-direction: column;
}

body.evo .gap-2 {
    gap: 1rem;
}

body.evo .gap-05 {
    gap: 0.25rem;
}

body.evo .align-center {
    align-items: center;
}

@media screen and (max-width: 1025px) {
    body.evo .mobile-block {
        display: block
    }
}

body.evo .logo-upload-container .logo-upload-sample .current-logo-on-background {
    background-color: var(--left-bar-bg);
    padding: 36px;
    border-radius: 12px;
    border-color: var(--main-border-color);
    text-align: center;
}

body.evo .logo-upload-container .logo-upload-sample .logo-specifications {
    padding-top: 12px;
    color: var(--light-grey-text-color);
    font-size: 14px;
    text-align: left;
}

body.evo #helpTabs .show_gdrive_tab a img {
    vertical-align: middle;
}

body.evo[class*="_one_roster"] .inline_tab_options{
    justify-content: left;
}

body.evo[class*="_one_roster"] .inline_tab_options .optionsRibbon{
    margin-left:0px;
}

body.evo .optionsRibbon.optionsRibbonClassesWidget {
    margin: 0 0 16px 3px;
    padding-bottom: 11px;
}

body.evo .modal .facebox-content .add-existing-more {
    text-align: center;
    padding-top: 30px;
}


body.evo a.multiSelect {
    width: 230px !important;
}

body.evo  .modal__container.loginPopup .loginOptions{
    padding-top: 12px;
}

body.evo  .modal__container.loginPopup .loginOptions a{
    font-size: 14px;
}

body.evo  .modal__container.loginPopup .difSignIn {
    transition: opacity .5s ease-in-out;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: transparent;
    display: block !important;
    text-align: center;
}


body.evo  .modal__container.loginPopup .difSignIn:hover {
    color: var(--link-color);
}


body.evo  .modal__container.loginPopup .difSignIn i {
    display: none !important;
}

body.evo .modal__container.loginPopup .modal__content button {
    display: block !important;
    padding: 9px 60px !important;
    margin: 10px auto 6px !important;
    height: auto !important;
    font-size: 17px !important;
    line-height: 1.4 !important
}

body.evo #wrapper header .quickLinks a.help-link {
    display:none;
}

body.evo.portal .modal .modal__container.loginPopup a {
    margin-top: 10px !important;
}

body.evo.portal .modal .modal__container.loginPopup #sso a:first-of-type {
    margin-top: 30px !important;
}

body.evo .ui-datepicker {
    font-family: 'Poppins', sans-serif !important;
}

body.evo .ui-datepicker .ui-datepicker-header {
    background: var(--active-color, #24D3A5) !important;
}

body.evo .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active,
body.evo .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover {
    background: var(--active-color, #24D3A5) !important;
}

body.evo .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
body.evo .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
    filter: brightness(0);
}

body.evo .ui-datepicker .ui-datepicker-buttonpane button {
    background: var(--active-color);
    border-radius: 50px;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-small);
    padding: 0px 10px;
    font-family: var(--font-family);
}

/** Subnav testing CSS to include wrapping nav items for support subnav only **/

body.evo[class*="_sites"]:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li>a
{
    display: flex;
    align-items: flex-start;
    position: relative;
    white-space: wrap;
}

body.evo[class*="_sites"]:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li>a span:nth-child(1) {
    margin-right: 10px;
}

body.evo[class*="_sites"]:not(.nav-open) nav#user-menu .sub-menu ol>.scroll-wrapper>li>a span:nth-child(2) {
    margin: 0px !important;
}

@media screen and (max-width: 1025px) {

    body.evo.act_videos #mainContent {
        padding: 0px;
    }

}

body.evo:not([class*="_turnitin_assignment"]) #mainContent #fixedSectionHeader {
    padding: 0 20px;
}

body.evo nav.mainNav .portalCart a img {
    filter: brightness(85%);
}

body.evo div.scroll.teaching > ul > li div.image.child-item {
    background-color: transparent !important;
    text-align: center;
}

body.evo div.scroll.teaching > ul > li div.image.child-item > i {
    margin: -8px 0 0 0 !important;
}

body.evo.ctr_organizations.act_index .inline_tabs_options {
    max-width: calc(100dvw - 240px);
}

body.evo.ctr_organizations.act_index #mainContent #centreColumn #SearchResultsWrapper {
    max-width: calc(100dvw - 270px);
}

body.evo.ctr_organizations.act_index #mainContent #centreColumn #SearchResultsWrapper {
    overflow: scroll;
}

@media screen and (max-width: 1025px) {
    body.evo.ctr_organizations.act_index .inline_tabs_options {
        width: calc(100dvw - 20px);
    }

    body.evo.ctr_organizations.act_index #mainContent #centreColumn #SearchResultsWrapper {
        max-width: 94dvw;
    }
}

[dir="RTL"] body.evo .catalog_boxes>div * {
    text-align: right;
}



/* Learn Status */

.copilot-chat .chat-window .head .agent-status {
    position: relative;
    display: none;
    float: right;
    width: auto;
    margin-right: 15px;
    padding: 1px 20px 3px;
    font-size: 14px;
    font-weight: 600;
    color: #f9b408;
    border-left: 1px solid var(--border-color-light);
}

body.evo .copilot-chat .chat-window .head .agent-status span i{
    color: #e0e3ea;
    font-size: 1.2rem;
    line-height: 2rem;
    height: auto;
    width: 30px;
    display:inline-block;
}

body.evo .agent-status i:after{
    display: none;
}

body.evo .agent-status i:before{
    color:#e0e3ea;
    font-size:1.2rem;
    font-weight:600;
    width:40px !important;
}

body.evo .agent-status.ok i.fa-circle-check:before{
    color:#24D3A5;
    font-weight:600;
}

body.evo .agent-status.warning i:before{
    color:var(--color-red);
    font-weight:600;
}

.dot-spinner {
    position: relative;
    width: 35px;
    height: 35px;
    display: flex;
    margin-left: 10px;
    align-items: center;
    justify-content: center;
    padding-right: 3px;
}

.dot-spinner div {
    position: absolute;
    width: 2.5px;
    height: 2.5px;
    background: rgba(36,211,165,0.49);
    border-radius: 50%;
    animation: dot-spinner 2.5s linear forwards;
    animation-iteration-count: infinite;
}

.dot-spinner div:nth-child(1)  { animation-delay: -1.1s; top: 0px;    left: 14px; }
.dot-spinner div:nth-child(2)  { animation-delay: -1s;   top: 4px;    left: 24px; }
.dot-spinner div:nth-child(3)  { animation-delay: -0.9s; top: 11px;   left: 29px; }
.dot-spinner div:nth-child(4)  { animation-delay: -0.8s; top: 20px;   left: 29px; }
.dot-spinner div:nth-child(5)  { animation-delay: -0.7s; top: 27px;   left: 23px; }
.dot-spinner div:nth-child(6)  { animation-delay: -0.6s; top: 29px;   left: 14px; }
.dot-spinner div:nth-child(7)  { animation-delay: -0.5s; top: 27px;   left: 5.2px; }
.dot-spinner div:nth-child(8)  { animation-delay: -0.4s; top: 20px;   left: 0px;  }
.dot-spinner div:nth-child(9)  { animation-delay: -0.3s; top: 11px;   left: 0px;  }
.dot-spinner div:nth-child(10) { animation-delay: -0.2s; top: 4px;    left: 4px;  }
.dot-spinner div:nth-child(11) { animation-delay: -0.1s; top: 0px;    left: 14px; }
.dot-spinner div:nth-child(12) { animation-delay: 0s;     top: 4px;    left: 24px; }


.dot-spinner::before {
    content: '\f058';
    font-family: 'FontAwesome';
    font-size: 1.3rem;
    vertical-align: middle;
    color: rgba(36, 211, 165, 0.49);
    animation: checkmark-animation 1s ease-in-out 1s forwards;
    animation-iteration-count: infinite;
    justify-content: center;
    align-items: center;
    line-height: 2.1rem;
    width: 20px;
    margin-right: auto;
    margin-left: auto;
    display:flex;
}

body.evo .copilot-chat .chat-window .head .agent-status .generate-indicator {
    position: relative;
}


@keyframes dot-spinner {

    80% {
        transform: scale(1.2);
        background: rgba(36,211,165,0.49);
    }
    100% {
        transform: scale(1.8);
        background: #24D3A5;
    }
}

@keyframes checkmark-animation {
    0% {
        transform: scale(.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        color: #24D3A5;
    }
}


body.evo .copilot-chat .chat-window .head .title,
body.evo .copilot-quiz .head .title {
    text-align: left;
}

body.evo .copilot-chat .chat-window .head .agent-status span .dot-spinner {
    display: inline-block;
}

body.evo .copilot-chat .chat-window .head .agent-status > span {
    padding: 2px 10px 2px 20px;
    display: flex;
    align-items: center;
    justify-content: end;
    height: 35px;
    margin-top: 2px;
}

body.evo .copilot-chat .chat-window .head .agent-status span{
    font-family:var(--primary-font);
    text-transform: uppercase;
    font-weight: 600;
    font-size: .65rem;
    letter-spacing: .02rem;
    text-align: right;
    color: var(--main-text-color);
}

body.evo .copilot-chat .chat-window .head .agent-status span.agent-status-label{
    font-weight:700;
    margin-left:3px;
}

body.evo .copilot-chat .chat-window .head .agent-status.ok span,
body.evo .copilot-chat .chat-window .head .agent-status.warning span{
    color:var(--main-text-color);
}

body.evo .agent-status .generate-indicator {
    position: relative;
}

body.evo .agent-status .generate-indicator .pulse_wrap {
    margin: 0;
    margin-left: 10px;
}

body.evo .generate-indicator .pulse_wrap .pulse, .activity_indicator .pulse_wrap .pulse {
    animation: darker_pulse 2s infinite;
    border: 3px solid rgba(255, 255, 255, 0.2);
    width: 15px;
    height: 15px;
}

body.evo .rightColumn .block .activity_indicator .pulse_wrap .pulse{
    width:10px;
    height:10px;
}

body.evo .copilot-chat .chat-window .head .agent-status {
    padding: 0px;
    margin-top:2px;
}

body.evo .copilot-chat .generate-indicator:has(.ai-load-bar-parent) {
    position: relative;
}

body.evo .copilot-chat .ai-load-bar-parent {
    position: absolute;
    width: 100%;
    height: 3px;
    background: transparent;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
}

body.evo .copilot-chat .ai-load-bar {
    content: "";
    display: inline;
    position: absolute;
    width: 0;
    height: 100%;
    text-align: center;
}

body.evo .copilot-chat .ai-load-bar:nth-child(1) {
    background-color: var(--active-color);
    animation: loading-to-90 15s linear forwards;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
}

/* New class for the remaining 10% */
body.evo .copilot-chat .ai-load-bar.complete {
    animation: loading-to-100 1s linear forwards;
}

@keyframes loading-to-90 {
    from {
        left: 0;
        width: 0;
        z-index: 100;
    }
    to {
        left: 0;
        width: 90%;
        z-index: 10;
    }
}

@keyframes loading-to-100 {
    from {
        width: 90%;
    }
    to {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    footer {
        padding-bottom: 64px;
    }
}

/* MICRO CARD OVERRIDES REMOVE LATER */

body.evo .micro-card-container .micro-card .materialStyle {
    display: block;
}

body.evo .micro-card-container .micro-card:not(:has(.micro-image)) .materialStyle>p {
    min-width: 100% !important;
    right: auto;
}

body.evo .micro-card .image .media_wrapper {
    max-height: none;
}

body.evo .micro-card-container .micro-card:not(:has(.micro-image)) .materialStyle>p{
    top:0px;
}

.micro-card img {
    border-radius: 15px;
}

body.evo .micro-card-container .micro-card{
    box-shadow:var(--box-shadow-heavy);
}

body.evo .micro-card .embeded_resource_in_content img {
    max-height: none !important;
    max-width: none !important;
}

body.evo .micro-card-container .micro-card:not(:has(.micro-image)) .materialStyle>p{
    padding-bottom:20px;
}

body.evo .loading-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    background: var(--popup-bg);
    border-radius: var(--main-border-r);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 5%;
    width: 200px;
    height: 100px;
}

body.evo .loading-dots .dot {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 5px;
    background-color: var(--active-color, #00C290);
    border-radius: 50%;
    animation: bounce 1.4s infinite ease-in-out;
}

body.evo .loading-dots .dot:nth-child(1) { animation-delay: -0.32s; }
body.evo .loading-dots .dot:nth-child(2) { animation-delay: -0.16s; }

@keyframes bounce {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
}

body.evo #mainContent .max_user_content_width:has(.micro-card-container) {
    background: transparent;
}

body.evo #mainContent .max_user_content_width:has(.micro-card-container) .immersive-reader-button-holder {
    max-width: 1010px;
    margin: 0 auto;
    margin-bottom: 3rem;
}


/* AI Floating Action Button (FAB)  */
body.evo .ai-fab i.copilot-icon.iconColor{
    width:30px !important;
}

.ai-fab{
    background: var(--active-color);
}

.ai-fab.close:hover i.fa-xmark ~ .flare{
    animation: none !important;
}

.portal_edit.evo .edit_options_visibility i {
    font-size: 16px;
}

/* Visitor Portal - Transparent Header*/
body.evo.portal.transparent_header #wrapper header:not(.scrolled) {
    background: transparent;
}

body.evo.portal.transparent_header #wrapper header:not(.scrolled) nav.mainNav li a {
    color: #fff !important;
}

body.evo.portal.transparent_header header:not(.scrolled) nav > * > li > a, body.evo.portal.transparent_header #wrapper header:not(.scrolled) .customLogo span {
    color: #fff !important;
}

/* Visitor Portal catalog right Column */
.ctr_visitor_class_catalog #wrapper #contentWrap #contentBody aside.rightColumn {
    margin-left: 15px !important;
}




/* AI Course Creation: Step by Step */

.ai-course-progress-container {
    padding:20px
}

.ai-course-progress-step {
    display: flex;
    position: relative;
    margin-bottom: 20px;
}

.ai-course-progress--step:last-child {
    margin-bottom: 0;
}

.ai-course-progress-step:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 28px;
    left: 12px;
    width: 2px;
    height: calc(100% - 15px);
    background-color: var(--main-border-color);
    z-index: 0;
}

.ai-step-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    z-index: 1;
    font-size: 12px;
}

.ai-course-progress-step .step-icon i:before{
    color:#fff;
}

.ai-course-progress-step.step-progress .ai-step-icon i:before{
    color:#24D3A5;
    font-size: 1.8rem;
}

.ai-course-progress-step.step-progress .ai-step-icon i{
    overflow: unset;
}

.ai-course-progress-step .ai-step-icon i:before{
    color: white;
}

.ai-step-content {
    flex: 1;
}

.step-completed .ai-step-icon {
    background-color: #24D3A5;
    color: white;
}


.step-progress .ai-step-icon{
    border: 0px;
}

.step-warning .ai-step-icon {
    background-color: #FF9800;
    color: white;
}

.step-pending .ai-step-icon {
    background-color: transparent;
    border: 2px solid #e0e0e0;
    border: 2px solid var(--border-darker-color);
}

body.evo #contentWrap .ai-course-progress-step h3 {
    font-weight: var(--font-weight-semibold);
    margin-bottom: 4px;
}

.ai-course-progress-step p {
    font-size: var(--font-size-regular);
    margin-bottom: 12px;
}

.ai-course-progress-step span {
    font-size: var(--font-size-small);
    margin-bottom: 8px;
    color: var(--light-grey-text-color) !important;
}

.ai-course-progress-step a{
    color: var(--link-color);
    text-decoration: none;
    font-size: var(--font-size-regular);
    display: block;
    margin-bottom: 12px;
}

.ai-course-progress-step a:hover {
    text-decoration: underline;
}

.ai-action-buttons {
    display: flex;
    gap: 12px;
    margin-top: 8px;
    align-items: center;
}

button.btn {
    border-radius:var(--border-r-rounded);
    padding:0px 15px;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-regular);
}


.btn.btn-theme-color {
    background: var(--active-color);
    border: 1px solid var(--active-color);
}


.btn.btn-theme-color:hover{
    background: var(--active-color);
    filter: brightness(1.05);
    color: #fff !important;
}

.btn-red {
    background-color: #f44336;
    color: white;
}

.btn.btn-gray {
    background: var(--th-bg-color);
    color: var(--main-text-color);
    border: 1px solid var(--button-border-color);
    box-shadow: none;
}

btn.btn-gray:hover {
    filter: brightness(97%);
}

body.evo #mainContent .page-header-icon{
    display: flex;
    align-items: center;
    column-gap: 10px;
}


.pageHeading-container {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: space-between;
}

.pageHeading-container > div{
    display: flex;
    align-items: center;
    column-gap: 10px;
    width: auto;
}

.pageHeading-container > div > img {
    width: 40px;
}

.highlight-l-border {
    border-left: 4px solid var(--active-color);
    padding-left: 20px;
}

body.evo #centreColumn .admin-panel-container .highlight-l-border h2 {
    margin-top: 0px;
}

.admin-panel-container:has(.highlight-l-border) {
    padding: 20px;
}

/* Carousel Editor */
body.evo #fullscreen_msg_holder .header:not(.center){
    background:var(--popup-bg-color);
}

body.evo #fullscreen_msg_holder .header > * {
    color: var(--main-text-color);
    font-size: var(--font-size-larger);
    font-weight: var(--font-weight-medium);
}

body.evo .page_editor_preview #preview_iframe #centreColumn,
:root:not([data-theme="dark"]){
    background: var(--popup-widget-bg)
}

.portal_edit .page_editor_body .sections_draggable .section_title:first-child {
    background: var(--button-bg-3);
    border-radius: 15px 15px 0px 0px;
}

.portal_edit .page_editor_body .sections_draggable .section_title:has(a.add_slide) {
    border-radius: 0px 0px 15px 15px;
}

.portal_edit .page_editor_body input#sliding_banner_title {
    font-size: var(--font-size-medium);
}

.portal_edit .page_editor_body .section_title a.add_slide i:before {
    content: '\2b';
    vertical-align: top;
}

.portal_edit .page_editor_body .section_title i {
    transition: all .15s ease;
    height: 18px;
    margin: 0px;
}

.portal_edit .page_editor_body .sections_draggable .draggable_handle i:before {
    content: '\e411';
    font-weight: 600;
    color: var(--light-grey-text-color);
}

.portal_edit .page_editor_body .sections_draggable {
    padding: 15px;
    background: var(--popup-widget-bg);
    box-shadow: var(--box-shadow-inset);
}

@media screen and (max-width: 1024px) {

    body.evo .scroll_indicator_holder {
        top: calc(100vh - 150px);
    }

}