/* CSS Document */

.tooltipv2 {
	/*pointer-events: none;*/
  display: inline-block;
	position: absolute;
	padding: 10px;
	background: #C43A3A;
	color: #FFF;
	width: 360px;
	min-height: 120px;
	-webkit-box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.75);
	box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.75);
	z-index:99;

}
.tooltipv2 p {
	color: #fff;
	font-size: 11px;
}
.tooltipv2 small {
	font-size: 10px;
	position: absolute;
	bottom: 6px;
	right: 10px;
}
.tooltipv2 h3 {
	font-size: 16px;
	margin:0px;
	padding:0px;
	color:#FFF;
}
.tooltipv2 h4 {
	font-weight: normal;
	padding: 3px;
	margin-bottom: 10px;
}
.tooltipv2 h5 {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

.arrow_left {
  width: 16px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  top: 25px;
  left: -16px;
 
  
}
.arrow_left:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 10px;
  width: 25px;
  height: 25px;

  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  
  background: #C43A3A;
	-webkit-box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.75);
	box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.75);
}

.arrow_right {
  width: 16px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  top: 25px;
  right: -16px;
 
  
}
.arrow_right:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 10px;
  width: 25px;
  height: 25px;

  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  
  background: #C43A3A;
	-webkit-box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.75);
	box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.75);
}