a {
    color: #4e73df;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #224abe;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

/* Dark mode styling */
body.dark-mode {
    background-color: #1F2937;
    color: #f8fafc;
}

.navbar {
    background-color: #1F2937;
}

.navbar-dark .navbar-brand {
    color: #f8fafc;
}

.navbar-dark .nav-link {
    color: #9ca3af;
}

.navbar-dark .nav-link:hover {
    color: #ffffff;
}

h1 {
    color: #f8fafc;
}

.table-dark {
    background-color: #1f2937;
}

.table-dark th, .table-dark td {
    border-color: #374151;
}




/* Dark mode styling for DataTables */
table.dataTable thead {
    background-color: #1f2937;
    color: #f8fafc;
}

table.dataTable {
    color: #f8fafc;
    background-color: #1f2937;
}

table.dataTable tbody tr {
    background-color: #1f2937;
    color: #f8fafc;
}

table.dataTable tbody tr:nth-child(odd) {
    background-color: #1c2331; /* Darker background for odd rows */
}

table.dataTable tbody tr:nth-child(even) {
    background-color: #1f2937; /* Lighter background for even rows */
}

.dataTables_wrapper .dataTables_filter input {
    background-color: #1f2937;
    border: 1px solid #374151;
    color: #f8fafc;
}

.dataTables_wrapper .dataTables_filter label {
    color: #f8fafc;
}

.dataTables_wrapper .dataTables_length label {
    color: #f8fafc;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #f8fafc !important;
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #ffffff !important;
    background-color: #374151 !important;
}

.dataTables_wrapper .dataTables_info {
    color: #9ca3af;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #6b7280 !important;
    background-color: #1f2937 !important;
}


/* Custom styling for DataTables to align entries dropdown and search input */
.dataTables_wrapper .row {
    margin-bottom: 1rem; /* Optional: Adds spacing between rows */
}

.dataTables_wrapper .dataTables_length {
    float: left;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}