/** Notifications Sidepanel -- Modded from ~/Scripts/assets/css/layout.css line
 **************************************************************** **/
#notificationsSidepanel {
	color:#888;
	font-size:13px;
	position: fixed;
	top: 0; right: -280px; bottom:0;
	width:280px;
	z-index: 3000;
	background-color:#363839;
	
	overflow:hidden;
	display:none;

	-webkit-transition: right .4s ease;
		 -o-transition: right .4s ease;
			transition: right .4s ease;

}
#notificationsSidepanel_overlay {
	position:fixed;
	left:0; top:0;
	right:0; bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:2999;

	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
}

#notificationsSidepanel_close {
	color: #999;
	background-color:rgba(0,0,0,0.2);

	display: block;
	position: absolute;
	top: 0; right: 0;

	width: 40px; height: 40px;
	font-size: 18px;
	line-height: 40px;

	text-align: center;
}
#notificationsSidepanel_close:hover {
	color:#fff;
}
	#notificationsSidepanel.sidepanel-light #notificationsSidepanel_close {
		color:#777;
		background-color:rgba(0,0,0,0.1);
	}
	#notificationsSidepanel.sidepanel-light #notificationsSidepanel_close:hover {
		color:#333;
	}
	#notificationsSidepanel.sidepanel-theme-color #notificationsSidepanel_close {
		color:#ccc;
		background-color:rgba(0,0,0,0.1);
	}
	#notificationsSidepanel.sidepanel-theme-color #notificationsSidepanel_close:hover {
		color:#fff;
	}

	/* position */
	#notificationsSidepanel.sidepanel-inverse {
		right:auto;
		left: -280px;
	}
	/* colors */
	#notificationsSidepanel.sidepanel-dark {
		color:#ddd;
		background-color:#363839;
	}
	#notificationsSidepanel.sidepanel-light {
		color:#111;
		background-color:#ffffff;
	}
	#notificationsSidepanel.sidepanel-theme-color {
		color:#fff;
		background-color:#333;
	}

/* sidepanel content */
#notificationsSidepanel h1,
#notificationsSidepanel h2,
#notificationsSidepanel h3,
#notificationsSidepanel h4,
#notificationsSidepanel h5,
#notificationsSidepanel h6 {
	color:#ddd;
    text-align:center;
}
#notificationsSidepanel .sidepanel-content {
	margin:25px 25px;
	/*overflow-y:scroll;*/
}
#notificationsSidepanel .sidepanel-title {
	font-size:18px;
	line-height:23px;
}

/* sidepanel menu */
#notificationsSidepanel ul>li>a {
	font-size:14px;
}
#notificationsSidepanel ul ul>li>a {
	font-size:11px;
}
#notificationsSidepanel ul {
	/*border-bottom:rgba(0,0,0,0.2) 1px solid;*/
	padding-bottom:30px;
}
#notificationsSidepanel ul ul {
	margin-top:6px;
	border-bottom:0;
	padding-bottom:0;
}
#notificationsSidepanel ul ul>li {
	padding:5px 0 5px 32px;
	
}

#notificationsSidepanel .list-group-item {
	background-color:transparent;
	border:0; padding:8px 0;
}
	#notificationsSidepanel .list-group-item a {
		color:#ddd;
		display:block;
		text-decoration:none;
	}
	#notificationsSidepanel ul li a[data-toggle="collapse"] {
		/* font-weight:bold; */
	}
	#notificationsSidepanel ul li a[data-toggle="collapse"].collapsed {
		color:#ddd;
		font-weight:normal;
	}
	#notificationsSidepanel ul li a>i.ico-dd {
		float:right;
	}
	#notificationsSidepanel ul li a>i.ico-category {
		width:20px;
	}
		#notificationsSidepanel .list-group-item a>i {
			margin-right:6px;
		}
	#notificationsSidepanel .list-group-item .badge {
		float:right;
	}


/* light */
#notificationsSidepanel.sidepanel-light ul  a,
#notificationsSidepanel.sidepanel-light ul li a[data-toggle="collapse"].collapsed,
#notificationsSidepanel.sidepanel-light .list-group-item ul li a[data-toggle="collapse"].collapsed {
	color:#777 !important;
}
#notificationsSidepanel.sidepanel-light,
#notificationsSidepanel.sidepanel-light h1,
#notificationsSidepanel.sidepanel-light h2,
#notificationsSidepanel.sidepanel-light h3,
#notificationsSidepanel.sidepanel-light h4,
#notificationsSidepanel.sidepanel-light h5,
#notificationsSidepanel.sidepanel-light h6,
#notificationsSidepanel.sidepanel-light ul li a[data-toggle="collapse"],
#notificationsSidepanel.sidepanel-light ul a:hover {
	color:#111 !important;
}

/* theme color */
#notificationsSidepanel.sidepanel-theme-color ul  a,
#notificationsSidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"].collapsed,
#notificationsSidepanel.sidepanel-theme-color .list-group-item ul li a[data-toggle="collapse"].collapsed {
	color:#eee !important;
}
#notificationsSidepanel.sidepanel-theme-color,
#notificationsSidepanel.sidepanel-theme-color h1,
#notificationsSidepanel.sidepanel-theme-color h2,
#notificationsSidepanel.sidepanel-theme-color h3,
#notificationsSidepanel.sidepanel-theme-color h4,
#notificationsSidepanel.sidepanel-theme-color h5,
#notificationsSidepanel.sidepanel-theme-color h6,
#notificationsSidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"],
#notificationsSidepanel.sidepanel-theme-color ul a:hover {
	color:#fff !important;
}

#notificationsSidepanel .divider,
#notificationsSidepanel .container {
    margin: 5px 0px
}