@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

:root {
    --footer-height: 49px;
    --drawer-footer-height: 50px;
    --sub-header-height: 56px;
}

html, body {
    font-family: Urbanist !important; font-size: 14px !important;
}

.mud-table-cell {
    font-size: 14px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #1b6ec2;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }

.close-icon {
    position: absolute;
    top: 1.5%;
    right: 2.5%;
    cursor: pointer;
    font-size: 30px;
    color: #000;
    z-index: 99999;
    transition: background-color 0.3s ease;
    opacity: .6;
}

    .close-icon:hover {
        opacity: 1;
    }

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.font-weight-bold {
    font-weight: bold !important;
}

.mud-select{
    width: 100% !important;
}

ul {
    list-style: disc !important;
} 

.default-font-size {
    font-size: .875rem !important;
}

.filters-panel {
    top: 209px !important;
    left: 265px !important;
}

.ff-urbanist {
    font-family: Urbanist !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-34 {
    font-size: 34px !important;
}

.fs-48 {
    font-size: 48px !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.color-48505E {
    color: #48505E !important;
}

.color-858D9D {
    color: #858D9D !important;
}

.color-48505E {
    color: #48505E !important;
}

.color-383E49 {
    color: #383E49 !important;
}

.color-2B2F38 {
    color: #2B2F38 !important;
}

.bg-color-989FAD33 {
    background-color: #989FAD33 !important;
}

/* Define the blinking animation */
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.ws-nowrap {
    white-space: nowrap !important;
}