@import (optional, once) "../../../theme";

.app {
 .ant-collapse {
    border: 0;
    background-color: transparent;
    .ant-form-inline .ant-form-item {
      margin-right: 0;
      width: 100%;
    }
  }
  .ant-collapse + .ant-collapse {
    border-top: 8px solid @layout-body-background;
  }
  .content-padding{
    padding: 20px;
  }
  .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
    border-bottom: 0;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 700;
    &::before {
      content: "";
      display: inline-block;
      width: 4px;
      height: 1em;
      vertical-align: -0.125em;
      margin-right: 12px;
      background: linear-gradient(180deg, fade(@primary-color, 65%), @primary-color) ;
    }
  }
  .ant-collapse-content {
    border-top: 0;
    padding: 0 20px;
  }
  .ant-collapse-content > .ant-collapse-content-box {
    padding: 0;
  }
  .ant-collapse.ant-collapse-borderless {
    background: @white;
  }
  .ant-collapse > .ant-collapse-item,
  .ant-collapse.ant-collapse-borderless > .ant-collapse-item {
    border-bottom: 0;
  }
}
