@import "~antd/lib/style/themes/default.less";

/* 
  Convert to from  src/components/ActiveChart/index.less
 */
.antd-pro-components-active-chart-index-activeChart {
  position: relative;
}
.antd-pro-components-active-chart-index-activeChartGrid {
  p {
    position: absolute;
    top: 80px;
  }
  p:last-child {
    top: 115px;
  }
}
.antd-pro-components-active-chart-index-activeChartLegend {
  position: relative;
  height: 20px;
  margin-top: 8px;
  font-size: 0;
  line-height: 20px;
  span {
    display: inline-block;
    width: 33.33%;
    font-size: 12px;
    text-align: center;
  }
  span:first-child {
    text-align: left;
  }
  span:last-child {
    text-align: right;
  }
}
.antd-pro-components-active-chart-index-dashedLine {
  position: relative;
  top: -70px;
  left: -3px;
  height: 1px;

  .antd-pro-components-active-chart-index-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, transparent 50%, #e9e9e9 50%);
    background-size: 6px;
  }
}

.antd-pro-components-active-chart-index-dashedLine:last-child {
  top: -36px;
}

/* 
  Convert to from  src/components/ArticleListContent/index.less
 */

.antd-pro-components-article-list-content-index-listContent {
  .antd-pro-components-article-list-content-index-description {
    max-width: 720px;
    line-height: 22px;
  }
  .antd-pro-components-article-list-content-index-extra {
    margin-top: 16px;
    color: @text-color-secondary;
    line-height: 22px;
    & > :global(.ant-avatar) {
      position: relative;
      top: 1px;
      width: 20px;
      height: 20px;
      margin-right: 8px;
      vertical-align: top;
    }
    & > em {
      margin-left: 16px;
      color: @disabled-color;
      font-style: normal;
    }
  }
}

@media screen and (max-width: @screen-xs) {
  .antd-pro-components-article-list-content-index-listContent {
    .antd-pro-components-article-list-content-index-extra {
      & > em {
        display: block;
        margin-top: 8px;
        margin-left: 0;
      }
    }
  }
}

/* 
  Convert to from  src/components/AvatarList/index.less
 */

.antd-pro-components-avatar-list-index-avatarList {
  display: inline-block;
  ul {
    display: inline-block;
    margin-left: 8px;
    font-size: 0;
  }
}

.antd-pro-components-avatar-list-index-avatarItem {
  display: inline-block;
  width: @avatar-size-base;
  height: @avatar-size-base;
  margin-left: -8px;
  font-size: @font-size-base;
  .ant-avatar {
    border: 1px solid #fff;
  }
}

.antd-pro-components-avatar-list-index-avatarItemLarge {
  width: @avatar-size-lg;
  height: @avatar-size-lg;
}

.antd-pro-components-avatar-list-index-avatarItemSmall {
  width: @avatar-size-sm;
  height: @avatar-size-sm;
}

.antd-pro-components-avatar-list-index-avatarItemMini {
  width: 20px;
  height: 20px;
  .ant-avatar {
    width: 20px;
    height: 20px;
    line-height: 20px;

    .ant-avatar-string {
      font-size: 12px;
      line-height: 18px;
    }
  }
}

/* 
  Convert to from  src/components/Charts/ChartCard/index.less
 */
