/*
Author: Hakem Metawea

MOEHE LMS qeducation
02/02/2026
*/

/* font & Variables */
body, body.evo {    
    ---font-primary: 'Cairo', sans-serif !important;
    --primary-font: 'Cairo' !important;
    --content-bg-color: #f5f5f5 !important;
    --th-bg-color: #e0e2e4 !important;/**/
    --tile1-bg-color: #BDBDBD !important;
    --active-color: #901838 !important;
    --active-color-hover: 144, 24, 56 !important;
    --link-color: #901838 !important;
    --link-color-hover: #70132c !important;
    --highlight-color: #901838 !important;
    --evo-header-bg-color: #454545 !important;
    --left-bar-bg: #ffffff !important;
    --left-bar-text: #222 !important;
    --input-border-color: #acacb5 !important;
    --font-size-smaller: .8rem !important;
    --font-size-small: .8rem !important;
    --font-size-regular: .8rem !important;
    --font-size-medium: .9rem !important;
    --font-size-large: .9rem !important;
    --font-size-larger: 1rem !important;
}

[data-theme="dark"] body.evo {
    --body-bg-color: #0F0F11 !important;
    --content-bg-color:     --body-bg-color: #f3f5f9 !important;
    --th-bg-color: hsl(235.98deg 14.27% 9.3%) !important;
    --link-color: #2CBAEC !important;
    --tile1-bg-color: #28292d !important;
    --link-color-hover: #0594CC !important;
    --evo-header-bg-color: hsl(235.98deg 14.27% 9.3% / 74%) !important;
    --left-bar-bg: #0d0d0f !important;
    --left-bar-text: #e9e9e9 !important;
}

body, body.evo *,
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,
body.evo.popupContent table.chat tr th,
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
body.evo.popupContent table.chat b
{
    font-family: 'Cairo', sans-serif !important;
}

body.evo .ui-datepicker {
    font-family: 'Cairo', sans-serif !important;
}

body.evo ul.tabnav li a span,
body.evo .head .title:first-of-type,
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-family: 'Cairo' !important;
}
/*////////////////////////////////////*/


/* header */
body.evo #wrapper header {background: url('/files/36557/user-header-grey.png?lmsauth=a684a8d44ebf686ad16345e304a7f97730bf8aba') !important;}
body.evo #wrapper header::before { content: unset !important;}
body.evo #wrapper header .sectionTitle h1,
body.evo #wrapper header .quickLinks a span.name,
body.evo #wrapper header .quickLinks a i::after,
body.evo #wrapper header .quickLinks a.notifications i::after,
body.evo #wrapper header .mobileBar a i::after,
body.evo #wrapper header .mobileBar a::before,
body.evo #wrapper header .quickLinks a i.clipboard::before,
body.evo #wrapper header .quickLinks a i.clipboard::after
{
    color: #fff !important;
}
body.evo #wrapper header .quickLinks .search-container a i::after,
body.evo #wrapper header .quickLinks .linksHolder a i::after,
body.evo #wrapper .quickLinks .notificationsDropDown i:after,
body.evo #wrapper .quickLinks .clip-board .file-tile i:after, 
body.evo #wrapper .quickLinks .clip-board .cta i:after,
body.evo #wrapper .quickLinks .messagesDropDown i:after
{
    color: #000 !important;
}
[data-theme="dark"] body.evo #wrapper .quickLinks .notificationsHolder .notificationsDropDown i::after,
[data-theme="dark"] body.evo #wrapper .quickLinks .messagesHolder .messagesDropDown i::after,
[data-theme="dark"] body.evo #wrapper .quickLinks .clip-board .file-tile i:after,
[data-theme="dark"] body.evo #wrapper .quickLinks .clip-board .cta i:after
 {
    color: #fff !important;
}
body.evo #wrapper .quickLinks .clip-board .dropDown li:hover .file-tile .remove i.xCross:after {
    color: #fff !important;
}
body.evo #wrapper .notificationsHolder .dropDown ul li .ms-subject {
    height: unset !important;
    white-space: break-spaces !important;
    max-height: 34px !important;
}
body.evo #wrapper .notificationsHolder .dropDown ul li .ms-image img[src^='/images/icons/notification-icon-square-edge.png'],
body.evo #wrapper #notifications table .oldProfileImg img[src^='/images/icons/notification-icon-square-edge.png'],
img[src^='/images/icons/notification-icon-square-edge.png'] {
    filter: hue-rotate(300deg);
    opacity: 0.8;
}
[data-theme="dark"] body.evo #wrapper header .quickLinks .linksHolder a i::after
{
    color:#b4bacf !important;
}
body.evo #wrapper header .quickLinks a.help-link {
    display: block !important;
}
body.evo #wrapper header .quickLinks a:focus 
{
    background: unset !important;
}
[dir="RTL"] body.evo .notificationsPopUpHolder {
    right: unset !important;
    left: 10px !important;
}
@media screen and (max-width: 1025px) {
    body.evo #wrapper header {
        min-height: unset !important;
    }
}

