.field-calendardatetime {
  .form_datetime{
    width: 70%;
    position: relative;
    margin: 0 auto;
    @media (max-width: 575.98px) {
      width: 100%;
    }
    .time-booking {
      padding: 10px 20px;
    }
    .add-on {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      padding: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      &:nth-child(2) {
        right: 34px;
        background-color: #c0bebe;
        border-right: 1px solid #acacac;
      }
      &:nth-child(3) {
        right: 0;
        background-color: #c0bebe;
      }

      i {
        font-size: 13px;
      }
    }
  }
}
.datetimepicker {
  &.dropdown-menu {
    width: 350px;
    @media (max-width: 575.98px) {
      width: 100%;
      transform: translateX(40px);
    }
    .prev {
      transform: rotate(90deg);
    }
    .next {
      transform: rotate(-90deg);
    }
  }
}