.warn-page-alert
{
    background-color: #FCF2D5;
    border-left: 4px solid #F5C044;
}
.info-page-alert
{
    background-color: #E4EBF1;
    border-left: 4px solid #5480A9;
}
.error-page-alert
{
    background-color: #F2C6C6;
    border-left: 4px solid #DF4743;
}
.success-page-alert {
    background-color: #deedde;
    border-left: 4px solid #238722;
}
.alert-page-details {
    margin: 0;
}
.icon-container
{
    margin-right: 10px;
    margin-left: 10px;
}
/* Error*/
.error-page-alert .icon-container
{
    padding: 10px 17px;
    border-radius: 100px;
    background-color: #F3A8A6;
}
.error-page-alert .alert-icon i
{
    color:#DF4743;
}
a.close.error
{
    color:#DF4743!important;
}
/* Warn*/
.warn-page-alert .icon-container
{
    background-color: #FCF2D5;
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 25px solid #F5C044;
}
.warn-page-alert .alert-icon i
{
    color:#FCF2D5;
    margin-top: 7px;
    margin-left: -2px;
}
a.close.warn
{
    color:#F5C044!important;
}
/* Info*/
.info-page-alert .icon-container
{
    padding: 10px 17px;
    border-radius: 100px;
    background-color: #C8D6E3;
}
.info-page-alert .alert-icon i
{
    color:#5480A9;
}
a.close.info
{
    color:#5480A9!important;
}
/* Success */
.success-page-alert .icon-container
{
   background-color:#BFD8BB; 
   border-radius: 100px;
   padding:10px 12px;
}
.success-page-alert .alert-icon i
{
    color:#238728;
}
a.close.success
{
    color:#238722!important;
}
.alert-page-details
{
    max-width: unset;
}
a.close
{
    right:10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}