/*
body.evo #wrapper table th {
    background: var(--active-color);
    color: #fff;
}
body.evo #wrapper table th a,
body.evo #wrapper table th a::before,
body.evo #wrapper table th a::after,
body.evo #wrapper table th span,
body.evo #wrapper table th i::after {
    color: #fff;
}
body.evo #wrapper table th .sort-by:after,
body.evo #wrapper .sort-icon th .asc:after {
    border-top-color: #fff;
}
body.evo #wrapper table th .sort-by:before,
body.evo #wrapper .sort-icon th .desc:after {
    border-bottom-color: #fff;
}*/
/*////////////////////////////////////*/


/* Nav Menu */
body.evo:not(.nav-open) nav#user-menu ol {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    box-shadow: 0 4px 2px 3px rgba(0, 0, 0, 0.08) !important;
}
[dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol {
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
@media screen and (min-width: 1024px) {
    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 {
        box-shadow: -9px 2px 5px 4px rgb(4 4 4 / 10%) !important;
    }
    [dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol>li.mm-opened>a,  
    [dir="RTL"] body.evo:not(.nav-open) nav#user-menu ol>li:hover>a {
        box-shadow: 9px 2px 5px 4px rgb(4 4 4 / 10%) !important;
    }
}
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 {
    border-radius: 0px 4px 4px 4px !important;
}
body.evo .clip-list .image i {
    margin-top: -18px;
}
body.evo .clip-list .tile-content {
    width: calc(100% - 45px);
}
body.evo .tab-content .clip-list li.file-tile:before {
    border-color: #a5a5a5;
}
[dir="RTL"] body.evo .tab-content .clip-list .remove {
    right: unset !important;
    left: 5px;
}
[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 {
    border-radius: 4px 0 4px 4px !important;
}
body.evo nav#user-menu .dropDown .cta li a:hover {
    background: var(--th-bg-color);
    /*border-radius: 6px;*/
}
[dir="RTL"] body.evo nav#user-menu .dropDown .cta {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
[dir="RTL"] body.evo nav#user-menu .dropDown .cta li:nth-child(4) {
    margin-left: auto;
}
#user-menu .dropDown ul {
    text-align: start;
}
body.evo nav#user-menu .sub-menu>ol.staticMainNav {
    top: 60px !important;
    min-height: calc(100vh - 60px) !important;
}
body.evo nav#user-menu .sub-menu>ol.staticMainNav .scroll-wrapper:has(+ div.fixed-bottom), 
body.evo nav#user-menu .sub-menu .scroll-wrapper:has(+ ul.fixed-bottom)
{
    padding: 33px 0 0 0;
    height: calc(100% - 10px) !important;
}
body.evo nav#user-menu .sub-menu>ol.staticMainNav .fixed-bottom {
    position: absolute;
    bottom: unset;
    top: 0;
    padding: 5px 0 10px 0;
}
@media screen and (max-width: 1025px) {
    body.evo nav#user-menu .sub-menu>ol.staticMainNav .fixed-bottom .mm-opened .dropDown {
        bottom: unset !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 30px !important;
        border-bottom-right-radius: 30px !important;
        margin-top: 10px !important;
    }
    body.evo nav#user-menu .sub-menu>ol.staticMainNav .fixed-bottom .mm-opened .dropDown .mobile-nav-dropDown-header {
        display: none;
    }
}
body.evo nav#user-menu .sub-menu>ol.staticMainNav .fixed-bottom li {
    border-top: unset;
    border-bottom: 1px solid var(--border-color-light);
}
[dir="RTL"] body.evo nav#user-menu .sub-menu .mm-opened .dropDown:has(div.sessionsPopout) {
    transform: translateX(-190px) !important;
}
body.evo nav#user-menu ol .scroll li:hover,
body.evo nav#user-menu ol .scroll li:hover a {
    background: var(--active-color) !important;
    color: #fff !important;
    border-radius: var(--border-r-rounded);
    /*border-radius: var(--border-r-rounded) 0 0 var(--border-r-rounded);*/
}
body.evo #wrapper .quickLinks .notificationsHolder .dropDown ul li:hover,
body.evo #wrapper .quickLinks .messagesHolder .dropDown ul li:hover,
body.evo #wrapper .quickLinks .clip-board .dropDown li:hover,
body.evo #wrapper .linksHolder .dropDown a:hover {
    background: var(--active-color) !important;
    color: #fff !important;
}
body.evo nav#user-menu ol .scroll li:hover a.sub_links {
    background: none !important;
}

