:root {
    --body-bg: #23262b;
}

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

.header {
    background: var(--dark);
}

.text-secondary {
    color: var(--light)!important;
}

a, a:link, a:hover {
    color: var(--light)!important;
}

pre {
    color: var(--cyan);
}

.sidebar > .inner-sidebar {
    background: var(--dark);
}

.sidebar-menu li ul {
    background: var(--body-bg);
    border: solid 1px var(--secondary);
}

.sidebar-menu li a {
    color: var(--light);
}

.sidebar-menu li a:hover {
    color: var(--danger)!important;
}

.sidebar-menu li>a>i {
    color: var(--danger);
}

.sidebar-menu li.active a {
    color: var(--danger)!important;
    font-weight: 600;
}

.dropdown-menu {
    color: var(--light);
    background-color: var(--dark);
    border: 1px solid rgba(255,0,0,.55);
}

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

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--danger);
}

.card {
    border: 1px solid var(--gray);
}
.card-header {
    background: var(--body-bg);
}
.card-body {
    background: var(--dark);
}

.border-top {
    border-top: 1px solid var(--gray)!important;
}
.border-bottom {
    border-bottom: 1px solid var(--gray)!important;
}
.button-container p, .bc-description {
    color: var(--cyan);
}

.notify-icon-sm {
    width: 36px;
    height: 36px;
}
.notify-icon-sm i {
    margin-top: 9px;
}

.popover-header {
    background-color: var(--dark);
    border-bottom: 1px solid var(--dark);
}
.popover-body {
    background-color: var(--light);
    color: var(--cyan);
}