/* line 19, app/assets/stylesheets/seatpicker.scss */
.fullscreen {
  display: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  z-index: 5;
}

/* line 29, app/assets/stylesheets/seatpicker.scss */
.float-left {
  float: left;
}

/* line 33, app/assets/stylesheets/seatpicker.scss */
.hidden {
  display: none;
}

/* line 37, app/assets/stylesheets/seatpicker.scss */
.qty-accessibility {
  position: relative;
  top: 0;
  margin-left: 225px;
}

@media screen and (max-width: 600px) {
  /* line 37, app/assets/stylesheets/seatpicker.scss */
  .qty-accessibility {
    margin-right: 20px;
    display: float;
    float: right;
  }
}

@media screen and (max-width: 600px) {
  /* line 37, app/assets/stylesheets/seatpicker.scss */
  .qty-accessibility {
    margin-left: 0px;
    display: float;
    float: right;
  }
}

/* line 53, app/assets/stylesheets/seatpicker.scss */
.float-right {
  float: right;
}

/* line 60, app/assets/stylesheets/seatpicker.scss */
.hide-in-mobile {
  display: inline;
}

@media screen and (max-width: 600px) {
  /* line 60, app/assets/stylesheets/seatpicker.scss */
  .hide-in-mobile {
    display: none;
  }
}

/* line 67, app/assets/stylesheets/seatpicker.scss */
.seatpicker-header {
  background-color: var(--primary-98);
  color: var(--primary-10);
  border-bottom: 1px solid #dcdcde;
  display: flex;
  align-items: center;
  position: absolute;
  height: 45px;
  line-height: 41px;
  left: 0;
  top: 0;
  right: 0;
  z-index: 13;
  padding: 0 15px;
}

/* line 82, app/assets/stylesheets/seatpicker.scss */
.seatpicker-header select {
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  background-color: rgba(255, 255, 255, 0.9);
}

@media screen and (max-width: 600px) {
  /* line 82, app/assets/stylesheets/seatpicker.scss */
  .seatpicker-header select {
    max-width: 200px;
  }
}

@media screen and (orientation: landscape) and (max-width: 600px) {
  /* line 67, app/assets/stylesheets/seatpicker.scss */
  .seatpicker-header {
    width: 100%;
    right: auto;
  }
}

/* line 100, app/assets/stylesheets/seatpicker.scss */
.link-eventinfo {
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 115px;
}

@media screen and (max-width: 600px) {
  /* line 100, app/assets/stylesheets/seatpicker.scss */
  .link-eventinfo {
    margin-right: 0;
  }
}

/* line 109, app/assets/stylesheets/seatpicker.scss */
.link-eventinfo a {
  color: var(--primary-10);
  text-decoration: none;
}

/* line 114, app/assets/stylesheets/seatpicker.scss */
.link-eventinfo:hover, .link-eventinfo:active {
  color: var(--primary-10);
  text-decoration: underline;
}

/* line 119, app/assets/stylesheets/seatpicker.scss */
.link-eventinfo:hover {
  cursor: pointer;
}

