.w-message {
position: relative;
text-align: left;
border-radius: 0.3rem;
margin-bottom: 1.5rem;
}
.w-message-icon {
display: none;
text-align: center;
font-size: 2rem;
width: 5rem;
opacity: 0.5;
}
.w-message-body {
padding: 1.5rem;
}
.w-message-body p:not(:last-child) {
margin-bottom: 0.75rem;
}
.w-message-close {
display: none;
cursor: pointer;
position: relative;
font-size: 1.4rem;
padding: 1.5rem;
background: none;
opacity: 0.3;
transition: opacity 0.3s;
}
.w-message-close:before {
content: '\f00d';
font-family: fontawesome;
font-weight: 400;
vertical-align: top;
}
.w-message-close:focus,
.no-touch .w-message-close:hover {
opacity: 1;
} .w-message.with_icon {
display: flex;
align-items: center;
}
.w-message.with_icon .w-message-icon {
display: block;
flex-shrink: 0;
}
.w-message.with_icon .w-message-body {
padding-left: 0;
} .w-message.with_close {
display: flex;
align-items: center;
}
.w-message.with_close .w-message-close {
display: block;
flex-shrink: 0;
align-self: flex-start;
}
.w-message.with_close .w-message-body {
flex-grow: 1;
padding-right: 0;
} .w-message.color_red {
background: #ffd9d9;
color: #a24141;
}
.w-message.color_green {
background: #c9f7b2;
color: #587549;
}
.w-message.color_blue {
background: #cef;
color: #3a648e;
}
.w-message.color_yellow {
background: #fff2b2;
color: #846534;
} .rounded_none .w-message {
border-radius: 0 !important;
}