.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    padding-top: 50px;
    justify-content: center;
}

.spinning-wheel-container {
    width: 100%;
    display: flex;
    justify-content: center;
}

.spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@font-face {
    font-family: "Fira Sans";
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/FiraSans-Light.woff2') format('woff2');
}

@font-face {
    font-family: "Fira Sans";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/FiraSans-Regular.woff2') format('woff2');
}

@font-face {
    font-family: "Fira Sans";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/FiraSans-Medium.woff2') format('woff2');
}

@font-face {
    font-family: "Fira Sans";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/FiraSans-Bold.woff2') format('woff2');
}

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2") format('woff2');
}
/* fallback */
@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2") format('woff2');
}


.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}


:root {
    --colorPrimary: #6d2077; /* purple */
    --colorPrimaryExtraLight: #e0d8e8; /* purple light */
    --colorPrimaryLight: #b378a0; /* purple light */
    --colorPrimaryMid: #581a60; /* purple mid */
    --colorPrimaryDark: #4d1754; /* purple dark */
    --colorSecondary: #ff5c39; /* orange */
    --colorTertiary: #192f5d; /* navy blue */
    --colorAccent: #bd3d44; /* pinkish */
    --colorNeutral: #b9b9b9; /* gray */
    --colorNeutralLight: #e6e6e6; /* light gray */
    --colorNeutralExtraLight: #F9F9F9; /* very light gray*/
    --colorNeutralDark: #626262; /* dark gray*/
    --colorLight: #ffffff; /* white */
    --colorDark: #1e1e1e; /* black */
    --textDirection: ltr;
    --fontBody: "Fira Sans", sans-serif;
    --fontHeadings: "Fira Sans", sans-serif;
}

.tableHeader {
    background-color: #6D2077;
    color: #FFFFFF;
    /*  font-size: 1.5em; */
    font-size: 1rem;
    vertical-align: middle;
}

.docCategory {
    background-color: #999;
    color: #FFFFFF;
    /*  font-size: 1.5em; */
    font-size: 0.95rem;
    font-weight: bold;
    vertical-align: middle;
}

.modelType {
    padding-left: 1em;
    background-color: rgb(242, 242, 243);
    color: #000000;
    /* font-size: 1.3em; */
    font-size: 0.90rem;
    font-weight: bold;
    vertical-align: middle;
}