body.evo nav#user-menu ol .scroll li:hover a i::after,
body.evo nav#user-menu ol .mm-opened .scroll li:hover a span,
body.evo nav#user-menu ol .scroll li:hover i::after,
body.evo #wrapper .quickLinks .notificationsHolder .dropDown ul li:hover span,
body.evo #wrapper .quickLinks .messagesHolder .dropDown ul li:hover span,
body.evo #wrapper .quickLinks .clip-board .dropDown li:hover .tile-content .file-name,
body.evo #wrapper .quickLinks .clip-board .dropDown li:hover .file-tile i:after,
body.evo #wrapper .quickLinks .clip-board .dropDown li:hover .remove i:after,
body.evo #wrapper .quickLinks .notificationsHolder .dropDown ul li:hover i::after,
body.evo #wrapper .quickLinks .messagesHolder .dropDown ul li:hover i::after {
    color: #fff !important;
}
body.evo #wrapper .quickLinks .notificationsHolder .dropDown ul li img,
body.evo #wrapper .quickLinks .messagesHolder .dropDown ul li img {
    background: #fff;
}
body.evo #wrapper .quickLinks .clip-board .clipboard,
body.evo #wrapper .quickLinks .clip-board .newAlert {
    cursor: pointer;
}
body.evo nav#user-menu .sub-menu .mm-opened .sessionsPopout table tbody tr td:nth-child(3) span {
    text-align: start !important;
}
body.evo #contentWrap nav.section_nav_holder:has(.section_nav) {
    top: 60px !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
body.evo #contentWrap .section_nav a:not(.locked):hover {
    background: linear-gradient(to left, #901838 0%, #a42c4c 100%) !important;
    color: #fff !important;
}
body.evo #contentWrap .section_nav_holder .section_nav .module_sections a:not(.locked):hover span,
body.evo #contentWrap .section_nav_holder .section_nav a:not(.locked):hover span,
body.evo #contentWrap .section_nav_holder .section_nav .module_sections a:not(.locked):hover i:after,
body.evo #contentWrap .section_nav_holder .section_nav a:not(.locked):hover i:after {
    color: #fff !important;
}
body.evo nav#user-menu .moderator {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body.evo nav#user-menu .wideDropDown li a .image {
    margin: 0 10px !important;
    background-size: contain;
    background-repeat: no-repeat;
}
body.evo nav#user-menu .moderator .sub_icon {
    display: block !important;
    position: unset !important;
    left: unset !important;
    right: unset !important;
    width: 20px;
    height: 20px;
}
body.evo nav#user-menu .dropDown ul.bypass li.extra-content>span {
    display: block !important;
    text-align: start !important;
    padding: 0 0 0 50px;
    width: 150px;
}
[dir="RTL"] body.evo nav#user-menu .dropDown ul.bypass li.extra-content>span {
    padding: 0 32px 0 0;
    width: 120px;
}
body.evo nav#user-menu .dropDown ul.bypass li.extra-content>span span,
body.evo nav#user-menu ul.tabnav:not(:has(*)) {
    display: none;
}

body.evo:not(.nav-open) nav#user-menu.subnav-open .sub-menu ol>.scroll-wrapper>li>a.selected, 
body.evo:not(.nav-open) nav#user-menu.subnav-open .sub-menu ol>.scroll-wrapper>li>a.selected span,
body.evo:not(.nav-open) nav#user-menu.subnav-open .sub-menu ol>.scroll-wrapper>li>a.selected i:after,
body.evo:not(.nav-open) nav#user-menu.subnav-open .sub-menu ol>.scroll-wrapper>li:hover>a,
body.evo:not(.nav-open) nav#user-menu.subnav-open .sub-menu ol>.scroll-wrapper>li:hover>a span,
body.evo:not(.nav-open) nav#user-menu.subnav-open .sub-menu ol>.scroll-wrapper>li:hover>a i:after
{
    background-color: var(--active-color) !important;
    color: #fff !important;
}
@media screen and (min-width: 767px) {
    html[dir="RTL"] body.evo nav#user-menu ol .scroll li a.sub_links {
        left: 0px;
    }
}
@media screen and (max-width: 767px) {
    body.evo nav#user-menu .dropDown ul.bypass li.extra-content>span {
        padding: 0 0 0 90px;
        width: 220px;
        margin-top: -12px;
    }
    [dir="RTL"] body.evo nav#user-menu .dropDown ul.bypass li.extra-content>span {
        padding: 0 80px 0 0;
        width: 210px;
    }
}
@media screen and (min-width: 768px) {
    body.evo #user-menu .dropDown p {
        text-align: start;
    }
    body.evo #user-menu .dropDown ul.tabnav:not(:has(*)) {
        display: none !important;
    }
}

