//custom rates
#custom_rates_wrap{

  #custom_rates_ul{
    padding: 0;
    margin: 0;
    li{
      display: inline-block;
      padding: 5px 10px;
      &.active {
        border-bottom: 1px solid red;
      }
    }
  }

  #custom_rates_contents{
    .custom_rates_content{
      .custom_rate_heading {
        font-size: 16px;
        font-weight: 700;
      }
      .custom_rate_from{
        margin-bottom: 10px;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

        .regular-text {
          flex: 1;
          margin-right: 0 !important;
          border-radius: 4px 0 0 4px !important;
          border-right: 0 !important;
          -moz-appearance: textfield;
          &::-webkit-outer-spin-button{
            -webkit-appearance: none;
            margin: 0;
          }
          &::-webkit-inner-spin-button{
            -webkit-appearance: none;
            margin: 0;
          }
          &:focus{
            border-color: var(--color-primary) !important;
          }
        }
        .auto_fill_customrate{
          border-radius: 0 4px 4px 0 !important;
        }
        .custom_rates_busy{
          background-image: url("../images/busy.gif");
          width: 28px;
          height: 28px;
          background-repeat: no-repeat;
          background-size: contain;
          margin-left: 5px;
          display: none;

        }
        .custom_rate_name {
          display: block;
          width: 100%;
        }
      }
    }
  }


}
.custom_rates_wrap {
  input[type=number] {
    background: transparent !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border: 1px solid #faa790 !important;
    border-right: none !important;
    margin-right: 0 !important;
    box-shadow: none !important;

    &:focus {
      border: 1px solid #faa790 !important;
      border-right: none !important;
      box-shadow: none !important;
    }
  }


  input[type=button] {
    background: transparent !important;
    color: #fb4e24 !important;
    position: relative !important;
    border: 1px solid #fb4e24 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-right: 0 !important;
    box-shadow: none !important;
    transition: all 0.3s;

    &:hover {
      background: #fb4e24 !important;
      color: #ffffff !important;
    }
  }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }
}
//custom rates end