html, body {
    font-family: var(--font-family) !important;
    font-size: var(--text-base) !important;
}

.body-container {
    overflow: hidden;
}

* {
    box-sizing: border-box;
}

.content {
    background-color: white;
    padding: 15px;
}

#authenticationPage {
    height: 60vh;
}

.k-loader-primary, .red-loader{
    color: var(--forvis-red) !important;
}

.pointer {
    cursor: pointer;
}


/* APP LOADER */
.loading-section {
    text-align: center;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 24px;
    align-items: center;
}

.loading-section h2 {
    color: var(--forvis-red);
}

.loader-dot {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: var(--forvis-red);
    display: inline-block;
    -webkit-animation: grow 1.5s infinite ease-in-out both;
    animation: grow 1.5s infinite ease-in-out both;
}

.loader-dot.dot1 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.loader-dot.dot2 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes grow {
    0%, 80%, 100% {
        -webkit-transform: scale(0.5)
    }

    40% {
        -webkit-transform: scale(.9)
    }
}



/*------------------FORVISLOADER----------------------------*/

.forvis-loader-container {
    margin-top: 2rem;
    min-height: 60vh;
}

.forvisLoader .k-loader-container-label.k-text-primary, .forvis-loader-text {
    font-size: 1.5rem;
    color: black;
}
/*--------------END FORVISLOADER----------------------------*/


/*-------------SCROLL BAR--------------*/


body::-webkit-scrollbar {
    width: 8px; /* Mostly for vertical scrollbars */
    height: 10px; /* Mostly for horizontal scrollbars */
}

body::-webkit-scrollbar-thumb { /* Foreground */
    background: #97999B;
    border-radius: 5px;
}

body::-webkit-scrollbar-track { /* Background */
    background: #D9D9D6;
}

/*-------------END SCROLL BAR--------------*/