#toast-container>.toast {
    background-image: none !important;
    width: 100% !important;
    max-width: 675px;
    font-size: 16px !important;
    opacity: 1 !important;
    filter: alpha(opacity=100);  
    
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    border-radius: 8px !important;
    display: flex;
    align-items: center; 
    padding: 12px 20px !important;
    padding-right: 60px !important;
    position: relative !important;
}

/******* Toast Icon ********************/

 /* Error toast */
#toast-container > .toast.toast-error:before {
    content: "\f071";           /* FA4 exclamation-triangle */
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px;
    color: #EE0000 !important;
    font-size: 22px;
    vertical-align: middle;
}

/* Success toast */
#toast-container > .toast.toast-success:before {
    content: "\f058";   /* check-circle */
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px;
    color: #1b5e20 !important; /* dark green to match text */
    font-size: 22px;
    vertical-align: middle;
}

/* Warning toast */
#toast-container > .toast.toast-warning:before {
    content: "\f071";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px;
    color: #663c00 !important;
    font-size: 22px;
    vertical-align: middle;
}

/* Info toast */
#toast-container > .toast.toast-info:before {
    content: "\f05a"; 
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px;
    color: #0c5460 !important;
    font-size: 22px;
    vertical-align: middle;
}

/* Toastr Close Button */
.toast-close-button {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #545D69B2 !important;
    color: #545D69B2; 
    font-size: 23px;
    opacity: 1 !important; 

    display: flex;
    align-items: center;
    justify-content: center;

    transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}


/* Success toast → green close */
.toast-success .toast-close-button {
    border-color: #1b5e20 !important;
    color: #1b5e20 !important;
}

/* Error toast → red close */
.toast-error .toast-close-button {
    border-color: #e74c3c !important;
    color: #e74c3c !important;
}

/* Warning toast → orange close */
.toast-warning .toast-close-button {
    border-color: #f39c12 !important;
    color: #f39c12 !important;
}

/* Info toast → blue close */
.toast-info .toast-close-button {
    border-color: #3498db !important;
    color: #3498db !important;
}

#toast-container>div {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    opacity: 1 !important;
}

/** Toast Background */
.toast-success {
    background: #edf7ed;
    color: #1b5e20 !important;
    border: 1px solid #c3e6cb;
}

.toast-warning {
    background: #fff4e5;
    color: #663c00 !important;
    border: 1px solid #ffeeba;
}

.toast.info {
    background: #e8f4fd;
    color: #0c5460 !important;
    border: 1px solid #bee5eb;
}

.toast-error {
    background: #FDE5E5 !important;
    color: #EE0000 !important;
    border: 1px solid #FDE5E5 !important;
}