@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,800;0,900;1,200;1,300;1,400;1,900&display=swap");

html,
body {
    height: 100%;
    width: 100%;
}

body {
    display: block;
    align-items: stretch;
    font-family: "Tahoma", sans-serif;
    width: 100%;
    background: var(--hover);
    padding-right: 0 ;
    color: var(--content-container-background-light);
}

    body.light {
        background: var(--base-color);
    }

.table-body {
    overflow: auto ;
    overflow-x: auto ;
    overflow-y: auto ;
    -ms-scrollbar-base-color: var(--input-bg);
    scrollbar-base-color: var(--input-bg);
    -ms-scrollbar-arrow-color: var(--input-bg);
    scrollbar-arrow-color: var(--input-bg);
}

.tabs-top > .tabs-nav::before {
    border-bottom: 0 ;
}

.border-left {
    border-left: 0.5px solid var(--border) ;
}

.border-right {
    border-right: 0.5px solid var(--border) ;
}

.border-top {
    border-top: 0.5px solid var(--border) ;
}

.border-bottom {
    border-bottom: 0.5px solid var(--border) ;
}

.border {
    border: 0.5px solid var(--border) ;
}

.mdc-typography-styles-headline1 {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 6rem;
    line-height: 7rem;
    letter-spacing: -0.094rem;
    color: var(--content-container-background-light);
}

.mdc-typography-styles-headline2 {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 3.75rem;
    line-height: 4.5rem;
    letter-spacing: -0.094rem;
    color: var(--content-container-background-light);
}

.mdc-typography-styles-headline3 {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 3rem;
    line-height: 3.5rem;
    color: var(--content-container-background-light);
}

.mdc-typography-styles-headline4 {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 2.125rem;
    line-height: 2.25rem;
    color: var(--content-container-background-light);
}

.mdc-typography-styles-headline5 {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 0.011rem;
    color: var(--content-container-background-light);
}

.mdc-typography-styles-headline6 {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: 0.009rem;
    color: var(--content-container-background-light);
}

.mdc-typography-styles-subtitle1 {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5rem ;
    letter-spacing: 0.009rem ;
    color: var(--content-container-background-light) ;
}

.mdc-typography-styles-subtitle3 {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.7rem;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
    color: var(--content-container-background-light) ;
}

.mdc-typography-styles-body1 {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.5px;
    color: var(--content-container-background-light);
}

.mdc-typography-styles-body2 {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.25px;
    color: var(--content-container-background-light);
}

.mdc-typography-styles-button {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.078rem;
    text-transform: uppercase;
    color: var(--content-container-background-light);
}

.mdc-typography-styles-caption2 {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1rem;
    letter-spacing: 0.01rem;
    color: var(--content-container-background-light);
}

.mdc-typography-styles-overline {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.625rem;
    line-height: 1rem;
    letter-spacing: 0.094rem;
    text-transform: uppercase;
    color: var(--content-container-background-light);
}

.mdc-elevation-overlay-12dp {
    border: 1px solid var(--form-control);
    box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.mdc-elevation-overlay-24dp {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)), #121212;
    box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.mdc-typography-styles-subtitle1-depth {
    font-family: "Tahoma", sans-serif;
    font-style: normal ;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5rem ;
    letter-spacing: 0.009rem ;
    color: var(--content-container-background-light);
}

.mdc-typography-styles-subtitle2-ticker {
    font-family: "Tahoma", sans-serif;
    font-style: normal ;
    font-weight: normal;
    font-size: 16px;
    line-height: 100% ;
    color: var(--content-container-background-light);
}

.form-control {
    font-family: "Tahoma", sans-serif;
    background: var(--form-control) ;
    border: 2px solid rgba(255, 255, 255, 0) ;
    border-radius: 4px;
    color: var(--content-container-background-light);
}

    .form-control:focus {
        font-family: "Tahoma", sans-serif;
        background: var(--scroll-base-color-pointer) ;
        border: 2px solid var(--lm-accent) ;
        outline: none ;
        box-shadow: none;
        color: var(--content-container-background-light);
    }

.textbox-height {
    height: 36px ;
}

.dropdown {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0) ;
    background: var(--form-control) ;
    border-radius: 0;
    color: var(--content-container-background-light);
}

    .dropdown .dropdown-item,
    .dropdown .dropdown-menu {
        background: var(--scroll-base-color-pointer) ;
        border-radius: 4px;
        color: var(--content-container-background-light);
        width: 100%;
    }

    .dropdown .dropdown-toggle::after {
        float: right;
        color: var(--dropdown);
    }

    .dropdown .dropdown-toggle {
        margin: 0;
        width: 100%;
        color: var(--dropdown);
    }

    .dropdown .dropdown-item:hover,
    .dropdown .dropdown-item:focus {
        outline: none;
        background: var(--dropdown-item) ;
        color: var(--stroke) ;
    }

    .dropdown .dropdown-item-hover {
        outline: none;
        background: var(--dropdown-item) ;
        color: var(--stroke) ;
    }

