.alert {
    padding: 7px 30px 7px 7px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    z-index: 9999 !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    border: 2px solid;
    line-height: normal;
    text-transform: capitalize;
}

@media (max-width: 575.98px) {
    .alert {
        right: 10px !important;
    }
}

.alert a.close.float-close.float-right {
    color: #fff;
    font-size: 16px;
}
/*alert-warning*/
.alert.alert-warning {
    background-color: #f39c12;
    border-color: #f1c40f;
}

   

/*alert-danger*/
.alert.alert-danger {
    background-color: #c0392b;
    border-color: #e74c3c;
}

    

/*alert-success*/
.alert.alert-success {
    background-color: #27ae60;
    border-color: #2ecc71;
}

    .alert.alert-success button.close {
        background: #21a67a;
    }
.alert.animated.fadeInDown button.close {
    background-color: transparent !important;
    border: transparent !important;
    color: #fff;
    padding-top: 0;
    font-size: calc(var(--commonfontsize) + 4px);
}