.field-input-rate {
  margin-bottom: 20px;

  .list-item {
    width: 100%;

    .item {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 10px;

      .input-rate {
        margin-right: 10px;
        width: 87%;
        @media (min-width: 1200px) and (max-width: 1799.98px) {
          width: 78%;
        }
        @media (min-width: 992px) and (max-width: 1199.98px) {
          width: 76%;
        }
        @media (min-width: 576px) and (max-width: 767.98px) {
          width: 85%;
        }
        @media (max-width: 575.98px) {
          width: 75%;
        }

        input {
          padding: 12px;
          height: 40px;
          width: 100%;
        }
      }

      .controllers {
        width: 12%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        @media (min-width: 1200px) and (max-width: 1799.98px) {
          width: 15%;
        }
        button {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 40px;
          height: 40px;
          padding: 12px;
          &:first-child {
            margin-right: 10px;
          }
          i {
            &:before {
              font-size: 16px;
            }

          }
        }
      }
    }
  }
}
