.tablaLista1{
    width:100%;
    background-color: #fff;
    border-collapse: collapse;
    font-size:12px;
    border:thin solid gray;
}
.tablaLista1 td{
    padding:5px;
    border-bottom: thin solid #ddd;
    color:#555;  
}
.tablaLista1 th{
    background-color: white;
    border-bottom: thin solid #333;
    border-top: thin solid #006ee0;
    color:#666;    
    text-align: left;
    padding:5px;
}
.tablaLista1 th input[type="text"]{
    width:100%;
    height:100%;
    border-radius: 0px;
    margin:0px;
}
.tablaLista1 tr:hover{
    background-color: #CCC;
    color:#000;    
    cursor:pointer;
}
.tablaLista1 caption{
    font-size: 18px;
    color: #006ee0;
    padding:5px;    
}
.tablaLista1.striped tr:nth-child(even) {
  background-color: #f2f2f2;
}
.tablaLista1.striped tr:nth-child(even):hover {
  background-color: #ccc;
    cursor:pointer;
}
.tablaLista1 tr.active{
    background-color: #FF9;
}
.tablaLista2{
    width:96%;
    border-collapse: collapse;
    margin:auto;
    margin-top:10px;
    margin-bottom:25px;
    font-size:12px;
}

.tablaLista2 td{
    padding:0px;
    border-bottom: thin solid #ccc;
    
}

.tablaLista2 th{
    padding:5px;
    background-color: #3a3f46;
    color:white;
    border: thin solid #333;
    
}

.tablaLista2 tr.active{
    background-color: #FF9;
}

.tablaLista2 input[type="text"]{
}

.tablaLista2 label {
        width:100%;
        font-style: italic;
        color:blue;
        padding-left:8px;
        display:block;
}

.tablaLista2 textarea {
    width:100%;
    min-height: 250px;
}


.tablaLista3{
    width:96%;
    background-color: #fff;
    border-collapse: collapse;
    margin:auto;
    margin-top:10px;
    margin-bottom:25px;
    font-size:12px;
    border-radius: 10px;
}

.tablaLista3 td{
    padding:5px;
    border: thin solid #ccc;
    
}
.tablaLista3 td input[type="text"]{
    border: thin solid #ccc;
    width:100%;
    
}

.tablaLista3 th{
    padding:5px;
    background-color: #3a3f46;
    color:white;
    border: thin solid #333;
    text-align: left;
    
}


.tablaCriterios{
    border-collapse: collapse;
    margin-top:10px;
    margin-bottom:25px;
    font-size:12px;
}

.tablaCriterios td{
    padding:0px;
    border: none;
    
}
.tablaCriterios input[type="text"]{
    margin:0px;    
    border-radius: 0px;
}


.table1{
        width:100%;
        display:table;
        border-collapse: collapse;
        
}

.table1 td{
        border:thin solid #CCC;
        padding: 0px;
}
.table1 td input {
        border:none;
        margin:0px;
        border-radius: 0px;
        width:100%;
        height:100%;
}
/* DIV TABLE */
.div-table1{
  width: 96%;
  display: flex;
  flex-direction: column;
  margin-top: 25px;
  font-size: 14px;
}
.div-table1 .row{
    width:100%;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    align-items:  center;
}
.div-table1 .row input, select, textarea  {
    border-radius: 0px;
    margin-bottom: 0px;
}
.div-table1 .row span{
    color:red;
    font-style: italic;
    font-size:11px;
    height: 7px;
}
.div-table1 .row textarea{
    min-height: 200px;
    width:100%;
}
.div-table1 .column{
    display:flex;
    flex-direction: row;
    justify-content: flex-end;
}
.div-table1 .column button{
    height: 28px;
}
.div-table1 .row label{
    min-width: 400px;
    display:block;
}

