@import '../../../../admin-booking/main_dependencies';

bb-admin-move-booking-confirmation {
  .bb-admin-move-booking-confirmation__container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .bb-admin-move-booking-confirmation__col {
    display: flex;
    flex-direction: column;
    width: 45%;

    @media (max-width: $screen-xs-max) {
      width: 100%;
    }
  }

  .bb-admin-move-booking-confirmation__col--small {
    width: 10%;

    @media (max-width: $screen-xs-max) {
      width: 100%;
    }
  }

  .bb-section__heading {
    padding: 9px 15px;
  }

  .bb-admin-move-booking-confirmation__datetime {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 18px;
  }

  .bb-admin-move-booking-confirmation__name {
    font-weight: 600;
  }

  .bb-admin-move-booking-confirmation__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

    @media (max-width: $screen-xs-max) {
      padding: 15px;
      transform: rotate(90deg);
    }
  }
}