/*bell notif*/

.wnbell_notifications_lists{
  right: -32px !important;
  top: 32px;
overflow: visible !important;
width:285px;
}
.wnbell_notifications_lists:after {
bottom: 100%;
right: 39px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 5px;
margin-left: -5px;
}

span.wnbell-active-spinner.wnbell-spinner {
  padding: 0 !important;
  float: none;
}

span.wnbell-count {
  padding: 0;
  width: 10px;
  height: 10px;
  display: block;
  top: 0;
  position: absolute;
  z-index: 5;
  right: 0;
}

span.wnbell-count {
  padding: 0;
  width: 12px;
  height: 12px;
  display: block;
  font-size: 9px;
  top: 2px;
  position: absolute;
  z-index: 5;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
pointer-events: none;
}

.wnbell-spinner-wrap {
display: none;
}

.wnbell_notification_item {
  border-radius: 5px;
  padding: 0;
}

.wnbell_notification_item:not(.visited) {

}


.wnbell_notification_item span {
float: none;
font-family: dashicons;
padding: 0;
}
.wnbell_notification_item span.title {
font-family:"Arial", sans-serif;
}
.wnbell_notification_item a:hover {
color: inherit;
}

.wnbell_notifications_lists {
max-height: unset;
}

span.dashicons {
  position: absolute;
  left: -20px;
}
.wnbell_notification_item a>div {
line-height: 14px;
  font-size: 13px;
}
.wnbell_notification_item a {

padding: 4px;

  padding-left: 30px;
}

.wnbell-dropdown-box .wnbell_notification_item:last-of-type a {
padding-bottom:10px;
}
#wnbell-dropdown-id a {
  text-decoration: none;
}

span.bellicons.fv-thumbs:after {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 9px;
  margin-top: 1px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Ctitle%3ELike%3C/title%3E%3Cpath d='M14.3 8.7C14.7 8.3 15 7.9 15 7.4c0-0.5-0.2-0.8-0.5-1.2 -0.3-0.3-0.7-0.5-1.2-0.5h-2.4c0-0.1 0.5-1 0.7-2.2 0-0.1 0.2-1.5-0.7-1.9 -0.5-0.3-0.9-0.4-1.4-0.1 -0.6 0.4-0.4 1.6-1.3 2.9 -0.5 0.7-1.8 2.3-2.6 2.5 -0.1 0-0.3 0.1-0.4 0.2C5.3 7.2 5.2 7.3 5.2 7.4v5.6c0 0.2 0.1 0.3 0.2 0.4 0.1 0.1 0.2 0.2 0.4 0.2 0.2 0 3.6 1 4.8 1.1h1.1c0.8 0 1.3-0.2 1.7-0.6 0.3-0.4 0.4-0.6 0.3-1.3 0.2-0.2 0.6-0.6 0.7-1.1s-0.1-0.7-0.2-1c0.3-0.4 0.5-0.4 0.6-1.1C14.7 9.3 14.4 9 14.3 8.7z' class='like-icon'%3E%3C/path%3E%3Cpath d='M4.1 6.9H1.6c-0.2 0-0.3 0.1-0.4 0.2C1.1 7.2 1 7.3 1 7.4v5.6c0 0.2 0.1 0.3 0.2 0.4 0.1 0.1 0.2 0.2 0.4 0.2H4.1c0.2 0 0.3-0.1 0.4-0.2 0.1-0.1 0.2-0.2 0.2-0.4V7.4c0-0.1-0.1-0.3-0.2-0.4C4.4 6.9 4.2 6.9 4.1 6.9z' class='like-icon-2'%3E%3C/path%3E%3C/svg%3E");
}

span.bellicons.fv-editor-break:after {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 8px;
  margin-top: 2px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg'%0Awidth='512pt' height='512pt' viewBox='0 0 512 512'%0ApreserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0,512) scale(0.1,-0.1)'%0A%3E%3Cpath d='M2063 4735 c-735 -95 -1373 -490 -1744 -1080 -423 -673 -423 -1517 0%0A-2190 298 -474 791 -839 1349 -999 450 -129 974 -129 1417 -1 177 52 408 149%0A550 233 l50 29 610 -169 c357 -99 631 -169 660 -170 67 -3 113 24 143 82 17%0A33 22 56 19 86 -3 31 -78 174 -291 560 l-287 519 21 50 c79 180 139 369 164%0A515 52 303 37 618 -41 900 -242 872 -1037 1522 -1999 1635 -157 18 -477 18%0A-621 0z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}

.wnbell_notification_item:hover {
  background-color: #f2f2f2;
}

/* Fix notification menu which covers the full page (used by JS on 768px page width) to leave place for floating header. */
div#wnbell_dropdown_list_ss {
	height: calc(100% - 42px);
	margin-top: 42px;
}
.wnbell-closebtn {
	visibility: hidden;
}
a.wnbell_close {
	padding: 10px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 20px;
	background: #ddd;
	width: 5em;
	font-size: 13px;
	text-transform: uppercase;
	color: #000;
	text-align: center;
}