/* CSS used here will be applied after bootstrap.css */

.dropdown {
    display:inline-block;
    margin-left:20px;
    padding:10px;
  }


.glyphicon-bell {
   
    font-size:1.5rem;
  }

.notifications {
   min-width:420px; 
  }
  
  .notifications-wrapper {
     overflow:auto;
      max-height:250px;
    }
    
 .menu-title {
     color:#ff7788;
     font-size:1.5rem;
      display:inline-block;
      }
 
.glyphicon-circle-arrow-right {
      margin-left:10px;     
   }
  
   
 .notification-heading, .notification-footer  {
 	padding:2px 10px;
       }
      
        
.dropdown-menu.divider {
  margin:5px 0;          
  }

.item-title {
  
 font-size:1.5rem;
 color:#000;
    
}

.notifications a.content {
 text-decoration:none;
 background:#ccc;

 }
    
.notification-item {
 padding:10px;
 margin:5px;
     background-color: #fff;
    border: 1px solid #C7C7C7;
 border-radius:4px;
 border-left: 4px solid #479EE4;
 }
 .read .notification-item {
	 border-left: 1px solid #C7C7C7;
 }

a#dLabel:hover,a#dLabel:active,a#dLabel:focus {
	text-decoration:none;
}
.item-title {
	color:#343434;
}
.item-info {
	color:#343434;
}