@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap");
/* ================================================================ */
/* ================================================================ */
/*    This is a generated file, please DO NOT MODIFY IT DIRECTLY    */
/*
    Generate this file with a scss tool like KOALA, by targeting the
    folder who contains this base.scss file, and it will generate the
    base.css file for you, to keep the comments for easy track in
    the future, keep the KOALA option as the following
    options :
    =========
    false: Compass Mode
    false: Source Map
    true: Line Comments
    false: Debug info
    false: Unix new Line
    true: Autoprefix
    Output Style: expanded
*/
/* ================================================================ */
/* ================================================================ */
/* Primary color as a string to be use in the splitter function */
/* line 27, base.scss */
:root {
  /* COLOURS */
  /* Changing --primary-color required also to do same changes on base.scss line 25 $primaryColor */
  --primary-color: #00999a;
  --text-error: #f00000;
  --list-header-border-color: #ffb200;
  --purple-color: #840265;
  --border-color: #e2e2e2;
  --confirmation-color: #f39d20;
  --pink-color: #e5007d;
  /* ========================================= */
  --radius: 8px;
  /* ========================================= */
  /* BUTTONS */
  --button-height: 44px;
  --button-font-size: 14px;
  --button-text-color: var(--primary-color);
  --button-hover-text-color: var(--button-text-color);
  --button-background-color: unset;
  --button-hover-background-color: unset;
  --button-border-color: var(--button-background-color);
  --button-hover-border-color: var(--button-border-color);
  --button-border-radius: 5px;
  --button-hover-border-radius: 5px;
  --button-border-width: 1px;
  --button-hover-border-width: 1px;
  /* primary Button */
  --primary-button-text-color: #ffffff;
  --primary-button-hover-text-color: var(--primary-button-text-color);
  --primary-button-background-color: var(--primary-color);
  --primary-button-hover-background-color: var(--primary-button-background-color);
  --primary-button-border-color: var(--primary-color);
  --primary-button-hover-border-color: var(--primary-button-border-color);
  --primary-button-border-width: var(--button-border-width);
  --primary-button-hover-border-width: var(--button-hover-border-width);
  /* secondary */
  --secondary-button-text-color: var(--button-text-color);
  --secondary-button-hover-text-color: var(--secondary-button-text-color);
  --secondary-button-background-color: #ffffff;
  --secondary-button-hover-background-color: var(--secondary-button-background-color);
  --secondary-button-border-color: var(--primary-color);
  --secondary-button-hover-border-color: var(--secondary-button-border-color);
  --secondary-button-border-width: var(--button-border-width);
  --secondary-button-hover-border-width: var(--secondary-button-border-width);
  /* tertiary */
  --tertiary-button-text-color: var(--button-text-color);
  --tertiary-button-hover-text-color: var(--tertiary-button-text-color);
  --tertiary-button-background-color: var(--button-background-color);
  --tertiary-button-hover-background-color: var(--tertiary-button-background-color);
  --tertiary-button-border-color: transparent;
  --tertiary-button-hover-border-color: var(--tertiary-button-border-color);
  --tertiary-button-border-width: var(--button-border-width);
  --tertiary-button-hover-border-width: var(--tertiary-button-border-width);
  /* Back Button */
  --back-button-font-size: 14px;
  --back-arrow-size: 11px;
  --back-button-text-color: var(--primary-color);
  --back-button-hover-text-color: var(--primary-color);
  --back-button-border-color: transparent;
  --back-button-hover-border-color: transparent;
  --back-button-background-color: transparent;
  --back-button-hover-background-color: transparent;
  --back-button-border-radius: 5px;
  --back-button-hover-border-radius: 5px;
  --back-button-border-width: 0px;
  --back-button-hover-border-width: 0px;
  /* ========================================= */
  /* WARNING */
  --warning-color: #f39d20;
  --warning-background-color: #ffe8b2;
  --danger-color: #f06e9c;
  --danger-background-color: #fad2e0;
  --success-color: #59ce78;
  --success-background-color: #bafbcb;
  /* ========================================= */
  /* BACKGROUNDS */
  --primary-background-color: #f7f6f6;
  --secondary-background-color: #ffffff;
  /* ========================================= */
  /* TEXT */
  --primary-text-color: #444444;
  --secondary-text-color: #606060;
  --label-text-color: #7a7a7a;
  --light-text-color: #b3b3b3;
  --primary-text-color-hover: rgba(0, 0, 0, 0.5);
  --secondary-text-color-hover: #ffffff;
  /* ========================================= */
  /* PROMOTION */
  --promotion-info-bg-color: #c9f1fd;
  --promotion-info-border-color: #00a4d3;
  /* ========================================= */
  /* DISABLED */
  --disabled-text-color: #e3e3e3;
  --disabled-border-color: #bbbbbb;
  --disabled-background-color: #bbbbbb;
  /* ========================================= */
  /* Shadows */
  --light-box-shadow: 0px 0px 15px 2px #efefef;
  --dark-box-shadow: 0px 0px 5px 4px #b3b3b3;
  --dark-text-shadow: 0px -1px 1px #b3b3b3;
  /* ========================================= */
  /* Others */
  --basket-color: var(--list-header-border-color);
  --basket-items-count-color: var(--primary-button-text-color);
  --basket-items-count-bgcolor: var(--primary-button-background-color);
  --modal-background: #ffffff;
  --modal-text-color: #444444;
  --hr-background-color: #eee;
  --place-holder-color: #c0c0c0;
  --performance-subtitle-color: var(--purple-color);
  --inputs-background-color: #f7f6f6;
  --footerend-background-color: #000;
  --font-family: 'Roboto Condensed', sans-serif;
  --table-striped-background-color: rgba(0, 0, 0, 0.081);
  /* thumbnail */
  --thumbnail-background-color: var(--secondary-background-color);
  --thumbnail-hover-background-color: var(--thumbnail-background-color);
  --thumbnail-title-text-color: var(--primary-color);
  --thumbnail-title-font-size: 24px;
  --thumbnail-eventname2-text-color: var(--primary-text-color);
  --thumbnail-eventname2-font-size: 24px;
  --thumbnail-eventlocation-text-color: var(--thumbnail-eventname2-text-color);
  --thumbnail-eventlocation-font-size: 24px;
  --thumbnail-postdate-text-color: var(--thumbnail-eventname2-text-color);
  --thumbnail-postdate-font-size: 18px;
}

/* Generate primary color with encoded hashtag */
/* Result should be %23 + primary color without the hashtag */
/* ==================================================================================================================================================================== */
/* Old Base is the old base.css file content */
/* line 1, _oldBase.scss */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 7, _oldBase.scss */
input[type=number] {
  -moz-appearance: textfield;
}

/* line 11, _oldBase.scss */
.myaccount-orderhistory-message {
  border: 1px solid #e5e5e5;
  text-align: center;
  padding: 10px;
}

/* --- Start step-shop -> step 3 "count ticket" PBI 25745 --- */
@media (max-width: 767px) {
  /* line 19, _oldBase.scss */
  .ticket-admission-picker .row:nth-child(3) .step-content {
    padding: 30px 0 0 0;
  }

  /* line 23, _oldBase.scss */
  .ticket-admission-picker .step-content {
    padding: 18px 2px 30px;
  }

  /* line 27, _oldBase.scss */
  div.price-list > form > ul.price-list > li {
    margin-bottom: 5px;
    display: grid;
    grid-template-areas: 'text text' 'price amount';
    background-color: #e5e7e89e;
    padding: 6px;
    border-radius: 3px;
  }

  /* line 38, _oldBase.scss */
  div.price-list > form > ul.price-list > li > div.name {
    width: unset;
    grid-area: text;
  }

  /* line 43, _oldBase.scss */
  div.price-list > form > ul.price-list > li > div.price {
    width: 85px;
    text-align: right;
    padding-right: 3px;
    width: unset;
    grid-area: price;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  /* line 54, _oldBase.scss */
  div.price-list > form > ul.price-list > li > div.ticket-amount-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 162px;
    width: unset;
    grid-area: amount;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  /* line 65, _oldBase.scss */
  div.price-list > form > ul.price-list > li > div.ticket-amount-picker input {
    width: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4px;
    height: 31px;
  }

  /* line 72, _oldBase.scss */
  div.price-list > form > ul.price-list > li > div.ticket-amount-picker tp-plus-minus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  /* line 76, _oldBase.scss */
  div.price-list > form > ul.price-list > li > div.ticket-amount-picker button {
    margin: 0 2px;
    padding: 0;
    width: 31px;
    min-width: 31px;
    height: 31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  /* line 87, _oldBase.scss */
  div.price-list > form > ul.price-list > li > div.ticket-amount-picker button .glyphicon {
    font-size: 12px;
    top: 0;
  }
}
/* --- End step-shop -> step 3 "count ticket" PBI 25745 --- */
/*--------------------------------------------------------------------------------------------------
              SEAT MAP 2 - START
  ---------------------------------------------------------------------------------------------------*/
/* line 101, _oldBase.scss */
#canvas {
  /*border: 5px solid red;*/
  /*background-color: lightblue;*/
  margin: 0 auto 0 auto;
  width: 100%;
  height: 500px;
}

/* line 109, _oldBase.scss */
#minimapCanvas {
  border: 5px solid red;
  background-color: white;
  display: inline;
  margin: 0 auto 0 auto;
}

/* line 116, _oldBase.scss */
#scaleSlider {
  height: 200px;
  margin-left: 35px;
}

/* line 121, _oldBase.scss */
.seatmap-tooltip-image {
  max-width: 200px;
}

/* line 125, _oldBase.scss */
.seatmap-tooltip {
  padding: 5px;
  position: absolute;
  z-index: 10;
  background: lightblue;
  border: 1px solid #c2e1f5;
  color: black;
}

/* line 134, _oldBase.scss */
.seatmap-tooltip:after,
.seatmap-tooltip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

/* line 146, _oldBase.scss */
.seatmap-tooltip:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #88b7d5;
  border-width: 10px;
  margin-left: -10px;
}

/* line 153, _oldBase.scss */
.seatmap-tooltip:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #c2e1f5;
  border-width: 11px;
  margin-left: -11px;
}

/* line 160, _oldBase.scss */
#minimap {
  width: 200px;
  height: 150px;
  display: none;
}

/* line 166, _oldBase.scss */
.canvas-seatingmap-sidebar {
  float: right;
  max-width: 35px;
  background: #fff;
  border: 1px solid black;
}

/* line 173, _oldBase.scss */
#canvas-seatingmap-frame .topbar,
.canvas-seatingmap-frame div.topbar {
  display: table-row;
  vertical-align: top;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 182, _oldBase.scss */
  #canvas-seatingmap-frame .sidebar,
  .canvas-seatingmap-frame div.sidebar {
    display: none !important;
  }
}
@media (min-width: 768px) {
  /* line 190, _oldBase.scss */
  #canvas-seatingmap-frame .topbar,
  .canvas-seatingmap-frame div.topbar {
    display: none !important;
  }
}
/* line 196, _oldBase.scss */
#canvas-seatingmap-frame,
div.canvas-seatingmap-frame {
  width: 100%;
  position: relative;
  display: table;
}

/* line 203, _oldBase.scss */
#canvas-seatingmap-frame > div.canvas,
.canvas-seatingmap-frame > div.canvas {
  /*background: green;*/
  display: table-cell;
  width: auto;
  cursor: pointer;
}

/* line 211, _oldBase.scss */
#canvas-seatingmap-frame .sidebar,
.canvas-seatingmap-frame div.sidebar {
  width: 80px;
  display: table-cell;
  vertical-align: top;
  text-align: center;
  /*border: 1px solid #000;*/
}

/* line 220, _oldBase.scss */
div#canvasContainer.fullscreen {
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

/* line 231, _oldBase.scss */
#switchToFullScreen {
  display: none;
}

/* line 235, _oldBase.scss */
.seatmap2-full-screen-switch {
  display: none;
}

/* ---------------------------------------------------- */
/*   				jQuery UI Slider   				*/
/* ---------------------------------------------------- */
/* line 242, _oldBase.scss */
.ui-slider {
  position: relative;
  text-align: left;
}

/* line 247, _oldBase.scss */
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

/* line 257, _oldBase.scss */
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
/* line 267, _oldBase.scss */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}

/* line 272, _oldBase.scss */
.ui-slider-horizontal {
  height: 0.8em;
}

/* line 276, _oldBase.scss */
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

/* line 281, _oldBase.scss */
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

/* line 286, _oldBase.scss */
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

/* line 290, _oldBase.scss */
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

/* line 294, _oldBase.scss */
.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

/* line 299, _oldBase.scss */
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

/* line 305, _oldBase.scss */
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

/* line 310, _oldBase.scss */
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

/* line 314, _oldBase.scss */
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/*--------------------------------------------------------------------------------------------------
              SEAT MAP 2 - END
  ---------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------
              SOCIAL LOGIN - START
  ---------------------------------------------------------------------------------------------------*/
/* line 325, _oldBase.scss */
.socialbtn {
  width: 40px;
  padding: 9px;
  border: none;
  border-radius: 4px;
  opacity: 0.85;
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  text-decoration: none;
  margin: 5px 0;
}

/* line 338, _oldBase.scss */
.socialbtn:hover {
  opacity: 1;
  text-decoration: none;
}

/* line 343, _oldBase.scss */
.social-widget .socialcol .socialbtn {
  margin-left: 10px;
  margin-right: 10px;
}

/* line 348, _oldBase.scss */
.social-widget > div {
  margin-top: 20px;
}

/* line 352, _oldBase.scss */
.socialcol {
  margin: auto;
}

/* line 356, _oldBase.scss */
.socialfb {
  background-color: #4267B2 !important;
  color: white !important;
}

/* line 361, _oldBase.scss */
.socialtwitter {
  background-color: #1DA1F2 !important;
  color: white !important;
}

/* line 366, _oldBase.scss */
.socialgoogle {
  background-color: #DB4437 !important;
  color: white !important;
}

/* line 371, _oldBase.scss */
.socialapple {
  background-color: #000000 !important;
  color: white !important;
}

/* line 376, _oldBase.scss */
.socialspotify {
  background-color: #1DB954 !important;
  color: white !important;
}

/* line 381, _oldBase.scss */
.socialswissid {
  background-color: #EB0000 !important;
  color: white !important;
}

/* line 386, _oldBase.scss */
.line-wrapper {
  background: black;
  height: 2px;
  width: 50%;
  position: relative;
  right: auto;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 397, _oldBase.scss */
.line-wrapper .word {
  position: absolute;
  background: white;
  top: 50%;
  -webkit-transform: translate(52%, -50%);
          transform: translate(52%, -50%);
  right: 50%;
  padding: 0px 10px 0px 10px;
}

/* line 406, _oldBase.scss */
.display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 991px) {
  /* line 411, _oldBase.scss */
  .socialbtn {
    width: 40px;
    padding: 9px;
    border: none;
    border-radius: 4px;
    opacity: 0.85;
    display: inline-block;
    font-size: 17px;
    line-height: 17px;
    text-decoration: none;
  }

  /* line 423, _oldBase.scss */
  .display {
    display: grid;
  }

  /* line 427, _oldBase.scss */
  .line-wrapper {
    width: 50%;
    right: auto;
    height: 2px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
/*--------------------------------------------------------------------------------------------------
              SOCIAL LOGIN - END
  ---------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------
              BOOKING STEPS ARROW - START
  ---------------------------------------------------------------------------------------------------*/
/* line 446, _oldBase.scss */
.nav-pills.ticket-reservation-steps > li .nav-arrow,
.nav-pills.ticket-reservation-steps > li .nav-wedge {
  border-width: 20px 0 20px 20px !important;
}

/* line 451, _oldBase.scss */
.nav-pills.ticket-reservation-steps > li,
.nav-pills.ticket-reservation-steps > li a,
.nav-pills.ticket-reservation-steps > li div {
  height: 40px !important;
  min-height: 40px !important;
}

/*--------------------------------------------------------------------------------------------------
              BOOKING STEPS ARROW - END
---------------------------------------------------------------------------------------------------*/
/* CONTAINER BEFORE THE BOOKING STEPS START */
/* line 463, _oldBase.scss */
.nav-content-header {
  max-height: 82px !important;
}

/*--------------------------------------------------------------------------------------------------
              WEBSHOP REDESIGN - START
  ---------------------------------------------------------------------------------------------------*/
/* line 471, _oldBase.scss */
.checkout-order-summary .row {
  margin-bottom: 10px;
}

/* line 475, _oldBase.scss */
.checkout-order-summary-title > strong {
  font-size: 20px;
}

/* line 479, _oldBase.scss */
.data-container {
  border-radius: 5px;
  border-style: solid;
  border-width: thin;
  border-color: lightgray;
  padding: 15px;
  display: grid;
}

/* line 488, _oldBase.scss */
.checkout-address-widget-title,
.checkout-basket-widget-title {
  margin: 5px 0px 10px 0px;
}

/* line 493, _oldBase.scss */
.checkout-address-widget-title > a,
.checkout-basket-widget-title > a {
  margin-left: 20px;
}

/* line 498, _oldBase.scss */
.checkout-basket-widget-title .divider {
  margin-top: 20px;
}

/* line 502, _oldBase.scss */
.checkout-address-widget-info {
  border-radius: 5px;
  background-color: ghostwhite;
  padding: 15px;
}

/* line 508, _oldBase.scss */
.checkout-address-widget-info,
.checkout-basket-widget-info {
  margin: 0px 0px 10px 15px;
}

/* line 513, _oldBase.scss */
.checkout-basket-widget-info strong {
  margin-bottom: 5px;
}

/* line 517, _oldBase.scss */
.checkout-address-fullname {
  font-weight: bold;
}

/* line 521, _oldBase.scss */
.checkout-basket-widget-item-container .divider,
.checkout-basket-widget-paymentfee .divider,
.checkout-basket-widget-deliveryfee .divider,
.checkout-basket-widget-ticketinsurance .divider,
.checkout-basket-widget-payments .divider {
  border-bottom: 0.5px solid #cec6c6;
  margin: 10px -10px 10px -10px;
}

/* line 530, _oldBase.scss */
.checkout-basket-widget-payments {
  margin-top: 10px;
}

/* line 533, _oldBase.scss */
.checkout-basket-widget-payments a {
  margin-left: 10px;
}

/* line 536, _oldBase.scss */
.checkout-basket-widget-payments-applied {
  white-space: nowrap;
}

/* line 539, _oldBase.scss */
.checkout-basket-widget-payments-applied > div {
  display: inline-block;
}

/* line 542, _oldBase.scss */
.checkout-basket-widget-payments-applied-name {
  max-width: 130px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}

/* line 548, _oldBase.scss */
.checkout-basket-widget-payments-applied-code {
  position: absolute;
  margin-left: 5px;
}

/* line 553, _oldBase.scss */
.row-no-padding [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* line 558, _oldBase.scss */
.row-no-padding .has-feedback .form-control-feedback {
  right: 0px !important;
}

/* line 562, _oldBase.scss */
.promotion-code {
  height: 44px !important;
}

/* line 566, _oldBase.scss */
.promotionwarning {
  text-align: left;
  margin-left: 20px;
}

/* line 571, _oldBase.scss */
.promotionwarning h4 {
  text-transform: uppercase;
  font-weight: bold;
}

/* line 576, _oldBase.scss */
.promotionwarning p {
  margin-top: 10px;
}

/* line 580, _oldBase.scss */
#reservationNotAllowedAlert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 584, _oldBase.scss */
#reservationNotAllowedAlert .glyphicon {
  display: unset;
  font-size: 50px;
}

/* line 589, _oldBase.scss */
.breadcrumb-navigation {
  padding: 20px 0 0 0;
}

/* line 593, _oldBase.scss */
.breadcrumb-navigation a,
.breadcrumb-navigation span {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  color: var(--primary-color);
}

@media (max-width: 991px) {
  /* line 602, _oldBase.scss */
  .breadcrumb-hidemobile {
    display: none !important;
  }
}
/* line 607, _oldBase.scss */
.btn-minwidth {
  min-width: 122px !important;
}

/* line 611, _oldBase.scss */
.center-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*--------------------------------------------------------------------------------------------------
              WEBSHOP REDESIGN - END
  ---------------------------------------------------------------------------------------------------*/
/* ==================================================================================================================================================================== */
/* Container */
/* line 2, _container.scss */
#page-container {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 650px;
}
/* line 7, _container.scss */
#page-container .main-container {
  margin: auto;
  max-width: 1264px;
  padding-bottom: 20px;
  min-height: calc(100vh - 289px);
  color: var(--primary-text-color);
}
/* line 13, _container.scss */
#page-container .main-container.row {
  min-height: 340px;
}

@media screen and (min-width: 1295px) {
  /* line 20, _container.scss */
  #page-container .container {
    max-width: 1264px;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1294px) {
  /* line 29, _container.scss */
  #page-container .main-container {
    max-width: 991px;
    margin: auto;
  }
}
@media screen and (max-width: 1020px) {
  /* line 36, _container.scss */
  #page-container .main-container {
    padding: 0 15px;
  }
}
@media screen and (max-width: 390px) {
  /* line 42, _container.scss */
  #page-container .main-container {
    padding: 0;
  }
  /* line 44, _container.scss */
  #page-container .main-container > .row {
    margin: 0;
  }
}
@media (max-width: 375px) {
  /* line 51, _container.scss */
  #page-container .container {
    padding-left: 5px;
    padding-right: 5px;
  }
}
/* ==================================================================================================================================================================== */
/* Legacy Styling */
/* line 1, _legacyStyling.scss */
[ng-cloak] {
  display: none !important;
}

/* line 5, _legacyStyling.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

/* line 11, _legacyStyling.scss */
label {
  font-weight: normal;
}

/* line 15, _legacyStyling.scss */
#content {
  display: grid;
}

/* home */
/* line 20, _legacyStyling.scss */
body {
  margin: 0;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 1.4285;
  color: var(--primary-text-color);
}

/* line 27, _legacyStyling.scss */
body.modal-open {
  overflow-y: scroll;
  margin: 0;
}

/* line 32, _legacyStyling.scss */
hr {
  border: 0.1rem solid var(--hr-background-color);
}

/* line 36, _legacyStyling.scss */
div.language-menu > ul.list-inline > li {
  padding-left: 1px;
  padding-right: 0px;
}

/* Mobile Specific */
@media (max-width: 767px) {
  /* line 44, _legacyStyling.scss */
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="number"],
  textarea,
  select {
    font-size: 16px !important;
  }

  /* line 53, _legacyStyling.scss */
  select {
    width: 260px;
  }

  /* line 57, _legacyStyling.scss */
  h1 {
    font-size: 20px !important;
  }

  /* line 61, _legacyStyling.scss */
  .step-text-number {
    clear: both;
    font-size: 12px;
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
  }

  /* line 70, _legacyStyling.scss */
  .step-text-basket-total,
  .step-text-punctuation {
    display: none;
  }

  /* line 75, _legacyStyling.scss */
  .step-text {
    font-size: 0.8em;
    clear: both;
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 8px;
  }

  /* line 84, _legacyStyling.scss */
  .btn-phone-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* line 93, _legacyStyling.scss */
  .row.back-to-performance-list {
    margin-top: 10px;
  }

  /* line 97, _legacyStyling.scss */
  span.mobile-seating-map-selection:before {
    content: " ";
    display: block;
  }
}
/* START event: performance calendar */
/* line 104, _legacyStyling.scss */
img.blackandwhite {
  filter: url("data:image/svg+xml;utf8,#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

/* line 110, _legacyStyling.scss */
select {
  color: var(--text-error);
}

/* line 114, _legacyStyling.scss */
label input[type="radio"] {
  vertical-align: bottom;
}

/* line 118, _legacyStyling.scss */
.bestplace-selection,
.bestplace-selection:hover,
.bestplace-selection:focus,
.bestplace-selection:active {
  color: var(--text-error);
  font-weight: bold;
}

/* line 126, _legacyStyling.scss */
.date.empty span.day {
  color: var(--light-text-color);
}

/* line 130, _legacyStyling.scss */
div.mobile-date {
  height: 4.5em;
  float: left;
  clear: both;
  width: 2em;
}

/* line 137, _legacyStyling.scss */
div.mobile-date > span.day {
  font-size: 2em;
  float: left;
  width: 30px;
  text-align: center;
  display: block;
}

/* line 145, _legacyStyling.scss */
div.mobile-date > span.weekday {
  clear: both;
  float: left;
  font-size: 0.8em;
  width: 30px;
  text-align: center;
  display: block;
}

/* line 154, _legacyStyling.scss */
.mobile-performances {
  float: left;
  margin-left: 1.5em;
}

/* line 159, _legacyStyling.scss */
div.mobile-date .year {
  position: relative;
  left: 3.2em;
  top: 0em;
  font-size: 0.7em;
  color: var(--light-text-color);
}

/* line 167, _legacyStyling.scss */
div.mobile-date .month {
  position: absolute;
  left: 3em;
}

/* line 172, _legacyStyling.scss */
.pagination a {
  color: var(--text-error);
}

@media (max-width: 767px) {
  /* line 177, _legacyStyling.scss */
  #monthSelector {
    width: 240px;
  }
}
/* line 182, _legacyStyling.scss */
.seating-map-section-tooltip {
  margin: 4px;
  width: 160px;
  padding: 4px 8px;
  border-radius: 6px 6px 6px 6px;
  color: var(--primary-text-color);
  -webkit-box-shadow: var(--light-box-shadow);
          box-shadow: var(--light-box-shadow);
  border: 2px solid var(--border-color);
  background: var(--secondary-background-color);
}
/* line 191, _legacyStyling.scss */
.seating-map-section-tooltip p {
  font-size: 13px;
}
/* line 194, _legacyStyling.scss */
.seating-map-section-tooltip h1 {
  font-size: 15px;
  line-height: 14px;
}

/* line 200, _legacyStyling.scss */
.seating-map-tooltip {
  position: absolute;
}
/* line 202, _legacyStyling.scss */
.seating-map-tooltip img {
  max-height: 50px;
  max-width: 50px;
  min-height: 50px;
  min-width: 50px;
}

/* raster seating map */
/* line 211, _legacyStyling.scss */
.place-seatingmap {
  position: absolute;
}

/* line 215, _legacyStyling.scss */
.place-seatingmap-available {
  cursor: pointer;
}

/* line 219, _legacyStyling.scss */
.place-seatingmap-selected {
  background-color: var(--text-error) !important;
  cursor: pointer;
}

/* line 224, _legacyStyling.scss */
div.place-seatingmap-notavailable {
  background-image: url("/Upload/Image/SeatMap/reserviert.GIF");
  background-position: 0 0;
  background-size: 13px 11px;
  background-color: transparent;
}

/* basket */
@media (max-width: 767px) {
  /* line 233, _legacyStyling.scss */
  .before-discount,
  .after-discount {
    display: none;
  }

  /* line 238, _legacyStyling.scss */
  .discount-column {
    text-align: left !important;
  }

  /* line 242, _legacyStyling.scss */
  button.btn.toggle-apply-promotion {
    padding: 6px;
    font-size: 12.5px;
    border-radius: 3px;
  }
}
@media (min-width: 768px) {
  /* line 252, _legacyStyling.scss */
  .discount-column {
    text-align: right;
  }
}
/* line 257, _legacyStyling.scss */
.dropdown-menu > li {
  text-align: left;
}

/* line 261, _legacyStyling.scss */
div.item-price-column {
  padding-right: 8px;
}

/* line 265, _legacyStyling.scss */
.before-discount span {
  color: var(--primary-text-color);
}

/* line 269, _legacyStyling.scss */
div.before-discount {
  color: var(--text-error);
  text-decoration: line-through;
}

/* line 274, _legacyStyling.scss */
div.applied-discount span.name {
  display: block;
  font-size: 0.8em;
}

/* line 279, _legacyStyling.scss */
.applied-promotion {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: var(--button-text-color);
  text-shadow: var(--dark-text-shadow);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: var(--light-text-color);
  border-radius: 3px;
}

/* line 295, _legacyStyling.scss */
span.seat-information {
  white-space: nowrap;
}

/* line 299, _legacyStyling.scss */
.row.ticketinsurance {
  padding-top: 2em;
}

/* line 303, _legacyStyling.scss */
.discount-column h4 {
  font-size: 13px;
  margin: 4px 0px 0px;
  line-height: 10px;
  font-weight: bold;
}

/* line 310, _legacyStyling.scss */
.row.payment-title,
.row.place,
.checkout-termsCollection,
.row.alternative-payment-title {
  margin-top: 2em;
}

/* line 317, _legacyStyling.scss */
div.promotion-info-wrapper.short ul li h4,
div.promotion-info-wrapper.short p {
  display: none;
}

/* line 322, _legacyStyling.scss */
.item-option-wrapper .input-group {
  max-width: 230px;
  float: left;
  margin-right: 10px;
}

/* line 328, _legacyStyling.scss */
.item-option-wrapper .promotion-error {
  clear: both;
  color: var(--text-error);
  font-weight: bold;
}

/* line 334, _legacyStyling.scss */
ul.promotion-info {
  margin: 0px 0px 14px 0px;
}

/* line 338, _legacyStyling.scss */
a.item-promotion-info {
  width: 50px;
  height: 50px;
  display: block;
}

/* For promotion info */
/* line 345, _legacyStyling.scss */
div.promotion-info-summary {
  margin-top: 4px;
  border: 1px solid var(--border-color);
  color: var(--primary-text-color);
  background-color: var(--secondary-background-color);
  background-repeat: repeat-x;
}

/* line 352, _legacyStyling.scss */
div.promotion-info-summary h4 {
  color: var(--primary-text-color);
}

/* line 356, _legacyStyling.scss */
ul.promotion-info.summary {
  margin-top: 8px;
  margin-bottom: 8px;
}

/* line 361, _legacyStyling.scss */
div.promotion-input {
  float: left;
  margin-right: 10px;
}

/* line 366, _legacyStyling.scss */
ul.promotion-info > li {
  width: 150px;
  float: left;
  display: block;
  line-height: 0px;
}

/* line 373, _legacyStyling.scss */
ul.promotion-info img {
  max-width: 50px;
  max-height: 50px;
}

/* line 378, _legacyStyling.scss */
ul.promotion-info h4 {
  line-height: 1.4em;
  font-size: 12px;
  margin: 0px;
}

/* line 384, _legacyStyling.scss */
ul.promotion-info p {
  font-size: 11px;
  line-height: 13px;
  word-wrap: break-word;
  white-space: pre-wrap;
  padding: 0px;
}

/* gift certificate */
/* line 393, _legacyStyling.scss */
ul.gift-certificates .caption-bottom {
  padding: 0px 8px;
}

/* patron */
/* line 398, _legacyStyling.scss */
#patronRegistrationPanel {
  margin-top: 25px;
}

/* line 402, _legacyStyling.scss */
#patronRegistrationPanel #dynamicWebForm > fieldset > .form-group {
  margin: 0;
}

/* line 405, _legacyStyling.scss */
#patronRegistrationPanel #dynamicWebForm > fieldset > .form-group > label {
  padding-top: 8px;
  padding-bottom: 18px;
  padding-left: 0;
}

/* line 411, _legacyStyling.scss */
.form-group label {
  font-weight: normal;
}

/* line 415, _legacyStyling.scss */
label.checkbox.register-patron big {
  font-size: 16px;
  font-weight: bold;
}

/* line 420, _legacyStyling.scss */
label.checkbox.register-patron {
  font-size: 16px;
}

/* line 424, _legacyStyling.scss */
.choose-registration-type .option {
  padding-bottom: 10px;
}

/* line 428, _legacyStyling.scss */
.choose-registration-type h4 {
  background-color: var(--button-background-color);
  color: var(--button-text-color);
  border: 1px solid var(--border-color);
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 13px;
  margin: 0px;
  margin-top: 15px;
  font-size: 15px;
}

/* line 444, _legacyStyling.scss */
.choose-registration-type .text {
  min-height: 130px;
}

/* line 448, _legacyStyling.scss */
.choose-registration-type .button {
  text-align: center;
  border-bottom: 1px solid var(--border-color);
}

/* line 453, _legacyStyling.scss */
.choose-registration-type .text,
.choose-registration-type .button {
  background: var(--secondary-background-color);
  padding: 13px;
  margin: 0px;
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
}

/* line 462, _legacyStyling.scss */
#registerForm .control-group {
  margin-bottom: 4px;
}

/* line 466, _legacyStyling.scss */
p.password-information {
  margin: 8px 0;
  font-size: smaller;
  letter-spacing: 0.5px;
}

/* line 472, _legacyStyling.scss */
.patron-loading {
  width: 64px;
  height: 64px;
  left: 50%;
  background-image: url("/Upload/Image/Banner/loader.svg");
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

/* checkout */
/* line 483, _legacyStyling.scss */
#checkoutForm {
  padding-top: 15px;
}

/* line 486, _legacyStyling.scss */
#alternativePaymentRedeemedAlert {
  margin-top: 2em;
}

/* line 490, _legacyStyling.scss */
ul.alternative-payments img {
  display: block;
  margin: auto;
  padding-bottom: 4px;
}

/* line 496, _legacyStyling.scss */
button.select-alternative-payment-method {
  float: left;
  text-align: center;
}