input,
button,
select,
option,
.span-header,
a,
.tabs-card.tabs-top > .tabs-nav .tabs-tab + .tabs-tab,
.tabs-card.tabs-top > .tabs-nav .tabs-tab-active,
.table.table-middle .table-tbody > tr > td,
.table.table-middle .table-thead > tr > th {
    font-family: "Tahoma", sans-serif ;
    font-style: normal ;
    font-weight: normal ;
    font-size: 13px ;
    text-transform: capitalize ;
}

h1 {
    font-family: "Tahoma", sans-serif ;
    font-style: normal ;
    font-size: 40px ;
    text-transform: capitalize ;
    color: var(--content-container-background-light);
}

h2 {
    font-family: "Tahoma", sans-serif ;
    font-style: normal ;
    font-size: 32px ;
    text-transform: capitalize ;
    color: var(--content-container-background-light);
}

h3 {
    font-family: "Tahoma", sans-serif ;
    font-style: normal ;
    font-size: 28px ;
    text-transform: capitalize ;
    color: var(--content-container-background-light);
}

h4 {
    font-family: "Tahoma", sans-serif ;
    font-style: normal ;
    font-size: 24px ;
    text-transform: capitalize ;
    color: var(--content-container-background-light);
}

h5 {
    font-family: "Tahoma", sans-serif ;
    font-style: normal ;
    font-size: 20px ;
    text-transform: capitalize ;
    color: var(--content-container-background-light);
}

h6,
.h6-tab {
    font-family: "Tahoma", sans-serif ;
    font-style: normal ;
    font-weight: normal ;
    font-size: 16px ;
    text-transform: capitalize ;
    color: var(--content-container-background-light);
}

.table.table-middle .table-tbody > tr > td {
    padding: 6px 8px;
}

.table.table-middle .table-thead > tr > th {
    padding: 6px 8px;
}

.table tfoot > tr > td,
.table tfoot > tr > th,
.table-tbody > tr > td,
.table-thead > tr > th {
    padding: 6px 8px;
}

.select-selector {
    width: 100%;
    border: 2px solid rgba(255, 255, 255, 0) ;
    background: var(--form-control) ;
    border-color: none;
    border-radius: 4px;
    color: var(--content-container-background-light);
}

.select-item,
.select-item-option,
.select-dropdown {
    background: var(--scroll-base-color-pointer) ;
    border-radius: 4px;
    color: var(--content-container-background-light);
    margin-bottom: 5px;
}

    .select-item:hover,
    .select-item:focus,
    .select-item-option:hover,
    .select-item-option:focus {
        outline: none;
        background: var(--dropdown-item) ;
        color: var(--stroke) ;
    }

.select-dropdown {
    z-index: 1 ;
}

    .select-dropdown > div > div::-webkit-scrollbar {
        width: 5px;
        background-color: var(--lm-accent);
    }

    .select-dropdown > div > div::-webkit-scrollbar-thumb {
        background-color: var(--lm-accent);
        border-radius: 10px;
    }

        .select-dropdown > div > div::-webkit-scrollbar-thumb:hover {
            background-color: var(--lm-accent);
            border: 1px solid var(--select-drop);
        }

        .select-dropdown > div > div::-webkit-scrollbar-thumb:active {
            background-color: var(--lm-accent);
            border: 1px solid var(--select-drop);
        }

.table-header > table > colgroup > col:last-child {
    width: 0 ;
    min-width: 0 ;
}

.table-cell-scrollbar {
    width: 0 ;
    background-color: var(--lm-accent);
}

.table table {
    border-collapse: collapse ;
}

.table-body::-webkit-scrollbar {
    width: 5px;
    background-color: var(--lm-accent);
}

.table-body::-webkit-scrollbar-thumb {
    background-color: var(--lm-accent);
    border-radius: 10px;
}

    .table-body::-webkit-scrollbar-thumb:hover {
        background-color: var(--lm-accent);
        border: 1px solid var(--select-drop);
    }

    .table-body::-webkit-scrollbar-thumb:active {
        background-color: var(--lm-accent);
        border: 1px solid var(--select-drop);
    }

.dropdown.show,
.dropdown-item:focus {
    border: 2px solid var(--lm-accent) ;
    padding: 0;
    margin: 0;
    outline: none ;
    box-shadow: none;
}