.antd-pro-components-charts-chart-card-index-chartCard {
  position: relative;
  .antd-pro-components-charts-chart-card-index-chartTop {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .antd-pro-components-charts-chart-card-index-chartTopMargin {
    margin-bottom: 12px;
  }
  .antd-pro-components-charts-chart-card-index-chartTopHasMargin {
    margin-bottom: 20px;
  }
  .antd-pro-components-charts-chart-card-index-metaWrap {
    float: left;
  }
  .antd-pro-components-charts-chart-card-index-avatar {
    position: relative;
    top: 4px;
    float: left;
    margin-right: 20px;
    img {
      border-radius: 100%;
    }
  }
  .antd-pro-components-charts-chart-card-index-meta {
    height: 22px;
    color: @text-color-secondary;
    font-size: @font-size-base;
    line-height: 22px;
  }
  .antd-pro-components-charts-chart-card-index-action {
    position: absolute;
    top: 4px;
    right: 0;
    line-height: 1;
    cursor: pointer;
  }
  .antd-pro-components-charts-chart-card-index-total {
    height: 38px;
    margin-top: 4px;
    margin-bottom: 0;
    overflow: hidden;
    color: @heading-color;
    font-size: 30px;
    line-height: 38px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .antd-pro-components-charts-chart-card-index-content {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
  }
  .antd-pro-components-charts-chart-card-index-contentFixed {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .antd-pro-components-charts-chart-card-index-footer {
    margin-top: 8px;
    padding-top: 9px;
    border-top: 1px solid @border-color-split;
    & > * {
      position: relative;
    }
  }
  .antd-pro-components-charts-chart-card-index-footerMargin {
    margin-top: 20px;
  }
}

/* 
  Convert to from  src/components/Charts/Field/index.less
 */
.antd-pro-components-charts-field-index-field {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  .antd-pro-components-charts-field-index-label,
  .antd-pro-components-charts-field-index-number {
    font-size: @font-size-base;
    line-height: 22px;
  }
  .antd-pro-components-charts-field-index-number {
    margin-left: 8px;
    color: @heading-color;
  }
}

/* 
  Convert to from  src/components/Charts/index.less
 */
.antd-pro-components-charts-index-miniChart {
  position: relative;
  width: 100%;
  .antd-pro-components-charts-index-chartContent {
    position: absolute;
    bottom: -28px;
    width: 100%;
    > div {
      margin: 0 -5px;
      overflow: hidden;
    }
  }
  .antd-pro-components-charts-index-chartLoading {
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -7px;
  }
}

/* 
  Convert to from  src/components/Charts/MiniProgress/index.less
 */
.antd-pro-components-charts-mini-progress-index-miniProgress {
  position: relative;
  width: 100%;
  padding: 5px 0;
  .antd-pro-components-charts-mini-progress-index-progressWrap {
    position: relative;
    background-color: @background-color-base;
  }
  .antd-pro-components-charts-mini-progress-index-progress {
    width: 0;
    height: 100%;
    background-color: @primary-color;
    border-radius: 1px 0 0 1px;
    transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  }
  .antd-pro-components-charts-mini-progress-index-target {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 9;
    width: 20px;
    span {
      position: absolute;
      top: 0;
      left: 0;
      width: 2px;
      height: 4px;
      border-radius: 100px;
    }
    span:last-child {
      top: auto;
      bottom: 0;
    }
  }
}

/* 
  Convert to from  src/components/Charts/Pie/index.less
 */

.antd-pro-components-charts-pie-index-pie {
  position: relative;
  .antd-pro-components-charts-pie-index-chart {
    position: relative;
  }
  &.antd-pro-components-charts-pie-index-hasLegend
    .antd-pro-components-charts-pie-index-chart {
    width: ~"calc(100% - 240px)";
  }
  .antd-pro-components-charts-pie-index-legend {
    position: absolute;
    right: 0;
    min-width: 200px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 20px;
    list-style: none;
    padding: 0;
    li {
      cursor: pointer;
      margin-bottom: 16px;
      height: 22px;
      line-height: 22px;
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
  .antd-pro-components-charts-pie-index-dot {
    border-radius: 8px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: -1px;
    height: 8px;
    width: 8px;
  }
  .antd-pro-components-charts-pie-index-line {
    background-color: @border-color-split;
    display: inline-block;
    margin-right: 8px;
    width: 1px;
    height: 16px;
  }
  .antd-pro-components-charts-pie-index-legendTitle {
    color: @text-color;
  }
  .antd-pro-components-charts-pie-index-percent {
    color: @text-color-secondary;
  }
  .antd-pro-components-charts-pie-index-value {
    position: absolute;
    right: 0;
  }
  .antd-pro-components-charts-pie-index-title {
    margin-bottom: 8px;
  }
  .antd-pro-components-charts-pie-index-total {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    max-height: 62px;
    transform: translate(-50%, -50%);
    & > h4 {
      color: @text-color-secondary;
      font-size: 14px;
      line-height: 22px;
      height: 22px;
      margin-bottom: 8px;
      font-weight: normal;
    }
    & > p {
      color: @heading-color;
      display: block;
      font-size: 1.2em;
      height: 32px;
      line-height: 32px;
      white-space: nowrap;
    }
  }
}

.antd-pro-components-charts-pie-index-legendBlock {
  &.antd-pro-components-charts-pie-index-hasLegend
    .antd-pro-components-charts-pie-index-chart {
    width: 100%;
    margin: 0 0 32px 0;
  }
  .antd-pro-components-charts-pie-index-legend {
    position: relative;
    transform: none;
  }
}

/* 
  Convert to from  src/components/Charts/Radar/index.less
 */
.antd-pro-components-charts-radar-index-radar {
  .antd-pro-components-charts-radar-index-legend {
    margin-top: 16px;
    .antd-pro-components-charts-radar-index-legendItem {
      position: relative;
      color: @text-color-secondary;
      line-height: 22px;
      text-align: center;
      cursor: pointer;
      p {
        margin: 0;
      }
      h6 {
        margin-top: 4px;
        margin-bottom: 0;
        padding-left: 16px;
        color: @heading-color;
        font-size: 24px;
        line-height: 32px;
      }
      &::after {
        position: absolute;
        top: 8px;
        right: 0;
        width: 1px;
        height: 40px;
        background-color: @border-color-split;
        content: "";
      }
    }
    > :last-child .antd-pro-components-charts-radar-index-legendItem::after {
      display: none;
    }
    .antd-pro-components-charts-radar-index-dot {
      position: relative;
      top: -1px;
      display: inline-block;
      width: 6px;
      height: 6px;
      margin-right: 6px;
      border-radius: 6px;
    }
  }
}

/* 
  Convert to from  src/components/Charts/TagCloud/index.less
 */
.antd-pro-components-charts-tag-cloud-index-tagCloud {
  overflow: hidden;
  canvas {
    transform-origin: 0 0;
  }
}

/* 
  Convert to from  src/components/Charts/TimelineChart/index.less
 */
.antd-pro-components-charts-timeline-chart-index-timelineChart {
  background: #fff;
}

/* 
  Convert to from  src/components/Charts/WaterWave/index.less
 */
.antd-pro-components-charts-water-wave-index-waterWave {
  position: relative;
  display: inline-block;
  transform-origin: left;
  .antd-pro-components-charts-water-wave-index-text {
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    text-align: center;
    span {
      color: @text-color-secondary;
      font-size: 14px;
      line-height: 22px;
    }
    h4 {
      color: @heading-color;
      font-size: 24px;
      line-height: 32px;
    }
  }
  .antd-pro-components-charts-water-wave-index-waterWaveCanvasWrapper {
    transform: scale(0.5);
    transform-origin: 0 0;
  }
}

/* 
  Convert to from  src/components/DescriptionList/index.less
*/
.antd-pro-components-description-list-index-descriptionList {
  // offset the padding-bottom of last row
  .ant-row {
    margin-bottom: -16px;
    overflow: hidden;
  }
  // fix margin top error of following descriptionList
  & + & {
    .ant-row {
      margin-top: 16px;
    }
  }

  .antd-pro-components-description-list-index-title {
    margin-bottom: 16px;
    color: @heading-color;
    font-weight: 500;
    font-size: 14px;
  }

  .antd-pro-components-description-list-index-term {
    display: table-cell;
    padding-bottom: 16px;
    color: @heading-color;
    // Line-height is 22px IE dom height will calculate error
    line-height: 20px;
    white-space: nowrap;

    &::after {
      position: relative;
      top: -0.5px;
      margin: 0 8px 0 2px;
      content: ":";
    }
  }

  .antd-pro-components-description-list-index-detail {
    display: table-cell;
    width: 100%;
    padding-bottom: 16px;
    color: @text-color;
    line-height: 20px;
  }

  &.antd-pro-components-description-list-index-small {
    // offset the padding-bottom of last row
    .ant-row {
      margin-bottom: -8px;
    }
    // fix margin top error of following descriptionList
    & + .antd-pro-components-description-list-index-descriptionList {
      .ant-row {
        margin-top: 8px;
      }
    }
    .antd-pro-components-description-list-index-title {
      margin-bottom: 12px;
      color: @text-color;
    }
    .antd-pro-components-description-list-index-term,
    .antd-pro-components-description-list-index-detail {
      padding-bottom: 8px;
    }
  }

  &.antd-pro-components-description-list-index-large {
    .antd-pro-components-description-list-index-title {
      font-size: 16px;
    }
  }

  &.antd-pro-components-description-list-index-vertical {
    .antd-pro-components-description-list-index-term {
      display: block;
      padding-bottom: 8px;
    }

    .antd-pro-components-description-list-index-detail {
      display: block;
    }
  }
}

/* 
  Convert to from  src/components/EditableItem/index.less
 */

.antd-pro-components-editable-item-index-editableItem {
  display: table;
  width: 100%;
  margin-top: (@font-size-base * @line-height-base - @input-height-base) / 2;
  line-height: @input-height-base;

  .antd-pro-components-editable-item-index-wrapper {
    display: table-row;

    & > * {
      display: table-cell;
    }

    & > *:first-child {
      width: 85%;
    }

    .antd-pro-components-editable-item-index-icon {
      text-align: right;
      cursor: pointer;
    }
  }
}

/* 
  Convert to from  src/components/EditableLinkGroup/index.less
 */
.antd-pro-components-editable-link-group-index-linkGroup {
  padding: 20px 0 8px 24px;
  font-size: 0;
  & > a {
    display: inline-block;
    width: 25%;
    margin-bottom: 13px;
    color: @text-color;
    font-size: @font-size-base;
    &:hover {
      color: @primary-color;
    }
  }
}

/* 
  Convert to from  src/components/Ellipsis/index.less
 */

.antd-pro-components-ellipsis-index-ellipsis {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  word-break: break-all;
}

.antd-pro-components-ellipsis-index-lines {
  position: relative;
  .antd-pro-components-ellipsis-index-shadow {
    position: absolute;
    z-index: -999;
    display: block;
    color: transparent;
    opacity: 0;
  }
}

.antd-pro-components-ellipsis-index-lineClamp {
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 
  Convert to from  src/components/Exception/index.less
 */

.antd-pro-components-exception-index-exception {
  display: flex;
  align-items: center;
  height: 80%;
  min-height: 500px;

  .antd-pro-components-exception-index-imgBlock {
    flex: 0 0 62.5%;
    width: 62.5%;
    padding-right: 152px;
    zoom: 1;
    &::before,
    &::after {
      display: table;
      content: " ";
    }
    &::after {
      clear: both;
      height: 0;
      font-size: 0;
      visibility: hidden;
    }
  }

  .antd-pro-components-exception-index-imgEle {
    float: right;
    width: 100%;
    max-width: 430px;
    height: 360px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }

  .antd-pro-components-exception-index-content {
    flex: auto;

    h1 {
      margin-bottom: 24px;
      color: #434e59;
      font-weight: 600;
      font-size: 72px;
      line-height: 72px;
    }

    .antd-pro-components-exception-index-desc {
      margin-bottom: 16px;
      color: @text-color-secondary;
      font-size: 20px;
      line-height: 28px;
    }

    .antd-pro-components-exception-index-actions {
      button:not(:last-child) {
        margin-right: 8px;
      }
    }
  }
}

@media screen and (max-width: @screen-xl) {
  .antd-pro-components-exception-index-exception {
    .antd-pro-components-exception-index-imgBlock {
      padding-right: 88px;
    }
  }
}

@media screen and (max-width: @screen-sm) {
  .antd-pro-components-exception-index-exception {
    display: block;
    text-align: center;
    .antd-pro-components-exception-index-imgBlock {
      margin: 0 auto 24px;
      padding-right: 0;
    }
  }
}

@media screen and (max-width: @screen-xs) {
  .antd-pro-components-exception-index-exception {
    .antd-pro-components-exception-index-imgBlock {
      margin-bottom: -24px;
      overflow: hidden;
    }
  }
}

/* 
  Convert to from  src/components/FooterToolbar/index.less
 */

.antd-pro-components-footer-toolbar-index-toolbar {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 9;
  width: 100%;
  height: 56px;
  padding: 0 24px;
  line-height: 56px;
  background: #fff;
  border-top: 1px solid @border-color-split;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.03);

  &::after {
    display: block;
    clear: both;
    content: "";
  }

  .antd-pro-components-footer-toolbar-index-left {
    float: left;
  }

  .antd-pro-components-footer-toolbar-index-right {
    float: right;
  }

  button + button {
    margin-left: 8px;
  }
}

/* 
  Convert to from  src/components/GlobalFooter/index.less
 */

.antd-pro-components-global-footer-index-globalFooter {
  margin: 48px 0 24px 0;
  padding: 0 16px;
  text-align: center;

  .antd-pro-components-global-footer-index-links {
    margin-bottom: 8px;

    a {
      color: @text-color-secondary;
      transition: all 0.3s;

      &:not(:last-child) {
        margin-right: 40px;
      }

      &:hover {
        color: @text-color;
      }
    }
  }

  .antd-pro-components-global-footer-index-copyright {
    color: @text-color-secondary;
    font-size: @font-size-base;
  }
}

/* 
  Convert to from  src/components/GlobalHeader/index.less
 */

@pro-header-hover-bg: rgba(0, 0, 0, 0.025);

.antd-pro-components-global-header-index-header {
  position: relative;
  height: @layout-header-height;
  padding: 0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
}

.antd-pro-components-global-header-index-logo {
  display: inline-block;
  height: @layout-header-height;
  padding: 0 0 0 24px;
  font-size: 20px;
  line-height: @layout-header-height;
  vertical-align: top;
  cursor: pointer;
  img {
    display: inline-block;
    vertical-align: middle;
  }
}

.antd-pro-components-global-header-index-menu {
  :global(.anticon) {
    margin-right: 8px;
  }
  :global(.ant-dropdown-menu-item) {
    min-width: 160px;
  }
}

.antd-pro-components-global-header-index-dropDown {
  line-height: @layout-header-height;
  vertical-align: top;
  cursor: pointer;
  > i {
    font-size: 16px !important;
    transform: none !important;
    svg {
      position: relative;
      top: -1px;
    }
  }
}

.antd-pro-components-global-header-index-trigger {
  height: @layout-header-height;
  padding: ~"calc((@{layout-header-height} - 20px) / 2)" 24px;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s, padding 0s;
  &:hover {
    background: @pro-header-hover-bg;
  }
}

.antd-pro-components-global-header-index-right {
  float: right;
  height: 100%;
  overflow: hidden;
  .antd-pro-components-global-header-index-action {
    display: inline-block;
    height: 100%;
    padding: 0 12px;
    cursor: pointer;
    transition: all 0.3s;
    > i {
      color: @text-color;
      vertical-align: middle;
    }
    &:hover {
      background: @pro-header-hover-bg;
    }
    &:global(.opened) {
      background: @pro-header-hover-bg;
    }
  }
  .antd-pro-components-global-header-index-search {
    padding: 0 12px;
    &:hover {
      background: transparent;
    }
  }
  .antd-pro-components-global-header-index-account {
    .antd-pro-components-global-header-index-avatar {
      margin: ~"calc((@{layout-header-height} - 24px) / 2)" 0;
      margin-right: 8px;
      color: @primary-color;
      vertical-align: top;
      background: rgba(255, 255, 255, 0.85);
    }
  }
}

.antd-pro-components-global-header-index-dark {
  height: @layout-header-height;
  .antd-pro-components-global-header-index-action {
    color: rgba(255, 255, 255, 0.85);
    > i {
      color: rgba(255, 255, 255, 0.85);
    }
    &:hover,
    &:global(.opened) {
      background: @primary-color;
    }
    :global(.ant-badge) {
      color: rgba(255, 255, 255, 0.85);
    }
  }
}

@media only screen and (max-width: @screen-md) {
  .antd-pro-components-global-header-index-header {
    :global(.ant-divider-vertical) {
      vertical-align: unset;
    }
    .antd-pro-components-global-header-index-name {
      display: none;
    }
    i.antd-pro-components-global-header-index-trigger {
      padding: 22px 12px;
    }
    .antd-pro-components-global-header-index-logo {
      position: relative;
      padding-right: 12px;
      padding-left: 12px;
    }
    .antd-pro-components-global-header-index-right {
      position: absolute;
      top: 0;
      right: 12px;
      background: #fff;
      .antd-pro-components-global-header-index-account {
        .antd-pro-components-global-header-index-avatar {
          margin-right: 0;
        }
      }
    }
  }
}

/* 
  Convert to from  src/components/HeaderDropdown/index.less
 */

.antd-pro-components-header-dropdown-index-container > * {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: @shadow-1-down;
}

@media screen and (max-width: @screen-xs) {
  .antd-pro-components-header-dropdown-index-container {
    width: 100% !important;
  }
  .antd-pro-components-header-dropdown-index-container > * {
    border-radius: 0 !important;
  }
}

/* 
  Convert to from  src/components/HeaderSearch/index.less
 */
.antd-pro-components-header-search-index-headerSearch {
  :global(.anticon-search) {
    font-size: 16px;
    cursor: pointer;
  }
  .antd-pro-components-header-search-index-input {
    width: 0;
    background: transparent;
    border-radius: 0;
    transition: width 0.3s, margin-left 0.3s;
    :global(.ant-select-selection) {
      background: transparent;
    }
    input {
      padding-right: 0;
      padding-left: 0;
      border: 0;
      box-shadow: none !important;
    }
    &,
    &:hover,
    &:focus {
      border-bottom: 1px solid @border-color-base;
    }
    &.antd-pro-components-header-search-index-show {
      width: 210px;
      margin-left: 8px;
    }
  }
}

/* 
  Convert to from  src/components/Login/index.less
 */
.antd-pro-components-login-index-login {
  .ant-tabs .ant-tabs-bar {
    margin-bottom: 24px;
    text-align: center;
    border-bottom: 0;
  }

  .ant-form-item {
    margin: 0 2px 24px;
  }

  .antd-pro-components-login-index-getCaptcha {
    display: block;
    width: 100%;
  }

  .antd-pro-components-login-index-icon {
    margin-left: 16px;
    color: rgba(0, 0, 0, 0.2);
    font-size: 24px;
    vertical-align: middle;
    cursor: pointer;
    transition: color 0.3s;

    &:hover {
      color: @primary-color;
    }
  }

  .antd-pro-components-login-index-other {
    margin-top: 24px;
    line-height: 22px;
    text-align: left;

    .antd-pro-components-login-index-register {
      float: right;
    }
  }

  .antd-pro-components-login-index-prefixIcon {
    color: @disabled-color;
    font-size: @font-size-base;
  }

  .antd-pro-components-login-index-submit {
    width: 100%;
    margin-top: 24px;
  }
}

/* 
  Convert to from  src/components/NoticeIcon/index.less
 */

.antd-pro-components-notice-icon-index-popover {
  position: relative;
  width: 336px;
}

.antd-pro-components-notice-icon-index-noticeButton {
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s;
}
.antd-pro-components-notice-icon-index-icon {
  padding: 4px;
  vertical-align: middle;
}

.antd-pro-components-notice-icon-index-badge {
  font-size: 16px;
}

.antd-pro-components-notice-icon-index-tabs {
  .ant-tabs-nav-scroll {
    text-align: center;
  }
  .ant-tabs-bar {
    margin-bottom: 0;
  }
}

/* 
  Convert to from  src/components/NoticeIcon/NoticeList.less
 */

.antd-pro-components-notice-icon-notice-list-list {
  max-height: 400px;
  overflow: auto;
  &::-webkit-scrollbar {
    display: none;
  }
  .antd-pro-components-notice-icon-notice-list-item {
    padding-right: 24px;
    padding-left: 24px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s;

    .antd-pro-components-notice-icon-notice-list-meta {
      width: 100%;
    }

    .antd-pro-components-notice-icon-notice-list-avatar {
      margin-top: 4px;
      background: #fff;
    }
    .antd-pro-components-notice-icon-notice-list-iconElement {
      font-size: 32px;
    }

    &.antd-pro-components-notice-icon-notice-list-read {
      opacity: 0.4;
    }
    &:last-child {
      border-bottom: 0;
    }
    &:hover {
      background: @primary-1;
    }
    .antd-pro-components-notice-icon-notice-list-title {
      margin-bottom: 8px;
      font-weight: normal;
    }
    .antd-pro-components-notice-icon-notice-list-description {
      font-size: 12px;
      line-height: @line-height-base;
    }
    .antd-pro-components-notice-icon-notice-list-datetime {
      margin-top: 4px;
      font-size: 12px;
      line-height: @line-height-base;
    }
    .antd-pro-components-notice-icon-notice-list-extra {
      float: right;
      margin-top: -1.5px;
      margin-right: 0;
      color: @text-color-secondary;
      font-weight: normal;
    }
  }
  .antd-pro-components-notice-icon-notice-list-loadMore {
    padding: 8px 0;
    color: @primary-6;
    text-align: center;
    cursor: pointer;
    &.antd-pro-components-notice-icon-notice-list-loadedAll {
      color: rgba(0, 0, 0, 0.25);
      cursor: unset;
    }
  }
}

.antd-pro-components-notice-icon-notice-list-notFound {
  padding: 73px 0 88px 0;
  color: @text-color-secondary;
  text-align: center;
  img {
    display: inline-block;
    height: 76px;
    margin-bottom: 16px;
  }
}

.antd-pro-components-notice-icon-notice-list-bottomBar {
  height: 46px;
  color: @text-color;
  line-height: 46px;
  text-align: center;
  border-top: 1px solid @border-color-split;
  border-radius: 0 0 @border-radius-base @border-radius-base;
  transition: all 0.3s;
  div {
    display: inline-block;
    width: 50%;
    cursor: pointer;
    transition: all 0.3s;
    user-select: none;
    &:hover {
      color: @heading-color;
    }
    &:only-child {
      width: 100%;
    }
    &:not(:only-child):last-child {
      border-left: 1px solid @border-color-split;
    }
  }
}

/* 
  Convert to from  src/components/NumberInfo/index.less
 */
.antd-pro-components-number-info-index-numberInfo {
  .antd-pro-components-number-info-index-suffix {
    margin-left: 4px;
    color: @text-color;
    font-size: 16px;
    font-style: normal;
  }
  .antd-pro-components-number-info-index-numberInfoTitle {
    margin-bottom: 16px;
    color: @text-color;
    font-size: @font-size-lg;
    transition: all 0.3s;
  }
  .antd-pro-components-number-info-index-numberInfoSubTitle {
    height: 22px;
    overflow: hidden;
    color: @text-color-secondary;
    font-size: @font-size-base;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .antd-pro-components-number-info-index-numberInfoValue {
    margin-top: 4px;
    overflow: hidden;
    font-size: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    & > span {
      display: inline-block;
      height: 32px;
      margin-right: 32px;
      color: @heading-color;
      font-size: 24px;
      line-height: 32px;
    }
    .antd-pro-components-number-info-index-subTotal {
      margin-right: 0;
      color: @text-color-secondary;
      font-size: @font-size-lg;
      vertical-align: top;
      i {
        margin-left: 4px;
        font-size: 12px;
        transform: scale(0.82);
      }
      .anticon-caret-up {
        color: @red-6;
      }
      .anticon-caret-down {
        color: @green-6;
      }
    }
  }
}
.antd-pro-components-number-info-index-numberInfolight {
  .antd-pro-components-number-info-index-numberInfoValue {
    & > span {
      color: @text-color;
    }
  }
}

/* 
  Convert to from  src/components/PageHeaderWrapper/GridContent.less
 */
.antd-pro-components-page-header-wrapper-grid-content-main {
  width: 100%;
  height: 100%;
  min-height: 100%;
  transition: 0.3s;
  &.antd-pro-components-page-header-wrapper-grid-content-wide {
    max-width: 1200px;
    margin: 0 auto;
  }
}

/* 
  Convert to from  src/components/PageHeaderWrapper/index.less
 */

.antd-pro-components-page-header-wrapper-index-children-content {
  margin: 24px 24px 0;
}

.antd-pro-components-page-header-wrapper-index-main {
  .antd-pro-components-page-header-wrapper-index-wrapper {
    padding: 16px 24px 0;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    .ant-page-header {
      padding: 0;
    }

    .ant-page-header-title-view-extra {
      top: 0;
      right: 0;
    }
  }

  .antd-pro-components-page-header-wrapper-index-wide {
    max-width: 1200px;
    margin: auto;
  }
  .antd-pro-components-page-header-wrapper-index-detail {
    display: flex;
  }

  .antd-pro-components-page-header-wrapper-index-row {
    display: flex;
    width: 100%;
  }

  .antd-pro-components-page-header-wrapper-index-logo {
    display: inline-block;
    margin-top: -1px;
    margin-right: 16px;
    vertical-align: middle;
    > img {
      display: block;
      width: 28px;
      height: 28px;
      border-radius: @border-radius-base;
    }
  }

  .antd-pro-components-page-header-wrapper-index-title-content {
    margin-bottom: 16px;
  }

  @media screen and (max-width: @screen-sm) {
    .antd-pro-components-page-header-wrapper-index-children-content {
      margin: 24px 0 0;
    }
  }

  .antd-pro-components-page-header-wrapper-index-title,
  .antd-pro-components-page-header-wrapper-index-content {
    flex: auto;
  }

  .antd-pro-components-page-header-wrapper-index-extraContent,
  .antd-pro-components-page-header-wrapper-index-main {
    flex: 0 1 auto;
  }

  .antd-pro-components-page-header-wrapper-index-main {
    width: 100%;
  }

  .antd-pro-components-page-header-wrapper-index-title {
    margin-bottom: 16px;
  }

  .antd-pro-components-page-header-wrapper-index-content,
  .antd-pro-components-page-header-wrapper-index-extraContent {
    margin-bottom: 16px;
  }

  .antd-pro-components-page-header-wrapper-index-extraContent {
    min-width: 242px;
    margin-left: 88px;
    text-align: right;
  }

  @media screen and (max-width: @screen-xl) {
    .antd-pro-components-page-header-wrapper-index-extraContent {
      margin-left: 44px;
    }
  }

  @media screen and (max-width: @screen-lg) {
    .antd-pro-components-page-header-wrapper-index-extraContent {
      margin-left: 20px;
    }
  }

  @media screen and (max-width: @screen-md) {
    .antd-pro-components-page-header-wrapper-index-row {
      display: block;
    }

    .antd-pro-components-page-header-wrapper-index-action,
    .antd-pro-components-page-header-wrapper-index-extraContent {
      margin-left: 0;
      text-align: left;
    }
  }

  @media screen and (max-width: @screen-sm) {
    .antd-pro-components-page-header-wrapper-index-detail {
      display: block;
    }
  }
}

/* 
  Convert to from  src/components/Result/index.less
 */
.antd-pro-components-result-index-result {
  width: 72%;
  margin: 0 auto;
  text-align: center;
  @media screen and (max-width: @screen-xs) {
    width: 100%;
  }

  .antd-pro-components-result-index-icon {
    margin-bottom: 24px;
    font-size: 72px;
    line-height: 72px;

    & > .antd-pro-components-result-index-success {
      color: @success-color;
    }

    & > .antd-pro-components-result-index-error {
      color: @error-color;
    }
  }

  .antd-pro-components-result-index-title {
    margin-bottom: 16px;
    color: @heading-color;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
  }

  .antd-pro-components-result-index-description {
    margin-bottom: 24px;
    color: @text-color-secondary;
    font-size: 14px;
    line-height: 22px;
  }

  .antd-pro-components-result-index-extra {
    padding: 24px 40px;
    text-align: left;
    background: #fafafa;
    border-radius: @border-radius-sm;

    @media screen and (max-width: @screen-xs) {
      padding: 18px 20px;
    }
  }

  .antd-pro-components-result-index-actions {
    margin-top: 32px;

    button:not(:last-child) {
      margin-right: 8px;
    }
  }
}

/* 
  Convert to from  src/components/SelectLang/index.less
 */

.antd-pro-components-select-lang-index-menu {
  :global(.anticon) {
    margin-right: 8px;
  }
  :global(.ant-dropdown-menu-item) {
    min-width: 160px;
  }
}

.antd-pro-components-select-lang-index-dropDown {
  line-height: @layout-header-height;
  vertical-align: top;
  cursor: pointer;
  > i {
    font-size: 16px !important;
    transform: none !important;
    svg {
      position: relative;
      top: -1px;
    }
  }
}

/* 
  Convert to from  src/components/SettingDrawer/index.less
*/

.antd-pro-components-setting-drawer-index-content {
  position: relative;
  min-height: 100%;
  background: #fff;
  .ant-list-item {
    span {
      flex: 1;
    }
  }
}

.antd-pro-components-setting-drawer-index-blockChecbox {
  display: flex;
  .antd-pro-components-setting-drawer-index-item {
    position: relative;
    margin-right: 16px;
    // box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    border-radius: @border-radius-base;
    cursor: pointer;
    img {
      width: 48px;
    }
  }
  .antd-pro-components-setting-drawer-index-selectIcon {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 15px;
    padding-left: 24px;
    color: @primary-color;
    font-weight: bold;
    font-size: 14px;
  }
}

.antd-pro-components-setting-drawer-index-color_block {
  display: inline-block;
  width: 38px;
  height: 22px;
  margin: 4px;
  margin-right: 12px;
  vertical-align: middle;
  border-radius: 4px;
  cursor: pointer;
}

.antd-pro-components-setting-drawer-index-title {
  margin-bottom: 12px;
  color: @heading-color;
  font-size: 14px;
  line-height: 22px;
}

.antd-pro-components-setting-drawer-index-handle {
  position: absolute;
  top: 240px;
  right: 300px;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  font-size: 16px;
  text-align: center;
  background: @primary-color;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
  pointer-events: auto;
}

.antd-pro-components-setting-drawer-index-productionHint {
  margin-top: 16px;
  font-size: 12px;
}

/* 
  Convert to from  src/components/SettingDrawer/ThemeColor.less
 */
.antd-pro-components-setting-drawer-theme-color-themeColor {
  margin-top: 24px;
  overflow: hidden;
  .antd-pro-components-setting-drawer-theme-color-title {
    margin-bottom: 12px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    line-height: 22px;
  }
  .antd-pro-components-setting-drawer-theme-color-colorBlock {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
  }
}

/* 
  Convert to from  src/components/SiderMenu/index.less
 */

@nav-header-height: @layout-header-height;

.antd-pro-components-sider-menu-index-logo {
  position: relative;
  height: @nav-header-height;
  padding-left: (@menu-collapsed-width - 32px) / 2;
  overflow: hidden;
  line-height: @nav-header-height;
  background: #002140;
  transition: all 0.3s;
  img {
    display: inline-block;
    height: 32px;
    vertical-align: middle;
  }
  h1 {
    display: inline-block;
    margin: 0 0 0 12px;
    color: white;
    font-weight: 600;
    font-size: 20px;
    font-family: Avenir, "Helvetica Neue", Arial, Helvetica, sans-serif;
    vertical-align: middle;
  }
}
.antd-pro-components-sider-menu-index-sider {
  position: relative;
  z-index: 10;
  min-height: 100vh;
  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
  &.antd-pro-components-sider-menu-index-fixSiderBar {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
    .ant-menu-root {
      height: ~"calc(100vh - @{nav-header-height})";
      overflow-y: auto;
    }
    .ant-menu-inline {
      border-right: 0;
      .ant-menu-item,
      .ant-menu-submenu-title {
        width: 100%;
      }
    }
  }
  &.antd-pro-components-sider-menu-index-light {
    background-color: white;
    box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
    .antd-pro-components-sider-menu-index-logo {
      background: white;
      box-shadow: 1px 1px 0 0 @border-color-split;
      h1 {
        color: @primary-color;
      }
    }
    :global(.ant-menu-light) {
      border-right-color: transparent;
    }
  }
}

.antd-pro-components-sider-menu-index-icon {
  width: 14px;
  vertical-align: baseline;
}

.top-nav-menu li.ant-menu-item {
  height: @nav-header-height;
  line-height: @nav-header-height;
}

.drawer .drawer-content {
  background: #001529;
}

.ant-menu-inline-collapsed {
  & > .ant-menu-item .sider-menu-item-img + span,
  &
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-item
    .sider-menu-item-img
    + span,
  & > .ant-menu-submenu > .ant-menu-submenu-title .sider-menu-item-img + span {
    display: inline-block;
    max-width: 0;
    opacity: 0;
  }
}

.ant-menu-item .sider-menu-item-img + span,
.ant-menu-submenu-title .sider-menu-item-img + span {
  opacity: 1;
  transition: opacity 0.3s @ease-in-out, width 0.3s @ease-in-out;
}

.ant-drawer-left {
  .ant-drawer-body {
    padding: 0;
  }
}

/* 
  Convert to from  src/components/StandardFormRow/index.less
 */

.antd-pro-components-standard-form-row-index-standardFormRow {
  display: flex;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px dashed @border-color-split;
  .ant-form-item {
    margin-right: 24px;
  }
  .ant-form-item-label label {
    margin-right: 0;
    color: @text-color;
  }
  .ant-form-item-label,
  .ant-form-item-control {
    padding: 0;
    line-height: 32px;
  }
  .antd-pro-components-standard-form-row-index-label {
    flex: 0 0 auto;
    margin-right: 24px;
    color: @heading-color;
    font-size: @font-size-base;
    text-align: right;
    & > span {
      display: inline-block;
      height: 32px;
      line-height: 32px;
      &::after {
        content: "：";
      }
    }
  }
  .antd-pro-components-standard-form-row-index-content {
    flex: 1 1 0;
    .ant-form-item:last-child {
      margin-right: 0;
    }
  }
}

.antd-pro-components-standard-form-row-index-standardFormRowLast {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.antd-pro-components-standard-form-row-index-standardFormRowBlock {
  .ant-form-item,
  div.ant-form-item-control-wrapper {
    display: block;
  }
}

.antd-pro-components-standard-form-row-index-standardFormRowGrid {
  .ant-form-item,
  div.ant-form-item-control-wrapper {
    display: block;
  }
  .ant-form-item-label {
    float: left;
  }
}

/* 
  Convert to from  src/components/StandardTable/index.less
 */
.antd-pro-components-standard-table-index-standardTable {
  .ant-table-pagination {
    margin-top: 24px;
  }

  .antd-pro-components-standard-table-index-tableAlert {
    margin-bottom: 16px;
  }
}

/* 
  Convert to from  src/components/TagSelect/index.less
 */
.antd-pro-components-tag-select-index-tagSelect {
  position: relative;
  max-height: 32px;
  margin-left: -8px;
  overflow: hidden;
  line-height: 32px;
  transition: all 0.3s;
  user-select: none;
  .ant-tag {
    margin-right: 24px;
    padding: 0 8px;
    font-size: @font-size-base;
  }
  &.antd-pro-components-tag-select-index-expanded {
    max-height: 200px;
    transition: all 0.3s;
  }
  .antd-pro-components-tag-select-index-trigger {
    position: absolute;
    top: 0;
    right: 0;
    i {
      font-size: 12px;
    }
  }
  &.antd-pro-components-tag-select-index-hasExpandTag {
    padding-right: 50px;
  }
}

/* 
  Convert to from  src/components/TopNavHeader/index.less
 */

.antd-pro-components-top-nav-header-index-head {
  position: relative;
  width: 100%;
  height: @layout-header-height;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  transition: background 0.3s, width 0.2s;
  .ant-menu-submenu.ant-menu-submenu-horizontal {
    height: 100%;
    line-height: @layout-header-height;
    .ant-menu-submenu-title {
      height: 100%;
    }
  }
  &.antd-pro-components-top-nav-header-index-light {
    background-color: #fff;
  }
  .antd-pro-components-top-nav-header-index-main {
    display: flex;
    height: @layout-header-height;
    padding-left: 24px;
    &.antd-pro-components-top-nav-header-index-wide {
      max-width: 1200px;
      margin: auto;
      padding-left: 0;
    }
    .antd-pro-components-top-nav-header-index-left {
      display: flex;
      flex: 1;
    }
    .antd-pro-components-top-nav-header-index-right {
      width: 324px;
    }
  }
}

.antd-pro-components-top-nav-header-index-logo {
  position: relative;
  width: 165px;
  height: @layout-header-height;
  overflow: hidden;
  line-height: @layout-header-height;
  transition: all 0.3s;
  img {
    display: inline-block;
    height: 32px;
    vertical-align: middle;
  }
  h1 {
    display: inline-block;
    margin: 0 0 0 12px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    vertical-align: top;
  }
}

.antd-pro-components-top-nav-header-index-light {
  h1 {
    color: #002140;
  }
}

.antd-pro-components-top-nav-header-index-menu {
  height: @layout-header-height;
  line-height: @layout-header-height;
  border: none;
}

/* 
  Convert to from  src/components/Trend/index.less
 */

.antd-pro-components-trend-index-trendItem {
  display: inline-block;
  font-size: @font-size-base;
  line-height: 22px;

  .antd-pro-components-trend-index-up,
  .antd-pro-components-trend-index-down {
    position: relative;
    top: 1px;
    margin-left: 4px;
    i {
      font-size: 12px;
      transform: scale(0.83);
    }
  }
  .antd-pro-components-trend-index-up {
    color: @red-6;
  }
  .antd-pro-components-trend-index-down {
    top: -1px;
    color: @green-6;
  }

  &.antd-pro-components-trend-index-trendItemGrey
    .antd-pro-components-trend-index-up,
  &.antd-pro-components-trend-index-trendItemGrey
    .antd-pro-components-trend-index-down {
    color: @text-color;
  }

  &.antd-pro-components-trend-index-reverseColor
    .antd-pro-components-trend-index-up {
    color: @green-6;
  }
  &.antd-pro-components-trend-index-reverseColor
    .antd-pro-components-trend-index-down {
    color: @red-6;
  }
}

/* 
  Convert to from  src/layouts/BasicLayout.less
 */
.antd-pro-layouts-basic-layout-content {
  margin: 24px;
  padding-top: @layout-header-height;
}

/* 
  Convert to from  src/layouts/Header.less
 */
.antd-pro-layouts-header-fixedHeader {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: 100%;
  transition: width 0.2s;
}

/* 
  Convert to from  src/layouts/UserLayout.less
 */

.antd-pro-layouts-user-layout-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: auto;
  background: @layout-body-background;
}

.antd-pro-layouts-user-layout-lang {
  width: 100%;
  height: 40px;
  line-height: 44px;
  text-align: right;
  :global(.ant-dropdown-trigger) {
    margin-right: 24px;
  }
}

.antd-pro-layouts-user-layout-content {
  flex: 1;
  padding: 32px 0;
}

@media (min-width: @screen-md-min) {
  .antd-pro-layouts-user-layout-container {
    background-image: url("https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg");
    background-repeat: no-repeat;
    background-position: center 110px;
    background-size: 100%;
  }

  .antd-pro-layouts-user-layout-content {
    padding: 32px 0 24px 0;
  }
}

.antd-pro-layouts-user-layout-top {
  text-align: center;
}

.antd-pro-layouts-user-layout-header {
  height: 44px;
  line-height: 44px;
  a {
    text-decoration: none;
  }
}

.antd-pro-layouts-user-layout-logo {
  height: 44px;
  margin-right: 16px;
  vertical-align: top;
}

.antd-pro-layouts-user-layout-title {
  position: relative;
  top: 2px;
  color: @heading-color;
  font-weight: 600;
  font-size: 33px;
  font-family: Avenir, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.antd-pro-layouts-user-layout-desc {
  margin-top: 12px;
  margin-bottom: 40px;
  color: @text-color-secondary;
  font-size: @font-size-base;
}

/* 
  Convert to from  src/pages/CaseDetail/index.less
 */

.antd-pro-pages-case-detail-index-headerList {
  margin-bottom: 4px;
}

.antd-pro-pages-case-detail-index-tableList {
  .antd-pro-pages-case-detail-index-tableListOperator {
    margin-bottom: 16px;
    button {
      margin-right: 8px;
    }
  }
}

.antd-pro-pages-case-detail-index-tableListForm {
  .ant-form-item {
    display: flex;
    margin-right: 0;
    margin-bottom: 24px;
    > .ant-form-item-label {
      width: auto;
      padding-right: 8px;
      line-height: 32px;
    }
    .ant-form-item-control {
      line-height: 32px;
    }
  }
  .ant-form-item-control-wrapper {
    flex: 1;
  }
  .antd-pro-pages-case-detail-index-submitButtons {
    display: block;
    margin-bottom: 24px;
    white-space: nowrap;
  }
}

@media screen and (max-width: @screen-lg) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 24px;
  }
}

@media screen and (max-width: @screen-md) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 8px;
  }
}

.antd-pro-pages-case-detail-index-standardList {
  .ant-card-head {
    border-bottom: none;
  }
  .ant-card-head-title {
    padding: 24px 0;
    line-height: 32px;
  }
  .ant-card-extra {
    padding: 24px 0;
  }
  .ant-list-pagination {
    margin-top: 24px;
    text-align: right;
  }
  .ant-avatar-lg {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
  .antd-pro-pages-case-detail-index-headerInfo {
    position: relative;
    text-align: center;
    & > span {
      display: inline-block;
      margin-bottom: 4px;
      color: @text-color-secondary;
      font-size: @font-size-base;
      line-height: 22px;
    }
    & > p {
      margin: 0;
      color: @heading-color;
      font-size: 24px;
      line-height: 32px;
    }
    & > em {
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 56px;
      background-color: @border-color-split;
    }
  }
  .antd-pro-pages-case-detail-index-listContent {
    font-size: 0;
    .antd-pro-pages-case-detail-index-listContentItem {
      display: inline-block;
      margin-left: 40px;
      color: @text-color-secondary;
      font-size: @font-size-base;
      vertical-align: middle;
      > span {
        line-height: 20px;
      }
      > p {
        margin-top: 4px;
        margin-bottom: 0;
        line-height: 22px;
      }
    }
  }
  .antd-pro-pages-case-detail-index-extraContentSearch {
    width: 272px;
    margin-left: 16px;
  }
}

@media screen and (max-width: @screen-xs) {
  .antd-pro-pages-case-detail-index-standardList {
    .ant-list-item-content {
      display: block;
      flex: none;
      width: 100%;
    }
    .ant-list-item-action {
      margin-left: 0;
    }
    .antd-pro-pages-case-detail-index-listContent {
      margin-left: 0;
      & > div {
        margin-left: 0;
      }
    }
    .antd-pro-pages-case-detail-index-listCard {
      .ant-card-head-title {
        overflow: visible;
      }
    }
  }
}

@media screen and (max-width: @screen-sm) {
  .antd-pro-pages-case-detail-index-standardList {
    .antd-pro-pages-case-detail-index-extraContentSearch {
      width: 100%;
      margin-left: 0;
    }
    .antd-pro-pages-case-detail-index-headerInfo {
      margin-bottom: 16px;
      & > em {
        display: none;
      }
    }
  }
}

@media screen and (max-width: @screen-md) {
  .antd-pro-pages-case-detail-index-standardList {
    .antd-pro-pages-case-detail-index-listContent {
      & > div {
        display: block;
      }
      & > div:last-child {
        top: 0;
        width: 100%;
      }
    }
  }
  .antd-pro-pages-case-detail-index-listCard {
    .ant-radio-group {
      display: block;
      margin-bottom: 8px;
    }
  }
}

@media screen and (max-width: @screen-lg) and (min-width: @screen-md) {
  .antd-pro-pages-case-detail-index-standardList {
    .antd-pro-pages-case-detail-index-listContent {
      & > div {
        display: block;
      }
      & > div:last-child {
        top: 0;
        width: 100%;
      }
    }
  }
}

@media screen and (max-width: @screen-xl) {
  .antd-pro-pages-case-detail-index-standardList {
    .antd-pro-pages-case-detail-index-listContent {
      & > div {
        margin-left: 24px;
      }
      & > div:last-child {
        top: 0;
      }
    }
  }
}

@media screen and (max-width: 1400px) {
  .antd-pro-pages-case-detail-index-standardList {
    .antd-pro-pages-case-detail-index-listContent {
      text-align: right;
      & > div:last-child {
        top: 0;
      }
    }
  }
}

.antd-pro-pages-case-detail-index-standardListForm {
  .ant-form-item {
    margin-bottom: 12px;
    &:last-child {
      margin-bottom: 32px;
      padding-top: 4px;
    }
  }
}

.antd-pro-pages-case-detail-index-formResult {
  width: 100%;
  [class^="title"] {
    margin-bottom: 8px;
  }
}

/* 
  Convert to from  src/pages/Exception/style.less
 */
.antd-pro-pages-exception-style-trigger {
  background: "red";
  :global(.ant-btn) {
    margin-right: 8px;
    margin-bottom: 12px;
  }
}

/* 
  Convert to from  src/pages/RuleManage/index.less
 */

.antd-pro-pages-rule-manage-index-tableList {
  .antd-pro-pages-rule-manage-index-tableListOperator {
    margin-bottom: 16px;
    button {
      margin-right: 8px;
    }
  }
}

.antd-pro-pages-rule-manage-index-tableListForm {
  .ant-form-item {
    display: flex;
    margin-right: 0;
    margin-bottom: 24px;
    > .ant-form-item-label {
      width: auto;
      padding-right: 8px;
      line-height: 32px;
    }
    .ant-form-item-control {
      line-height: 32px;
    }
  }
  .ant-form-item-control-wrapper {
    flex: 1;
  }
  .antd-pro-pages-rule-manage-index-submitButtons {
    display: block;
    margin-bottom: 24px;
    white-space: nowrap;
  }
}

@media screen and (max-width: @screen-lg) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 24px;
  }
}

@media screen and (max-width: @screen-md) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 8px;
  }
}

