:root {
    --dt-background-color: #fff;
    --dt-text-align: left;
    --dt-padding: 0;

    --dt-button-background-color: rgba(138, 145, 150, 1);
    --dt-button-border-radius: .8rem;
    --dt-button-color: #fff;
    --dt-button-margin-right: .75rem;
    --dt-button-padding: .2rem .6rem;

    --dt-filter-background-color: rgba(138, 145, 150, .4);
    --dt-filter-border-radius: var(--dt-button-border-radius);
    --dt-filter-color: #fff;
    --dt-filter-margin-left: var(--dt-button-margin-right);
    --dt-filter-padding: var(--dt-button-padding);
    --dt-filter-text-indent: .25rem;

    --dt-length-border-radius: .2rem;
    --dt-length-margin: 0 5px;

    --dt-header-color: #000;
    --dt-header-border-top: none;
    --dt-header-border-bottom: none;

    --dt-body-border-bottom: 1px solid #f3f3f3;
    --dt-body-color: #55595c;
    --dt-body-selected-background-color: var(--very-transparent-main-color);

    --dt-paging-background-color: rgba(138, 145, 150, .4);
    --dt-paging-border: none;
    --dt-paging-border-radius: .6rem;
    --dt-paging-color: #787878;
    --dt-paging-margin: .4rem;
    --dt-paging-padding-vertical: .65rem;
    --dt-paging-padding-horizontal: calc(var(--dt-paging-padding-vertical) + .25rem);
}

.dataTables_wrapper {
    padding: var(--dt-padding);
}

.dataTables_wrapper .dataTables_filter {
    float: left;
    margin-left: var(--dt-filter-margin-left);
}

.dataTables_wrapper .dataTables_filter input {
    background-color: var(--dt-filter-background-color);
    border-radius: var(--dt-filter-border-radius);
    color: var(--dt-filter-color);
    padding: var(--dt-filter-padding);
    text-indent: var(--dt-filter-text-indent);
}

.dataTables_wrapper .dataTables_filter input::placeholder {
    color: var(--dt-filter-color) !important;
}

.dataTables_wrapper .dataTables_length {
    float: right;
}

.dataTables_wrapper .dt-buttons {
    /* Para contrarrestar el margen del último botón */
    margin-right: calc(var(--dt-button-margin-right) * -1);
}

.dataTables_wrapper .dt-buttons button {
    background-color: var(--dt-button-background-color);
    border-radius: var(--dt-button-border-radius);
    color: var(--dt-button-color);
    margin-right: var(--dt-button-margin-right);
    padding: var(--dt-button-padding);
}

.dataTables_wrapper .dataTables_length select {
    margin: var(--dt-length-margin);
    border-radius: var(--dt-length-border-radius);
}

table.dataTable > thead > tr {
	background-color: var(--dt-background-color) !important;
}

table.dataTable > thead > tr > th {
    color: var(--dt-header-color);
    text-align: var(--dt-text-align);
    border-top: var(--dt-header-border-top);
    border-bottom: var(--dt-header-border-bottom);
}

table.dataTable > tbody > tr {
    background-color: var(--dt-background-color);
}

table.dataTable > tbody > tr > td {
    text-align: var(--dt-text-align);
    color: var(--dt-body-color);
}

table.dataTable > tbody > tr:last-child > td {
    border-bottom: var(--dt-body-border-bottom);
}

.pagination .page-link {
	padding: var(--dt-paging-padding-vertical) var(--dt-paging-padding-horizontal);
	color: var(--dt-paging-color);
	background-color: var(--dt-paging-background-color);
    border: var(--dt-paging-border);
    border-radius: var(--dt-paging-border-radius) !important;
    margin-left: var(--dt-paging-margin);
    font-family: "Ubuntu Regular";
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    padding: var(--dt-paging-padding-vertical) calc(var(--dt-paging-padding-horizontal) * 2);
}

.pagination .page-item:first-child .page-link {
	font-family: "Ubuntu Regular";
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr.selected td,
table.dataTable tbody > tr > .selected {
	background: var(--bs-primary-light) !important;
    color: var(--dt-body-color);
}

.table-striped tbody tr:nth-of-type(odd) {
/*   background-color: rgba(59, 111, 121, 0.1); */
}

table.dataTable tbody tr.selected {
    background-color: var(--bs-primary-light) !important;
}

.selected-tab{
    border: 2px solid #63a2ad !important;
    border-bottom-width: 0px !important;
/*     box-shadow: inset 2px 2px 5px 0px #518f9d !important; */
    color: #1f606b;
    background-color:#63a2ad;
}

.selected-tab a{
    color: white !important;
}
.dt-button-collection .dt-button{
  background-color: white;
}