:root, [data-bs-theme=dark] {
    color-scheme: dark;

    --bs-body-color: #ffffff;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #161b21;
    --bs-body-bg-rgb: 22, 27, 33;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 16, 20, 23;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;

    --bs-primary: #0d6efd;
    --bs-primary-rgb: 13, 110, 253;
    --bs-success: #1ad37d;
    --bs-success-rgb: 26, 211, 125;
    --bs-info: #0dcaf0;
    --bs-info-rgb: 13, 202, 240;
    --bs-danger: #ff5e6e;
    --bs-danger-rgb: 255, 94, 110;
    --bs-dark: #212529;
    --bs-dark-rgb: 33, 37, 41;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-secondary: #6c757d;
    --bs-warning-rgb: 255, 193, 7;
    --bs-warning: #ffc107;
    --bs-light-rgb: 248, 249, 250;
    --bs-light: #f8f9fa;
}

.btn-outline-light {
    --bs-btn-border-color: #2b343d;

    --bs-btn-color: #f8f9fa;
    --bs-btn-hover-color: #f8f9fa;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #474f59;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #f8f9fa;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #2b343d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: rgb(42, 48, 54);
    --bs-btn-disabled-border-color: rgb(53, 62, 72);
    --bs-gradient: none;
}

.btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-y: 0.38rem;
    --bs-btn-padding-x: 0.6rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
    --bs-btn-font-weight: 500;
}

.text-success {
    color: #5ceca6;
}

.card {
    --bs-card-border-width: 1px;
    --bs-card-border-color: rgb(38, 53, 68);
}

.navbar {
    border-bottom: 1px solid rgb(33, 39, 45);
    padding-top: 18px;
    padding-bottom: 22px;

    border-bottom: 3px solid orange;
}

.navbar.navbar-non-prod-env {
    border-bottom: 3px solid red;
}

.navbar .nav-item {
    margin-right: 1rem;
}

.navbar .bootstrap-vertical-sep {
    margin-right: 1.4rem;
    margin-left: 1rem;
    border-right: 1px solid rgb(33, 39, 45);
}

.nav {
    border-bottom: 1px solid rgb(33, 39, 45);
}

.nav-link {
    --bs-nav-link-font-size: 1.05rem;
    --bs-nav-link-font-weight: 400;
    --bs-nav-tabs-border-width: 0;
    --bs-nav-link-hover-color: #b0b0b0;
    /*padding-left: 0;*/
    /*padding-right: 2rem;*/
    padding-bottom: 14px;
    color: white;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    --bs-nav-tabs-link-active-color: white;
    --bs-nav-tabs-link-active-bg: transparent;
    border: none;
    border-bottom: 2px solid rgb(44, 103, 246);
}

.nav-link:hover, .nav-link:focus {
    border: none;
    border-bottom: 2px solid rgb(44, 103, 246);
}

.nav-link {
    font-weight: 600 !important;
}

.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1400px;
}

html {
    line-height: 1.05rem;
}

:root {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}

h3 {
    font-weight: 600
}


/*div.row:not(.no-bottom-border) {
    border-bottom: 1px solid rgb(39, 48, 52);
}*/

.table {
    --bs-table-bg: rgb(34, 43, 51);
    --bs-table-border-color: #26343d;
    font-size: 14px;
}

.table tbody tr td:first-child {
    padding-left: 20px;
}
.table thead tr th:first-child {
    padding-left: 20px;
}

.fs-7 {
    font-size: 0.875rem !important;
}

.fs-8 {
    font-size: 0.75rem !important;
}

.dark-text {
    color: #798796;
    font-weight: lighter;
}

.vertical-nav .nav-item.active {
    border-bottom: unset;
    border-radius: unset;
    background-color: #798796;
}

.vertical-nav .nav-item:hover {
    border-radius: unset;
    border-bottom: unset;
    background-color: #20272e;
}

.login-container {
    height: 100vh;
}

.login-left-column {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
}

@media (min-width: 61.25em) {
    .login-left-column {
        margin-top: 20%;
        height: 100vh;
    }
}
@media (max-width: 61.25em) {
    .login-container {
        height: 50vh;
    }
}

.copyright {
    color: #798796;
    font-size: 0.875rem;
    font-weight: lighter;
}

.second-tier-tabs-container {
    background-color: rgb(33, 39, 45);
    margin: 10px;
    padding-top: 5px;
    padding-left: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

table .remarkably-statistics-data-cell, table .remarkably-statistics-data-header {
    text-align: right;
    vertical-align: middle;
}

input[type=text] {
    background-color: transparent;
    border: 1px solid rgb(45, 52, 60);
    color: white;

    border-radius: 8px;
    padding: 8px;
}

[data-href] { cursor: pointer; }

ul.source-ranking-list {
    list-style-type: none;
    padding-left: 0;
}
ul.source-ranking-list li {
    padding: 10px 10px 0;
}
ul.source-ranking-list li:not(:last-child) {
    padding: 10px;
    border-bottom: 1px solid rgb(39, 48, 52);
}

.chart-card {
    background-color: rgb(33, 39, 45);
}

.table-responsive.card {
    background-color: rgb(36, 43, 50);
}

/* Style the ugly default datatable export buttons */
.dt-buttons {
    float: right;
}
.dt-buttons .dt-button {
    background-color: rgb(33, 39, 45);
    border: 1px solid rgb(45, 52, 60);
    color: white;
    border-radius: 4px;
    padding: 4px 8px;
    margin-right: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Extra small button group: */
.btn-group-xs > .btn {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
    --bs-btn-font-weight: 500;
}

.expandible-echart {
    background-color: rgba(0,0,0,0);
}

table.hide_grouped_properties .table-row-component-of-synthetic {
    display: none;
}

table.hide_inactive_rows .table-row-inactive {
    display: none;
}

table.hide_superscript_diffs .superscript-diff-number {
    display: none;
}

.text-purple {
    --bs-text-opacity: 1;
    color: rgba(190, 92, 255, var(--bs-text-opacity)) !important;
}

.nav-tabs:not(.vertical-nav) .nav-link {
    font-size: 1.0rem !important;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}