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

/*-------diseño de tabla con divs ------------------*/
.table{
    float:left; position: relative; display: table; width: 100%; font-size: 14px; border-collapse: collapse; overflow: hidden; margin-bottom: 50px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    }
.head{
    display: table-row;
	background-color: rgb(22,176,200); color: rgb(255,255,255); 
    }
.title{
    display: table-cell;
    text-align: left; height: 50px; line-height: 50px; vertical-align: middle; margin: auto; overflow: hidden; 
    }

.title p{
    float:left; position: relative; height: 32px; line-height: 32px; vertical-align: middle; margin: auto; overflow: hidden;  width: calc(100% - 20px); padding-left: 10px; padding-right: 10px;
    }
.row{
    display: table-row; cursor:pointer;
    }
.row:hover .cell{
    background-color: rgb(185,218,255);
    }
.cell{
    display: table-cell;
    vertical-align: middle; margin: auto; overflow: hidden; 
    }
.row:nth-child(even){
    background-color: rgb(255,255,255);
    }
.row:nth-child(odd){
    background-color: rgb(244,247,253);
    }
.cell p{
    float:left; position: relative; height: 44px; line-height: 44px; vertical-align: middle; margin: auto; overflow: hidden; width: calc(100% - 20px); padding-left: 10px; padding-right: 10px; text-align: left; 
    }

.tabla-cnt{
	float:left; position: relative; width: 100%; margin:auto; margin-bottom: 50px; text-align: center; overflow-x: auto;
}

/*-------diseño de tabla con table, th, td, tr ------------------*/
.lst-rsl{
	float:left; position: relative; width: 100%; margin: 0 auto;
}
table {
    width:100%; margin-top: 10px; border-collapse: collapse; 
} 
th {
    /*background-color:rgb(0,195,213);
    color:rgb(255,255,255);*/
    padding:10px;
	font-family: 'Lato', sans-serif;
	border-bottom: 1px solid rgb(240,240,240); font-size: 16px;
} 
tr{
	cursor:pointer;
}
td {
    padding:5px; text-align: left;
}
tr:hover td{
    background-color:rgb(250,250,250);
}
table, td, th {
    /*border: 1px solid rgb(240,240,240);*/
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
td{
	border-bottom: 1px solid rgb(240,240,240);
}
/*
tr:nth-child(odd){
    background-color:rgb(240,240,240);
}
tr:nth-child(even){
    background-color:rgb(255,255,255);	
}
*/
td:first-child{
	width: calc(10% - 20px); text-align: right;
  }
td:nth-child(2){
	width: calc(75% - 20px); text-align: left;
  }
td:last-child {
	width: calc(15% - 20px); text-align: center;
}

.btn-fun{
	width: 30px; height: 30px; color: rgb(255,255,255); line-height: 30px; vertical-align: middle; cursor:pointer; text-align: center; overflow: hidden;
	-webkit-border-radius: 15px; display: block;
	-moz-border-radius: 15px;
	border-radius: 15px;
    }
.btn-fun img{
	width: 30px; height: 30px;
	margin:0 auto; opacity: 0.50;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.btn-fun:hover img{
	/*background-color: rgb(180,180,180);*/
	opacity: 1;
}

.btn-new{
	float:right; position: relative; width: 30px; height: 30px; overflow: hidden; line-height: 30px; vertical-align: middle; text-align: center; cursor:pointer; margin: 10px 0px 10px 10px; z-index: 10000000;  /*margin-left: calc(100% - 30px);*/
    }
.btn-new img{
	width: 30px; height: 30px;
	margin:0 auto; opacity: 0.5;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.btn-new:hover img{
	/*background-color: rgb(180,180,180);*/
	opacity: 1;
}
.buscador-content{
	float:left; position: relative; width: 400px; max-width: 100%; padding: 0px; margin: auto; text-align: left; margin-bottom: 30px;
}
.buscador-content h2{
	float: left; position: relative; width: 100%; margin: auto; margin-bottom: 10px; font-size: 15px; vertical-align: middle; font-weight:normal;
}

.foot{
	float:left; position: relative; width: 100%; text-align: center; margin-top: 30px; margin-bottom: 60px; 
}
/* los 2 sig. es una exepcion, lo utilizo en las busquedas, que no incluye form.css */
input[type="date"],input[type="datetime"],input[type="datetime-local"]{
    float:right;position: relative; display:block; width:auto; font-family: 'Lato', sans-serif; font-size:14px; outline: none; color: rgb(60,60,60); border: 1px solid rgb(215,215,215); background-color:rgb(255,255,255); padding: 10px; margin-bottom: 10px; margin-left: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; 
	}
label{
	float:left; position: relative; width:auto; text-align: left; height: 40px; line-height: 40px; vertical-align: middle; font-family: 'Lato', sans-serif; font-size:14px; color: rgb(60,60,60); margin-bottom: 10px; margin-left: 20px;
	}
/*------ paginacion ------------------------*/
.pgn-ntc{
	position: relative;	width: 100%; margin-top: 10px;
	display: -webkit-flex;
	display: flex;
	webkit-flex-wrap: wrap;
	justify-content: center;
	flex-wrap: wrap;
	}
.pgn-nro{
    height:32px; margin: 0px; margin-right: 10px; cursor:pointer; line-height: 32px; text-align: center; 
	/*border-bottom: 3px solid rgb(255,255,255);*/
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    }
.pgn-nro img{
	width:32px; height:32px;
    }
.pgn-nro:last-of-type{
	margin-right: 0px; 
    }
.pgn-nro:hover{
	/*border-bottom: 3px solid rgb(96,96,96);*/
	}
.pgn-nro-disabled{
	height:32px; margin: 0px; margin-right: 10px; line-height: 35px; text-align: center; 
	/*border-bottom: 3px solid rgb(255,255,255);*/
	color:rgb(147,147,147);
}
.pgn-nro-disabled img{
	width:35px; height:35px; opacity: 0.5;
    }