/* line 501, _legacyStyling.scss */
#alternative-payment-input-fields .row.action-buttons {
  margin-top: 4px;
}

/* Browser not supported */
/* line 506, _legacyStyling.scss */
div.thumbnail.browser-list > img {
  max-height: 150px !important;
}

/* line 510, _legacyStyling.scss */
p.browser-download {
  text-align: right;
  padding-top: 40px;
}

/* Angular animations */
/* line 516, _legacyStyling.scss */
.animate-enter-setup,
.animate-leave-setup {
  -webkit-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
}

/* line 527, _legacyStyling.scss */
.animate-enter-setup.animate-enter-start,
.animate-leave-setup {
  opacity: 1;
  top: 0;
  height: 30px;
}

/* line 534, _legacyStyling.scss */
.animate-leave-setup.animate-leave-start,
.animate-enter-setup {
  opacity: 0;
  top: -50px;
  height: 0px;
}

/* CUSTOMIZATION START */
/* line 542, _legacyStyling.scss */
#top-news p.link {
  display: none;
}

/* line 546, _legacyStyling.scss */
.box-top-news .box-body {
  white-space: normal;
}

/* line 550, _legacyStyling.scss */
.calendar-item,
.calendar-item:hover,
.calendar-item:focus,
.calendar-item:active,
.bestplace-selection,
.bestplace-selection:hover,
.bestplace-selection:focus,
.bestplace-selection:active,
.patron-register-start,
.patron-guest-start {
  color: var(--button-text-color);
  font-weight: normal;
  background: var(--button-background-color) !important;
  border-color: var(--button-border-color);
}

/* line 566, _legacyStyling.scss */
.nav > li > a:hover,
.nav > li > a:focus {
  outline: none;
}

/* line 571, _legacyStyling.scss */
.nav-tabs > li > a {
  color: var(--primary-text-color);
}

/* line 574, _legacyStyling.scss */
.glyphicon.glyphicon-calendar {
  margin-right: 5px;
}

/* line 577, _legacyStyling.scss */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--button-text-color);
  background: var(--primary-text-color);
  border: none;
}

/* line 585, _legacyStyling.scss */
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: var(--text-error);
}

/* line 594, _legacyStyling.scss */
.has-error .form-control {
  border-color: var(--text-error);
}

/* line 598, _legacyStyling.scss */
.basket-item.header h4 small {
  color: var(--primary-text-color);
}

/* line 602, _legacyStyling.scss */
a.terms-conditions {
  color: var(--primary-text-color);
  font-weight: bold;
  text-decoration: underline;
}

/* line 608, _legacyStyling.scss */
.btn-primary .badge {
  color: var(--button-text-color);
  border-color: var(--button-border-color);
}

/* line 613, _legacyStyling.scss */
.scrollbar {
  overflow: auto;
}

/* line 617, _legacyStyling.scss */
#seatingMapModal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  outline: 0;
  width: 100%;
}
/* line 626, _legacyStyling.scss */
#seatingMapModal .modal-body {
  overflow: auto;
}
/* line 629, _legacyStyling.scss */
#seatingMapModal > div.modal-dialog.modal-lg {
  width: 80%;
}
/* line 632, _legacyStyling.scss */
#seatingMapModal .list-inline img.thumbnails {
  width: 80px;
}
/* line 635, _legacyStyling.scss */
#seatingMapModal .large {
  font-size: 35px;
}
/* line 638, _legacyStyling.scss */
#seatingMapModal .list-inline > li {
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  /* line 644, _legacyStyling.scss */
  #seatingMapModal > div.modal-dialog.modal-lg {
    margin: 0;
    width: 100%;
    padding: 5px;
  }
}
/* line 651, _legacyStyling.scss */
button.calendar-item {
  width: 100%;
}

/* line 655, _legacyStyling.scss */
button.calendar-item .name {
  display: block;
}

/* Start of hide name on calendar performance date button. Disable this section to display the performance name. */
/* line 660, _legacyStyling.scss */
button.calendar-item .name {
  visibility: hidden;
  max-width: 0px;
  max-height: 0px;
}

/* line 666, _legacyStyling.scss */
ul.mobile-calendar li {
  height: 3.2em !important;
}

/* End of hide name on calendar performance date button */
/* line 672, _legacyStyling.scss */
.mobile-performances {
  width: 80%;
}

/* line 676, _legacyStyling.scss */
ul.mobile-calendar li {
  height: 4.5em;
}

@media screen and (max-width: 767px) {
  /* line 681, _legacyStyling.scss */
  div.mobile-date, ul.mobile-calendar li {
    height: unset !important;
    margin-bottom: 5px;
    min-height: unset;
  }
}
/* line 688, _legacyStyling.scss */
.event-thumbnail-item > a.thumbnail {
  position: relative;
}

/* line 692, _legacyStyling.scss */
a {
  color: var(--primary-text-color);
  text-decoration: none;
}

/* line 697, _legacyStyling.scss */
a:hover,
a:focus {
  text-decoration: none;
}

/* line 702, _legacyStyling.scss */
.col-md-3.column-right {
  background-color: var(--primary-background-color);
}

/* line 706, _legacyStyling.scss */
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid var(--border-color);
}

/* line 713, _legacyStyling.scss */
.ticketInsurance-itemvalue {
  visibility: hidden;
}

/* line 717, _legacyStyling.scss */
div.event-category-box {
  margin-bottom: 25px;
  font-size: smaller;
}

/* line 722, _legacyStyling.scss */
div.event-category-box ul.nav a {
  padding: 2px 13px;
}

/* line 726, _legacyStyling.scss */
.title-event-categories p {
  color: var(--primary-text-color);
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
  font-size: 17.5px;
}

/* line 734, _legacyStyling.scss */
.event-categories {
  padding-bottom: 30px;
}

/* line 738, _legacyStyling.scss */
.event-categories .nav > li > a {
  position: relative;
  display: block;
  padding: 0px 15px;
}

/* line 744, _legacyStyling.scss */
.event-categories-title {
  color: var(--primary-text-color);
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
  border-top: 1px solid var(--border-color);
  padding-top: 20px;
  padding-left: 15px;
}

/* line 754, _legacyStyling.scss */
ol.confirmation-next-steps {
  list-style-type: none;
}

@media (max-width: 767px) {
  /* Hide the background */
  /* line 760, _legacyStyling.scss */
  .tab-content.performance {
    background: unset;
  }
}
@media (min-width: 768px) {
  /* line 766, _legacyStyling.scss */
  ul.ticket-reservation-steps li a {
    min-height: 40px;
  }

  /* line 770, _legacyStyling.scss */
  .dl-horizontal dd {
    margin-left: 80px;
  }

  /* line 774, _legacyStyling.scss */
  .dl-horizontal dt {
    width: auto;
  }

  /* line 777, _legacyStyling.scss */
  p.start-reservation {
    text-align: right;
    padding: 0;
  }
}
/* line 783, _legacyStyling.scss */
small.external-login-info {
  display: block;
  clear: both;
}

/* line 788, _legacyStyling.scss */
td.notavailable img {
  display: none;
}

/* line 792, _legacyStyling.scss */
.popover-title {
  font-weight: bold;
}

/* line 796, _legacyStyling.scss */
.popover-content {
  font-weight: normal;
}

/* -------------- PROJECT CUSTOMIZATIONS --------------- */
/* line 802, _legacyStyling.scss */
.patron-reservations {
  display: none;
}

/* line 806, _legacyStyling.scss */
.inner-content h1 {
  font-size: 24px;
}

/* Start Custom setting + header + footer */
/* line 812, _legacyStyling.scss */
body {
  padding-top: 0;
  padding-bottom: 0;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  min-height: 100vh;
}

/* line 821, _legacyStyling.scss */
.sponsor {
  padding: 25px 0;
  height: auto;
  opacity: 0.8;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: -webkit-filter 0.2s linear;
  transition: -webkit-filter 0.2s linear;
  transition: filter 0.2s linear;
  transition: filter 0.2s linear, -webkit-filter 0.2s linear;
  text-align: center;
}

/* line 829, _legacyStyling.scss */
.sponsor:first-child {
  text-align: left;
}

/* line 832, _legacyStyling.scss */
.sponsor:last-child {
  text-align: right;
}

/* line 836, _legacyStyling.scss */
.sponsor:hover {
  opacity: 1;
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

/* line 841, _legacyStyling.scss */
.sponsor__logo {
  width: auto;
  max-height: 50px;
}

/* line 846, _legacyStyling.scss */
.footer-bg-lightblue {
  padding: 2rem 0;
  width: 212px;
}

/* line 850, _legacyStyling.scss */
.footer-bg-lightblue p {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: normal;
}

/* line 855, _legacyStyling.scss */
.footer-bg-lightblue p strong {
  font-weight: bold;
  display: block;
}

/* line 860, _legacyStyling.scss */
.breadcrumb {
  background-color: var(--secondary-background-color) !important;
}

@media screen and (max-width: 991px) {
  /* line 865, _legacyStyling.scss */
  .sponsor {
    padding: 15px;
  }

  /* line 869, _legacyStyling.scss */
  .sponsor__logo {
    max-height: unset;
  }

  /* line 873, _legacyStyling.scss */
  .sponsor:first-child .sponsor__logo {
    width: 45vw;
  }

  /* line 877, _legacyStyling.scss */
  .sponsor:nth-child(2) .sponsor__logo {
    width: 30vw;
  }

  /* line 881, _legacyStyling.scss */
  .sponsor:last-child .sponsor__logo {
    width: 40vw;
  }

  /* line 884, _legacyStyling.scss */
  .sponsor:first-child {
    text-align: left;
  }

  /* line 887, _legacyStyling.scss */
  .sponsor:nth-child(2) {
    text-align: right;
  }

  /* line 890, _legacyStyling.scss */
  .sponsor:last-child {
    text-align: center;
  }

  /* line 894, _legacyStyling.scss */
  #patronLoginRegistrationOptions .display {
    padding: 0;
  }
}
/* CUSTOM SEETINGS */
/* line 900, _legacyStyling.scss */
#error-message-giftcertificate-invalid {
  color: var(--text-error);
}

/* line 903, _legacyStyling.scss */
.input-group-addon:first-child {
  font-size: 16px;
  border: 1px solid var(--border-color);
}

/* line 907, _legacyStyling.scss */
.line-wrapper {
  background: var(--primary-text-color);
}

/* line 910, _legacyStyling.scss */
.line-wrapper .word {
  background: var(--primary-background-color);
}

/* line 913, _legacyStyling.scss */
.media.event-affix-header > a > img[alt="thumbnail"] {
  display: none;
}

/* line 916, _legacyStyling.scss */
label {
  color: var(--primary-text-colorprimary);
}

/* line 920, _legacyStyling.scss */
.socialcol .socialbtn {
  cursor: pointer;
}

/* line 923, _legacyStyling.scss */
.socialcol .socialbtn label {
  color: var(--button-text-color) !important;
  /* Do not set it as a variable */
  cursor: pointer;
}

/* line 927, _legacyStyling.scss */
.best-place-add-button {
  text-align: right;
}

/* line 930, _legacyStyling.scss */
.seetickets-logo-cache {
  margin-bottom: 20px;
}

/* line 933, _legacyStyling.scss */
#pageWrapper {
  background-color: var(--primary-background-color);
}

@media screen and (max-width: 1430px) {
  /* line 937, _legacyStyling.scss */
  .seetickets-logo-cache .lampe {
    display: none;
  }
}
/* line 942, _legacyStyling.scss */
.package-amount,
.giftcertificate-form .gift-certificate-amount {
  display: inline-block;
  width: 75px !important;
}

/* line 948, _legacyStyling.scss */
div.item-price-column .visible-xs,
div.item-fee-column .visible-xs span {
  margin-top: 5px;
}

/* line 953, _legacyStyling.scss */
div.item-price-column .visible-xs .pull-right {
  padding-right: 7px;
}

/* ==================================================================================================================================================================== */
/* Old styling groups */
/* loading widget */
/* line 2, _widgetLoader.scss */
div.ajax-progress,
div.ajax-progress-inline {
  position: fixed;
  width: 70px;
  height: 70px;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  background-image: url("/Upload/Image/Banner/loader.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: unset;
  border: 0;
  background-size: 70px;
  border-radius: 10px;
  -webkit-animation: rotating 2s linear infinite;
          animation: rotating 2s linear infinite;
}

@media (max-width: 767px) {
  /* line 22, _widgetLoader.scss */
  div.ajax-progress {
    width: 56px !important;
    height: 56px !important;
    left: calc(50% - 28px) !important;
    top: calc(50% - 28px) !important;
    background-size: 56px 56px !important;
  }
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* Old styling groups performanceList ================================================================================================================================= */
/* line 1, _performanceList.scss */
.performance-list-title {
  margin: 25px 0;
  font-size: 30px;
  color: var(--primary-color);
}

/* line 6, _performanceList.scss */
.performance-list {
  font-size: 18px;
  list-style: none;
  margin-top: 20px;
  margin-left: 0em;
  padding: 30px 20px 20px 20px !important;
}
/* line 12, _performanceList.scss */
.performance-list li {
  height: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 10px 0;
}
/* line 16, _performanceList.scss */
.performance-list li:first-child {
  border-top: 1px solid var(--list-header-border-color);
}
/* line 19, _performanceList.scss */
.performance-list li:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
/* line 23, _performanceList.scss */
.performance-list li > .row {
  width: 100%;
  margin: 0;
}
/* line 26, _performanceList.scss */
.performance-list li > .row > .date-range,
.performance-list li > .row > .date {
  justify-self: start !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  min-width: 150px !important;
  font-weight: bold;
  font-size: 18px;
}
/* line 33, _performanceList.scss */
.performance-list li > .row > .date-range span,
.performance-list li > .row > .date span {
  font-size: 18px;
}
/* line 36, _performanceList.scss */
.performance-list li > .row > .date-range .month-date-year,
.performance-list li > .row > .date .month-date-year {
  font-weight: bold;
}
/* line 39, _performanceList.scss */
.performance-list li > .row > .date-range .weekday,
.performance-list li > .row > .date .weekday {
  display: block;
  font-weight: normal;
}
/* line 44, _performanceList.scss */
.performance-list li > .row > .main-performance-name {
  cursor: pointer;
  color: var(--primary-color);
}
/* line 48, _performanceList.scss */
.performance-list li > .row > .name {
  color: var(--secondary-text-color);
}
/* line 50, _performanceList.scss */
.performance-list li > .row > .name h3 {
  margin: 0;
  width: 100%;
  clear: both;
  float: left;
  color: inherit;
  display: block;
  font-size: 18px;
  line-height: 10px;
  line-height: inherit !important;
}
/* line 61, _performanceList.scss */
.performance-list li > .row > .name .more-info {
  clear: both;
  display: block;
  color: inherit;
  font-weight: bold;
}
/* line 67, _performanceList.scss */
.performance-list li > .row > .name .name3,
.performance-list li > .row > .name .name2 {
  float: left;
  clear: both;
  width: 100%;
  display: block;
  color: inherit;
}
/* line 76, _performanceList.scss */
.performance-list li > .row > .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
/* line 81, _performanceList.scss */
.performance-list li > .row > .action > input,
.performance-list li > .row > .action input:hover,
.performance-list li > .row > .action input:active {
  padding: 0;
  height: 34px;
  font-size: 14px;
  line-height: calc(34px - calc(var(--primary-button-border-width) * 2));
  width: 122px !important;
}
/* line 92, _performanceList.scss */
.performance-list li > .date {
  justify-self: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  min-width: 150px;
  max-width: 150px;
}
/* line 99, _performanceList.scss */
.performance-list li > .date .month-date-year {
  font-weight: bold;
}
/* line 103, _performanceList.scss */
.performance-list li > .name {
  min-width: unset;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% - 340px);
}
/* line 107, _performanceList.scss */
.performance-list li > .name h3 {
  font-size: 16px;
  margin: 0;
  color: var(--primary-color);
  line-height: inherit;
  font-weight: bold;
}
/* line 114, _performanceList.scss */
.performance-list li > .name .more-info {
  font-size: 14px;
}
/* line 118, _performanceList.scss */
.performance-list li > .action {
  justify-self: end;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  min-width: 190px;
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
/* line 124, _performanceList.scss */
.performance-list li > .action .btn {
  min-width: 110px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
/* line 130, _performanceList.scss */
.performance-list li .action .btn,
.performance-list li .action .btn:focus,
.performance-list li .action .btn:active {
  padding: 7px 5px;
  white-space: normal;
  height: auto !important;
  min-width: 130px !important;
  max-width: 140px !important;
  line-height: inherit !important;
}

/* line 144, _performanceList.scss */
.selected-performance-title h4 {
  font-weight: bold;
  color: var(--primary-text-color);
}

/* line 149, _performanceList.scss */
.performance-price-info .checkbox input {
  margin-right: 10px;
}

@media (max-width: 991px) {
  /* line 154, _performanceList.scss */
  .performance-list-title {
    padding-left: 5px;
  }

  /* line 159, _performanceList.scss */
  .performance-list li > .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 161, _performanceList.scss */
  .performance-list li > .row > .date,
  .performance-list li > .row > .name,
  .performance-list li > .row > .main-performance-name,
  .performance-list li > .row > .date-range,
  .performance-list li > .row > .action {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  /* line 170, _performanceList.scss */
  .performance-list li > .row > .date h3,
  .performance-list li > .row > .date > span,
  .performance-list li > .row > .name h3,
  .performance-list li > .row > .name > span,
  .performance-list li > .row > .main-performance-name h3,
  .performance-list li > .row > .main-performance-name > span,
  .performance-list li > .row > .date-range h3,
  .performance-list li > .row > .date-range > span,
  .performance-list li > .row > .action h3,
  .performance-list li > .row > .action > span {
    text-align: center;
  }
  /* line 175, _performanceList.scss */
  .performance-list li > .row > .main-performance-name {
    margin: 5px 0;
  }
  /* line 178, _performanceList.scss */
  .performance-list li > .row > .action {
    margin: 10px 0;
  }
  /* line 180, _performanceList.scss */
  .performance-list li > .row > .action .btn,
  .performance-list li > .row > .action .btn:focus,
  .performance-list li > .row > .action .btn:active {
    padding: 7px 15px;
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
@media (min-width: 769px) {
  /* line 193, _performanceList.scss */
  .performance-list > li > .name {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    width: calc(100% - 290px) !important;
    min-width: unset !important;
  }
}
@media (max-width: 768px) {
  /* line 202, _performanceList.scss */
  .performance-list > li {
    min-height: 160px;
    height: auto;
    text-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    flex-direction: column;
    text-align: center;
  }
  /* line 209, _performanceList.scss */
  .performance-list > li .name,
  .performance-list > li .date {
    width: auto;
    max-width: unset;
  }
  /* line 214, _performanceList.scss */
  .performance-list > li > .action {
    float: none;
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 8px;
  }
  /* line 221, _performanceList.scss */
  .performance-list > li > .name {
    width: 100% !important;
  }
  /* line 225, _performanceList.scss */
  .performance-list div,
  .performance-list .name {
    width: 100% !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    margin-bottom: 10px !important;
  }
  /* line 231, _performanceList.scss */
  .performance-list .date,
  .performance-list .name,
  .performance-list .name2,
  .performance-list .name3,
  .performance-list .name h3,
  .performance-list .name .more-info {
    float: none;
    width: 100%;
    padding-top: 3px;
  }
  /* line 241, _performanceList.scss */
  .performance-list .weekday {
    display: none;
  }
  /* line 244, _performanceList.scss */
  .performance-list .month-date-year {
    float: none;
  }

  /* line 249, _performanceList.scss */
  a.btn.forgotPassword {
    margin-bottom: 15px;
  }
}
/* Old styling groups basket ========================================================================================================================================== */
/* line 1, _basket.scss */
.basket-item {
  font-size: 0.95em;
}

/* line 5, _basket.scss */
.basket-item.sub-title {
  font-weight: bold;
}

/* line 9, _basket.scss */
#basketError {
  margin-top: 6px;
}

/* line 13, _basket.scss */
.row-fluid.basketbuttons {
  padding-top: 2em;
}

/* line 17, _basket.scss */
.row.basket-item.sub-title {
  border-bottom: 1px solid var(--list-header-border-color);
  margin: 0 0 1em 0px;
  padding-bottom: 8px;
}

/* line 23, _basket.scss */
.basket-item-name2 {
  display: block;
}

/* line 27, _basket.scss */
.basket-item-name2:before,
.basket-item-name2:after {
  content: '"';
}

/* line 33, _basket.scss */
#basketContainer .basket-tilte {
  margin: 25px 0;
  font-size: 30px;
  padding-left: 15px;
  color: var(--secondary-text-color);
}
/* line 41, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket .promotion-info-summary {
  padding-left: 25px;
  padding-right: 25px;
  background-color: var(--promotion-info-bg-color);
  border: 1px solid var(--promotion-info-border-color);
}
/* line 46, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket .promotion-info-summary h4 {
  font-size: 16px;
  font-weight: 600;
}
/* line 50, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket .promotion-info-summary p {
  margin: 10px 0;
  font-size: 16px;
}
/* line 55, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket .promotion-info-summary div:last-child .text-center {
  padding: 0;
}
/* line 59, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket .promotion-info-summary > :not(:last-child) * {
  color: var(--primary-text-color);
}
/* line 62, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket .promotion-info-summary button.btn.toggle-apply-promotion,
#basketContainer > div.col-xs-12 .inner-content.basket .promotion-info-summary button.btn.toggle-apply-promotion:focus,
#basketContainer > div.col-xs-12 .inner-content.basket .promotion-info-summary button.btn.toggle-apply-promotion:active {
  height: auto;
  white-space: normal;
  padding: 10px !important;
  line-height: initial !important;
  font-size: 14px;
}
/* line 73, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket .basket-item-content.header {
  border-bottom: 1px solid var(--list-header-border-color);
}
/* line 75, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket .basket-item-content.header > .row {
  padding-bottom: 10px;
  margin-bottom: 0;
  border-bottom: 0;
}
/* line 79, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket .basket-item-content.header > .row > div {
  font-size: 16px;
  color: var(--secondary-text-color);
}
/* line 87, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper {
  border-bottom: 1px solid var(--border-color);
  margin: 0;
  padding: 8px 0;
}
/* line 92, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .group-name a {
  display: block;
  font-size: 16px;
  color: var(--primary-color);
  text-decoration: none;
}
/* line 98, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .group-name span,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .group-name small {
  font-size: 12px;
  color: var(--secondary-text-color);
}
/* line 105, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .item-name * {
  font-size: 16px;
  color: var(--primary-color);
}
/* line 109, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .item-fee-column,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .discount-column,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .item-total-column {
  font-size: 16px;
  color: var(--secondary-text-color);
}
/* line 115, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item > div > .title {
  position: relative;
}
/* line 117, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item > div > .title .group-name {
  padding-right: 40px;
}
/* line 120, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item > div > .title .item-name {
  position: unset;
}
/* line 122, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item > div > .title .item-name .remove-basket-item {
  top: 2px;
  right: 10px;
  margin: 0;
  position: absolute;
}
/* line 132, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .item-name.Category span {
  cursor: text;
  white-space: normal;
  text-decoration: none;
  color: var(--secondary-text-color);
}
/* line 139, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper a.basket-discount.dropdown-toggle,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper a.basket-discount.dropdown-toggle:hover,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper a.basket-discount.dropdown-toggle:focus {
  padding: 8px;
  margin-top: 10px;
  border-radius: 5px;
  margin-bottom: 0;
  text-decoration: none;
  display: inline-block;
  color: var(--label-text-color);
  border: 1px solid var(--border-color);
  background-color: var(--inputs-background-color);
  text-align: left;
  padding-right: 30px;
  position: relative;
}
/* line 154, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper a.basket-discount.dropdown-toggle::after,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper a.basket-discount.dropdown-toggle:hover::after,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper a.basket-discount.dropdown-toggle:focus::after {
  content: "";
  top: 16px;
  right: 6px;
  width: 20px;
  height: 10px;
  position: absolute;
  background-size: 15px !important;
  background-position: center !important;
}
/* line 164, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper a.basket-discount.dropdown-toggle .caret,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper a.basket-discount.dropdown-toggle:hover .caret,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper a.basket-discount.dropdown-toggle:focus .caret {
  display: none;
}
/* line 168, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper ul.dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid var(--inputs-background-color);
}
/* line 172, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .promotion-info-wrapper .input-group {
  width: auto;
  max-width: 390px;
  margin: 10px 0 0 0;
}
/* line 176, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .promotion-info-wrapper .input-group input {
  font-size: 16px;
  border-radius: var(--button-border-radius) 0 0 var(--button-border-radius);
}
/* line 179, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .promotion-info-wrapper .input-group input::-webkit-input-placeholder {
  font-size: 16px;
}
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .promotion-info-wrapper .input-group input:-ms-input-placeholder {
  font-size: 16px;
}
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .promotion-info-wrapper .input-group input::-ms-input-placeholder {
  font-size: 16px;
}
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .promotion-info-wrapper .input-group input::placeholder {
  font-size: 16px;
}
/* line 183, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .promotion-info-wrapper .input-group .input-group-btn button {
  height: 40px;
  margin-left: 0;
}
/* line 190, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container.ticket-insurance {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-color);
}
/* line 193, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container.ticket-insurance .basket-item.header h4 {
  padding: 0 15px;
  font-weight: bold;
}
/* line 198, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container.ticket-insurance > div:not(.basket-item header) button.remove-ticketinsurance,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .remove-basket-item,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .remove-basket-item {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNi44IDI2LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI2LjggMjYuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6Izc1NzU3NTt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5LjgsNy41SDdjLTEuMiwwLTIuMSwxLTIuMSwyLjF2MTIuOGMwLDEuMiwxLDIuMSwyLjEsMi4xaDEyLjhjMS4yLDAsMi4xLTEsMi4xLTIuMVY5LjYNCgkJQzIyLDguNCwyMSw3LjUsMTkuOCw3LjV6IE0xNy4xLDE3LjJjMC40LDAuNCwwLjQsMS4xLDAsMS42bC0wLjQsMC40Yy0wLjQsMC40LTEuMSwwLjQtMS42LDBsLTEuNy0xLjdsLTEuNywxLjcNCgkJYy0wLjQsMC40LTEuMSwwLjQtMS42LDBsLTAuNC0wLjRjLTAuNC0wLjQtMC40LTEuMSwwLTEuNmwxLjctMS43bC0xLjctMS43Yy0wLjQtMC40LTAuNC0xLjEsMC0xLjZsMC40LTAuNGMwLjQtMC40LDEuMS0wLjQsMS42LDANCgkJbDEuNywxLjdsMS43LTEuN2MwLjQtMC40LDEuMS0wLjQsMS42LDBsMC40LDAuNGMwLjQsMC40LDAuNCwxLjEsMCwxLjZsLTEuNywxLjdMMTcuMSwxNy4yeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMy40LDQuNnYwLjJjMCwwLjYtMC41LDEtMSwxaC0xOGMtMC42LDAtMS0wLjUtMS0xVjQuNmMwLTAuNiwwLjUtMSwxLTFoNGwwLjgtMC45YzAuMi0wLjMsMC42LTAuNCwwLjktMC40DQoJCWg2LjJjMC4zLDAsMC42LDAuMSwwLjksMC40bDEsMWg0LjFDMjIuOSwzLjYsMjMuNCw0LjEsMjMuNCw0LjZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
  border: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  min-width: unset;
  display: inline-block;
  background-size: 24px;
  background-color: unset;
  background-repeat: no-repeat;
  background-position: right top !important;
}
/* line 212, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container.ticket-insurance > div:not(.basket-item header) button.remove-ticketinsurance:hover,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .remove-basket-item:hover,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .remove-basket-item:hover {
  opacity: .8;
}
/* line 215, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container.ticket-insurance > div:not(.basket-item header) button.remove-ticketinsurance .glyphicon-trash,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .remove-basket-item .glyphicon-trash,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .remove-basket-item .glyphicon-trash {
  display: none;
}
/* line 219, _basket.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container [data-ng-bind-html="model.ticketInsurance.description"] > img {
  /* Ticketversicherung image */
  width: auto;
  max-height: 74px;
}
/* line 227, _basket.scss */
#basketContainer .basket-actions {
  margin: 50px -15px 30px -15px;
}
/* line 229, _basket.scss */
#basketContainer .basket-actions > div {
  position: relative;
}
/* line 233, _basket.scss */
#basketContainer .btn-empty-basket {
  border: 0;
  color: var(--primary-color);
  background-image: none;
  background-color: transparent;
}
/* line 239, _basket.scss */
#basketContainer .basket-total {
  font-size: 16px;
  margin-top: 15px;
}
/* line 244, _basket.scss */
#basketContainer div.basket-empty p.basket-empty {
  margin: 0;
  font-size: 16px;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 253, _basket.scss */
  dl.basket-total {
    float: left;
    width: 100%;
    font-size: 0.88em;
  }

  /* line 258, _basket.scss */
  dl.basket-total dt {
    float: left;
    clear: both;
  }

  /* line 262, _basket.scss */
  dl.basket-total dd {
    float: right;
  }

  /* line 265, _basket.scss */
  .item-total-column {
    padding: 15px;
  }

  /* line 272, _basket.scss */
  #basketContainer .inner-content.basket .basket-item-container .basket-item-wrapper .remove-basket-item {
    margin: 25px 0 15px 0;
  }
  /* line 275, _basket.scss */
  #basketContainer .inner-content.basket .basket-item-container .basket-item-wrapper .promotion-info-wrapper .promotion-error {
    padding-top: 13px;
  }

  /* line 283, _basket.scss */
  .inner-content.basket .basket-item-container.ticket-insurance > div:last-child {
    position: relative;
  }
  /* line 286, _basket.scss */
  .inner-content.basket .basket-item-container.ticket-insurance > div:last-child .col-md-8.col-xs-12:first-child > * {
    padding-right: 15px;
  }
  /* line 291, _basket.scss */
  .inner-content.basket .basket-item-container.ticket-insurance > div:last-child .col-md-4.col-xs-12:last-child {
    position: unset;
  }
  /* line 293, _basket.scss */
  .inner-content.basket .basket-item-container.ticket-insurance > div:last-child .col-md-4.col-xs-12:last-child .remove-ticketinsurance {
    top: 2px;
    right: 10px;
    margin: 0;
    position: absolute;
  }
}
@media (min-width: 768px) {
  /* line 306, _basket.scss */
  dl.basket-total {
    float: right;
  }

  /* line 309, _basket.scss */
  dl.basket-total dt {
    width: 370px;
  }

  /* line 312, _basket.scss */
  dl.basket-total dd {
    width: 214px;
    margin-left: 260px;
  }

  /* line 321, _basket.scss */
  #basketContainer .inner-content.basket .basket-item-container .basket-item-wrapper .basket-item.item div .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  /* line 323, _basket.scss */
  #basketContainer .inner-content.basket .basket-item-container .basket-item-wrapper .basket-item.item div .row > div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 327, _basket.scss */
  #basketContainer .inner-content.basket .basket-item-container .basket-item-wrapper .basket-item.item div .row .fluid-right.text-right {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  /* line 330, _basket.scss */
  #basketContainer .inner-content.basket .basket-item-container .basket-item-wrapper .basket-item.item div .row .list-unstyled.basket-item-fees {
    margin: 0;
  }
  /* line 332, _basket.scss */
  #basketContainer .inner-content.basket .basket-item-container .basket-item-wrapper .basket-item.item div .row .list-unstyled.basket-item-fees li small.ng-binding {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  /* line 347, _basket.scss */
  #basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container [data-ng-bind-html="model.ticketInsurance.description"] > img {
    width: calc(100% - 25px);
    max-width: 315px;
    height: auto;
    max-height: unset;
  }
  /* line 354, _basket.scss */
  #basketContainer .dropdown a.basket-discount {
    width: 100%;
  }
  /* line 357, _basket.scss */
  #basketContainer .dropdown .dropdown-menu li a {
    white-space: normal;
  }
}
/* line 366, _basket.scss */
#personalizationContainer .modal-header .modal-title-info {
  padding-top: 15px;
}
/* line 372, _basket.scss */
#personalizationContainer .modal-body .group-name {
  font-weight: bold;
}
/* line 376, _basket.scss */
#personalizationContainer .modal-body .group-location {
  font-weight: lighter;
  margin-bottom: 5px;
}
/* line 381, _basket.scss */
#personalizationContainer .modal-body .item-description {
  margin-bottom: 5px;
}
/* line 387, _basket.scss */
#personalizationContainer .modal-footer .btn-cancel {
  border: 0;
  color: var(--primary-color) !important;
  background-image: none;
  background-color: transparent !important;
}

