.popover-body{ 
	color: #ccc;
}

.popover{
	background-color: #3f3f3f;
	font-style: normal;
	font-weight: 400;
	font-size: 12;
	margin-left: 40px;
}

.bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: #3f3f3f;
	margin-left: 34px;
}
/* margin used to change arrow to center of screen
 * in case of dark shadow this work perfect for both
 * bottom and top notif
 * in case of light background a ghost dark shadow apear
 * because of only shift arrow but not the border
 */

.bs-popover-bottom .arrow::after {
    top: 1px;
    border-bottom-color: #3f3f3f;
}

.popover .arrow {
	margin-left: -10px;
}