button[id="searchIdR"]:hover:after
{ 
	content: "BUSCAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 30px;
  	margin-top: 10px;
  	font-size: 13px;
  	text-align: center;	
}
button[id^="removeRows"]:hover:after
{ 
	content: "ELIMINAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id^="promoRows"]:hover:after
{ 
	content: "PROMO"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id^="carruselRows"]:hover:after
{ 
	content: "CARGAR CARRUSEL"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="desasociarRows"]:hover:after
{ 
	content: "DESASOCIAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="asociarRows"]:hover:after
{ 
	content: "ASOCIAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="addRows"]:hover:after
{ 
	content: "AGREGAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="addRowsM"]:hover:after
{ 
	content: "AGREGAR MASIVO"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="FacRowsM"]:hover:after
{ 
	content: "FACTURAR MASIVO"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="SelectAll"]:hover:after
{ 
	content: "SELECCIONAR TODO"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 0px;
  	margin-top: -60px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="SelectCorreo"]:hover:after
{ 
	content: "SELECCIONAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 0px;
  	margin-top: -60px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="modRows"]:hover:after
{ 
	content: "MODIFICAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 30px;
  	margin-top: 10px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="modRowsF"]:hover:after
{ 
	content: "MODIFICAR NUMERO FACTURA"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 30px;
  	margin-top: 10px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="FactRows"]:hover:after
{ 
	content: "FACTURAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 30px;
  	margin-top: 10px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="modRowsU"]:hover:after
{ 
	content: "MODIFICAR USUARIO"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 30px;
  	margin-top: 10px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="detRows"]:hover:after
{ 
	content: "DETALLE"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 30px;
  	margin-top: 10px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="relRows"]:hover:after
{ 
	content: "RELACIONAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 30px;
  	margin-top: 10px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="AceptarRows"]:hover:after
{ 
	content: "ACEPTAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="RechazarRows"]:hover:after
{ 
	content: "RECHAZAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="FinalizarRows"]:hover:after
{ 
	content: "FINALIZAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="CancelarRows"]:hover:after
{ 
	content: "CANCELAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
}
button[id="SiguientePasoRows"]:hover:after
{ 
	content: "Siguiente Paso"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 30px;
  	margin-top: 10px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="ActivarRows"]:hover:after
{ 
	content: "ACTIVAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="InfRegistro"]:hover:after
{ 
	content: "TERMINOS Y CONDICIONES"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: -80px;
  	margin-top: -35px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="VerPdf"]:hover:after
{ 
	content: "VER PDF"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 30px;
  	margin-top: 10px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="AcepRegistro"]:hover:after
{ 
	content: "ACEPTAR TERMINOS Y CONDICIONES"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: 150px;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 15px;
  	margin-top: -25px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="ReporteExcel"]:hover:after
{ 
	content: "EXPORTAR EXCEL"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 2px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="ReporteExcel"] img
{
	
    background-position: 100% 100%;
    background-size: 100% 100%;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url("../images/botones/Excel.png");
}

div[id="GenerarGrafico"]:hover:after {
  content: "GRAFICAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 2px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="GenerarGrafico"] img
{
	
    background-position: 100% 100%;
    background-size: 100% 100%;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url("../images/botones/graficar.png");
}
div[id="DetalleExcel"]:hover:after {
  content: "RESUMEN"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 2px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="InfGraT"]:hover:after {
  content: "TORTA"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 2px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="InfGraL"]:hover:after {
  content: "LINEAS"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 2px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="InfGraBV"]:hover:after {
  content: "BARRA VERTICAL"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 2px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="InfGraBH"]:hover:after {
  content: "BARRA HORIZONTAL"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 2px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="AgregarReg"]
{
	
    background-position: 100% 100%;
    background-size: 100% 100%;
	width: 30px;
	height: 30px;
	cursor: pointer !important;
	background-image: url("../images/botones/mas.png");
	border:0;
}
div[id="AgregarReg"]:hover:after {
  	content: "AGREGAR REGISTRO"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 30px;
  	margin-top: 1px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="ModificarReg"] img
{
	
    background-position: 100% 100%;
    background-size: 100% 100%;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url("../images/botones/modificar.png");
}
div[id="ModificarReg"]:hover:after {
  	content: "MODIFICAR"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 27px;
  	margin-top: 1px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="EliminarReg"] img
{
	border-style:none;
	
    background-position: 100% 100%;
    background-size: 100% 100%;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url("../images/botones/menos.png");
}
div[id="EliminarReg"]:hover:after {
  	content: "ELIMINAR"; 
   	position: absolute;
    display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 1px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="InfoFiltro"] img
{
	border-style:none;
	
    background-position: 100% 100%;
    background-size: 100% 100%;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url("../images/botones/info.png");
}
div[id="VerPersona"]:hover:after {
  	content: "DETALLE PERSONA"; 
   	position: absolute;
    display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 1px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="iChatear"]:hover:after {
  	content: "MENSAJEAR CON PERSONA"; 
   	position: absolute;
    display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 1px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="pnggrafico"]:hover:after
{ 
	content: "PNG"; 
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
button[id="pdfgrafico"]:hover:after
{ 
	content: "PDF";
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 20px;
  	margin-top: 7px;
  	font-size: 13px;
  	text-align: center;
  	
}
div.promptId:hover:after
{ 
	content: "SELECCIONAR";
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: -30px;
  	margin-top: 0px;
  	font-size: 13px;
  	text-align: center;
  	
}
div[id="SelectRows"]:hover:after
{
	content: "SELECCIONAR";
   	position: absolute;
   	display: block;
  	border: 1px solid black;
  	padding: auto;
  	background-color: gray;
  	color: white;
  	width: auto;
  	height: auto;
  	opacity: 0.7;
  	margin-left: 10px;
  	margin-top: 30px;
  	font-size: 13px;
  	text-align: center;
  	
}