: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;}


/* Mohame Khaled login page start */

 #page-login-index .tui-core_auth-loginNav{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff2b;
  backdrop-filter: blur(10px);
    background-color: #ffffff2b;
}
   #page-login-index .tui-core_auth-loginNav .tui-core_auth-loginNav__logo img {
    height: auto;
    width: 40px;
}

 #page-login-index .tui-core_auth-loginNav {
     padding: 15px !important;
 }

 #page-login-index .tui-core_auth-loginLayout__panel-graphic {
     display: none;
 }

 #page-login-index .tui-core_auth-loginLayout__panel-interface {
     display: block;
     width: 100%;
 }

 #page-login-index .tui-core_auth-loginLayout__contentWrap {
     background-image: url('/files/shares/Wallpaper%20Learning.png');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     height:100vh !important;
 }

 #page-login-index .tui-core_auth-login {
     padding: 24px;
     background-color: #ffffff4f;
     border-radius: 10px;
    backdrop-filter: blur(4px);
 }




 #page-login-index .tui-core_auth-login  input{
     border-radius: 10px;
    backdrop-filter: blur(10px);
    background-color: #ffffff2b;
transition:.3s;
 }


 #page-login-index .tui-core_auth-login input:focus {
     scale: 1.05;

     background-color: #fff;
 }


  #page-login-index .tui-checkbox__label::before{
 backdrop-filter: blur(10px);
    background-color: #ffffff2b;
}

  #page-login-index .tui-core_auth-loginForm__options a{
color: #262626;
}

 #page-login-index .tui-core_auth-login button.tui-btn--variant-primary{
 border-radius: 10px;
    color: black;
    background-color: #9C6B4E;
color: #fff;
    font-weight: bold;
    transition: .3s;
border:none;
    padding: 10px;
}

 #page-login-index .tui-core_auth-login button.tui-btn--variant-primary:hover{
 scale: 1.04;
   background-color: #fff ;
color:black;
 
}

 #page-login-index .tui-core_auth-footer {
     margin: 0;
     padding: 10px 15px;
     position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff2b;
positoin:fixed;
  backdrop-filter: blur(10px);
    background-color: #ffffff2b;
color:white;
 }

 #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 .page-footer-poweredby,
.yui3-js-enabled .page-footer-main-content br {
display:none;
}

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

/* Mohame Khaled login page end*/





/*Abanoub LeaderBoard Start*/


#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;
}

/*Abanoub LeaderBoard End*/