body {
    background: #ffffff;
    font-family: 'Noto Kufi Arabic', sans-serif;
    color: #47536b;
}

.select2-container .select2-selection--single {
    height: 37px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
}

.content-body {
    position: relative;
    min-height: calc(100vh - 157px);
    padding-bottom: 20px;
}

.footer-page {
    display: block;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    font-size: 15px;
    background: #262626;
    color: #d8d8d8;
    position: relative;
    padding: 20px 0;
    margin: -20px 20px 0;
    border-radius: 50px;
}

    .footer-page p {
        color: #d8d8d8;
        margin-bottom: 0;
    }

    .footer-page .bottom-nav {
        padding: 0;
        list-style: none;
        text-align: end;
        margin-bottom: 0;
    }

        .footer-page .bottom-nav li {
            display: inline-block;
            margin-left: 10px;
        }

            .footer-page .bottom-nav li a {
                transition: .4s;
                color: #d8d8d8;
                text-decoration: none;
            }

                .footer-page .bottom-nav li a:hover {
                    color: #3fbafe;
                }

.content-body {
    min-height: calc(100vh - 157px);
}

.lang-link span {
    font-weight: 900;
    margin-right: 2px;
    color: #47536b;
}

.logo-2 {
    width: 150px;
}

.logo-1 {
    width: 110px;
    margin-left: 5px;
}


#app .btn-primary {
    background-color: #3fbafe;
    border-color: #3fbafe;
    min-width: 125px;
    transition: .4s;
    padding: 12px;
}

    #app .btn-primary:hover {
        background-color: #36a0db;
        border-color: #36a0db;
    }

.lang-link {
    position: relative;
}

    .lang-link::after {
        content: "";
        width: 1px;
        height: 22px;
        background-color: #d3d6db;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

.bg-shap {
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: 0;
    opacity: .5;
    width: 150px;
}

.bg-shap-1 {
    position: absolute;
    right: 0;
    z-index: -1;
    top: 0;
    opacity: .5;
    width: 150px;
}

.logo-footer {
    display: block;
    margin: auto;
}

.card.login {
    border: 0;
    border-radius: 0 50px;
/*    background-image: linear-gradient(180deg, #06edfe 0%, #47b3fe 100%);
    backdrop-filter: blur( 38px );*/
    -webkit-backdrop-filter: blur( 10px );
    box-shadow: 0 4.5px 10.6px rgba(112,144,176,.13), 0 15px 35px rgba(112,144,176,.2);
}

    .card.login .card-body {
        padding: 0px 30px;
    }

    .card.login label {
        color: #47536b;
        margin-bottom: 11px;
        font-size: 15px;
        font-weight: 600;
    }

    .card.login .form-control {
        border: 0;
        height: 44px;
        color: #47536b;
    }

/*#app .card.login .btn-primary {
    background-color: #47536b;
    border-color: #47536b;
    padding: 8px 12px;
    display: block;
    margin: auto;
}
*/
#app .card.login hr {
    border-color: #ffffff;
}

.card.login p .btn.btn-link {
    color: #3fbafe;
    text-decoration: none;
    transition: .4s
}

    .card.login p .btn.btn-link:hover {
        color: #47536b;
    }

.form-control:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler:focus { 
    box-shadow: none;
}
@media (max-width:767px) {
    .lang-link::after {
        display: none
    }
    .navbar-nav .nav-item .nav-link {
        border-top: 1px solid #d3d6db;
    }
    .navbar-nav .nav-item:first-of-type .nav-link {
        border-top:0;
    }
}

    @media (max-width: 575px) {
        .logo-footer {
            width: 200px;
        }

        .card.login .card-body {
            padding: 0px 18px;
        }

        .logo-1 {
            width: 90px;
        }
        .logo-2 {
            max-width: 90px !important;
        }
        .navbar .navbar-brand {
            margin-right: 0;
        }
        .footer-page p { font-size:12px;
            text-align: center;
        }
        .footer-page .bottom-nav { 
            text-align: center;
        }
            .footer-page .bottom-nav li a { 
                font-size: 14px;
            }
            .footer-page .bottom-nav li { 
                margin-left: 3px;
            }
            }

.c-blue {
    color: #3fbafe
}
.subTitle{
    font-weight:700;
}
.form-box {
    background: #f8fafc;
    border-radius: 20px;
    border: 1px solid #edf2f5;
    padding: 70px 30px;
    position:relative;
}
    .form-box:before {
        content: "";
        height: 440px;
        width: 200px;
        box-shadow: -20px 20px 0 63px #eaeff1, 26px 20px 0 30px #f4f7f8;
        position: absolute;
        z-index: -1;
        border-radius: 3px;
    }

.form-box-2:before {
    display:none;
}
.form-box-2 .logo-img {
    width: 100%;
}
@media (min-width:767.98px){
    .form-box-2 .logo-img {
        width: 300px;
    }
}

.form-control {
    border: 1px solid #ced4da;
    height: 50px;
    background: white;
}
    .form-control[type=file] {
        font-size: 19px;
        height:100%;
    }

main.content-body.login-page {
    background-image: url("../images/bg-board.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
}
.login-page .login{
    position:relative;
    z-index:2;
}

.login .lang-link:after{
    content:none!important;
}

html[dir='ltr'] .form-box:before {
    box-shadow: 20px 20px 0 63px #eaeff1, -26px 20px 0 30px #f4f7f8 !important;
}

.login-lang-btn{
    position:absolute;
    top:20px;
    left:20px;
}
html[dir='ltr'] .login-lang-btn {
    right:20px;
    left:unset;
}

html[dir='ltr'] .logo-arabic{
    display:none
}
html[dir='rtl'] .logo-english {
    display: none
}