/*Pulsacion botones TootlTip*/
.animacion {
	/*Aquellos navegadores compatibles usaran las sig lineas de codigo*/
	animation-name: parpadeo;
	/*Le asignamos una duracion a la animacion en Segundos*/
	animation-duration: 2.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	/*Aqullos que no se haya implementado usaran las siguientes lineas*/
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
/*Sucede algo parecido aqui, los 3 grupos son lo mismo, 
pero con diferentes formas para ser interpretado bien por todos los navegadores*/
/*
EXPLICACION:
La animacion esa separada en 3 Frames y estos mismos estan en un "loop" infinito.
Por lo que deben empezar y terminar igual.
Entendiendo eso el frame "2" o al 50%, sera el minimo nivel de opacidad que tendra
*/
@-moz-keyframes parpadeo{  
	0% { opacity: 0.8; }
	50% { opacity: 0.4; }
	100% { opacity: 0.8; }
}

@-webkit-keyframes parpadeo {  
	0% { opacity: 0.8; }
	50% { opacity: 0.4; }
	100% { opacity: 0.8; }
}

@keyframes parpadeo {  
	0% { opacity: 0.8; }
	50% { opacity: 0.4; }
	100% { opacity: 0.8; }
}

/***********************************/
/*Dejamos configurados un grupo de botones con las mismas propiedades de diseño
En este caso seria una bola con centro blanco y borde rojo
*/
.btnTool{
	position: absolute;
	border-radius: 0%;
	min-height: 67px;
	min-width: 54px;
	border: 3px solid;
	border-color: #5c9e7d;
	background-color: #5c9e7d;
	z-index: 99;
	padding: 0;
	margin: 0;
}
.btnTool2{
	position: absolute;
	border-radius: 0%;
	min-height: 54px;
	min-width: 66px;
	border: 3px solid;
	border-color: #5c9e7d;
	background-color: #5c9e7d;
	z-index: 99;
	padding: 0;
	margin: 0;
}
.btnTool9{
	position: absolute;
	border-radius: 0%;
	min-height: 42px;
	min-width: 62px;
	border: 3px solid;
	border-color: #e5e084;
	background-color: #e5e084;
	z-index: 99;
	padding: 0;
	margin: 0;
}
/*Tooltips OBRA PRINCIPAL*/
.btnToolGreen{
	position: absolute;
	border-radius: 100%;
	min-height: 20px;
	min-width: 20px;
	border: 3px solid;
	border-color: #5c9e7d;
	background-color: #5c9e7d;
	z-index: 99;
	padding: 0;
	margin: 0;
}
.btnToolYellow{
	position: absolute;
	border-radius: 100%;
	min-height: 20px;
	min-width: 20px;
	border: 3px solid;
	border-color: #e6e185;
	background-color: #e6e185;
	z-index: 99;
	padding: 0;
	margin: 0;
}
.btnToolRed{
	position: absolute;
	border-radius: 100%;
	min-height: 20px;
	min-width: 20px;
	border: 3px solid;
	border-color: #bc564a;
	background-color: #bc564a;
	z-index: 99;
	padding: 0;
	margin: 0;
}
/*El <div> con esta clase sera el encargado de moverse libremente por la pagina*/
.PosicionTool{			
	position: relative;
	top:2753px;
	left: 430px;
	z-index: 99;
}
.PosicionTool2{			
	position: relative;
	top:2765px;
	left: 496px;
	z-index: 99;
}

/*CUSTOM AMARILLO*/
.PosicionTool9{
	position: relative;
	top:3488px;
	left: 282px;
	z-index: 99;
}

/*BOTNOES COLORES OBRA PRINCIPAL*/
.PosicionToolColores{
	position: relative;
	top:135.9375em;
	left: 4.375em;
	z-index: 99;
}
.PosicionToolColores2{
	position: relative;
	top:138.75em;
	left: 43.125em;
	z-index: 99;
}
.PosicionToolColores3{
	position: relative;
	top:155em;
	left: 3.125em;
	z-index: 99;
}
.PosicionToolColores4{
	position: relative;
	top:143.125em;
	left: 10em;
	z-index: 99;
}
.PosicionToolColores5{
	position: relative;
	top:148.75em;
	left: 25.3125em;
	z-index: 99;
}
.PosicionToolColores6{
	position: relative;
	top:144.375em;
	left: 34.375em;
	z-index: 99;
}
.PosicionToolColores7{
	position: relative;
	top:151.25em;
	left: 42.5em;
	z-index: 99;
}
.PosicionToolColores8{
	position: relative;
	top:148.875em;
	left: 6.25em;
	z-index: 99;
}
.PosicionToolColores9{
	position: relative;
	top:144.375em;
	left: 37.5em;
	z-index: 99;
}

/*Diseño extra por Infogrfia Especifica*/
/*DISEÑO TOOLTIP*/
.tooltip-inner{
	background-color: #5c9e7d !important;
	color: #5c9e7d;
	border-radius: 0px !important;
}
.tooltip-inner.ToolHor{
	background-color: #5c9e7d !important;
	color: #5c9e7d;
	border-radius: 0px !important;
	min-width: 267px;
}
.tooltip-inner.ToolCustom{
	background-color: #e5e084 !important;
	color: #e5e084;
	border-radius: 0px !important;
	min-width: 317px !important;
}
.tooltip-inner.ToolGreen{
	position: relative;
	background-color: transparent!important;
	color: #FFF;
	border-radius: 0px !important;
	min-width: 60px !important;
	left: 40%;
}
.tooltip-inner.ToolGreenR{
	position: relative;
	background-color: transparent!important;
	color: #FFF;
	border-radius: 0px !important;
	min-width: 420px !important;
	left: -45%;
}
.tooltip-inner.ToolGreenRS{
	position: relative;
	background-color: transparent!important;
	color: #FFF;
	border-radius: 0px !important;
	min-width: 60px !important;
	left: -40%;
}
.tooltip-inner.ToolGreenRN{
	position: relative;
	background-color: transparent!important;
	color: #FFF;
	border-radius: 0px !important;
	min-width: 60px !important;
	right: 0%;
}

/*Opacidad maxima en ToolTips*/
.tooltip.show {
    opacity: 1.0 !important;
}
/*Color flechas, todas las ubicaciones...*/
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #5c9e7d !important;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #5c9e7d !important;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #5c9e7d !important;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #5c9e7d !important;
}

