/* Define the primary colors */
:root {
    --white: #FFFFFF;
    --light-gray: #E4E4E4;
    --dark-gray: #262626;

    --dark-blue: #1d3b4a;
    --blue-gray: #c5d7e0;
    --green: #4caf50;
    --gray: #6c757d;
    --yellow: #ffc107;
}

/* Override the text-primary class for all elements, including links and other text */
.text-primary, .text-primary a, .text-primary span, .text-primary p, .text-primary div .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6 {
    color: var(--blue-gray) !important;
}

/* Style for primary buttons */
.primary-button {
    background-color: var(--blue-gray);
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.primary-button:hover {
    background-color: var(--dark-blue);
    color: var(--white);
}

/* General body styling */
body {
    background-color: var(--white);
    color: var(--dark-gray);
}

/* Navbar styling */
.navbar {
    background-color: var(--dark-blue);
    color: var(--white);
}

/* Footer styling */
footer {
    background-color: var(--dark-blue);
    color: var(--white);
}

/* Override Bootstrap Background Colors */
.bg-primary {
    background-color: var(--blue-gray) !important;
}

.bg-secondary {
    background-color: var(--dark-blue) !important;
}

.bg-light {
    background-color: var(--light-gray) !important;
}

.bg-dark {
    background-color: var(--dark-blue) !important;
}

.bg-white {
    background-color: var(--white) !important;
}

.bg-success {
    background-color: var(--blue-gray) !important;
}

.bg-danger {
    background-color: var(--dark-blue) !important;
}

.bg-info {
    background-color: var(--dark-blue) !important;
}

/* Override Bootstrap Button Styles */
.btn, .btn-outline-primary, .btn-outline-secondary, .btn-link {
    color: #000000 !important;
    background-color: var(--blue-gray) !important;
    border-color: var(--dark-blue) !important;
}

.btn:hover, .btn-outline-primary:hover, .btn-outline-secondary:hover, .btn-link:hover {
    color: var(--white) !important;
    background-color: var(--dark-blue) !important;
    border-color: var(--dark-blue) !important;
}

.btn-primary-land {
    background-color: #1d3b4a;
    border-color: #1d3b4a;
}
/* Override Table Styles */
.table th, .table td {
    color: var(--dark-gray) !important;
}

.table thead {
    background-color: var(--blue-gray) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--light-gray) !important;
}

.table-hover tbody tr:hover {
    background-color: var(--light-gray) !important;
}

/* Override Form Elements */
input.form-control, textarea.form-control {
    background-color: var(--white) !important;
    border-color: var(--dark-gray) !important;
    color: var(--dark-blue) !important;
}

input.form-control:focus, textarea.form-control:focus {
    border-color: var(--blue-gray) !important;
    box-shadow: 0 0 0 0.25rem rgba(252, 206, 19, 0.25) !important;
}

.form-check-input:checked {
    background-color: var(--blue-gray) !important;
    border-color: var(--blue-gray) !important;
}

.form-check-input:focus {
    border-color: var(--blue-gray) !important;
}

.form-check-label {
    color: var(--dark-gray) !important;
}

/* Override Navbar Styles */
.navbar {
    background-color: var(--dark-blue) !important;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--white) !important;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--blue-gray) !important;
}

.navbar-light .navbar-brand {
    color: var(--blue-gray) !important;
}

.navbar-light .navbar-toggler-icon {
    background-color: var(--blue-gray) !important;
}

/* Override Badge Styles */
.badge {
    background-color: var(--dark-blue) !important;
    color: var(--white) !important;
}

.badge-info {
    background-color: var(--dark-blue) !important;
}

/* Override Alert Styles */
.alert-warning {
    background-color: var(--light-gray) !important;
    color: var(--dark-blue) !important;
}

.alert-info {
    background-color: var(--dark-blue) !important;
    color: var(--white) !important;
}

.alert-danger {
    background-color: var(--dark-blue) !important;
    color: var(--white) !important;
}

.alert-success {
    background-color: var(--blue-gray) !important;
    color: var(--dark-blue) !important;
}

/* Override Footer */
footer {
    background-color: var(--dark-blue) !important;
    color: var(--white) !important;
}

.table-custom {
    --bs-table-color: #000000; /* Black for text */
    --bs-table-bg: #e4e4e4; /* Light gray background */
    --bs-table-border-color: #979999; /* Medium gray for borders */
    --bs-table-striped-bg: #f7f7f7; /* Very light gray for striped rows */
    --bs-table-striped-color: #000000; /* Black text for striped rows */
    --bs-table-active-bg: #cbccce; /* Light gray background for active rows */
    --bs-table-active-color: #000000; /* Black text for active rows */
    --bs-table-hover-bg: #d1d2d4; /* Light hover gray */
    --bs-table-hover-color: #000000; /* Black text on hover */

    color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.table-custom th {
    background-color: var(--blue-gray); /* Bright yellow for header */
    color: #000000; /* Black text for header */
}

.table-custom tbody tr:nth-child(even) {
    background-color: var(--bs-table-striped-bg); /* Striped rows */
}

.table-custom tbody tr:hover {
    background-color: var(--bs-table-hover-bg); /* Hover effect */
}

.table-custom tbody tr.active {
    background-color: var(--bs-table-active-bg); /* Active row */
    color: var(--bs-table-active-color); /* Active row text color */
}

.accordion-button {
    background-color: var(--blue-gray) !important;
    border-color: var(--blue-gray) !important;
    color: #fff; /* Adjust text color as needed */
}

.accordion-button:not(.collapsed) {
    background-color: var(--blue-gray) !important;
    border-color: var(--blue-gray) !important;
    color: #fff; /* Adjust text color as needed */
}

.table-primary {
    background-color: var(--blue-gray) !important;
    color: black !important;
}

.table-primary th {
    background-color: var(--blue-gray) !important;
    color: whitesmoke !important;
}