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

@depot-prefix-cls: ~'@{depot-prefix}-dformborder';
@depot-prefix-title-cls: ~'@{depot-prefix}-dformbordertitle';
@depot-prefix-item-cls: ~'@{depot-prefix}-dformborderitem';

.@{depot-prefix-cls} {
  &-title {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-bottom: 12px;

    &-text {
      font-size: 18px;
      font-weight: bold;
    }
  }

  &-content {
    display: flex;
    flex-direction: row;

    &-coll {
      flex: 1;
    }

    &-anchor {
      width: auto;

      &-hidden {
        display: none;
      }
    }
  }

  &-panel {
    flex: 1;
    border-bottom: 0px !important;

    .ant-collapse-header {
      border-bottom: 1px solid #ecf0f4;
    }
  }
}