/*ToolTip Custom*/
.bs-tooltip-top .arrow.arrowCus::before, .bs-tooltip-auto[x-placement^="top"] .arrow.arrowCus::before {
  border-top-color: #e6e185 !important;
}
.bs-tooltip-right .arrow.arrowCus::before, .bs-tooltip-auto[x-placement^="right"] .arrow.arrowCus::before {
  border-right-color: #e6e185  !important;
}
.bs-tooltip-bottom .arrow.arrowCus::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow.arrowCus::before {
  border-bottom-color: #e6e185  !important;
}
.bs-tooltip-left .arrow.arrowCus::before, .bs-tooltip-auto[x-placement^="left"] .arrow.arrowCus::before {
  border-left-color: #e6e185  !important;
}

/*ToolTip CIRCULOS VERDES*/
.bs-tooltip-top .arrow.arrowGreen::before, .bs-tooltip-auto[x-placement^="top"] .arrow.arrowGreen::before {
  border-top-color: transparent!important;
}
.bs-tooltip-right .arrow.arrowGreen::before, .bs-tooltip-auto[x-placement^="right"] .arrow.arrowGreen::before {
  border-right-color: transparent  !important;
}
.bs-tooltip-bottom .arrow.arrowGreen::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow.arrowGreen::before {
  border-bottom-color: transparent  !important;
}
.bs-tooltip-left .arrow.arrowGreen::before, .bs-tooltip-auto[x-placement^="left"] .arrow.arrowGreen::before {
  border-left-color: transparent  !important;
}

/*Alinear texto a la izquierda*/
.tooltip.bs-tooltip-bottom .tooltip-inner .ToolLeft{
	color: #FFFFFF;
	text-align:left !important;
}
.tooltip.bs-tooltip-left .tooltip-inner .ToolLeft{
	color: #FFFFFF;
	text-align:left !important;
}
.tooltip.bs-tooltip-right .tooltip-inner .ToolLeft{
	color: #FFFFFF;
	text-align:left !important;
}
.tooltip.bs-tooltip-top .tooltip-inner .ToolLeft{
	color: #FFFFFF;
	text-align:left !important;
}

/*Alinear Texto a la derecha OBRA PRINCIPAL*/
.tooltip.bs-tooltip-bottom .tooltip-inner .ToolRight{
	color: #FFFFFF;
	text-align:right !important;
}
.tooltip.bs-tooltip-left .tooltip-inner .ToolRight{
	color: #FFFFFF;
	text-align:right !important;
}
.tooltip.bs-tooltip-right .tooltip-inner .ToolRight{
	color: #FFFFFF;
	text-align:right !important;
}
.tooltip.bs-tooltip-top .tooltip-inner .ToolRight{
	color: #FFFFFF;
	text-align:right !important;
}

