@import '../../../style/themes/index';
@import '../../../style/mixins/index';

@form-prefix-cls: ~'@{fc-prefix}-form';

.@{form-prefix-cls} {

  /** 样式写在这里面 */
  &-main {
    &-line {
      overflow: visible;
      display: flex;
      position: relative;
      align-items: flex-end;

      &-component {
        overflow: visible;
        width: 100%;
        float: left;
        &-col-form {
          margin-bottom: @margin-huge;
        }

        &-col-formitem {
          width: 100%;
          margin-bottom: 0px;
          margin-right: 0px;

          &-item {
            width: 100%;
            flex: 1;

            &-toggle {
              padding-left: @padding-xs;
              cursor: pointer;
              height: 4*@unit;
              white-space: nowrap;
              flex-grow: 0;
              flex-shrink: 1;
            }
          }

          &-col {
            display: flex;
          }
        }
      }
    }
  }

  &-singleLine {
    width: 100%;
    float: left;
  }

  &-icons {
    width: 50px - 8px;
    float: left;
    height: 32px;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    cursor: pointer;
    &-icon {
      margin-left: @marginBase - 1;
    }

    &-icon:first-child {
      margin-left: @marginBase - 1;
    }
  }

  .ant-row:nth-last-child(1) {
    margin-bottom: 0 !important;
  }
 

  .hiddenLabel {
    .ant-form-item-label {
      opacity: 0;
    }
  }

  .ant-form-item-control {
    height: 4 * @unit;
  }
}