/*contenor para las tablas muy anchas nuevo*/
.table-scroll {
position: relative;
width:100%;
z-index: 1;
margin: auto;
overflow: auto;
height: 350px;
max-width: 100%;
box-sizing: border-box;
padding: 0 2% 4vh 2%;
border-top: 2px solid #D8D8D8;

}
.table-scroll table {
  width: 100%;
  min-width: 1280px;
  margin: auto;

}
.table-wrap {
  position: relative;

}
.table-scroll th,
.table-scroll td {
padding: 5px 10px;
vertical-align: middle;

}
.table-scroll thead th {
position: -webkit-sticky;
position: sticky;
top: 0;
background: white;
}

.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index:500;
}

thead th:first-child,
tfoot th:first-child {
z-index: 5;
top: 0;
}
table.table tr td{
text-transform: uppercase;    
}

table.table tr th{
text-transform: uppercase;    
}

thead{
border-bottom: 2px solid #D8D8D8;    
}
/*contenor para las tablas muy anchas viejo*/
.contenedor99 {
    margin: 0 auto;
    border: 0px solid transparent;
    height:40vh;
    width:100%;
    max-width: 100%;
    overflow:auto;
    box-sizing: border-box;
    padding: 2vh 0 4vh 0;
}

/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

.contenedor99::-webkit-scrollbar {
    -webkit-appearance: none;
}

.contenedor99::-webkit-scrollbar:vertical {
    width:10px;
}

.contenedor99::-webkit-scrollbar-button:increment,.contenedor99::-webkit-scrollbar-button {
    display: none;
} 

.contenedor99::-webkit-scrollbar:horizontal {
    height: 10px;
}

.contenedor99::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 0px solid #f1f2f3;
}

.contenedor99::-webkit-scrollbar-track {
    border-radius: 10px;  
}
/*fin de tablas*/

th{
vertical-align: top;
font-weight: bold;    
}
/* boton de cerrar modal*/
.close {
  position: absolute;
  right: 50px;
  top: 28px;
  width: 20px;
  height: 32px;
  opacity: 0.3;
  cursor:pointer;

}
.close:hover {
  opacity: 1;
 
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}
/*descarga*/
.imgea{
width:25%;
/*height:25%;*/
padding: 0% 1% 0% 0%;    
}
.ir{
cursor: pointer; 
vertical-align: middle; 
padding: 3% 1% 3% 0%;   
text-align: right;   
}

/*menu anterior*/ 
ul li.disabled{
width: 80px;    
background: #7A00FF;
text-align: center;
font-size: 14px;
color: white;
text-decoration: none;
display: block;
border:1px solid #7A00FF;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
padding: 8px 10px 8px 10px;
font-family: arial, serif;
cursor: not-allowed;
margin-left: 0;
float: left;
}

ul li.lado1l1{
width: 80px;  
background: #7A00FF;
margin-left: 0;
float: left;
text-align: center;
font-size: 14px;
color: white;
text-decoration: none;
display: block;
border:1px solid #7A00FF;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
padding: 8px 10px 8px 10px;
font-family: arial, serif;
cursor: pointer;    
}
ul li.lado1l1:hover{
color:white;   
background:#A4A4A4; 
cursor:pointer;
border:1px solid #A4A4A4;
}
/*donde esta parado*/
ul li.lado11{
width: 50px;    
cursor: not-allowed;
border:1px solid #A4A4A4;    
padding: 8px 8px 8px 8px;
background: #A4A4A4;
margin-left: 0;
float: left;
text-align: center;
font-size: 14px;
color: white;
text-decoration: none;
display: block;
font-family: arial, serif;
}
/*pasra escoger*/
ul li.lado12{
width: 50px;      
text-align: center;    
border:1px solid #BDBDBD;    
padding: 8px 8px 8px 8px;
background: transparent;
margin-left: 0;
float: left;
text-align: center;
font-size: 14px;
color: #7A00FF;
text-decoration: none;
display: block;
font-family: arial, serif;
}
ul li.lado12:hover{
color:white;   
background:#A4A4A4; 
cursor:pointer;
border:1px solid #A4A4A4; 
}
/*que son los tres puntos*/
ul li.lado1{
width: 50px;     
padding: 8px 8px 8px 8px;
border:1px solid #BDBDBD;
background: transparent;
margin-left: 0;
float: left;
text-align: center;
font-size: 14px;
color:#7A00FF;
text-decoration: none;
display: block;
font-family: arial, serif;
cursor: not-allowed;
}
/*son muchos*/
ul li.lado1t{
width: 50px;    
border:1px solid #BDBDBD;    
padding: 8px 8px 8px 8px;
background: transparent;
margin-left: 0;
float: left;
text-align: center;
font-size: 14px;
color: #7A00FF;
text-decoration: none;
display: block;
font-family: arial, serif;
}
ul li.lado1t:hover{
color:white;   
background:#A4A4A4; 
cursor:pointer;
border:1px solid #A4A4A4; 
}


/*menu sig*/
ul li.disabled1{
width: 80px;    
background: #7A00FF;
margin-left: 0;
float: left;
text-align: center;
font-size: 14px;
color: white;
text-decoration: none;
display: block;
border:1px solid #7A00FF;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
padding: 8px 10px 8px 10px;
font-family: arial, serif;
cursor: not-allowed;

}

ul li.lado1l{
width: 80px;     
background: #7A00FF;
margin-left: 0;
float: left;
text-align: center;
font-size: 14px;
color: white;
text-decoration: none;
display: block;
border:1px solid #7A00FF;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
padding: 8px 10px 8px 10px;
font-family: arial, serif;
}
ul li.lado1l:hover{
color:white;   
background:#A4A4A4; 
border:1px solid #A4A4A4;
cursor:pointer
}
/*fin sig*/