@charset "utf-8";
/* CSS Document */


    table {marging: 0px;width: 15em;
      border-collapse: collapse;
      font-size: 15px; 
     
}
     
    th, td {padding: 6px;
      border: 1px solid rgba(223,236,255,1.00);
    }
	
/* Estilo para la primera fila (encabezados) */
   th {text-align:start;
      background-color: rgba(9,96,201,1);
      color: white;
      font-weight: bold;
    }

  .one {padding-left: 10px}

    /* Estilo para la última fila */
    tr:last-child {
      background-color: rgba(9,96,201,1);
      color: white;
      font-weight: bold;
    }
 /* Estilo para la primera columna */
    td:nth-child(1) {
      text-align: left; padding-left: 10px
    }
    /* Estilo para la segunda columna */
    td:nth-child(2) {
      text-align: right;
		padding-right: 12px; 
		
    }

 /* Estilo para las filas pares */
    tr:nth-child(even):not(:first-child):not(:last-child) {
      background-color: rgba(9,96,201,0.25);
      color: rgba(5,56,118,1);
    }

    /* Estilo para las filas impares */
    tr:nth-child(odd):not(:first-child):not(:last-child) {
      background-color: rgba(9,96,201,0.5);
      color:  rgba(5,56,118,1); 
    }


/* ------------------------- */
/* BOTONES PARA TABLAS*/
/* ------------------------- */


.tabla{margin: 0px;
	padding: 0px;
	border-top: thin solid rgba(50,68,207,0.20)}



.btn-abrir-tabla { background-color: rgba(173,219,228,0.8);
	border-radius: 50px;
	border-color: none;
	font-size: 15px;
	font-family: arial;
	display: inline-block;
	font-style:normal;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px;
	cursor: pointer;
	color: rgba(0,0,139,0.51);
	transition: .1s ease all;	
 	border-style: none;
  	border-width: 0.1px;}

.btn-abrir-tabla:hover {width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #64B2BB;
	color: white;
	font-weight:100;
	font-style: italic}



.popup_tabla .btn-cerrar-tabla {
	font-size: 15px;
	line-height: 0px;
	display: block;
	text-align: right;
	margin-bottom: -20px;
	margin-right: 8px;
	margin-top: 4px;
	transition: .3s ease all;
	color: #BBBBBB;
	}



.popup_tabla .btn-cerrar-tabla:hover {
	color: rgba(252,7,7,1.00);}
	
	
	
.popup_tabla {
	background: #C4E8F7; 
	color: rgba(0,0,139,1.00);
	border-radius: 2px;
	font-family: 'Montserrat', sans-serif;
	padding: 0px;
	text-align: left;
	width: inherit;
	transition: .3s ease all;
	transform: scale(0.7);
	opacity: 0;  
	max-height: 180vh;
	overflow-y: auto;
	line-height: 13px;
	box-shadow: 2px 2px 10px 2px rgba(0,31,115,.40)
		}


.h3_popup_tabla {font-family: arial;
	box-shadow: none;
	border: none;
	background-color: rgba(255,255,255,0.00);
	margin: 0px; 
	padding-top: 25px ;
	border-radius: 1px 1px 0px 0px;
	position:relative;
	z-index: -5;
	text-align: center;
	text-justify:inter-word;
	font-weight: bold;
	font-size: 15px;
	line-height: 12px;
	opacity: 0;
	transition: .3s ease all;
			}


.h3_popup_tabla p {font-size: 14px;
	font-weight: bold;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px 0px;
	margin-left: 0px;
	opacity: 0;transition: .3s ease all;
			}


/* ------------------------- */
/* ANIMACIONES */
/* ------------------------- */


.popup_tabla.active {transform: scale(1); opacity: 1; }
.popup_tabla.active h3 { animation: entradaTitulo .8s ease .5s forwards; }
.popup_tabla.active h3 p { animation: entradaTitulo .8s ease .5s forwards; }
.popup_tabla.active h4 { animation: entradaSubtitulo .8s ease .5s forwards; }
.popup_tabla.active p { animation: entradaSubtitulo .8s ease .5s forwards; }
.popup_tabla.active li { animation: entradaTitulo .8s ease .5s forwards; }
.popup_tabla.active .contenedor-inputs { animation: entradaInputs 1s linear 1s forwards; }