/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label {
    clear: both;
    margin-top: 0.4em;
}

.display-field, .editor-field, .editor-field-text-extra-small, .editor-field-text-small, .editor-field-text-medium, .editor-field-text-large, .editor-field-email, .editor-field-password, .editor-field-number, .editor-field-decimal, .editor-field-date {
    clear: both;
    margin-top: 0em;
    margin-bottom: 0em;
    width: 9em;
}

.editor-field-text-extra-small {
    width: 5em;
}

.editor-field-text-small {
    width: 10em;
}

.editor-field-text-medium, .editor-field-email {
    width: 20em;
}

.editor-field-text-large {
    width: 40em;
}

@media only screen and (max-width: 768px) {
    .editor-field-text-large {
        width: 100%;
    }
}

.editor-field-password {
    /*width: 15em;*/
}

.editor-field-number, .editor-field-decimal {
    /*width: 12em;*/
    align-content: flex-end;
}

.display-search-area {
    clear: both;
    padding-top: .5em;
    padding-left: 0em;
}