/* write style here */
@import "@alifd/next/reset.scss";
.#{$css-prefix}select-single-menu {
  min-width: 80px;
}
.riil-rule-tree {
  padding: 12px;

  .#{$css-prefix}after {
    padding-right: 8px;
  }

  .treeDesc:before {
    line-height: 28px !important;
  }

  .#{$css-prefix}icon-remote {
    display: none;
  }
  .drag {
    background: $color-white;
  }
  .delete-icon {
    color: $color-text1-3 !important;
  }
  .actions {
    background: $color-white;
    .#{$css-prefix}icon-add {
      border-right: unset;
    }
    i:nth-child(2) {
      display: none;
    }
  }
  .container-wrap {
    padding: 12px;
    background: $color-fill1-1;
    border-radius: 4px;
  }
  .connect {
    .line {
      width: 2px;
      height: 16px;
      margin: 0 auto;
      background: #F2F7FD;
    }
    .#{$css-prefix}select {
      margin: 0 auto;
      display: block;
      width: 80px;
      min-width: 80px;
      .#{$css-prefix}input {
        min-width: unset;
      }
      .#{$css-prefix}select-inner {
        width: 80px;
      }
    }
  }

  .#{$css-prefix}after {
    text-indent: 4px;
  }

  // 加号按钮样式
  .gov-rule-item-card > div:last-child {
    button{
      color: $btn-pure-normal-color !important;
      background: $btn-pure-normal-bg !important;
      border-color: $btn-pure-normal-border-color !important;
      &:hover {
        color: $btn-pure-normal-color-hover !important;
        background: $btn-pure-normal-bg-hover !important;
        border-color: $btn-pure-normal-border-color-hover !important;
      }
      &:active {
        color: $btn-pure-normal-color-active !important;
        background: $btn-pure-normal-bg-active !important;
        border-color: $btn-pure-normal-border-color-active !important;
      }
      i {
        margin: 0 !important;
      }
    }
  }
  
  // 方块条件选择
  .gov-rule-tree-relation-tag {
    background: $btn-pure-primary-bg;
    color: $btn-pure-primary-color;
    border-radius: 4px !important;
    &:hover{
      color: $btn-pure-primary-color-hover;
      background: $btn-pure-primary-bg-hover;
      border-color: $btn-pure-primary-border-color-hover;
    }
    &:active {
      color: $btn-pure-primary-color-active !important;
      background: $btn-pure-primary-bg-active !important;
      border-color: $btn-pure-primary-border-color-active !important;
    }
  }

  .rule-item-card {
    background: #fff !important;
    border-radius: 4px;
    min-height: 160px;
    h5{
      color: $color-text1-4
    }
  }

  .#{$css-prefix}form-item-label {
    line-height: 26px;
    padding: 0 10px;
    width: 70px;
  }

  .formily-mega-item-before {
    line-height: 0 !important;
  }

  .formily-mega-item-after {
    line-height: 0 !important;
  }

  .add-group {
    .pre-line {
      width: 2px;
      height: 12px;
      margin: 0 auto;
      background: #F2F7FD;
    }
    .#{$css-prefix}btn {
      margin: 0 auto;
      display: block;
    }
  }

  .container-wrap {
    background: #F2F7FD !important;
    border-left: 4px solid $btn-pure-primary-bg !important;
  }

  .formily-item-wrap {
    padding: 12px;
    background: #F2F7FD;
    .#{$css-prefix}icon-add {
      margin-right: 0 !important;
    }
  }

  .gov-formily-relation-line {
    border: 2px dashed $btn-pure-primary-bg !important;
    border-right: none !important;
  }

  .mega-layout-container-wrapper .mega-layout-container-content.grid {
    grid-row-gap: 0px !important;
  }
}
