.table{
    background: #3b4781;
    color: #fff;
    margin-bottom: 0px !important;
}
.table td {
    background-color: #fff;
    border: 1px solid #e3ebf3;
}
.table th{
    padding: 0.75rem;
}
.table td {
    background-color: #fff;
    border: 1px solid #e3ebf3;
    padding: 0.75rem;
    text-align: left;
    vertical-align: middle;
    color: #464855;
}

.table tbody tr:hover {
    background-color: #e3ebf3;
    color: #3b4781;
    border: 1px solid #e3ebf3;
}
.table tbody td:hover {
    border-bottom: 1px solid #e3ebf3;
}
.table tbody td:hover {
    border-bottom: 1px solid #e3ebf3;
}

.table tfoot th {
    background-color: #f3c48a;
    border: 1px solid #e3ebf3;
    color: #000;
}


.pagination{
    display: flex;
    justify-content: end;
}

.page-link {
    padding: 0.8rem 1rem!important;
    margin: 0.2rem!important;
    background-color: #fff!important;
    border-color: #fff!important;
    color: #3b4781 !important;
    border: 1px solid #3b4781!important;
}
.page-item.active .page-link {
    background-color: #3b4781!important;
    border-color: #3b4781!important;
    color: #fff !important;
    border: 1px solid #3b4781!important;
}

.page-link:hover {
    background-color: #3b4781!important;
    border-color: #3b4781!important;
    color: #fff !important;
    border: 1px solid #3b4781!important;
}
.page-item.active:hover .page-link {
    background-color: #fff!important;
    border-color: #fff!important;
    color: #3b4781 !important;
    border: 1px solid #3b4781!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background-color: transparent!important;
    border-color: #555!important;
    color: #777 !important;
    cursor: not-allowed!important;
    pointer-events: none!important;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #3b4781;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #2a3364;
}

.table-responsive {
    scrollbar-width: thin;
    scrollbar-color: #3b4781 #f1f1f1;
}

table.dataTable thead th.sorting:after {
    content: "⇅";
    margin-left: 6px;
    font-size: 12px;
    color: #fff;
}
table.dataTable thead th.sorting_asc:after {
    content: "↑";
    margin-left: 6px;
    font-size: 12px;
    color: #fff;
}
table.dataTable thead th.sorting_desc:after {
    content: "↓";
    margin-left: 6px;
    font-size: 12px;
    color: #fff;
}
.form-actions{
    margin-top: 0px!important;
    padding: 0px!important;
    border: none!important;
}

.head{
    display: flex;
    align-items: center;
}
.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single {
    border-color: none !important;
}
.select2-container--default .select2-selection--single{
 border: 1px solid #cacfe7 !important; 
}
.select2-selection__placeholder{
color: #cacfe7!important;
}
.select2-results__option{
color: #3b4781!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
color: #3b4781!important;
}

@media (max-width: 768px) {
    .head {
        display: flex;  /* items stack vertically */
        flex-direction: column;
        width: 100%;     /* col-12 behavior */
    }
}


/*Custom CSS*/
/* Base table styling */
.custom-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #fff;
}

/* Table header */
.custom-table thead th {
  background-color: #f4f6f9;
  color: #333;
  font-weight: 600;
  text-align: left;
  padding: 10px;
  border: 1px solid #ddd;
}

/* Table body */
.custom-table tbody td {
  padding: 10px;
  border: 1px solid #ddd;
  color: #555;
}

/* Hover effect */
.custom-table tbody tr:hover {
  background-color: #f9f9f9;
}

/* Striped rows */
.custom-table tbody tr:nth-child(even) {
  background-color: #fcfcfc;
}

/* Align text */
.custom-table td,
.custom-table th {
  vertical-align: middle;
}