/*Alinear texto a la izquierda CUSTOM*/
.tooltip.bs-tooltip-bottom .tooltip-inner .ToolLeftCus{
	color: #26302f;
	text-align:left !important;
}
.tooltip.bs-tooltip-left .tooltip-inner .ToolLeftCus{
	color: #26302f;
	text-align:left !important;
}
.tooltip.bs-tooltip-right .tooltip-inner .ToolLeftCus{
	color: #26302f;
	text-align:left !important;
}
.tooltip.bs-tooltip-top .tooltip-inner .ToolLeftCus{
	color: #26302f;
	text-align:left !important;
}

/*ORDEN DENTRO DEL TOOLTIP*/
/*Agregar borde a imagen*/
.tooltip.bs-tooltip-top .tooltip-inner .imgTool{
	margin-top: 5px;
}
.tooltip.bs-tooltip-bottom .tooltip-inner .imgTool{
	margin-top: 5px;
}
.tooltip.bs-tooltip-left .tooltip-inner .imgTool{
	margin-top: 5px;
}
.tooltip.bs-tooltip-right .tooltip-inner .imgTool{
	margin-top: 5px;
}

/*Descripcion del texto mas cercana a fecha*/
.tooltip.bs-tooltip-bottom .tooltip-inner .desTool{
	line-height: 80%;
	margin-bottom: 5px;
}
.tooltip.bs-tooltip-top .tooltip-inner .desTool{
	line-height: 80%;
	margin-bottom: 5px;
}
.tooltip.bs-tooltip-left .tooltip-inner .desTool{
	line-height: 80%;
	margin-bottom: 5px;
}
.tooltip.bs-tooltip-right .tooltip-inner .desTool{
	line-height: 80%;
	margin-bottom: 5px;
}

/*Menos espacio entre lineas [BOLITAS OBRA PRINCIPAL]*/
.tooltip.bs-tooltip-right .tooltip-inner .desToolC{
	line-height: 100%;
	margin-bottom: 5px;
}
.tooltip.bs-tooltip-left .tooltip-inner .desToolC{
	line-height: 100%;
	margin-bottom: 5px;
}
.tooltip.bs-tooltip-top .tooltip-inner .desToolC{
	line-height: 100%;
	margin-bottom: 5px;
}
.tooltip.bs-tooltip-bottom .tooltip-inner .desToolC{
	line-height: 100%;
	margin-bottom: 5px;
}

/*Para pantallas consideradas moviles y verticales*/
/*
A menos que se agruegue otro tamaño de infogrfia a demas de las existentes
es decir, una infografia con un ancho mayor al de 360px y menor de 768px y oreintada para dispositivos en horizontal.
Entonces sera necesario agregar nuevo codigo para manejar nuevamente la ubicacion de los tooltip
*/
@media screen and (max-width: 991.98px) {
	/*BOTNOES COLORES OBRA PRINCIPAL*/
	.PosicionToolColores{
		position: relative;
		top:129em;
		left: 3.50em;
		z-index: 99;
	}
	.PosicionToolColores2{
		position: relative;
		top:132em;
		left: 21em;
		z-index: 99;
	}
	.PosicionToolColores3{
		position: relative;
		top:138em;
		left: 3.125em;
		z-index: 99;
	}
	.PosicionToolColores4{
		position: relative;
		top:133.5em;
		left: 6em;
		z-index: 99;
	}
	.PosicionToolColores5{
		position: relative;
		top:136em;
		left: 13em;
		z-index: 99;
	}
	.PosicionToolColores6{
		position: relative;
		top:133.5em;
		left: 16.75em;
		z-index: 99;
	}
	.PosicionToolColores7{
		position: relative;
		top:137em;
		left: 21em;
		z-index: 99;
	}
	.PosicionToolColores8{
		position: relative;
		top:138em;
		left: 6.25em;
		z-index: 99;
	}
	.PosicionToolColores9{
		position: relative;
		top:133.5em;
		left: 18.5em;
		z-index: 99;
	}
	/*Posiciones de Texto*/
	.tooltip-inner.ToolGreen{
	position: relative;
	background-color: transparent!important;
	color: #FFF;
	border-radius: 0px !important;
	min-width: 60px !important;
	left: 22%;
}
.tooltip-inner.ToolGreenR{
	position: relative;
	background-color: transparent!important;
	color: #FFF;
	border-radius: 0px !important;
	min-width: 350px !important;
	left: -18%;
}
.tooltip-inner.ToolGreenRS{
	position: relative;
	background-color: transparent!important;
	color: #FFF;
	border-radius: 0px !important;
	min-width: 60px !important;
	left: -40%;
}
.tooltip-inner.ToolGreenRN{
	position: relative;
	background-color: transparent!important;
	color: #FFF;
	border-radius: 0px !important;
	min-width: 60px !important;
	right: 0%;
}
}