:root {
  --bs-table-border-color: #e6eef7;
  --bs-table-main-tx-color: #ffffff;
  --bs-table-main-tx-weight: 500;
  --bs-table-main-color: #3d82dd;
  --bs-table-alternate-row-color: #f2f6fc;
  --bs-table-main-disabled-weight: normal;
  --bs-table-main-tx-color-disabled: #a5a5a5;
  --bs-table-main-bg-color-disabled: #f5f5f5;
}
.blue-datatable {
    font-family: "Segoe UI", sans-serif;
    font-size: 14px;
}
.blue-datatable table.dataTable {
    border: 1px solid var(--bs-table-border-color);
}
.blue-datatable table.dataTable thead {
    background-color: var(--bs-table-main-color);
}

.blue-datatable table.dataTable thead th {
    color: var(--bs-table-main-tx-color);
    background-color: 1px solid var(--bs-table-main-color);
    font-weight: 500;
}
.blue-datatable table.dataTable tbody td {
    border-bottom: 1px solid var(--bs-table-main-color) !important;
}
.blue-datatable table.dataTable tbody tr:nth-child(even) {
    background-color: #f4f8ff;
}
.blue-datatable div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-bottom: 1px solid transparent;
}
.blue-datatable table.dataTable tbody tr:nth-child(even) {
    background-color: var(--bs-table-alternate-row-color);
}
.blue-datatable table.dataTable tbody tr:hover {
    background-color: #e7f1ff;
}
.blue-datatable .dataTables_filter input {
    border-radius: 0;
    border: 1px solid #ced4da;
}
.blue-datatable .dataTables_filter input:focus {
    border-color: #0d6efd;
    box-shadow: none;
}
.blue-datatable .dataTables_length select {
    border-radius: 0;
}
.blue-datatable .dataTables_info {
    color: #6c757d;
}
.blue-datatable .pagination {
    margin-top: 10px;
}
.blue-datatable .page-item .page-link {
    color: #0d6efd;
    border: 1px solid #dee2e6;
    background-color: #fff;
    border-radius: 0;
    margin: 0 3px;
}
.blue-datatable .page-item .page-link:hover {
    background-color: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
}

.blue-datatable .page-item.active .page-link {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

.blue-datatable .page-item.disabled .page-link {
    color: #adb5bd;
    background-color: #f8f9fa;
    border-color: #dee2e6;
}

.blue-datatable .dt-length label {
 text-transform: capitalize;
 margin-left: 5px;
 font-weight: 500;
}
.blue-datatable .dt-search label {
 text-transform: capitalize;
 font-weight: 500;
}
.blue-datatable .dt-info {
 text-transform: capitalize;
 font-weight: 500;
}
.blue-datatable .dt-column-title {
 text-transform: none;
}
.blue-datatable div.dt-container .dt-search input {
  border: 1px solid var(--bs-table-main-color);
  border-radius: 0;
}
.blue-datatable div.dt-container .dt-input {
  border: 1px solid var(--bs-table-main-color);
  border-radius: 0;
}

.blue-datatable div.dt-container .dt-paging .dt-paging-button.first::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f048";
    font-weight: 900;
}
.blue-datatable div.dt-container .dt-paging .dt-paging-button.previous::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f0d9";
    font-weight: 900;
}
.blue-datatable div.dt-container .dt-paging .dt-paging-button.next::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f0da";
    font-weight: 900;
}
.blue-datatable div.dt-container .dt-paging .dt-paging-button.last::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f051";
    font-weight: 900;
}

.blue-datatable div.dt-container .dt-paging .dt-paging-button.current,
.blue-datatable div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: var(--bs-table-main-tx-color) !important;
  font-weight: var(--bs-table-main-tx-weight);
  background: none;
  border-radius: 0;
  border: 1px solid var(--bs-table-main-color);
  background-color: var(--bs-table-main-color);
}
.blue-datatable div.dt-container .dt-paging .dt-paging-button.disabled,
.blue-datatable div.dt-container .dt-paging .dt-paging-button.disabled:hover,
.blue-datatable div.dt-container .dt-paging .dt-paging-button.disabled:active {
  cursor: default;
  color: var(--bs-table-main-tx-color-disabled) !important;
  font-weight: var(--bs-table-main-disabled-weight);
  border: 1px solid var(--bs-table-main-bg-color-disabled);
  border-radius: 0;
  background: var(--bs-table-main-bg-color-disabled);
  box-shadow: none;
}
.blue-datatable div.dt-container .dt-paging .dt-paging-button:hover {
  color: var(--bs-table-main-tx-color) !important;
  font-weight: var(--bs-table-main-tx-weight);
  border: 1px solid var(--bs-table-main-color);
  border-radius: 0;
  background: none;
  background-color: var(--bs-table-main-color);
}
.blue-datatable div.dt-container .dt-paging .dt-paging-button:active {
  outline: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  background-color: var(--bs-table-main-color);
}
.blue-datatable table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date {
  text-align: left;
}

.blue-datatable table.dataTable th.dt-type-numeric div.dt-column-header,
.blue-datatable table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header,
.blue-datatable table.dataTable th.dt-type-date div.dt-column-footer {
  flex-direction: row;
}

.blue-datatable .dt-search input {
    height: 36px;
}
.blue-datatable .dt-search .square-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.blue-datatable .dt-search .square-btn:hover {
    opacity: 0.85;
}
.blue-datatable .dt-search .square-btn i {
    font-size: 20px;
}