:root{--color-primary: #69bd45;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #4b7e2b;--color-state-hover: #3c6721;--color-state-focus: #3c6721;--color-state-active: #30541a;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fff;--nav-text-color: var(--color-text);--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled)}:root{--nav-bg-color: #ffffff;--nav-text-color: #262626;--color-primary: #C89B7B;--color-state: #9C6B4E;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--color-state-hover: #926144;--color-state-focus: #926144;--color-state-active: #815033;--footer-text-color-hover: #1c1c1c;}


/* Mohamed khaled home page start */

.totaraNav_prim .totaraNav--expand_indent .totaraNav--icon_chevron,
.totaraNav_prim--side .popover-region .nav-link,
.jsenabled .totaraNav_prim--side .usermenu .toggle-display.textmenu ,
.totaraNav_prim--list_item_label {
color: white !important;
}


.totaraNav_sub--list_item_link {
color: white !important; 

}
.totaraNav_sub--list_item:hover{
background: transparent !important; 
}

/* Mohamed khaled home page end*/




/* Mohame Khaled login page start */

#page-login-index {
    overflow-x: hidden;
}


 #page-login-index .tui-core_auth-loginLayout__main {
     position: relative;
 }

 #page-login-index .tui-core_auth-loginLayout__main::before {
     position: absolute;
    content: "";
    top: -102px;
    height: 100px;
    width: 100%;
 
    background: url(https://learning.retal.com.sa/files/shares/RETAL_transparent_fixed.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
 }

/* NAVBAR */
#page-login-index .tui-core_auth-loginNav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 40px !important;
    background-color: transparent;
    z-index: 1000;
}

.totaraNav_prim .masthead_logo--header_img {
height: 2.75rem !important;
}

#page-login-index .tui-core_auth-loginNav .tui-core_auth-loginNav__logo img {
    width: 40px;
    height: auto;
display: none;
}

/* HIDE GRAPHIC PANEL */
#page-login-index .tui-core_auth-loginLayout__panel-graphic {
    display: none;
}

/* FULL WIDTH PANEL */
#page-login-index .tui-core_auth-loginLayout__panel-interface {
    width: 100%;
    display: block;
    position: relative;
}

#page-login-index .tui-core_auth-loginLayout__panel-interface::before {
    position: absolute;
    content: "";
    bottom: 50px;
    left: 50px;
    background: url("/files/shares/build_for_generations_transparent_1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
 width:150px;
height: 150px;
opacity: .4;
}


#page-login-index .tui-core_auth-loginLayout__panel-interface::after{
    position: absolute;
    content: "";
    bottom: 50px;
    right: 50px;
    background: url("/files/shares/build_for_generations_transparent_2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
 width:150px;
height: 150px;
opacity: .4;
}


/* BACKGROUND */
#page-login-index .tui-core_auth-loginLayout__contentWrap {
    background-image: url('/files/shares/shutterstock_1651150801.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 20px 80px;
}
 






/* ===== RETAL THEME — Login ===== */

/* LOGIN BOX (الكارت) */
#page-login-index .tui-core_auth-login {
 
    width: 100%;
    max-width: 460px;
    backdrop-filter: blur(30px);
    padding: 25px 30px;
    background-color: #ffffff;

    border-top: 1px solid rgba(255, 255, 255, 0.95);
    border-left: 1px solid rgb(255 255 255);
    border-right: 1px solid rgba(255, 255, 255, 0.35);
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: inset 1.5px 1.5px 20px 0px rgb(0 0 0 / 6%), 2px 3px 20px rgb(0 0 0 / 9%), 0 25px 20px rgb(255 109 0 / 0%);
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* عنوان "Sign in" */
#page-login-index .tui-core_auth-login h1,
#page-login-index .tui-core_auth-login .tui-core_auth-login__heading {
    color: #9C6B4E;
    font-weight: 500;
    font-size: 24px;
    margin: 0 0 4px;
}

