:root{
    --gray-color: #f1f1f1;
    --primary-color: #1778fa;
    --white-color: #fff;
    --green-color: #bada55;
    --black-color: #000;
}

body{
    background-color: var(--white-color) !important;
}

.header-top-one-wrapper{
    background-color: var(--primary-color) !important;
    height: 30px;
}

.header-one{
    background-color: var(--gray-color);
}

#password-input{    
    position: relative;
} 

#login-form input{
    color: var(--black-color);
}

#password-input i{
    position: absolute;
    top: 65%;
    right: 20px;
    cursor: pointer;
    
}


.main-nav-one nav{
    margin-left: -100px;
}

.mobile-menu-main nav{
    margin-left: 0
}

#side-bar{
    background-color: var(--gray-color);
}

#mobile-menu-active li a{
    color: var(--primary-color);
}

.main-nav-one ul li a{
    color: var(--primary-color) !important;
}

ul.menu li a, .body p, .body .wrapper-list li{
    color: var(--primary-color) !important;
}

.side-bar button i{
    background-color: var(--primary-color);
}

.logo-area {
    font-size: 2.5rem !important;
    color: var(--primary-color);
}


.fun-facts-area-1, .students-feedback-wrapper-1{
    background-color: var(--primary-color);
}

.rts-btn.btn-border, #about-description, #about-title{
    color: var(--primary-color) !important;
}

.rts-btn.btn-border:hover{
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
}

.bg-light-1{
    background-color: var(--gray-color) !important;
}

.footer-callto-action-area .footer-one-main-wrapper .footer-singl-wized .body .wrapper-list li i{
    color: var(--primary-color);
}

.rts-bread-crumbarea-1{
    background-color: var(--primary-color);
}

.footer-callto-action-area .footer-one-main-wrapper .footer-singl-wized .body form .input-area-fill button {
    background-color: var(--primary-color);
}

textarea{
    resize: none;
}

form.contact-page-form input, textarea{
    color: var(--black-color) !important;
}

form.contact-page-form input::placeholder, form.contact-page-form textarea::placeholder, form#login-form input::placeholder{
    color: #625f5f !important;
}
.rts-btn.btn-primary{
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
}

.rts-btn.btn-primary:hover{
    background-color: var(--white-color) !important;
    color: var(--primary-color) !important;
}

/* Dashboard  apprenant */

.dashboard-banner-area-start{
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: rgba(0, 0, 0, 0.8);
    overlay: rgba(0, 0, 0, 0.9);
}
video{
    width: 100%;
    object-fit: fill; /*se "cover" to avoid distortion*/
    /*position: absolute;*/
}

/* Reset password */

#user_password_reset_update, #user_password_forgot_reset{
    background-color: var(--primary-color);
    color: var(--white-color);
    margin-top: 15px;
    border: none;
    padding: 20px 10px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 10px;
}


#user_password_reset{
    border: 0;
}

#user_password_reset_new_password_first{
    margin-bottom: 15px;
}

label.required{
    margin-bottom: 5px;
}

#user_password_change label{
    order: 1;
}

#user_password_change input{
    border: 1px solid #DDD8F9;
    height: 56px;
    width: 100%;
    border-radius: 4px;
}

#user_password_change ul{
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 8px 0;
}

#user_password_change ul li{
    list-style: none;
    color: red;
}

#user_password_change input:focus{
    border: 1px solid var(--primary-color);
}

#user_password_change button{
    background-color: var(--primary-color);
    color: var(--white-color);
    margin-top: 15px;
    border: none;
    padding: 20px 10px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}