html {
    height: 100%;
    width: 100%;
}
body {
    padding: 15px;
    height: 100%;
    width: 100%;
    display: flex;
    background: url(/images/login-new.jpg)
}
#auth {
    margin: auto;
}
.heading h2 {
    font-size: 30px !important;
    line-height: 30px !important;
    color: #3075BA !important;
}
.nowrap{
    white-space: nowrap !important;
}
label {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
}
.form-account {
    max-width: 450px;
    border-radius: 0.25rem;
    padding: 45px 45px;
    background-color: #fff;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.form-control[type=text], .form-control[type=password], .form-control[type=email], .form-control[type=number], .form-control[type=color], .form-control[type=date], .form-control[type=datetime-local], .form-control[type=file], .form-control[type=hidden], .form-control[type=image], .form-control[type=month], .form-control[type=reset], .form-control[type=tel], .form-control[type=time], .form-control[type=url], .form-control[type=week] .form-control[type=file], .form-controlselect {
    height: 48px;
    border: 1px solid #808f9d;
    padding: 3px 10px 4px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 22px;
    color: #0a1c2e;
}
.text-primary {
    color:#25579e !important;
}
.btn-muted-accent {
    background-color: #25579e;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%), 0 0 0 1px rgb(0 0 0 / 10%) inset;
    box-shadow: none;
}
    .btn-muted-accent:hover {
        box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%), 0 0 0 1px rgb(0 0 0 / 10%) inset;
        color: #fff;
    }
.btn-default, a.btn-default {
    background-color: #fff;
    color: #0a1c2e;
    background-image: none;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%), 0 0 0 1px #808f9d inset;
    box-shadow: none;
    box-shadow: 0 0 0 1px #808f9d inset;
}
    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:focus:active, .btn-default:focus:active::before, a.btn-default:hover, a.btn-default:focus, a.btn-default:active, a.btn-default:focus:active, a.btn-default:focus:active::before {
        box-shadow: 0 0 0 1px #808f9d inset;
        color: #0a1c2e;
    }
@media (max-width: 575.98px) {
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }
    .form-account {
        max-width: 330px;
    }
}