/*
 @author Dale Larsen
*/
/* 
    Created on : Feb 1, 2016, 5:44:26 PM
    Author     : Dale
*/

.eeg-notifications {
	cursor: default;
}

.notification-globe .glyphicon-globe {
	color: #8bc2d1;
	font-size: 22px;
	cursor: pointer;
	display:none;
}

.eeg-notifications .count {
	width: 20px;
    height: 20px;
    line-height: 16px;
    background-color: #e54242;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    font-family: arial;
    font-size: 10px;
    font-weight: 600;
    padding: 0;
    text-align: center;
    border: 2px solid #5db4c8;
    display: block;
    left: -3.5rem; 
    position: absolute;    
}

.notifications-popover {
	position: absolute;
	top: 47px;
	/*right: -105px;*/
        right: -8rem;
	width: 334px;
	background: #fff;
	font-weight: normal;
	z-index: 99999;
}

.scroll-row {
	max-height: 400px;
	overflow: auto;
        box-shadow: 0 3px 14px rgba(0,0,0,.15);
        border-radius: 0 0 2px 2px;
}

.notifications-row {
	border-bottom: 1px solid #eee;
	cursor: pointer;
    padding: 12px;
    display: block;
}

.notifications-row span{
	color: inherit;
	text-transform: none;
	font-size: inherit;
	font-weight: normal;
}
.notifications-row .fa, .notifications-row .glyphicon {
	color: #8bc2d1;
	margin-right: 3px;
}
.notifications-row-title {
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: default;
}
.notifications-row:last-child {
	border-bottom: none;
}
.notification-unseen {
	background-color: #fff;
}
.notifications-row:hover {
	background-color: rgba(0,0,0,.02) !important;
}
.arrow-up {
	position: absolute;
	z-index: 999999;
	top: -5px;
	right: 110px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid #fff;
}
.notifications-row strong{
        font-weight: 600;
}
.notifications-row > .ng-binding{
        font-size: 11px;
    color: #9d9d9d;
}
.glyphicon-comment:before {
    content: "\f0e5";
    display: inline-block;
    font: normal normal normal 15px/1.6 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.glyphicon-heart:before {
        content: "\f08a";
        display: inline-block;
    font: normal normal normal 15px/1.6 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/*RESPONSIVE*/
@media(max-width: 992px){ /* 992px */
	
.notifications-main{

}
.notifications-popover{
	 position: absolute;
    top: 30px;
    left: -247px;
    width: 280px;
	border:0;
    z-index: 1;
	box-shadow: 0px -2px 40px rgba(0,0,0,0.2);
}
.arrow-left {
    top: -20px;
    left: auto;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

} /* end 992px */



/*
.row:nth-of-type(odd) {
    background: #e0e0e0;
}
*/