/* Old styling groups confirmation ==================================================================================================================================== */
/* line 1, _confirmation.scss */
div.order-confirmation {
  border-radius: var(--radius);
  background-color: var(--secondary-background-color);
}
/* line 4, _confirmation.scss */
div.order-confirmation > .row {
  padding: 34px;
}
/* line 6, _confirmation.scss */
div.order-confirmation > .row:nth-child(2) {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 11, _confirmation.scss */
div.order-confirmation .confirmation-title {
  margin-top: 14px;
}
/* line 13, _confirmation.scss */
div.order-confirmation .confirmation-title h2 {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: var(--primary-text-color);
}
/* line 21, _confirmation.scss */
div.order-confirmation .confirmation-title h2 span {
  color: var(--confirmation-color);
}
/* line 25, _confirmation.scss */
div.order-confirmation .confirmation-title p {
  font-size: 16px;
  text-align: left;
  color: var(--primary-text-color);
}
/* line 32, _confirmation.scss */
div.order-confirmation ol.confirmation-next-steps {
  padding-left: 0;
  font-size: 32px;
  font-weight: bold;
}
/* line 36, _confirmation.scss */
div.order-confirmation ol.confirmation-next-steps h3 {
  font-size: 16px;
}
/* line 39, _confirmation.scss */
div.order-confirmation ol.confirmation-next-steps p {
  font-weight: normal;
  font-size: 16px;
}
/* line 43, _confirmation.scss */
div.order-confirmation ol.confirmation-next-steps li {
  padding-bottom: 20px;
}
/* line 49, _confirmation.scss */
div.order-confirmation .confirmation-next-steps.title h2 {
  margin: 0;
  position: relative;
  font-weight: 800;
  overflow: hidden;
  font-size: 25px;
  font-weight: 600;
  line-height: inherit;
  color: var(--confirmation-color);
  text-transform: uppercase;
}
/* line 61, _confirmation.scss */
div.order-confirmation #confirmationReceipt,
div.order-confirmation #confirmationPrintOnlineInvoice {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 66, _confirmation.scss */
div.order-confirmation #confirmationReceipt {
  color: var(--primary-button-text-color);
  background-color: var(--primary-button-background-color);
  border-color: var(--primary-button-hover-border-color);
}

@media (max-width: 767px) {
  /* line 75, _confirmation.scss */
  div.order-confirmation > .row {
    padding: 15px;
  }
  /* line 78, _confirmation.scss */
  div.order-confirmation #confirmationReceipt {
    max-width: 275px;
    padding: 0 10px;
  }
  /* line 82, _confirmation.scss */
  div.order-confirmation .confirmation-title {
    padding: 10px;
  }
  /* line 84, _confirmation.scss */
  div.order-confirmation .confirmation-title p {
    font-size: 16px;
  }
  /* line 87, _confirmation.scss */
  div.order-confirmation .confirmation-title h2 {
    font-size: 20px;
  }
  /* line 90, _confirmation.scss */
  div.order-confirmation .confirmation-title img {
    width: 100%;
  }
  /* line 93, _confirmation.scss */
  div.order-confirmation .confirmation-title table tr td > a > img {
    height: auto;
    width: 95px;
  }
  /* line 97, _confirmation.scss */
  div.order-confirmation .confirmation-title a {
    margin: 5px 0;
    display: inline-block;
    word-break: break-all;
    color: var(--primary-color);
  }
}
/* Old styling groups bootstrapv3.1 =================================================================================================================================== */
/* line 1, _bootstrapv3.1.1.scss */
.btn:active,
.btn.active {
  background-image: none;
}

/* line 6, _bootstrapv3.1.1.scss */
.btn-default {
  text-shadow: 0 1px 0 #fff;
  background-repeat: repeat-x;
  border-color: #ccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
}

/* line 13, _bootstrapv3.1.1.scss */
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}

/* line 19, _bootstrapv3.1.1.scss */
.btn-default:active,
.btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}

/* line 25, _bootstrapv3.1.1.scss */
.btn-primary {
  background-repeat: repeat-x;
  border-color: #2b669a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#2d6ca2));
  background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
}

/* line 31, _bootstrapv3.1.1.scss */
.btn-primary:hover,
.btn-primary:focus {
  background-color: #2d6ca2;
  background-position: 0 -15px;
}

/* line 37, _bootstrapv3.1.1.scss */
.btn-primary:active,
.btn-primary.active {
  background-color: #2d6ca2;
  border-color: #2b669a;
}

/* line 43, _bootstrapv3.1.1.scss */
.btn-success {
  background-repeat: repeat-x;
  border-color: #3e8f3e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
}

/* line 49, _bootstrapv3.1.1.scss */
.btn-success:hover,
.btn-success:focus {
  background-color: #419641;
  background-position: 0 -15px;
}

/* line 55, _bootstrapv3.1.1.scss */
.btn-success:active,
.btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
}

/* line 61, _bootstrapv3.1.1.scss */
.btn-info {
  background-repeat: repeat-x;
  border-color: #28a4c9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
}

/* line 67, _bootstrapv3.1.1.scss */
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}

/* line 73, _bootstrapv3.1.1.scss */
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}

/* line 79, _bootstrapv3.1.1.scss */
.btn-warning {
  background-repeat: repeat-x;
  border-color: #e38d13;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
}

/* line 85, _bootstrapv3.1.1.scss */
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}

/* line 91, _bootstrapv3.1.1.scss */
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}

/* line 97, _bootstrapv3.1.1.scss */
.btn-danger {
  background-repeat: repeat-x;
  border-color: #b92c28;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
}

/* line 103, _bootstrapv3.1.1.scss */
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
}

/* line 109, _bootstrapv3.1.1.scss */
.btn-danger:active,
.btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}

/* line 115, _bootstrapv3.1.1.scss */
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

/* line 121, _bootstrapv3.1.1.scss */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-image: var(--inputs-background-color);
}

/* line 126, _bootstrapv3.1.1.scss */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #357ebd;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd));
  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
}

/* line 134, _bootstrapv3.1.1.scss */
.navbar-default {
  background-repeat: repeat-x;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
  background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
}

/* line 140, _bootstrapv3.1.1.scss */
.navbar-default .navbar-nav > .active > a {
  background-repeat: repeat-x;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f3f3f3));
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
}

/* line 146, _bootstrapv3.1.1.scss */
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

/* line 151, _bootstrapv3.1.1.scss */
.navbar-inverse {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
}

/* line 156, _bootstrapv3.1.1.scss */
.navbar-inverse .navbar-nav > .active > a {
  background-repeat: repeat-x;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25) inset;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#282828));
  background-image: linear-gradient(to bottom, #222 0%, #282828 100%);
}

/* line 162, _bootstrapv3.1.1.scss */
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* line 167, _bootstrapv3.1.1.scss */
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}

/* line 173, _bootstrapv3.1.1.scss */
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* line 181, _bootstrapv3.1.1.scss */
.alert-success {
  background-repeat: repeat-x;
  border-color: #b2dba1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
}

/* line 187, _bootstrapv3.1.1.scss */
.alert-info {
  background-repeat: repeat-x;
  border-color: #9acfea;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
}

/* line 193, _bootstrapv3.1.1.scss */
.alert-warning {
  background-repeat: repeat-x;
  border-color: #f5e79e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
}

/* line 199, _bootstrapv3.1.1.scss */
.alert-danger {
  background-repeat: repeat-x;
  border-color: #dca7a7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
}

/* line 205, _bootstrapv3.1.1.scss */
.progress {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
}

/* line 210, _bootstrapv3.1.1.scss */
.progress-bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9));
  background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
}

/* line 215, _bootstrapv3.1.1.scss */
.progress-bar-success {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
}

/* line 220, _bootstrapv3.1.1.scss */
.progress-bar-info {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
}

/* line 225, _bootstrapv3.1.1.scss */
.progress-bar-warning {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
}

/* line 230, _bootstrapv3.1.1.scss */
.progress-bar-danger {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
}

/* line 235, _bootstrapv3.1.1.scss */
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

/* line 241, _bootstrapv3.1.1.scss */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #3071a9;
  background-repeat: repeat-x;
  border-color: #3278b3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3278b3));
  background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
}

/* line 250, _bootstrapv3.1.1.scss */
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* line 255, _bootstrapv3.1.1.scss */
.panel-default > .panel-heading {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
}

/* line 260, _bootstrapv3.1.1.scss */
.panel-primary > .panel-heading {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd));
  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
}

/* line 265, _bootstrapv3.1.1.scss */
.panel-success > .panel-heading {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
}

/* line 270, _bootstrapv3.1.1.scss */
.panel-info > .panel-heading {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
}

/* line 275, _bootstrapv3.1.1.scss */
.panel-warning > .panel-heading {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
}

/* line 280, _bootstrapv3.1.1.scss */
.panel-danger > .panel-heading {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
}

/* commented s o u r c e M a p p i n g U R L =bootstrap-theme.css.map */
/* line 286, _bootstrapv3.1.1.scss */
.text-end,
.text-right {
  text-align: right !important;
}

/* line 290, _bootstrapv3.1.1.scss */
.text-start,
.text-left {
  text-align: left !important;
}

/* line 295, _bootstrapv3.1.1.scss */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-button-text-color) !important;
}

/* line 301, _bootstrapv3.1.1.scss */
.pagination > li > a, .pagination > li > span {
  color: var(--primary-text-color) !important;
}

/* Old styling groups toast =========================================================================================================================================== */
/*
        * Toastr
        * Version 2.0.1
        * Copyright 2012 John Papa and Hans Fj�llemark.  
        * All Rights Reserved.  
        * Use, reproduction, distribution, and modification of this code is subject to the terms and 
        * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
        *
        * Author: John Papa and Hans Fj�llemark
        * Project: https://github.com/CodeSeven/toastr
        */
/* line 12, _toast.scss */
.toast-title {
  font-weight: bold;
}

/* line 16, _toast.scss */
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

/* line 21, _toast.scss */
.toast-message a,
.toast-message label {
  color: var(--button-text-color);
}

/* line 26, _toast.scss */
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

/* line 31, _toast.scss */
.toast-close-button {
  opacity: 0.8;
  color: var(--button-text-color);
  text-shadow: var(--light-box-shadow);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  top: 8px;
  right: 5px;
  width: 10px;
  height: 10px;
  font-size: 14px;
  position: absolute;
  cursor: pointer;
  background: transparent;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
/* line 48, _toast.scss */
.toast-close-button:hover, .toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=40);
}

/* line 59, _toast.scss */
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

/* line 65, _toast.scss */
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

/* line 71, _toast.scss */
.toast-top-left {
  top: 12px;
  left: 12px;
}

/* line 76, _toast.scss */
.toast-top-right {
  top: 12px;
  right: 12px;
}

/* line 81, _toast.scss */
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

/* line 86, _toast.scss */
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* line 91, _toast.scss */
.toast-bottom-center {
  position: fixed;
  left: 50%;
  bottom: 10%;
}

/* line 97, _toast.scss */
.toast-bottom-center .toast {
  position: relative;
  left: -50%;
}

/* line 102, _toast.scss */
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

/* line 108, _toast.scss */
#toast-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 114, _toast.scss */
#toast-container > div {
  margin: 0 0 6px;
  width: 300px;
  padding: 15px 15px 15px 50px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -webkit-box-shadow: var(--light-box-shadow);
          box-shadow: var(--light-box-shadow);
  color: var(--button-text-color);
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

/* line 128, _toast.scss */
#toast-container > :hover {
  -webkit-box-shadow: var(--dark-box-shadow);
          box-shadow: var(--dark-box-shadow);
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

/* line 136, _toast.scss */
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

/* line 140, _toast.scss */
#toast-container > .toast-wait {
  background-image: url("data:image/gif;base64,R0lGODlhIAAgAIQAAAQCBISGhMzKzERCROTm5CQiJKyurHx+fPz+/ExOTOzu7Dw+PIyOjCwqLFRWVAwKDIyKjMzOzOzq7CQmJLy6vFRSVPTy9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAXACwAAAAAIAAgAAAF3eAljmRpnmh6VRSVqLDpIDTixOdUlFSNUDhSQUAT7ES9GnD0SFQAKWItMqr4bqKHVPDI+WiTkaOFFVlrFe83rDrT0qeIjwrT0iLdU0GOiBxhAA4VeSk6QYeIOAsQEAuJKgw+EI8nA18IA48JBAQvFxCXDI8SNAQikV+iiaQIpheWX5mJmxKeF6g0qpQmA4yOu8C7EwYWCgZswRcTFj4KyMAGlwYxDwcHhCXMXxYxBzQHKNo+3DDeCOAn0V/TddbYJA0K48gAEAFQicMWFsfwNA3JSgAIAAFfwIMIL4QAACH5BAkJABoALAAAAAAgACAAhAQCBIyKjERCRMzOzCQiJPTy9DQyNGRmZMTCxOTm5CwqLHx+fBQWFJyenNTW1Pz6/Dw6PGxubAwKDIyOjNTS1CQmJCwuLPz+/Dw+PHRydAAAAAAAAAAAAAAAAAAAAAAAAAXboCaOZGmeaKoxWcSosMkk15W8cZ7VdZaXkcEgQtrxfD9RhHchima1GwlCGUBSFCaFxMrgRtnLFhWujWHhs2nJc8KoVlWGQnEn7/i8XgOwWAB7JwoONQ4KgSQAZRcOgHgSCwsSIhZMNRZ5CzULIgaWF5h4mhecfIQ8jXmQkiODhYeIiRYGjrG2PxgBARi3IhNMAbcCnwI5BAQpAZ8TIwK6vCQVDwUVKL+WzAANTA210g/VJ8OWxQefByQE4dZMzBoInwh4zrtgn2p725YNthUFTNRuGYB3AYGBHCEAACH5BAkJAB0ALAAAAAAgACAAhAQCBISChFRWVMzKzCQiJOTm5GxqbCwuLJSWlPz6/NTW1AwODJSSlGRmZCwqLOzu7HR2dDQ2NAQGBISGhFxaXNTS1CQmJOzq7GxubDQyNKSmpPz+/Nza3AAAAAAAAAAAAAXfYCeOZGmeaKqurHBdAiuP17Zdc0lMAVHWt9yI8LA9fCPB4xEjARoNSWpis01kBpshFahurqzsZosiGpErScMAUO0maKF8Tq/bTQCIQgFp30cQXhB1BHEcXhx0FgkJFiOHVYlzi42AgoRxeRx8fn+en3UABwedKgsBAwMBCygOCjYKDisLFV4VrCUAtVUKpSZdXl8mB8EbByQWcQPFAyYZxccdB7sV0cvBzbmvvG0LBV4FrFTBYCWuNhyyHRTFFB20trh4BxmdYl4YIqepq0IRxRE+IfDCAFQHARo0NGERAgAh+QQJCQAgACwAAAAAIAAgAIUEAgSEgoRMTkzMyswcHhzk5uR0cnQUFhRcXlwsKiz09vQMCgyMiozU1tQkJiR8fnxkZmT8/vwEBgSEhoRcWlzU0tQkIiT08vR0dnQcGhxkYmQ0MjT8+vwMDgyMjozc2twAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG+UCQcEgsGo/IpHLJXDweC6Z0+IhEHlOjRGIMWLHZoUZx0RQlAajxkFFKFFYFl5m5KNpIySU+X2bIBEoQZBBZGQdMElFhjI2Oj5AgHQEDAw8dQxYeDBaNHRVWVhWYCXsRFwmMXqFWEyAerB6MA6xWA6+xs7URt6VWqIwTu64gDh4eDp6goaORQ5OVAZjO1EgEGhB4RwAYDQ0YAEwIcBEKFEgYrBhLBORxgUYfrB9LELuF8fNDAAaVBuEg7NXCVyRdqHVCGLBiIIQAB1Yc4BXh9uEbwAXuyi2iQI7DuSwHdiFqCEGDtizLRFUDsaGAlQIbVoJYIEDAIiZBAAAh+QQJCQAbACwAAAAAIAAgAIQEAgSMioxcWlz08vQcHhysqqwMDgx8enwsKiykoqRkZmT8+vzEwsQMCgyUlpQkJiS0srQEBgSMjoxcXlz09vQkIiSsrqwUEhQ0MjRsamz8/vwAAAAAAAAAAAAAAAAAAAAF7+AmjmRpnmiqruz2PG0sIssCj4CQJAIgj4/abRNJaI6agu9kCAQaphdJgEQKUIFjgGWsahJYLdf7RTWfLKr3+jsBClVlG5Xb9eb4fImgUBBKDVB4ExRHFGwbGRQLGXMEhUgUfw2QC4IyCmSNDQtHlm2ZXgoiGQsUjW0EnUgLfyKBeYSeiHojfH61uS0GBisVEgEVLRcWRxAXKAgDRwMILMVIECgSVRIrBmS9JtRI1iMVBweuGxerSNolyszOIhjLGs0jEFXSKA8SEkMbcEgWIxfzNBxrw6AKgxIGkM05UOWALhERHJhysOThBgAVWYQAACH5BAkJABkALAAAAAAgACAAhAQGBIyKjERCRMzOzCwuLGRiZPz6/OTm5AwODLSytFRSVNTW1Dw6PHx6fAwKDJSSlERGRNTS1DQyNGxqbPz+/BQSFLy6vFRWVNza3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAXqYCaO5FgFwxBUZeu61ULNFMa+eBvQdJD/owFvFhkBBAwHsBQZUooZyWF2YOQkBNJu6ANMaQeli0AxSEwymi0DcUJeEgPlbEJFAghRe/h+Eeg/Dl9UYks5DF9VhksOAgKFi5GSSwh5kzgVCXIJNxknD5aSCTwJIw8zD5MITpanFKmSCHI8NxUPoJejNKWXLZkznL0vCJ3CxsckDpA/ChYJFzkTBgYTSxc80C4OswbLLhY8Fi/bMwYAJVgl4DTiL9LUJADrFuci1zTZLwD1IwU8BSQuWLCQb1EDHg2QiSDALYvCDAISJLDy8FIIACH5BAkJAB4ALAAAAAAgACAAhAQGBISGhFRSVNTW1CQiJKyqrGRmZOzu7CwuLIyOjGxubPz6/BQSFGRiZOTi5CwqLLy6vDQ2NIyKjFRWVCQmJKyurGxqbPT29DQyNJSSlHRydPz+/BQWFOzq7AAAAAAAAAXhoCeOJElYClGubOs117YtjWuvxCLLi3qbhc6h4FPsdorfiNI5dige43GT9AAkHUcCwCpMNxVP7tgTJY4J1uF7EBl0M8Ooueuo2SOCIkVa11kVX2E2EmgsFH4yBz4uAAkdHVstBAUHQ4xKmZqbnJ2bAhAQAiURGJ4eE0cTIxgzpp0QRxCsrp6xO7MjpaepO6unKxOhv8DFxsfIJBwaChw2DAkZDEocDjIOzi0ZMhlKUjIaLtsb3T8aR+EtDBkJ0yQUBQVQI9XX2ZsDMgMlyxr3mzE2XEgmotCGAARFIHiQ0FMIACH5BAkJABgALAAAAAAgACAAhAQCBISGhDw+POTi5CwuLLS2tPTy9BQSFJyenGRiZDQ2NIyOjLy+vPz6/BweHIyKjFRSVOzq7DQyNLy6vBQWFHRydDw6PPz+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXXICaOZHkcZaquIjVd10SxtFrAcFGrVhBYIwoON9uNAsOA6DCEFTEKBEKxEjQvAtELNxkpGrAGNfW4Plpb2QgxRKjKzfPoVGLj3CnLNUv7hscpSDhKOxJSgDwPP0ZGAACMjAQFDQYFBJA0BAZDBpeYGBQVFUU3TV2YFAMwAzNgTQ2PkBVDFRiuQ7CYszi1pUOnkKmrM5qcnqiiTwQTDQ2Wn9DR0tPUfRKQEBEREDQSFw3XRhEwEd3f4TvjF+XWKgJ8JNnb0QkwCdUlCzAL+CQODAwc9BtIMAQAOw==") !important;
}

/* line 144, _toast.scss */
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

/* line 148, _toast.scss */
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

/* line 152, _toast.scss */
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

/* line 156, _toast.scss */
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}

/* line 162, _toast.scss */
.toast {
  background-color: #030303;
}

/* line 166, _toast.scss */
.toast-success {
  background-color: #51a351;
}

/* line 170, _toast.scss */
.toast-error {
  background-color: #bd362f;
}

/* line 174, _toast.scss */
.toast-info {
  background-color: #2f96b4;
}

/* line 178, _toast.scss */
.toast-wait {
  background-color: #2f96b4;
}

/* line 182, _toast.scss */
.toast-warning {
  background-color: #f89406;
}

@media all and (max-width: 240px) {
  /* line 187, _toast.scss */
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }

  /* line 192, _toast.scss */
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  /* line 199, _toast.scss */
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }

  /* line 204, _toast.scss */
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  /* line 211, _toast.scss */
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/* line 217, _toast.scss */
#toast-container > div.ng-enter,
#toast-container > div.ng-leave {
  -webkit-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}

/* line 226, _toast.scss */
#toast-container > div.ng-enter.ng-enter-active,
#toast-container > div.ng-leave {
  opacity: 0.8;
}

/* line 231, _toast.scss */
#toast-container > div.ng-leave.ng-leave-active,
#toast-container > div.ng-enter {
  opacity: 0;
}

/* Old styling groups bookingSteps ==================================================================================================================================== */
/* line 1, _bookingSteps.scss */
#booking-navbar-container {
  margin-bottom: 20px;
}
/* line 4, _bookingSteps.scss */
#booking-navbar-container #booking-navbar .menu {
  min-height: 40px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  -webkit-box-shadow: var(--light-box-shadow);
          box-shadow: var(--light-box-shadow);
  background-color: var(--secondary-background-color);
}
/* line 12, _bookingSteps.scss */
#booking-navbar-container #booking-navbar .menu #booking-navbar-menu {
  height: 34px;
  margin-left: 0 !important;
  margin-bottom: 9px;
}
/* line 16, _bookingSteps.scss */
#booking-navbar-container #booking-navbar .menu #booking-navbar-menu li {
  line-height: 43px;
  padding: 0px 15px;
  float: left;
  margin-top: -1px;
  height: 44px;
}
/* line 22, _bookingSteps.scss */
#booking-navbar-container #booking-navbar .menu #booking-navbar-menu li a {
  text-decoration: none;
  color: var(--primary-text-color);
}
/* line 27, _bookingSteps.scss */
#booking-navbar-container #booking-navbar .menu #booking-navbar-menu li.active {
  color: var(--secondary-text-color-hover);
  text-decoration: none;
  background-color: var(--primary-color);
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
/* line 32, _bookingSteps.scss */
#booking-navbar-container #booking-navbar .menu #booking-navbar-menu li.active a {
  background-color: var(--button-background-color);
  color: var(--button-text-color) !important;
}

/* line 42, _bookingSteps.scss */
li#step-shop.active a {
  background-color: inherit;
  color: var(--button-text-color) !important;
}

/* line 46, _bookingSteps.scss */
.nav-content-header img.media-object {
  padding-left: 6px;
  padding-bottom: 2px;
}

/* line 52, _bookingSteps.scss */
.nav-pills a {
  color: var(--primary-text-color);
}
/* line 56, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li:first-child {
  border-left: 0;
}
/* line 58, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li:first-child a {
  border-radius: 5px 0 0 5px;
}
/* line 62, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li:last-child {
  border-right: 0;
}
/* line 64, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li:last-child a {
  border-radius: 0 5px 5px 0;
}
/* line 68, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li {
  position: relative;
  overflow: visible;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
/* line 73, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li .nav-arrow {
  position: absolute;
  top: 0px;
  right: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  z-index: 150;
  border-color: transparent transparent transparent var(--primary-text-color-hover);
}
/* line 84, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li .nav-wedge {
  position: absolute;
  top: 0px;
  left: -19px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  z-index: 150;
  border-color: var(--primary-text-color-hover) var(--primary-text-color-hover) var(--primary-text-color-hover) transparent;
}
/* line 96, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li a {
  border-radius: 0;
  color: var(--button-text-color);
  height: 34px;
  background-color: var(--primary-text-color-hover);
}
/* line 103, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li:hover a {
  opacity: 0.8;
  color: var(--button-text-color);
}
/* line 107, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li:hover .nav-wedge {
  opacity: 0.8;
}
/* line 110, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li:hover .nav-arrow {
  opacity: 0.8;
  border-color: transparent transparent transparent var(--primary-text-color-hover);
}
/* line 117, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li.active a {
  background-color: var(--button-background-color);
  height: 34px;
  color: var(--button-text-color);
}
/* line 122, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li.active .nav-arrow {
  border-color: transparent transparent transparent var(--button-background-color);
}
/* line 125, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li.active .nav-wedge {
  border-color: var(--primary-color) var(--primary-color) var(--primary-color) transparent;
}
/* line 129, _bookingSteps.scss */
.nav-pills.ticket-reservation-steps > li.active:hover .nav-arrow {
  opacity: 0.8;
  border-color: transparent transparent transparent var(--button-background-color);
}

@media (max-width: 767px) {
  /* line 142, _bookingSteps.scss */
  #booking-navbar-container #booking-navbar .menu #booking-navbar-menu {
    height: 72px;
    margin-bottom: 0;
  }
  /* line 145, _bookingSteps.scss */
  #booking-navbar-container #booking-navbar .menu #booking-navbar-menu li {
    max-width: 20%;
    width: 20%;
    line-height: 12px;
    display: block;
    padding: 10px 0 0 0 !important;
    height: 73px;
  }
  /* line 153, _bookingSteps.scss */
  #booking-navbar-container #booking-navbar .menu #booking-navbar-menu a {
    height: 38px;
    min-width: 20px;
    display: block;
  }

  /* line 163, _bookingSteps.scss */
  .nav-pills.ticket-reservation-steps > li {
    border-right: 8px solid transparent;
  }
  /* line 165, _bookingSteps.scss */
  .nav-pills.ticket-reservation-steps > li a {
    font-size: 9px;
  }
  /* line 168, _bookingSteps.scss */
  .nav-pills.ticket-reservation-steps > li .nav-wedge {
    left: -19px;
    border-width: 17px 0 17px 16px;
  }
  /* line 172, _bookingSteps.scss */
  .nav-pills.ticket-reservation-steps > li .nav-arrow {
    right: -20px;
    border-width: 17px 0 17px 16px;
  }
}
/* Old styling groups canvasSeatingmap ================================================================================================================================ */
/* line 2, _canvasSeatingmap.scss */
#canvas-seatingmap-frame {
  border: 1px solid var(--primary-text-color);
  background-color: var(--secondary-background-color);
  margin-bottom: 10px;
}

/* line 8, _canvasSeatingmap.scss */
#canvas-seatingmap-frame .topbar button,
#canvas-seatingmap-frame .sidebar button {
  background: var(--button-background-color);
  color: var(--button-text-color);
  border: 1px solid var(--button-text-color);
  height: 22px;
  width: 22px;
  padding: 0;
  text-align: center;
}

/* line 18, _canvasSeatingmap.scss */
#canvas-seatingmap-frame .topbar button {
  margin: 3px;
}

/* line 21, _canvasSeatingmap.scss */
#canvas-seatingmap-frame .sidebar button.seatmap2-reset {
  top: 9px;
}

/* line 24, _canvasSeatingmap.scss */
#canvas-seatingmap-frame .sidebar button.seatmap2-moveUp {
  top: 11px;
}

/* line 27, _canvasSeatingmap.scss */
#canvas-seatingmap-frame .sidebar button.seatmap2-moveLeft {
  top: 13px;
}

/* line 30, _canvasSeatingmap.scss */
#canvas-seatingmap-frame .sidebar button.seatmap2-moveRight {
  top: 13px;
}

/* line 33, _canvasSeatingmap.scss */
#canvas-seatingmap-frame .sidebar button.seatmap2-moveDown {
  top: 17px;
}

/* line 36, _canvasSeatingmap.scss */
#canvas-seatingmap-frame .sidebar button.seatmap2-refresh {
  top: 20px;
}

/* line 39, _canvasSeatingmap.scss */
.seatmap2-full-screen-switch {
  display: none;
}