/* 
  Convert to from  src/pages/TaskDetail/index.less
 */

.antd-pro-pages-task-detail-index-headerList {
  margin-bottom: 4px;
}

.antd-pro-pages-task-detail-index-tableList {
  .antd-pro-pages-task-detail-index-tableListOperator {
    margin-bottom: 16px;
    button {
      margin-right: 8px;
    }
  }
}

.antd-pro-pages-task-detail-index-tableListForm {
  .ant-form-item {
    display: flex;
    margin-right: 0;
    margin-bottom: 24px;
    > .ant-form-item-label {
      width: auto;
      padding-right: 8px;
      line-height: 32px;
    }
    .ant-form-item-control {
      line-height: 32px;
    }
  }
  .ant-form-item-control-wrapper {
    flex: 1;
  }
  .antd-pro-pages-task-detail-index-submitButtons {
    display: block;
    margin-bottom: 24px;
    white-space: nowrap;
  }
}

@media screen and (max-width: @screen-lg) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 24px;
  }
}

@media screen and (max-width: @screen-md) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 8px;
  }
}

.antd-pro-pages-task-detail-index-standardList {
  .ant-card-head {
    border-bottom: none;
  }
  .ant-card-head-title {
    padding: 24px 0;
    line-height: 32px;
  }
  .ant-card-extra {
    padding: 24px 0;
  }
  .ant-list-pagination {
    margin-top: 24px;
    text-align: right;
  }
  .ant-avatar-lg {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
  .antd-pro-pages-task-detail-index-headerInfo {
    position: relative;
    text-align: center;
    & > span {
      display: inline-block;
      margin-bottom: 4px;
      color: @text-color-secondary;
      font-size: @font-size-base;
      line-height: 22px;
    }
    & > p {
      margin: 0;
      color: @heading-color;
      font-size: 24px;
      line-height: 32px;
    }
    & > em {
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 56px;
      background-color: @border-color-split;
    }
  }
  .antd-pro-pages-task-detail-index-listContent {
    font-size: 0;
    .antd-pro-pages-task-detail-index-listContentItem {
      display: inline-block;
      margin-left: 40px;
      color: @text-color-secondary;
      font-size: @font-size-base;
      vertical-align: middle;
      > span {
        line-height: 20px;
      }
      > p {
        margin-top: 4px;
        margin-bottom: 0;
        line-height: 22px;
      }
    }
  }
  .antd-pro-pages-task-detail-index-extraContentSearch {
    width: 272px;
    margin-left: 16px;
  }
}

@media screen and (max-width: @screen-xs) {
  .antd-pro-pages-task-detail-index-standardList {
    .ant-list-item-content {
      display: block;
      flex: none;
      width: 100%;
    }
    .ant-list-item-action {
      margin-left: 0;
    }
    .antd-pro-pages-task-detail-index-listContent {
      margin-left: 0;
      & > div {
        margin-left: 0;
      }
    }
    .antd-pro-pages-task-detail-index-listCard {
      .ant-card-head-title {
        overflow: visible;
      }
    }
  }
}

@media screen and (max-width: @screen-sm) {
  .antd-pro-pages-task-detail-index-standardList {
    .antd-pro-pages-task-detail-index-extraContentSearch {
      width: 100%;
      margin-left: 0;
    }
    .antd-pro-pages-task-detail-index-headerInfo {
      margin-bottom: 16px;
      & > em {
        display: none;
      }
    }
  }
}

@media screen and (max-width: @screen-md) {
  .antd-pro-pages-task-detail-index-standardList {
    .antd-pro-pages-task-detail-index-listContent {
      & > div {
        display: block;
      }
      & > div:last-child {
        top: 0;
        width: 100%;
      }
    }
  }
  .antd-pro-pages-task-detail-index-listCard {
    .ant-radio-group {
      display: block;
      margin-bottom: 8px;
    }
  }
}

@media screen and (max-width: @screen-lg) and (min-width: @screen-md) {
  .antd-pro-pages-task-detail-index-standardList {
    .antd-pro-pages-task-detail-index-listContent {
      & > div {
        display: block;
      }
      & > div:last-child {
        top: 0;
        width: 100%;
      }
    }
  }
}

@media screen and (max-width: @screen-xl) {
  .antd-pro-pages-task-detail-index-standardList {
    .antd-pro-pages-task-detail-index-listContent {
      & > div {
        margin-left: 24px;
      }
      & > div:last-child {
        top: 0;
      }
    }
  }
}

@media screen and (max-width: 1400px) {
  .antd-pro-pages-task-detail-index-standardList {
    .antd-pro-pages-task-detail-index-listContent {
      text-align: right;
      & > div:last-child {
        top: 0;
      }
    }
  }
}

.antd-pro-pages-task-detail-index-standardListForm {
  .ant-form-item {
    margin-bottom: 12px;
    &:last-child {
      margin-bottom: 32px;
      padding-top: 4px;
    }
  }
}

.antd-pro-pages-task-detail-index-formResult {
  width: 100%;
  [class^="title"] {
    margin-bottom: 8px;
  }
}

/* 
  Convert to from  src/pages/TaskManage/index.less
 */

.antd-pro-pages-task-manage-index-tableList {
  .antd-pro-pages-task-manage-index-tableListOperator {
    margin-bottom: 16px;
    button {
      margin-right: 8px;
    }
  }
}

.antd-pro-pages-task-manage-index-tableListForm {
  .ant-form-item {
    display: flex;
    margin-right: 0;
    margin-bottom: 24px;
    > .ant-form-item-label {
      width: auto;
      padding-right: 8px;
      line-height: 32px;
    }
    .ant-form-item-control {
      line-height: 32px;
    }
  }
  .ant-form-item-control-wrapper {
    flex: 1;
  }
  .antd-pro-pages-task-manage-index-submitButtons {
    display: block;
    margin-bottom: 24px;
    white-space: nowrap;
  }
}

@media screen and (max-width: @screen-lg) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 24px;
  }
}

@media screen and (max-width: @screen-md) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 8px;
  }
}

/* 
  Convert to from  src/utils/utils.less
*/

.textOverflow() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

.textOverflowMulti(@line: 3, @bg: #fff) {
  position: relative;
  max-height: @line * 1.5em;
  margin-right: -1em;
  padding-right: 1em;
  overflow: hidden;
  line-height: 1.5em;
  text-align: justify;
  &::before {
    position: absolute;
    right: 14px;
    bottom: 0;
    padding: 0 1px;
    background: @bg;
    content: "...";
  }
  &::after {
    position: absolute;
    right: 14px;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white;
    content: "";
  }
}

// mixins for clearfix
// ------------------------
.clearfix() {
  zoom: 1;
  &::before,
  &::after {
    display: table;
    content: " ";
  }
  &::after {
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
  }
}
