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

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

.@{form-prefix-cls} {
  /** 样式写在这里面 */
  &-main {
    &-line {
      overflow: visible;
      display: flex;
      align-items: flex-end;
      &-component {
        overflow: visible;
        width: calc(100% - 50px);
        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-xxs;
              cursor: pointer;
              height: 4*@unit;
              white-space: nowrap;
              flex-grow: 0; 
              flex-shrink: 1;
            }
          }
          &-col {
            display: flex;
          }
        }
      }
    }
  }

  &-singleLine{
    width: calc(100% - 50px);
    float: left;
  }
  &-icons {
    width: 50px;
    float: left;
    height: 32px;
    display: flex;
    align-items: center;
    &-icon {
      margin-left: 7px;
    }
  }

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

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

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