/* ==================================================================================================================================================================== */
/* Standard styling for Elements */
/* line 1, _elements.scss */
button:not(.ccm--ctrl-init),
button:not(.ccm--ctrl-init):focus,
button:not(.ccm--ctrl-init):active,
button:not(.ccm--ctrl-init):active:focus,
button:not(.ccm--ctrl-init):focus-visible,
.btn,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn:focus-visible {
  height: var(--button-height);
  font-size: var(--button-font-size);
  padding: 0 20px;
  line-height: calc(var(--button-height) - calc(var(--button-border-width) * 2 ));
  border-radius: var(--button-border-radius);
  color: var(--button-text-color);
  outline: 0;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: none;
  -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
  background-color: var(--button-background-color);
  border: var(--button-border-width) solid var(--button-border-color);
}
/* line 24, _elements.scss */
button:not(.ccm--ctrl-init):first-letter,
button:not(.ccm--ctrl-init):focus:first-letter,
button:not(.ccm--ctrl-init):active:first-letter,
button:not(.ccm--ctrl-init):active:focus:first-letter,
button:not(.ccm--ctrl-init):focus-visible:first-letter,
.btn:first-letter,
.btn:focus:first-letter,
.btn:active:first-letter,
.btn:active:focus:first-letter,
.btn:focus-visible:first-letter {
  text-transform: capitalize;
}
/* line 27, _elements.scss */
button:not(.ccm--ctrl-init):hover,
button:not(.ccm--ctrl-init):focus:hover,
button:not(.ccm--ctrl-init):active:hover,
button:not(.ccm--ctrl-init):active:focus:hover,
button:not(.ccm--ctrl-init):focus-visible:hover,
.btn:hover,
.btn:focus:hover,
.btn:active:hover,
.btn:active:focus:hover,
.btn:focus-visible:hover {
  color: var(--button-hover-text-color);
  border-radius: var(--button-hover-border-radius);
  background-color: var(--button-hover-background-color);
  line-height: calc(var(--button-height) - calc(var(--button-border-width) * 2 ));
  border: var(--button-hover-border-width) solid var(--button-hover-border-color);
}
/* line 34, _elements.scss */
button:not(.ccm--ctrl-init).btn-tertiary,
button:not(.ccm--ctrl-init):focus.btn-tertiary,
button:not(.ccm--ctrl-init):active.btn-tertiary,
button:not(.ccm--ctrl-init):active:focus.btn-tertiary,
button:not(.ccm--ctrl-init):focus-visible.btn-tertiary,
.btn.btn-tertiary,
.btn:focus.btn-tertiary,
.btn:active.btn-tertiary,
.btn:active:focus.btn-tertiary,
.btn:focus-visible.btn-tertiary {
  color: var(--tertiary-button-text-color);
  background-color: var(--tertiary-button-background-color);
  border: var(--tertiary-button-border-width) solid var(--tertiary-button-border-color);
}
/* line 38, _elements.scss */
button:not(.ccm--ctrl-init).btn-tertiary:hover, button:not(.ccm--ctrl-init).btn-tertiary.active, button:not(.ccm--ctrl-init).btn-tertiary:active:focus, button:not(.ccm--ctrl-init).btn-tertiary:focus, button:not(.ccm--ctrl-init).btn-tertiary:focus-visible,
button:not(.ccm--ctrl-init):focus.btn-tertiary:hover,
button:not(.ccm--ctrl-init):focus.btn-tertiary.active,
button:not(.ccm--ctrl-init):focus.btn-tertiary:active:focus,
button:not(.ccm--ctrl-init):focus.btn-tertiary:focus,
button:not(.ccm--ctrl-init):focus.btn-tertiary:focus-visible,
button:not(.ccm--ctrl-init):active.btn-tertiary:hover,
button:not(.ccm--ctrl-init):active.btn-tertiary.active,
button:not(.ccm--ctrl-init):active.btn-tertiary:active:focus,
button:not(.ccm--ctrl-init):active.btn-tertiary:focus,
button:not(.ccm--ctrl-init):active.btn-tertiary:focus-visible,
button:not(.ccm--ctrl-init):active:focus.btn-tertiary:hover,
button:not(.ccm--ctrl-init):active:focus.btn-tertiary.active,
button:not(.ccm--ctrl-init):active:focus.btn-tertiary:active:focus,
button:not(.ccm--ctrl-init):active:focus.btn-tertiary:focus,
button:not(.ccm--ctrl-init):active:focus.btn-tertiary:focus-visible,
button:not(.ccm--ctrl-init):focus-visible.btn-tertiary:hover,
button:not(.ccm--ctrl-init):focus-visible.btn-tertiary.active,
button:not(.ccm--ctrl-init):focus-visible.btn-tertiary:active:focus,
button:not(.ccm--ctrl-init):focus-visible.btn-tertiary:focus,
button:not(.ccm--ctrl-init):focus-visible.btn-tertiary:focus-visible,
.btn.btn-tertiary:hover,
.btn.btn-tertiary.active,
.btn.btn-tertiary:active:focus,
.btn.btn-tertiary:focus,
.btn.btn-tertiary:focus-visible,
.btn:focus.btn-tertiary:hover,
.btn:focus.btn-tertiary.active,
.btn:focus.btn-tertiary:active:focus,
.btn:focus.btn-tertiary:focus,
.btn:focus.btn-tertiary:focus-visible,
.btn:active.btn-tertiary:hover,
.btn:active.btn-tertiary.active,
.btn:active.btn-tertiary:active:focus,
.btn:active.btn-tertiary:focus,
.btn:active.btn-tertiary:focus-visible,
.btn:active:focus.btn-tertiary:hover,
.btn:active:focus.btn-tertiary.active,
.btn:active:focus.btn-tertiary:active:focus,
.btn:active:focus.btn-tertiary:focus,
.btn:active:focus.btn-tertiary:focus-visible,
.btn:focus-visible.btn-tertiary:hover,
.btn:focus-visible.btn-tertiary.active,
.btn:focus-visible.btn-tertiary:active:focus,
.btn:focus-visible.btn-tertiary:focus,
.btn:focus-visible.btn-tertiary:focus-visible {
  color: var(--tertiary-button-hover-text-color);
  background-color: var(--tertiary-button-hover-background-color);
  border: var(--tertiary-button-hover-border-width) solid var(--tertiary-button-hover-border-color);
}
/* line 48, _elements.scss */
button:not(.ccm--ctrl-init).btn-secondary,
button:not(.ccm--ctrl-init):focus.btn-secondary,
button:not(.ccm--ctrl-init):active.btn-secondary,
button:not(.ccm--ctrl-init):active:focus.btn-secondary,
button:not(.ccm--ctrl-init):focus-visible.btn-secondary,
.btn.btn-secondary,
.btn:focus.btn-secondary,
.btn:active.btn-secondary,
.btn:active:focus.btn-secondary,
.btn:focus-visible.btn-secondary {
  color: var(--secondary-button-text-color);
  background-color: var(--secondary-button-background-color);
  border: var(--secondary-button-border-width) solid var(--secondary-button-border-color);
}
/* line 52, _elements.scss */
button:not(.ccm--ctrl-init).btn-secondary:hover, button:not(.ccm--ctrl-init).btn-secondary.active, button:not(.ccm--ctrl-init).btn-secondary:active:focus, button:not(.ccm--ctrl-init).btn-secondary:focus, button:not(.ccm--ctrl-init).btn-secondary:focus-visible,
button:not(.ccm--ctrl-init):focus.btn-secondary:hover,
button:not(.ccm--ctrl-init):focus.btn-secondary.active,
button:not(.ccm--ctrl-init):focus.btn-secondary:active:focus,
button:not(.ccm--ctrl-init):focus.btn-secondary:focus,
button:not(.ccm--ctrl-init):focus.btn-secondary:focus-visible,
button:not(.ccm--ctrl-init):active.btn-secondary:hover,
button:not(.ccm--ctrl-init):active.btn-secondary.active,
button:not(.ccm--ctrl-init):active.btn-secondary:active:focus,
button:not(.ccm--ctrl-init):active.btn-secondary:focus,
button:not(.ccm--ctrl-init):active.btn-secondary:focus-visible,
button:not(.ccm--ctrl-init):active:focus.btn-secondary:hover,
button:not(.ccm--ctrl-init):active:focus.btn-secondary.active,
button:not(.ccm--ctrl-init):active:focus.btn-secondary:active:focus,
button:not(.ccm--ctrl-init):active:focus.btn-secondary:focus,
button:not(.ccm--ctrl-init):active:focus.btn-secondary:focus-visible,
button:not(.ccm--ctrl-init):focus-visible.btn-secondary:hover,
button:not(.ccm--ctrl-init):focus-visible.btn-secondary.active,
button:not(.ccm--ctrl-init):focus-visible.btn-secondary:active:focus,
button:not(.ccm--ctrl-init):focus-visible.btn-secondary:focus,
button:not(.ccm--ctrl-init):focus-visible.btn-secondary:focus-visible,
.btn.btn-secondary:hover,
.btn.btn-secondary.active,
.btn.btn-secondary:active:focus,
.btn.btn-secondary:focus,
.btn.btn-secondary:focus-visible,
.btn:focus.btn-secondary:hover,
.btn:focus.btn-secondary.active,
.btn:focus.btn-secondary:active:focus,
.btn:focus.btn-secondary:focus,
.btn:focus.btn-secondary:focus-visible,
.btn:active.btn-secondary:hover,
.btn:active.btn-secondary.active,
.btn:active.btn-secondary:active:focus,
.btn:active.btn-secondary:focus,
.btn:active.btn-secondary:focus-visible,
.btn:active:focus.btn-secondary:hover,
.btn:active:focus.btn-secondary.active,
.btn:active:focus.btn-secondary:active:focus,
.btn:active:focus.btn-secondary:focus,
.btn:active:focus.btn-secondary:focus-visible,
.btn:focus-visible.btn-secondary:hover,
.btn:focus-visible.btn-secondary.active,
.btn:focus-visible.btn-secondary:active:focus,
.btn:focus-visible.btn-secondary:focus,
.btn:focus-visible.btn-secondary:focus-visible {
  color: var(--secondary-button-hover-text-color);
  background-color: var(--secondary-button-hover-background-color);
  border: var(--secondary-button-hover-border-width) solid var(--secondary-button-hover-border-color);
}
/* line 62, _elements.scss */
button:not(.ccm--ctrl-init).btn-primary,
button:not(.ccm--ctrl-init):focus.btn-primary,
button:not(.ccm--ctrl-init):active.btn-primary,
button:not(.ccm--ctrl-init):active:focus.btn-primary,
button:not(.ccm--ctrl-init):focus-visible.btn-primary,
.btn.btn-primary,
.btn:focus.btn-primary,
.btn:active.btn-primary,
.btn:active:focus.btn-primary,
.btn:focus-visible.btn-primary {
  background-color: var(--primary-button-background-color) !important;
  color: var(--primary-button-text-color) !important;
  border: var(--primary-button-border-width) solid var(--primary-button-border-color) !important;
  background-image: none !important;
  text-shadow: none !important;
}
/* line 68, _elements.scss */
button:not(.ccm--ctrl-init).btn-primary:hover, button:not(.ccm--ctrl-init).btn-primary.active, button:not(.ccm--ctrl-init).btn-primary:active:focus, button:not(.ccm--ctrl-init).btn-primary:focus, button:not(.ccm--ctrl-init).btn-primary:focus-visible,
button:not(.ccm--ctrl-init):focus.btn-primary:hover,
button:not(.ccm--ctrl-init):focus.btn-primary.active,
button:not(.ccm--ctrl-init):focus.btn-primary:active:focus,
button:not(.ccm--ctrl-init):focus.btn-primary:focus,
button:not(.ccm--ctrl-init):focus.btn-primary:focus-visible,
button:not(.ccm--ctrl-init):active.btn-primary:hover,
button:not(.ccm--ctrl-init):active.btn-primary.active,
button:not(.ccm--ctrl-init):active.btn-primary:active:focus,
button:not(.ccm--ctrl-init):active.btn-primary:focus,
button:not(.ccm--ctrl-init):active.btn-primary:focus-visible,
button:not(.ccm--ctrl-init):active:focus.btn-primary:hover,
button:not(.ccm--ctrl-init):active:focus.btn-primary.active,
button:not(.ccm--ctrl-init):active:focus.btn-primary:active:focus,
button:not(.ccm--ctrl-init):active:focus.btn-primary:focus,
button:not(.ccm--ctrl-init):active:focus.btn-primary:focus-visible,
button:not(.ccm--ctrl-init):focus-visible.btn-primary:hover,
button:not(.ccm--ctrl-init):focus-visible.btn-primary.active,
button:not(.ccm--ctrl-init):focus-visible.btn-primary:active:focus,
button:not(.ccm--ctrl-init):focus-visible.btn-primary:focus,
button:not(.ccm--ctrl-init):focus-visible.btn-primary:focus-visible,
.btn.btn-primary:hover,
.btn.btn-primary.active,
.btn.btn-primary:active:focus,
.btn.btn-primary:focus,
.btn.btn-primary:focus-visible,
.btn:focus.btn-primary:hover,
.btn:focus.btn-primary.active,
.btn:focus.btn-primary:active:focus,
.btn:focus.btn-primary:focus,
.btn:focus.btn-primary:focus-visible,
.btn:active.btn-primary:hover,
.btn:active.btn-primary.active,
.btn:active.btn-primary:active:focus,
.btn:active.btn-primary:focus,
.btn:active.btn-primary:focus-visible,
.btn:active:focus.btn-primary:hover,
.btn:active:focus.btn-primary.active,
.btn:active:focus.btn-primary:active:focus,
.btn:active:focus.btn-primary:focus,
.btn:active:focus.btn-primary:focus-visible,
.btn:focus-visible.btn-primary:hover,
.btn:focus-visible.btn-primary.active,
.btn:focus-visible.btn-primary:active:focus,
.btn:focus-visible.btn-primary:focus,
.btn:focus-visible.btn-primary:focus-visible {
  color: var(--primary-button-hover-text-color) !important;
  background-color: var(--primary-button-hover-background-color) !important;
  border: var(--primary-button-hover-border-width) solid var(--primary-button-hover-border-color) !important;
}
/* line 78, _elements.scss */
button:not(.ccm--ctrl-init).btn-slim,
button:not(.ccm--ctrl-init):focus.btn-slim,
button:not(.ccm--ctrl-init):active.btn-slim,
button:not(.ccm--ctrl-init):active:focus.btn-slim,
button:not(.ccm--ctrl-init):focus-visible.btn-slim,
.btn.btn-slim,
.btn:focus.btn-slim,
.btn:active.btn-slim,
.btn:active:focus.btn-slim,
.btn:focus-visible.btn-slim {
  height: 34px;
  line-height: 34px;
  margin-top: 15px;
}
/* line 83, _elements.scss */
button:not(.ccm--ctrl-init).btn-noborder,
button:not(.ccm--ctrl-init):focus.btn-noborder,
button:not(.ccm--ctrl-init):active.btn-noborder,
button:not(.ccm--ctrl-init):active:focus.btn-noborder,
button:not(.ccm--ctrl-init):focus-visible.btn-noborder,
.btn.btn-noborder,
.btn:focus.btn-noborder,
.btn:active.btn-noborder,
.btn:active:focus.btn-noborder,
.btn:focus-visible.btn-noborder {
  border: none;
}

/* Custom back button */
/* line 89, _elements.scss */
.btn-back,
.btn-back:focus,
.btn-back:active,
.btnbtn-back:active:focus,
.btnbtn-back:focus-visible {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;
  min-width: 100px;
  padding: 0 20px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  height: var(--button-height);
  line-height: calc(var(--button-height) - var(--back-button-border-width));
  color: var(--primary-color) !important;
  font-size: var(--back-button-font-size);
  border-radius: var(--back-button-border-radius);
  background-color: var(--back-button-background-color) !important;
  border: var(--back-button-border-width) solid var(--back-button-border-color) !important;
}
/* line 109, _elements.scss */
.btn-back::after, .btn-back::before,
.btn-back:focus::after,
.btn-back:focus::before,
.btn-back:active::after,
.btn-back:active::before,
.btnbtn-back:active:focus::after,
.btnbtn-back:active:focus::before,
.btnbtn-back:focus-visible::after,
.btnbtn-back:focus-visible::before {
  content: "";
  width: 0;
  height: 0;
  bottom: calc(50% - 11px);
  /*-- 50% - --back-arrow-size --*/
  position: absolute;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
  border-top: var(--back-arrow-size) solid transparent;
  border-bottom: var(--back-arrow-size) solid transparent;
}
/* line 120, _elements.scss */
.btn-back::before,
.btn-back:focus::before,
.btn-back:active::before,
.btnbtn-back:active:focus::before,
.btnbtn-back:focus-visible::before {
  left: 2px;
  border-left: var(--back-arrow-size) solid var(--primary-color);
}
/* line 124, _elements.scss */
.btn-back::after,
.btn-back:focus::after,
.btn-back:active::after,
.btnbtn-back:active:focus::after,
.btnbtn-back:focus-visible::after {
  left: 5px;
  border-left: var(--back-arrow-size) solid var(--primary-background-color);
}
/* line 128, _elements.scss */
.btn-back.btn-back-negative::after,
.btn-back:focus.btn-back-negative::after,
.btn-back:active.btn-back-negative::after,
.btnbtn-back:active:focus.btn-back-negative::after,
.btnbtn-back:focus-visible.btn-back-negative::after {
  border-left: var(--back-arrow-size) solid var(--secondary-background-color);
}
/* line 131, _elements.scss */
.btn-back:hover,
.btn-back:focus:hover,
.btn-back:active:hover,
.btnbtn-back:active:focus:hover,
.btnbtn-back:focus-visible:hover {
  padding: 0 20px;
  color: var(--back-button-hover-text-color);
  border-radius: var(--back-button-hover-border-radius);
  background-color: var(--back-button-hover-background-color);
  border: var(--back-button-hover-border-width) solid var(--back-button-hover-border-color);
}
/* line 138, _elements.scss */
.btn-back:first-letter,
.btn-back:focus:first-letter,
.btn-back:active:first-letter,
.btnbtn-back:active:focus:first-letter,
.btnbtn-back:focus-visible:first-letter {
  text-transform: capitalize;
}

/* line 145, _elements.scss */
select,
select.form-control,
input[type="date"],
input[type="password"],
input[type="number"],
input[type="text"] {
  height: 40px;
  border: 1px solid #ececec;
  font-size: 18px;
  width: 100%;
  border-radius: 0;
  color: var(--secondary-text-color);
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: var(--inputs-background-color);
}
/* line 159, _elements.scss */
select::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 400;
  color: var(--place-holder-color);
}
select:-ms-input-placeholder,
select.form-control:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder {
  font-size: 18px;
  font-weight: 400;
  color: var(--place-holder-color);
}
select::-ms-input-placeholder,
select.form-control::-ms-input-placeholder,
input[type="date"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder {
  font-size: 18px;
  font-weight: 400;
  color: var(--place-holder-color);
}
select::placeholder,
select.form-control::placeholder,
input[type="date"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="text"]::placeholder {
  font-size: 18px;
  font-weight: 400;
  color: var(--place-holder-color);
}
/* line 164, _elements.scss */
select:focus,
select.form-control:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="text"]:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: 1px solid var(--button-border-color);
}
/* line 168, _elements.scss */
select:focus-visible,
select.form-control:focus-visible,
input[type="date"]:focus-visible,
input[type="password"]:focus-visible,
input[type="number"]:focus-visible,
input[type="text"]:focus-visible {
  outline: 0;
}

/* line 172, _elements.scss */
input[type=date]::-webkit-datetime-edit {
  color: var(--place-holder-color);
}

/* line 175, _elements.scss */
input[type=date].ng-valid-date::-webkit-datetime-edit {
  color: var(--secondary-text-color);
}

/* line 178, _elements.scss */
input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0.15em solid var(--primary-color);
  border-radius: 0.15em;
  color: currentColor;
  cursor: pointer;
  display: inline-grid;
  font: inherit;
  height: 20px;
  width: 20px;
  margin: 0 0 0 10px;
  place-content: center;
  -webkit-transform: translateY(-0.075em);
  transform: translateY(-0.075em);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
/* line 195, _elements.scss */
input[type=checkbox]:focus, input[type=checkbox]:focus-visible {
  outline: 0;
}
/* line 199, _elements.scss */
input[type=checkbox]:not(:checked) {
  background-color: transparent;
}
/* line 202, _elements.scss */
input[type=checkbox]::before {
  background-color: CanvasText;
  -webkit-box-shadow: inset 1em 1em var(--primary-color);
          box-shadow: inset 1em 1em var(--primary-color);
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0, 43% 62%);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0, 43% 62%);
  content: "";
  height: 0.5em;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  transition: -webkit-transform .12s ease-in-out;
  -webkit-transition: -webkit-transform .12s ease-in-out;
  transition: transform .12s ease-in-out;
  transition: transform .12s ease-in-out, -webkit-transform .12s ease-in-out;
  transition: transform .12s ease-in-out,-webkit-transform .12s ease-in-out;
  width: 0.5em;
}
/* line 218, _elements.scss */
input[type=checkbox]:checked:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 223, _elements.scss */
input[type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* For iOS < 15 */
  background-color: transparent;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: var(--primary-color);
  width: 16px;
  height: 16px;
  border: 0.15em solid var(--primary-color);
  border-radius: 50%;
  -webkit-transform: translateY(-0.075em);
          transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
/* line 240, _elements.scss */
input[type="radio"]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  /* Windows High Contrast Mode */
  background-color: var(--primary-color);
}
/* line 250, _elements.scss */
input[type="radio"]:checked::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
/* line 253, _elements.scss */
input[type="radio"]:focus-visible, input[type="radio"]:focus {
  outline: none;
}
/* line 257, _elements.scss */
input[type="radio"]:hover {
  cursor: pointer;
}

/* line 264, _elements.scss */
.has-error input {
  color: var(--text-error) !important;
  border-color: var(--text-error) !important;
}
/* line 268, _elements.scss */
.has-error .help-block {
  color: var(--text-error) !important;
}

/* line 273, _elements.scss */
select,
a.basket-discount.dropdown-toggle::after,
select.form-control {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIwIDExLjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDExLjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNCQUJBQkE7fQ0KPC9zdHlsZT4NCjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMCw4TDMuMiwxLjFjLTAuNS0wLjUtMS4zLTAuNS0xLjgsMEMwLjksMS42LDAuOSwyLjUsMS40LDNMOSwxMC43YzAuMywwLjMsMC42LDAuNCwxLDAuNA0KCQljMC40LDAsMC43LTAuMSwxLTAuNEwxOC42LDNjMC41LTAuNSwwLjUtMS4zLDAtMS44Yy0wLjUtMC41LTEuMy0wLjUtMS44LDBMMTAsOHoiLz4NCjwvZz4NCjwvc3ZnPg0K");
  position: relative;
  color: var(--secondary-text-color);
  background-size: 20px !important;
  background-color: var(--inputs-background-color) !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 10px) 50% !important;
}

/* line 289, _elements.scss */
label.checkbox {
  cursor: pointer;
}

/* line 292, _elements.scss */
label {
  cursor: pointer;
  font-size: 18px;
  color: var(--label-text-color);
}

/* line 299, _elements.scss */
h1 {
  font-size: 30px;
}

/* line 302, _elements.scss */
h2 {
  font-size: 24px;
}

/* line 306, _elements.scss */
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
  background-image: none;
}

/* line 312, _elements.scss */
.btn .badge {
  background-color: var(--button-text-color);
  color: var(--button-background-color);
}

/* line 317, _elements.scss */
.open .dropdown-toggle.btn-primary {
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  background-color: var(--button-background-color);
}

/* line 323, _elements.scss */
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

/* Disable */
/* line 330, _elements.scss */
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  border-color: var(--disabled-border-color) !important;
  color: var(--disabled-text-color) !important;
  background-color: var(--disabled-background-color) !important;
  opacity: 1;
  cursor: not-allowed;
  pointer-events: auto;
}

/* line 368, _elements.scss */
li.disabled {
  pointer-events: none;
  opacity: 0.6;
}

/* line 373, _elements.scss */
.cart-add-item {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAF4smZQAAAACXBIWXMAAAsSAAALEgHS3X78AAABlUlEQVRIibVV0VHDMAxVe/2nTEBG6AjpBoyQDhF9l199sUGzAd0AskHYoJ2gYYL0FKwgK7YbaHh3vtiyLFnyk7Loug48sKAsy44Hz5dg4B3pdxGxGxaCXk12NIho0WvyxMlrvV4a7RwAPj2zIaz0TRQeRwE4s61sbJXQu8BGNgazLjkNfyVR/PWCVXElMYSCiAUAHBLKX0S09pJDRBUA7CIHajnAWJlN9nQGgCJ5PwlSBVsEZBu9Dh1aW5kd0TeNYWAdIj5POSAJ4Gy9IWJKt0+1ELSaYDwDQ9rYmzDOzDywRA7VibvBQKUgj/m+qjxqvaH5xVS4aK4rnIjoBIZbrZu+B8YPbSbQw5PZGA6I2ARkrzEPIy5ZmQ46dzYaFc8skHLnrB5do3hwT5HN5WxUFYjIz/R0p90XItpHnczgaGfrJtaBM9eG7nYAqR8DfEfUujeagi0RfYT0bCPVDirlIHjDqYhGEusSN+A9uODXPfcvSKVL//Gi6VJ6XFs5Edl2Ee2LDC5O7o08eH5L7xhywPj/dAHAFaGRY9CmgfqnAAAAAElFTkSuQmCC") repeat red;
  border: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  min-width: unset;
  display: inline-block;
  background-size: 24px;
  background-color: unset;
  background-repeat: no-repeat;
  background-position: right top !important;
}
/* line 386, _elements.scss */
.cart-add-item:hover {
  opacity: .8;
  background-color: transparent;
  border: 0;
}
/* line 392, _elements.scss */
.cart-add-item .glyphicon-trash {
  display: none;
}

/* line 397, _elements.scss */
h4 {
  line-height: 1.4285;
}

/* ==================================================================================================================================================================== */
/* START Widgets */
/* ==================================================================================================================================================================== */
/* Carousel Widget */
/* line 1, _WidgetCarousel.scss */
#event-carousel {
  margin-bottom: 25px;
}
/* line 4, _WidgetCarousel.scss */
#event-carousel .item img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
/* line 9, _WidgetCarousel.scss */
#event-carousel .right.carousel-control {
  border-radius: 0 5px 5px 0;
}
/* line 12, _WidgetCarousel.scss */
#event-carousel .left.carousel-control {
  border-radius: 5px 0 0 5px;
}
/* line 15, _WidgetCarousel.scss */
#event-carousel .carousel-caption {
  width: 100%;
  right: 0px;
  left: 0px;
  bottom: 0px;
  text-align: left;
  padding: 6px 0 6px 15px;
  position: relative;
  text-shadow: none;
  border-radius: 0 0 5px 5px;
  color: var(--primary-text-color);
  border: 1px solid var(--border-color);
  background: var(--secondary-background-color);
}
/* line 28, _WidgetCarousel.scss */
#event-carousel .carousel-caption h4 {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 600 !important;
  color: inherit;
}
/* line 34, _WidgetCarousel.scss */
#event-carousel .carousel-caption p {
  font-size: 24px;
}
/* line 36, _WidgetCarousel.scss */
#event-carousel .carousel-caption p b {
  font-size: inherit;
  font-weight: 400 !important;
  color: var(--secondary-text-color);
}
/* line 43, _WidgetCarousel.scss */
#event-carousel .carousel-indicators {
  bottom: 0px;
}

@media (max-width: 767px) {
  /* line 49, _WidgetCarousel.scss */
  #event-carousel {
    border-radius: 0;
    margin: 0 -15px 25px -15px;
  }
  /* line 52, _WidgetCarousel.scss */
  #event-carousel .item img {
    width: 100%;
    border-radius: 0;
  }
  /* line 56, _WidgetCarousel.scss */
  #event-carousel .carousel-caption {
    left: 0;
    border: none;
    bottom: 0px;
    padding: 15px 0;
    border-radius: 0;
    background-color: var(--primary-color);
  }
  /* line 63, _WidgetCarousel.scss */
  #event-carousel .carousel-caption h4 {
    text-align: left;
    line-height: 28px;
    font-size: x-large;
    margin: 0px 0px 0px 10px;
    color: var(--primary-button-text-color);
  }
  /* line 70, _WidgetCarousel.scss */
  #event-carousel .carousel-caption p {
    display: none;
    color: var(--primary-button-text-color);
  }
  /* line 76, _WidgetCarousel.scss */
  #event-carousel ol.carousel-indicators {
    display: none;
  }
  /* line 79, _WidgetCarousel.scss */
  #event-carousel .right.carousel-control,
  #event-carousel .left.carousel-control {
    border-radius: 0;
  }
}
/* ==================================================================================================================================================================== */
/* Box Widget */
/* Widget - boxes */
/* line 2, _WidgetBox.scss */
.cell-1-1 {
  padding: 15px 8px;
  border-radius: 5px;
  border: 1px solid var(--border-color);
  background: var(--secondary-background-color);
}
/* line 8, _WidgetBox.scss */
.cell-1-1 .box-title {
  margin: 0px;
  font-size: 30px;
  font-weight: 400;
  line-height: 18px;
  color: var(--primary-color);
  padding: 25px 15px 15px 15px;
}
/* line 16, _WidgetBox.scss */
.cell-1-1 .box-body {
  line-height: 22px;
  font-weight: 400;
  font-size: 16px;
  padding: 0px 15px;
  color: var(--secondary-text-color);
}
/* line 22, _WidgetBox.scss */
.cell-1-1 .box-body strong {
  font-weight: 600;
}
/* line 25, _WidgetBox.scss */
.cell-1-1 .box-body .email {
  font-weight: 400;
  font-size: 18px;
  color: var(--primary-color);
}

@media screen and (max-width: 1199px) {
  /* line 34, _WidgetBox.scss */
  .box-body .email {
    font-size: inherit;
  }
}
/* ==================================================================================================================================================================== */
/* Search Widget */
/* Search input */
/* line 2, _widgetSearch.scss */
form[action="search"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
}
/* line 5, _widgetSearch.scss */
form[action="search"] > div {
  background-color: var(--secondary-background-color);
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
/* line 12, _widgetSearch.scss */
form[action="search"] > div.search-input {
  background-color: var(--secondary-background-color);
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--radius) 0 0 var(--radius);
  border-left: 1px solid var(--border-color);
}
/* line 19, _widgetSearch.scss */
form[action="search"] > div.search-input input {
  border: 0;
  font-size: 18px;
  font-weight: 400;
  padding-left: 40px;
  background-size: 20px;
  height: 44px;
  background-repeat: no-repeat;
  color: var(--secondary-text-color);
  background-position: 10px center;
  border-radius: var(--radius);
  background-color: var(--primary-background-color);
  background-image: url(/image/magnify-icon.svg);
}
/* line 32, _widgetSearch.scss */
form[action="search"] > div.search-input input::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 400;
  color: var(--light-text-color);
}
form[action="search"] > div.search-input input:-ms-input-placeholder {
  font-size: 18px;
  font-weight: 400;
  color: var(--light-text-color);
}
form[action="search"] > div.search-input input::-ms-input-placeholder {
  font-size: 18px;
  font-weight: 400;
  color: var(--light-text-color);
}
form[action="search"] > div.search-input input::placeholder {
  font-size: 18px;
  font-weight: 400;
  color: var(--light-text-color);
}
/* line 37, _widgetSearch.scss */
form[action="search"] > div.search-input input:focus-visible {
  outline: none;
}
/* line 43, _widgetSearch.scss */
form[action="search"] > div.multi-select #multi-select-content {
  z-index: 100;
  right: 0;
  left: 0;
  display: none;
  position: absolute;
  top: 54px;
  border-radius: 0 0 var(--radius) var(--radius);
  background-color: var(--primary-background-color);
}
/* line 52, _widgetSearch.scss */
form[action="search"] > div.multi-select #multi-select-content label {
  margin: 15px 0;
  display: block;
  font-size: 16px;
  cursor: pointer;
  padding-left: 10px;
  color: var(--secondary-text-color);
  /* Checkbox input */
}
/* line 60, _widgetSearch.scss */
form[action="search"] > div.multi-select #multi-select-content label input[type="checkbox"] {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  margin: 0 0 0 10px;
  font: inherit;
  color: currentColor;
  width: 18px;
  height: 18px;
  border: 2px solid var(--primary-color);
  border-radius: 0.25em;
  -webkit-transform: translateY(-0.075em);
          transform: translateY(-0.075em);
  margin-right: 8px;
  display: inline-grid;
  place-content: center;
}
/* line 75, _widgetSearch.scss */
form[action="search"] > div.multi-select #multi-select-content label input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  -webkit-box-shadow: inset 1em 1em var(--primary-color);
          box-shadow: inset 1em 1em var(--primary-color);
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
          clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
/* line 85, _widgetSearch.scss */
form[action="search"] > div.multi-select #multi-select-content label input[type="checkbox"]:checked::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
/* line 88, _widgetSearch.scss */
form[action="search"] > div.multi-select #multi-select-content label input[type="checkbox"]:disabled {
  cursor: not-allowed;
  color: var(--light-text-color);
}
/* line 92, _widgetSearch.scss */
form[action="search"] > div.multi-select #multi-select-content label input[type="checkbox"]:focus, form[action="search"] > div.multi-select #multi-select-content label input[type="checkbox"]:focus-visible {
  outline: 0;
  border-color: var(--border-color);
  color: var(--primary-color);
  -webkit-box-shadow: 0 0 0 0.2rem var(--primary-color);
          box-shadow: 0 0 0 0.2rem var(--primary-color);
}
/* line 101, _widgetSearch.scss */
form[action="search"] > div.multi-select #multi-select-content.show {
  -webkit-box-shadow: 0px 25px 40px -20px var(--secondary-text-color);
          box-shadow: 0px 25px 40px -20px var(--secondary-text-color);
}
/* line 106, _widgetSearch.scss */
form[action="search"] > div.multi-date {
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--secondary-background-color);
}
/* line 112, _widgetSearch.scss */
form[action="search"] > div.multi-select #multi-select-header, form[action="search"] > div.multi-date #multi-date-header {
  width: 100%;
  display: block;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  padding-left: 15px;
  height: 44px;
  line-height: 44px;
  border-radius: var(--radius);
  color: var(--label-text-color);
  background-color: var(--primary-background-color);
}
/* line 126, _widgetSearch.scss */
form[action="search"] > div.multi-select #multi-select-header::before, form[action="search"] > div.multi-date #multi-date-header::before {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  content: "";
  position: absolute;
  right: 15px;
  bottom: 14px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--secondary-text-color);
}
/* line 139, _widgetSearch.scss */
form[action="search"] > div.multi-select #multi-select-header::after, form[action="search"] > div.multi-date #multi-date-header::after {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  right: 15px;
  width: 0;
  height: 0;
  content: "";
  bottom: 17px;
  position: absolute;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--primary-background-color);
}
/* line 153, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content {
  left: 15px;
  right: 15px;
  z-index: 100;
  display: none;
  padding-top: 15px;
  position: absolute;
  top: 49px;
  background-color: var(--primary-background-color);
  border-radius: 0 0 var(--radius) var(--radius);
}
/* line 163, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content.show {
  -webkit-box-shadow: 0px 28px 40px -20px #4b4b4b;
          box-shadow: 0px 28px 40px -20px #4b4b4b;
}
/* line 166, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content > label {
  display: block;
  font-size: 16px;
  cursor: pointer;
  line-height: 22px;
  padding-left: 10px;
  color: var(--secondary-text-color);
}
/* line 173, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content > label.date-label:hover {
  font-weight: 600;
}
/* line 176, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content > label.date-to, form[action="search"] > div.multi-date #multi-date-content > label.date-from {
  width: 49%;
  margin: 10px 0;
  display: inline-block;
}
/* line 182, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content > label.date-to {
  padding-left: 0;
}
/* line 185, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content > label span {
  display: block;
  font-weight: 500;
  margin-bottom: 8px;
  color: var(--secondary-text-color);
}
/* line 191, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content > label input {
  border: 0;
  padding: 5px;
  border-radius: 5px;
  width: calc(100% - 10px);
  position: relative;
  background-color: var(--secondary-background-color);
}
/* line 200, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content > label input#dateTo::-webkit-datetime-edit, form[action="search"] > div.multi-date #multi-date-content > label input#dateFrom::-webkit-datetime-edit {
  color: var(--secondary-text-color);
}
/* line 204, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content > label input:focus-visible {
  outline: 0;
}
/* line 208, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content > label input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
/* line 220, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content > label input[type=date]::-webkit-datetime-edit {
  font-size: 16px;
  padding-left: 3px;
}
/* line 225, _widgetSearch.scss */
form[action="search"] > div.multi-date #multi-date-content #set-time-range {
  border: 0;
  padding: 0;
  margin: 10px;
  font-size: 16px;
  line-height: initial;
  border-radius: var(--radius);
  width: calc(100% - 20px);
}
/* line 235, _widgetSearch.scss */
form[action="search"] > div.action {
  border-radius: 0 var(--radius) var(--radius) 0;
  border-right: 1px solid var(--border-color);
  padding: 0;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* line 241, _widgetSearch.scss */
form[action="search"] > div.action button {
  border: 0;
  padding: 0;
  height: 40px;
  cursor: pointer;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  background-color: transparent;
}
/* line 250, _widgetSearch.scss */
form[action="search"] > div.action button:hover, form[action="search"] > div.action button:focus:hover, form[action="search"] > div.action button:active:hover {
  border: 0;
}
/* line 256, _widgetSearch.scss */
form[action="search"] > div.action button svg path {
  fill: var(--primary-color) !important;
}

@media screen and (min-width: 768px) {
  /* line 267, _widgetSearch.scss */
  form[action="search"] > .multi-select {
    padding: 0;
  }
  /* line 270, _widgetSearch.scss */
  form[action="search"] > .search-input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  /* line 273, _widgetSearch.scss */
  form[action="search"] > .multi-select {
    width: 195px;
  }
  /* line 276, _widgetSearch.scss */
  form[action="search"] > .multi-date {
    width: 274px;
    padding-right: 0;
  }
  /* line 280, _widgetSearch.scss */
  form[action="search"] > .multi-date #multi-date-content {
    width: calc(100% - 15px);
  }
  /* line 283, _widgetSearch.scss */
  form[action="search"] > .action {
    width: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  /* line 289, _widgetSearch.scss */
  form[action="search"] > .multi-date {
    width: 224px;
  }

  /* line 292, _widgetSearch.scss */
  form[action="search"] > div:first-child {
    width: calc(100% - 469px);
  }

  /* line 295, _widgetSearch.scss */
  form[action="search"] > .multi-date #multi-date-content > label.propagation {
    width: 100%;
    padding-left: 15px;
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  /* line 302, _widgetSearch.scss */
  form[action="search"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 304, _widgetSearch.scss */
  form[action="search"] > div {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 1px solid var(--border-color) !important;
    border-right: 1px solid var(--border-color) !important;
    border-radius: 0 !important;
  }
  /* line 310, _widgetSearch.scss */
  form[action="search"] > div:first-child {
    border-top: 1px solid var(--border-color) !important;
    border-radius: var(--radius) var(--radius) 0 0 !important;
  }
  /* line 314, _widgetSearch.scss */
  form[action="search"] > div:last-child {
    border-bottom: 1px solid var(--border-color) !important;
    border-radius: 0 0 var(--radius) var(--radius) !important;
  }
  /* line 317, _widgetSearch.scss */
  form[action="search"] > div:last-child button {
    width: 100%;
    margin: 0 15px;
    background-color: var(--primary-button-background-color);
  }
  /* line 321, _widgetSearch.scss */
  form[action="search"] > div:last-child button svg path {
    fill: var(--primary-button-text-color);
  }
  /* line 327, _widgetSearch.scss */
  form[action="search"] > div.multi-select #multi-select-content {
    left: 15px;
    right: 0;
    width: calc(100% - 30px);
  }
}
/* ==================================================================================================================================================================== */
/* thumbnail widget */
/* line 3, _widgetThumbnail.scss */
#content .row.row-0 a:not(.carousel-control) {
  color: var(--primary-color);
}

