@import url('../../variables.less');


/**********************************************************************************
To style the outermost wrapper element of the message widget.
***********************************************************************************/
.app-message {
}


/**********************************************************************************
To style the caption text of the message widget.
***********************************************************************************/
.app-message-text {
}


/**********************************************************************************
To style the title of message widget.
***********************************************************************************/
.app-message-title {
}


/**********************************************************************************
To style the text wrapper element of message widget.
***********************************************************************************/
.app-message-text-wrapper {
}


/**********************************************************************************
To style the icon of message widget.
***********************************************************************************/
.app-message-icon {
}


/**********************************************************************************
To style the cloe button of message widget.
***********************************************************************************/
.app-message-closebtn {
}


.success-dark-message.app-message {
    background-color: @messageSuccessColor;
    border-color: transparent;
}


.success-dark-message.app-message-text {
    color: @defaultColorF;
}


.success-dark-message.app-message-icon .app-icon-text {
    color: @defaultColorF;
}


.success-dark-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
    color: @defaultColorF;
}


.error-dark-message.app-message {
    background-color: @messageErrorColor;
    border-color: transparent;
}


.error-dark-message.app-message-text {
    color: @defaultColorF;
}


.error-dark-message.app-message-icon .app-icon-text {
    color: @defaultColorF;
}


.error-dark-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
    color: @defaultColorF;
}


.warning-dark-message.app-message {
    background-color: @messageWarningColor;
    border-color: transparent;
}


.warning-dark-message.app-message-text {
    color: @defaultColorF;
}


.warning-dark-message.app-message-icon .app-icon-text {
    color: @defaultColorF;
}


.warning-dark-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
    color: @defaultColorF;
}


.info-dark-message.app-message {
    background-color: @messageInfoColor;
    border-color: transparent;
}


.info-dark-message.app-message-text {
    color: @defaultColorF;
}


.info-dark-message.app-message-icon .app-icon-text {
    color: @defaultColorF;
}


.info-dark-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
    color: @defaultColorF;
}


.loading-dark-message.app-message {
    background-color: @messageLoadingColor;
    border-color: transparent;
}


.loading-dark-message.app-message-text {
    color: @defaultColorF;
}


.loading-dark-message.app-message-icon .app-icon-text {
    color: @defaultColorF;
}


.loading-dark-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
    color: @defaultColorF;
}


.success-light-message.app-message {
    background-color: @defaultColorF;
    border-color: @defaultColorD;
}


.success-light-message.app-message-text {
    color: @defaultColor6;
}


.success-light-message.app-message-icon .app-icon-text {
    color: @messageSuccessColor;
}


.success-light-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
    color: @defaultColor6;
}


.error-light-message.app-message {
    background-color: @defaultColorF;
    border-color: @defaultColorD;
}


.error-light-message.app-message-text {
    color: @defaultColor6;
}


.error-light-message.app-message-icon .app-icon-text {
    color: @messageErrorColor;
}


.error-light-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
    color: @defaultColor6;
}


.warning-light-message.app-message {
    background-color: @defaultColorF;
    border-color: @defaultColorD;
}


.warning-light-message.app-message-text {
    color: @defaultColor6;
}


.warning-light-message.app-message-icon .app-icon-text {
    color: @messageWarningColor;
}


.warning-light-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
    color: @defaultColor6;
}


.info-light-message.app-message {
    background-color: @defaultColorF;
    border-color: @defaultColorD;
}


.info-light-message.app-message-text {
    color: @defaultColor6;
}


.info-light-message.app-message-icon .app-icon-text {
    color: @messageInfoColor;
}


.info-light-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
    color: @defaultColor6;
}


.loading-light-message.app-message {
    background-color: @defaultColorF;
    border-color: @defaultColorD;
}


.loading-light-message.app-message-text {
    color: @defaultColor6;
}


.loading-light-message.app-message-icon .app-icon-text {
    color: @messageLoadingColor;
}


.loading-light-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
    color: @defaultColor6;
}


.success-dark-message.app-message {
}


.success-dark-message.app-message-text {
}


.success-dark-message.app-message-title {
}


.success-dark-message.app-message-icon .app-icon-text {
}


.success-dark-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
}


.success-dark-message.app-message-icon.root {
}


.error-dark-message.app-message {
}


.error-dark-message.app-message-text {
}


.error-dark-message.app-message-title {
}


.error-dark-message.app-message-icon .app-icon-text {
}


.error-dark-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
}


.error-dark-message.app-message-icon.root {
}


.warning-dark-message.app-message {
}


.warning-dark-message.app-message-text {
}


.warning-dark-message.app-message-title {
}


.warning-dark-message.app-message-icon .app-icon-text {
}


.warning-dark-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
}


.warning-dark-message.app-message-icon.root {
}


.info-dark-message.app-message {
}


.info-dark-message.app-message-text {
}


.info-dark-message.app-message-title {
}


.info-dark-message.app-message-icon .app-icon-text {
}


.info-dark-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
}


.info-dark-message.app-message-icon.root {
}


.loading-dark-message.app-message {
}


.loading-dark-message.app-message-text {
}


.loading-dark-message.app-message-title {
}


.loading-dark-message.app-message-icon .app-icon-text {
}


.loading-dark-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
}


.loading-dark-message.app-message-icon.root {
}


.success-light-message.app-message {
}


.success-light-message.app-message-text {
}


.success-light-message.app-message-title {
}


.success-light-message.app-message-icon .app-icon-text {
}


.success-light-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
}


.success-light-message.app-message-icon.root {
}


.error-light-message.app-message {
}


.error-light-message.app-message-text {
}


.error-light-message.app-message-title {
}


.error-light-message.app-message-icon .app-icon-text {
}


.error-light-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
}


.error-light-message.app-message-icon.root {
}


.warning-light-message.app-message {
}


.warning-light-message.app-message-text {
}


.warning-light-message.app-message-title {
}


.warning-light-message.app-message-icon .app-icon-text {
}


.warning-light-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
}


.warning-light-message.app-message-icon.root {
}


.info-light-message.app-message {
}


.info-light-message.app-message-text {
}


.info-light-message.app-message-title {
}


.info-light-message.app-message-icon .app-icon-text {
}


.info-light-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
}


.info-light-message.app-message-icon.root {
}


.loading-light-message.app-message {
}


.loading-light-message.app-message-text {
}


.loading-light-message.app-message-title {
}


.loading-light-message.app-message-icon .app-icon-text {
}


.loading-light-message.app-message-closebtn .app-button .app-button-icon .app-icon-text {
}


.loading-light-message.app-message-icon.root {
}

@import (optional) url('../../../wavemaker/design-tokens/basic/message.less');
@import (optional) url('../../../custom/components/basic/message.less');
@import (optional) url('../../../custom/os/components/basic/message.less');