.popover {
	position: absolute;
	z-index: 1060;
	display: block;
	max-width: 400px;
	padding: 10px;
	text-align: left;
	white-space: normal;
	background-color: #666666;
	border-radius: 10px;
	box-shadow: 0px, 7px , 0px, rgba(152,152,152,0.8); 
}

.popover .popover-content{

	color: white;
	position: relative;
	font-size: 1.5em;
	font-weight: normal;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 5px;
	
}

.popover .popover-content span {
	
	display: block;
	text-align: center;
	font-weight: bold;
}
.popover .btn-close{
	position: absolute;
	top:-29px;
	left:366px;
	color: white;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-image: url("../../img/close_button.png");
	background-size: 35px 35px;
	background-repeat: no-repeat;
}


/*Arrow right*/
.popover.left .arrow{
	position: absolute;
	left: 102%;
	top: 50%;
	margin-top: -40px;
}
.popover.left .arrow:after {
	content: url(../../img/includes/popOverArrow.png);
}

/*Arrow left */
.popover.right .arrow{
	position: absolute;
	right: 101%;
	top: 50%;
	margin-top: -40px;

	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.popover.right .arrow:after {
	content: url(../../img/includes/popOverArrow.png);

}

/*Arrow bottom */
/*.popover.bottom .arrow{
	bottom: 100%;
	left: 50%;
	margin-left: -30px;
}
.popover.bottom>.arrow:after {
	border-bottom-color: #666666;
	bottom: 100%;
}
*/

/*Arrow top */
/*.popover.top .arrow{
	top: 100%;
	left: 50%;
	margin-left: -30px;
}
.popover.top>.arrow:after {
	border-top-color: #666666;
	top: 100%;
}*/
/*.popover>.arrow, .popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 0px;
}

.popover>.arrow:after {
	content: "";
	border-width: 30px;
}*/