.div-table2{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 14px;
  background-color:white;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 3px 3px 8px gray;
}
.div-table2 .row{
    width:100%;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    align-items:  center;
}
.div-table2 .row input, select, textarea  {
    border-radius: 0px;
    margin-bottom: 0px;
}
.div-table2 .row .span{
    color:red;
    font-style: italic;
    font-size:11px;
    height: 7px;
}
.div-table2 .row textarea{
    min-height: 100px;
    width:95%;
}
.div-table2 .column{
    display:flex;
    flex-direction: row;
    justify-content: flex-end;
}
.div-table2 .column button{
    height: 28px;
}
.div-table2 .row .label{
    min-width: 400px;
    display:block;
}


@media only screen and (max-width: 600px){
	.table1 {
		font-size:10px;
	}
	.table1 td input {
		font-size:10px;
		padding:2px;
	}
        .tablaLista1{
            font-size:10px;
        }
        .tablaLista1 td{
            padding:1px;
        }


}
@media only screen and (max-width: 800px){
        .div-table1{
          width: 300px;
        }
        .div-table1 .row{
            flex-direction: column;
            align-items:  flex-start;
        }
        .div-table2{
          width: 300px;
        }
        .div-table2 .row{
            flex-direction: column;
            align-items:  flex-start;
        }
}

.table-opciones {
    width:95%;
    margin-bottom: 25px;
}
.table-opciones th{
    background-color: #CCC;
    text-align: left;
}
.table-opciones td{
    text-align: left;
}



.tablaLista4{
    width:96%;
    border-collapse: collapse;
    margin:auto;
    margin-top:10px;
    margin-bottom:25px;
    font-size:12px;
}

.tablaLista4 td{
    padding:0px;    
}

.tablaLista4 td input[type="text"] {
		width:100%;
		margin:0px;
		margin-top:2px;
		margin-bottom:2px;
}
.tablaLista4 th{
    padding:5px;
    background-color: #3a3f46;
    color:white;
    border: thin solid #333;
    
}

.tablaLista4 tr.active{
    background-color: #FF9;
}

.tablaLista4 input[type="text"]{
}

.tablaLista4 label {
        width:100%;
        font-style: italic;
        color:blue;
        padding-left:8px;
        display:block;
}

.tablaLista4 textarea {
    width:100%;
    min-height: 250px;
}
/*TABLA 5*/ 
.tablaLista5{
    width:100%;
    background-color: #fff;
    border-collapse: collapse;
    font-size:12px;
    border:thin solid gray;
}
.tablaLista5 td{
    padding:5px;
    color:#555;  
}
.tablaLista5 th{
    background-color: white;
    border-bottom: thin solid #333;
    border-top: thin solid #006ee0;
    color:#666;    
    text-align: left;
    padding:5px;
}
.tablaLista5 th input[type="text"]{
    
    width:100%;
    height:100%;
    border-radius: 0px;
    margin:0px;
}
.tablaLista5 td input[type="text"]{
    
    width:100%;
    height:100%;
    border-radius: 0px;
    margin:0px;
}
.tablaLista5 caption{
    font-size: 18px;
    color: #006ee0;
    padding:5px;    
}
.tablaLista5 tr.active{
    background-color: #FF9;
}

