.view-form
    .view-form-item-label
        text-align: right
        vertical-align: middle
        float: left
        font-size: $font-size-small
        color: $text-color
        line-height: 1
        padding: 10px 12px 10px 0
        box-sizing: border-box


    &-label-left .view-form-item-label
        text-align: left
    &-label-top .view-form-item-label
        float: none
        display: inline-block
        padding: 0 0 10px 0
    &-inline
        .view-form-item
            display: inline-block
            margin-right: 10px
            vertical-align: top

.view-form-item
    margin-bottom: 24px
    vertical-align: top
    clearfix()
    &-content
        position: relative
        line-height: 32px
        font-size: $font-size-small
    & &
        margin-bottom: 0
    & & &-content
        margin-left: 0!important

    &-error-tip
        position: absolute
        top: 100%
        left: 0
        line-height: 1
        padding-top: 6px
        color: $error-color
    &-help
        width: 100%
        position: absolute
        top: 100%
        left: 0
        line-height: 1
        padding-top: 6px
        color: $text-color
    &-help-tip
        display: inline-block
        width: 100%
        overflow: hidden
        white-space: nowrap
        text-overflow ellipsis

    &-required
        .view-form-item-label:before
            content: '*';
            display: inline-block;
            margin-right: 4px;
            line-height: 1;
            font-family: SimSun;
            font-size: $font-size-small;
            color: $error-color;