/* Vibrant Data Solutions Branding */
:root {
    --primary-color: #e11e24; /* Vibrant Red */
    --primary-hover: #c1181d;
    --black: #000000;
    --white: #ffffff;
}

/* Admin Sidebar */
#side-menu, .admin #setup-menu {
    background: var(--black) !important;
}

#side-menu li a {
    color: var(--white) !important;
}

#side-menu li a:hover, #side-menu li.active a {
    background: var(--primary-color) !important;
    color: var(--white) !important;
}

/* Header */
.navbar-default {
    background-color: var(--black) !important;
}

.navbar-default .navbar-nav > li > a {
    color: var(--white) !important;
}

/* Buttons */
.btn-primary, .btn-info {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-info:hover, .btn-info:focus {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

/* Tables and Headers */
.table.dataTable thead th {
    background-color: #f9fafb !important;
    color: var(--black) !important;
}

/* Logo handling */
.logo img {
    max-height: 50px;
    width: auto;
}

/* Client Area */
.navbar-default {
    background-color: var(--black) !important;
    border: none;
}

.navbar-default .navbar-nav > li > a {
    color: var(--white) !important;
}

.navbar-default .navbar-brand {
    color: var(--white) !important;
}

#menu .active a {
    background: var(--primary-color) !important;
}

.section-heading {
    border-left: 4px solid var(--primary-color) !important;
}