/**
 * EWC flash messages (Hyvä #messages / .page.messages).
 * Old site: pub/errors/default/css/styles.css + common.scss (.message.success).
 * Colors: error #fae5e5 / #b30000 · success & others #bd9471 / #ffffff
 * Icons: /cms/images/message/i_msg-{error|success|note}.gif
 */

.page.messages #messages .messages,
#messages .messages {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
	padding-block: 0;
}

.page.messages .message,
#messages .message {
    border-radius: 0;
    box-shadow: none;
    border-width: 0;
    border-style: solid;
    font-weight: 600;
    margin: 0;
    padding: 10px 20px 10px 35px;
    background-repeat: no-repeat;
    background-position: 10px 11px;
}

.page.messages .message.error,
#messages .message.error {
    border-color: #b30000;
    background-color: #fae5e5;
    background-image: url(/cms/images/message/i_msg-error.gif);
    color: #b30000;
}

.page.messages .message.error,
#messages .message.error span {
    color: #b30000;
}

.page.messages .message.error,
#messages .message.error button svg * {
    stroke: #b30000;
}

.page.messages .message.success,
#messages .message.success {
    border-color: #bd9471;
    background-color: #bd9471;
    background-image: url(/cms/images/message/i_msg-success.gif);
    color: #ffffff;
}

.page.messages .message.success,
#messages .message.success span {
    color: #ffffff;
}

.page.messages .message.success,
#messages .message.success button svg * {
    stroke: #ffffff;
}

.page.messages .message.info,
.page.messages .message.notice,
.page.messages .message.warning,
#messages .message.info,
#messages .message.notice,
#messages .message.warning {
    border-color: #bd9471;
    background-color: #bd9471;
    background-image: url(/cms/images/message/i_msg-note.gif);
    color: #ffffff;
}

.page.messages .message.info span,
.page.messages .message.notice span,
.page.messages .message.warning span,
#messages .message.info span,
#messages .message.notice span,
#messages .message.warning span {
    color: #ffffff;
}

.page.messages .message.info button svg *,
.page.messages .message.notice button svg *,
.page.messages .message.warning button svg *,
#messages .message.info button svg *,
#messages .message.notice button svg *,
#messages .message.warning button svg * {
    stroke: #ffffff;
}

.page.messages .message.error a,
#messages .message.error a {
    color: #b30000;
}

.page.messages .message.success a,
.page.messages .message.info a,
.page.messages .message.notice a,
.page.messages .message.warning a,
#messages .message.success a,
#messages .message.info a,
#messages .message.notice a,
#messages .message.warning a {
    color: #ffffff;
}

.page.messages .message button,
#messages .message button {
    flex-shrink: 0;
    margin-left: 12px;
}

.page.messages .message.error button,
#messages .message.error button {
    color: #b30000;
}

.page.messages .message.error button:hover,
#messages .message.error button:hover {
    color: #8a0000;
}

.page.messages .message.success button,
.page.messages .message.info button,
.page.messages .message.notice button,
.page.messages .message.warning button,
#messages .message.success button,
#messages .message.info button,
#messages .message.notice button,
#messages .message.warning button {
    color: #ffffff;
}

.page.messages .message.success button:hover,
.page.messages .message.info button:hover,
.page.messages .message.notice button:hover,
.page.messages .message.warning button:hover,
#messages .message.success button:hover,
#messages .message.info button:hover,
#messages .message.notice button:hover,
#messages .message.warning button:hover {
    color: rgba(255, 255, 255, 0.85);
}