/*////////////////////////////////////*/





/* Home Page */
.centre_widgets .block.full_width_widget .headingLinkWrap {
    border-bottom: 1px solid var(--table-border-color) !important;
}
body.evo .sliding_banner.swiper-container {
    padding: 60px 10px 25px 10px !important;
}
[dir="RTL"] body.evo .catalog_boxes.dashboard_widgets>div.block:not(.full_width_widget) i.widget-icon {
    top: unset !important;
}
body.evo i.clipboard:after { content: '\f0c5'; }
body.evo i.الطلاب:after { content: '\f406'; }
body.evo i.الصفوف:after { content: '\f1b3'; }
body.evo i.الطلابالمسجلين:after { content: '\f5da'; }
body.evo i.المجموعات:after { content: '\f0c0'; }
body.evo i.الجوائز:after { content: '\f2eb'; }
body.evo i.الإتقان:after { content: '\e473'; }
body.evo i.الأخبار:after { content: '\f1ea'; }
body.evo i.التقييمات:after { content: '\f316'; }
body.evo i.الدروس:after { content: '\f02d'; }
body.evo i.الدرجات:after,body.evo i.Grades:after { content: '\e41c'; }
body.evo i.زيارات:after { content: '\e603'; }
body.evo i.المنتديات:after { content: '\f0ca'; }
body.evo i.الدردشة:after { content: '\f086'; }
body.evo i.الأعضاء:after, body.evo i.members:after { content: '\f0c0'; }
body.evo i.البريدالإلكتروني:after { content: '\f0e0'; }
body.evo i.مركزالتطبيقات:after { content: '\e197'; }
body.evo i.نظرةعامةعلىمكتبةالمصادر:after { content: '\e196'; }

body.evo .class_header .optionsRibbon a[onclick="toggle_all_lessons(true, this)"] i.checkboxChecked::after { content: "\f0c8"; } /*checked box*/
body.evo .class_header .optionsRibbon a[onclick="toggle_all_lessons(false, this)"] i.checkboxUnchecked::after { content: "\f14a"; } /*unchecked box*/
body.evo .class_header div.mt5.clearfix { margin-bottom: 20px; }
/*////////////////////////////////////*/


/* General Adjustments*/

body.evo #contentWrap .profile_header .profile_background {
    background-image: url('/files/36557/user-header-grey.png?lmsauth=a684a8d44ebf686ad16345e304a7f97730bf8aba') !important;
}

