/* =========================================
   UI Messages
   ========================================= */

.ui-message {
    display: none;
    margin-bottom: 18px;
    padding: 11px 14px;
    border-radius: 7px;
    font-size: 14px;
    direction: rtl;
}

.ui-message.success {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #047857;
}

.ui-message.error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
}

.ui-message.warning {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #b45309;
}