/* hide nav back/forward buttons */
.nav-item [rel="prev"],
.nav-item [rel="next"] {
    display: none;
}

/* prevent table overflow */
table.table {
    display: block;
    overflow-x: scroll;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #fff;
}

.dropdown-menu {
    background-color: #212529 !important;
    border: 1px solid #343a40;
}

.dropdown-item:hover, .dropdown-item:focus,
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2fa4e7;
}

a.dropdown-item {
    color: #dee2e6;
}

.navbar-dark {
    background-image: linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5) !important;
    background-repeat: no-repeat;
}

/* dark theme */
body {
    background-color: #212529;
    color: #ccc;
}

.form-control {
    color: #ccc !important;
}

h1, h2, h3, h4, h5, h6, li, span, td, th {
    color: #ccc;
}

th[role=columnheader]:not(.no-sort):after {
    border-color: #ccc transparent;
}

.navbar-collapse.bg-secondary,
.modal-content,
.form-control {
    background-color: #212529 !important;
    border: 1px solid #333;
}

.modal-header,
.table thead th {
    border-bottom: 1px solid #333;
}

.modal-footer,
.table th,
.table td {
    border-top: 1px solid #333;
}

a, .dropdown-item {
    color:#b1cbf7;
    text-decoration:none;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #2c3034;
}

.admonition.note, details.note {
    color: #e2f0f7;
    background-color: #2e6b89;
    border-color: #bce8f1;
}

.admonition.warning, details.warning {
    color: #fffae5;
    background-color: #7a6032;
    border-color: #fbeed5;
}

.admonition.danger, details.danger {
    color: #fde3e3;
    background-color: #7f3130;
    border-color: #eed3d7;
}

.flex-column {
    background: #333;
}

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

.card .nav {
    background-color: #2b3035;
}

.card > .nav {
    border: 1px solid #4b4f53;
}