.toggleNotifications{
	margin-right:8px;
	position:relative;
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	float:right;
	height:28px;
	width:28px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer
	}
.toggleNotifications .show{
	-webkit-box-flex:1;
	-ms-flex:1;flex:1;
	margin:auto;
	height:28px;
	max-width:28px;
	text-align:center;
	border-radius:50%;
	background:rgba(0,0,0,.5);
	font-size:28px;
	-webkit-transition:all 1s;
	transition:all 1s;
	cursor:pointer
	}
.toggleNotifications .show:hover{
	background:#000
	}
.toggleNotifications .show i{
	line-height:28px;
	color:#fff
	}
.toggleNotifications .count{
	position:absolute;
	top:-2px;
	right:7px;
	cursor:pointer
	}
.toggleNotifications .count .num{
	position:absolute;
	top:0;
	left:0;
	background:#f22;
	border-radius:50%;
	width:18px;
	height:18px;
	text-align:center;
	line-height:17px;
	font-size:11px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);
	box-shadow:0 1px 3px rgba(0,0,0,.25);
	border:1px solid rgba(70,70,70,.2);
	-webkit-transition:all .3s;
	transition:all .3s;
	color:#fff
	}
.notifications{
	position:fixed;
	top:42px;
	right:10px;
	width:350px;
	background:rgba(250,250,250,1);
	border-radius:7px;
	-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);
	box-shadow:0 3px 6px rgba(0,0,0,.5);
	z-index:9999;
	max-height:43vh;
	overflow:auto
	}
@media only screen and (max-width:680px){
	.notifications{
		width:85vw;
		max-width:400px
		}
		}
.notifications .note{
	margin:0 5px;
	border-bottom:1px solid #e6e6e6;
	line-height:10px;
	overflow:hidden;
	color:#464646;
	padding-left:5px;
	position:relative
	}
.notifications .note .accept-a,.notifications .note .decline-a{
	position:absolute;
	bottom:10px;
	right:5px
	}
.notifications .note .note-info{
	display:block;
	padding:0 30px 20px 40px;
	overflow-wrap:break-word;
	word-wrap:break-word;
	-ms-hyphens:auto;
	-moz-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
	width:100%;
	line-height:20px
	}
@keyframes fa-blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.fa-blink{
	-webkit-animation:fa-blink 2s linear infinite;
	-moz-animation:fa-blink 2s linear infinite;
	-ms-animation:fa-blink 2s linear infinite;
	-o-animation:fa-blink 2s linear infinite;
	animation:fa-blink 2s linear infinite
	}
.notifications a{text-decoration:none}
.notifications .note .note-header{
	font-weight:700;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:100%;
	padding-right:10px;
	line-height:40px
	}
.notifications .note:first-of-type{margin-top:0}
.notifications .note:hover{box-shadow:-5px 0 0 0 #FAB832!important}
.notifications .note .note-header i{
	position:relative;
	top:-1px;
	margin-right:10px;
	vertical-align:middle;
	width:30px;
	text-align:center
	}
.toggleList{visibility:hidden}