.ui-growl {
    z-index : 300000 !important;
}

.ui-growl-item-container {
    z-index : 300001 !important;
}

body.layout-compact .ui-growl:hover .ui-growl-item-container {
    opacity : 1.00 !important;
    filter  : alpha(opacity=100) !important;
}

.ui-growl-error, .ui-growl-fatal {
    opacity : 0.90 !important;
    filter  : alpha(opacity=90);
}

.ui-growl-warn {
    opacity : 0.90 !important;
    filter  : alpha(opacity=90);
}

body.layout-compact .ui-growl-item-container {
    opacity : 0.90;
    filter  : alpha(opacity=90);
}

.ui-growl-message p {
    margin-top : 20px;
}

body.layout-compact .ui-growl {
    top   : 96px;
    color : black;
}

/*.ui-growl-item {*/
/*opacity            : 0.60;*/
/*filter             : alpha(opacity=60);*/
/*-webkit-box-shadow : 0 3px 5px 0 #2E68A1;*/
/*box-shadow         : 0 3px 5px 0 #2E68A1;*/
/*}*/

/*.ui-growl-icon-close {*/
/*background-color : white;*/
/*}*/

.ui-growl-message {
    /*white-space : nowrap;*/
    white-space : pre-wrap;
    display     : block;
    word-wrap   : break-word;
}

.ui-growl-title {
    white-space  : pre-wrap;
    margin-right : 20px;
}

/*.ui-growl-image-error {*/
/*    background-image    : url("") !important;*/
/*    background-position : 0;*/
/*    !*margin-top          : 5px;*!*/
/*}*/

/*.ui-growl-image-info {*/
/*    background-image    : url("") !important;*/
/*    background-position : 0;*/
/*    !*margin-top          : 5px;*!*/
/*}*/

/*.ui-growl-image-warn {*/
/*    background-image    : url("") !important;*/
/*    background-position : 0;*/
/*    !*margin-top          : 5px;*!*/
/*}*/

/*.ui-growl-image-fatal {*/
/*    background-image    : url("") !important;*/
/*    background-position : 0;*/
/*    !*margin-top          : 5px;*!*/
/*}*/

