/* 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;
  }

  .ruleTreeContainer > div {
    > .#{$css-prefix}select {
      .#{$css-prefix}select-inner {
        border-color: $color-brand1-6;
      }
    }
  }
  .#{$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: #e4e9ee;
    }
    .#{$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;
        border-color: $color-brand1-6;
      }
    }
  }

  .#{$css-prefix}after {
    text-indent: 4px;
  }
}

.add-group {
  text-align: center;

  // 新建组按钮
  .addGroup {
    width: 78px;
    font-size: 12px;
    background: #4c89ff;
    border-radius: 4px;
    color: #fff;
    border-width: 0px;
  }

  .addGroup:hover {
    background: #75a8ff;
  }

  .addGroup:active {
    background: #3667d9;
  }

  .pre-line {
    width: 2px;
    height: 12px;
    margin: 0 auto;
    background: #e4e9ee;
  }
  .#{$css-prefix}btn {
    margin: 0 auto;
    display: block;
  }
}

.container-wrap {
  background: #e4e9ee !important;
  border-left: 4px solid #4c89ff !important;
}

.formily-item-wrap {
  padding: 12px;
  background: #e4e9ee;
  .#{$css-prefix}icon-add {
    margin-right: 0 !important;
  }
}

.gov-formily-relation-line {
  border: 2px dashed #4c89ff !important;
  border-right: none !important;
}

.mega-layout-container-wrapper .mega-layout-container-content.grid {
  grid-row-gap: 0px !important;
}

// 加号按钮样式
.#{$css-prefix}btn.#{$css-prefix}btn-secondary,
.#{$css-prefix}btn.#{$css-prefix}btn-secondary:link,
.#{$css-prefix}btn.#{$css-prefix}btn-secondary:visited,
.#{$css-prefix}btn.#{$css-prefix}btn-secondary.visited {
  background: #fff;
  color: #4d6277 !important;
  border: 1px solid #e4e9ee !important;
  border-radius: 4px !important;
  cursor: pointer;
}

.#{$css-prefix}btn.#{$css-prefix}btn-secondary:hover {
  border: 1px solid #75a8ff !important;
  color: #75a8ff !important;
  background: #fff !important;
}

.#{$css-prefix}btn.#{$css-prefix}btn-secondary:active {
  border: 1px solid #3667d9 !important;
  color: #3667d9 !important;
}

// 条件下拉菜单
.riil-rule-tree .connect .#{$css-prefix}select .#{$css-prefix}select-inner {
  border: 1px solid #4c89ff;
  border-radius: 4px;
}

// 方块条件选择
.gov-rule-tree-relation-tag {
  background: #4c89ff;
  color: #fff;
  border-radius: 4px !important;
}

.rule-item-card {
  background: #fff !important;
  border-radius: 4px;
}

.#{$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;
}

.#{$css-prefix}row {
  display: inline-flex;
  .#{$css-prefix}form-item-label {
    width: 70px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 10px;
    margin-left: 6px;
  }

  .#{$css-prefix}form-item-control {
    width: 100%;
  }
}

.#{$css-prefix}menu {
  min-width: 0 !important;
}

.#{$css-prefix}form-item-help {
  color: red;
}