/* line 8, _widgetThumbnail.scss */
#event-thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 11, _widgetThumbnail.scss */
#event-thumbnails .event-thumbnail-item {
  position: relative;
  margin-bottom: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
/* line 15, _widgetThumbnail.scss */
#event-thumbnails .event-thumbnail-item::after {
  clear: both;
}
/* line 18, _widgetThumbnail.scss */
#event-thumbnails .event-thumbnail-item a.thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  border: none;
  margin: 0px;
  padding: 6px 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0px;
  border-radius: var(--radius);
  border: 1px solid var(--border-color);
  background-color: var(--thumbnail-background-color);
  -webkit-transition: all .2s;
  transition: all .2s;
}
/* line 31, _widgetThumbnail.scss */
#event-thumbnails .event-thumbnail-item a.thumbnail img {
  margin: 0;
  width: 100%;
}
/* line 35, _widgetThumbnail.scss */
#event-thumbnails .event-thumbnail-item a.thumbnail span.caption {
  -webkit-transition: all .2s;
  transition: all .2s;
  display: block;
  position: relative;
  bottom: 0px;
  line-height: 24px;
  text-indent: 1px;
  font-size: 14px;
  white-space: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
  padding: 15px;
  white-space: normal;
  color: var(--primary-button-text-color);
}
/* line 50, _widgetThumbnail.scss */
#event-thumbnails .event-thumbnail-item a.thumbnail span.caption > * * {
  color: inherit;
  font-size: var(--thumbnail-eventname2-font-size);
}
/* line 54, _widgetThumbnail.scss */
#event-thumbnails .event-thumbnail-item a.thumbnail span.caption > .name {
  color: var(--thumbnail-title-text-color);
  font-size: var(--thumbnail-title-font-size);
}
/* line 58, _widgetThumbnail.scss */
#event-thumbnails .event-thumbnail-item a.thumbnail span.caption .eventname2 {
  display: block;
  color: var(--thumbnail-eventname2-text-color);
  font-size: var(--thumbnail-eventname2-font-size);
}
/* line 63, _widgetThumbnail.scss */
#event-thumbnails .event-thumbnail-item a.thumbnail span.caption .event-location {
  display: block;
  color: var(--thumbnail-eventlocation-text-color);
  font-size: var(--thumbnail-eventlocation-font-size);
}
/* line 68, _widgetThumbnail.scss */
#event-thumbnails .event-thumbnail-item a.thumbnail span.caption .post-date {
  color: var(--thumbnail-postdate-text-color);
  font-size: var(--thumbnail-postdate-font-size);
}
/* line 73, _widgetThumbnail.scss */
#event-thumbnails .event-thumbnail-item a.thumbnail:hover {
  background-color: var(--thumbnail-hover-background-color);
}
/* line 79, _widgetThumbnail.scss */
#event-thumbnails .top-events .thumbnail {
  padding: 0px;
}

/* line 85, _widgetThumbnail.scss */
.top-events h1,
.event-header h1,
.thumbnail .caption > h1 {
  text-transform: uppercase;
  color: var(--primary-color);
}

/* line 93, _widgetThumbnail.scss */
#content .thumbnails-title {
  font-size: 30px;
  margin: 0 0 20px 0;
  line-height: initial;
  color: var(--primary-color);
}

/* line 101, _widgetThumbnail.scss */
.title-top-packages h2,
#product-thumbnails .title-product-thumbnails h2 {
  font-size: 30px;
  margin: 0 0 25px 0;
  color: var(--primary-color);
}

/* line 111, _widgetThumbnail.scss */
#product-thumbnails .row > div.thumbnail-item.product-thumbnail-item a {
  border: 1px solid var(--border-color);
}
/* line 113, _widgetThumbnail.scss */
#product-thumbnails .row > div.thumbnail-item.product-thumbnail-item a img {
  margin-bottom: 4px;
}
/* line 118, _widgetThumbnail.scss */
#product-thumbnails .row:nth-child(2) > div.product-thumbnail-item {
  width: 49% !important;
  clear: both;
  float: unset;
  display: inline-block;
  vertical-align: text-top;
}
/* line 126, _widgetThumbnail.scss */
#product-thumbnails .caption {
  border-top: 1px solid var(--border-color);
}
/* line 128, _widgetThumbnail.scss */
#product-thumbnails .caption > .name {
  font-size: 24px;
  color: var(--thumbnails-title-color);
}
/* line 132, _widgetThumbnail.scss */
#product-thumbnails .caption > .description {
  display: inline-block;
  font-size: 18px;
  color: var(--secondary-text-color);
}

/* line 140, _widgetThumbnail.scss */
#event-thumbnails .event-thumbnail-item a.thumbnail:hover,
#giftcertificate-thumbnails .subscription-thumbnail-item a.thumbnail:hover,
#subscription-thumbnails .subscription-thumbnail-item a.thumbnail :hover,
#product-thumbnails .row > div.thumbnail-item.package-thumbnail-item a:hover,
#product-thumbnails .row > div.thumbnail-item.product-thumbnail-item a:hover,
#package-thumbnails > li > div.package-thumbnail-item:hover {
  -webkit-box-shadow: var(--light-box-shadow);
          box-shadow: var(--light-box-shadow);
  -webkit-transform: translate3d(0, -0.625em, 0);
          transform: translate3d(0, -0.625em, 0);
}

/* line 153, _widgetThumbnail.scss */
#package-thumbnails .row > div.thumbnail-item.package-thumbnail-item a {
  border: 1px solid var(--border-color);
}
/* line 155, _widgetThumbnail.scss */
#package-thumbnails .row > div.thumbnail-item.package-thumbnail-item a img {
  margin-bottom: 4px;
}
/* line 161, _widgetThumbnail.scss */
#package-thumbnails .caption {
  border-top: 1px solid var(--border-color);
}
/* line 164, _widgetThumbnail.scss */
#package-thumbnails .caption > .name {
  font-size: 24px;
  color: var(--thumbnails-title-color);
}
/* line 169, _widgetThumbnail.scss */
#package-thumbnails .caption > .description {
  display: inline-block;
  font-size: 24px;
  color: var(--secondary-text-color);
}

/* line 177, _widgetThumbnail.scss */
#subscription-thumbnails {
  padding-top: 10px;
}
/* line 179, _widgetThumbnail.scss */
#subscription-thumbnails span.caption {
  position: relative;
  display: block;
  bottom: 0px;
  color: var(--secondary-text-color);
  line-height: 24px;
  text-indent: 1px;
  font-size: 14px;
  white-space: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
  padding: 15px;
  white-space: nowrap;
  border-radius: 0 0 5px 5px;
  white-space: normal;
  min-height: 132px;
  background: var(--secondary-background-color);
}
/* line 197, _widgetThumbnail.scss */
#subscription-thumbnails span.caption .description {
  display: inline-block;
  font-size: 24px;
  color: var(--secondary-text-color);
}
/* line 204, _widgetThumbnail.scss */
#subscription-thumbnails .caption > .name {
  font-size: 24px;
  color: var(--thumbnails-title-color);
}
/* line 209, _widgetThumbnail.scss */
#subscription-thumbnails .thumbnail-item {
  margin-bottom: 30px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
/* line 210, _widgetThumbnail.scss */
#subscription-thumbnails .thumbnail-item img {
  border-radius: 5px 5px 0 0;
}
/* line 216, _widgetThumbnail.scss */
#subscription-thumbnails .thumbnail-item::after {
  clear: both;
}
/* line 219, _widgetThumbnail.scss */
#subscription-thumbnails .thumbnail-item > a.thumbnail {
  border: none;
  margin: 0px;
  padding: 6px 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0px;
  border: 1px solid var(--border-color);
}
/* line 228, _widgetThumbnail.scss */
#subscription-thumbnails a.thumbnail {
  width: 100%;
}

/* line 233, _widgetThumbnail.scss */
#giftcertificate-thumbnails {
  padding-top: 10px;
}
/* line 236, _widgetThumbnail.scss */
#giftcertificate-thumbnails span.caption {
  position: relative;
  display: block;
  bottom: 0px;
  color: var(--secondary-text-color);
  line-height: 24px;
  text-indent: 1px;
  font-size: 14px;
  white-space: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
  padding: 15px;
  white-space: nowrap;
  border-radius: 0 0 5px 5px;
  white-space: normal;
  min-height: 132px;
  background: var(--secondary-background-color);
}
/* line 255, _widgetThumbnail.scss */
#giftcertificate-thumbnails span.caption .description {
  display: inline-block;
  font-size: 24px;
  color: var(--secondary-text-color);
}
/* line 263, _widgetThumbnail.scss */
#giftcertificate-thumbnails .caption > .name {
  font-size: 24px;
  color: var(--thumbnails-title-color);
}
/* line 268, _widgetThumbnail.scss */
#giftcertificate-thumbnails .thumbnail-item {
  margin-bottom: 30px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
/* line 269, _widgetThumbnail.scss */
#giftcertificate-thumbnails .thumbnail-item img {
  border-radius: 5px 5px 0 0;
}
/* line 277, _widgetThumbnail.scss */
#giftcertificate-thumbnails .thumbnail-item::after {
  clear: both;
}
/* line 281, _widgetThumbnail.scss */
#giftcertificate-thumbnails .thumbnail-item > a.thumbnail {
  border: none;
  margin: 0px;
  padding: 6px 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0px;
  border: 1px solid var(--border-color);
}
/* line 291, _widgetThumbnail.scss */
#giftcertificate-thumbnails a.thumbnail {
  width: 100%;
}
/* line 294, _widgetThumbnail.scss */
#giftcertificate-thumbnails a.thumbnail:hover {
  border-color: transparent !important;
}

@media screen and (max-width: 767px) {
  /* line 303, _widgetThumbnail.scss */
  #event-thumbnails .thumbnail-item img {
    border-radius: 0;
  }
  /* line 307, _widgetThumbnail.scss */
  #event-thumbnails .thumbnail-item .caption > p:not(.name):not(.post-date):not(.event-location) {
    display: none;
  }
  /* line 310, _widgetThumbnail.scss */
  #event-thumbnails .thumbnail-item .caption * {
    margin-bottom: 0;
    font-size: 14px !important;
  }
  /* line 314, _widgetThumbnail.scss */
  #event-thumbnails .thumbnail-item .caption .name {
    font-weight: 600;
  }

  /* line 322, _widgetThumbnail.scss */
  #product-thumbnails .title-product-thumbnails h2 {
    font-size: 30px;
    margin: 0 0 25px 0;
    color: var(--primary-color);
  }
  /* line 328, _widgetThumbnail.scss */
  #product-thumbnails .caption {
    border-top: 1px solid var(--border-color);
  }
  /* line 330, _widgetThumbnail.scss */
  #product-thumbnails .caption > .name {
    font-size: 16px;
    font-weight: 600;
    color: var(--thumbnails-title-color);
  }
  /* line 335, _widgetThumbnail.scss */
  #product-thumbnails .caption > .description {
    display: inline-block;
    font-size: 16px;
    color: var(--secondary-text-color);
  }

  /* line 344, _widgetThumbnail.scss */
  #event-thumbnails .thumbnail-item,
  #product-thumbnails .thumbnail-item {
    margin-bottom: 10px;
  }
  /* line 346, _widgetThumbnail.scss */
  #event-thumbnails .thumbnail-item:nth-child(odd),
  #product-thumbnails .thumbnail-item:nth-child(odd) {
    padding-right: 5px;
  }
  /* line 349, _widgetThumbnail.scss */
  #event-thumbnails .thumbnail-item:nth-child(even),
  #product-thumbnails .thumbnail-item:nth-child(even) {
    padding-left: 5px;
  }
}
@media screen and (max-width: 991px) {
  /* line 357, _widgetThumbnail.scss */
  #content > .row > div {
    display: block;
    width: 100%;
  }
}
/* END Widgets */
/* ==================================================================================================================================================================== */
/* Selected Performance Container */
/* line 3, _selectedPerformanceContainer.scss */
#subscriptionContainer .performance-name,
#selectedPerformanceContainer .performance-name {
  font-size: 30px;
  font-weight: bold;
  margin: 25px 0 30px 0;
  color: var(--primary-color);
}
/* line 8, _selectedPerformanceContainer.scss */
#subscriptionContainer .performance-name > span,
#selectedPerformanceContainer .performance-name > span {
  margin: 3px 0;
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: normal;
}
/* line 15, _selectedPerformanceContainer.scss */
#subscriptionContainer .performance-name .performance-name2,
#selectedPerformanceContainer .performance-name .performance-name2 {
  margin-top: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--performance-subtitle-color);
}
/* line 21, _selectedPerformanceContainer.scss */
#subscriptionContainer .performance-name .performance-name3,
#selectedPerformanceContainer .performance-name .performance-name3 {
  color: var(--light-text-color);
}
/* line 27, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:first-child,
#selectedPerformanceContainer > .selected-performance-container > div:first-child {
  padding-right: 0;
}
/* line 29, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:first-child .performance-image,
#selectedPerformanceContainer > .selected-performance-container > div:first-child .performance-image {
  width: 100%;
  border-radius: var(--radius);
  -webkit-box-shadow: var(--light-box-shadow);
          box-shadow: var(--light-box-shadow);
}
/* line 34, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:first-child .performance-info,
#selectedPerformanceContainer > .selected-performance-container > div:first-child .performance-info {
  padding: 15px;
  margin: 15px 0;
  border-radius: var(--radius);
  -webkit-box-shadow: var(--light-box-shadow);
          box-shadow: var(--light-box-shadow);
  border: 1px solid var(--border-color);
  background-color: var(--secondary-background-color);
}
/* line 41, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:first-child .performance-info .calender-file-download a,
#selectedPerformanceContainer > .selected-performance-container > div:first-child .performance-info .calender-file-download a {
  white-space: nowrap;
  color: var(--purple-color);
  font-size: 14px;
}
/* line 46, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:first-child .performance-info .btn-back,
#selectedPerformanceContainer > .selected-performance-container > div:first-child .performance-info .btn-back {
  padding-left: 5px;
}
/* line 53, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker {
  padding: 15px 25px;
  margin-bottom: 15px;
  border-radius: var(--radius);
  -webkit-box-shadow: var(--light-box-shadow);
          box-shadow: var(--light-box-shadow);
  border: 1px solid var(--border-color);
  background-color: var(--secondary-background-color);
}
/* line 61, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace .label-select-ticket-amount,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace .label-select-ticket-amount {
  display: block;
  text-align: right;
}
/* line 66, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection {
  clear: both;
  margin-top: 10px;
  position: relative;
}
/* line 70, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection > div,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection > div {
  min-height: 40px;
  line-height: 40px;
  margin-bottom: 8px;
  padding-left: 25px;
}
/* line 75, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection > div .best-place-category-price,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection > div .best-place-category-price {
  float: right;
}
/* line 78, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection > div .price-category-color-bar,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection > div .price-category-color-bar {
  width: 4px;
  height: 15px;
  margin-right: 2px;
  display: inline-block;
}
/* line 86, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection .category span,
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection .category label,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection .category span,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection .category label {
  color: var(--primary-color);
}
/* line 91, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection.pricecategory,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection.pricecategory {
  margin-top: 20px;
}
/* line 93, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection.pricecategory::before,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection.pricecategory::before {
  content: '';
  top: -6px;
  left: 15px;
  height: 1px;
  position: absolute;
  width: calc(100% - 30px);
  background-color: var(--list-header-border-color);
}
/* line 103, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection::after,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection::after {
  content: '';
  left: 15px;
  height: 1px;
  bottom: -45px;
  position: absolute;
  width: calc(100% - 30px);
  background-color: var(--border-color);
}
/* line 115, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker .btn-back.best-place,
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker #cmdAddBestPlace,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker .btn-back.best-place,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker #cmdAddBestPlace {
  height: 40px;
  margin: 25px 0;
  line-height: 40px;
}
/* line 121, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker .btn-back.best-place::after,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker .btn-back.best-place::after {
  border-left: var(--back-arrow-size) solid var(--secondary-background-color);
}
/* line 124, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child .best-place-picker .mobile-performance-title,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .best-place-picker .mobile-performance-title {
  display: none;
}
/* line 129, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame {
  border: 0;
  position: relative;
  padding-right: 0;
}
/* line 133, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .topbar,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .topbar {
  height: 60px;
}
/* line 135, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .topbar > div,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .topbar > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* line 138, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .topbar > div button,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .topbar > div button {
  border: 0;
  width: 100%;
  margin: 2px;
  height: 38px;
  border-radius: 5px;
}
/* line 144, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .topbar > div button.seatmap2-refresh::before,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .topbar > div button.seatmap2-refresh::before {
  font-size: 16px;
}
/* line 147, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .topbar > div button:hover,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .topbar > div button:hover {
  line-height: initial;
}
/* line 153, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .sidebar,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .sidebar {
  width: 135px;
}
/* line 155, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .sidebar button,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .sidebar button {
  top: 20px;
  width: 40px;
  height: 40px;
  display: block;
  position: unset;
  margin: 5px auto;
  border-radius: 5px;
  color: var(--primary-button-text-color);
  background-color: var(--primary-button-background-color);
}
/* line 165, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .sidebar button.seatmap2-refresh::before,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .sidebar button.seatmap2-refresh::before {
  font-size: 18px;
}
/* line 170, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
/* line 174, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging button,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging button {
  margin: auto;
  top: 45px;
}
/* line 177, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging button:nth-child(3),
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging button:nth-child(3) {
  margin: 5px auto;
}
/* line 180, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging button:last-child, #subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging button:first-child,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging button:last-child,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging button:first-child {
  margin: auto;
}
/* line 184, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging button:nth-child(2),
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging button:nth-child(2) {
  position: absolute;
  left: 5px;
}
/* line 188, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging button:nth-child(4),
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .dragging button:nth-child(4) {
  position: absolute;
  right: 5px;
}
/* line 194, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse {
  top: 15px;
  z-index: 1;
  left: 15px;
  width: 330px;
  position: absolute;
}
/* line 200, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse > span,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse > span {
  width: 100%;
  padding: 15px;
  display: block;
  font-size: 16px;
  position: relative;
  border-radius: 5px 5px 0 0;
  color: var(--primary-button-text-color);
  border: 1px solid var(--primary-button-background-color);
  background-color: var(--primary-button-background-color);
}
/* line 210, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse > span:hover,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse > span:hover {
  cursor: pointer;
}
/* line 213, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse > span .arrow,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse > span .arrow {
  width: 0;
  height: 0;
  right: 20px;
  position: absolute;
  -webkit-transition: all .2s;
  transition: all .2s;
  top: calc(50% - 5px);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--primary-button-text-color);
}
/* line 224, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse > span.collapsed,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse > span.collapsed {
  border-radius: 5px;
}
/* line 226, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse > span.collapsed .arrow,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse > span.collapsed .arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* line 230, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse > span:not(.collapsed),
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse > span:not(.collapsed) {
  border-bottom: 0;
}
/* line 234, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse .card.card-body,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse .card.card-body {
  padding: 15px;
  border: 1px solid var(--border-color);
  border-top: 0;
  border-radius: 0 0 5px 5px;
  background-color: var(--secondary-background-color);
}
/* line 240, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse .card.card-body .category-row,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse .card.card-body .category-row {
  font-size: 16px;
  font-weight: 100;
  margin-bottom: 5px;
  cursor: pointer;
}
/* line 245, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse .card.card-body .category-row .category-color,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse .card.card-body .category-row .category-color {
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
}
/* line 252, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse .card.card-body .category-row .category-name,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse .card.card-body .category-row .category-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
  width: 47%;
}
/* line 259, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse .card.card-body .category-row .category-price,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse .card.card-body .category-row .category-price {
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0;
  width: 36%;
}
/* line 271, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats {
  font-size: 16px;
}
/* line 273, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-amount,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-amount {
  display: block;
  margin: 15px 0;
  cursor: auto;
}
/* line 277, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-amount:hover,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-amount:hover {
  color: var(--secondary-text-color);
}
/* line 284, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview table thead tr,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview table thead tr {
  border-bottom: 1px solid var(--list-header-border-color);
}
/* line 289, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview table tbody tr:not(:last-child),
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview table tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
/* line 293, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview table td,
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview table th,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview table td,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview table th {
  border: 0;
}
/* line 297, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview table td.section a,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview table td.section a {
  color: var(--primary-color);
}
/* line 300, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview table td.action,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview table td.action {
  text-align: right;
}
/* line 304, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview .selected-seats-empty,
#selectedPerformanceContainer > .selected-performance-container > div:last-child #canvasContainer .selected-seats .selected-seats-preview .selected-seats-empty {
  text-align: center;
}
/* line 312, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container .back-to-performance-list::after,
#selectedPerformanceContainer > .selected-performance-container .back-to-performance-list::after {
  border-left: var(--back-arrow-size) solid var(--secondary-background-color);
}
/* line 315, _selectedPerformanceContainer.scss */
#subscriptionContainer > .selected-performance-container .back-to-performance-list.normal::after,
#selectedPerformanceContainer > .selected-performance-container .back-to-performance-list.normal::after {
  border-left: var(--back-arrow-size) solid var(--primary-background-color);
}
/* line 320, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container,
#selectedPerformanceContainer .subscription-tabs-container,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container {
  padding: 25px !important;
}
/* line 324, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs,
#selectedPerformanceContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 25px 0;
}
/* line 328, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li,
#selectedPerformanceContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
  height: 40px;
  border-radius: 0;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
/* line 335, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li a,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li a,
#selectedPerformanceContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li a,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li a {
  margin: 0;
  width: 100%;
  padding: 0;
  height: 40px;
  font-size: 18px;
  border-radius: 0;
  line-height: 40px;
  border: 1px solid var(--primary-color);
  border-right: 0;
}
/* line 345, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li a:hover,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li a:hover,
#selectedPerformanceContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li a:hover,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li a:hover {
  background: var(--secondary-background-color);
}
/* line 351, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li:not(.ng-hide):first-of-type a,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li:not(.ng-hide):first-of-type a,
#selectedPerformanceContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li:not(.ng-hide):first-of-type a,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li:not(.ng-hide):first-of-type a {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
/* line 358, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li:not(.ng-hide):last-of-type a,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li:not(.ng-hide):last-of-type a,
#selectedPerformanceContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li:not(.ng-hide):last-of-type a,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li:not(.ng-hide):last-of-type a {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  border-right: 1px solid var(--primary-color);
}
/* line 365, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li.active a,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li.active a,
#selectedPerformanceContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li.active a,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li.active a {
  background-color: var(--primary-color);
  color: var(--secondary-text-color-hover);
}
/* line 370, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li.ng-hide + li,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li.ng-hide + li,
#selectedPerformanceContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li.ng-hide + li,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li.ng-hide + li {
  background-color: var(--primary-color);
}
/* line 376, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .tab-content,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .tab-content,
#selectedPerformanceContainer .subscription-tabs-container .tab-content,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .tab-content {
  font-size: 16px;
}
/* line 378, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .tab-content > div,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .tab-content > div,
#selectedPerformanceContainer .subscription-tabs-container .tab-content > div,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .tab-content > div {
  background: var(--secondary-background-color);
}
/* line 382, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .tab-content .tab-pane.performance-price-info .ticket-price-information,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .tab-content .tab-pane.performance-price-info .ticket-price-information,
#selectedPerformanceContainer .subscription-tabs-container .tab-content .tab-pane.performance-price-info .ticket-price-information,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .tab-content .tab-pane.performance-price-info .ticket-price-information {
  padding-bottom: 15px;
}
/* line 386, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .tab-content .tab-pane.performance-price-info table#price-categories .without-fee,
#subscriptionContainer .subscription-tabs-container .tab-content .tab-pane.performance-price-info table#price-categories .including-fee,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .tab-content .tab-pane.performance-price-info table#price-categories .without-fee,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .tab-content .tab-pane.performance-price-info table#price-categories .including-fee,
#selectedPerformanceContainer .subscription-tabs-container .tab-content .tab-pane.performance-price-info table#price-categories .without-fee,
#selectedPerformanceContainer .subscription-tabs-container .tab-content .tab-pane.performance-price-info table#price-categories .including-fee,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .tab-content .tab-pane.performance-price-info table#price-categories .without-fee,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .tab-content .tab-pane.performance-price-info table#price-categories .including-fee {
  text-align: right;
}
/* line 392, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container .tab-content a,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container .tab-content a,
#selectedPerformanceContainer .subscription-tabs-container .tab-content a,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container .tab-content a {
  color: var(--primary-color);
}
/* line 396, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion {
  display: none;
}
/* line 401, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div:first-child > .panel-header,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:first-child > .panel-header,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div:first-child > .panel-header,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:first-child > .panel-header {
  border-radius: var(--radius) var(--radius) 0 0;
}
/* line 403, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div:first-child > .panel-header h4,
#subscriptionContainer .subscription-tabs-container #performance-accordion > div:first-child > .panel-header a,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:first-child > .panel-header h4,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:first-child > .panel-header a,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div:first-child > .panel-header h4,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div:first-child > .panel-header a,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:first-child > .panel-header h4,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:first-child > .panel-header a {
  border-radius: var(--radius) var(--radius) 0 0;
}
/* line 410, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div:last-child > .panel-header,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:last-child > .panel-header,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div:last-child > .panel-header,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:last-child > .panel-header {
  border-radius: 0 0 var(--radius) var(--radius);
}
/* line 412, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div:last-child > .panel-header h4,
#subscriptionContainer .subscription-tabs-container #performance-accordion > div:last-child > .panel-header a,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:last-child > .panel-header h4,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:last-child > .panel-header a,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div:last-child > .panel-header h4,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div:last-child > .panel-header a,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:last-child > .panel-header h4,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:last-child > .panel-header a {
  border-radius: 0 0 var(--radius) var(--radius);
}
/* line 419, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div:only-child > .panel-header,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:only-child > .panel-header,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div:only-child > .panel-header,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:only-child > .panel-header {
  border-radius: var(--radius) var(--radius) var(--radius) var(--radius);
}
/* line 421, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div:only-child > .panel-header h4,
#subscriptionContainer .subscription-tabs-container #performance-accordion > div:only-child > .panel-header a,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:only-child > .panel-header h4,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:only-child > .panel-header a,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div:only-child > .panel-header h4,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div:only-child > .panel-header a,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:only-child > .panel-header h4,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div:only-child > .panel-header a {
  border-radius: var(--radius) var(--radius) var(--radius) var(--radius);
}
/* line 427, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div .panel-header,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div .panel-header,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header {
  background-color: var(--primary-color);
}
/* line 429, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div .panel-header h4,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div .panel-header h4,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 {
  margin: 0;
  padding: 0 15px 0 0;
}
/* line 432, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a {
  padding: 10px 15px 10px 10px;
  background-color: var(--primary-color);
  color: var(--secondary-text-color-hover);
  display: block;
  position: relative;
}
/* line 438, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a::after, #subscriptionContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a::before,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a::after,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a::before,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a::after,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a::before,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a::after,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: calc(50% - 11px);
  -webkit-transform: rotateZ(270deg);
          transform: rotateZ(270deg);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  right: 10px;
  top: calc(50% - 10px);
}
/* line 451, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a::after,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a::after,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a::after,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a::after {
  top: calc(50% - 13px);
  border-right: 10px solid var(--primary-color);
}
/* line 455, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a::before,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a::before,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a::before,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a::before {
  border-right: 10px solid var(--primary-button-text-color);
}
/* line 459, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a.collapsed::after, #subscriptionContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a.collapsed::before,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a.collapsed::after,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a.collapsed::before,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a.collapsed::after,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a.collapsed::before,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a.collapsed::after,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a.collapsed::before {
  right: 10px;
  top: calc(50% - 10px);
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
/* line 465, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a.collapsed::before,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a.collapsed::before,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div .panel-header h4 a.collapsed::before,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div .panel-header h4 a.collapsed::before {
  right: 7px;
}
/* line 474, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div > .panel-collapse > div,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div > .panel-collapse > div,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div > .panel-collapse > div,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div > .panel-collapse > div {
  -webkit-transition: all .1s;
  transition: all .1s;
  max-height: auto;
}
/* line 478, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div > .panel-collapse.minimizing,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div > .panel-collapse.minimizing,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div > .panel-collapse.minimizing,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div > .panel-collapse.minimizing {
  overflow: hidden;
}
/* line 481, _selectedPerformanceContainer.scss */
#subscriptionContainer .subscription-tabs-container #performance-accordion > div > .panel-collapse.minimizing > div,
#subscriptionContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div > .panel-collapse.minimizing > div,
#selectedPerformanceContainer .subscription-tabs-container #performance-accordion > div > .panel-collapse.minimizing > div,
#selectedPerformanceContainer > .selected-performance-container > div:last-child .tabs-container #performance-accordion > div > .panel-collapse.minimizing > div {
  max-height: 0;
  padding: 0;
}
/* line 490, _selectedPerformanceContainer.scss */
#subscriptionContainer .performance-info,
#subscriptionContainer .selected-performance-title,
#selectedPerformanceContainer .performance-info,
#selectedPerformanceContainer .selected-performance-title {
  padding-left: 15px;
}
/* line 493, _selectedPerformanceContainer.scss */
#subscriptionContainer .performance-info .performance-local,
#subscriptionContainer .selected-performance-title .performance-local,
#selectedPerformanceContainer .performance-info .performance-local,
#selectedPerformanceContainer .selected-performance-title .performance-local {
  font-size: 24px;
  margin: 0 0 5px 0;
  color: var(--secondary-text-color);
}
/* line 498, _selectedPerformanceContainer.scss */
#subscriptionContainer .performance-info .performance-date,
#subscriptionContainer .selected-performance-title .performance-date,
#selectedPerformanceContainer .performance-info .performance-date,
#selectedPerformanceContainer .selected-performance-title .performance-date {
  font-size: 16px;
  color: var(--primary-color);
}
/* line 503, _selectedPerformanceContainer.scss */
#subscriptionContainer .custom-block,
#selectedPerformanceContainer .custom-block {
  clear: both;
  padding: 25px;
  display: block;
  border-radius: 8px;
  -webkit-box-shadow: var(--light-box-shadow);
          box-shadow: var(--light-box-shadow);
  border: 1px solid var(--border-color);
  background-color: var(--secondary-background-color);
}
/* line 516, _selectedPerformanceContainer.scss */
#subscriptionContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div,
#subscriptionContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div,
#selectedPerformanceContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div,
#selectedPerformanceContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div {
  float: unset;
}
/* line 519, _selectedPerformanceContainer.scss */
#subscriptionContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input,
#subscriptionContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input::-webkit-input-placeholder,
#subscriptionContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input,
#subscriptionContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input::-webkit-input-placeholder,
#selectedPerformanceContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input,
#selectedPerformanceContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input::-webkit-input-placeholder,
#selectedPerformanceContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input,
#selectedPerformanceContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input::-webkit-input-placeholder {
  padding-left: 15px;
  border-radius: var(--radius) 0 0 var(--radius);
}
#subscriptionContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input,
#subscriptionContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input:-ms-input-placeholder,
#subscriptionContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input,
#subscriptionContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input:-ms-input-placeholder,
#selectedPerformanceContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input,
#selectedPerformanceContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input:-ms-input-placeholder,
#selectedPerformanceContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input,
#selectedPerformanceContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input:-ms-input-placeholder {
  padding-left: 15px;
  border-radius: var(--radius) 0 0 var(--radius);
}
#subscriptionContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input,
#subscriptionContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input::-ms-input-placeholder,
#subscriptionContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input,
#subscriptionContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input::-ms-input-placeholder,
#selectedPerformanceContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input,
#selectedPerformanceContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input::-ms-input-placeholder,
#selectedPerformanceContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input,
#selectedPerformanceContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input::-ms-input-placeholder {
  padding-left: 15px;
  border-radius: var(--radius) 0 0 var(--radius);
}
#subscriptionContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input,
#subscriptionContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input::placeholder,
#subscriptionContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input,
#subscriptionContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input::placeholder,
#selectedPerformanceContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input,
#selectedPerformanceContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group input::placeholder,
#selectedPerformanceContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input,
#selectedPerformanceContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group input::placeholder {
  padding-left: 15px;
  border-radius: var(--radius) 0 0 var(--radius);
}
/* line 524, _selectedPerformanceContainer.scss */
#subscriptionContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group span.input-group-btn button,
#subscriptionContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group span.input-group-btn button,
#selectedPerformanceContainer .performance-promotion-item .performance-promotion [name="promotionForm"] > div .input-group span.input-group-btn button,
#selectedPerformanceContainer .performance-promotion-container.exclusive .performance-promotion [name="promotionForm"] > div .input-group span.input-group-btn button {
  height: 44px;
  padding: 0 44px;
  line-height: 44px;
}

