/* TABLES */
table {
  width: 100%;
  overflow-y: auto;
}
table td {
  text-overflow: ellipsis;
  color: var(--main-text-color);
}
table th {
  color: var(--main-text-color);
}
.table td, .table th {
    border-top: 1px solid rgba(var(--main-text-color-rgb),0.1);
}
table .dontcut{
  text-overflow: initial;
  white-space: break-spaces;
}
table.dataTable {
  width: 100%; 
  overflow-y: auto;
}
table.dataTable th:first-child {
  border-left: solid 1px #e2e2e2;
}
table.dataTable th  :last-child {
  border-right: solid 1px #e2e2e2;
}
table.dataTable th {
  border-top: solid 1px #e2e2e2;
  border-bottom: solid 1px #e2e2e2 !important;
}
table.dataTable tr:first-child th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
table.dataTable tr:first-child th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
table.dataTable th {
  background: transparent !important;
  border-width: 0px !important;
  line-height: 20px;
  font-size: .9em;
}
table.dataTable tbody tr:first-child td:first-child {
  border-top-left-radius: 10px;
}
table.dataTable tbody tr:first-child td:last-child {
  border-top-right-radius: 10px;
  border-bottom-width: 0px;
}
table.dataTable tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
table.dataTable tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
table.dataTable td {
  border-bottom: solid 1px rgba(var(--main-text-color-rgb), .1);
  padding: 0.7rem 0.7rem 0.7rem 0.9rem!important;
  background: var(--table-background);
  border-width: 0px !important;
  vertical-align: middle;
  font-size: .9em;
  font-weight: 600;
  color: rgba(var(--main-text-color-rgb), 0.6);
}
table.dataTable.main-table{
  margin-top: 0 !important;
}
table.dataTable.main-table td{
  background: var(--card-background) !important;
  border-bottom: 1px solid rgba(var(--main-text-color-rgb), .1) !important;
}
table.dataTable.main-table th{
  color: var(--main-text-color) !important;
}
table.dataTable.main-table tbody tr:last-child td{
  border-bottom: 0px solid rgba(var(--main-text-color-rgb), .1) !important;
}
table.dataTable.main-table tbody{
  border-radius: 10px;
  box-shadow: 0px 0px 20px 9px var(--card-shadow);
}
.dataTables_wrapper .row:last-child{
  margin-bottom: 2rem;
}
table.dataTable tr td:last-child {
  width: 1%;
  white-space: nowrap;
}
table.dataTable tr td:last-child.normal-width {
  width: auto;
  white-space: initial;
}
div.dataTables_wrapper div.dataTables_filter label {
  display: block !important;
}
div.dataTables_wrapper div.dataTables_filter input {
  width: auto !important;
  margin: 0 !important;
  /* border-radius: 8px;    */
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-color: #e2e2e2;
}
.datatable-custom-input {
  margin-bottom: -15px;
}
.datatable-custom-input input {
  background: url("../images/icons/search_black_24dp.svg") no-repeat scroll 8px 8px;
  padding-left: 35px;
  font-weight: 600;
}
.datatable-custom-input input,
.datatable-custom-input input:focus {
  background-color: #eeeeee;
}
.datatable_utax,
.dataTables_filter input {
  opacity: 1;
}
.datatable_utax.loaded,
.dataTables_filter input.loaded {
  opacity: 1 !important;
}
.datatable_utax_home,
.dataTables_filter input {
  opacity: 1;
}
.datatable_utax_home.loaded,
.dataTables_filter input.loaded {
  opacity: 1 !important;
}

table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:before{
  content: "";
  right: 0;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:before {
  /* right: 1em;
  content: "\2191"; */
  right: 0.5em;
  top: 13px;
  font-family: "Material Icons";
  content: "\e316";
}
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after{
  content: "";
  right: 0;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
  /* right: 0.5em;
  content: "\2193"; */
  right: 0.5em;
  top: 13px;
  font-family: "Material Icons";
  content: "\e313";
}
table.dataTable thead .sorting:after {
  right: 0.5em;
  content: "";
}
table.dataTable thead .sorting:before {
  right: 1em;
  content: "";
}
table.dataTable thead .sorting:hover:after {
  right: 0.5em;
  content: "\e313";
}
table.dataTable thead .sorting:hover:before {
  right: 1em;
  content: "";
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem transparent !important;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}
.page-link,
.page-link:hover,
.page-link:focus{
    color: var(--brand-color);
}
.page-link,
.page-item.disabled .page-link,
.page-link:hover,
.page-link:focus{
  color: var(--brand-color);
  background-color: var(--table-pagination-bg-color);
  border-color: var(--table-pagination-bg-color);
}