@charset "UTF-8";

/******************************** growl styles ********************************/

body .ui-growl {
    top: unset !important;
    bottom: 85px;
}

.ui-growl
{
    z-index: 50000 !important;
    
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.38 !important;
    letter-spacing: 0.3px !important;
    min-width: 310px !important;
    top: unset !important;
    bottom: 20px !important; 
}

 .ui-growl-image::before
{
    content: "" !important;
}

.ui-growl-item-container
{
    vertical-align: -14px !important;
    padding: 15px 0px 5px 0px !important;
    border-radius: 6px !important;
    border-width: 2px !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24) !important;
    background-color: #ffffff !important;
}

.ui-growl-item
{
    padding-top: 7px !important;
    font-weight: 500 !important;
    padding-bottom: unset !important;
}

.ui-growl-message
{
    vertical-align: -14px !important;
    margin-left: 50px !important;
    padding: 0px !important;
    width: auto !important;
    float: none !important;
}

.ui-growl-title
{
    font-weight: 500 !important;
}

.ui-growl-image
{
	width: unset !important;
	height: unset !important;
}

.ui-growl-error
{
}

.ui-growl-error,
.ui-growl-image-error
{
    color: var(--cherry-red) !important;
    border-color: var(--cherry-red) !important;
    background-image: url(/auth-portal/resources/easy-login/images/icons/nok-red@2x.png) !important;
    background-repeat: no-repeat !important;
    background-size: 30px 30px !important;
    background-position: 20px 20px !important;
}

.ui-growl-info,
.ui-growl-image-info
{
    color: var(--avocado-green) !important;
    border-color: var(--avocado-green) !important;
    background-image: url(/auth-portal/resources/easy-login/images/icons/ok-green@2x.png) !important;
    background-repeat: no-repeat !important;
    background-size: 30px 30px !important;
    background-position: 20px 20px !important;
}

/******************************* messages styles ******************************/

.ui-messages
{
    background-color: var(--white) !important;
    margin-bottom: 25px !important;
}

.ui-messages ul li::before
{
    content: "" !important;
}

.ui-messages ul li
{
   margin-bottom: 0px !important;
}

.ui-messages-close
{
    color: var(--cherry-red) !important;
}

.ui-messages-error
{
    /*border: 1px solid var(--cherry-red) !important;*/
    color: var(--cherry-red) !important;
    background-color: rgba(237, 2, 40, 0.08) !important;
}

.ui-messages-error-icon
{
    color: var(--cherry-red) !important;
    margin-top: -2px !important;
}

.ui-messages-info-summary,
.ui-messages-warn-summary,
.ui-messages-error-summary,
.ui-messages-fatal-summary,
.ui-message-info-summary,
.ui-message-warn-summary,
.ui-message-error-summary,
.ui-message-fatal-summary
{
    font-size: 16px !important;
    font-weight: 400 !important;
}