.error-tooltip, .arrow:after {
	background: red;
	border-width: 0 !important;
}
.normal-tooltip, .normal-arrow {
	background: #bfbfbf;
	border-width: 0 !important;
}
.content-tooltip {
	color: white;	
}
.error-tooltip {
	padding: 1% 2%;
	border-radius: 20px;
	font-weight: bolder;
	font-size: 14px;
	max-width: 15%;
	min-height: 5%;
	/*text-transform: uppercase;*/
}
.normal-tooltip, .pack-tooltip {
	padding: 1% 2%;
	border-radius: 20px;
	font-weight: bolder;
	font-size: 14px;
	max-width: 15%;
	min-height: 5%;
	/*text-transform: uppercase;*/
}
.pack-tooltip {
	background: white;
}
.arrow, .pack-arrow {
	position: absolute;
	top: 40%;
	left: -2%;
	width: 5%;
	padding-top: 5%;
	background-color: red;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);	
}
.arrow {
	background-color: red;
}
.pack-arrow {
	background-color: white;
}
.normal-arrow {
	position: absolute;
	top: 40%;
	left: 97%;
	width: 5%;
	padding-top: 5%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nomral-content-tooltip, .pack-content-tooltip {
	color: black;	
}
.error-tooltip, .normal-tooltip {
	z-index: 1000001 !important;
}