.ui-messages>div {
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    padding-block: 1.5rem !important;
    padding-inline: 10px !important;
}

.ui-messages.sidebar-hidden {
    width: 100% !important;
    margin-left: 0 !important;
}

.ui-messages.login-message {
    top: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
}

.ui-messages {
    transition: margin-left .2s ease, width .2s ease;
    width: calc(100% - var(--sidebar-width)) !important;
    user-select: none !important;
    top: var(--topbar-height);
    margin-left: var(--sidebar-width) !important;
    position: fixed !important;
    z-index: 998 !important;

    .ui-messages-close:focus {
        outline: 0 none !important;
        outline-offset: 0 !important;
        box-shadow: 0 0 0 !important;
    }

    .ui-messages-close {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        background: transparent !important;
        color: white !important;

        .ui-icon {
            font-size: 18px !important;
        }
    }

    .ui-messages-error {
        min-height: 67px !important;
        width: 100% !important;
        background: #d13312 !important;
        color: white !important;
        border: 1px solid #d13312 !important;

        ul {
            margin-top: 5px !important;
        }

        .ui-messages-error-detail {
            font-size: 14px !important;
            font-weight: 600 !important;
        }

        .ui-messages-error-icon {
            margin-top: 2px !important;
            color: white !important;
        }
    }

    .ui-messages-warn {
        width: 100% !important;
        background: #e89d13 !important;
        color: white !important;
        border: 1px solid #e89d13 !important;
        min-height: 67px !important;

        .ui-messages-warn-detail {
            font-size: 14px !important;
            font-weight: 600 !important;
        }

        ul {
            margin-top: 5px !important;
        }

        .ui-messages-warn-icon {
            margin-top: 2px !important;
            color: white !important;
        }
    }

    .ui-messages-info {
        width: 100% !important;
        background: #1d8102 !important;
        color: white !important;
        border: 1px solid #1d8102 !important;
        min-height: 67px !important;

        ul {
            margin-top: 5px !important;
        }

        .ui-messages-info-detail {
            font-size: 14px !important;
            font-weight: 600 !important;
        }

        .ui-messages-info-icon {
            margin-top: 2px !important;
            color: white !important;
        }
    }
}

/*mobile*/
@media screen and (max-width: 769px) {
    .ui-messages {
        width: 100% !important;
        margin-left: 0 !important;
    }
}