@import (optional) url('../variables/message.variant.less');
.app-message {
    border-style: var(--wm-message-container-border-style);
    border-radius: var(--wm-message-container-border-radius);
    background-color:var(--wm-message-container-background);
    border-color:var(--wm-message-container-border-color);
    border-width: var(--wm-message-container-border-width);
    padding-top: var(--wm-message-container-padding-top);
    padding-left: var(--wm-message-container-padding-left);
    padding-right: var(--wm-message-container-padding-right);
    padding-bottom: var(--wm-message-container-padding-bottom);
}

.app-message-text {
    font-size: var(--wm-message-text-size);
    color:var(--wm-message-color);
}

.app-message-title {
    color:var(--wm-message-color);
    padding-bottom: var(--wm-message-title-padding-bottom);
    font-size: var(--wm-message-title-font-size);
    font-weight: var(--wm-message-title-font-weight);
}

.app-message-text-wrapper {
    padding-left: var(--wm-message-text-wrapper-padding-left);
}

.app-message-icon .app-icon{
    width: auto;
    min-width: auto;
    height: auto;
}
.app-message-icon .app-icon-shape{
    font-size: var(--wm-message-icon-size);
    color:var(--wm-message-color);
}
.app-message-closebtn .app-button-icon .app-icon{
    width: auto;
    min-width: auto;
    height: auto;
}
.app-message-closebtn .app-button-icon .app-icon-shape{
    color: var(--wm-message-color);
    font-size: var(--wm-message-close-btn-icon-size);
}

.app-message-closebtn .app-button{
    padding-left: var(--wm-message-close-btn-padding-left);
    padding-right: var(--wm-message-close-btn-padding-right);
    border-radius: var(--wm-message-close-btn-border-radius);
    border-color: var(--wm-message-close-btn-border-color);
    background-color: var(--wm-message-close-btn-background-color);
    ripple-color:var(--wm-message-close-btn-ripple-color);
}

.alert-success .app-message-closebtn .app-button{
    background-color: var(--wm-message-close-btn-background-color);
    border-color: var(--wm-message-close-btn-border-color);
}

.alert-error .app-message-closebtn .app-button{
    background-color: var(--wm-message-close-btn-background-color);
    border-color: var(--wm-message-close-btn-border-color);
}

.alert-warning .app-message-closebtn .app-button{
    background-color: var(--wm-message-close-btn-background-color);
    border-color: var(--wm-message-close-btn-border-color);
}

.alert-info .app-message-closebtn .app-button{
    background-color: var(--wm-message-close-btn-background-color);
    border-color: var(--wm-message-close-btn-border-color);
}

.alert-loading .app-message-closebtn .app-button{
    background-color: var(--wm-message-close-btn-background-color);
    border-color: var(--wm-message-close-btn-border-color);
}