[dir="RTL"] body.evo #mainContent .filters-wrapper .filters-rules-wrapper {
    flex-direction: row-reverse !important;
}
[dir="RTL"] body.evo #centreColumn .section-intro .contentBlock .sideText p:not(.number) {
    padding-left: unset !important;
    padding-right: 65px !important;
}
[dir=rtl] body.evo .centre_widgets .headingLinkWrap .quick_edit_icon {
    left: 10px;
    right: auto;
}
body.evo .modern_module_list>table .highlightLesson .section tr td:first-child {
    padding: 3px 18px !important;
}
body.evo .modern_module_list table.draggable:has(div.current:not(.hide)),
body.evo .catalog_boxes .draggable:has(div.current:not(.hide)),
body.evo .modern_module_list table.draggable .current:not(.hide),
body.evo .catalog_boxes .draggable .current:not(.hide) {
    border: 1px solid var(--active-color) !important;
}
body.evo .draggable .current {
    padding: 6px 12px !important;
}
body.evo #wrapper .tooltip, body.evo #wrapper .tooltipBot {
    padding: 6px 6px 0 0;
}
body.evo #wrapper .tooltip .tooltipContactLinks {
    border-top: var(--th-bg-color) 1px solid;
    margin: 6px 0 1px 6px;
}
body.evo .rightColumn ul li a::after {
    font-size: var(--font-size-small);
}
body.evo.ctr_organization #wrapper #centreColumn .rightColumn,
body.evo.ctr_user #wrapper #centreColumn .rightColumn,
body.evo.ctr_group_visitor #wrapper #centreColumn .rightColumn{
    margin-top: 15px;
}
body.evo ul.file-tiles p.search-navigation>span, 
body.evo ul.file-tiles p.search-navigation>a {
    width: 23px !important;
    height: 23px !important;
    line-height: 8px !important;
    padding: 5px 1px !important;
}
body.evo ul.file-tiles p.search-navigation>a.previous {
    width: auto !important;
}
body.evo #user-menu li .dropDown .scroll li > a {
    padding: 0 !important;
}
body.evo .filter.no-select > div ul {
    white-space: nowrap;
}
body.evo .file-tile.video .round-icon i.video:after,
body.evo .file-tile.video .round-icon i.Video:after {
    content: "\f1c8" !important;
    padding: 0 2px 0 0
}
body.evo .file-tile.pdf .round-icon i.pdf:after,
body.evo .file-tile.pdf .round-icon i.PDF:after {
    content: "\f1c1" !important;
}
body.evo .file-tile.web.page .round-icon i.web.page:after {
    content: "\e64c" !important;
    padding: 0 2px 0 0;
}
body.evo .file-tile .round-icon i.pageBlank:after {
    padding: 0 2px 0 0;
}
body.evo .file-tile.powerpoint .round-icon i.powerpoint:after,
body.evo .file-tile.powerpoint .round-icon i.Powerpoint:after {
    content: "\f1c4" !important;
    padding: 0 2px 0 0;
}
body.evo .file-tile.word .round-icon i.document:after,
body.evo .file-tile.word .round-icon i.Document:after {
    content: "\f1c2" !important;
    padding: 0 2px 0 0;
}
body.evo .file-tile.excel .round-icon i.document:after,
body.evo .file-tile.excel .round-icon i.Document:after {
    content: "\e64d" !important;
    padding: 0 2px 0 0;
}
body.evo .file-tile.audio\/podcast .round-icon i.audio\/podcast:after,
body.evo .file-tile.audio\/podcast .round-icon i.Audio\/Podcast:after,
body.evo .file-tile.audio.podcast .round-icon i.audio.podcast:after,
body.evo .file-tile.audio.podcast .round-icon i.Audio.Podcast:after {
    content: "\f1c7" !important;
    padding: 0 2px 0 0;
}
body.evo .file-tile.other .round-icon i.other:after,
body.evo .file-tile.other .round-icon i.Other:after {
    content: "\f31a" !important;
    padding: 0 2px 0 0;
}

[dir="RTL"] body.evo .news_holder .quick_edit_box {
    width: 40px !important;
}
[dir="RTL"] body.evo #centreColumn .catalog_student h2.class_name,
[dir="RTL"] body.evo #centreColumn .catalog_mastery h2.class_name
{
    padding-right: unset !important;
}
[dir="RTL"] body.evo #centreColumn .studentTips p i {
    margin: 3px 15px 0 0 !important;
}
[dir="RTL"] body.evo .rightColumn .block .activity_indicator {
    right: unset !important;
    left: 0 !important;
}
body.evo.ctr_home_news .facebox-content dl > dt + dd {
    margin-left: 0 !important;
    width: 160px !important;
    text-align: start;
}
[dir="RTL"] body.evo.ctr_home_news .facebox-content dl > dt + dd {
    margin-left: 0 !important;
    width: 125px !important;
    text-align: start;
}
[dir="RTL"] .modal .facebox-content dl {
    justify-content: right;
}

body.evo .modal #lesson_form .facebox-content #lesson_period_number {
    max-width: 200px;
    height: 41px;
} 
[dir="RTL"] body.evo .modal .footer span.floatL {
    float: left !important;
}
[dir="RTL"] body.evo .tile_widgets .quick_edit_box {
    right: unset !important;
    left: 0 !important;
}
[dir="RTL"] body.evo .quick_edit_box.quick_edit_list .arrow {
    right: unset !important;
    left: 9px !important;
}
[dir="RTL"] body.evo .rightColumn .leaderboardSml li > *:nth-child(2) {
    width: 140px;
}

/*body.evo #contentWrap .optionsRibbon ul li a:has(i.forward) {
    color: #fff !important;
}*/

[dir="RTL"] body.evo.fullscreen:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper #contentWrap {
    margin-right: 80px !important;
}

body.evo .optionsRibbon ul li a[href='/trash/restore'] {
    color: #fff !important;
}

body.evo .optionsRibbon ul li .quick_search button {
    padding: 1px 5px;
}

.native-popup .content.two-columns .right-column .block ul li { 
    padding-left: 30px;
}

[dir="RTL"] body.evo table tr th:last-child {
    border-radius: 6px 0 0 6px !important;
}
[dir="RTL"] body.evo table tr th:first-child {
    border-radius: 0 6px 6px 0 !important;
}
[dir="RTL"] body.evo table tr:has(th:only-child) th {
  border-radius: 6px !important;
}
[dir="RTL"] body.evo .modal #people_picker a.pp_add, 
[dir="RTL"] body.evo .modal #people_picker a.pp_remove {
    transform: scaleX(-1);
}

