.btn.btn-primary {
    background: #3445b4;
    border-color: #3445b4; }
    .btn.btn-primary:hover, .btn.btn-primary:focus {
      background: #3445b4 !important;
      border-color: #3445b4 !important; }

.btn.btn-info {
  background: #44bef1;
  border-color: #44bef1; }
  /* .btn.btn-primary:hover, .btn.btn-primary:focus {
    background: #44bef1 !important;
    border-color: #44bef1 !important; }       */

       /* LOGO RESPONSIVE  */

  @media (max-width: 770px){
    .mainlogo {
      width: 120px ;
      /* height: auto;
      margin: auto; */
      display: none; 
      
      
    } 
  }

  @media (min-width: 770px){
    .mainlogo {
      width: 200px ;
      height: auto;
      float: right; 
         
    } 
  }

  #sidebar {
      
    background: #3445b4;
    color: #fff;
    
     }

     #sidebar h1 .logo span {
        
        color: #44bef1;
         }

         #sidebar ul li a span {
            color: #44bef1; }

#sidebar .custom-menu .btn.btn-primary:after {
          
          background: #3445b4;
          }                    
      

/* Color test */
.fixed-plugin .badge-black {
    background-color: #777;
}

.fixed-plugin .badge-azure {
    background-color: #2CA8FF;
}

.fixed-plugin .badge-green {
    background-color: #18ce0f;
}

.fixed-plugin .badge-orange {
    background-color: #f96332;
}

.fixed-plugin .badge-yellow {
    background-color: #FFB236;
}

.fixed-plugin .badge-red {
    background-color: #FF3636;
}

.fixed-plugin .badge-purple {
    background-color: #9368E9;
}



#notifications {
    background-color: #FFFFFF;
    display: block;
    width: 100%;
    position: relative;
}