// (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P.

form.hp-edit-form, form.hp-add-form {
  
  li.hp-form-item {
    margin-bottom: 10px;
    font-size: 0px;
    
    &.hp-show-item {
      margin-bottom: 0px;

      .hp-form-content {
        margin-bottom: 5px;
        > * {
          vertical-align: bottom;
        }
      }
      
      label:first-child {
        margin-bottom: 0px;
        margin-top: 5px;
      }
      
      label {
        margin-bottom: 0px;
        margin-top:5px;
      }
    }
    body.hp-narrow & {
      margin-bottom: 15px;
    }
    
    &:last-of-type {
      margin-bottom: 0px;
    }
    
    > * {
      vertical-align: top;
      display: inline-block;
      font-size: $body-font-size;
    }

    > label {
      margin: 10px 0px;
      
      &:first-child {
        text-align: right;
        min-width: 150px;
        width: 23%;
        padding-right: 20px;
        @include box-sizing(border-box);
        color: $secondary-color;
        
        body.hp-narrow & {
          display: block;
          text-align: left;
        }
      }
    }
    
    // simple items, single content element
    
    > input, > .hp-search-combo, > .selectBox {
      margin: 2px 15px 2px 0px;
      color: $primary-color;
    }

    > input[type="radio"] {
      margin: 10px 10px 10px 0px;
    }
    
    > input[type="checkbox"] {
      margin: 11px 10px 11px 0px;
      position: relative;
      top: -1px;
      overflow: hidden;
    }

    > .hp-toggle {
      margin: 4px 10px 4px 0px;
    }
  }
}