.high-emphasis:not(.table-active) {
    color: #cfcecc;
}

.high-emphasis-secondary {
    color: #000000;
}

.med-emphasis {
    color: #848181;
}

.low-emphasis {
    color: #565453;
}

.primary-color {
    color: #fbaf40;
}

.primary-variant {
    color: #c3812a;
}

.secondary-color {
    color: #b3b1b1;
}

.secondary-variant {
    color: #838282;
}

.selected {
    background-color: #fbaf40;
}

.layer-1 {
    background-color: #000000;
}

.layer-2 {
    background-color: #121212;
}

.layer-3 {
    background-color: #1b1c1c;
}

.layer-4 {
    background-color: #1f2020;
}

.layer-5 {
    background-color: #212120;
}

.layer-6 {
    background-color: #232323;
}

.layer-7 {
    background-color: #272626;
}

.layer-8 {
    background-color: #282827;
}

.layer-9 {
    background-color: #2c2b2b;
}

.layer-10 {
    background-color: #2e2c2c;
}

.layer-11 {
    background-color: #302e2e;
}

.border-bg {
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
}

.border-fg {
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
}

.full-shadow-lg {
    box-shadow: 0px 2px 5px #121212, 2px 0px 5px #121212;
}

.bottom-shadow-lg {
    box-shadow: 0px 2px 5px #121212;
}

.side-shadow-lg {
    box-shadow: 2px 0px 5px #121212;
}

.full-shadow-sm {
    box-shadow: 0px 2px 2px #121212, 2px 0px 2px #121212;
}

.bottom-shadow-sm {
    box-shadow: 0px 2px 2px #121212;
}

.side-shadow-sm {
    box-shadow: 2px 0px 2px #121212;
}

.error {
    color: #cf6679;
}

.sign-bg {
    background-color: #000000;
}

.input-bg {
    background-color: #ffffff;
}

.svg-icon {
    padding-right: 3px !important;
    filter: invert(99%) sepia(99%) saturate(0%) hue-rotate(182deg) brightness(104%) contrast(100%);
}

.loading-gear {
    width: 100%;
    height: 50px;
}

.profile-label {
    font-size: 1.25rem;
    color: #fbaf40;
    cursor: pointer;
}


.hx-grid th {
    color: #cfcecc;
    background-color: #1b1c1c;
}

.hx-grid td {
    color: #cfcecc;
}

.hx-pager li.active .page-link {
    background-color: #fbaf40;
    border-color: #fbaf40;
    border-radius: 0.25rem;
    cursor: pointer;
}

    .hx-pager li.active .page-link:hover {
        color: black;
    }

.hx-pager li .page-link {
    background-color: #1b1c1c;
    border-color: #1b1c1c;
    color: #cfcecc;
    cursor: pointer;
}

    .hx-pager li .page-link:hover {
        color: #cfcecc;
        opacity: 0.75;
    }


.hx-pager li.disabled .page-link {
    opacity: 0.5;
    background-color: #1b1c1c;
    border-color: #1b1c1c;
    color: #cfcecc;
}

.hx-search-box input {
    color: #cfcecc;
    background-color: #121212;
}

.modal-dialog {
    border-radius: 0.3rem;
    border: 1px #b8b8b8 solid;
}