/* اللابلز Username / Password */
#page-login-index .tui-core_auth-login label {
    color: #9C6B4E;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 6px;
    display: inline-block;
}

/* FORM */
#page-login-index .tui-core_auth-loginForm__content {
    gap: 14px !important;
    display: flex;
    flex-direction: column;
}

/* INPUTS */
#page-login-index .tui-core_auth-login input {
    border: 1px solid #d2cfcb;

    background-color: transparent;
    color: #262626;
    transition: 0.25s ease;
    padding: 12px 14px;
    width: 100%;
    font-size: 14px;
}

#page-login-index .tui-core_auth-stackChooser__option {
background: transparent !important;
font-size: 14px;
color: #676b6e ;
}

#page-login-index .tui-core_auth-login input::placeholder {
    color: ##676b6e;
}

#page-login-index .tui-core_auth-login input:focus {
    background-color: #fff;
    border-color: #9C6B4E;
    box-shadow: 0 0 0 3px rgba(156, 107, 78, 0.12);
    transform: none;
    outline: none;
}

/* حقل Single sign-on (غيّري اسم الكلاس لو مش بيتطبّق حسب الـ DOM عندك) */
#page-login-index .tui-core_auth-login .tui-core_auth-loginForm__sso,
#page-login-index .tui-core_auth-login .tui-core_auth-login__sso {
    border: 1px solid #e3ddd6;
    border-radius: 10px;
    background-color: #ffffffcc;
    color: #595959;
    padding: 12px 14px;
}

/* خط الفاصل تحت SSO */
#page-login-index .tui-core_auth-login hr,
#page-login-index .tui-core_auth-loginForm__divider {
    border: none;
    border-top: 1px solid #ece7e1;
    margin: 6px 0;
}

/* CHECKBOX */
#page-login-index .tui-checkbox__label::before {
    border: 1px solid #c9bfb4;

    background-color: #ffffffcc;
    backdrop-filter: blur(10px);
}
#page-login-index .tui-checkbox input:checked + .tui-checkbox__label::before {
    background-color: #9C6B4E;
    border-color: #9C6B4E;
}

/* remember me / النصوص الصغيرة */
#page-login-index .tui-core_auth-loginForm__options {
    color: #595959;
    font-size: 13px;
}

/* LINKS (Trouble signing in?) */
#page-login-index .tui-core_auth-loginForm__options a {
    color: #595959;
    font-size: 13px;
    text-decoration: none;
}
#page-login-index .tui-core_auth-loginForm__options a:hover {
    color: #9C6B4E;
}

/* BUTTON */
#page-login-index .tui-core_auth-login button.tui-btn--variant-primary {
    border: none;

    background-color: #9C6B4E;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    transition: 0.25s ease;
    padding: 13px;
    width: 100%;
    margin-top: 4px;
}
#page-login-index .tui-core_auth-login button.tui-btn--variant-primary:hover {
    background-color: #835838;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(156, 107, 78, 0.25);
}

/* HELP */
#page-login-index .tui-core_auth-loginForm__help {
    margin-top: 15px !important;
    color: #595959;
gap: 17px !important; 
}









/* FOOTER */
#page-login-index .tui-core_auth-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background-color: transparent;
    color: white;
    z-index: 999;
}

#page-login-index .tui-core_auth-footer__poweredBy {
    font-size: 12px;
}

#page-login-index .tui-core_auth-footer .tui-core_auth-footer__poweredBy,
#page-login-index .tui-core_auth-footer br {
    display: none;
}

.yui3-js-enabled .page-footer-main-content {
  display: none;
}

.yui3-js-enabled .page-footer-main-content .page-footer-poweredby,
.yui3-js-enabled .page-footer-main-content br {
    display: none;
}

#page-login-index .tui-core_auth-footer #Skillupmena {
    display: block;
text-align: center;
}

/* =======================
   RESPONSIVE DESIGN
======================= */