.btn-focus-order-form:focus {
    border: 2px solid var(--lm-accent) ;
    outline: none ;
    box-shadow: none;
    line-height: 12px ;
}

.btn-focus-order-form-2:focus {
    border: 2px solid var(--lm-accent) ;
    outline: none ;
    box-shadow: none;
    line-height: 10px ;
}

.material-text-danger {
    color: var(--dn-color) ;
}

.material-text-success {
    color: var(--up-color) ;
}

.material-text-depth-danger {
    color: var(--dn-color) ;
}

.material-text-depth-success {
    color: var(--up-color) ;
}

.material-text-disabled {
    color: var(--disable) ;
}

.material-text-warning {
    color: var(--accent) ;
}

.material-text-high-emphasis {
    color: var(--stroke) ;
}

.material-text-mid-emphasis {
    color: var(--md-emphasis) ;
}

.material-text-blue {
    color: var(--blue) ;
}

.material-text-yellow {
    color: var(--text-yellow) ;
}

.material-text-base-color {
    color: var(--content-container-background-light) ;
}

.table {
    margin-bottom: 0 ;
}

.card-radius-components {
    border-radius: 20px 20px 20px 20px;
}

.card-radius-components-header {
    border-radius: 20px 20px 0 0;
}

.card-background {
    background-color: var(--black);
}

.table-responsive {
    background-color: var(--table-bg);
    border-radius: 20px;
}

