﻿.auth-logo img {
    width: 130px;
    height: auto;
}

body {
    overflow-y: auto;
}

.input-group-text, select.form-control:not([size]):not([multiple]),
.form-control:not(.form-control-sm):not(.form-control-lg) {
    font-size: 14px;
    padding: 10px 15px;
    height: 42px;
}

    .form-control:focus, .input-group-text:focus, .custom-select:focus, .custom-file-label:focus {
        background-color: #fefeff;
        border-color: #bf902d;
    }

.btn:focus, .btn:active, .btn:active:focus, .custom-select:focus, .form-control:focus {
    box-shadow: none !important;
    outline: none;
}

.text-danger {
    color: #f44336 !important;
    margin-top: 5px;
}

.login-card .logo img {
    width: 200px;
}

.login-right-img {
    background-size: cover;
    background-image: url(../images/login-img.jpg);
    background-position-x: 50%;
    /* opacity: 0.85; */
    background-repeat: no-repeat;
}

.auth-layout-wrap {
    background: radial-gradient(circle at 39% 47%, rgba(107,107,107,0.08) 0%, rgba(107,107,107,0.08) 33.333%, rgba(72,72,72,0.08) 33.333%, rgba(72,72,72,0.08) 66.666%, rgba(36,36,36,0.08) 66.666%, rgba(36,36,36,0.08) 99.999%),radial-gradient(circle at 53% 74%, rgba(182,182,182,0.08) 0%, rgba(182,182,182,0.08) 33.333%, rgba(202,202,202,0.08) 33.333%, rgba(202,202,202,0.08) 66.666%, rgba(221,221,221,0.08) 66.666%, rgba(221,221,221,0.08) 99.999%),radial-gradient(circle at 14% 98%, rgba(184,184,184,0.08) 0%, rgba(184,184,184,0.08) 33.333%, rgba(96,96,96,0.08) 33.333%, rgba(96,96,96,0.08) 66.666%, rgba(7,7,7,0.08) 66.666%, rgba(7,7,7,0.08) 99.999%),linear-gradient( 45deg, #bf902d, #bf902d);
}

.app-footer {
    background: transparent;
}

    .app-footer p {
        color: #c1c1c1;
    }

a {
    color: #bf902d;
    text-decoration: underline !important;
}

    a:hover {
        color: #bf902d;
    }

.card {
    border: 0px solid #e1e2e3 !important;
}

#toast-container > .toast-error {
    background-color: #a53b3b;
}

#toast-container > div {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    color: #FFF;
    opacity: 1;
}

.app-footer {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

    .app-footer p {
        color: #ffffff;
    }















.login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

.text-start {
    text-align: left !important;
}

.login-card {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    background-image: url('../images/login-bg.png');
    /*background: url(../images/login_bg.jpg);*/
    background-position: center;
    background-size:cover;
    padding: 30px 12px;
}

    .login-card .login-main {
        /*width: 450px;*/
        width: 600px;
        padding: 40px;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 37px rgb(8 21 66 / 5%);
        box-shadow: 0 0 37px rgb(8 21 66 / 5%);
        margin: 0 auto;
        /*background-color: #fff;*/
        background-color: #d1a44f;
    }

        .login-card .login-main .theme-form h4 {
            font-weight: 600;
            font-size: 24px;
            margin-bottom: 5px;
        }

        .login-card .login-main .theme-form p {
            margin-bottom: 25px;
            font-size: 14px;
            /*color: #898989;*/
            color: #990100;
        }
.btn.btn-primary {
    background-color: #efd7a3 !important;
    border-color: #efd7a3 !important;
    color: #383333 !important;
}

    .btn.btn-primary:hover {
        background-color: #990100 !important;
        border-color: #990100 !important;
        color: #fff !important;
    }
.theme-form .form-group label {
    font-size: 12px;
    color: #595959;
    margin-bottom: 0px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: right;
}

.theme-form .btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    padding: 0.3rem 0.8rem;
    letter-spacing: 0.5px;
    padding: 0.55rem 1.5rem;
}

.login-banner-text {
    position: absolute;
    width: 600px;
    text-align: center;
    top: 150px;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .login-banner-text h1 {
        font-weight: 800;
        font-size: 40px;
    }

        .login-banner-text h1 > span {
            color: #bf902d;
        }

    .login-banner-text p {
        font-weight: 500;
        font-size: 18px;
        color: #686868;
    }

@media only screen and (max-width: 1199.98px) {
    /*.login-card {
        background: transparent;
    }*/

    .col-xl-5.b-center.bg-size {
        display: none !important;
    }
}

@media only screen and (max-width: 575.98px) {
    .login-card {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .login-card .logo {
            margin-bottom: 10px;
        }

        .login-card .login-main {
            width: auto;
            padding: 20px;
        }

            .login-card .login-main .theme-form p {
                margin-bottom: 10px;
            }
}
