/* ESTILOS messages sustituto del GROWL messages*/
.aywebfwk-messages {
	position: fixed;
	top: 10px;
	width: 90%;
	max-width: 800px;
	z-index: 1024;
	point-events: none;
	left: 50%;
	transform: translateX(-50%);
}

.aywebfwk-messages .aywebfwk-messages-header {
	height: 15px;
	background-color: white;
	border: 1px solid #a8a8a8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.aywebfwk-messages-header-mark {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: none;
	margin: 3px;
}

.aywebfwk-messages-header-mark.aywebfwk-messages-toggled {
	display: inline-block;
}

.aywebfwk-messages-header-mark-info {
	background: #9CCC65;
}

.aywebfwk-messages-header-mark-warn {
	background: #FFA726;
}

.aywebfwk-messages-header-mark-fatal {
	background: #EF5350;
}

.aywebfwk-messages-header-mark-error {
	background: #EF5350;
}

.aywebfwk-messages .aywebfwk-messages-toggle {
	background-position: 0 -16px;
}

.aywebfwk-messages .aywebfwk-messages-toggle.aywebfwk-messages-toggled {
	background-position: -64px -16px;
}

.aywebfwk-messages .aywebfwk-messages-linkcompo {
	color: white;
	font-weight: bold;
	margin-left: 10px;
}

.aywebfwk-messages .aywebfwk-messages-linkcompo:before {
	content: "\f0f3";
}

.aywebfwk-messages .ui-messages-info,.aywebfwk-messages .ui-messages-warn,.aywebfwk-messages .ui-messages-error,.aywebfwk-messages .ui-messages-fatal
	{
	box-shadow: 0 2px 4px rgba(0, 0, 0, .24);
	margin: 5px 0px;
}

.aywebfwk-messages .ui-messages-info {
	color: #000000;
	background-color: #9ccc65e0;
	border-color: #9CCC65;
}

.aywebfwk-messages .ui-messages-warn {
	color: #000000;
	background-color: #ffa726eb;
	border-color: #FFA726;
}

.aywebfwk-messages .ui-messages-error {
	color: #000000;
	background-color: #ef5350eb;
	border-color: #EF5350;
}

.aywebfwk-messages .ui-messages-fatal {
	color: #000000;
	background-color: #ef5350eb;
	border-color: #EF5350;
}


/* CSS PARA COMPONENTE MESSAGES & GROWL*/

.aywebfwk-messages .ui-messages-info-icon,
.aywebfwk-messages .ui-messages-warn-icon,
.aywebfwk-messages .ui-messages-error-icon,
.aywebfwk-messages .ui-messages-fatal-icon {
    background: none;
    font: normal normal normal 18px/1 'Font Awesome 5 Free';
    font-weight:900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    width: 24px;
    height: 24px;
    font-size: 20px;
    line-height: 24px;
    position: absolute;
    color: #ffffff
}

.aywebfwk-messages .ui-messages-info-icon:before,
.aywebfwk-messages .ui-growl-image-info:before {
    content: "\f05a";
}

.aywebfwk-messages .ui-messages-warn-icon:before,
.aywebfwk-messages .ui-growl-image-warn:before {
    content: "\f071";
}

.aywebfwk-messages .ui-messages-error-icon:before,
.aywebfwk-messages .ui-growl-image-error:before {
    content: "\f06a ";
}

.aywebfwk-messages .ui-messages-fatal-icon:before,
.aywebfwk-messages .ui-growl-image-fatal:before {
    content: "\f05e ";
}

/* CSS PARA COMPONENTE MESSAGE*/

.aywebfwk-messages .ui-message-info,
.aywebfwk-messages .ui-message-warn,
.aywebfwk-messages .ui-message-error,
.aywebfwk-messages .ui-message-fatal {
    background-color: transparent;
    border: none;
}

.aywebfwk-messages .ui-message-info-detail,
.aywebfwk-messages .ui-message-warn-detail,
.aywebfwk-messages .ui-message-error-detail,
.aywebfwk-messages .ui-message-fatal-detail {
    margin-left: 20px;
    color: #000000;
}

.aywebfwk-messages .ui-message-info-icon,
.aywebfwk-messages .ui-message-warn-icon,
.aywebfwk-messages .ui-message-error-icon,
.aywebfwk-messages .ui-message-fatal-icon {
    background: none;
    font: normal normal normal 14px/1 'Font Awesome 5 Free';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    font-size: 16px;
    line-height: 14px;
    position: absolute;
    color: #000000;
}

.aywebfwk-messages .ui-message-info-icon:before {
    content: "\f05a";
    color: #9CCC65;
}

.aywebfwk-messages .ui-message-warn-icon:before {
    content: "\f071";
    color: #FFA726;
}

.aywebfwk-messages .ui-message-error-icon:before {
    content: "\f06a ";
    color: #EF5350;
}

.aywebfwk-messages .ui-message-fatal-icon:before {
    content: "\f05e ";
    color: #EF5350;
}