@charset "utf-8";
/* CSS Document */
.boton_contrato{
	background-color:aquamarine;
	color: black;
	padding: 2px 2px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
}
.blanco{
	color: white;
}
.borrado_notificaciones{
	align-content: center;
	background-color: rgba(18,90,20,0.93);
	padding: 10px;
	position:fixed;
	left: 20px; top: 250px;
	/*font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";*/
	font-size: 14px;
	color: rgb(0,0,0,0);
	width: 40%;
	height: 0px;
	/*border: 2px solid rgba(0, 0, 0, 0.6);*/
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);;
	border-radius: 8px;
	animation: popborrado;
    animation-duration: 4s;
    /*animation-delay: 0s;*/
	animation-fill-mode: both;
}
.aviso_importante{
	align-content: center;
	background-color: rgba(18,90,20,0.93);
	padding: 10px;
	position:fixed;
  	left: 25%;
	top: 140px;
	/*font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";*/
	font-size: 12px;
	color:white;
	width: 60%;
	height: 60%;
	/*border: 2px solid rgba(0, 0, 0, 0.6);*/
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);;
	border-radius: 8px;
	animation: avisofadein;
    animation-duration: 3s;
    /*animation-delay: 0s;
	animation-fill-mode: both;*/
}
.ingresar_contrato{
	align-content: center;
	background-color: rgba(240,240,240,1);
	padding: 10px;
	position:fixed;
  	left: 25%;
	top: 140px;
	/*font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";*/
	font-size: 12px;
	color:#000000;
	width: 50%;
	height: 50%;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);;
	border-radius: 8px;
	animation: avisofadein;
    animation-duration: 0.4s;
    /*animation-delay: 0s;
	animation-fill-mode: both;*/
}
.mirar_contrato{
	align-content: center;
	background-color: rgba(215,255,250,0.92);
	padding: 10px;
	position:fixed;
  	left: 3%;
	top: 140px;
	/*font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";*/
	font-size: 12px;
	color:#000000;
	width: 50%;
	height: 250px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);;
	border-radius: 8px;
	animation: avisofadein;
    animation-duration: 0.4s;
    /*animation-delay: 0s;
	animation-fill-mode: both;*/
}
.notificacion_importante{
	align-content: center;
	background-color: rgba(0,119,24,0.70);
	padding: 10px;
	position: fixed;
	left: 5px; bottom: 10px;
	/*font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";*/
	font-size: 14px;
	color: rgb(0,0,0,0);
	width: 40%;
	height: 0px;
	/*border: 2px solid rgba(0, 0, 0, 0.6);*/
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);;
	border-radius: 8px;
	animation: popupi;
    animation-duration: 1.5s;
    /*animation-delay: 0s;*/
	animation-fill-mode: both;
}
.ticket_privado{
	height: 25px;
	width: 25px;
}
.notificacion_popup{
	align-content: center;
	background-color: rgba(2,67,181,0.70);
	padding: 10px;
	position: fixed;
	right: 5px; bottom: 10px;
	/*font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";*/
	font-size: 14px;
	color: rgb(0,0,0,0);
	width: 40%;
	height: 0px;
	/*border: 2px solid rgba(0, 0, 0, 0.6);*/
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);;
	border-radius: 8px;
	animation: popup1;
    animation-duration: 1.5s;
    /*animation-delay: 0s;*/
	animation-fill-mode: both;
	/*animation-play-state: paused;*/
}

.notificacion_lista{
	align-content: center;
	background-color: rgba(23,93,195,0.70);
	padding: 10px;
	/*position: fixed;*/
	right: 20px; bottom: 10px;
	/*font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";*/
	font-size: 14px;
	color: rgb(255,255,255,1);
	width: 800px;
	height: 80px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);;
	border-radius: 8px;
}
.notificacion_lista2{
	align-content: center;
	background-color: rgba(0,119,24,0.70);
	padding: 10px;
	/*position: fixed;*/
	right: 20px; bottom: 10px;
	/*font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";*/
	font-size: 14px;
	color: rgb(255,255,255,1);
	width: 800px;
	height: 80px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);;
	border-radius: 8px;
}

.resaltar_categoria_del_area{
	animation: rescat;
	animation-duration: 2s;
	animation-iteration-count:infinite;
}

.link_verde{
	color:rgba(0,103,8,1.00);
}

[class*='close-'] {
  color:rgba(90,90,90,0.00);
  font: 14px/100% arial, sans-serif;
  position: absolute;
  right: 5px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  top: 5px;
}
[class*='lupita-'] {
  color:rgba(90,90,90,0.00);
  font: 14px/100% arial, sans-serif;
  position: absolute;
  right: 15px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  top: 60px;
}

