/* --------------------------------------------------------------------------------------------- */
/* ######################################### DARK THEME ######################################## */
/* --------------------------------------------------------------------------------------------- */
body.dark table.dataTable { color: #222; }
/* body.dark .dataTables_length select, body.dark .dataTables_filter input { color: #fff; background-color: #131c21; border-color: #131c21; } */
body.dark .dataTables_length select, body.dark .dataTables_filter input { background-color: #505658; color: #fff; }
body.dark table.dataTable tbody tr.odd, body.dark table.dataTable tbody tr.odd + tr.child { background: #464c4e !important; }
body.dark table.dataTable tbody tr.even, body.dark table.dataTable tbody tr.even + tr.child { background: #505658 !important; }  
body.dark table.dataTable tbody tr:hover { color: #fff; }
/* body.dark .dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(.disabled) { color: #fff !important; } */
/* body.dark .dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(.previous):not(.next) { border-color: #fff !important; } */
/* body.dark .dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(.previous):not(.next):hover { border-color: var(--sauco) !important; } */

/* --------------------------------------------------------------------------------------------- */
/* ####################################### STYLE DATATABLE ##################################### */
/* --------------------------------------------------------------------------------------------- */
.dataTables_wrapper { display: flex; flex-flow: column; height: 100%; }
.content_datatable { overflow: auto; width: 100%; flex: 1; }

.dataTables_wrapper label, 
.dataTables_info,
.dataTables_processing, 
.dataTables_paginate { color: #666 !important; font-weight: 400; }

.dataTables_processing { padding: 0; }

table.dataTable.row-border tbody th, 
table.dataTable.row-border tbody td, 
table.dataTable.display tbody th, 
table.dataTable.display tbody td { border: none !important; }

table.dataTable tbody tr.odd > td { background-color: #fff !important; }
table.dataTable tbody tr.even > td { background-color: #edf2f7 !important; }

table.dataTable tbody tr.odd + tr.child, table.dataTable tbody > tr.odd.child:hover { background: #f9f9f9 !important; }
table.dataTable > tbody > tr.child ul.dtr-details { text-align: left; }
table.dataTable > tbody > tr.child span.dtr-title { font-weight: 600 !important; }
table.dataTable > tbody > tr.child span.dtr-data { margin-left: 20px; }
table.dataTable > tbody > tr.child ul.dtr-details>li { display: flex; justify-content: space-between; }

table.dataTable { border: none !important; color: #222; }
table.dataTable thead i { font-size: 20px; margin-right: 5px; }
.dataTables_length select, .dataTables_filter input {
  height: auto !important;
  margin-bottom: 0 !important;
  border-width: 0.1px !important;
  font-size: 11px !important;
  outline: none;
  line-height: 1;
  box-shadow: none; }
.dataTables_wrapper .dataTables_length select { margin: 0 4px; }
table.dataTable thead th, table.dataTable tfoot th {
  z-index: 1;
  position: sticky;
  top: 0;
  padding: 6px 14px;
  background: #768b99;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  border-bottom: none !important;
  border-top: none !important; }
table.dataTable tbody tr { background-color: transparent; }
table.dataTable tbody tr:hover { color: #24927a; }
table.dataTable tbody tr td { line-height: 1.2; font-size: 13px; }
table.dataTable tbody tr td .fa-circle { font-size: 14px; }
table.dataTable tbody tr td.action { white-space: nowrap; }

.dataTables_paginate.paging_simple_numbers > span { margin-right: 3px; }

.dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):not(.next),
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  display: inline-flex;
  justify-content: center;
  align-items: center;  
  width: 36px;
  height: 36px;
  outline: none;
  padding: 0;
  margin-left: 5px;
  border-radius: 50%;
  border: 1px solid #768b99 !important;
  font-weight: 500; }

.dataTables_wrapper .dataTables_paginate .paginate_button { color: #768b99 !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):active {
  background: #768b99 !important;
  color: #fff !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
  box-shadow: 0 0 0 0.1rem rgba(53,132,197,.5) !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:not(.disabled):hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:not(.disabled):hover {
  border-color: #768b99 !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: #aaa !important; }

.dataTables_wrapper .head_datatable { display: flex !important; justify-content: space-between; font-size: 12px; }
.dataTables_wrapper .head_datatable label { display: flex; align-items: center; font-size: 12px !important; }
.dataTables_wrapper .head_datatable label, .dataTables_wrapper .foot_datatable * { font-weight: 500; }
.dataTables_wrapper .foot_datatable .dataTables_info { font-size: 13px !important; } 
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input { width: auto; }