@font-face {
    font-family: 'Mona Sans';
    src: url('../../fonts/mona-sans/mona-sans.woff2') format('woff2 supports variations'), url('../../fonts/mona-sans/mona-sans.woff2') format('woff2-variations');
    font-weight: 200 900;
    font-stretch: 75% 125%;
}

html, body {
    height: 100%;
    width: 100%;
    font-family: 'Mona Sans';
    font-stretch: 100%;
    font-weight: 400;
    background-color: #F2F4F9;
    font-size: var(--bs-body-font-size);
}

.navbar {
    background-color: #000034 !important;
}

    .navbar .nav-link {
        color: white;
    }

    .navbar .navbar-brand {
        color: white;
    }

    .navbar .btn {
        color: white;
    }


    .navbar .dropdown-menu {
        background-color: #000034 !important;
    }

    .navbar .dropdown-item {
        color: white !important;
        background-color: #000034 !important;
    }

        .navbar .dropdown-item:hover {
            color: #000034 !important;
            background-color: #F2F4F9 !important;
        }


.loader {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1050;
    height: 100%;
    width: 100%;
    filter: alpha(opacity=30);
    background: #A1A1A1;
    opacity: 0.6;
    display: none;
}

    .loader .spinner-border {
        position: fixed;
        top: 50%;
        left: 50%;
    }

.error-message {
    color: red;
}

.btn-redirect {
    background-color: #000534;
    border-color: #000534
}