/************** 
 alert warnings
**************/

.alert {
    position: absolute;
    text-align: center;
    color: black;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 1.2rem 0 1rem;
}

.alert-primary{
    background-color: #CCE5FF;
    color: rgb(27, 99, 151);
}

.alert-info{
    background-color:#D1ECF1;
    color: rgb(78, 141, 161);
}

.alert-success{
    background-color: #D4EDDA;
    color: #758578;
}

.alert-warning{
    background-color: #FFF3CD;
    color: #76705e;
}

.alert-danger{
    background-color: #F8D7DA;
    color: #837172;
}

/* X to close (need js script) */
.close-alert{
    position: absolute;
    cursor: pointer;
    top: 5px;
    right: 5px;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.4);
}