/* arabic */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v10/SLXLc1nY6Hkvalqaa46O59ZMaA.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

/* latin-ext */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v10/SLXLc1nY6Hkvalqaa46F59ZMaA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v10/SLXLc1nY6Hkvalqaa46L59Y.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Navigation Bar */
.navbar {
    padding: 0.1rem 1rem;
}

.navbar-light {

    background-color: #ffffff !important;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%) !important;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s !important;
    height: 55px !important;
    display: none !important;

}


.navbar-light .navbar-nav .nav-link {
    color: #f7f9fa !important;
}


.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgb(255 255 255 / 90%);
    font-weight: 500;

}

.navbar-brand img {

    width: 170px !important;
    max-height: 40px !important;
}


.for-email-login .page-card-head img,
.for-forgot .page-card-head img,
.for-login .page-card-head img,
.for-signup .page-card-head img {
max-width: 200px !important;
    max-height: 150px !important;
    margin-bottom: -15px !important;
}

.footer-logo {
    min-width: 5rem !important;
    height: 35px !important;

}

/*Body*/
body {

    font-family: Cairo;
    background: url(https://erp.al-fouad.org/files/hc3.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}


/*Footer*/
.web-footer {
    padding: 1rem 0 !important;
    bottom: 0 !important;
    width: 100%;
    border-top: 0px !important;
    background: #ededed !important;
    height: 195px !important;
    min-height: 0px !important;
    display: none !important;
}

.footer-info {
    border-top: none;
    color: #cecece;
}

.text-muted {
    color: black !important;
}

/*Page Card*/
.page-card {
        padding: 25px !important;
    background-color: #020a12 !important;
    border: 1px solid #ea954a !important;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%) !important;
    opacity: 0.88;
}

.page-card .page-card-head {
    border-bottom: none !important;
}

.card {
    background-color: white;
    box-shadow: 0px 3px 12px 0px #e8eafcad, 0 3px 3px -2px #461a7714;
}

/*Buttons*/
.btn-primary {
    background-color: #8d2a71;
    border-color: #8d2a71;

}

.btn.btn-primary {
    background-color: #ea954a !important;
    padding: 12px 24px 12px 24px;
    border-color: #ea954a;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn-primary:hover,
.btn-primary:active,
btn-primary:focus {
    background-color: #6a1552;
    border-color: #6a1552;
}

.btn-login:active,
.btn-login:focus {
    background-color: #6a1552;
    border-color: #6a1552;
}

/*Form*/
.form-control {
    border: 1px solid #ea954a !important;
}

.form-footer,
.form-footer a,
.form-footer h6 {
    font-size: 14px;
    font-weight: 500;
}

.indicator-right.blue:after,
.indicator.blue:before {
    background: #8d2a71;
}

.for-email-login .page-card-head h4,
.for-forgot .page-card-head h4,
.for-login .page-card-head h4,
.for-signup .page-card-head h4 {

    color: #ea954a !important;
    margin-top: 35px;
    margin-bottom: -15px;
}

.for-email-login .sign-up-message,
.for-forgot .sign-up-message,
.for-login .sign-up-message,
.for-signup .sign-up-message {
    display: none !important;
}

.for-email-login .page-card .page-card-body .forgot-password-message,
.for-forgot .page-card .page-card-body .forgot-password-message,
.for-login .page-card .page-card-body .forgot-password-message,
.for-signup .page-card .page-card-body .forgot-password-message {
    display: none !important;

}




.h3,
h3 {
    margin-bottom: 1.5rem;
    color: #ea954a !important;
    font-size: 16px !important;
    font-family: 'Cairo', sans-serif;
    src: local('Cairo'), url(https://fonts.googleapis.com/css2?family=Cairo:wght@700&display=swap);
    margin-top: -27px !important;

}

.for-email-login,
.for-forgot,
.for-login,
.for-signup {
    margin: 5px 0 !important;
}


p {
    color: lightgray !important;
}


.for-email-login,
.for-forgot,
.for-login,
.for-signup {
    padding: Max(8vh, 45px) 0 !important;
}

.for-email-login .page-card .page-card-body .email-field .toggle-password,
.for-email-login .page-card .page-card-body .password-field .toggle-password,
.for-forgot .page-card .page-card-body .email-field .toggle-password,
.for-forgot .page-card .page-card-body .password-field .toggle-password,
.for-login .page-card .page-card-body .email-field .toggle-password,
.for-login .page-card .page-card-body .password-field .toggle-password,
.for-signup .page-card .page-card-body .email-field .toggle-password,
.for-signup .page-card .page-card-body .password-field .toggle-password {
    right: 35px !important;
}

.footer-col-left,
.footer-col-right {
    margin-top: -30px !important;
    display: none !important;

}