/**
 * General
 */

.vertical{
    flex-direction: column;
}

.horizontal{
    flex-direction: row;
    align-items: center;
}

.h4a-form-row{
    display: flex;
    flex:1;
    padding: 5px 0;
}

.h4a-form-row .h4a-form-column{
    display: flex;
    flex:1;
}

.h4a-form-row .h4a-form-column select,
.h4a-form-row .h4a-form-column input[type=text],
.h4a-form-row .h4a-form-column input[type=number],
.h4a-form-row .h4a-form-column input[type=email],
.h4a-form-row .h4a-form-column input[type=tel],
.h4a-form-row .h4a-form-column input[type=password]{
    height: 30px;
}

.h4a-wrapper-field{
    display: flex;
    padding: 3px;
}

.h4a-wrapper-field .h4a-wrapper-input{
    display: flex;
}

.h4a-wrapper-field .h4a-wrapper-input.horizontal > *:first-child{
    margin-right: 5px;
}

.h4a-wrapper-field .h4a-wrapper-input .h4a-wrapper-input-with-prefix-suffix{
    display: inline-flex;
    flex-direction: row; /*Always*/
}

.h4a-wrapper-field .h4a-wrapper-input.horizontal + em{
    margin-left: 10px
}

/**
 * Address
 */

.h4a-fields-address{
    display: flex;
    flex-direction: column;
}

.h4a-fields-address > *{
    margin-bottom: 5px !important;
}

.h4a-fields-address .h4a-fields-address-row{
    display: flex;
    flex: 1;
    flex-direction: row;
}

.h4a-fields-address .h4a-fields-address-row .h4a-street-number-wrapper > input{
    width: 110px;
}

.h4a-address-line{
    flex: 1;
}

.h4a-fields-address .h4a-street-type .h4a-wrapper-field{
    padding: 0;
}

.h4a-fields-address .h4a-fields-address-row .h4a-street-number-wrapper > label{
    vertical-align: initial;
}

.h4a-fields-address .h4a-fields-address-column{
    display: inline-flex;
    flex: 1;
}

.h4a-fields-address .h4a-fields-address-column.horizontal{
    display: flex;
    align-items: center;
}

.h4a-fields-address .h4a-fields-address-column.horizontal > *:first-child{
    margin-right: 5px !important;
}

.h4a-fields-address .h4a-fields-address-column.vertical:not(:first-child) {
    margin-left: 5px;
    padding-left: 5px;
}

/**
 * Map
 */

.h4a-map-marker-info{
    display: flex;
    align-items: center;
}

.h4a-map-marker-info > input{
    display: inline-flex;
    flex: 1;
}

/*.h4a-map-marker-title{
    flex: 1;
}*/

.h4a-map{
    min-height: 500px;
}

/**
 * Time
 */

.h4a-fields-time{
    width: 90px;
}

/**
 * Radio & Checkbox
 */

input[type=radio] + label{
    margin-left: 5px;
}

input[type=checkbox] + label{
    margin-left: 5px;
}

/**
 * Responsive
 */

fieldset.switch-to-vertical > .h4a-form-row,
fieldset.switch-to-vertical > .h4a-form-row > .h4a-form-column:not(.vertical),
fieldset.switch-to-vertical > .h4a-form-row > .h4a-form-column > .h4a-wrapper-field:not(.vertical),
fieldset.switch-to-vertical .h4a-fields-address .h4a-fields-address-row
{
    flex-direction: column;
}
fieldset.switch-to-vertical .h4a-fields-address-column.vertical:not(:first-child){
    margin-left: initial;
    padding-left: initial;
}

/**
 * Repeater
 */

.h4a-repeater-actions{
    display: flex;
    justify-content: space-between;
}