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

form.hp-edit-form, form.hp-add-form {
  li.hp-form-item {
    // richer items, content elements with help/errors, etc.
    
    .hp-form-content {
      position: relative;
      min-width: 390px;
      width: 73%;
      margin-right: 0px;
      font-size: $body-font-size;
      
      body.hp-narrow & {
        min-width: 340px;
      }
  
      > * {
        vertical-align: top;
        font-size: $body-font-size;
      }
  
      > label, > .hp-table-error {
        display: inline-block;
        margin: 10px 20px 10px 0px;
      }
      
      label.hp-help, label.hp-error, label.hp-optional {
        ul li {
          list-style: disc inside none;
        }
      }
      
      label {
        &.hp-important {
          margin: 2px 0px;
        }
        
        &.hp-disabled {
          color: $secondary-color;
        }
      }
      
      > input, > textarea, > .hp-search-combo, > .hp-select-form, > .selectBox {
        margin: 2px 15px 2px 0px;
        color: $primary-color;
      }
      
      > input[type="radio"] {
        margin: 10px 10px 10px 0px;
        width: 13px;
        height: 13px;
        position: relative;
        top: 1px;
      }
      > input[type="checkbox"] {
        margin: 10px 15px 10px 0px;
        width: 13px;
        height: 13px;
        position: relative;
        top: 1px;
        @include box-sizing(border-box);
      }
  
      > .hp-toggle {
        margin: 4px 10px 4px 0px;
      }
  
      > table {
        display: inline-block;
        margin-top: 5px;
      }
  
      > .hp-table-error {
        max-width: 30%;
        color: $error;
        margin-left: 10px;
      }
      
      .hp-select {
        &.hp-active {
          .hp-options { 
            z-index: $tooltip-z-index + 3; //keep it higher than the form messages.
          }
        }
      }
      
      .hp-search-combo.hp-active {
        .hp-search-combo-menu {
          z-index: $tooltip-z-index + 3; //keep it higher than the form messages.
        }
        &:hover .hp-help, &.hp-active .hp-help {
          border-left: none;
          background: transparent;
          padding: 0px;
          right: 0px;
          position: relative;
          margin: 0px;
          opacity: 1;
          @include animation(0, none);
          word-break: break-all;
          &:before {
            border-width: 0px;
          }
          &:after {
            border: none;
          }
        }
      }
    }
  }
}

.hp-form-content fieldset {
  ol, p {
    &:last-of-type {
      margin-bottom:0px;
    }
  }
}
