nav.notifications_menu{

	display:none;
	min-height:150px;
	height:auto;
	background-color:#34393d;
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute;
	right: 0px;
	top: 42px;
	width:300px;
	border-radius:0 0 0 4px;
	z-index:10;
	max-height: -moz-calc(100% - 42px);
	max-height: -webkit-calc(100% - 42px);
	max-height: -o-calc(100% - 42px);
	max-height: calc(100% - 42px);
}

nav.notifications_menu::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
nav.notifications_menu::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
nav.notifications_menu::-webkit-scrollbar-thumb {
  background: #000000;
  border: 0px none #ffffff;
  border-radius: 50px;
}
nav.notifications_menu::-webkit-scrollbar-thumb:hover {
  background: #111111;
}
nav.notifications_menu::-webkit-scrollbar-thumb:active {
  background: #000000;
}
nav.notifications_menu::-webkit-scrollbar-track {
  background: #2e2e2e;
  border: 0px none #ffffff;
  border-radius: 50px;
}
nav.notifications_menu::-webkit-scrollbar-track:hover {
  background: #2e2e2e;
}
nav.notifications_menu::-webkit-scrollbar-track:active {
  background: #2c2c2c;
}
nav.notifications_menu::-webkit-scrollbar-corner {
  background: transparent;
}
nav.notifications_menu p.empty_notifications{

	text-align:center;
	color:#999;
	font-size:13px;
	
}
nav.notifications_menu img.spinner{
	
	width:30px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-15px;
	margin-top:-15px;
	
}

nav.notifications_menu ul{

	list-style-type:none;
	display:block;
	clear:both;
	width:100%;
	height:auto;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	padding:0;
	
}

nav.notifications_menu ul a{

	text-decoration:none;
	
}

nav.notifications_menu ul li{

	width:100%;
	padding:10px 10px 10px 40px;;
	box-sizing:border-box;
	height:auto;
	color:#999;
	
}

nav.notifications_menu ul li div.message{
	
	display:block;
	clear:both;
	width:100%;
	height:auto;
	font-size:13px;
	
}

nav.notifications_menu ul li div.timestamp{

	display:block;
	width:100%;
	text-align:right;
	height:auto;
	font-size:12px;
	
}

nav.notifications_menu ul li.notify:hover{
	
	background-color:#40464b;
	cursor:pointer;
	
}

nav.notifications_menu ul li.error{
	
	background-image:url( /templates/tools/fancy_message/error.png );
	background-position-x:10px;
	background-position-y:10px;
	background-repeat:no-repeat;
	
}

nav.notifications_menu ul li.success{
	
	background-image:url( /templates/tools/fancy_message/success.png );
	background-position-x:10px;
	background-position-y:10px;
	background-repeat:no-repeat;
	
}

nav.notifications_menu ul li.notify{
	background-image:url( /templates/tools/fancy_message/notification.png );
	background-position-x:10px;
	background-position-y:10px;
	background-repeat:no-repeat;
	
}