html {
    font-size: 90%;
}

:root {
    --font-family-sans-serif: "Signika", sans-serif;
    --b-vertical-bar-width: 280px;
    --b-bar-item-light-active-color: #009fe3;
    --b-bar-item-light-active-background: rgba(0, 0, 0, 0.1);
    --b-bar-light-background: rgb(242,250,254);
    /*Order Card*/
    --customer-version-background-color: rgb(225,243,252);
    --vendor-version-background-color: rgb(242,250,254);
    --vendor-version-hover-background-color: #009fe380;
    --massline-customer-version-background-color: #e9ecef;
    --massline-vendor-version-background-color: rgb(246,247,248);
    --massline-down-arrow-color: #919ca0b3;
    --line-drop-down-color: gray;
    --line-drop-down-color-hover: #3c3b3b;
    --commentline-background-color: var(--massline-vendor-version-background-color);
}

.table .blazor-base-file-list-display-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.table .blazor-base-file-list-display {
    max-height: 50px !important;
    margin: auto;
}

.table td, .table th {
    padding: .3rem;
    padding-right: .6rem;
}

.table td {
    vertical-align: middle;
}

html, body {
    font-family: Signika,sans-serif;
    margin-bottom: 0px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Signika", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #009fe3;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }