/* forms new */

form,
div.fieldset,
fieldset,
form fieldset > div,
.powermail_fieldwrap {
    float: left;
    width: 100%;
}
.powermail_fieldwrap {
    margin-bottom: 15px;
}
.powermail_fieldwrap_file {
    padding-bottom: 15px;
}
label {
    float: left;
    width: 100%;
    min-height: 20px;
    padding-bottom: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.powermail_fieldwrap.nolabel label {
    display: none;
}
.tx_powermail_pi1_fieldwrap_html_check legend,
.tx_powermail_pi1_fieldwrap_html_radio legend {
    display: block;
    font-weight: bold;
    }
.tx_powermail_pi1_fieldwrap_html_check label,
.tx_powermail_pi1_fieldwrap_html_radio label {
    margin-left: 10px;
    margin-bottom: 10px;
    width: 70%;
    height: 30px;
    line-height: 15px;
    padding-top: 7px;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    }
input[type=text],
input[type=email],
input[type=tel],
input[type=color],
input[type=range],
input[type=time],
input[type=password],
textarea {
    float: left;
    width: 100%;
    height: 30px;
    background: #ECECEC;
    border-width: 1px;
    padding-left: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
textarea {
    height: 100px;
}

form div .form-check.powermail_radiowrap,
form div .form-check.powermail_checkwrap {
    display: flex;
    column-gap: 10px;
    width: 100%;
}

legend,
.powermail_form h3 {
    display: none;
}
input[type=submit],
button.powermail_submit {
    float: left;
    width: auto;
    height: 25px;
    line-height: 20px;
    font-family: Antic Slab, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 0 10px 0 10px;
    border-width: 0px;
    background: none;
    background: #0b82c1;
    color: #fff;
    cursor: pointer;
    cursor: hand;
}
input[type=text].powermail_field_error,
input[type=email].powermail_field_error,
input[type=tel].powermail_field_error,
input[type=color].powermail_field_error,
input[type=range].powermail_field_error,
input[type=time].powermail_field_error,
input[type=password].powermail_field_error,
textarea.powermail_field_error {
    border: 1px solid #c00;
}
.powermail-errors-list.filled li {
    color: #c00;
}
.parsley-errors-list {
    display: none !important;
}
.grecaptcha-badge {
    z-index: 1;
}
.powermail_captchaimage {
    margin-bottom: 15px;
}

/* UNIFORM start */

/* Select */

div.selector {
    width: 50%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    background: url('../Images/bg_select.png') right 0 no-repeat #ECECEC;
    padding: 0 0 0 5px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    }
div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 30px;
    line-height: 30px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block;
    }
div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 30px;
    top: 1px;
    left: 0px;
    width: 100%;
    cursor: pointer;
    }
div.selector.active {
    background-position: right 0;
    }
div.selector.active span {
    background-position: right 0;
    }
div.selector.hover, 
div.selector.focus {
    background-position: right 0;
    }
div.selector.hover span, 
div.selector.focus span {
    background-position: right 0;
    }
div.selector.hover.active, 
div.selector.focus.active {
    background-position: right 0;
    }
div.selector.hover.active span, 
div.selector.focus.active span {
    background-position: right 0;
    }
div.selector.disabled, 
div.selector.disabled.active {
    background-position: right 0;
    }
div.selector.disabled span, 
div.selector.disabled.active span {
    background-position: right 0;
    }

/* radio */

/* Checkbox */
div.checker {
    position: relative;
    top: 1px;
    border: 1px solid #ccc;
    border-radius: 6px;
    }
div.checker, 
div.checker span, 
div.checker input {
    width: 20px;
    height: 20px;
    cursor: pointer;
    }
div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
        width: 14px;
        height: 14px;
        border-radius: 4px;
        margin: 2px 0 0 2px;
    }
div.checker span.checked {
        background: #0b82c1;
    }
div.checker input {
    opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    /*display: inline;*/
    zoom: 1;
    }
div.checker.active span {
    }
div.checker.active span.checked {
    }
div.checker.hover span, 
div.checker.focus span {
    }
div.checker.hover span.checked, 
div.checker.focus span.checked {
    }
div.checker.hover.active span, 
div.checker.focus.active span {
    }
div.checker.hover.active span.checked, 
div.checker.focus.active span.checked {
    }
div.checker.disabled, 
div.checker.disabled.active {
    }
div.checker.disabled span.checked, 
div.checker.disabled.active span.checked {
    }

/* Radio */
div.radio {
    position: relative;
    top: 2px;
    border: 1px solid #ccc;
    border-radius: 30px;
    }
div.radio, 
div.radio span, 
div.radio input {
    width: 20px;
    height: 20px;
    cursor: pointer;
    }
div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -279px;
        width: 14px;
        height: 14px;
        border-radius: 26px;
        margin: 2px 0 0 2px;
    }
div.radio span.checked {
        background: #0b82c1;
    }
div.radio input {
    opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; 
    }
div.radio.active span {
    }
div.radio.active span.checked {
    }
div.radio.hover span, 
div.radio.focus span {
    }
div.radio.hover span.checked, 
div.radio.focus span.checked {
    }
div.radio.hover.active span, 
div.radio.focus.active span {
    }
div.radio.hover.active span.checked, 
div.radio.focus.active span.checked {
    }
div.radio.disabled span, 
div.radio.disabled.active span {
    }
div.radio.disabled span.checked, 
div.radio.disabled.active span.checked {
    }

.powermail_mandatory_helper {
    display: none;
}

    /* enquete formulier - start */

.powermail_form_15 .powermail_field > div.radio {
    width: 20px;
    margin-right: 50px;
}
.powermail_form_15 .powermail_field > div.radio label {
    text-align: center;
}
    /* enquete formulier - end */


/* confirmation page */

.powermail_all {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.powermail_confirmation {
    position: relative;
    padding-top: 40px;
}
.powermail_confirmation dt,
.powermail_confirmation dd {
    float: left;
    width: 50%;
    padding: 5px 2% 5px 0;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
}
.powermail_confirmation dt {
    font-weight: bold;
    clear: left;
}
.powermail_confirmation form {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    width: 50%;
}
.powermail_confirmation form + form {
    left: auto;
    right: 0;
}
input.powermail_confirmation_submit {
    float: right;
}
@media screen and (max-width: 500px) {
    .powermail_confirmation dt,
    .powermail_confirmation dd {
        width: 100%;
    }
    .powermail_confirmation dd {
        border-top: none;
    }
}