/* line 536, _selectedPerformanceContainer.scss */
#tab-content.performance #priceinfo {
  background: var(--secondary-background-color);
}

/* line 540, _selectedPerformanceContainer.scss */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background: var(--table-striped-background-color);
}

/* line 545, _selectedPerformanceContainer.scss */
.table-striped > tbody > tr > td > button:hover {
  opacity: 0.85;
}

@media (max-width: 1199px) {
  /* line 558, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li a {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  /* line 572, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > h4.performance-name.performance-title-has-image {
    display: none;
  }
  /* line 577, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:first-child {
    padding: 0;
  }
  /* line 579, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:first-child .performance-image {
    width: 100%;
    border-radius: 0;
    max-width: unset;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  /* line 585, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:first-child .performance-info {
    display: none;
  }
  /* line 591, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child.hasImage {
    margin-top: -60px;
  }
  /* line 594, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker,
  #selectedPerformanceContainer > .row > div:last-child .tabs-container {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  }
  /* line 599, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .performance-info-tab > div ul.nav-tabs li,
  #selectedPerformanceContainer > .row > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li {
    height: unset;
  }
  /* line 601, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .performance-info-tab > div ul.nav-tabs li a,
  #selectedPerformanceContainer > .row > div:last-child .tabs-container .performance-info-tab > div ul.nav-tabs li a {
    height: unset;
    line-height: 36px;
  }
  /* line 607, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .performance-info-tab,
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .tab-content.performance,
  #selectedPerformanceContainer > .row > div:last-child .tabs-container .performance-info-tab,
  #selectedPerformanceContainer > .row > div:last-child .tabs-container .tab-content.performance {
    display: none;
  }
  /* line 611, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker #performance-accordion,
  #selectedPerformanceContainer > .row > div:last-child .tabs-container #performance-accordion {
    display: block;
  }
  /* line 614, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .performance-name,
  #selectedPerformanceContainer > .row > div:last-child .tabs-container .performance-name {
    font-size: 22px;
  }
  /* line 618, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .tabs-container {
    padding: 0 !important;
  }
  /* line 621, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .tabs-container #collapsePricesAndDiscounts .form-check {
    padding-left: 30px;
    position: relative;
  }
  /* line 624, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .tabs-container #collapsePricesAndDiscounts .form-check input {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
  }
  /* line 630, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .tabs-container #collapsePricesAndDiscounts .form-check label {
    word-break: break-all;
  }
  /* line 635, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .tabs-container .discount,
  #selectedPerformanceContainer > .row > div:last-child .tabs-container td:nth-child(2) {
    display: none;
  }
  /* line 640, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker {
    padding: 20px 15px;
    border-radius: 16px;
    -webkit-backdrop-filter: blur(5.2px);
            backdrop-filter: blur(5.2px);
    border: 1px solid var(--border-color);
    background: rgba(255, 255, 255, 0.56);
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  }
  /* line 647, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .best-place-add-button,
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .best-place-back-button {
    width: 49.5%;
    display: inline-block !important;
  }
  /* line 651, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .best-place-add-button > *,
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .best-place-back-button > * {
    margin: 25px 0 10px 0 !important;
  }
  /* line 655, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .mobile-performance-title {
    padding: 0 15px;
    margin-bottom: 35px;
    display: block;
  }
  /* line 658, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .mobile-performance-title > * {
    padding: 0;
  }
  /* line 662, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .mobile-performance-title .performance-name {
    margin: 0 0 10px 0;
    color: var(--primary-text-color);
  }
  /* line 666, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .mobile-performance-title .performance-local {
    margin: 10px 0 0 0;
    font-size: 18px;
  }
  /* line 670, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker .mobile-performance-title .performance-date {
    color: var(--primary-text-color);
  }
  /* line 675, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection > div {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  /* line 687, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection {
    margin-top: 15px;
  }
  /* line 689, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection select {
    border: 1px solid var(--border-color);
  }
  /* line 692, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection::after {
    background-color: transparent;
  }
  /* line 695, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection:first-child::before {
    top: 0px;
  }
  /* line 701, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child #canvasContainer .selected-seats .selected-seats-preview table th:first-child,
  #selectedPerformanceContainer > .row > div:last-child #canvasContainer .selected-seats .selected-seats-preview table td:first-child {
    display: none;
  }
  /* line 706, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child #canvasContainer #canvas-seatingmap-frame {
    padding-right: 15px;
  }
  /* line 708, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child #canvasContainer #canvas-seatingmap-frame .priceCategory-collapse {
    top: unset;
    left: unset;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
  }

  /* line 718, _selectedPerformanceContainer.scss */
  #subscriptionContainer .subscription-tabs-container .performance-info-tab > div ul.nav-tabs li.tab-reservation-info a {
    border-radius: var(--radius);
  }
}
@media screen and (max-width: 480px) {
  /* line 724, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child #canvasContainer .selected-seats .selected-seats-preview table td,
  #selectedPerformanceContainer > .row > div:last-child #canvasContainer .selected-seats .selected-seats-preview table th {
    font-size: 14px;
  }

  /* line 728, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > .row > div:last-child .best-place-picker #seatingMapBestPlace > div .best-place-selection.pricecategory {
    display: grid;
  }
}
@media (max-width: 375px) {
  /* line 734, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > div > div > center > #mapster_wrap_0,
  #selectedPerformanceContainer > div > div > center > #mapster_wrap_0 > img.mapster_el,
  #selectedPerformanceContainer > div > div > center > #mapster_wrap_0 > canvas.mapster_el {
    width: 300px !important;
  }

  /* line 739, _selectedPerformanceContainer.scss */
  #selectedPerformanceContainer > div > div > center > #mapster_wrap_0 > canvas.mapster_el {
    padding-top: 15px !important;
  }
}
/* line 744, _selectedPerformanceContainer.scss */
.price-category-color-bar {
  width: 4px;
  display: inline-block;
  height: 15px;
  margin-top: 4px;
  margin-right: 2px;
}

/* ==================================================================================================================================================================== */
/* Shipping And Payment */
/* line 2, _shippingAndPayment.scss */
#bookingArea > .row {
  margin: 0;
}
/* line 5, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child {
  padding-left: 0;
}
/* line 11, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child .payment .radio .row > div:last-child img {
  height: auto;
  float: right;
  max-width: 76px;
  max-height: 35px;
  margin: 7px 0 0 0;
}
/* line 20, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child .payment .radio .pr-md-0 {
  padding-right: 0 !important;
}
/* line 26, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child .payment-available .radio {
  margin: 5px 0;
}
/* line 30, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child .payment-title strong,
#bookingArea > .row > div:first-child .delivery-title strong {
  font-size: 30px;
  font-weight: 400;
  color: var(--secondary-text-color);
}
/* line 36, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child .white-block {
  padding: 15px;
  margin: 20px 0;
  border-radius: var(--radius);
  border: 1px solid var(--border-color);
  background-color: var(--secondary-background-color);
}
/* line 42, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child .white-block > div {
  margin: 0;
  width: 100%;
}
/* line 46, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child .white-block .select-another-payment-method {
  margin: 15px 0;
}
/* line 51, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child > .row.payment .alias-display {
  margin: 10px 0;
}
/* line 57, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:first-child label {
  position: relative;
  padding-left: 15px;
  display: block;
}
/* line 61, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:first-child label input[type="radio"] {
  top: 3px;
  left: 5px;
  position: absolute;
}
/* line 67, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:first-child .savedCreditCardNumer {
  padding-left: 15px;
  display: inline-block;
}
/* line 70, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:first-child .savedCreditCardNumer > * {
  font-size: 16px;
  display: inline-block;
}
/* line 74, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:first-child .savedCreditCardNumer > div:first-child {
  font-weight: 600;
}
/* line 77, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:first-child .savedCreditCardNumer > div input {
  padding-left: 10px !important;
}
/* line 81, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:first-child > .payment-method-description {
  padding-left: 15px;
}
/* line 86, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:last-child > div {
  line-height: 40px;
  display: inline-block;
}
/* line 91, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:last-child .savedCreditCardInfo input[type="text"] {
  width: 110px;
  font-size: 16px;
  padding-left: 12px;
}
/* line 95, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:last-child .savedCreditCardInfo input[type="text"]::-webkit-input-placeholder {
  font-size: 16px;
}
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:last-child .savedCreditCardInfo input[type="text"]:-ms-input-placeholder {
  font-size: 16px;
}
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:last-child .savedCreditCardInfo input[type="text"]::-ms-input-placeholder {
  font-size: 16px;
}
#bookingArea > .row > div:first-child > .row.payment .radio .row > div:last-child .savedCreditCardInfo input[type="text"]::placeholder {
  font-size: 16px;
}
/* line 105, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child .radio > label {
  position: relative;
  padding-left: 10px;
  display: block;
}
/* line 109, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child .radio > label input[type=radio] {
  position: absolute;
  top: 3px;
  left: 1px;
}
/* line 115, _shippingAndPayment.scss */
#bookingArea > .row > div:first-child .radio > .delivery-method-description {
  padding-left: 10px;
}
/* line 121, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary .checkout-order-summary-title strong {
  font-size: 30px;
  font-weight: 400;
  color: var(--secondary-text-color);
}
/* line 126, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-address-widget,
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget {
  padding: 15px;
  margin: 20px 0;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  background-color: var(--secondary-background-color);
}
/* line 133, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-address-widget *,
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget * {
  color: var(--secondary-text-color);
  font-size: 16px;
}
/* line 137, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-address-widget a,
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget a {
  color: var(--primary-color);
}
/* line 142, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-address-widget .checkout-address-widget-info {
  background-color: var(--primary-background-color);
}
/* line 148, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget .checkout-basket-widget-title .divider {
  border-color: var(--list-header-border-color);
}
/* line 154, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget .checkout-basket-widget-info .checkout-basket-widget-item-container > strong {
  text-decoration: underline;
}
/* line 157, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget .checkout-basket-widget-info .checkout-basket-widget-item-container > div {
  margin: 3px 0 11px 0;
  border-bottom: 1px solid var(--border-color);
}
/* line 160, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget .checkout-basket-widget-info .checkout-basket-widget-item-container > div span {
  display: inline-block;
}
/* line 163, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget .checkout-basket-widget-info .checkout-basket-widget-item-container > div span:first-child {
  width: 70%;
  padding-right: 5px;
}
/* line 167, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget .checkout-basket-widget-info .checkout-basket-widget-item-container > div span:last-child {
  width: 30%;
  text-align: right;
}
/* line 174, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget .divider {
  border-color: var(--border-color);
}
/* line 178, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods .alternative-payment-method-input-block {
  margin-top: 10px;
}
/* line 180, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods .alternative-payment-method-input-block label {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
/* line 184, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods .alternative-payment-method-input-block label input {
  padding-right: 11px;
  display: inline-block;
  width: calc(100% - 122px);
  border-radius: var(--radius) 0 0 var(--radius);
}
/* line 190, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods .alternative-payment-method-input-block label button {
  padding: 0;
  height: 40px;
  width: 122px;
  display: inline;
  line-height: 40px;
  color: var(--button-text-color);
  border-left: 0;
  border-radius: 0 var(--radius) var(--radius) 0;
}
/* line 203, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods ul.alternative-payments a {
  cursor: pointer;
  color: var(--primary-color);
  text-decoration: underline;
}
/* line 208, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods ul.alternative-payments .select-alternative-payment-method {
  position: relative;
}
/* line 210, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods ul.alternative-payments .select-alternative-payment-method::before, #bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods ul.alternative-payments .select-alternative-payment-method::after {
  content: "";
  top: calc(50% - 7px);
  width: 0;
  height: 0;
  -webkit-transition: .1s;
  transition: .1s;
  position: absolute;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
/* line 221, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods ul.alternative-payments .select-alternative-payment-method::before {
  right: -20px;
  border-left: 8px solid var(--primary-color);
}
/* line 225, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods ul.alternative-payments .select-alternative-payment-method::after {
  right: -17px;
  border-left: 8px solid var(--secondary-background-color);
}
/* line 230, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods ul.alternative-payments .select-alternative-payment-method.expanded::before, #bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods ul.alternative-payments .select-alternative-payment-method.expanded::after {
  right: -20px;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
/* line 235, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods ul.alternative-payments .select-alternative-payment-method.expanded::before {
  top: calc(50% - 7px);
}
/* line 238, _shippingAndPayment.scss */
#bookingArea > .row > .checkout-order-summary > .checkout-basket-widget #alternative-payment-methods ul.alternative-payments .select-alternative-payment-method.expanded::after {
  top: calc(50% - 10px);
}
/* line 247, _shippingAndPayment.scss */
#bookingArea > .row label span {
  font-size: 16px;
  color: var(--secondary-text-color);
}
/* line 251, _shippingAndPayment.scss */
#bookingArea > .row .place {
  display: none;
}
/* line 254, _shippingAndPayment.scss */
#bookingArea > .row input[type=checkbox] {
  margin-right: 10px;
}
/* line 257, _shippingAndPayment.scss */
#bookingArea > .row input[type=radio] {
  margin-right: 10px;
}
/* line 261, _shippingAndPayment.scss */
#bookingArea > .row.place {
  margin: 25px 0;
  position: relative;
}
/* line 265, _shippingAndPayment.scss */
#bookingArea .d-block {
  display: block !important;
}
/* line 268, _shippingAndPayment.scss */
#bookingArea .checkbox a {
  color: var(--primary-color);
  text-decoration: underline;
}
/* line 273, _shippingAndPayment.scss */
#bookingArea .checkout-termsCollection .checkbox {
  padding-left: 30px;
}
/* line 275, _shippingAndPayment.scss */
#bookingArea .checkout-termsCollection .checkbox label {
  font-size: 15px;
  line-height: 22px;
  position: relative;
}
/* line 279, _shippingAndPayment.scss */
#bookingArea .checkout-termsCollection .checkbox label a,
#bookingArea .checkout-termsCollection .checkbox label a strong {
  font-weight: 400;
}
/* line 285, _shippingAndPayment.scss */
#bookingArea .checkout-termsCollection input[type=checkbox] {
  margin-right: 0px !important;
  position: absolute;
  left: 0;
  left: -10px;
  top: 0;
}

@media screen and (min-width: 992px) {
  /* line 296, _shippingAndPayment.scss */
  .checkout-order-summary {
    padding: 0;
  }
}
@media screen and (max-width: 991px) {
  /* line 302, _shippingAndPayment.scss */
  .checkout-termsCollection {
    padding: 0 15px;
  }
  /* line 304, _shippingAndPayment.scss */
  .checkout-termsCollection > div {
    background-color: white;
    padding: 15px 0;
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
  }

  /* line 311, _shippingAndPayment.scss */
  #bookingArea > .row > div:last-child,
  #bookingArea > .row > div:first-child {
    padding: 0 15px;
  }

  /* line 315, _shippingAndPayment.scss */
  .checkout-order-summary {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  /* line 323, _shippingAndPayment.scss */
  #bookingArea > .row > div > .row.payment {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* line 327, _shippingAndPayment.scss */
  #bookingArea > .row > div:first-child .white-block {
    padding: 0;
  }
  /* line 329, _shippingAndPayment.scss */
  #bookingArea > .row > div:first-child .white-block .radio {
    padding-left: 10px;
  }
  /* line 331, _shippingAndPayment.scss */
  #bookingArea > .row > div:first-child .white-block .radio > div {
    margin: 0;
  }
  /* line 334, _shippingAndPayment.scss */
  #bookingArea > .row > div:first-child .white-block .radio > label {
    font-size: 16px;
    padding: 0;
  }
  /* line 337, _shippingAndPayment.scss */
  #bookingArea > .row > div:first-child .white-block .radio > label input[type=radio] {
    top: 4px;
    left: -10px;
  }
  /* line 342, _shippingAndPayment.scss */
  #bookingArea > .row > div:first-child .white-block .radio > .delivery-method-description {
    padding-left: 0;
  }
  /* line 345, _shippingAndPayment.scss */
  #bookingArea > .row > div:first-child .white-block .radio[data-ng-repeat="deliveryOption in model.deliveryOptions"] {
    padding-left: 40px;
  }

  /* line 352, _shippingAndPayment.scss */
  .row.place > div:last-child {
    padding-right: 0 !important;
  }

  /* line 355, _shippingAndPayment.scss */
  #bookingArea > .row > div:first-child,
  .checkout-order-summary {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* line 360, _shippingAndPayment.scss */
  .radio + .radio {
    margin: 20px 0;
  }
}
@media screen and (max-width: 425px) {
  /* line 366, _shippingAndPayment.scss */
  #bookingArea > .row > div:first-child > .row.payment .row > div:last-child img {
    max-width: 66px;
  }
}
/* ==================================================================================================================================================================== */
/* modal */
/* line 1, _modal.scss */
body.modal-open {
  overflow-y: scroll;
  margin: 0;
}

/* line 6, _modal.scss */
.modal-body.modal-body-multiline {
  white-space: pre-line;
  padding: 25px 20px;
}

/* line 11, _modal.scss */
.modal {
  overflow: auto;
}

/* line 15, _modal.scss */
.modal-dialog-center {
  margin-top: 25%;
}

/* Modal customizations */
/* line 20, _modal.scss */
.modal-dialog-center {
  margin-top: 22%;
}

/* MODAL */
/* line 26, _modal.scss */
.modal-dialog .modal-header {
  border-bottom: 1px solid var(--border-color);
}
/* line 28, _modal.scss */
.modal-dialog .modal-header .alert-close-button {
  cursor: pointer;
  position: absolute;
  top: 19px;
  right: 19px;
  width: 19px;
  text-align: center;
  height: 19px;
  font-size: 18px;
}
/* line 37, _modal.scss */
.modal-dialog .modal-header .alert-close-button:hover {
  color: var(--primary-text-color);
}
/* line 41, _modal.scss */
.modal-dialog .modal-header .modal-title {
  padding-right: 30px;
}
/* line 44, _modal.scss */
.modal-dialog .modal-header button {
  display: none;
}
/* line 48, _modal.scss */
.modal-dialog .modal-content {
  background-color: var(--modal-background);
  color: var(--modal-text-color);
}
/* line 52, _modal.scss */
.modal-dialog .modal-footer {
  margin-top: 0;
  border-top: 1px solid var(--border-color);
}

/* line 58, _modal.scss */
.modal-dialog .modal-footer a:not(.btn-primary),
.modal-dialog .modal-footer button:not(.btn-primary) {
  background-color: var(--button-background-color) !important;
  color: var(--button-text-color) !important;
}

/* ==================================================================================================================================================================== */
/* patron */
/* ==================================================================================================================================================================== */
/* seatingmap_canvas */
/*
    * Html sprite seating map
  */
/* line 5, _seatingmapCanvas.scss */
table.seatmap-table {
  border-width: 0px;
  border-spacing: 0px;
  border-style: dotted;
  border-color: black;
  border-collapse: collapse;
  background-color: ivory;
  empty-cells: show;
  width: auto !important;
}

/* line 16, _seatingmapCanvas.scss */
table.seatmap-table th {
  border-width: 1px;
  padding: 1px;
  border-style: dotted;
  border-color: gray;
  border-radius: 0;
}

/* line 25, _seatingmapCanvas.scss */
table.seatmap-table td {
  height: 16px;
  border-width: 1px;
  padding: 1px;
  border-style: dotted;
  border-color: gray;
  border-radius: 0;
}

/* line 35, _seatingmapCanvas.scss */
table.seatmap-table .trigger {
  width: 15px;
  height: 15px;
  display: block;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

/* line 44, _seatingmapCanvas.scss */
table.seatmap-table td img {
  height: 16px;
  width: 16px;
}

/* line 49, _seatingmapCanvas.scss */
#navigation1 a {
  color: var(--button-text-color);
  text-decoration: none;
}

/* line 54, _seatingmapCanvas.scss */
#navigation1 a:hover {
  color: var(--primary-text-color-hover);
}

/* line 58, _seatingmapCanvas.scss */
h6.trigger span {
  background: url("/image/seatingmap/icons_selected.png");
  float: left;
  width: 15px;
  height: 16px;
  margin: 3px 3px 0 0;
  cursor: pointer;
}

/* line 67, _seatingmapCanvas.scss */
td.seat_0_available_selected,
td.seat_90_available_selected,
td.seat_180_available_selected,
td.seat_270_available_selected,
td.seat_0_available,
td.seat_90_available,
td.seat_180_available,
td.seat_270_available {
  cursor: pointer;
}

/* line 78, _seatingmapCanvas.scss */
td.seat_0_available_selected h6.trigger span {
  background-position: -0px -16px;
}

/* line 82, _seatingmapCanvas.scss */
td.seat_180_available h6.trigger span {
  background-position: -48px 0px;
}

/* line 86, _seatingmapCanvas.scss */
td.seat_180_available_selected h6.trigger span {
  background-position: -48px -16px;
}

/* line 90, _seatingmapCanvas.scss */
td.seat_90_available h6.trigger span {
  background-position: -16px 0px;
}

/* line 94, _seatingmapCanvas.scss */
td.seat_90_available_selected h6.trigger span {
  background-position: -16px -16px;
}

/* line 98, _seatingmapCanvas.scss */
td.seat_270_available h6.trigger span {
  background-position: -32px 0px;
}

/* line 102, _seatingmapCanvas.scss */
td.seat_270_available_selected h6.trigger span {
  background-position: -32px -16px;
}

/* line 106, _seatingmapCanvas.scss */
td.stage-text {
  font-weight: 800;
  text-align: center;
  font-size: 160%;
  background-color: #ffffcc;
}

/* line 113, _seatingmapCanvas.scss */
td.row-identifier {
  background-color: darkgray;
}

/* line 117, _seatingmapCanvas.scss */
.row-identifier span {
  color: #000;
  font-size: 0.75em;
  font-weight: 600;
  padding: 2px;
  text-align: center;
}

/* line 125, _seatingmapCanvas.scss */
img.no-seat {
  border: 0px !important;
}

/* line 129, _seatingmapCanvas.scss */
#easyTooltip {
  padding: 5px;
  border: 3px solid #f0f0f0;
  background: #fff;
  color: #333;
  font-size: 0.9167em;
}

/* line 137, _seatingmapCanvas.scss */
#easyTooltip,
.message {
  border-radius: 5px;
}

/* Legend */
/* line 145, _seatingmapCanvas.scss */
.seating-map-legend li {
  float: left;
  padding: 1em;
}

/* line 150, _seatingmapCanvas.scss */
.seating-map-legend i.icon {
  background: url("/image/seatingmap/icons_selected.png");
  background-repeat: no-repeat;
  float: left;
  width: 15px;
  height: 16px;
  margin-right: 0.2em;
}

/* line 159, _seatingmapCanvas.scss */
.seating-map-legend li.selected i.icon {
  background-position: -0px -16px;
}

/*.seating-map-legend li.notavailable i.icon { background: url('/image/seatingmap/seat_0_na.png'); }*/
/* line 164, _seatingmapCanvas.scss */
.seating-map-legend li.notavailable i.icon {
  background: none;
}

/* line 168, _seatingmapCanvas.scss */
.seating-map-legend li.reserved i.icon {
  background: url("/image/seatingmap/seat_0_reserved.png");
}

/* line 172, _seatingmapCanvas.scss */
.seating-map-legend li.sold i.icon,
.seating-map-legend li.notavailable i.icon {
  background: url("/image/seatingmap/seat_0_sold.png");
}

/* line 177, _seatingmapCanvas.scss */
.seating-map-legend ul {
  list-style: none;
}

/* seating map customization */
/* line 184, _seatingmapCanvas.scss */
.seating-map-legend li.reserved,
.seating-map-legend li.sold {
  display: none;
}

/* line 189, _seatingmapCanvas.scss */
td.seat.sold img,
td.seat.reserved img {
  display: none;
}

/* line 194, _seatingmapCanvas.scss */
span.seat-tooltip-status {
  display: none;
}

/* angle 0 */
/* line 199, _seatingmapCanvas.scss */
td.seat.angle_0.notavailable div.contingent-picture {
  background: url("/image/seatingmap/seat_0_sold.png") !important;
  background-size: 16px 16px !important;
  height: 16px !important;
  width: 16px !important;
}

/* line 206, _seatingmapCanvas.scss */
td.seat.angle_0.sold div,
td.seat.angle_0.reserved div {
  background: url("/image/seatingmap/seat_0_sold.png");
  width: 16px;
  height: 16px;
  display: block;
  background-size: 16px 16px;
  margin-top: 1px !important;
}

/* angle 90 */
/* line 217, _seatingmapCanvas.scss */
td.seat.angle_90.notavailable div.contingent-picture {
  background: url("/image/seatingmap/seat_90_sold.png") !important;
  background-size: 16px 16px !important;
  height: 16px !important;
  width: 16px !important;
}

/* line 224, _seatingmapCanvas.scss */
td.seat.angle_90.sold div,
td.seat.angle_90.reserved div {
  background: url("/image/seatingmap/seat_90_sold.png");
  width: 16px;
  height: 16px;
  display: block;
  background-size: 16px 16px;
  margin-top: 1px !important;
}

/* angle 180 */
/* line 235, _seatingmapCanvas.scss */
td.seat.angle_180.notavailable div.contingent-picture {
  background: url("/image/seatingmap/seat_180_sold.png") !important;
  background-size: 16px 16px !important;
  height: 16px !important;
  width: 16px !important;
}

/* line 242, _seatingmapCanvas.scss */
td.seat.angle_180.sold div,
td.seat.angle_180.reserved div {
  background: url("/image/seatingmap/seat_180_sold.png");
  width: 16px;
  height: 16px;
  display: block;
  background-size: 16px 16px;
  margin-top: 1px !important;
}

/* angle 270 */
/* line 253, _seatingmapCanvas.scss */
td.seat.angle_270.notavailable div.contingent-picture {
  background: url("/image/seatingmap/seat_270_sold.png") !important;
  background-size: 16px 16px !important;
  height: 16px !important;
  width: 16px !important;
}

/* line 260, _seatingmapCanvas.scss */
td.seat.angle_270.sold div,
td.seat.angle_270.reserved div {
  background: url("/image/seatingmap/seat_270_sold.png");
  width: 16px;
  height: 16px;
  display: block;
  background-size: 16px 16px;
  margin-top: 1px !important;
}

@media (max-width: 767px) {
  /* line 272, _seatingmapCanvas.scss */
  span.mobile-seating-map-selection:before {
    content: " ";
    display: block;
  }
}
/* ==================================================================================================================================================================== */
/* Login page */
/* line 1, _loginPage.scss */
.login-widget {
  padding-top: 0;
  margin-top: 50px;
  border-radius: var(--radius);
  background-color: var(--secondary-background-color);
}
/* line 6, _loginPage.scss */
.login-widget div.active {
  background-color: white;
  border-bottom: none !important;
}
/* line 10, _loginPage.scss */
.login-widget .forgotPassword {
  font-size: 12px;
}
/* line 13, _loginPage.scss */
.login-widget .line-wrapper {
  background: lightgrey;
  height: 1px;
  width: 80%;
  margin-top: 20px;
  margin-bottom: 30px;
}
/* line 19, _loginPage.scss */
.login-widget .line-wrapper .word {
  font-size: 12px;
  font-weight: bold;
}
/* line 24, _loginPage.scss */
.login-widget .login-title {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* line 27, _loginPage.scss */
.login-widget .login-title > div {
  padding: 0;
  background-color: ghostwhite;
  border-bottom: 0.5px solid var(--border-color);
  width: 50% !important;
  display: inline-block;
  border-bottom: 2px solid var(--primary-color);
}
/* line 34, _loginPage.scss */
.login-widget .login-title > div:first-child {
  border-radius: var(--radius) 0 0 0;
}
/* line 36, _loginPage.scss */
.login-widget .login-title > div:first-child:not(.active) {
  border-right: 1px solid var(--border-color);
}
/* line 40, _loginPage.scss */
.login-widget .login-title > div:last-child {
  border-radius: 0 var(--radius) 0 0;
}
/* line 42, _loginPage.scss */
.login-widget .login-title > div:last-child:not(.active) {
  border-left: 1px solid var(--border-color);
}
/* line 46, _loginPage.scss */
.login-widget .login-title > div a {
  display: grid;
}
/* line 48, _loginPage.scss */
.login-widget .login-title > div a h2 {
  margin: 0;
  font-size: 22px;
  color: var(--light-text-color);
  line-height: 70px;
}
/* line 55, _loginPage.scss */
.login-widget .login-title > div.active {
  background-color: var(--secondary-background-color);
}
/* line 57, _loginPage.scss */
.login-widget .login-title > div.active a h2 {
  font-weight: 600;
  color: var(--primary-color);
}
/* line 63, _loginPage.scss */
.login-widget .login-title :not(div.active) > a {
  color: var(--disabled-text-color);
}
/* line 69, _loginPage.scss */
.login-widget #registerForm .form-group,
.login-widget #loginForm .form-group {
  margin-bottom: 25px;
  margin-left: 0;
  margin-right: 0;
}
/* line 73, _loginPage.scss */
.login-widget #registerForm .form-group:first-child,
.login-widget #loginForm .form-group:first-child {
  margin-top: 15px;
}
/* line 77, _loginPage.scss */
.login-widget #registerForm .form-group:nth-child(2) > div:nth-child(2),
.login-widget #loginForm .form-group:nth-child(2) > div:nth-child(2) {
  line-height: 2;
}
/* line 81, _loginPage.scss */
.login-widget #registerForm .form-group:nth-child(4), .login-widget #registerForm .form-group:nth-child(5),
.login-widget #loginForm .form-group:nth-child(4),
.login-widget #loginForm .form-group:nth-child(5) {
  margin-top: 15px;
}
/* line 85, _loginPage.scss */
.login-widget #registerForm .form-group > span,
.login-widget #loginForm .form-group > span {
  font-size: 16px;
  color: var(--secondary-text-color);
}
/* line 88, _loginPage.scss */
.login-widget #registerForm .form-group > span:last-child a,
.login-widget #loginForm .form-group > span:last-child a {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-color);
}
/* line 94, _loginPage.scss */
.login-widget #registerForm .form-group .forgotPassword,
.login-widget #loginForm .form-group .forgotPassword {
  font-size: 12px;
  color: var(--primary-color);
  line-height: 2;
  text-align: right;
  display: block;
}
/* line 104, _loginPage.scss */
.login-widget #guestForm .form-group {
  margin-left: 0;
  margin-right: 0;
}
/* line 110, _loginPage.scss */
.login-widget .form-horizontal .line-wrapper {
  background: var(--border-color);
  height: 1px;
  width: 80%;
  margin-top: 20px;
  margin-bottom: 40px;
}
/* line 116, _loginPage.scss */
.login-widget .form-horizontal .line-wrapper .word {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .8px;
  text-transform: capitalize;
  color: var(--secondary-text-color);
  background-color: var(--secondary-background-color);
}
/* line 125, _loginPage.scss */
.login-widget .form-horizontal .social-title h3 {
  font-size: 26px;
  color: var(--primary-color);
}
/* line 130, _loginPage.scss */
.login-widget .fa.fa-eye-slash,
.login-widget .fa.fa-eye {
  height: 100%;
}
/* line 133, _loginPage.scss */
.login-widget .fa.fa-eye-slash::before,
.login-widget .fa.fa-eye::before {
  margin-right: 20px;
  font-size: 18px;
  vertical-align: middle;
  color: var(--label-text-color);
}
/* line 142, _loginPage.scss */
.login-widget > .form-group:last-child > .col-xs-12 .btn-back::after {
  border-left: var(--back-arrow-size) solid var(--secondary-background-color);
}

