/*!
 * Clases pertenecientes al elemento alert-inline.
 *
 * @author Claudio Lopez - tinet
 * @version 1.0
 */
.info-alert p, .warning-alert p, .info-alert-blue p, .alert p {
    margin-bottom: 0 !important;
}
.info-alert, .warning-alert, .info-alert-blue {
    background: #FEFAE7;
    padding: 16px 9px;
}
.error-alert, .critical-alert {
    background: #FCE9E9;
    padding: 16px 9px;
}
.success-alert {
    background: #E3F4D9;
    padding: 16px 9px;
}
.alert {
    background: #F4F9FC;
    padding: 16px 9px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.inline .text {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #333D47;
    min-height: 25px;
    align-items: center;
    display: flex;
}
.inline p {
    margin-bottom: 0;
}
.inline .svg {
    height: 24px;
    width: 24px;
    margin-left: 12px;
}
.pep-alert .info-alert {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

@media (max-width: 768px) {
    .inline .svg {
        margin-left: 0;
    }
    .inline .col-auto {
        padding-right: 0 !important;
    }
}