/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
@font-face {
    font-family: maqasaFont;
    src: url(/wp-content/themes/mqs/font/acumin-pro/Acumin-RPro.woff) format('woff');
}
@font-face {
    font-family: maqasaFontBold;
    src: url(/wp-content/themes/mqs/font/acumin-pro/Acumin-BdPro.woff) format('woff');
}
strong, b, .fw-b{
    font-family : maqasaFontBold, sans-serif !important;
}
#mqs-preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}
.spinner-grow.slow {
    animation: spinner-grow 1s linear infinite;
}
.form-outline .form-control:focus~.form-notch .form-notch-leading {
    border-top: .125rem solid #5ea4dc;
    border-bottom: .125rem solid #5ea4dc;
    border-left: .125rem solid #5ea4dc;
}
.form-outline .form-control:focus~.form-notch .form-notch-middle {
    border-bottom: .125rem solid;
    border-color: #5ea4dc;
}
.form-outline .form-control:focus~.form-notch .form-notch-trailing {
    border-color: currentcolor currentcolor currentcolor #5ea4dc;
    border-bottom: .125rem solid #5ea4dc;
    border-top: .125rem solid #5ea4dc;
    border-right: .125rem solid #5ea4dc;
}
.form-outline .form-control:focus~.form-label {
    color: #5ea4dc;
}
ul.navbar-nav {
    font-weight: 400;
    font-size: small;
}
.navbar-nav .nav-link {
    color: #4f4f4f;
}
.navbar-nav .nav-link:hover {
    color: #5ea4dc;
}
.navbar-brand .logo {
    height: 8vh;
}
.card-responsive {
    /*width: 80vmin;*/
}
.forgot-password>a {
    color: #4f4f4f;
    font-weight: bold;
}
.forgot-password {
    text-align: right!important;
}
.form-label {
    text-align: right!important;
    color: #4f4f4f;
    font-weight: bold;
}
.btn-login {
    color: white;
    background-color: #5ea4dc;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.h4 {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_content_container{
    padding: 0px 10px 10px 10px;
}
#sidenav_main .sidenav-link > span {
    padding-left: 13px;
}
.user_name{
    padding-left: 10px;
}
#sidenav_main .sidenav-item.heading {
    padding         : 7px 0px 7px 10px;
}
/* .main_content_container:not(.div_home_page) { */
/* .main_content_container:not(.div_home_page) {
    background-image     : url(/wp-content/themes/mqs/img/new-bg/bg-all.png);
} */
/* .main_content_container:has(.div_home_page) {
    background-image     : url(/wp-content/themes/mqs/img/new-bg/bg-mobile.png);
} */
/* .main_content_container {
    background-repeat    : no-repeat;
    background-size      : cover;
    background-position-x: right;
} */
.balance-box {
background: rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    padding: 10px 14px;
    text-decoration: none;
}

.balance-box:hover {
    background: rgba(255, 255, 255, 0.25);
    text-decoration: none;
}

.balance-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.balance-text small {
    font-size: 12px;
    opacity: 0.9;
}
@media (min-width: 650px) {
    .main_content_container{
        margin-left     : 245px;
    }
    /* .main_content_container:has(.div_home_page) {
        background-image: url(/wp-content/themes/mqs/img/new-bg/bg-desktop.png);
    } */
    .user_name{
        padding-left: 20px;
    }
}