@media screen and (max-width: 991px) {
  /* line 150, _loginPage.scss */
  .login-widget {
    margin-top: 20px;
  }
  /* line 154, _loginPage.scss */
  .login-widget .login-title > .text-center a h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  /* line 163, _loginPage.scss */
  #patronLoginRegistrationOptions form > .form-group > label {
    display: none;
  }
}
/* ==================================================================================================================================================================== */
/* Registration page */
/* line 4, _registrationPage.scss */
#patronRegistrationPanel .login-title,
div[data-ng-controller="patronAccountController"] .login-title {
  display: none;
}
/* line 7, _registrationPage.scss */
#patronRegistrationPanel .parentfield > .form-rowField,
div[data-ng-controller="patronAccountController"] .parentfield > .form-rowField {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
/* line 12, _registrationPage.scss */
#patronRegistrationPanel .registeration,
div[data-ng-controller="patronAccountController"] .registeration {
  padding-top: 20px;
  padding-bottom: 20px;
  margin: auto;
  max-width: 820px;
  border-radius: var(--radius);
  background-color: var(--secondary-background-color);
}
/* line 20, _registrationPage.scss */
#patronRegistrationPanel fieldset label.checkbox,
div[data-ng-controller="patronAccountController"] fieldset label.checkbox {
  margin: 10px 0;
}
/* line 22, _registrationPage.scss */
#patronRegistrationPanel fieldset label.checkbox > input[type="checkbox"],
div[data-ng-controller="patronAccountController"] fieldset label.checkbox > input[type="checkbox"] {
  margin-left: 0;
  margin-right: 10px;
  position: inherit;
}
/* line 30, _registrationPage.scss */
#patronRegistrationPanel #contentRegistrationDeliveryAddress label,
#patronRegistrationPanel #contentAccountRegistration label,
div[data-ng-controller="patronAccountController"] #contentRegistrationDeliveryAddress label,
div[data-ng-controller="patronAccountController"] #contentAccountRegistration label {
  font-size: 16px;
  margin-left: 5px;
  color: var(--primary-text-color);
  color: var(--secondary-text-color);
}
/* line 37, _registrationPage.scss */
#patronRegistrationPanel .col-md-6.col-xs-6,
div[data-ng-controller="patronAccountController"] .col-md-6.col-xs-6 {
  position: relative;
  padding: 0 30px;
}
/* line 40, _registrationPage.scss */
#patronRegistrationPanel .col-md-6.col-xs-6 .btn-back::after,
div[data-ng-controller="patronAccountController"] .col-md-6.col-xs-6 .btn-back::after {
  border-left: var(--back-arrow-size) solid var(--secondary-background-color);
}
/* line 45, _registrationPage.scss */
#patronRegistrationPanel #AccountRegistration_DefaultField_2_200,
div[data-ng-controller="patronAccountController"] #AccountRegistration_DefaultField_2_200 {
  margin: 0 10px 0 0;
}
/* line 49, _registrationPage.scss */
#patronRegistrationPanel #save-patron,
div[data-ng-controller="patronAccountController"] #save-patron {
  margin: 15px;
}
/* line 52, _registrationPage.scss */
#patronRegistrationPanel legend,
div[data-ng-controller="patronAccountController"] legend {
  border: 0;
}

/* line 57, _registrationPage.scss */
#patronRegistrationPanel {
  width: 50%;
  min-width: 650px;
  padding: 15px 8rem;
  margin: 25px auto;
  border-radius: var(--radius);
  border: 1px solid var(--border-color);
  background-color: var(--secondary-background-color);
}

@media screen and (max-width: 991px) {
  /* line 68, _registrationPage.scss */
  #patronRegistrationPanel {
    min-width: 100%;
    width: 100%;
    padding: 15px;
  }
  /* line 72, _registrationPage.scss */
  #patronRegistrationPanel .registerProgress {
    padding: 0;
  }
}
@media screen and (min-width: 992px) {
  /* line 85, _registrationPage.scss */
  #patronRegistrationPanel #contentAccountRegistration .form-mainContent > fieldset.row > *:not(.col-md-12):first-child,
  div[data-ng-controller="patronAccountController"] #contentAccountRegistration .form-mainContent > fieldset.row > *:not(.col-md-12):first-child {
    padding-right: 3px;
  }
  /* line 88, _registrationPage.scss */
  #patronRegistrationPanel #contentAccountRegistration .form-mainContent > fieldset.row > *:not(.col-md-12):nth-child(2),
  div[data-ng-controller="patronAccountController"] #contentAccountRegistration .form-mainContent > fieldset.row > *:not(.col-md-12):nth-child(2) {
    padding-left: 3px;
  }
}
/* ==================================================================================================================================================================== */
/* Notifications */
/* line 1, _notifications.scss */
.alert-warning {
  margin: 20px 0;
  border-radius: 0;
  text-shadow: none;
  text-align: center;
  color: var(--warning-color);
  background-image: none;
  border: 1px solid var(--warning-color);
  background-color: var(--warning-background-color);
}
/* line 10, _notifications.scss */
.alert-warning .glyphicon {
  display: none;
}

/* line 14, _notifications.scss */
.alert-success,
.alert-danger {
  margin: 20px 0;
  border-radius: 0;
  text-shadow: none;
  position: relative;
  text-align: center;
  color: var(--danger-color);
  background-image: none;
  border: 1px solid var(--danger-color);
  background-color: var(--danger-background-color);
}
/* line 25, _notifications.scss */
.alert-success button,
.alert-danger button {
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  opacity: 0.7;
  min-width: 20px;
  text-shadow: none;
  position: absolute;
  color: var(--danger-color);
}
/* line 35, _notifications.scss */
.alert-success button:hover,
.alert-danger button:hover {
  opacity: 1;
  color: var(--danger-color);
}
/* line 40, _notifications.scss */
.alert-success .glyphicon,
.alert-danger .glyphicon {
  display: none;
}

/* line 44, _notifications.scss */
.alert-success {
  color: var(--success-color);
  border: 1px solid var(--success-color);
  background-color: var(--success-background-color);
}
/* line 48, _notifications.scss */
.alert-success button {
  color: var(--success-color);
}
/* line 50, _notifications.scss */
.alert-success button:hover {
  opacity: 1;
  color: var(--success-color);
}

/* line 56, _notifications.scss */
.alert-info {
  background-image: none;
  background-color: #d9edf7;
}
/* line 59, _notifications.scss */
.alert-info button,
.alert-info button:hover,
.alert-info button:focus,
.alert-info button:active,
.alert-info button:focus-visible {
  margin-left: 10px;
  height: 32px !important;
  line-height: inherit !important;
  padding: 5px 9px !important;
}

/* line 72, _notifications.scss */
#reservationNotAllowedAlert {
  text-align: left;
  margin: 0 0 25px 0;
}
/* line 75, _notifications.scss */
#reservationNotAllowedAlert .glyphicon,
#reservationNotAllowedAlert .promotionwarning {
  display: inline-block;
}
/* line 79, _notifications.scss */
#reservationNotAllowedAlert .glyphiconasd {
  font-size: 42px;
  margin-right: 16px;
}
/* line 83, _notifications.scss */
#reservationNotAllowedAlert .promotionwarning {
  font-size: 16px;
}
/* line 85, _notifications.scss */
#reservationNotAllowedAlert .promotionwarning h4 {
  font-weight: bold;
}

/* ==================================================================================================================================================================== */
/* My Account */
/* line 1, _myAccount.scss */
#account-information {
  padding: 0;
  border-radius: var(--radius);
  border: 1px solid var(--border-color);
  background-color: var(--secondary-background-color);
}
/* line 6, _myAccount.scss */
#account-information ul.nav {
  border-bottom: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
/* line 11, _myAccount.scss */
#account-information ul.nav li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-bottom: 2px solid var(--primary-color);
}
/* line 14, _myAccount.scss */
#account-information ul.nav li:first-child, #account-information ul.nav li:first-child a {
  border-top-left-radius: var(--radius);
}
/* line 18, _myAccount.scss */
#account-information ul.nav li:last-child, #account-information ul.nav li:last-child a {
  word-break: break-word;
  border-top-right-radius: var(--radius);
}
/* line 23, _myAccount.scss */
#account-information ul.nav li a {
  margin: 0;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  border: 0 !important;
  color: var(--light-text-color);
  background-color: #f3f3f3;
}
/* line 31, _myAccount.scss */
#account-information ul.nav li a:hover {
  border: 0 !important;
}
/* line 35, _myAccount.scss */
#account-information ul.nav li.active {
  border: 0;
  border-right: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
}
/* line 39, _myAccount.scss */
#account-information ul.nav li.active:first-child {
  border-left: 0;
}
/* line 42, _myAccount.scss */
#account-information ul.nav li.active:last-child {
  border-right: 0;
}
/* line 45, _myAccount.scss */
#account-information ul.nav li.active a {
  font-weight: 600;
  color: var(--primary-color);
  background-color: var(--secondary-background-color);
}
/* line 53, _myAccount.scss */
#account-information .tab-content {
  padding: 20px;
  border-radius: var(--radius);
  background-color: var(--secondary-background-color);
  border-radius: 0 0 8px 8px;
}
/* line 59, _myAccount.scss */
#account-information #personal-information {
  padding-left: 20px;
  padding-right: 20px;
}
/* line 62, _myAccount.scss */
#account-information #personal-information .title {
  font-size: 20px;
  font-weight: 600;
  word-break: break-word;
}
/* line 66, _myAccount.scss */
#account-information #personal-information .title .edit,
#account-information #personal-information .title .change-password {
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
  background-image: none;
  background-color: unset;
  color: var(--primary-color);
}
/* line 75, _myAccount.scss */
#account-information #personal-information .title .edit {
  margin-left: 25px;
}
/* line 79, _myAccount.scss */
#account-information #personal-information .contents-wrapper > .row {
  margin: 0 -5px;
}
/* line 82, _myAccount.scss */
#account-information #personal-information .card-bordered-block {
  padding: 15px;
  border-radius: var(--radius);
  border: 1px solid var(--border-color);
  background-color: var(--secondary-background-color);
  width: calc(calc(100% / 3) - 10px);
  margin: 5px;
}
/* line 89, _myAccount.scss */
#account-information #personal-information .card-bordered-block h4 {
  margin-top: 0;
  font-size: 16px;
  font-weight: 400;
}
/* line 94, _myAccount.scss */
#account-information #personal-information .card-bordered-block .delete-payment {
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
  background-image: none;
  background-color: unset;
  color: var(--text-error);
}
/* line 102, _myAccount.scss */
#account-information #personal-information .card-bordered-block .sub-bordered-block {
  min-height: 152px;
  padding: 15px;
  font-size: 16px;
  color: var(--secondary-text-color);
  background-color: var(--primary-background-color);
}
/* line 108, _myAccount.scss */
#account-information #personal-information .card-bordered-block .sub-bordered-block h4 {
  margin: 3px 0;
  font-weight: bold;
}
/* line 112, _myAccount.scss */
#account-information #personal-information .card-bordered-block .sub-bordered-block .creditcard-number,
#account-information #personal-information .card-bordered-block .sub-bordered-block .creditcard-expiration-year,
#account-information #personal-information .card-bordered-block .sub-bordered-block .address > * {
  padding: 3px 0;
  font-weight: 400;
}
/* line 122, _myAccount.scss */
#account-information #order-history #order-history-message-ordernotfound {
  display: none;
}
/* line 125, _myAccount.scss */
#account-information #order-history .myaccount-orderhistory-message {
  margin: 25px 0;
  font-size: 16px;
  line-height: 35px;
}
/* line 129, _myAccount.scss */
#account-information #order-history .myaccount-orderhistory-message a.orderhistory-message-link {
  margin-left: 5px;
  font-weight: 600;
  color: var(--purple-color);
  display: inline-block;
}
/* line 134, _myAccount.scss */
#account-information #order-history .myaccount-orderhistory-message a.orderhistory-message-link:hover {
  text-decoration: underline;
}
/* line 139, _myAccount.scss */
#account-information #order-history .patron-order-history {
  font-size: 16px;
}
/* line 141, _myAccount.scss */
#account-information #order-history .patron-order-history table,
#account-information #order-history .patron-order-history > tbody + tbody {
  border: 0 !important;
}
/* line 145, _myAccount.scss */
#account-information #order-history .patron-order-history th {
  border-bottom: 1px solid var(--list-header-border-color);
}
/* line 148, _myAccount.scss */
#account-information #order-history .patron-order-history td {
  border-top: 0;
}
/* line 151, _myAccount.scss */
#account-information #order-history .patron-order-history .order-id {
  color: var(--primary-color);
}
/* line 155, _myAccount.scss */
#account-information #order-history .patron-order-history .patron-order-detail > .row {
  padding: 15px 0;
  margin: 0 0 20px 0;
  border: 1px solid var(--border-color);
  background-color: var(--primary-background-color);
}
/* line 163, _myAccount.scss */
#account-information #order-history .patron-order-history .patron-order-detail > .row .basket-item-container .basket-item-wrapper .basket-item .title {
  margin-bottom: 15px;
}
/* line 165, _myAccount.scss */
#account-information #order-history .patron-order-history .patron-order-detail > .row .basket-item-container .basket-item-wrapper .basket-item .title h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  display: grid;
}
/* line 170, _myAccount.scss */
#account-information #order-history .patron-order-history .patron-order-detail > .row .basket-item-container .basket-item-wrapper .basket-item .title h4 small {
  margin: 3px 0;
}
/* line 174, _myAccount.scss */
#account-information #order-history .patron-order-history .patron-order-detail > .row .basket-item-container .basket-item-wrapper .basket-item .title span {
  font-size: 16px;
}
/* line 182, _myAccount.scss */
#account-information #order-history .patron-order-history .patron-order-detail > .row .orders-summary table {
  display: inline-block;
}
/* line 184, _myAccount.scss */
#account-information #order-history .patron-order-history .patron-order-detail > .row .orders-summary table td {
  padding: 0 15px 0 0px;
}
/* line 186, _myAccount.scss */
#account-information #order-history .patron-order-history .patron-order-detail > .row .orders-summary table td:last-child {
  font-weight: 600;
}
/* line 192, _myAccount.scss */
#account-information #order-history .patron-order-history .patron-order-detail > .row .patron-order-buttons {
  text-align: right;
  display: inline-block;
  margin: 15px 10px;
  float: right;
}
/* line 202, _myAccount.scss */
#account-information > .row:last-child > div {
  padding: 0;
}

/* line 207, _myAccount.scss */
.my-account-title {
  font-size: 30px;
  margin-bottom: 25px;
  color: var(--secondary-text-color);
}

@media screen and (max-width: 991px) {
  /* line 216, _myAccount.scss */
  #account-information #personal-information .card-bordered-block {
    width: 100%;
    margin: 0 0 15px 0 !important;
  }
  /* line 219, _myAccount.scss */
  #account-information #personal-information .card-bordered-block .sub-bordered-block {
    min-height: unset;
  }
}
@media screen and (max-width: 767px) {
  /* line 232, _myAccount.scss */
  #account-information .tab-content #personal-information .personal-info > div {
    margin-bottom: 25px;
  }
  /* line 238, _myAccount.scss */
  #account-information .tab-content #order-history .myaccount-order-history {
    margin: 0;
    width: calc(100vw - 120px);
  }
  /* line 241, _myAccount.scss */
  #account-information .tab-content #order-history .myaccount-order-history::-webkit-scrollbar {
    width: 2px;
  }
  /* line 244, _myAccount.scss */
  #account-information .tab-content #order-history .myaccount-order-history::-webkit-scrollbar-thumb {
    background: var(--primary-color);
  }
}
@media screen and (max-width: 576px) {
  /* line 256, _myAccount.scss */
  #account-information .tab-content #personal-information {
    padding-left: 0px;
    padding-right: 0px;
  }
  /* line 259, _myAccount.scss */
  #account-information .tab-content #personal-information > .row {
    margin: 0;
  }
  /* line 262, _myAccount.scss */
  #account-information .tab-content #personal-information .title {
    font-size: 18px;
  }
  /* line 264, _myAccount.scss */
  #account-information .tab-content #personal-information .title a {
    display: block;
    margin: 15px 0 0 0;
  }
  /* line 273, _myAccount.scss */
  #account-information ul.nav li a {
    line-height: initial;
    font-size: clamp(14px, 4vw, 16px);
  }
}
/* ==================================================================================================================================================================== */
/* mutual */
/* Basket icon as a background */
/* line 2, _mutual.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container.ticket-insurance > div:not(.basket-item header) button.remove-ticketinsurance,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .remove-basket-item,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .remove-basket-item,
#selectedPerformanceContainer > .row > div:last-child #canvasContainer .selected-seats .selected-seats-preview table .action a {
  border: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: unset;
  min-width: unset;
  display: inline-block;
  background-size: 22px;
  background-color: unset;
  background-repeat: no-repeat;
  background-position: right top !important;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNi44IDI2LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI2LjggMjYuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6Izc1NzU3NTt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5LjgsNy41SDdjLTEuMiwwLTIuMSwxLTIuMSwyLjF2MTIuOGMwLDEuMiwxLDIuMSwyLjEsMi4xaDEyLjhjMS4yLDAsMi4xLTEsMi4xLTIuMVY5LjYNCgkJQzIyLDguNCwyMSw3LjUsMTkuOCw3LjV6IE0xNy4xLDE3LjJjMC40LDAuNCwwLjQsMS4xLDAsMS42bC0wLjQsMC40Yy0wLjQsMC40LTEuMSwwLjQtMS42LDBsLTEuNy0xLjdsLTEuNywxLjcNCgkJYy0wLjQsMC40LTEuMSwwLjQtMS42LDBsLTAuNC0wLjRjLTAuNC0wLjQtMC40LTEuMSwwLTEuNmwxLjctMS43bC0xLjctMS43Yy0wLjQtMC40LTAuNC0xLjEsMC0xLjZsMC40LTAuNGMwLjQtMC40LDEuMS0wLjQsMS42LDANCgkJbDEuNywxLjdsMS43LTEuN2MwLjQtMC40LDEuMS0wLjQsMS42LDBsMC40LDAuNGMwLjQsMC40LDAuNCwxLjEsMCwxLjZsLTEuNywxLjdMMTcuMSwxNy4yeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMy40LDQuNnYwLjJjMCwwLjYtMC41LDEtMSwxaC0xOGMtMC42LDAtMS0wLjUtMS0xVjQuNmMwLTAuNiwwLjUtMSwxLTFoNGwwLjgtMC45YzAuMi0wLjMsMC42LTAuNCwwLjktMC40DQoJCWg2LjJjMC4zLDAsMC42LDAuMSwwLjksMC40bDEsMWg0LjFDMjIuOSwzLjYsMjMuNCw0LjEsMjMuNCw0LjZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
}
/* line 19, _mutual.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container.ticket-insurance > div:not(.basket-item header) button.remove-ticketinsurance:hover,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .remove-basket-item:hover,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .remove-basket-item:hover,
#selectedPerformanceContainer > .row > div:last-child #canvasContainer .selected-seats .selected-seats-preview table .action a:hover {
  opacity: .8;
}
/* line 22, _mutual.scss */
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container.ticket-insurance > div:not(.basket-item header) button.remove-ticketinsurance .glyphicon-trash,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .remove-basket-item .glyphicon-trash,
#basketContainer > div.col-xs-12 .inner-content.basket > .basket-item-container .basket-item-wrapper .basket-item .remove-basket-item .glyphicon-trash,
#selectedPerformanceContainer > .row > div:last-child #canvasContainer .selected-seats .selected-seats-preview table .action a .glyphicon-trash {
  display: none;
}

/*===================================================================================*/
/* Block div with colour background and border */
/* line 28, _mutual.scss */
.bordered-block {
  padding: 15px;
  border-radius: var(--radius) !important;
  -webkit-box-shadow: var(--light-box-shadow) !important;
          box-shadow: var(--light-box-shadow) !important;
  border: 1px solid var(--border-color) !important;
  background: var(--secondary-background-color) !important;
}

/*===================================================================================*/
/* Steps Progress */
/* line 40, _mutual.scss */
.ticket-admission-picker .registerProgress,
#patronRegistrationPanel .registerProgress,
div[data-ng-controller="patronAccountController"] .registerProgress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: var(--primary-color);
  margin-top: 15px;
  margin-bottom: 50px;
}
/* line 46, _mutual.scss */
.ticket-admission-picker .registerProgress > div,
#patronRegistrationPanel .registerProgress > div,
div[data-ng-controller="patronAccountController"] .registerProgress > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}
/* line 51, _mutual.scss */
.ticket-admission-picker .registerProgress .numberCircle,
#patronRegistrationPanel .registerProgress .numberCircle,
div[data-ng-controller="patronAccountController"] .registerProgress .numberCircle {
  left: 30%;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  border-radius: 50%;
  position: relative;
  text-align: center;
  background-color: var(--primary-button-background-color);
  color: var(--primary-button-text-color);
}
/* line 63, _mutual.scss */
.ticket-admission-picker .registerProgress .numberCircle.progressPending,
#patronRegistrationPanel .registerProgress .numberCircle.progressPending,
div[data-ng-controller="patronAccountController"] .registerProgress .numberCircle.progressPending {
  background-color: #ccc;
}
/* line 65, _mutual.scss */
.ticket-admission-picker .registerProgress .numberCircle.progressPending + div,
#patronRegistrationPanel .registerProgress .numberCircle.progressPending + div,
div[data-ng-controller="patronAccountController"] .registerProgress .numberCircle.progressPending + div {
  color: #ccc;
  word-break: break-word;
}
/* line 70, _mutual.scss */
.ticket-admission-picker .registerProgress .numberCircle ~ div,
#patronRegistrationPanel .registerProgress .numberCircle ~ div,
div[data-ng-controller="patronAccountController"] .registerProgress .numberCircle ~ div {
  margin-top: 5px;
  inline-size: 100px;
  text-align: center;
  word-break: break-word;
}
/* line 77, _mutual.scss */
.ticket-admission-picker .registerProgress .divider,
#patronRegistrationPanel .registerProgress .divider,
div[data-ng-controller="patronAccountController"] .registerProgress .divider {
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  background-color: var(--primary-color);
}
/* line 83, _mutual.scss */
.ticket-admission-picker .registerProgress .divider.progressPending,
#patronRegistrationPanel .registerProgress .divider.progressPending,
div[data-ng-controller="patronAccountController"] .registerProgress .divider.progressPending {
  border-color: #ccc;
}

@media screen and (max-width: 409px) {
  /* line 94, _mutual.scss */
  .ticket-admission-picker .registerProgress,
  #patronRegistrationPanel .registerProgress,
  .patron-account-controller .registerProgress {
    padding: 0;
  }
}
/* ==================================================================================================================================================================== */
/* Header */
/* ==================================================================================================================================================================== */
/* Footer */
/* ==================================================================================================================================================================== */
/* Cross Selling Performance */
/* line 3, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-specials h3 {
  font-size: 30px;
  font-weight: bold;
  color: var(--primary-color);
}
/* line 10, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product-title h3,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance-title h3,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product-title h3,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance-title h3 {
  font-size: 30px;
  font-weight: bold;
  color: var(--primary-color);
}
/* line 18, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product.col-md-6:nth-child(even),
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance.col-md-6:nth-child(even),
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product.col-md-6:nth-child(even),
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance.col-md-6:nth-child(even) {
  padding-left: 0;
}
/* line 21, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product.col-md-6:nth-child(odd),
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance.col-md-6:nth-child(odd),
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product.col-md-6:nth-child(odd),
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance.col-md-6:nth-child(odd) {
  padding-right: 0;
}
/* line 24, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product h4,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance h4,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product h4,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance h4 {
  font-size: 18px;
  color: var(--primary-color);
}
/* line 28, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product .performance-description,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product .performance-date,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance .performance-description,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance .performance-date,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product .performance-description,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product .performance-date,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance .performance-description,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance .performance-date {
  font-size: 16px;
  color: var(--primary-text-color);
}
/* line 33, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row {
  margin: 0 0 30px 0;
}
/* line 35, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row .crossSelling-product-image,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row .crossSelling-performance-image,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row .crossSelling-product-image,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row .crossSelling-performance-image,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row .crossSelling-product-image,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row .crossSelling-performance-image,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row .crossSelling-product-image,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row .crossSelling-performance-image {
  padding: 0;
  text-align: center;
  border-radius: var(--radius);
  -webkit-box-shadow: var(--light-box-shadow);
          box-shadow: var(--light-box-shadow);
  background: linear-gradient(317deg, #000 75%, var(--primary-color) 100%);
  overflow: hidden;
  margin-bottom: 20px;
}
/* line 44, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row .crossSelling-product-image img,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row .crossSelling-performance-image img,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row .crossSelling-product-image img,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row .crossSelling-performance-image img,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row .crossSelling-product-image img,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row .crossSelling-performance-image img,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row .crossSelling-product-image img,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row .crossSelling-performance-image img {
  max-width: 100%;
  max-height: 300px;
  min-height: 215px;
}
/* line 51, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row .caption.collapse-group .long-version table.cross-selling,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row .caption.collapse-group .long-version table.cross-selling,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row .caption.collapse-group .long-version table.cross-selling,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row .caption.collapse-group .long-version table.cross-selling {
  margin-bottom: 0;
}
/* line 53, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row .caption.collapse-group .long-version table.cross-selling th,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row .caption.collapse-group .long-version table.cross-selling label,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row .caption.collapse-group .long-version table.cross-selling th,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row .caption.collapse-group .long-version table.cross-selling label,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row .caption.collapse-group .long-version table.cross-selling th,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row .caption.collapse-group .long-version table.cross-selling label,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row .caption.collapse-group .long-version table.cross-selling th,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row .caption.collapse-group .long-version table.cross-selling label {
  font-size: 16px;
  color: var(--secondary-text-color);
}
/* line 60, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row .infos,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row .infos,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row .infos,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row .infos {
  padding: 0;
}
/* line 65, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div table.cross-selling-price-categories thead th,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div table.cross-selling-price-categories thead th,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div table.cross-selling-price-categories thead th,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div table.cross-selling-price-categories thead th {
  border: 0 !important;
}
/* line 69, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr {
  border-bottom: 1px solid var(--border-color);
}
/* line 71, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr:first-child,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr:first-child,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr:first-child,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr:first-child {
  border-top: 1px solid var(--list-header-border-color);
}
/* line 74, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr td,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr td,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr td,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr td {
  border: 0 !important;
}
/* line 76, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr td.name,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr td.name,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr td.name,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr td.name {
  padding-left: 10px;
}
/* line 79, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr td label,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr td label,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr td label,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr td label {
  margin: 0;
  display: block;
  line-height: 40px;
}
/* line 84, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr td.amount,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr td.amount,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr td.amount,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr td.amount {
  width: 95px;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}
/* line 89, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr td.amount::before,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr td.amount::before,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div table.cross-selling-price-categories tbody tr td.amount::before,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div table.cross-selling-price-categories tbody tr td.amount::before {
  content: "";
  display: block;
}
/* line 98, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div.product-description, #crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div.performance-description,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div.product-description,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div.performance-description,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div.product-description,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div.performance-description,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div.product-description,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div.performance-description {
  font-size: 16px;
  padding-top: 10px;
}
/* line 102, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div.product-description p, #crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div.performance-description p,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div.product-description p,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div.performance-description p,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div.product-description p,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div.performance-description p,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div.product-description p,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div.performance-description p {
  margin-bottom: 25px;
}
/* line 104, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div.product-description p a, #crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div.performance-description p a,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div.product-description p a,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div.performance-description p a,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div.product-description p a,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div.performance-description p a,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div.product-description p a,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div.performance-description p a {
  color: var(--pink-color) !important;
}
/* line 108, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div.product-description a.read-more, #crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div.performance-description a.read-more,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div.product-description a.read-more,
#crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div.performance-description a.read-more,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div.product-description a.read-more,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div.performance-description a.read-more,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div.product-description a.read-more,
#crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div.performance-description a.read-more {
  display: none;
  margin-top: 5px;
  color: var(--pink-color);
}
/* line 118, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-performance-group {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 1em;
          column-gap: 1em;
  padding: 15px;
}
/* line 122, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-performance-group.single-col {
  -webkit-column-count: 1;
          column-count: 1;
}
/* line 125, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-performance-group > .crossSelling-performance {
  display: inline-block;
  padding: 0;
  width: 100%;
  clear: both;
  page-break-inside: avoid;
}
/* line 131, _crossSellingPerformance.scss */
#crossSellingContainer .inner-content .crossSelling-performance-group > .crossSelling-performance > .row {
  margin-bottom: 1em;
}
/* line 137, _crossSellingPerformance.scss */
#crossSellingContainer .btn.secondary.add-to-basket {
  height: 40px;
  line-height: 40px;
}

/* line 143, _crossSellingPerformance.scss */
.crossSelling-giftCertificate > .row > .col-sm-4 {
  background-image: url("/Upload/Image/Banner/loader.svg");
  background-size: 152px;
  background-repeat: no-repeat;
  background-position-x: 15px;
  min-height: 220px;
}

/* line 151, _crossSellingPerformance.scss */
.crossSelling-product-group,
.crossSelling-performance-group,
.crossSelling-giftCertificate-group {
  padding-bottom: 20px;
}

/* line 157, _crossSellingPerformance.scss */
.cross-selling-go-next {
  clear: both;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  /* line 169, _crossSellingPerformance.scss */
  #crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product.col-md-6:nth-child(odd), #crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product.col-md-6:nth-child(even),
  #crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance.col-md-6:nth-child(odd),
  #crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance.col-md-6:nth-child(even),
  #crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product.col-md-6:nth-child(odd),
  #crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product.col-md-6:nth-child(even),
  #crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance.col-md-6:nth-child(odd),
  #crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance.col-md-6:nth-child(even) {
    padding: 0;
  }
  /* line 175, _crossSellingPerformance.scss */
  #crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div:last-child > .caption.collapse-group,
  #crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div:last-child > .caption.collapse-group,
  #crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div:last-child > .caption.collapse-group,
  #crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div:last-child > .caption.collapse-group {
    padding: 15px 0;
    margin-top: 15px;
  }
  /* line 181, _crossSellingPerformance.scss */
  #crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-product > .row > div:last-child .table.cross-selling.cross-selling-price-categories td.amount,
  #crossSellingContainer .inner-content .crossSelling-product-group .crossSelling-performance > .row > div:last-child .table.cross-selling.cross-selling-price-categories td.amount,
  #crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-product > .row > div:last-child .table.cross-selling.cross-selling-price-categories td.amount,
  #crossSellingContainer .inner-content .crossSelling-performance-group .crossSelling-performance > .row > div:last-child .table.cross-selling.cross-selling-price-categories td.amount {
    width: 70px;
  }
}
@media screen and (max-width: 991px) {
  /* line 195, _crossSellingPerformance.scss */
  #crossSellingContainer .inner-content .crossSelling-performance-group {
    -webkit-column-count: 1;
            column-count: 1;
  }
}
/* ==================================================================================================================================================================== */
/* Ticket Admission picker */
/* line 3, _ticketAdmission.scss */
.ticket-admission-picker > .header-info h4 {
  font-size: 30px;
  font-weight: bold;
  margin: 25px 0 30px 0;
  color: var(--primary-color);
}
/* line 8, _ticketAdmission.scss */
.ticket-admission-picker > .header-info h4 span {
  margin: 3px 0;
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: normal;
}
/* line 14, _ticketAdmission.scss */
.ticket-admission-picker > .header-info h4 span.performance-name2 {
  margin-top: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--performance-subtitle-color);
}
/* line 20, _ticketAdmission.scss */
.ticket-admission-picker > .header-info h4 span.performance-name3 {
  color: var(--light-text-color);
}
/* line 25, _ticketAdmission.scss */
.ticket-admission-picker > .header-info .performance-local {
  font-size: 24px;
  margin: 0 0 5px 0;
  color: var(--secondary-text-color);
}
/* line 30, _ticketAdmission.scss */
.ticket-admission-picker > .header-info .performance-date {
  font-size: 16px;
  color: var(--primary-color);
}
/* line 35, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
/* line 40, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .registerProgress .numberCircle:not(.progressPending),
.ticket-admission-picker > .bordered-block .registerProgress .numberCircle:not(.progressPending) ~ div {
  cursor: pointer;
}
/* line 45, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view {
  margin: auto;
  width: 756px;
}
/* line 48, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .when-completed {
  font-size: 14px;
  line-height: 44px;
  color: var(--primary-color);
}
/* line 53, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div {
  border: 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: unset;
}
/* line 57, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table {
  margin: auto;
}
/* line 60, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table thead tr:first-child {
  height: 80px;
}
/* line 62, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table thead tr:first-child th button {
  border-radius: 3px;
  border: 1px solid var(--primary-color);
}
/* line 65, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table thead tr:first-child th button:not(:hover) {
  background-color: unset;
  border: 1px solid var(--primary-color);
}
/* line 68, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table thead tr:first-child th button:not(:hover) * {
  color: var(--primary-color);
}
/* line 72, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table thead tr:first-child th button:hover {
  background-color: var(--primary-color);
}
/* line 74, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table thead tr:first-child th button:hover i,
.ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table thead tr:first-child th button:hover strong {
  color: var(--primary-button-text-color);
}
/* line 82, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table td {
  padding: 2px;
}
/* line 84, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table td button {
  border-radius: 3px;
  color: var(--primary-button-text-color);
  background-color: var(--primary-button-background-color);
}
/* line 88, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table td button[disabled] {
  color: #fff !important;
  background-color: #e5e5e5 !important;
  border: 1px solid var(--light-text-color);
}
/* line 98, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row {
  width: 100%;
}
/* line 101, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td {
  font-size: 14px;
}
/* line 103, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td:first-child {
  width: 42px;
}
/* line 106, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td:last-child {
  display: block;
  width: calc(100% - 42px);
}
/* line 110, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td ul.list-inline {
  margin-bottom: 2px;
}
/* line 112, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td ul.list-inline li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
  border-radius: var(--button-border-radius);
}
/* line 118, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td ul.list-inline li:focus-visible {
  outline: none;
}
/* line 121, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td ul.list-inline li button {
  width: 100%;
  color: var(--primary-button-text-color);
  background-color: var(--primary-button-background-color);
}
/* line 125, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td ul.list-inline li button:not(:hover) {
  background-color: unset;
  border: 2px solid var(--primary-color);
}
/* line 128, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td ul.list-inline li button:not(:hover) span {
  color: var(--secondary-text-color);
}
/* line 132, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td ul.list-inline li button:focus {
  outline: none;
}
/* line 135, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td ul.list-inline li button:hover {
  border-width: 2px;
}
/* line 147, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li {
  padding: 5px 0;
  border-bottom: 1px solid var(--border-color);
}
/* line 150, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li:first-child {
  padding-top: 20px;
  border-top: 1px solid var(--list-header-border-color);
}
/* line 154, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li > div {
  margin: 0;
  padding: 0;
  display: inline-block;
}
/* line 159, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .name {
  width: 60%;
}
/* line 162, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .price {
  width: calc(40% - 108px);
}
/* line 165, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .ticket-amount-picker {
  width: 100px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
/* line 168, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .ticket-amount-picker input {
  width: 80px;
  font-size: 16px;
  display: inline-block;
}
/* line 173, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .ticket-amount-picker [value="price.ticketAmount"] {
  width: 20px;
  display: inline-block;
}
/* line 176, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .ticket-amount-picker [value="price.ticketAmount"] button {
  padding: 0;
  width: 100%;
  height: 19px;
  display: block;
  font-size: 11px;
  border-radius: 0;
  line-height: 20px;
  color: var(--primary-button-text-color);
  background-color: var(--primary-button-background-color);
}
/* line 186, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .ticket-amount-picker [value="price.ticketAmount"] button i {
  line-height: inherit;
}
/* line 189, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .ticket-amount-picker [value="price.ticketAmount"] button:first-child {
  height: 21px;
  border-bottom: 1px solid var(--secondary-background-color);
}
/* line 202, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block.performance-info .performance-info-tab .nav.nav-tabs li {
  width: 100%;
}
/* line 204, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block.performance-info .performance-info-tab .nav.nav-tabs li a {
  font-size: 18px;
  text-align: center;
  border-radius: var(--radius);
  background-color: var(--button-background-color);
}
/* line 212, _ticketAdmission.scss */
.ticket-admission-picker > .bordered-block.performance-info .tab-content.performance .performance-reservation-info {
  padding: 25px 0 15px 0;
}