/* line 123, app/assets/stylesheets/seatpicker.scss */
.link-eventinfo:before {
  display: inline-block;
  width: 16px;
  height: 8px;
  background-image: url(https://storage.googleapis.com/pro-igniter-app-assets/assets/expand-491532b9fe4e4b319fa7733eb2caea24166526329fcd16f283bedd22e2db5b1e.svg);
  background-repeat: no-repeat;
  transform: rotate(90deg);
  content: "";
  padding: 5px;
  vertical-align: middle;
}

/* line 136, app/assets/stylesheets/seatpicker.scss */
.filter-accessible {
  display: none;
  float: right;
}

/* line 140, app/assets/stylesheets/seatpicker.scss */
.filter-accessible + label {
  display: inline-block;
  width: 300px;
  height: 29px;
  background-image: url(https://storage.googleapis.com/pro-igniter-app-assets/assets/icon-accessible-34484dd92ca0f30376552cb6dd54f37266d7a68b06f98c37ba8eb2f38a06dc0b.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 27px 58px;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 70px;
  text-align: middle;
}

@media screen and (max-width: 600px) {
  /* line 140, app/assets/stylesheets/seatpicker.scss */
  .filter-accessible + label {
    width: 27px;
    margin-left: 7px;
  }
}

/* line 158, app/assets/stylesheets/seatpicker.scss */
.filter-accessible + label span {
  margin-left: 50px;
  position: relative;
  top: -15px;
  color: var(--primary-10);
  display: none;
}

/* line 167, app/assets/stylesheets/seatpicker.scss */
.filter-accessible:checked + label {
  background-position: 0px -29px;
}

/* line 170, app/assets/stylesheets/seatpicker.scss */
.filter-accessible:checked + label span {
  display: block;
}

@media screen and (max-width: 600px) {
  /* line 170, app/assets/stylesheets/seatpicker.scss */
  .filter-accessible:checked + label span {
    display: none;
  }
}

/* line 180, app/assets/stylesheets/seatpicker.scss */
.contextSelector {
  display: inline;
}

/* line 184, app/assets/stylesheets/seatpicker.scss */
.contextSelector div.selectricWrapper {
  width: 160px;
}

/* line 188, app/assets/stylesheets/seatpicker.scss */
.selectricWrapper {
  width: 54px;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

/* line 194, app/assets/stylesheets/seatpicker.scss */
.selectricWrapper:last-child {
  width: 80px;
}

@media screen and (min-width: 600px) {
  /* line 188, app/assets/stylesheets/seatpicker.scss */
  .selectricWrapper {
    width: 54px;
  }
  /* line 201, app/assets/stylesheets/seatpicker.scss */
  .selectricWrapper:last-child {
    width: 80px;
  }
}

/* line 206, app/assets/stylesheets/seatpicker.scss */
.selectricWrapper .selectric,
.selectricWrapper .seat-picker-button {
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.15) inset;
}

/* line 213, app/assets/stylesheets/seatpicker.scss */
.loading-overlay {
  background-color: rgba(200, 200, 200, 0.75);
  background-image: url(https://storage.googleapis.com/pro-igniter-app-assets/assets/loading-0983e9927abe165ee6760adb4bbb2954e272ecacf2ccfb3b470daad09471e22e.gif);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
}

/* line 226, app/assets/stylesheets/seatpicker.scss */
.map-container {
  font-size: 0;
  text-align: center;
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  bottom: 170px;
  overflow: hidden;
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: url(https://storage.googleapis.com/pro-igniter-app-assets/assets/openhand-7e598d5ca455f9ebcf634a5a890ca24ebcd8ef1969a2d85a82d4592173a9870d.cur), default;
  /*@media screen and (min-width: $break-small-portrait) and (max-width: $break-small-landscape) {*/
}

/* line 244, app/assets/stylesheets/seatpicker.scss */
.map-container.loading {
  pointer-events: none;
}

/* line 247, app/assets/stylesheets/seatpicker.scss */
.map-container.dragging {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: url(https://storage.googleapis.com/pro-igniter-app-assets/assets/closedhand-6e6a8ec68b71524e35ae0a9bf9d27fd92f1da43b6d3ed41edad1921f7c112fbd.cur), default;
}

/* line 254, app/assets/stylesheets/seatpicker.scss */
.map-container svg {
  left: 0 !important;
}

@media screen and (min-width: 600px) {
  /* line 254, app/assets/stylesheets/seatpicker.scss */
  .map-container svg {
    margin-top: 60px;
  }
}

/* line 261, app/assets/stylesheets/seatpicker.scss */
.map-container svg text {
  pointer-events: none;
}

/* line 264, app/assets/stylesheets/seatpicker.scss */
.map-container svg .section {
  cursor: pointer;
  transition: filter 200ms, transform 200ms;
}

/* line 268, app/assets/stylesheets/seatpicker.scss */
.map-container svg .section.section-current,
.map-container svg .section.section-current:hover {
  opacity: 0.5;
}

/* line 272, app/assets/stylesheets/seatpicker.scss */
.map-container svg .section.section.not-available,
.map-container svg .section.section.not-available:hover {
  cursor: inherit;
  opacity: 0.4;
}

/* line 278, app/assets/stylesheets/seatpicker.scss */
.map-container svg .section.not-available + text {
  opacity: 0.4;
}

/* line 281, app/assets/stylesheets/seatpicker.scss */
.map-container svg .section:hover {
  filter: saturate(1.5) brightness(0.8);
}

/* line 284, app/assets/stylesheets/seatpicker.scss */
.map-container svg .section:active {
  filter: saturate(1.5) brightness(0.75);
}

/* line 287, app/assets/stylesheets/seatpicker.scss */
.map-container svg .section-current + text {
  opacity: 0;
}

/* line 290, app/assets/stylesheets/seatpicker.scss */
.map-container svg .section-current + text + text {
  opacity: 0;
}

/* line 294, app/assets/stylesheets/seatpicker.scss */
.map-container svg .seat {
  pointer-events: none;
  stroke: #aaa;
  stroke-width: 0.5px;
}

/* line 303, app/assets/stylesheets/seatpicker.scss */
.map-container svg .seat.seat-accessible {
  stroke: #53bee7;
  stroke-width: 1.0px;
}

/* line 307, app/assets/stylesheets/seatpicker.scss */
.map-container svg .seat.seat-unavailable {
  fill: rgba(0, 0, 0, 0.15);
}

/* line 310, app/assets/stylesheets/seatpicker.scss */
.map-container svg .seat.seat-unavailable.seat-taken {
  fill: rgba(0, 0, 0, 0.3);
}

/* line 314, app/assets/stylesheets/seatpicker.scss */
.map-container svg .seat:not(.seat-unavailable) {
  fill: white;
}

/* line 317, app/assets/stylesheets/seatpicker.scss */
.map-container svg .seat.seat-taken:not(.seat-unavailable) {
  fill: rgba(0, 0, 0, 0.45);
}

/* line 322, app/assets/stylesheets/seatpicker.scss */
.map-container svg .seat.seat-invalid {
  fill: pink;
  stroke: red;
  stroke-width: 1px;
}

/* line 328, app/assets/stylesheets/seatpicker.scss */
.map-container svg .seat.seat-excluded {
  fill: lightgrey;
  stroke: grey;
  stroke-width: 1px;
  opacity: 0.15;
}

/* line 335, app/assets/stylesheets/seatpicker.scss */
.map-container svg .seatoption {
  transition: stroke 200ms;
  stroke: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

/* line 341, app/assets/stylesheets/seatpicker.scss */
.map-container svg .seatoption.seatoption-selected {
  stroke: black;
}

/* line 344, app/assets/stylesheets/seatpicker.scss */
.map-container svg .seatoption.seatoption-hovered {
  stroke: rgba(0, 0, 0, 0.5);
}

/* line 349, app/assets/stylesheets/seatpicker.scss */
.map-container > .zoom-reset, .map-container > .section-camera, .map-container > .zoom-in, .map-container > .zoom-out {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  font-family: "Courier New", Courier, monospace;
  background-color: var(--primary-40);
  background-image: url(https://storage.googleapis.com/pro-igniter-app-assets/assets/icon-zoom-be773161f12d9f4e8ba97f635a3f1eb2a5a1fb23222b7b46f1a9af2c323845fb.png);
  background-size: 100% auto;
  border-radius: 4%;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.15) inset;
}

/* line 368, app/assets/stylesheets/seatpicker.scss */
.map-container > .zoom-reset:hover, .map-container > .section-camera:hover, .map-container > .zoom-in:hover, .map-container > .zoom-out:hover {
  background-color: var(--primary-50);
}

/* line 373, app/assets/stylesheets/seatpicker.scss */
.map-container > .section-camera {
  background-image: url(https://storage.googleapis.com/pro-igniter-app-assets/images/photo/camera.png);
}

/* line 377, app/assets/stylesheets/seatpicker.scss */
.map-container > .section-camera.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.25;
}

/* line 383, app/assets/stylesheets/seatpicker.scss */
.map-container > .section-camera {
  display: none;
}

/* line 387, app/assets/stylesheets/seatpicker.scss */
.map-container > .zoom-reset {
  left: 10px;
  bottom: 10px;
  background-position: 0px -60px;
}

/* line 392, app/assets/stylesheets/seatpicker.scss */
.map-container > .section-camera {
  left: 60px;
  bottom: 10px;
  background-position: 0px -60px;
}

/* line 397, app/assets/stylesheets/seatpicker.scss */
.map-container.scale-1 > .zoom-reset {
  cursor: default;
  pointer-events: none;
  opacity: 0.25;
}

/* line 403, app/assets/stylesheets/seatpicker.scss */
.map-container > .zoom-in {
  bottom: 10px;
  right: 10px;
  background-position: 0px 0px;
}

/* line 408, app/assets/stylesheets/seatpicker.scss */
.map-container > .zoom-out {
  bottom: 10px;
  right: 50px;
  background-position: 0px -30px;
}

@media screen and (orientation: landscape) {
  /* line 226, app/assets/stylesheets/seatpicker.scss */
  .map-container {
    left: 240px;
    bottom: 0;
  }
}

@media screen and (min-width: 600px) {
  /* line 420, app/assets/stylesheets/seatpicker.scss */
  .map-container > .zoom-reset, .map-container > .section-camera, .map-container > .zoom-in, .map-container > .zoom-out {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 60px;
    box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.15) inset;
  }
  /* line 431, app/assets/stylesheets/seatpicker.scss */
  .map-container > .zoom-reset {
    left: 20px;
    bottom: 20px;
    background-position: 0px -120px;
  }
  /* line 436, app/assets/stylesheets/seatpicker.scss */
  .map-container > .section-camera {
    left: 90px;
    bottom: 20px;
    background-position: 0px -120px;
  }
  /* line 441, app/assets/stylesheets/seatpicker.scss */
  .map-container > .zoom-in {
    bottom: 20px;
    right: 20px;
  }
  /* line 445, app/assets/stylesheets/seatpicker.scss */
  .map-container > .zoom-out {
    bottom: 20px;
    right: 100px;
    background-position: 0px -60px;
  }
}

@media screen and (orientation: landscape) {
  /* line 226, app/assets/stylesheets/seatpicker.scss */
  .map-container {
    top: 0;
  }
}

/* line 458, app/assets/stylesheets/seatpicker.scss */
.infobox {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 170px;
  border-right: 1px solid #dcdcde;
  overflow: none;
  background-color: var(--primary-98);
  color: var(--primary-10);
  font-size: 12px;
  z-index: 11;
}

/* line 474, app/assets/stylesheets/seatpicker.scss */
.infobox .title {
  margin: 0;
  padding: 0 12px;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 487, app/assets/stylesheets/seatpicker.scss */
.infobox .title p {
  margin-top: 5px;
  margin-bottom: 10px;
}

/* line 493, app/assets/stylesheets/seatpicker.scss */
.infobox .content {
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0px;
  top: 80px;
  background: var(--primary-98);
  overflow: auto;
}

/* line 503, app/assets/stylesheets/seatpicker.scss */
.infobox .guide {
  margin-bottom: 0px;
  padding: 5px 0px 0px 12px;
  font-size: 12px;
}

/* line 509, app/assets/stylesheets/seatpicker.scss */
.infobox .description {
  margin: 0 12px;
  padding: 10px;
  font-size: 12px;
  clear: both;
}

/* line 517, app/assets/stylesheets/seatpicker.scss */
.infobox .description h3 {
  color: red;
}

/* line 522, app/assets/stylesheets/seatpicker.scss */
.infobox .pricing {
  padding: 6px 6px;
  margin: 10px 10px;
  font-size: 12px;
  float: left;
  width: 85%;
}

/* line 529, app/assets/stylesheets/seatpicker.scss */
.infobox .pricing h3 {
  text-transform: uppercase;
  font-size: 12px;
  color: var(--primary-10);
}

/* line 535, app/assets/stylesheets/seatpicker.scss */
.infobox .pricing ul {
  display: block;
  padding: 8px 6px;
  margin: 6px 0px;
  list-style: none;
  border: 1px solid #2f343b;
  box-shadow: 1px 1px 1px 1px #565d67;
}

/* line 544, app/assets/stylesheets/seatpicker.scss */
.infobox .pricing p {
  font-style: italic;
  font-size: 10px;
  margin-bottom: 5px;
}

/* line 552, app/assets/stylesheets/seatpicker.scss */
.infobox.best-option:not(.no-tickets-found) .guide {
  border-top: 1px solid #565d67;
  box-shadow: 0px -1px 0px 0px #2f343b;
  position: relative;
}

/* line 557, app/assets/stylesheets/seatpicker.scss */
.infobox.best-option:not(.no-tickets-found) .guide:before {
  content: "OR";
  display: block;
  position: absolute;
  text-align: center;
  width: 30px;
  margin-left: -15px;
  height: 17px;
  margin-top: -8px;
  top: 0;
  left: 50%;
  background-color: var(--primary-98);
  color: var(--primary-10);
}

/* line 573, app/assets/stylesheets/seatpicker.scss */
.infobox.best-option .options .option {
  border-bottom: 0;
  box-shadow: 0px 0px 0px 0px;
}

/* line 578, app/assets/stylesheets/seatpicker.scss */
.infobox .options {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  cursor: default;
}

/* line 586, app/assets/stylesheets/seatpicker.scss */
.infobox .options .option {
  cursor: pointer;
  padding: 3px 10px 0;
  border-bottom: 1px solid #2f343b;
}

/* line 592, app/assets/stylesheets/seatpicker.scss */
.infobox .options .option.hover {
  background-color: rgba(0, 0, 0, 0.15);
}

/* line 596, app/assets/stylesheets/seatpicker.scss */
.infobox .options.option-selected .option:not(.selected) {
  color: rgba(255, 255, 255, 0.6);
}

/* line 599, app/assets/stylesheets/seatpicker.scss */
.infobox .options .option-details {
  display: block;
  list-style: none;
  margin: 0;
  padding: 5px 3px;
}

/* line 34, app/assets/stylesheets/mixins/_clearfix.scss */
.infobox .options .option-details:after {
  content: "";
  display: table;
  clear: both;
}

/* line 607, app/assets/stylesheets/seatpicker.scss */
.infobox .options .option-details li {
  display: block;
  float: left;
  line-height: 1.2em;
}

/* line 613, app/assets/stylesheets/seatpicker.scss */
.infobox .options .option-section-label {
  width: 35%;
}

/* line 616, app/assets/stylesheets/seatpicker.scss */
.infobox .options .option-section {
  width: 35%;
}

/* line 619, app/assets/stylesheets/seatpicker.scss */
.infobox .options .option-row-label {
  width: 30%;
  text-align: left;
}

/* line 623, app/assets/stylesheets/seatpicker.scss */
.infobox .options .option-row {
  width: 30%;
  text-align: left;
}

/* line 627, app/assets/stylesheets/seatpicker.scss */
.infobox .options .option-seat-label {
  width: 25%;
  text-align: left;
}

/* line 631, app/assets/stylesheets/seatpicker.scss */
.infobox .options .option-seat {
  width: 25%;
  text-align: left;
}

/* line 635, app/assets/stylesheets/seatpicker.scss */
.infobox .options li.option-purchase {
  float: right;
  width: 10%;
  text-align: right;
  height: 2.3em;
  line-height: 2.3em;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}

/* line 648, app/assets/stylesheets/seatpicker.scss */
.infobox .options li.option-purchase .seat-picker-button {
  color: var(--primary-90);
  background-color: var(--primary-40);
  padding: 4px 12px;
  border-radius: 2px;
  box-shadow: 0px 1px 0px 0px #636a73;
}

/* line 657, app/assets/stylesheets/seatpicker.scss */
.infobox .options li.option-remove .seat-picker-button {
  display: none;
}

/* line 662, app/assets/stylesheets/seatpicker.scss */
.infobox .options.option-selected li.option-remove {
  float: right;
  width: 10%;
  text-align: right;
  font-size: 12px;
  cursor: pointer;
  position: relative;
}

/* line 670, app/assets/stylesheets/seatpicker.scss */
.infobox .options.option-selected li.option-remove .seat-picker-button {
  display: block;
  color: var(--primary-90);
  background-color: var(--primary-40);
  padding: 7px;
  border-radius: 2px;
  box-shadow: 0px 1px 0px 0px #636a73;
}

/* line 677, app/assets/stylesheets/seatpicker.scss */
.infobox .options.option-selected li.option-remove .seat-picker-button:hover {
  color: var(--primary-98);
  background-color: var(--primary-50);
}

/* line 686, app/assets/stylesheets/seatpicker.scss */
.infobox .buy {
  list-style: none;
  margin: 5px 0px 10px 0px;
  cursor: pointer;
  padding: 0;
  box-shadow: 0px 1px 0px 0px #565d67;
  width: 100%;
  text-align: center;
  line-height: 1.2em;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}

/* line 34, app/assets/stylesheets/mixins/_clearfix.scss */
.infobox .buy:after {
  content: "";
  display: table;
  clear: both;
}

/* line 707, app/assets/stylesheets/seatpicker.scss */
.infobox .buy .seat-picker-button {
  display: block;
  color: var(--primary-90);
  background-color: var(--primary-40);
  padding: 7px;
  border-radius: 2px;
  box-shadow: 0px 0px 6px 0px white;
}

/* line 715, app/assets/stylesheets/seatpicker.scss */
.infobox .buy .seat-picker-button:hover {
  color: var(--primary-98);
  background-color: var(--primary-50);
}

/* line 720, app/assets/stylesheets/seatpicker.scss */
.infobox .buy .seat-picker-button.disabled {
  color: #555;
  box-shadow: none;
}

@media screen and (orientation: landscape) {
  /* line 458, app/assets/stylesheets/seatpicker.scss */
  .infobox {
    right: auto;
    top: 45px;
    height: auto;
    width: 240px;
  }
}

/* line 736, app/assets/stylesheets/seatpicker.scss */
.confirmationbox {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: none;
  background-color: rgba(34, 38, 44, 0.85);
  z-index: 100;
  color: black;
}

/* line 747, app/assets/stylesheets/seatpicker.scss */
.confirmationbox.active .confirmation-container {
  transform: scale(1);
}

/* line 751, app/assets/stylesheets/seatpicker.scss */
.confirmationbox.deactive .confirmation-container {
  transform: scale(0.8);
}

/* line 755, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .confirmation-container {
  background-color: #ffffff;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.1em;
  transition: transform 0.6s;
  transform: scale(1.2);
}

@media screen and (max-width: 600px) {
  /* line 755, app/assets/stylesheets/seatpicker.scss */
  .confirmationbox .confirmation-container {
    height: 100%;
  }
  /* line 768, app/assets/stylesheets/seatpicker.scss */
  .confirmationbox .confirmation-container .content {
    height: initial;
  }
}

/* line 779, app/assets/stylesheets/seatpicker.scss */
.confirmationbox select.filter-quantity {
  margin: 20px;
}

/* line 784, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .title {
  line-height: 42px;
  height: 42px;
  width: 100%;
  background-color: #b4b4b4;
  color: white;
  font-weight: bold;
  border-bottom: 2px solid #989898;
  padding: 10px 20px;
  margin: 0;
}

/* line 796, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .content {
  padding: 20px 20px 0;
}

/* line 799, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .content .purchasedetail-quantity,
.confirmationbox .content .purchasedetail-section,
.confirmationbox .content .purchasedetail-total,
.confirmationbox .content .value {
  font-weight: bold;
}

/* line 806, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .content .purchasedetail-desc {
  color: red;
}

/* line 810, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .content .purchasedetail-total {
  border: 1px solid #e3e4e8;
  border-left: 0;
  border-right: 0;
  padding: 9px 0;
  margin: 6px 0;
}

/* line 817, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .content .purchasedetail-total:before {
  content: "TOTAL ";
  font-weight: normal;
  color: #989898;
}

/* line 824, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .content .validation {
  color: red;
}

/* line 829, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .buttons {
  padding: 0 20px 20px;
}

/* line 832, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .buttons input {
  height: auto;
  line-height: 1.5rem;
  background-color: #5ccaf0;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4%;
  border: 0;
  cursor: pointer;
  padding: 7px 9px;
  margin: 2px 5px 0 0;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.15) inset;
}

/* line 847, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .buttons input:hover {
  background-color: #48b7e0;
}

/* line 851, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .buttons input.hidden {
  display: none;
}

/* line 857, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .confirmation-table {
  display: block;
  width: 100%;
  margin: 10px 0;
}

/* line 862, app/assets/stylesheets/seatpicker.scss */
.confirmationbox .confirmation-table td {
  padding: 4px 10px 4px 0;
}

@media screen and (orientation: landscape) {
  /* line 868, app/assets/stylesheets/seatpicker.scss */
  .confirmationbox .confirmation-container {
    left: 50%;
    margin-left: -230px;
    width: 460px;
  }
}

@media screen and (min-width: 600px) {
  /* line 876, app/assets/stylesheets/seatpicker.scss */
  .confirmationbox .confirmation-container {
    top: 50%;
    left: 50%;
    margin: -172px 0 0 -230px;
    width: 600px;
  }
}

/* line 885, app/assets/stylesheets/seatpicker.scss */
.purchasedetail-price {
  width: 100%;
  text-overflow: ellipsis;
}

/* line 891, app/assets/stylesheets/seatpicker.scss */
.pricing h3,
.pricing p {
  color: var(--primary-10) !important;
}