body.evo .modal .modal__content .filter-select select {
    height: 38px !important;
}

[dir="RTL"] body.evo.centre_widget_edit .centre_widgets {
    right: 290px !important;
}
[dir="RTL"] body.evo.widget_edit .rightColumn.centre_widget_holder.available_centre_widgets {
    right: unset !important;
    left: 20px;
}

[dir="RTL"] body.evo.right_widget_edit .right_widgets .items .widget .quick_edit_icon {
    right: auto !important;
}

[dir="RTL"] body.evo .modal .help_centre form {
    margin: 0 0 .7rem 22px !important;
    padding: 0 0 12px 15px;
}

[dir="RTL"] body.evo .modal ul.tabnav:not(.bypass) li:nth-last-child(3) a:before {
    border-radius: 50px 0 0 50px !important;
}

[dir="RTL"] body.evo.ctr_gradebook .grade_book .overall {
    right: unset;
    left: 0;
}
[dir="RTL"] body.evo.ctr_gradebook .grade_book.special-table .table-columns .table-labels a {
    direction: rtl;
}

[dir="RTL"] body.evo.ctr_teacher_attendance .table-load-status {
    float: unset;
}

body.evo .modal header.modal__header h1, 
body.evo .modal header.modal__header h2
{
    width: calc(100% - 40px) !important;
}

[dir="RTL"] .modal header.modal__header button.modal__close {
    right: unset !important;
    left: 5px !important;
}

body.evo select {
    padding-top: 0 !important;
}
body.evo form select:focus {
    border: 1px solid #3f3f3f !important;
}
body.evo .dashboard_widgets .dashboard_info .comments .comment .wrapPost .post-content:empty,
body.evo .dashboard_widgets .dashboard_info .comments .comment .wrapPost .post-content:not(:has(*))
{
    display: none;
}
body.evo .dashboard_widgets .dashboard_info .comments .comment img[src^="/images/icons/"] {
    width: 30px !important;
    height: 30px !important;
    filter: grayscale(100%);
    opacity: 0.8;
}

body.evo.ctr_class_times #class_time_day option[value="Fri"],
body.evo.ctr_class_times #class_time_day option[value="Sat"],
body.evo.ctr_class_times #class_time_day option[value="Every weekday"],
body.evo.ctr_class_times #class_time_day option[value="Every day"] {
    display: none;
}

#contentWrap #centreColumn .custom_report_tab_columns .admin-container-panel {
    display: inline-block;
    width: 98%;
}

/*////////////////////////////////////*/



