/**
 * http://new-dev.ru/
 * author GoldSoft <newdevexpert@gmail.com>
 * Copyright (c) New-Dev.ru
 */

.mini-bell-btn {
	margin: 0 3px;
	border: 0 none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	height: 28px;
	
			border-radius: 7px;
		
	
	line-height: 7px;
	outline: none;
	
			font-size: 80%;
		
	background-color: #2F393C;
	color: #FFFFFF;
	border: 0 none;
	padding: 7px 22px;
	text-decoration: none !important;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all ease .1s;
	transition: all ease .1s;
}
.mini-bell-btn:hover {
	opacity: 0.8;
	transition: 0.7s;
}
.mini-bell-btn .badge {
	color: #ED0000;
	background-color: #FFFFFF;
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 80%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	
			border-radius: 34px;
	}


.webui-popover-mini-bell,
.popover {
			max-width: 900px;
		
	font-size: 100%;
	background-color: #202F38;
}

.webui-popover.bottom > .webui-arrow::after,
.popover.in > .arrow::after {
	border-bottom-color: #202F38;
}


.bnn-mini-bell .mini-bell-header .mini-bell-left {
	float: left;
}
	.bnn-mini-bell .mini-bell-header .mini-bell-left > b {
		font-size: 120%;
		color: #FFFFFF;
	}
	
.bnn-mini-bell .mini-bell-header .mini-bell-right {
	float: right;
}

.bnn-mini-bell .mini-bell-header .mini-bell-right .btn-group > a {
	text-decoration: none;
	font-size: 100%;
	color: #505050;
}
.bnn-mini-bell .mini-bell-header .mini-bell-right .btn-group > a:hover {
	opacity: 0.5;
	transition: 0.7s;
}


.mini-bell-body {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.bnn-all-wrapper .mini-bell-body ul.nav.nav-tabs li > a {
	font-size: 80%;
	background-color: #505050;
	color: #FFFFFFF6;
	border-top: 3px solid #505050;
}
.bnn-all-wrapper .mini-bell-body ul.nav.nav-tabs li.active > a {
	background-color: #FFFFFFF6;
	color:#505050;
	border-top: 3px solid #505050;
}

.bnn-all-wrapper .mini-bell-body .tab-content {
	font-size: 90%;
	background-color: #141D23;
	color: #FFFFFF;
}

.bnn-all-wrapper .mini-bell-body img.row-poster {
	width: 30px;
	display: block;
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	border: 0px solid red;
}
.bnn-all-wrapper .mini-bell-body .row-text {
	border: 0px solid green;
}