:root {
    --primary-color: #cc5e1e;
    --primary-color-light: #ff7a2d;
    --bs-body-color: #f4f4f4;
    --bs-body-bg: #3b3a39;
    --bs-body-hover-color: #525150;
    /*Sidebar*/
    --b-bar-dark-color: #f4f4f4;
    --b-bar-dark-background: #3b3a39;
    --b-bar-dropdown-dark-background: #474645;
    --b-bar-brand-dark-background: var(--b-bar-dark-background);
    --b-bar-item-dark-active-color: var(--bs-body-color);
    --b-bar-item-dark-active-background: var(--bs-body-hover-color);
    --b-bar-item-dark-hover-background: var(--bs-body-hover-color);
    --b-vertical-bar-width: 300px;
    /*Table*/
    --table-hover-color: var(--bs-body-color);
    --table-hover-background: #474645;
    --table-border-color: #5c5c5c;
    --table-row-selected-color: var(--bs-body-color);
    --table-row-selected-background: #525151;
    --list-part-table-row-selected-color: var(--table-row-selected-color);
    --list-part-table-row-selected-background: var(--table-row-selected-background);
    /*Card*/
    --card-modal-background: #2d2d2d;
    --card-color: var(--bs-body-color);
    --card-background: #474645;
    --card-header-color: var(--bs-body-color);
    --card-header-background: #545454;
    --card-header-hover-color: var(--card-header-color);
    --card-header-hover-background: var(--card-header-background);
    --card-border-color: var(--table-border-color);
    /*Form*/
    --form-color: var(--bs-body-color);
    --form-background: var(--bs-body-bg);
    --form-active-background-color: #303030;
    --form-disabled-color: #b3b0b0;
    --form-disabled-background: #343433;
    --form-border-color: var(--table-border-color);
    /*Loading Indicator*/
    --blazor-base-loading-indicator-color: var(--bs-body-color);
    --blazor-base-loading-indicator-background: var(--bs-body-bg);
    /*Chrome/Edge Scrollbar*/
    --scrollbar-thumb-color: #888;
    --scrollbar-thumb-hover-color: #adadad;
    --scrollbar-background-color: #4e4e4e;
}

body {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
}

button:focus {
    outline: none !important;
    box-shadow: 0 0 0 0.2rem var(--primary-color) !important;
}

.b-bar-vertical-inline.b-bar-dark .b-bar-brand .b-bar-link, .b-bar-vertical-popout.b-bar-dark .b-bar-brand .b-bar-link, .b-bar-vertical-small.b-bar-dark .b-bar-brand .b-bar-link {
    color: var(--bs-body-color);
}

.b-bar-vertical-inline.b-bar-dark .b-bar-link, .b-bar-vertical-popout.b-bar-dark .b-bar-link, .b-bar-vertical-small.b-bar-dark .b-bar-link {
    color: var(--bs-body-color);
}

.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item, .b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item, .b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item {
    color: var(--bs-body-color);
}

.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu, .b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu, .b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu {
    padding: 0px;
}

.table {
    color: var(--bs-body-color);
}

.table-hover tbody tr:hover {
    color: var(--table-hover-color);
    background-color: var(--table-hover-background);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--table-hover-background);
}

.table td, .table th {
    border-bottom-color: var(--table-border-color);
}

.modal-content {
    color: var(--bs-body-color);
    background-color: var(--card-modal-background);
}

.modal-header {
    border-bottom-color: var(--card-border-color);
}

.modal-footer {
    border-top-color: var(--card-border-color);
}

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

.card-header, .card-header button {
    color: var(--card-header-color);
    background-color: var(--card-header-background);
}

    .card-header button:hover {
        color: var(--card-header-hover-color);
        background-color: var(--card-header-hover-background);
    }

    .card-header button.btn-danger {
        background-color: #dc3545;
        border-color: #dc3545;
    }

.form-control:disabled, .form-control[readonly] {
    color: var(--form-disabled-color);
    background-color: var(--form-disabled-background);
    border-color: var(--form-border-color);
}

.form-control, .custom-select, .custom-file-label, .custom-file-label[data-browse]::after {
    color: var(--form-color);
    background-color: var(--form-background);
    border-color: var(--form-border-color);
}

    .form-control:focus {
        color: var(--form-color);
        background-color: var(--form-active-background-color);
    }

    .custom-select.is-invalid, .was-validated .custom-select:invalid {
        background-color: var(--form-background);
    }

input[type=date],
input[type=datetime],
input[type=datetime-local] {
    color-scheme: dark;
}

.fas {
    color: var(--bs-body-color);
}

button.close {
    color: var(--bs-body-color);
}

    button.close:hover {
        color: var(--bs-body-hover-color);
    }

.nav-link {
    color: var(--bs-body-color);
}

    .nav-link:hover {
        color: var(--bs-body-hover-color);
    }

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-background-color);
}

::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-color);
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--scrollbar-thumb-hover-color);
    }

.center-field {
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-field-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.center-field-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.card-summary-invalid-feedback {
    color: #dc3545;
    text-align: center;
}

.progress-bar {
    background-color: sienna;
}

.b-bar-brand .b-bar-link {
    color: white !important;
    font-size: 1.25rem;
}

    .b-bar-brand .b-bar-link:hover {
        background: rgba(0, 0, 0, 0.3) !important;
    }

.b-bar-vertical-inline.b-bar-light .b-bar-menu:not(.show) .b-bar-dropdown-menu {
    background: var(--b-bar-dropdown-light-background-collapsed);
}

.b-bar-vertical-inline .kp-bar-logo .b-bar-mobile-toggle {
    display: none !important;
}

.b-bar-vertical-inline .kp-desktop-extra-toggler {
    display: none !important;
}

.b-bar-vertical-inline[data-collapse=small] .kp-desktop-extra-toggler {
    display: flex !important;
}

.b-bar-vertical-inline:not([data-collapse]) .b-bar-mobile-toggle {
    display: flex;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--primary-color);
    border-color: #a34712;
}

.nav-item {
    border-radius: .25rem;
}

.nav-item:hover {
    background-color: #a0450f;
}

.highlight {
    background-color: yellow;
}

.list-group-item {
    background-color: #5b5b5b;
}

.primary-color-light {
    color: var(--primary-color-light);
}