img {
    max-width: 100%;
}

.btn {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

.form-control:focus {
    box-shadow: none !important;
    border: 0px;
}


.container {
    max-width: 1170px;
}

@media screen and (max-width: 575px) {
    .container {
        padding: 10px 15px;
    }
}

/* ===================================== Login Page Design CSS ==================================== */

@media screen and (max-width: 991px) {
    .form-login-body {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 480px) {
    .form-login-body {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@font-face {
    font-family: Vazir;
    src: url('../../dist/fonts/Vazir.eot');
    src: url('../../dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'),
    url('../../dist/fonts/Vazir.woff2') format('woff2'),
    url('../../dist/fonts/Vazir.woff') format('woff'),
    url('../../dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

/*@font-face {*/
/*    font-family: Vazir;*/
/*    src: url('../../dist/fonts/Vazir-Bold.eot');*/
/*    src: url('../../dist/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'),*/
/*    url('../../dist/fonts/Vazir-Bold.woff2') format('woff2'),*/
/*    url('../../dist/fonts/Vazir-Bold.woff') format('woff'),*/
/*    url('../../dist/fonts/Vazir-Bold.ttf') format('truetype');*/
/*    font-weight: bold;*/
/*}*/

/*@font-face {*/
/*    font-family: Vazir;*/
/*    src: url('../../dist/fonts/Vazir-Light.eot');*/
/*    src: url('../../dist/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'),*/
/*    url('../../dist/fonts/Vazir-Light.woff2') format('woff2'),*/
/*    url('../../dist/fonts/Vazir-Light.woff') format('woff'),*/
/*    url('../../dist/fonts/Vazir-Light.ttf') format('truetype');*/
/*    font-weight: 300;*/
/*}*/

/*@font-face {*/
/*    font-family: Vazir;*/
/*    src: url('../../dist/../dist/fonts/Vazir-Medium.eot');*/
/*    src: url('../../dist/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'),*/
/*    url('../../dist/fonts/Vazir-Medium.woff2') format('woff2'),*/
/*    url('../../dist/fonts/Vazir-Medium.woff') format('woff'),*/
/*    url('../../dist/fonts/Vazir-Medium.ttf') format('truetype');*/
/*    font-weight: 500;*/
/*}*/

/*@font-face {*/
/*    font-family: Vazir;*/
/*    src: url('../../dist/fonts/Vazir-Thin.eot');*/
/*    src: url('../../dist/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'),*/
/*    url('../../dist/fonts/Vazir-Thin.woff2') format('woff2'),*/
/*    url('../../dist/fonts/Vazir-Thin.woff') format('woff'),*/
/*    url('../../dist/fonts/Vazir-Thin.ttf') format('truetype');*/
/*    font-weight: 100;*/
/*}*/

/*@font-face {*/
/*    font-family: Vazir;*/
/*    src: url('../../dist/fonts/Vazir-Black.eot');*/
/*    src: url('../../dist/fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'),*/
/*    url('../../dist/fonts/Vazir-Black.woff2') format('woff2'),*/
/*    url('../../dist/fonts/Vazir-Black.woff') format('woff'),*/
/*    url('../../dist/fonts/Vazir-Black.ttf') format('truetype');*/
/*    font-weight: 900;*/
/*}*/

body {
    margin: 0;
    padding: 0;
    background-color:#DCDCDC;
    font-size: 3rem;
    font-family: 'Vazir';
}

.form-login-body {
    direction: rtl;
}

.form-login-body .login-desk {
    filter: drop-shadow(0 0 13.5px rgba(0, 0, 0, 0.09));
    margin-top: 3%;
    margin-bottom: 3%;

}

.form-login-body .login-desk .detail-box {
    background-color: #FFF;
    padding-top: 0;
}

.form-login-body .login-desk .detail-box .logo {
    width: 130px;

}

.form-login-body .login-desk .detail-box .detailsh {
    text-align: right;
    width: 100%;
}

.form-login-body .login-desk .loginform {
    background-color: #4c56c0;
    text-align: center;
    color: #FFF;
    padding: 50px;
}

.form-login-body .login-desk .loginform .login-det .form-row {
    margin-top: 40px;
}

.form-login-body .login-desk .loginform .login-det .form-row label {
    font-size: .85rem;
}

.form-login-body .login-desk .loginform .login-det .input-group .input-group-prepend .input-group-text {
    background-color: #3d46a7;
    color: #ffffffcf;
    border: 0;
}

.form-login-body .login-desk .loginform .login-det .input-group .form-control {
    background-color: #3d46a7;
    color: #FFF;
    border: 0;
}

.form-login-body .login-desk .loginform .login-det .btn-danger {
    width: 100%;
    background-color: #fa607e;
    border-radius: 50px;
    margin-top: 50px;
}