body {
    background-color: #0b1727;
}

body {
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
}

body, footer:not(.bg--primary):not(.bg--dark) a {
    color: #ffffff;
}

.public-search-page .searchResults h6 a, a, .tabs li.active .tab__title span, .tabs li.active .tab__title, .public-search-page .searchResults .resultUrl {
    color: #17a2b8;
}

.public-search-page .searchResults h6 a:hover, a:hover {
    color: #0d6efd;
}

.lead {
    color: #cccccc;
}

.bg--secondary {
    background: #fafafa;
}

section:not(.imagebg):not([class*='bg-']) + section.bg--secondary, section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*='bg-']) {
    border-top: 1px solid #ebebeb;
}

.menu-horizontal > li > a, .menu-horizontal > li > span, .menu-horizontal > li > .modal-instance > .modal-trigger, .dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a, .menu-horizontal > li > a:hover, .menu-horizontal > li > span:hover, .menu-horizontal > li > .modal-instance > .modal-trigger:hover {
    color: #17a2b8;
}

.dropdown .dropdown__content:not([class*='bg-']) {
    background: #ffffff;
}

a.btn--primary, .btn--primary:visited, .btn--primary-1, .btn--primary-1:visited, button.btn.btn--primary, input[type="submit"].btn.btn--primary {
    background: #17a2b8;
}

a.btn--primary, .btn--primary:visited, .btn--primary-1, .btn--primary-1:visited, button.btn.btn--primary, input[type="submit"].btn.btn--primary {
    color: #ffffff;
}

a.btn--primary, .btn--primary:visited, .btn--primary-1, .btn--primary-1:visited, button.btn.btn--primary, input[type="submit"].btn.btn--primary {
    border-color: #4a90e2;
}

a.btn--primary:hover, .btn--primary-1:hover, button.btn.btn--primary:hover, input[type="submit"].btn.btn--primary:hover {
    background: #609de6;
}

.btn--primary:hover, .btn--primary-1:hover, button.btn.btn--primary:hover, input[type="submit"].btn.btn--primary:hover {
    border-color: #609de6;
}

.btn:not([class*="primary"]) .btn__text, .btn i {
    color: #252525;
}

.btn:not([class*="primary"]) {
    border-color: #d3d3d3;
}

.btn:not([class*="primary"]):hover {
    border-color: #252525;
}

h1, .h1 {
    color: #252525;
}

h2, .h2 {
    color: #252525;
}

h3, .h3 {
    color: #252525;
}

h4, .h4 {
    color: #252525;
}

h5, .h5 {
    color: #252525;
}

h6, .h6 {
    color: #252525;
}

input[type], textarea, select {
    background: #fcfcfc;
}

input[type], textarea, select {
    border: 1px solid #ececec;
}

.boxed:not([class*='bg-']) {
    background: #ffffff;
}

.boxed.boxed--border {
    border: 1px solid #ececec;
}

.table--alternate-row tbody tr:nth-child(odd) {
    background: rgba(255,255,255,0);
}

.table--alternate-row tbody tr:nth-child(even) {
    background: #fafafa;
}

.accordion-1 li.active .accordion__title, .paging_full_numbers .paginate_active {
    border: 1px solid #4a90e2; background: #4a90e2;;
}


/* 1. Global Vaulex Dark Mode Background */
body, .page-content, .wrapper {
    background-color: #0b1727 !important; /* Deep Navy/Slate */
    color: #ffffff !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* 2. The Main Upload Box Container */
.upload-box, .panel-default {
    background-color: #1a2737 !important; /* Slightly lighter navy to make the box pop */
    border: 1px solid #2d3b4e !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* 3. Primary Action Buttons (Teal) */
.btn-primary, .upload-btn, .btn-info {
    background-color: #17a2b8 !important; 
    border-color: #17a2b8 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover, .upload-btn:hover, .btn-info:hover {
    background-color: #138496 !important;
    border-color: #138496 !important;
    box-shadow: 0 4px 12px rgba(23, 162, 184, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* 4. Secondary/Submit Actions (Royal Blue) */
.btn-success, .submit-btn {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.btn-success:hover, .submit-btn:hover {
    background-color: #0b5ed7 !important;
    border-color: #0a58ca !important;
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* 5. Typography and Text Accents */
h1, h2, h3, h4, h5, .text-muted {
    color: #e2e8f0 !important;
}

a {
    color: #17a2b8 !important;
}

a:hover {
    color: #138496 !important;
    text-decoration: underline !important;
}