/*Form fields*/
.dataTables_wrapper select{
    padding-right: 1.7rem !important;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e);
    color: #4a5568 !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem ;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    line-height: 1.25rem !important;
    font-size: 0.875rem;
    border-width: 1px !important;
    border-radius: 0.375rem !important;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity)) !important;
    background-color: #fff !important;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    --tw-border-opacity: 1;
    --tw-ring-color: #4338ca;
}

.dataTables_wrapper .dataTables_filter input {
    color: #4a5568 !important;
    margin-left: 0.3rem;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem ;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    line-height: 1.25rem !important;
    font-size: 0.875rem;
    border-width: 1px !important;
    border-radius: 0.375rem !important;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity)) !important;
    background-color: #fff !important;
    --tw-border-opacity: 1;
    --tw-ring-color: #4338ca;
}

/*Row Hover*/
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #ebf4ff;  /*bg-indigo-100*/
}

/*Pagination Buttons*/
.dataTables_wrapper .dataTables_paginate .paginate_button       {
    font-weight: 300 !important;               /*font-bold*/
    border-radius: .25rem;          /*rounded*/
    border: 1px solid transparent;  /*border border-transparent*/
    font-size: 0.75rem;
    line-height: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    letter-spacing: 0.1em;
}

/*Pagination Buttons - Current selected */
.dataTables_wrapper .dataTables_paginate .paginate_button.current   {
    color: #fff !important;             /*text-white*/
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);    /*shadow*/
    font-weight: 300 !important;                   /*font-bold*/
    border-radius: .25rem;              /*rounded*/
    background: #374151 !important;     /*bg-indigo-500*/
    border: 1px solid transparent;      /*border border-transparent*/
    font-size: 0.75rem;
    line-height: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    letter-spacing: 0.1em;
}

/*Pagination Buttons - Hover */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover     {
    color: #ffffff !important;             /*text-white*/
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);     /*shadow*/
    font-weight: 300 !important;                    /*font-bold*/
    border-radius: .25rem;              /*rounded*/
    background: #1f2937 !important;     /*bg-indigo-500*/
    border: 1px solid transparent;      /*border border-transparent*/
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .paginate_button.disabled:active {
    cursor: default;
    color: #ffffff !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

/*Add padding to bottom border */
table.dataTable.no-footer {
    border-bottom: 1px solid #e2e8f0;   /*border-b-1 border-gray-300*/
    margin-top: 0em;
    margin-bottom: 0em;
}

/*Change colour of responsive icon*/
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    background-color: #1f2937 !important; /*bg-indigo-500*/
}

.dataTables_wrapper .dataTables_scroll {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    background: #374151 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #ffffff !important;
    background: #1f2937 !important;
}

/*color de bordes de la tabla*/
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #e5e7eb;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid rgba(229, 231, 235, 0);
}

.dataTables_info{
    font-size: 0.875rem;
    line-height: 1.25rem;
}

/*label de buscar*/
.dataTables_filter label{
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.dataTables_length label{
    font-size: 0.875rem;
    line-height: 1.25rem;
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 400;
    background: #f9fafb;
}

table.dataTable {
    border-collapse: collapse;
}
.dataTables_processing {
    z-index: 99;
}