.custom-alert {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-radius: 8px;
    margin: 1rem 0;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    border: 1px solid transparent;
    }

.custom-alert .icon {
    font-size: 1.8rem;
    margin-right: 1rem;
}

.custom-alert .text {
    font-size: 1rem;
    color: #333;
}

.alert-success {
    background-color: #e6f4ea;
    color: #359E3A;
    border-color: #c8e6c9;
}

.text-success {
    color:  #359E3A;
}

.title-success {
    color:  #216324;
}

.alert-error {
    background-color: #fbe9e7;
    color: #b71c1c;
    border-color: #f8bbd0;
}

.alert-warning {
    background-color: #fff8e1;
    color: #f57f17;
    border-color: #ffe082;
}

.alert-info {
    background-color: #e3f2fd;
    color: #1565c0;
    border-color: #90caf9;
}

.text-error {
    color:  #9e3535;
}

.title-error {
    color:  #632121;
}

.text-warning {
    color:  #ff8923 !important;
}

.title-warning {
    color:  #c26413;
}

.title-info {
    color:  #359b9e;
}

.text-info {
    color:  #35899e;
}