#alert-wrapper{
    position: fixed;
    right: 20px;
    bottom: 0px;
    z-index: 100;
    width: 400px;
}

.alert{
    cursor: pointer;
    width: -webkit-fill-available;
}

.alert > p{
    line-height: 30px;
}

.alert > button:focus{
    outline: none;
}

.alert-success, .ajs-success{
    background-color: #28a745 !important;
    color: #eee;
    border: 2px dashed #fff;
}

.alert-blue-hero{
    background-color: #004563;
    color: #eee;
    border: 2px dashed #fff;
}

.alert-white-hero{
    background-color: #fff;
    color: #1e2027;
    border: 2px dashed #6c5dd3;
}

.alert-danger, .ajs-error{
    background-color: #b8184deb !important;
    color: #eee;
    border: 2px dashed #fff;
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible{
    width: 290px;
}

.alert-notifier{
    background-color: #616161;
    color: #eee;
    border: 2px dashed #fff;
}

@media (max-width: 576px){
    #alert-wrapper{
        right: auto;
        width: fit-content;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}