.piranya-view-form-wrapper > *:not(.piranya-btn) {
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
}

.piranya-view-form-wrapper > h3:empty,
.piranya-view-form-wrapper > p:empty {
    display: none;
}

.piranya-view-form-wrapper label {
    margin: 0;
}

    .piranya-view-form-wrapper label > .description {
        clear: both;
        float: left;
        font-size: 0.8em;
    }

.piranya-view-form-wrapper > form {
    width: 100%;
}

.piranya-view-form-wrapper > form > fieldset[data-fields] {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.piranya-view-form-wrapper > form > fieldset[data-fields] > input[type="submit"] {
    float: none;
    margin: 0 auto;
    clear: both;
    display: block;
}

.piranya-view-form-wrapper > form div[data-field] {
    float: left;
    clear: left;
    margin: 0px 0px 10px 0px;
    width: 100%;
}

.piranya-view-form-wrapper.horizontal-labels > form div[data-field]:not([data-field-form-type="Embedded"]):not([data-field-form-type="Group"]):not([data-field-form-type="Hidden"]),
.piranya-view-form-wrapper.horizontal-labels.configuring > form div[data-field-form-type="Hidden"].showable {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.piranya-view-form-wrapper > form div[data-field-form-type="Viewer"] > .editor > span[data-editor] > div {
    font-size: .8em;
}

.piranya-view-form-wrapper > form div[data-field] > .editor,
.piranya-view-form-wrapper > form div[data-field] > .editor > span[data-editor] {
    width: 100%;
    float: left;
}

.piranya-view-form-wrapper > form div[data-field] > .editor > span[data-editor] > * {
    box-sizing: border-box;
}

.piranya-view-form-wrapper > form div[data-field] > .editor > span[data-editor] > select.k-loading {
    min-width: 60px;
    min-height: 35px;
}

.piranya-view-form-wrapper > .validation-messages {
    list-style-type: none;
}

.piranya-view-form-wrapper > .validation-messages,
.piranya-view-form-wrapper div[data-field][data-error] > div.error,
.piranya-view-form-wrapper div[data-field][data-error] > div.error > p {
    color: red;
    width: 100%;
}

.piranya-view-form-wrapper.horizontal-labels div[data-field][data-error] > div.error {
    margin: 2px 0 0 170px;
}

.piranya-view-form-wrapper > p.success {
    color: #3e9b4b;
}

.piranya-view-form-wrapper > form > fieldset > div > i:not(:first-child) {
    margin-left: 5px;
}

.piranya-view-form-wrapper.vertical-labels fieldset > div[data-field-form-type="Checkbox"] {
    width: auto;
}

.piranya-view-form-wrapper fieldset > div[data-field-form-type="Checkboxes"] > div .piranya-selector.checkboxes {
    float: left;
    width: 100%;
}

.piranya-view-form-wrapper.horizontal-labels [data-field-form-type]:not([data-field-form-type="Embedded"]):not([data-field-form-type="Checkbox"]) > label {
    float: left;
    width: 160px;
    clear: none;
    margin-right: 10px;
    word-wrap: break-word;
    min-height: 1px;
}

.piranya-view-form-wrapper [data-field-form-type].horizontal-label > .editor,
.piranya-view-form-wrapper.horizontal-labels [data-field-form-type]:not([data-field-form-type="Embedded"]):not(.vertical-label):not(.collapsible) > .editor {
    float: left;
    width: calc(100% - 170px);
    clear: none;
}

.piranya-view-form-wrapper fieldset > div[data-field-form-type="Select"] .k-widget.k-dropdown {
    width: 100%;
}

/* groups */

.piranya-view-form-wrapper.horizontal-labels [data-field-form-type="Group"]:not(:first-child) {
    margin-top: 10px;
}

.piranya-view-form-wrapper.horizontal-labels [data-field-form-type="Group"] > label,
.piranya-view-form-wrapper.horizontal-labels .group[data-field] > label {
    font-size: 1.1em;
    color: #9b9b9b;
    margin-bottom: 10px;
    width: auto !important;
}

.piranya-view-form-wrapper.horizontal-labels [data-field-form-type="Group"] > .editor,
.piranya-view-form-wrapper.horizontal-labels .group[data-field] > .editor {
    width: 100% !important;
}

.piranya-view-form-wrapper [data-field-form-type="Group"] > .editor > div[data-field]:last-of-type,
.piranya-view-form-wrapper .group[data-field] > .editor > div[data-field]:last-of-type {
    margin-bottom: 0;
}

/* end of groups */

/* form configuration */

.piranya-view-form-wrapper:not(.configuring) [data-field-form-type="Hidden"].showable {
    display: none;
}

.piranya-view-form-wrapper:not(.configuring) [data-field-form-type] > div > span[data-editor] > .configuration-actions {
    display: none;
}

.piranya-view-form-wrapper.configuring [data-field-form-type] > div > span[data-editor] > .configuration-actions {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.piranya-view-form-wrapper.configuring [data-field-form-type] > div > span[data-editor] > .configuration-actions > i {
    margin-right: 5px;
}

.piranya-view-form-wrapper.configuring [data-field-form-type].currently-hidden > div > span[data-editor] > .configuration-actions > .hide {
    display: none;
}

.piranya-view-form-wrapper.configuring [data-field-form-type].currently-shown > div > span[data-editor] > .configuration-actions > .show {
    display: none;
}

.piranya-view-form-wrapper.configuring [data-field-form-type="Hidden"].showable > div > span[data-editor] {
}

/* end of form configuration */