/* CSS used here will be applied after bootstrap.css */
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css");
.dropdown {
    display:inline-block;
   /* margin-left:20px;
    padding:10px;*/
  }

  .dropdown-1:hover{
    background-color: #eee;
  }

  .quick-btn .label {
  position: absolute;
  top: 17px;
  right: 0px;
}


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

.notifications {
   min-width:420px; 
  }
  
  .notifications-wrapper {
     overflow:auto;
      max-height:250px;
	  width: 100%;
    }
    
 .menu-title {
     color:#039CA2;
     /*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.3rem;
 color:#000;
    
}

.item-info{
  color: #039CA2;
}

.item-info:hover{
  color: #003034;
}

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

 }
    
.notification-item {
 padding:10px;
 margin:5px;
 background:#ccc;
 border-radius:4px;
 }


 @media (max-width: 640px){
  .navbar-nav .open .dropdown-menu {
    min-width:250px; 
    position: absolute;
    
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
  }

 }