/* Main Layout & Backgrounds */
body { 
    background-color: #1F1F1F !important; 
    color: #ffffff !important; 
}
.container, .container h1 { 
    color: #ffffff !important; 
}
#list-layout tr { 
    color: #ffffff !important; 
}
.card { 
    background-color: #1F1F1F !important; 
}
.card-header { 
    background-color: #545b62 !important; 
}
#flow-layout .card-header { 
    background-color: unset !important; 
}
.list-group-item { 
    background-color: #6c757d !important; 
}

/* Base Table Styling */
.table { 
    color: #ffffff !important; 
}
.table tr:hover { 
    color: #b7b7b7 !important; 
}
.table-responsive table thead { 
    background-color: #545b62 !important; 
}
.table-responsive table tbody { 
    background-color: #484848 !important; 
}
.table-bordered th, .table-bordered td { 
    border: 1px solid rgba(255,255,255,0.1) !important; 
}
.table-bordered thead th { 
    text-align: center; 
    background-color: #333333 !important; 
}

/* Global Links and Buttons */
a, a:visited { 
    color: #278CFF !important; 
}
a.btn { 
    color: #ffffff !important; 
}

/* TOP MENU LABELS TO WHITE */
.navbar-nav .nav-link, 
.navbar-nav a,
.nav-tabs .nav-link,
.dropdown-toggle {
    color: #ffffff !important; 
}
.navbar-nav .nav-link:hover, 
.navbar-nav a:hover {
    color: #278CFF !important; /* Highlights light blue on hover */
}

/* CONFIGURATION TABS (Fixing White Backgrounds) */
.nav-tabs {
    border-bottom: 1px solid #444444 !important;
}
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
    background-color: #2D2D2D !important; /* Active tab match background */
    color: #ffffff !important;
    border-color: #444444 #444444 #2D2D2D !important;
}
.nav-tabs .nav-link:hover {
    border-color: #444444 #444444 transparent !important;
    background-color: #333333 !important;
}
/* Tab Content Panel wrapper */
.tab-content, .tab-pane {
    background-color: #2D2D2D !important;
    color: #ffffff !important;
    padding: 15px;
    border: 1px solid #444444;
    border-top: none;
}

/* HIGH-CONTRAST DARK STATUS CHECKS */
.table-success, .table-success td, tr.success td, .bg-success, .label-success {
    background-color: #144d20 !important; 
    color: #ffffff !important; 
}
.table-success a, tr.success td a {
    color: #3ca2ff !important; 
}

.table-danger, .table-danger td, tr.danger td, .bg-danger, .label-danger {
    background-color: #5c191e !important; 
    color: #ffffff !important; 
}
.table-danger a, tr.danger td a {
    color: #3ca2ff !important; 
}

.table-warning, .table-warning td, tr.warning td, .bg-warning, .label-warning {
    background-color: #5c4314 !important; 
    color: #ffffff !important; 
}
.table-warning a, tr.warning td a {
    color: #3ca2ff !important;
}

/* DARK BOTTOM BAR / FOOTER */
footer, .footer, #footer {
    background-color: #111111 !important;
    color: #aaaaaa !important;
    border-top: 1px solid #333333 !important;
    padding: 15px 0;
}
footer a, .footer a {
    color: #278CFF !important;
}

/* DARK INPUT FIELDS */
.form-control, input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, textarea {
    background-color: #2D2D2D !important;
    color: #ffffff !important;
    border: 1px solid #555555 !important;
}
.form-control:focus {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #278CFF !important;
}

/* DARK DROPDOWN MENUS */
.dropdown-menu {
    background-color: #2D2D2D !important;
    border: 1px solid #444444 !important;
}
.dropdown-item, .dropdown-menu li a {
    color: #ffffff !important;
    background-color: transparent !important;
}
.dropdown-item:hover, .dropdown-menu li a:hover {
    background-color: #444444 !important;
    color: #278CFF !important;
}
.dropdown-divider {
    border-top: 1px solid #444444 !important;
}

/* REMOVE ALL OUTER BORDERS & ADD DARK GREEN INNER DIVIDER */
#flow-layout .card, 
.server-block, 
.thumbnail,
.table,
.table-bordered {
    border: none !important; /* Removes all outer box borders and frames */
    box-shadow: none !important;
}

/* Clear out the previous silver grid lines from tables if any remained */
.table th, .table td, #list-layout tr td, #list-layout tr th {
    border: none !important;
}

/* APPLY ONLY A DARK GREEN LINE BETWEEN TITLE AND DETAILS ON HOMEPAGE */
#flow-layout .card-header,
.server-block .block-header,
.caption h3 {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #0f3d19 !important; /* Elegant deep, dark green divider line */
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}