body .ui-growl > .ui-growl-item-container.ui-growl-fatal {
    -webkit-box-shadow : 0 0 20px 2px #ff0a07 !important;
    background         : #5e0000; /* Old browsers */
    background         : -moz-linear-gradient(top, #5e0000 1%, #a50002 100%) !important; /* FF3.6-15 */
    background         : -webkit-linear-gradient(top, #5e0000 1%, #a50002 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background         : linear-gradient(to bottom, #5e0000 1%, #a50002 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e0000', endColorstr='#a50002', GradientType=0) !important; /* IE6-9 */
    box-shadow         : 1.4px 1.4px 2.2px rgba(0, 0, 0, 0.056),
    3.3px 3.3px 5.3px rgba(0, 0, 0, 0.081),
    6.3px 6.3px 10px rgba(0, 0, 0, 0.1),
    11.2px 11.2px 17.9px rgba(0, 0, 0, 0.119),
    20.9px 20.9px 33.4px rgba(0, 0, 0, 0.144),
    50px 50px 80px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow : 1.4px 1.4px 2.2px rgba(0, 0, 0, 0.056),
    3.3px 3.3px 5.3px rgba(0, 0, 0, 0.081),
    6.3px 6.3px 10px rgba(0, 0, 0, 0.1),
    11.2px 11.2px 17.9px rgba(0, 0, 0, 0.119),
    20.9px 20.9px 33.4px rgba(0, 0, 0, 0.144),
    50px 50px 80px rgba(0, 0, 0, 0.2);
}

body .ui-growl > .ui-growl-item-container.ui-growl-error {
    background         : #e62a10; /* Old browsers */
    background         : -moz-linear-gradient(top, #c02910 1%, #e62a10 100%) !important; /* FF3.6-15 */
    background         : -webkit-linear-gradient(top, #c02910 1%, #e62a10 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background         : linear-gradient(to bottom, #c02910 1%, #e62a10 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr='#c02910', endColorstr='#e62a10', GradientType=0) !important; /* IE6-9 */
    box-shadow         : 1.4px 1.4px 2.2px rgba(0, 0, 0, 0.056),
    3.3px 3.3px 5.3px rgba(0, 0, 0, 0.081),
    6.3px 6.3px 10px rgba(0, 0, 0, 0.1),
    11.2px 11.2px 17.9px rgba(0, 0, 0, 0.119),
    20.9px 20.9px 33.4px rgba(0, 0, 0, 0.144),
    50px 50px 80px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow : 1.4px 1.4px 2.2px rgba(0, 0, 0, 0.056),
    3.3px 3.3px 5.3px rgba(0, 0, 0, 0.081),
    6.3px 6.3px 10px rgba(0, 0, 0, 0.1),
    11.2px 11.2px 17.9px rgba(0, 0, 0, 0.119),
    20.9px 20.9px 33.4px rgba(0, 0, 0, 0.144),
    50px 50px 80px rgba(0, 0, 0, 0.2);
}

body .ui-growl > .ui-growl-item-container.ui-growl-warn {
    background         : orangered; /* Old browsers */
    background         : -moz-linear-gradient(top, #FF4500 1%, #ff8400 100%) !important; /* FF3.6-15 */
    background         : -webkit-linear-gradient(top, #FF4500 1%, #ff8400 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background         : linear-gradient(to bottom, #FF4500 1%, #ff8400 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4500', endColorstr='#ff8400', GradientType=0) !important; /* IE6-9 */
    box-shadow         : 1.4px 1.4px 2.2px rgba(0, 0, 0, 0.056),
    3.3px 3.3px 5.3px rgba(0, 0, 0, 0.081),
    6.3px 6.3px 10px rgba(0, 0, 0, 0.1),
    11.2px 11.2px 17.9px rgba(0, 0, 0, 0.119),
    20.9px 20.9px 33.4px rgba(0, 0, 0, 0.144),
    50px 50px 80px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow : 1.4px 1.4px 2.2px rgba(0, 0, 0, 0.056),
    3.3px 3.3px 5.3px rgba(0, 0, 0, 0.081),
    6.3px 6.3px 10px rgba(0, 0, 0, 0.1),
    11.2px 11.2px 17.9px rgba(0, 0, 0, 0.119),
    20.9px 20.9px 33.4px rgba(0, 0, 0, 0.144),
    50px 50px 80px rgba(0, 0, 0, 0.2);
}

body .ui-growl > .ui-growl-item-container.ui-growl-info {
    background         : #2196F3; /* Old browsers */
    background         : -moz-linear-gradient(top, #1d70b2 1%, #2196F3 100%) !important; /* FF3.6-15 */
    background         : -webkit-linear-gradient(top, #1d70b2 1%, #2196F3 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background         : linear-gradient(to bottom, #1d70b2 1%, #2196F3 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d70b2', endColorstr='#2196F3', GradientType=0) !important; /* IE6-9 */
    box-shadow         : 1.4px 1.4px 2.2px rgba(0, 0, 0, 0.056),
    3.3px 3.3px 5.3px rgba(0, 0, 0, 0.081),
    6.3px 6.3px 10px rgba(0, 0, 0, 0.1),
    11.2px 11.2px 17.9px rgba(0, 0, 0, 0.119),
    20.9px 20.9px 33.4px rgba(0, 0, 0, 0.144),
    50px 50px 80px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow : 1.4px 1.4px 2.2px rgba(0, 0, 0, 0.056),
    3.3px 3.3px 5.3px rgba(0, 0, 0, 0.081),
    6.3px 6.3px 10px rgba(0, 0, 0, 0.1),
    11.2px 11.2px 17.9px rgba(0, 0, 0, 0.119),
    20.9px 20.9px 33.4px rgba(0, 0, 0, 0.144),
    50px 50px 80px rgba(0, 0, 0, 0.2);
}

.ui-growl-fatal .ui-growl-message {
    /*color : lightcoral !important;*/
}

.ui-growl-message p {
    text-shadow : none;
    font-size   : 80%;
    display     : none;
    white-space : pre-wrap;
}

.ui-growl-item-container:hover .ui-growl-message p {
    display : block;
}

.ui-growl-message p {
    text-shadow : none;
    font-size   : 80%;
    display     : none;
    white-space : pre-wrap;
}

.ui-growl-item-container:hover .ui-growl-message p {
    display : block;
}

.ui-growl-message {
    padding : 0 0 5px 0;
    width   : 360px;
    float   : right;
}

.ui-growl {
    width : 450px;
}