.close-thik:after {
  content: '✖'; /* UTF-8 symbol */
}

@keyframes rescat {
	0%{
		color: rgba(96,247,99,0.80);
	}
	40%{
		color: rgba(0,0,0,1.00);
	}
	60%{
		color: rgba(0,0,0,1.00);
	}
	0%{
		color: rgba(96,247,99,0.80);
	}
}

@keyframes popup1 {
  	0%{
	  background-color:  rgba(2,67,181,0.00);
	  height: 0px;
	  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	  border: rgba(0, 0, 0, 1.0);
	  color: rgb(0,0,0,0);
	  
	}
 	100%{
	  background-color:  rgba(2,67,181,0.70);
	  border: rgba(0, 0, 0, 0.6);
	  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
	  height: 10%;
	  color: rgba(255,255,255,1.00);
	  
	}
}

@keyframes popborrado {
  	0%{
	  background-color: rgba(18,90,20,0);
	  height: 35px;
	  width: 0px;
	  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	  border: rgba(0, 0, 0, 1.0);
	  color: rgb(0,0,0,0);
	  
	}
 	10%{
	  background-color:  rgba(18,90,20,0.7);
	  border: rgba(0, 0, 0, 0.6);
	  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
	  height: 35px;
	  width: 200px;
	  color: rgb(0,0,0,0);
	}
	15%{
		color: rgba(255,255,255,1);
	}
	85%{
		color: rgba(255,255,255,1);
	}
	90%{
	  background-color:  rgba(18,90,20,0.7);
	  border: rgba(0, 0, 0, 0.6);
	  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
	  height: 35px;
	  width: 200px;
	  color: rgba(255,255,255,0);
	}
	100%{
	  background-color: rgba(18,90,20,0);
	  height: 35px;
	  width: 0px;
	  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	  border: rgba(0, 0, 0, 1.0);
	}
}

@keyframes popupi {
  	0%{
	  background-color:  rgba(0,119,24,0.00);
	  height: 0px;
	  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	  border: rgba(0, 0, 0, 1.0);
	  color: rgb(0,0,0,0);
	  
	}
 	10%{
	  background-color:  rgba(0,119,24,0.70);
	  border: rgba(0, 0, 0, 0.6);
	  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
	  height: 10%;
	  color: rgba(255,255,255,1.00);
	  
	}
	
}



@keyframes popup2 {
  	0%{
	  opacity: 0;
	}
	70%{
	  opacity: 0;
	}
 	100%{
	  opacity: 0.7;
	}
}
@keyframes popup3 {
  	0%{
	  height: 100px;
	  opacity: 0.7;
	}
	99%{
	  height: 100px;
	  opacity: 0;
	}
	100%{
	  height: 0px;
	  
	}
}
@keyframes avisofadein {
  	0%{
	  opacity: 0;
	}
	70%{
	  opacity: 0;
	}
 	100%{
	  opacity: 1;
	}
}

.campanita{
	text-align: right;
	background-image:url("/images/notificacion.png");
	background-repeat: no-repeat;
	position: fixed;
	right: 35px; bottom: 80px;
	font-size: 14px;
	color: rgb(255,255,255,1);
	width: 100px;
	height: 100px;
	padding-top: 5px;
	animation: popup2;
    animation-duration: 2s;
	animation-fill-mode: both;
}
.campanita2{
	text-align: right;
	background-image:url("/images/notificacion.png");
	background-repeat: no-repeat;
	position: fixed;
	right: 35px; bottom: 80px;
	font-size: 14px;
	color: rgb(255,255,255,1);
	width: 100px;
	height: 100px;
	padding-top: 5px;
	animation: popup3;
    animation-duration: 1.5s;
	animation-fill-mode: both;
}
.campanita-1{
	text-align: right;
	background-image:url("/images/notificacion.png");
	background-repeat: no-repeat;
	position: fixed;
	left: 32%; bottom: 80px;
	font-size: 14px;
	color: rgb(255,255,255,1);
	width: 100px;
	height: 100px;
	padding-top: 5px;
	animation: popup2;
    animation-duration: 2s;
	animation-fill-mode: both;
}
.campanita-12{
	text-align: right;
	background-image:url("/images/notificacion.png");
	background-repeat: no-repeat;
	position: fixed;
	right: 35px; bottom: 80px;
	font-size: 14px;
	color: rgb(255,255,255,1);
	width: 100px;
	height: 100px;
	padding-top: 5px;
	animation: popup3;
    animation-duration: 1.5s;
	animation-fill-mode: both;
}