primereact/components/message/Message.css

[](https://gitter.im/primefaces/primereact?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

.ui-message {
    border: 1px solid;
    margin: 0px .25em;
    padding: .25em .5em;
    display: inline-block;
}

.ui-message .fa {
    margin-right: .25em;
}

.ui-message.ui-message-icon-only .fa {
    margin-right: 0;
}

.ui-fluid .ui-message {
    display: block;
}

.ui-message-success {
    color: #ffffff;
    background-color: #4CAF50;
    border-color: #4CAF50;
}

.ui-message-info {
    color: #ffffff;
    background-color: #2196f3;
    border-color: #2196f3;
}

.ui-message-warn {
    color: #ffffff;
    background-color: #FFB300;
    border-color: #FFB300;
}

.ui-message-error {
    color: #ffffff;
    background-color: #f44336;
    border-color: #f44336;
}