@import "../../../../../assets/less/variables";
.field-rates{
  .wrapper-rates {
    width: 100%;
    position: relative;
    .calendar_rates{
      width: 100%;
      padding: 10px 20px;
      border-radius: 10px;
      outline: none;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 22px;
      letter-spacing: 0.02em;
      text-transform: capitalize;
      color: #999999;
      border: 1px solid #E2E5EC;
      &:active {
        outline: none;
      }
      &::placeholder {
        font-family: @font-family-nunito-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 0.02em;
        text-transform: capitalize;
        color: #999999;
      }
    }
    i {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      font-size: 14px;
    }
  }
}