.custom-alert {
    position: fixed;
    bottom: 5%;
    right: 3%;
    transition: all 300ms ease-in-out;
    pointer-events: none;
    z-index: 1011;
}

.custom-alert.show {
    opacity: 1;
    pointer-events: auto;
}

.custom-alert-message {
    color: #333;
}

.bg-success div.toast-header {
    color: white;
    font-size: 17px;
    font-weight: bold;
    background-color: #4BB543;
}

.bg-success div.toast-body {
    color: white !important;
    background-color: #4BB543;
}

.bg-danger div.toast-header {
    color: white;
    font-size: 17px;
    font-weight: bold;
    background-color: #dc3545;
}

.bg-danger div.toast-body {
    color: white !important;
    background-color: #dc3545;
}