.light {
}

    .light .table-responsive {
        background-color: var(--indices-item-bg);
        border-radius: 20px;
    }

    .light .card-background {
        background-color: var(--workspace-bg);
    }

    .light .mdc-typography-styles-headline1 {
        font-family: "Tahoma", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 6rem;
        line-height: 7rem;
        letter-spacing: -0.094rem;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-headline2 {
        font-family: "Tahoma", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 3.75rem;
        line-height: 4.5rem;
        letter-spacing: -0.094rem;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-headline3 {
        font-family: "Tahoma", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 3rem;
        line-height: 3.5rem;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-headline4 {
        font-family: "Tahoma", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 2.125rem;
        line-height: 2.25rem;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-headline5 {
        font-family: "Tahoma", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 1.5rem;
        line-height: 1.5rem;
        letter-spacing: 0.011rem;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-headline6 {
        font-family: "Tahoma", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 1.25rem;
        line-height: 1.5rem;
        letter-spacing: 0.009rem;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-subtitle1 {
        font-family: "Tahoma", sans-serif;
        font-style: normal ;
        font-weight: normal;
        font-size: 1rem;
        line-height: 1.5rem ;
        letter-spacing: 0.009rem ;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-subtitle3 {
        font-family: "Tahoma", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 0.7rem;
        line-height: 1.5rem;
        letter-spacing: 0.1px;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-body1 {
        font-family: "Tahoma", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 0.5px;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-body2 {
        font-family: "Tahoma", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 0.975rem;
        line-height: 1.25rem;
        letter-spacing: 0.25px;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-button {
        font-family: "Tahoma", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1rem;
        letter-spacing: 0.078rem;
        text-transform: uppercase;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-caption2 {
        font-family: "Tahoma", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 1.2rem;
        line-height: 1rem;
        letter-spacing: 0.01rem;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-overline {
        font-family: "Tahoma", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 0.625rem;
        line-height: 1rem;
        letter-spacing: 0.094rem;
        text-transform: uppercase;
        color: var(--table-bg) ;
    }

    .light .mdc-typography-styles-subtitle1-depth {
        font-family: "Tahoma", sans-serif;
        font-style: normal ;
        font-weight: normal;
        font-size: 1rem;
        line-height: 1.5rem ;
        letter-spacing: 0.009rem ;
        color: var(--table-bg);
    }

    .light .mdc-elevation-overlay-12dp {
        border: 0.5px solid var(--border-color);
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

    .light .mdc-elevation-overlay-24dp {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)), var(--linear-gr);
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

    .light .form-control {
        font-family: "Tahoma", sans-serif;
        background: var(--input-bg) ;
        border: 1px solid var(--workspace-bg) ;
        border-radius: 4px;
        color: var(--table-bg);
    }

        .light .form-control:focus {
            font-family: "Tahoma", sans-serif;
            background: var(--input-bg) ;
            border: 2px solid var(--lm-accent) ;
            outline: none ;
            box-shadow: none;
            color: var(--table-bg);
        }

    .light .dropdown {
        width: 100%;
        border: 1px solid var(--border-color) ;
        background: var(--input-bg) ;
        border-radius: 0;
        color: var(--table-bg) ;
    }

        .light .dropdown .dropdown-item,
        .light .dropdown .dropdown-menu {
            background: var(--input-bg) ;
            border-radius: 4px;
            color: var(--table-bg) ;
            width: 100%;
        }

        .light .dropdown .dropdown-toggle::after {
            float: right;
            color: var(--table-bg) ;
        }

        .light .dropdown .dropdown-toggle {
            margin: 0;
            width: 100%;
            color: var(--table-bg) ;
        }

        .light .dropdown .dropdown-item:hover,
        .light .dropdown .dropdown-item:focus {
            outline: none;
            background: var(--accent-hover) ;
            color: var(--input-bg) ;
        }

            .light .dropdown .dropdown-item:hover div,
            .light .dropdown .dropdown-item:focus div {
                color: var(--input-bg) ;
            }

        .light .dropdown .dropdown-item-hover {
            outline: none;
            background: var(--accent-hover) ;
            color: var(--input-bg) ;
        }

            .light .dropdown .dropdown-item-hover div {
                color: var(--input-bg) ;
            }

        .light .dropdown .dropdown.show,
        .light .dropdown .dropdown-item:focus {
            border: 2px solid var(--lm-accent) ;
            padding: 0;
            margin: 0;
            outline: none ;
            box-shadow: none;
        }

        .light .dropdown .form-control {
            border: none ;
        }

    .light h1 {
        font-family: "Tahoma", sans-serif ;
        font-style: normal ;
        font-size: 40px ;
        text-transform: capitalize ;
        color: var(--table-bg);
    }

    .light h2 {
        font-family: "Tahoma", sans-serif ;
        font-style: normal ;
        font-size: 32px ;
        text-transform: capitalize ;
        color: var(--table-bg);
    }

    .light h3 {
        font-family: "Tahoma", sans-serif ;
        font-style: normal ;
        font-size: 28px ;
        text-transform: capitalize ;
        color: var(--table-bg);
    }

    .light h4 {
        font-family: "Tahoma", sans-serif ;
        font-style: normal ;
        font-size: 24px ;
        text-transform: capitalize ;
        color: var(--table-bg);
    }

    .light h5 {
        font-family: "Tahoma", sans-serif ;
        font-style: normal ;
        font-size: 20px ;
        text-transform: capitalize ;
        color: var(--table-bg);
    }

    .light h6 {
        font-family: "Tahoma", sans-serif ;
        font-style: normal ;
        font-size: 16px ;
        text-transform: capitalize ;
        color: var(--table-bg);
    }

    .light .select-selector {
        width: 100%;
        border: 1px solid var(--border-color) ;
        background: var(--input-bg) ;
        color: var(--table-bg);
    }

    .light .select-item,
    .light .select-item-option,
    .light .select-dropdown {
        background: var(--input-bg) ;
        color: var(--table-bg) ;
    }

        .light .select-item:hover,
        .light .select-item:focus,
        .light .select-item-option:hover,
        .light .select-item-option:focus {
            background: var(--accent-hover) ;
            color: var(--input-bg) ;
        }

            .light .select-item:hover div,
            .light .select-item:focus div,
            .light .select-item-option:hover div,
            .light .select-item-option:focus div {
                color: var(--input-bg) ;
            }

        .light .select-dropdown > div > div::-webkit-scrollbar {
            width: 5px;
            background-color: var(--lm-accent);
        }

        .light .select-dropdown > div > div::-webkit-scrollbar-thumb {
            background-color: var(--lm-accent);
            border-radius: 10px;
        }

            .light .select-dropdown > div > div::-webkit-scrollbar-thumb:hover {
                background-color: var(--lm-accent);
                border: 1px solid var(--select-drop);
            }

            .light .select-dropdown > div > div::-webkit-scrollbar-thumb:active {
                background-color: var(--lm-accent);
                border: 1px solid var(--select-drop);
            }

    .light .table-header > table > colgroup > col:last-child {
        width: 0 ;
        min-width: 0 ;
    }

    .light .table-cell-scrollbar {
        width: 0 ;
    }

    .light .table table {
        border-collapse: collapse ;
    }

    .light .table-body::-webkit-scrollbar {
        width: 5px;
        background-color: var(--lm-accent);
    }

    .light .table-body::-webkit-scrollbar-thumb {
        background-color: var(--lm-accent);;
        border-radius: 10px;
    }

        .light .table-body::-webkit-scrollbar-thumb:hover {
            background-color: var(--lm-accent);
            border: 1px solid var(--select-drop);
        }

        .light .table-body::-webkit-scrollbar-thumb:active {
            background-color: var(--lm-accent);
            border: 1px solid var(--select-drop);
        }

    .light .picker-input > input {
        color: var(--table-bg);
    }

    .light .table-thead th.table-column-sort {
        background: var(--tablehead);
    }

    .light .table-tbody > tr:nth-child(odd):hover > td {
        background: var(--input-bg);
    }

    .light .table-tbody > tr:nth-child(even):hover > td {
        background: var(--input-bg);
    }

    .light .table-thead > tr:hover > th {
        background: var(--input-bg);
    }

    .light .table-thead th.table-column-has-sorters:hover {
        background: var(--input-bg);
    }

    .light .table-thead > tr > th {
        background: var(--input-bg);
        font-weight: 700;
        border-top: 1px solid var(--border-color);
    }

    .light .table table > tbody > tr:nth-child(odd) > td {
        background: var(--input-bg);
        border-top: 1px solid var(--border-color);
    }

    .light .table table > tbody > tr:nth-child(even) > td {
        background: var(--input-bg);
        border-top: 1px solid var(--border-color);
    }

    .light .table-tbody > tr > td {
        border-bottom: 0;
    }

    .light .pagination-item {
        background: var(--input-bg);
        color: var(--table-bg);
    }

    .light .pagination-item-active {
        border-color: var(--accent);
        color: var(--accent);
    }

    .light .pagination-item:focus-visible,
    .light .pagination-item:hover {
        border-color: var(--accent);
        color: var(--accent);
    }

    .light .pagination-disabled .pagination-item-link,
    .light .pagination-disabled:focus-visible .pagination-item-link,
    .light .pagination-disabled:hover .pagination-item-link {
        background: var(--input-bg);
        color: var(--table-bg);
    }

    .light .pagination-next .pagination-item-link,
    .light .pagination-prev .pagination-item-link {
        background: var(--input-bg);
        color: var(--table-bg);
    }

    .light .pagination-next .pagination-item-link,
    .light .pagination-prev .pagination-item-link {
        background: var(--input-bg);
        color: var(--table-bg);
    }

    .light .pagination-next .pagination-item-link,
    .light .pagination-prev .pagination-item-link {
        background: var(--input-bg);
        color: var(--table-bg);
    }

    .light .pagination-next:focus-visible .pagination-item-link,
    .light .pagination-next:hover .pagination-item-link,
    .light .pagination-prev:focus-visible .pagination-item-link,
    .light .pagination-prev:hover .pagination-item-link {
        color: var(--base-color);
        border-color: var(--accent);
    }

    .light .table-column-sorter-down.active,
    .light .table-column-sorter-up.active {
        color: var(--accent);
    }

    .light .table-column-sorter-down.active,
    .light .table-column-sorter-up.active {
        color: var(--accent);
    }

    .light .empty-description {
        color: var(--table-bg);
    }

    .light .material-text-danger {
        color: var(--dn-color) ;
    }

    .light .material-text-success {
        color: var(--up-color) ;
    }

    .light .material-text-depth-danger {
        color: var(--dn-color) ;
    }

    .light .material-text-depth-success {
        color: var(--up-color) ;
    }

    .light .material-text-disabled {
        color: var(--disable) ;
    }

    .light .material-text-warning {
        color: var(--accent) ;
    }

    .light .material-text-high-emphasis {
        color: var(--text-high-emphasis) ;
    }

    .light .material-text-mid-emphasis {
        color: var(--text-mid-emphasis) ;
    }

    .light .material-text-blue {
        color: var(--blue) ;
    }

    .light .material-text-yellow {
        color: var(--text-yellow) ;
    }

    .light .material-text-base-color {
        color: var(--table-bg) ;
    }

    .light .border-left {
        border-left: 0.5px solid var(--border-color) ;
    }

    .light .border-right {
        border-right: 0.5px solid var(--border-color) ;
    }

    .light .border-top {
        border-top: 0.5px solid var(--border-color) ;
    }

    .light .border-bottom {
        border-bottom: 0.5px solid var(--border-color) ;
    }

    .light .border {
        border: 0.5px solid var(--border-color) ;
    }

    .light .btn-focus-order-form:focus {
        border: 2px solid var(--lm-accent) ;
        outline: none ;
        box-shadow: none;
        line-height: 12px ;
    }

    .light .btn-focus-order-form-2:focus {
        border: 2px solid var(--lm-accent) ;
        outline: none ;
        box-shadow: none;
        line-height: 10px ;
    }

.floatThead-container {
    width: 100% ;
}

.child-template .floatThead-container {
    z-index: 1 ;
}
 
.modal-backdrop {
    width: 100% ;
    height: 100% ;
}