/* Powermail inline validation error styles
 * Ported from the pre-@layer Basic.css of the old powermail installation.
 * Needed because the new powermail Basic.css uses CSS @layer which Bootstrap 3
 * (un-layered) overrides entirely, making all powermail styles ineffective.
 */

.tx-powermail .powermail_fieldset .powermail-errors-list {
    display: none;
    margin: 5px 0 20px 0;
    padding: 0;
    list-style-type: none;
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    width: 100%;
    float: right;
    clear: left;
}

.tx-powermail .powermail_fieldset .powermail-errors-list.filled {
    display: block;
}

.tx-powermail .powermail_fieldset .powermail-errors-list > li {
    color: #A43431;
    padding: 5px 10px;
}

.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset div.error {
    background-color: #EBCCD1;
    color: #A43431;
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .powermail-errors-list {
    width: 100%;
    margin-bottom: 0;
    background-color: #EBCCD1;
    border: none;
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .powermail-errors-list > li {
    padding-left: 5px;
}