/* Support Forum Fixes*/
body.evo #mainContent #SearchResultsWrapper .optionsRibbon ul li a:has(i.add),
body.evo #mainContent #SearchResultsWrapper .optionsRibbon ul li > a[href='/support/post'],
body.evo #mainContent #SearchResultsWrapper .optionsRibbon ul li > a[href='/help_desk/post']  {
    background: var(--active-color) !important;
    color: #fff !important;
}
body.evo.ctr_support #contentWrap #mainContent #centreColumn>p { display: none; }
body.evo.ctr_support #contentWrap #mainContent #centreColumn>p.avatarHolder { display: table; }
body.evo #mainContent #support_activity_thread #event_posting,
body.evo #mainContent .forum-post-offset {
    background: #fff;
    padding: 12px;
    border-radius: 6px;
    margin: 0 0 12px 0 !important;
    /*border: 1px solid var(--active-color);*/
}
body.evo #mainContent .forum-post-offset p.avatarHolder {
    border-bottom: 1px solid var(--th-bg-color);
    margin: -4px 0 0 0 !important;
    padding: 0 0 4px 0 !important;
}
[data-theme="dark"] body.evo #mainContent #support_activity_thread #event_posting,
[data-theme="dark"] body.evo #mainContent .forum-post-offset {
    background: unset !important;
    border: 1px solid var(--main-text-color);
}
[data-theme="dark"] body.evo #mainContent .forum-post-offset p.avatarHolder {
    border-bottom: 1px solid var(--main-text-color);
}
[data-theme="dark"] body.evo #mainContent p.avatarHolder img {
    background-color: var(--main-text-color);
}
body.evo #mainContent #support_activity_thread #event_posting h2,
body.evo.ctr_support #mainContent #SearchResultsWrapper #threads .optionsRibbonTable_separate.optionsRight ul {
    display: none !important;
}
body.evo #mainContent #support_activity_thread .width-wrap {
    box-shadow: none !important;
    border-radius: none !important;
    background: none !important;
}
body.evo #mainContent #support_activity_thread ul.tabnav li:not(.selected) a.selected:after {
    background: none !important;
}
body.evo #mainContent #support_activity_thread ul.tabnav li.selected a.selected:after {
    background: var(--highlight-color) !important;
}
body.evo #mainContent .tabnav .tabnav__tab .tabnav__badge {
    margin: 0 -5px 1px 8px;
}
body.evo #mainContent .classes_widget .tabnav .tabnav__tab .tabnav__badge {
    margin: 2px 0 0 8px;
}
[dir="RTL"] body.evo #mainContent .tabnav .tabnav__tab .tabnav__badge {
    margin: 0 8px 1px -5px;
}
[dir="RTL"] body.evo #mainContent .classes_widget .tabnav .tabnav__tab .tabnav__badge {
    margin: 2px 8px 0 0;
}
body.evo #mainContent #support_activity_thread #event_posting .materialStyle, 
body.evo #mainContent .forum-post-offset .materialStyle {
    min-height: 75px;
    align-content: center;
}
body.evo #mainContent #support_activity_thread #event_posting .optionsRibbon,
body.evo #mainContent .forum-post-offset .optionsRibbon {
    clear: both;
    margin: 6px 0;
    border-top: 1px solid var(--th-bg-color) !important;
}
[data-theme="dark"] body.evo #mainContent #support_activity_thread #event_posting .optionsRibbon,
[data-theme="dark"] body.evo #mainContent .forum-post-offset .optionsRibbon {
    border-top: 1px solid var(--main-text-color) !important;
}
body.evo #mainContent #support_activity_thread #event_posting .optionsRibbon ul,
body.evo #mainContent .forum-post-offset .optionsRibbon ul {
    margin-top: 6px;
}
body.evo #mainContent #support_activity_thread #event_posting .optionsRibbon a,
body.evo #mainContent .forum-post-offset .optionsRibbon a {
    border: 1px solid var(--th-bg-color) !important;
}
/*body.evo.ctr_support nav.subnav-open,
body.evo.ctr_support nav.subnav-open div.sub-menu.active,
body.evo.ctr_support nav.subnav-open div.sub-menu.active ol.mobileSubMenu.staticMainNav {display: none !important;}
body.evo.ctr_support #wrapper #contentWrap.hasLeftColumn {margin-left: 75px !important;}
[dir="RTL"] body.evo.ctr_support #wrapper #contentWrap.hasLeftColumn {margin-right: 75px !important;}*/
/*////////////////////////////////////*/

/* Language Selector Popup Flag */
.langForm img[src*="arab.gif"] ~ label::after {
    background: url(/images/responsive/flags/32/qa.gif);
    background-size: cover;
    margin-right: 28px;
    content: '';
    width: 16px;
    height: 11px;
    position: absolute;
    display: block;
    top: 11px;
    left: 22px;
    border-radius: 0;
}
[dir=rtl] .langForm img[src*="arab.gif"] ~ label::after {
    right: -28px;
    left: auto;
}
/*////////////////////////////////////*/



/* widgets , header & icons */
[dir=rtl] .sliding_banner .sliding_banner_inner, 
[dir=rtl] .sliding_banner .swiper-pagination {
    direction: rtl !important;
}
.sliding_banner_inner {
    padding: 20px !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    min-height: 200px !important;
    box-sizing: border-box !important;
    color: #fff !important;
}
.sliding_banner_inner > .sliding_banner_text {
    text-align: center !important;
    max-width: 900px !important;
    margin: auto !important;
}
.sliding_banner_inner > .sliding_banner_text > p {
    text-align: center !important;
    justify-items: center !important;
}
@media screen and (max-width: 980px) {
    .sliding_banner_text h3, .sliding_banner_text h3 school {
        font-size: 20px !important;
        color: #fff !important;
    }
}
@media screen and (min-width: 1024px) {
    .welcome_banner .sliding_banner_inner > .sliding_banner_text h3,
    .welcome_banner .sliding_banner_inner > .sliding_banner_text h3 school {
        font-size: 28px !important;
        color: #fff !important;
    }
}
@media screen and (min-width: 1600px) {
    .welcome_banner .sliding_banner_inner > .sliding_banner_text h3,
    .welcome_banner .sliding_banner_inner > .sliding_banner_text h3 school {
        font-size: 38px !important;
        color: #fff !important;
    }
}

body.evo .rightColumn i.widget-icon {
    /*display: none !important;*/
    top: 6px !important;
}

body.evo .rightColumn i.widget-icon+h2 {
    padding-left: 14px !important;
    width: calc(100% - 40px) !important;
}

