.ticket {
  position: relative;
  box-sizing: border-box;
  width: 640px;
  margin-bottom: 10px;
  background: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.20);
  border-radius: 3px;
}

.segment-block {
  margin-bottom: 19px;
}

.ticket-buy-block,
.ticket-segments {
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  z-index: 2;
}

.ticket-segments {
  position: relative;
  height: 100%;
  padding: 20px;
  border-right: 1px solid #e8edf0;
  border-radius: 3px 0 0 3px;
  cursor: pointer;
  &:hover .open-ticket-button {
    background-color: rgba(17, 180, 220, .16);
    transition: background-color .26s ease;
  }
}

.ticket-buy-block {
  display: inline-block;
  box-sizing: border-box;
  width: 200px;
  padding: 20px;
  border-radius: 0 3px 0 0;
}

.airline-logo-container {
  display: inline-block;
  padding: 3px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 3px;
}

.flight-main-info,
.flight-timing-info {
  display: inline-block;
  vertical-align: top;
  > .airline-name {
    font-size: 12px;
    line-height: 15px;
  }
  > .flight-time {
    font-size: 16px;
    line-height: 20px;
  }
  > .text-sub {
    font-size: 12px;
    line-height: 15px;
    max-width: 224px;
    opacity: .5;
  }
}

.flight-main-info {
  width: 224px;
  margin-left: 16px;
}

.flight-timing-info {
  margin-left: 12px;
  vertical-align: bottom;
}

.open-ticket-button {
  font-size: 12px;
  width: 399px;
  padding: 7px 0 6px;
  cursor: pointer;
  text-align: center;
  color: rgba(0, 153, 191, .75);
  border-radius: 3px;
  background-color: rgba(17, 180, 220, .11);
  transition: background-color .26s ease;
  > .open-ticket-text {
    @include arrow(down, 3px, rgba(0, 153, 191, 1), 110%, $margin: -8px);
  }
}

.highlight-plate {
  display: none;
}