.app-form-item {
    height: 100%;
    padding: 0 15px;

    .app-form-item-label {
        line-height: 21px;
        padding: 6px 10px 6px 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 7px;
        &.app-form-item-label--required {
            padding-left: 0;
        }
    }

    .required {
        color: var(--app-color-red);
    }
}

.app-form-item.label-top,
.app-form-item.label-bottom {
    .app-form-item-label {
        display: block;
    }
}

.app-form-item.label-left,
.app-form-item.label-right {

    .app-form-item-label,
    .editor {
        height: 100%;
    }
}

.app-form-item.label-left {
    .app-form-item-label {
        float: left;
    }
}

.app-form-item.label-right {
    .app-form-item-label {
        float: right;
        padding: 6px 0px 6px 10px;
    }
}

.app-form-item.label-none {
    >.app-form-item-label {
        display: none !important;
    }
}