@import '../main_dependencies';

.event-page {
  bb-basket-item-summary {
    margin-bottom: $bb-panel-margin-offset;
  }

  .loader-service-new {
    position: fixed;
    left: 0;
  }
  .page-heading {
    margin: 0 15px 40px 15px;
    font-size: 24px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
  }

  .ticket-selection {
    padding: 10px 0 40px 0;
  }

  .ticket-row {
    @include make-row();
    padding: 10px 0;
    margin-right: 15px;
    margin-left: 15px;
    border-bottom: 1px solid #e0e0e0;
    &__name {
      @include make-xs-column(6);
      padding: 5px 0;
    }
    &__price {
      @include make-xs-column(3);
      padding: 5px 0;
    }
    &__qty {
      @include make-xs-column(3);
      padding: 0;
    }
    &__name-heading {
      @include make-xs-column(6);
      padding: 0;
    }
    &__price-heading {
      @include make-xs-column(3);
      padding: 0;
    }
    &__qty-heading {
      @include make-xs-column(3);
      padding: 0;
    }
  }
  .tickets {

  }
  //TODO update select markup and styles so that they are reusable
  .qty-select-wrapper {
    position: relative;

    select {
      background: transparent;
      padding: 5px 10px;
      width: 50px;
      cursor: pointer;
      border-color: #e1e1e1;
      box-shadow: none;
      border-radius: 0;
      -webkit-appearance: none;
    }
    &:after {
      pointer-events: none;
      position: absolute;
      transform: translateY(-50%);
      top: 50%;
      left: 30px;
      //color: #494949;
      color: inherit;
      font-family: "FontAwesome", sans-serif;
      content: "\f107";
    }
  }

  .group {
    &__date {
      @include make-icon("\f133", 10px);
    }
    &__pin {
      @include make-icon("\f041", 10px);
    }
    &__time {
      @include make-icon("\f017", 10px);
    }
    &__ticket {
      @include make-icon("\f02b", 10px);
    }
  }

  .ticket-items {
    .panel {
      border: none;
      box-shadow: none !important;

      .panel-body {
        padding: 0;
      }
    }
  }
}