body .materialStyle {
    margin-top: unset !important;
}
body.evo .rightColumn h2, 
body.evo #centreColumn .rightColumn h2 {
    padding: 3px 0 0 30px !important;
    margin-bottom: 3px !important;
}
[dir=rtl] body.evo #centreColumn .rightColumn h2 {
    padding: 3px 14px 0 0 !important;
}
body.evo #ClassListsWidget .catalog_boxes i.pageBlank span {
    font-size: 12px;
    padding-right: 4px;
}
body.evo #ClassListsWidget .catalog_boxes i.pageBlank::after {
    font-size: 20px !important;
}

body.evo .catalog_boxes div.highlight div.header {
    box-shadow: 
        inset -2px 0 0 #222, inset 2px 0 0 #222;
}
body.evo .catalog_boxes div.highlight div.footer {
    box-shadow: 
        inset -2px 0 0 #222, inset 2px 0 0 #222, inset 0 -2px 0 0 #222;
}

/*////////////////////////////////////*/



/* footer */
body.evo footer {
    /*background: #313b40 !important;*/
    background: #360714 !important;
    min-height: unset !important;
}
[data-theme="dark"] body.evo footer {
    background: #0F0F11 !important;
}
body.evo:not(.ctr_user_cart) nav#user-menu~#wrapper footer {
    margin-right: unset !important;
}
[dir=rtl] body.evo:not(.ctr_user_cart) nav#user-menu~#wrapper footer {
    margin-right: 190px !important;
}
@media screen and (max-width: 979px) {
    body.evo:not(.ctr_user_cart) nav#user-menu~#wrapper footer {
        margin-right: unset !important;
    }
    [dir=rtl] body.evo:not(.ctr_user_cart) nav#user-menu~#wrapper footer {
        margin-right: unset !important;
    }
}
@media screen and (max-width: 1025px) { 
    body.evo:not(.ctr_user_cart) nav#user-menu.subnav-open~#wrapper:has(#contentWrap) footer {
        width: auto !important;
    }
    body.evo #wrapper header {
        margin-bottom: 8px;
    }
}
body.evo footer .footerLinks {
    display: flex;
    justify-content: end;
    width: 100%;
}
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
{
    color: #fff !important;
}
footer .footerLinks a[rel="facebox"]:not(:first-child), footer .powered_by {
    border: unset !important;
}
/* =========================================================
   Login Modal Buttons – Final Polished Version
   Centered text, No outline, MOEHE Brand
   ========================================================= */

/* توحيد عرض النماذج */
#modal-1 .frmLogin {
  width: 100% !important;
}

/* =========================================================
   الزر الأول: Primary (عنابي)
   ========================================================= */
#modal-1 #saml2_btn.sso_btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 54px !important;
  box-sizing: border-box !important;

  background: var(--active-color) !important;
  color: #ffffff !important;
  border: none !important;
  outline: none !important;
  border-radius: 50px !important;

  font-size: 17px !important;
  line-height: 1 !important;

  margin: 10px 0 18px 0 !important;
  cursor: pointer !important;
}

/* إخفاء أيقونة SAML */
#modal-1 #saml2_btn .saml2 {
  display: none !important;
}

/* تعطيل أي after سابق */
#modal-1 #saml2_btn.sso_btn::after {
  content: none !important;
}

/* =========================================================
   الزر الثاني: Secondary (بدون outline – أبيض نظيف)
   ========================================================= */
#modal-1 #sso a.difSignIn[data-change_active="admin"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 54px !important;
  box-sizing: border-box !important;

  background: #ffffff !important;
  color: var(--active-color) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none ;/*inset 0 0 0 2px var(--active-color) !important;*/

  border-radius: 50px !important;
  font-size: 17px !important;
  line-height: 1 !important;

  margin: 0 0 18px 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

#modal-1 #sso a.difSignIn[data-change_active="admin"]:hover {
  background: rgba(144, 24, 56, 0.06) !important;
}

/* =========================================================
   الزر الثالث: Tertiary (رمادي – بدون outline)
   ========================================================= */
#pwd-reset-link-added {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 54px !important;
  box-sizing: border-box !important;

  background: #e0e2e4 !important;
  color: #1f1f1f !important;

  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  border-radius: 50px !important;
  font-size: 17px !important;
  line-height: 1 !important;

  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

#pwd-reset-link-added:hover {
  background: #d7dade !important;
}

/* =========================================================
   تحسين النافذة
   ========================================================= */
#modal-1 .modal__container.loginPopup {
  max-width: 520px;
}

#modal-1 .modal__content .frmLogin > * {
  width: 100%;
}

/*body.evo.ctr_support #wrapper footer {margin-left: 85px !important;}
[dir="RTL"] body.evo.ctr_support #wrapper footer {margin-right: 75px !important;}*/
/*////////////////////////////////////*/