@import '~@/variable.less';
.fastFilter {
  position: relative;
  background: #fff;
  margin: 0 10px;
  padding: 10px 8px 3px 8px;
  z-index: 20;
  .clear_both();
  .solutionList{
    width: 180px;
    float: left;
    .clear_both();
  }
  .advRow {
    float: left;
    width: 600px;
    height: 34px;
    overflow: hidden;
    position: relative;
    .clear_both();
    .filterList{
      padding-left: 8px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      width: 100%;
      background: #fff;
      .filterBtn{
        display: none;
        width: 100%;
      }
    }
  }
  .advRowActive {
    overflow: unset;
   .filterList{
     padding-top: 8px;
     background: #eef1f6;
      box-shadow: 0 0 1px 1px @active_color;
     .filterBtn{
       display: block;
     }
   }
  }
  .toggleBtn{
    width: 32px;
    margin-left: 8px;
    float: left;
  }
  .advCol {
    float: left;
    margin-left: 16px;
  }
}
.addFilterBox {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 9;
  margin-bottom: 0px;
  padding-right: 36px;
  height: 34px;
  &:first-child{
    .removeBtn{
      display: none;
    }
  }
  .removeBtn{
    position: absolute;
    top: 9px;
    right: 11px;
    z-index: 5;
  }
}
.minuseIcon {
  position: absolute;
  right: 1px;
  top: -5px;
  z-index: 10
}

.advButton {
  position: relative;
  margin-right: 7px;
  margin-bottom: 7px;
}

.advButton button {
  width: 100%;
}