.tablaLista6{
    width:100%;
    border-collapse: collapse;
    font-size:12px;
}
.tablaLista6 fieldset {
    padding:15px;
    border-radius: 10px;
}
.tablaLista6 td{
    color:#555;  
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
}
.tablaLista6 th{
    color:#666;    
    text-align: left;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
}
.tablaLista6 td input[type="text"], input[type="search"],  input[type="number"]{
    width:100%;
    height:100%;
    border-radius: 0px;
    margin:0px;
}
.tablaLista6 caption{
    font-size: 18px;
    color: #006ee0;
    padding:5px;    
}
.tablaLista6 tr.active{
    background-color: #FF9;
}
.invisible{
    display: none;
}
.tablaLineada{
    width:100%;
    border-collapse: collapse;
}
.tablaLineada td{
    border: thin solid #CCC1DD;
}
.tablaLista7{
    width:100%;
    background-color: transparent;
    border-collapse: collapse;
    font-size:12px;
    border:thin solid gray;
    box-shadow: 2px 2px 3px gray;
}
.tablaLista7 td{
    padding:5px;
    border-bottom: thin solid #ddd;
    color:#555;  
}
.tablaLista7 th{
    background-color: transparent !important;
    border-bottom:  thin solid #999 !important;
    border-top:     thin solid #999 !important;
    color:black;    
    text-align: left;
    padding:5px;
}
.tablaLista7 th input[type="text"]{
    
    width:100%;
    height:100%;
    border-radius: 0px;
    margin:0px;
}

.tablaLista7 caption{
    font-size: 18px;
    color: #006ee0;
    padding:5px;    
}
.tablaLista7 tr.active{
    background-color: #FF9;
}
.tablaLista8{
    width:100%;
    background-color: transparent;
    border-collapse: collapse;
    font-size:12px;
    border-top:   thin solid gray;
    border-bottom:thin solid gray;
}
.tablaLista8 td{
    padding:5px;
    border-bottom: thin solid #ddd;
    color:#555;  
}
.tablaLista8 th{
    background-color: white;
    border-top:    thin solid #333;
    border-bottom: thin solid #999;
    color:#666;    
    text-align: left;
    padding:5px;
}
.tablaLista8 th input[type="text"]{
    
    width:100%;
    height:100%;
    border-radius: 0px;
    margin:0px;
}

.tablaLista8 caption{
    font-size: 18px;
    color: #006ee0;
    padding:5px;    
}

.tablaLista8 tr.active{
    background-color: #FF9;
}

.tablaLista9{
    width:96%;
    background-color: #fff;
    border-collapse: collapse;
    margin:auto;
    font-size:12px;
}
.tablaLista9 td{
    padding:5px;
    border: thin solid #ccc;
}
.tablaLista9 td input[type="text"]{
    border: thin solid #ccc;
    width:100%;
}
.tablaLista9 th{
    padding:5px;
    background-color: #ccc;
    color:black;
    border: thin solid #ccc;
}

.tablaLista10{
    width:90%;
    background-color: #fff;
    border-collapse: collapse;
    margin-left:auto;
    margin-right: auto;
    font-size:12px;
}
.tablaLista10 td{
    border: none;
    padding-left: 10px;
    padding-right:  10px;
}
.tablaLista10 td input[type="text"]{
    border: thin solid #ccc;
    width:100%;
}
.tablaLista10 th{
    padding-top:10px;
    padding-left: 10px;
    padding-right:  10px;
    color:black;
    border: none;
    text-align: left;
}

.tablaLista11{
    width:90%;
    background-color: #fff;
    border-collapse: collapse;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:auto;
    margin-right: auto;
    font-size:12px;
    border:none;
    box-shadow: 1px 1px 5px gray;
}
.tablaLista11 td{
    padding:5px;
    color:#666;;
    border: thin solid #f1f1f1;
    text-align: left;
}
.tablaLista11 td input[type="text"]{
    border: thin solid #ccc;
    width:100%;
}
.tablaLista11 th{
    padding:5px;
    color:black;
    border: thin solid #f1f1f1;
    text-align: left;
}


.tablaLista12{
    background-color: #fff;
    border-collapse: collapse;
    font-size:12px;
    border:thin solid black;
}
.tablaLista12 td{
    padding:5px;
    color:#666;;
    border: thin solid #f1f1f1;
    text-align: left;
}
.tablaLista12 td input[type="text"]{
    border: thin solid #ccc;
    width:100%;
}
.tablaLista12 th{
    padding:5px;
    color:black;
    border: thin solid #f1f1f1;
    text-align: left;
}
.border-collapse { border-collapse: collapse; }