@charset "UTF-8";
body {
    background-color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    margin-bottom: 100px;
}

:root {
    --bs-color: #000000;
    --primary-lighter: #ececec;
    --primary-darker: hsl(from var(--bs-color) h s calc(l - 15));
    --primary-darkest: hsl(from var(--bs-color) h s calc(l - 30));
    --accent-color: #FFFFFF;
    --bs-primary-rgb: 100, 100, 100;
}

.header-bg-inside {
    background: linear-gradient(90deg, var(--primary-darker), var(--bs-color) 30%, var(--bs-color) 100%);
}

a {
    color: var(--bs-color);
}

h1, h2, h3 {
    padding-top: 5px;
    color: var(--bs-color);
}

.text-bg-primary h3 {
    color: var(--accent-color) !important;
}

.primary-color {
    color: var(--bs-color);
}

.btn-primary {
    --bs-btn-color: var(--accent-color);
    --bs-btn-bg: var(--bs-color);
    --bs-btn-border-color: var(--primary-darkest);
    --bs-btn-active-bg: var(--primary-darkest);
    --bs-btn-active-border-color: var(--primary-darker);
    --bs-btn-disabled-bg: var(--bs-color);
    --bs-btn-disabled-border-color: var(--bs-color);
}

.btn-primary:hover {
    --bs-btn-hover-bg: var(--primary-darker);
    --bs-btn-hover-border-color: var(--primary-darkest);
}

.btn:focus-visible {
    --bs-btn-hover-color: var(--primary-darker);
    --bs-btn-hover-bg: var(--primary-darkest);
    --bs-btn-hover-border-color: var(--primary-darker);
    color: #ffffff;
}

.btn-primary:active {
    --bs-btn-active-bg: var(--primary-darkest);
}

.bg-primary {
    background-color: var(--bs-color) !important;
}

.nav-link {
    color: var(--accent-color) !important;
}
.nav-link:last-of-type {
    min-width: 140px;
}

.text-bg-primary {
    color: var(--accent-color) !important;
}

/*.bg-drk-blue {*/
/*    background-color: #053867 !important;*/
/*}*/

/*.bg-blue {*/
/*    background-color: #0761B4;*/
/*}*/

.bg-trans {
    background-color: rgba(255, 255, 255, .9);
}

.va-logo {
    width: 80%;
    margin-left: 60px;
}

.grg-logo {
    max-width: 285px;
    width: 25%;
    margin-left: 60px;
}

.login-box {
    margin-left: 40%;
    margin-top: 10%;
}

.login-text {
    color: #FFFFFF;
    font-size: 2.2em;
    padding-bottom: 10px;
    border-bottom: 2px solid #FF0202;
    margin-bottom: 10px;
}

.account-bg {
    margin-top: 40px;
}

.submit-container {
    display: flex;
    justify-content: flex-end;
}

/*.btn-primary {*/
/*    background-color: #8AEDFA !important;*/
/*    color: #0761B4;*/
/*}*/

/*.btn-primary:hover {*/
/*    background-color: #0761B4 !important;*/
/*    color: #8AEDFA;*/
/*}*/
.padding-bottom {
    padding-bottom: 140px;
}

.djhj {
    z-index: 3000 !important;
    bottom: 2% !important;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}