/* Tablets */
@media (max-width: 992px) {
    #page-login-index .tui-core_auth-login {
        max-width: 380px;
        padding: 20px;
    }

    #page-login-index .tui-core_auth-loginLayout__contentWrap {
        padding: 90px 15px 80px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    #page-login-index .tui-core_auth-login {
        max-width: 100%;
 
        padding: 18px;
    }

   

    #page-login-index .tui-core_auth-loginLayout__contentWrap {
        padding: 80px 12px 90px;
    }

    #page-login-index .tui-core_auth-login input {
        font-size: 13px;
    }

    #page-login-index .tui-core_auth-login button.tui-btn--variant-primary {
        padding: 10px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    #page-login-index .tui-core_auth-login {
        padding: 15px;
    }

    #page-login-index .tui-core_auth-login h1 {
        font-size: 20px;
    }

    #page-login-index .tui-core_auth-footer {
        text-align: center;
        font-size: 11px;
    }
}


#page-login-index .tui-core_auth-login *{
border-radius: 0px !important;
}

/* Mohame Khaled login page end */





/*Abanoub LeaderBoard Start*/

.title.block-title h2 {
    font-size: 25px !important;
    font-weight: bold !important;
}

#page-content .board-leadership-dashboard h2 {
    color: #9E6850 !important;
}

#page-content .board-leadership-dashboard .btn-primary,
#page-content .board-leadership-dashboard .btn-secondary {
    background: #9E6850 !important;
border-radius: 0 !important; 
}


.board-leadership-dashboard .badge-item {
width: 210px !important; 
}

/* mohamed khaled start */

@media (max-width:767px) {

    #page-content .board-leadership-dashboard {
        min-height: 1600px !important
    }
}


/* mohamed khaled end */



/*Abanoub LeaderBoard End*/




 



 

/*  mohamed khaled start leaderBoard */

 html[lang="ar"] #page-content .board-leadership-dashboard .badge-progress-circle::after {
    right: 50% !important;
    left: auto !important;
}

 html[lang="ar"] #page-content .board-leadership-dashboard .badge-icon-overlay {
    right: 50% !important;
    left: auto !important;
}


 html[lang="ar"]  #page-content .board-leadership-dashboard .percentage-overlay {
    right: 50% !important;
    left: auto !important;
    top: -30px;
}

.board-leadership-dashboard .my-points,
.board-leadership-dashboard .leaderboard-widget,
.board-leadership-dashboard .leaderboard-item {
border-radius: 0 !important; 
}


#page-content .board-leadership-dashboard .board-leadership-dashboard .badge-icon {
    margin-top: 20px;
}


#badges-view>div.badge-item.ilt>div.badge-progress-text {
    background: #9E6850 !important;
}

#badges-view>div.badge-item.ilt>div.badge-icon>div>i {
    color: #9E6850 !important;
}


#page-content .board-leadership-dashboard .badge-progress-text {
    color: white !important;
}



 #page-local-boardleadership-index #page #page-content .filter-section {
     display: none !important;
 }


 
.board-leadership-dashboard .filter-options{
    display: block !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0px !important;
    box-shadow: none !important;
margin: 20px 0 ; 
}

.board-leadership-dashboard .filter-options form {
justify-content: space-between;  
    box-shadow: 0 1px 11px 0px rgb(60 0 80 / 15%);
padding: 10px;
}

#page-content .board-leadership-dashboard .btn.btn-primary.filter-toggle-btn {
display: none; 
}




.totaraNav nav {
background: #9E6850 !important; 
}






.block_lastaccess_course   > div.content.block-content > div > div.courses-grid > div{
border-radius: 0 !important; 
}

.block_lastaccess_course   > div.content.block-content > div > div.courses-grid > div > div.course-header {
border-radius: 0 !important; 
}
.block_lastaccess_course > div.content.block-content > div > div.courses-grid > div > div.course-content > div.course-actions > a {
border-radius: 0 !important; 
}