.bb-alert{

    position: fixed;
    bottom: 25%;
    right: 0;
    margin-bottom: 0;
    font-size: 1.2em;
    padding: 1em 1.3em;
    z-index: 2000;


  
    

    
   
    display: none;
    max-width: 100%;

    
  padding: 0;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem; 
}
.bb-alert span{
    margin: 20px 30px;
   display:table;
}

.bb-alert .mr-close-alert{
    color: rgb(204, 32, 32);
    float: right;
    padding: 6px; visibility:hidden;position:absolute
}

   .alert {
  border-width: 0;
  border-left-width: 4px;
  border-radius: 0; }
.alert-info {
    color: #4c3973;
    background-color: #e9e2f8;
    border-color: #e0d6f6;
}
.alert-success {
    background-color: #C4FFAB;
    border-color: #b2dba1;
    color:#3c763d;
}

.alert-warning {
    background-color: #F7B790;
    border-color: #E89F73;
    color:#672300;
}
.alert-danger {
    background-color: #FFB3B3;
    border-color: #dca7a7;
    color:#860603;
}