.search-input-wrap {
  display: flex;
  position: relative;
  border-right: 1px solid #d2dcdd;
  border-left: 1px solid #d2dcdd;
  //border-radius: 5px;

  .icon {
    font-size: 20px;
    line-height: .48rem;
    position: absolute;
    right: 10px;
    color: #555;
  }

  .c7n-hap-select-wrapper {
    background-color: rgba(255, 255, 255, 0.12);
    height: .48rem;

    .c7n-hap-select {
      border: none;
     // padding-left: 35px;
     // padding-top: 5px;
     // padding-bottom: 5px;
      height: .48rem;
      color: #000;
    }

    .c7n-hap-select-inner-button .c7n-hap-select-clear-button {
      display: none !important;
    }

    .c7n-hap-select-suffix {
      display: none !important;
    }

    .c7n-hap-select:focus, .c7n-hap-select-focus .c7n-hap-select {
      color: #000 !important;
    }
  }
}