@media screen and (max-width: 991px) {
  /* line 222, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view {
    width: 100%;
  }

  /* line 227, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td:last-child {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  /* line 234, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .registerProgress {
    padding: 0;
  }
  /* line 238, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td ul.list-inline li {
    width: 100%;
    display: block;
  }
  /* line 241, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td ul.list-inline li:first-child {
    margin-bottom: 2px;
  }
  /* line 246, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row {
    width: 100%;
  }
  /* line 249, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td {
    font-size: 14px;
    display: block;
    width: 100%;
  }
  /* line 253, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-2.step-content table.time-definition-row tr td:first-child {
    margin: 10px 0 5px 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 266, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .when-completed {
    line-height: 24px;
  }
  /* line 270, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table th:nth-child(2) {
    padding: 0 2px;
  }
  /* line 273, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-1.step-content > div > table td button {
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  /* line 280, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: unset;
  }
  /* line 283, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .name {
    width: calc(100% - 140px);
  }
  /* line 286, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .price {
    width: 70px;
  }
  /* line 289, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .ticket-amount-picker {
    width: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  /* line 293, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .ticket-amount-picker input {
    margin: 0;
    width: 40px;
    height: 40px;
  }
  /* line 298, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .ticket-amount-picker [value="price.ticketAmount"] {
    width: 30px;
  }
  /* line 300, _ticketAdmission.scss */
  .ticket-admission-picker > .bordered-block .current-view .step-3.step-content ul.price-list li .ticket-amount-picker [value="price.ticketAmount"] button {
    margin: 0;
    width: 30px;
  }
}
/* ==================================================================================================================================================================== */
/* General padding & margin class's */
/* line 1, _padding_margin.scss */
.m-0 {
  margin: 0 !important;
}

/* line 5, _padding_margin.scss */
.m-1 {
  margin: 1rem !important;
}

/* line 9, _padding_margin.scss */
.m-2 {
  margin: 2rem !important;
}

/* line 13, _padding_margin.scss */
.m-3 {
  margin: 3rem !important;
}

/* line 17, _padding_margin.scss */
.m-4 {
  margin: 4rem !important;
}

/* line 21, _padding_margin.scss */
.m-5 {
  margin: 5rem !important;
}

/* line 25, _padding_margin.scss */
.mt-0 {
  margin-top: 0 !important;
}

/* line 28, _padding_margin.scss */
.mt-1 {
  margin-top: 1rem !important;
}

/* line 31, _padding_margin.scss */
.mt-2 {
  margin-top: 2rem !important;
}

/* line 34, _padding_margin.scss */
.mt-3 {
  margin-top: 3rem !important;
}

/* line 37, _padding_margin.scss */
.mt-4 {
  margin-top: 4rem !important;
}

/* line 40, _padding_margin.scss */
.mt-5 {
  margin-top: 5rem !important;
}

/* line 44, _padding_margin.scss */
.mb-0 {
  margin-bottom: 0 !important;
}

/* line 47, _padding_margin.scss */
.mb-1 {
  margin-bottom: 1rem !important;
}

/* line 50, _padding_margin.scss */
.mb-2 {
  margin-bottom: 2rem !important;
}

/* line 53, _padding_margin.scss */
.mb-3 {
  margin-bottom: 3rem !important;
}

/* line 56, _padding_margin.scss */
.mb-4 {
  margin-bottom: 4rem !important;
}

/* line 59, _padding_margin.scss */
.mb-5 {
  margin-bottom: 5rem !important;
}

/* line 62, _padding_margin.scss */
.mb-8 {
  margin-bottom: 8rem !important;
}

/* line 66, _padding_margin.scss */
.mr-0 {
  margin-right: 0 !important;
}

/* line 69, _padding_margin.scss */
.mr-1 {
  margin-right: 1rem !important;
}

/* line 72, _padding_margin.scss */
.mr-2 {
  margin-right: 2rem !important;
}

/* line 75, _padding_margin.scss */
.mr-3 {
  margin-right: 3rem !important;
}

/* line 78, _padding_margin.scss */
.mr-4 {
  margin-right: 4rem !important;
}

/* line 81, _padding_margin.scss */
.mr-5 {
  margin-right: 5rem !important;
}

/* line 85, _padding_margin.scss */
.ml-0 {
  margin-left: 0 !important;
}

/* line 88, _padding_margin.scss */
.ml-1 {
  margin-left: 1rem !important;
}

/* line 91, _padding_margin.scss */
.ml-2 {
  margin-left: 2rem !important;
}

/* line 94, _padding_margin.scss */
.ml-3 {
  margin-left: 3rem !important;
}

/* line 97, _padding_margin.scss */
.ml-4 {
  margin-left: 4rem !important;
}

/* line 100, _padding_margin.scss */
.ml-5 {
  margin-left: 5rem !important;
}

/* line 107, _padding_margin.scss */
.p-0 {
  padding: 0 !important;
}

/* line 111, _padding_margin.scss */
.p-1 {
  padding: 1rem !important;
}

/* line 115, _padding_margin.scss */
.p-2 {
  padding: 2rem !important;
}

/* line 119, _padding_margin.scss */
.p-3 {
  padding: 3rem !important;
}

/* line 123, _padding_margin.scss */
.p-4 {
  padding: 4rem !important;
}

/* line 127, _padding_margin.scss */
.p-5 {
  padding: 5rem !important;
}

/* line 131, _padding_margin.scss */
.pt-0 {
  padding-top: 0 !important;
}

/* line 134, _padding_margin.scss */
.pt-1 {
  padding-top: 1rem !important;
}

/* line 137, _padding_margin.scss */
.pt-2 {
  padding-top: 2rem !important;
}

/* line 140, _padding_margin.scss */
.pt-3 {
  padding-top: 3rem !important;
}

/* line 143, _padding_margin.scss */
.pt-4 {
  padding-top: 4rem !important;
}

/* line 146, _padding_margin.scss */
.pt-5 {
  padding-top: 5rem !important;
}

/* line 150, _padding_margin.scss */
.pb-0 {
  padding-bottom: 0 !important;
}

/* line 153, _padding_margin.scss */
.pb-1 {
  padding-bottom: 1rem !important;
}

/* line 156, _padding_margin.scss */
.pb-2 {
  padding-bottom: 2rem !important;
}

/* line 159, _padding_margin.scss */
.pb-3 {
  padding-bottom: 3rem !important;
}

/* line 162, _padding_margin.scss */
.pb-4 {
  padding-bottom: 4rem !important;
}

/* line 165, _padding_margin.scss */
.pb-5 {
  padding-bottom: 5rem !important;
}

/* line 168, _padding_margin.scss */
.pb-8 {
  padding-bottom: 8rem !important;
}

/* line 172, _padding_margin.scss */
.pr-0 {
  padding-right: 0 !important;
}

/* line 175, _padding_margin.scss */
.pr-1 {
  padding-right: 1rem !important;
}

/* line 178, _padding_margin.scss */
.pr-2 {
  padding-right: 2rem !important;
}

/* line 181, _padding_margin.scss */
.pr-3 {
  padding-right: 3rem !important;
}

/* line 184, _padding_margin.scss */
.pr-4 {
  padding-right: 4rem !important;
}

/* line 187, _padding_margin.scss */
.pr-5 {
  padding-right: 5rem !important;
}

/* line 191, _padding_margin.scss */
.pl-0 {
  padding-left: 0 !important;
}

/* line 194, _padding_margin.scss */
.pl-1 {
  padding-left: 1rem !important;
}

/* line 197, _padding_margin.scss */
.pl-2 {
  padding-left: 2rem !important;
}

/* line 200, _padding_margin.scss */
.pl-3 {
  padding-left: 3rem !important;
}

/* line 203, _padding_margin.scss */
.pl-4 {
  padding-left: 4rem !important;
}

/* line 206, _padding_margin.scss */
.pl-5 {
  padding-left: 5rem !important;
}

/* ==================================================================================================================================================================== */
/* Performance Calendar */
/* line 2, _performanceCalendar.scss */
.calendar .event-name {
  font-size: 30px;
  font-weight: bold;
  margin: 25px 0 0 0;
  color: var(--primary-color);
}
/* line 8, _performanceCalendar.scss */
.calendar .event-date {
  margin: 3px 0;
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: var(--primary-color);
}
/* line 16, _performanceCalendar.scss */
.calendar .event-local {
  font-size: 24px;
  margin-top: 20px;
  font-weight: normal;
  color: var(--secondary-text-color);
}
/* line 22, _performanceCalendar.scss */
.calendar .event-image img {
  width: 100%;
  border-radius: var(--radius);
}
/* line 27, _performanceCalendar.scss */
.calendar .inner-content.calendar .calendar-current-month,
.calendar .inner-content.calendar .mobile-calendar-current-month {
  padding: 0px 0px 14px 0px;
}
/* line 30, _performanceCalendar.scss */
.calendar .inner-content.calendar .calendar-current-month label.monthSelector,
.calendar .inner-content.calendar .mobile-calendar-current-month label.monthSelector {
  height: 40px;
  cursor: auto;
  font-size: 16px;
  line-height: 40px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
/* line 40, _performanceCalendar.scss */
.calendar .inner-content.calendar .calendar-current-month #monthSelector,
.calendar .inner-content.calendar .mobile-calendar-current-month #monthSelector {
  width: 300px;
  height: 40px;
  margin-top: 1em;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  border: 1px solid #d9d9d9;
}
/* line 49, _performanceCalendar.scss */
.calendar .inner-content.calendar .calendar-current-month #mobileMonthSelector,
.calendar .inner-content.calendar .mobile-calendar-current-month #mobileMonthSelector {
  margin-top: 1em;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  border: 1px solid #d9d9d9;
}
/* line 57, _performanceCalendar.scss */
.calendar .inner-content.calendar .date label.first {
  margin-top: 20px;
}
/* line 62, _performanceCalendar.scss */
.calendar .inner-content.calendar .date label {
  margin: 0px;
  padding: 0px 0px 2px 1px;
  text-align: left;
  line-height: 1em;
  cursor: auto;
  display: block;
  font-weight: bold;
  color: var(--primary-text-color);
  font-size: 16px;
}
/* line 75, _performanceCalendar.scss */
.calendar .inner-content.calendar .calendar th {
  font-size: 0.9em;
  text-transform: uppercase;
  background: var(--primary-background-color);
  color: var(--primary-text-color);
  font-weight: bold;
}
/* line 82, _performanceCalendar.scss */
.calendar .inner-content.calendar .calendar td {
  width: 14%;
  height: 60px;
  position: relative;
}
/* line 88, _performanceCalendar.scss */
.calendar .inner-content.calendar .calendar-item.btn-secondary,
.calendar .inner-content.calendar .calendar-item.btn-secondary:active,
.calendar .inner-content.calendar .calendar-item.btn-secondary:focus,
.calendar .inner-content.calendar .calendar-item.btn-secondary:hover {
  font-size: 12px;
  width: 100%;
  height: auto;
  line-height: initial;
  padding: 5px;
  font-weight: bold;
  border-radius: 3px;
  color: var(--primary-text-color);
  background: #fff !important;
}
/* line 102, _performanceCalendar.scss */
.calendar .inner-content.calendar .calendar-item.btn-secondary:hover {
  color: var(--primary-button-text-color);
  background: var(--primary-button-background-color) !important;
}
/* line 106, _performanceCalendar.scss */
.calendar .inner-content.calendar .calendar-item.btn-secondary .name2 {
  display: block;
}
/* line 109, _performanceCalendar.scss */
.calendar .inner-content.calendar .date.other-month {
  background: var(--secondary-background-color);
}
/* line 113, _performanceCalendar.scss */
.calendar .inner-content.calendar table.calendar {
  color: var(--primary-text-color);
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
/* line 118, _performanceCalendar.scss */
.calendar .inner-content.calendar table.calendar th {
  text-align: center;
}
/* line 120, _performanceCalendar.scss */
.calendar .inner-content.calendar table.calendar tr {
  background-color: var(--secondary-background-color) !important;
}
/* line 125, _performanceCalendar.scss */
.calendar .inner-content.calendar ul.mobile-calendar {
  padding: 10px;
  display: inline-block;
  width: 100%;
}
/* line 131, _performanceCalendar.scss */
.calendar .inner-content.calendar #mobile-calendar-pagination {
  display: inline-block !important;
  width: 100%;
}
/* line 136, _performanceCalendar.scss */
.calendar .inner-content.calendar ul.mobile-calendar li:first-child {
  border-bottom: none;
}
/* line 140, _performanceCalendar.scss */
.calendar .inner-content.calendar ul.mobile-calendar li {
  border-bottom: 1px solid var(--border-color);
  display: block;
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 9px;
  height: 3.2em;
}
/* line 150, _performanceCalendar.scss */
.calendar .inner-content.calendar li.other-month {
  color: var(--light-text-color);
}

@media (min-width: 476px) and (max-width: 991px) {
  /* line 157, _performanceCalendar.scss */
  .calendar .event-image img {
    max-width: 293px;
  }
}
@media (min-width: 768px) {
  /* line 163, _performanceCalendar.scss */
  .calendar-item {
    float: left;
    clear: both;
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  /* line 171, _performanceCalendar.scss */
  .calendar-item.btn-secondary,
  .calendar-item.btn-secondary:hover {
    width: 100% !important;
    height: auto !important;
    max-width: 350px;
  }

  /* line 178, _performanceCalendar.scss */
  .calendar-current-month {
    display: none;
  }
}
@supports (-webkit-appearance: none) {
  /* line 184, _performanceCalendar.scss */
  .calendar .inner-content.calendar .mobile-calendar-current-month #mobileMonthSelector {
    padding-left: 34%;
    text-align: left;
  }
}
/* ==================================================================================================================================================================== */
/* Breadcrumb Navigation */
/* line 1, _breadcrumbNavigation.scss */
.breadcrumb-navigation {
  padding: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  line-height: 28px;
  position: relative;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  margin: 19px 15px 30px 0 !important;
}
/* line 9, _breadcrumbNavigation.scss */
.breadcrumb-navigation a,
.breadcrumb-navigation span {
  height: inherit;
  display: inherit;
  line-height: inherit;
  position: relative;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  margin: 0 15px 0 0;
  color: var(--primary-text-color) !important;
}
/* line 19, _breadcrumbNavigation.scss */
.breadcrumb-navigation a:hover {
  color: var(--primary-text-color);
}
/* line 22, _breadcrumbNavigation.scss */
.breadcrumb-navigation > a:first-child {
  margin-right: 0px;
}
/* line 24, _breadcrumbNavigation.scss */
.breadcrumb-navigation > a:first-child span {
  margin: 0;
}
/* line 28, _breadcrumbNavigation.scss */
.breadcrumb-navigation .glyphicon {
  top: 0;
  left: 0;
  margin: 0;
  width: 12px;
  min-width: 12px;
  position: relative;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
/* line 36, _breadcrumbNavigation.scss */
.breadcrumb-navigation .glyphicon::after, .breadcrumb-navigation .glyphicon::before {
  content: "";
  width: 0;
  height: 0;
  top: calc(100% - 22px);
  position: absolute;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
/* line 48, _breadcrumbNavigation.scss */
.breadcrumb-navigation .glyphicon::before {
  left: 0px;
  border-left: 8px solid var(--primary-color);
}
/* line 52, _breadcrumbNavigation.scss */
.breadcrumb-navigation .glyphicon::after {
  left: 3px;
  border-left: 8px solid var(--primary-background-color);
}
/* line 56, _breadcrumbNavigation.scss */
.breadcrumb-navigation .glyphicon + span, .breadcrumb-navigation .glyphicon + a {
  margin-left: 13px;
}
/* line 61, _breadcrumbNavigation.scss */
.breadcrumb-navigation > span.my-account, .breadcrumb-navigation > span.order-confirmation, .breadcrumb-navigation > span.my-account *, .breadcrumb-navigation > span.order-confirmation * {
  font-weight: bold;
  color: var(--primary-color) !important;
}
/* line 68, _breadcrumbNavigation.scss */
.breadcrumb-navigation > span:nth-child(4) span, .breadcrumb-navigation > span:nth-child(5) span,
.breadcrumb-navigation > span > span span:not(.ng-hide):last-of-type {
  font-weight: bold;
  color: var(--primary-color) !important;
}
/* line 74, _breadcrumbNavigation.scss */
.breadcrumb-navigation > span:has(span.glyphicon:first-child) {
  padding-left: 15px;
}

@media (max-width: 991px) {
  /* line 81, _breadcrumbNavigation.scss */
  .breadcrumb-hidemobile {
    display: none !important;
  }
}
@media (max-width: 767px) {
  /* line 87, _breadcrumbNavigation.scss */
  .breadcrumb-navigation {
    height: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
/* ==================================================================================================================================================================== */
/* Products page */
/* line 3, _products.scss */
#shopContainer ul li .product-image {
  height: 100%;
  max-height: 250px;
  width: auto;
  max-width: 100%;
}
/* line 9, _products.scss */
#shopContainer ul li select {
  padding-left: 10px;
}
/* line 13, _products.scss */
#shopContainer ul li table thead tr {
  border-bottom: 1px solid var(--list-header-border-color);
}
/* line 15, _products.scss */
#shopContainer ul li table thead tr th {
  border: 0;
}
/* line 19, _products.scss */
#shopContainer ul li table tbody > tr:first-child td {
  border-top: 0;
}
/* line 25, _products.scss */
#shopContainer .product-definition-page .product-definition-name {
  font-size: 30px;
  color: var(--primary-color);
}

@media screen and (min-width: 992px) {
  /* line 34, _products.scss */
  #shopContainer ul li.col-md-6 {
    width: calc(50% - 7.5px);
  }
  /* line 36, _products.scss */
  #shopContainer ul li.col-md-6:nth-child(odd) {
    margin-right: 7.5px;
  }
  /* line 39, _products.scss */
  #shopContainer ul li.col-md-6:nth-child(even) {
    margin-left: 7.5px;
  }
}
@media screen and (max-width: 576px) {
  /* line 47, _products.scss */
  #shopContainer .media-list li.bordered-block {
    padding: 15px 5px;
  }
}
/* ==================================================================================================================================================================== */
/* Header cart summary block */
/* line 1, _cartSummary.scss */
#basket-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
/* line 5, _cartSummary.scss */
#basket-wrapper #cart-summary-modal {
  position: absolute;
  top: 52px;
  right: 1px;
  width: 470px;
  z-index: 900;
  text-align: left;
}
/* line 12, _cartSummary.scss */
#basket-wrapper #cart-summary-modal > div {
  color: var(--primary-text-color);
  border: 1px solid var(--border-color);
  background-color: var(--secondary-background-color);
  padding: 15px 15px 25px 15px;
  border-radius: var(--radius);
}
/* line 18, _cartSummary.scss */
#basket-wrapper #cart-summary-modal > div #toparrow {
  width: 20px;
  height: 20px;
  top: -10px;
  right: 15px;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  position: absolute;
  border-top: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
  background-color: var(--secondary-background-color);
}
/* line 29, _cartSummary.scss */
#basket-wrapper #cart-summary-modal > div .btn-primary {
  width: 100% !important;
}
/* line 32, _cartSummary.scss */
#basket-wrapper #cart-summary-modal > div hr {
  border: 0;
  height: 1px;
  margin: 15px 0;
  background-color: var(--border-color);
}
/* line 40, _cartSummary.scss */
#basket-wrapper #cart-summary-button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
/* line 45, _cartSummary.scss */
#basket-wrapper #cart-summary-button svg path,
#basket-wrapper #cart-summary-button svg circle {
  stroke: transparent;
  fill: var(--basket-color);
}
/* line 50, _cartSummary.scss */
#basket-wrapper #cart-summary-button svg line,
#basket-wrapper #cart-summary-button svg polyline {
  fill: transparent;
  stroke: var(--basket-color);
}
/* line 56, _cartSummary.scss */
#basket-wrapper #cart-summary-button span.basket-item-count {
  bottom: 0;
  right: -5px;
  position: absolute;
  color: var(--basket-items-count-color);
  background-color: var(--basket-items-count-bgcolor);
  border: 0;
  padding: 0;
  height: 20px;
  min-width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
}

/* line 73, _cartSummary.scss */
#basket-details {
  margin-right: 20px;
}
/* line 76, _cartSummary.scss */
#basket-details #cart-button img {
  max-width: 32px;
  max-height: 32px;
}
/* line 80, _cartSummary.scss */
#basket-details #cart-button .basket-item-count {
  bottom: -5px;
  right: -13px;
  position: absolute;
  color: var(--basket-items-count-color);
  background-color: var(--basket-items-count-bgcolor);
  border: 0;
  padding: 0;
  height: 20px;
  min-width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  font-family: Arial, sans-serif;
}

@media screen and (max-width: 767px) {
  /* line 99, _cartSummary.scss */
  #basket-wrapper {
    position: inherit;
  }
  /* line 101, _cartSummary.scss */
  #basket-wrapper #cart-summary-modal {
    width: auto;
    left: 15px;
    right: 15px;
  }
}
/* ==================================================================================================================================================================== */
/* Gutschein page */
/* line 4, _giftCertificate.scss */
.inner-content.gift-certificate li.gift-certificate .thumbnail h1 {
  margin: 0 0 20px 0;
}
/* line 9, _giftCertificate.scss */
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group input,
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group select,
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group input::-webkit-input-placeholder {
  font-size: 16px;
}
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group input,
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group select,
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group input:-ms-input-placeholder {
  font-size: 16px;
}
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group input,
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group select,
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group input::-ms-input-placeholder {
  font-size: 16px;
}
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group input,
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group select,
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group input::placeholder {
  font-size: 16px;
}
/* line 14, _giftCertificate.scss */
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group select,
.inner-content.gift-certificate li.gift-certificate .thumbnail form.giftcertificate-form .form-group button {
  vertical-align: middle;
}
/* line 20, _giftCertificate.scss */
.inner-content.gift-certificate li.gift-certificate .thumbnail .giftCertificateItem-description a {
  color: var(--primary-color);
}

@media screen and (min-width: 992px) and (max-width: 1294px) {
  /* line 33, _giftCertificate.scss */
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group input,
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group select,
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group .input-group-addon,
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group input::-webkit-input-placeholder {
    font-size: 1.25rem;
  }
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group input,
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group select,
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group .input-group-addon,
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group input:-ms-input-placeholder {
    font-size: 1.25rem;
  }
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group input,
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group select,
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group .input-group-addon,
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group input::-ms-input-placeholder {
    font-size: 1.25rem;
  }
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group input,
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group select,
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group .input-group-addon,
  .inner-content.gift-certificate li.gift-certificate .thumbnail .row > div form.giftcertificate-form .form-group input::placeholder {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 48, _giftCertificate.scss */
  .inner-content.gift-certificate form.giftcertificate-form .form-group label {
    margin-bottom: 5px;
  }
  /* line 51, _giftCertificate.scss */
  .inner-content.gift-certificate form.giftcertificate-form .form-group .action {
    margin-top: 25px;
  }
}
/* ==================================================================================================================================================================== */
/* Packages page */
/* line 3, _packages.scss */
#packageContainer .package-item {
  overflow: visible;
  float: left;
  overflow-wrap: break-word;
  font-size: 12px;
}
/* line 9, _packages.scss */
#packageContainer .package-item.ticket {
  margin-left: 20px;
}
/* line 13, _packages.scss */
#packageContainer .package-title {
  margin: 25px 0;
  font-size: 30px;
  color: var(--primary-color);
}
/* line 18, _packages.scss */
#packageContainer .package-info {
  margin: 20px 0;
}
/* line 20, _packages.scss */
#packageContainer .package-info p {
  margin-bottom: 20px;
}
/* line 24, _packages.scss */
#packageContainer ul.package-item-options {
  margin: 20px 0;
}
/* line 26, _packages.scss */
#packageContainer ul.package-item-options li {
  min-height: auto;
  clear: both;
  margin-left: 30px;
}
/* line 30, _packages.scss */
#packageContainer ul.package-item-options li > label {
  padding-left: 28px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* line 34, _packages.scss */
#packageContainer ul.package-item-options li > label > * {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
/* line 37, _packages.scss */
#packageContainer ul.package-item-options li > label > .date {
  min-width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* line 40, _packages.scss */
#packageContainer ul.package-item-options li > label > .date > span {
  line-height: initial;
}
/* line 42, _packages.scss */
#packageContainer ul.package-item-options li > label > .date > span.day {
  font-weight: 600;
  padding: 0 3px;
}
/* line 48, _packages.scss */
#packageContainer ul.package-item-options li > label input {
  margin: 0;
  position: absolute;
  left: 0;
  top: 4px;
}
/* line 53, _packages.scss */
#packageContainer ul.package-item-options li > label input::before {
  width: 8px;
  height: 8px;
  top: 2.5px;
  position: absolute;
}
/* line 59, _packages.scss */
#packageContainer ul.package-item-options li > label input[type="radio"]::before {
  top: 2.5px;
}
/* line 62, _packages.scss */
#packageContainer ul.package-item-options li > label input[type="checkbox"]::before {
  top: 4px;
}
/* line 66, _packages.scss */
#packageContainer ul.package-item-options li > label .name {
  position: relative;
  padding-left: 14px;
  height: 100%;
  margin-top: 3px;
}
/* line 71, _packages.scss */
#packageContainer ul.package-item-options li > label .name p {
  line-height: 1em;
  white-space: pre-wrap;
  margin-bottom: 4px;
}
/* line 80, _packages.scss */
#packageContainer ul.package-item-discount span.name {
  width: 140px;
  display: block;
  float: left;
}
/* line 85, _packages.scss */
#packageContainer .alert.package-booking-help {
  margin-top: 10px;
}
/* line 88, _packages.scss */
#packageContainer .package-booking-help h5 {
  line-height: 14px;
  margin-bottom: 4px;
  margin-top: 20px;
}
/* line 93, _packages.scss */
#packageContainer .package-step {
  font-size: 0.65em;
  font-weight: bold;
}
/* line 96, _packages.scss */
#packageContainer .package-step::before {
  content: "(";
}
/* line 99, _packages.scss */
#packageContainer .package-step::after {
  content: ")";
}
/* line 103, _packages.scss */
#packageContainer .package-description {
  white-space: pre-wrap;
}
/* line 106, _packages.scss */
#packageContainer .start-hidden {
  display: none;
}

@media (max-width: 991px) {
  /* line 113, _packages.scss */
  #packageContainer .package-details > div:last-child {
    margin: 0 15px;
  }
  /* line 116, _packages.scss */
  #packageContainer ul.package-item-options li {
    margin-left: 0;
  }
}
@media (max-width: 576px) {
  /* line 123, _packages.scss */
  #packageContainer ul.package-item-options li {
    margin-left: 0;
  }
  /* line 125, _packages.scss */
  #packageContainer ul.package-item-options li label {
    display: block;
  }
  /* line 129, _packages.scss */
  #packageContainer ul.package-item-options li > label .date {
    display: inline-block;
  }
  /* line 132, _packages.scss */
  #packageContainer ul.package-item-options li > label .name {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 137, _packages.scss */
  #packageContainer ul.package-item-options li > label input {
    margin-left: 0;
  }
}
/* ==================================================================================================================================================================== */
/* Main object page (Event Page) */
/* line 2, _ticketLanding.scss */
#shopContainer .main-object .event-name {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 40px 0;
  color: var(--primary-color);
}
/* line 7, _ticketLanding.scss */
#shopContainer .main-object .event-name span {
  margin: 3px 0;
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: normal;
}
/* line 13, _ticketLanding.scss */
#shopContainer .main-object .event-name span.event-name2 {
  margin-top: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--performance-subtitle-color);
}
/* line 23, _ticketLanding.scss */
#shopContainer .main-object .event-details .event-info .image-container {
  padding: 0;
  overflow: hidden;
}
/* line 26, _ticketLanding.scss */
#shopContainer .main-object .event-details .event-info .image-container img {
  width: 100%;
  max-width: 400px;
}
/* line 32, _ticketLanding.scss */
#shopContainer .main-object .event-details .event-info .location-and-date .event-local {
  font-size: 24px;
  margin: 0 0 5px 0;
  word-break: break-word;
  color: var(--secondary-text-color);
}
/* line 38, _ticketLanding.scss */
#shopContainer .main-object .event-details .event-info .location-and-date .event-date {
  font-size: 16px;
  color: var(--primary-color);
}
/* line 44, _ticketLanding.scss */
#shopContainer .main-object .event-details .event-description > .bordered-block {
  padding: 30px;
}

@media screen and (max-width: 767px) {
  /* line 54, _ticketLanding.scss */
  #shopContainer .main-object .event-details .event-description {
    padding: 0;
    margin-top: 15px;
  }
}
@media screen and (max-width: 576px) {
  /* line 67, _ticketLanding.scss */
  #shopContainer .main-object .event-details .event-info .image-container {
    margin: 0 -16px;
    border-radius: 0 !important;
  }
  /* line 70, _ticketLanding.scss */
  #shopContainer .main-object .event-details .event-info .image-container img {
    width: 100%;
    max-width: 100%;
  }
  /* line 75, _ticketLanding.scss */
  #shopContainer .main-object .event-details .event-info .location-and-date {
    padding: 20px 15px;
    -webkit-backdrop-filter: blur(5.2px);
            backdrop-filter: blur(5.2px);
    border-radius: 16px !important;
    border: 1px solid var(--border-color) !important;
    background: rgba(255, 255, 255, 0.56) !important;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
  }
  /* line 76, _ticketLanding.scss */
  #shopContainer .main-object .event-details .event-info .location-and-date.has-image {
    margin-top: -90px;
  }
  /* line 87, _ticketLanding.scss */
  #shopContainer .main-object .event-details .event-description > .bordered-block {
    padding: 15px;
  }
}
/* ================================================================ */
/* ================================================================ */
/*    This is a generated file, please DO NOT MODIFY IT DIRECTLY    */
/* ================================================================ */
/* ================================================================ */