.row>* {   position: relative; }
.vh-100 { height: 100vh!important}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center !important;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex !important;
}
.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center !important;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.mx-auto .card {
    width: 400px;
}

.auth-page .auth-header-box {
    background-color: #232a3e;
}

.d-grid {
    display: grid !important;
}

.mx-auto {
    width: auto;
    margin-right: auto!important;
    margin-left: auto!important
}
.text-muted { color:#FFFFFF !important; }