/**
* Messages styles
*/

.shop_error,
.shop_warning,
.shop_debug,
.shop_critical,
.shop_info,
.shop_tip {
    background-color: #f1f2f3;
    background-position: 10px center;
    background-repeat: no-repeat;
    margin: 0 0 1em 0;
    padding: 1em 1em 1em 54px;
    position: relative;
    font-size: 14px;
    color: #000;
    text-align: left;
}

.shop_error b,
.shop_warning b,
.shop_debug b,
.shop_critical b,
.shop_info b,
.shop_tip b {
    font-weight: normal;
}

.shop_error:first-child,
.shop_warning:first-child,
.shop_debug:first-child,
.shop_critical:first-child,
.shop_info:first-child,
.shop_tip:first-child {
    margin-top: 1em;
}

.shop_error:before,
.shop_warning:before,
.shop_debug:before,
.shop_critical:before,
.shop_info:before,
.shop_tip:before {
    font-family: 'FontAwesome';
    content: "\f05e";
    color: #aaa;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -12px;
}

.shop_error:before {
    color: #ff796b;
    content: "\f05e";
}

.shop_warning:before {
    color: #f3ac26;
    content: "\f071";
}

.shop_debug:before {
    content: "\f188";
}

.shop_critical:before {
    color: #e45344;
    content: "\f06a";
}

.shop_info:before {
    color: #66a3d0;
    content: "\f05a";
}

.shop_tip:before {
    content: "\f0eb";
}