:root {
    --colortablenca: #3f3e3e;
    --white: #ffffff;
    --colorgris1: #A4A4A4;
}




.tabladetalle {
    /*border: none;
    border-right: solid 1px #06dada;*/
   /* border-collapse: separate; *//*separate ó collapse*/
    border-spacing: 0;
    white-space: wrap; /*nowrap;*/
    text-align: left;
    font-size: small;
    z-index: 1; 
    position: relative;

  
}

.tablagral {
    /*border: none;
    border-right: solid 1px #06dada;*/
   /* border-collapse: separate; *//*separate ó collapse*/
    border-spacing: 0;
    white-space: wrap; /*nowrap;*/
    text-align: left;
   
    z-index: 1; 
    position: relative;

    text-align: center;
  
}


.table.dataTable td, .table.dataTable th {
    padding: 1rem;
    vertical-align: middle;
    /*border-top: 1px solid #3493f1;*/
}


table.dataTable {
    border-collapse:unset;
    border-spacing: 0;
  
  }

.theadtabla {
    position: sticky;
    top: 0px;
    background-color: var(--colortablenca);
    z-index: 1;
    color: var(--white);

    /*text-shadow: 1px 1px 1px #fff;*/
}



table.dataTable tr.odd {
    /*background-color: #E2E4FF;*/
    background-color:cornsilk;
}

table.dataTable tr.even {
    background-color: white;
}



table.dataTable tr.odd td.sorting_1 {
    background-color: #D3D6FF;
}

table.dataTable tr.odd td.sorting_2 {
    background-color: #DADCFF;
}

table.dataTable tr.odd td.sorting_3 {
    background-color: #E0E2FF;
}


table.dataTable tr.even td.sorting_1 {
    background-color: #EAEBFF;
}

table.dataTable tr.even td.sorting_2 {
    background-color: #F2F3FF;
}

table.dataTable tr.even td.sorting_3 {
    background-color: #F9F9FF;
}


/*
* Table wrapper
*/
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
}


/*
* Page length menu
*/
.dataTables_length {
    float: left;
    margin-left: 25px;
}


/*
* Filter
*/
.dataTables_filter {
    float: right;
    text-align: right;

}

/* color al select
.dataTables_length select {
background-color: red;
}
*/
/*colo back search texto*/
.dataTables_filter input {
    /*background-color: rgb(214, 207, 207);*/
    margin-right: 25px;
}



/*
* Pagination
*/
.dataTables_paginate {
    float: right;
    text-align: right;
   
    
}

/*paginas table*/
.page-item.active .page-link {
    background-color: pink;
    border-color: brown;
    color: #8A0829;
}

.page-item .page-link:hover {
    background-color: pink;
    border-color: brown;
    color: #8A0829;
}



/*
* Processing indicator
*/
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}




table.dataTable th:active {
    outline: none;
}



