.seatingPlanContainer
{
	position:relative;
	height:	400px;
	/*overflow:hidden;*/
}
.seat_plan_body_css
{
    margin: 0px;
    border: 0px;
    background-color:#F5F5F5;
    /*width:1px;
    min-width:100%;*/
    position:absolute;
    top:0;
    bottom:0;
    left:10px;
    left:1vh;
    right:10px;
    right:1vh;
    direction:ltr;
}
body.dir-RTL #seats,
body.dir-RTL #seats *
{
   direction:ltr;
}
#mapKeyboardGuide 
{
	display: none;
}
#bgImage
{
	position:absolute;
}
.seat_plan_body_css #stage,
.seat_plan_body_css #stage.custom-image
{
	
}
.seat_plan_body_css #stage img,
.seat_plan_body_css #stage.custom-image img
{
	width:100%;
	max-height:18px;
}
.seat_plan_body_css div.label
{
    /*z-index:-1;*/
    font-family:Consolas, monospace;
    font-weight: bold;
    position:absolute;
    font-size: 100%;
    direction:ltr;
}
.seat_plan_body_css div.label div{
    transform-origin:0 0;
}
div.seat_plan_body_css.label div
{
    white-space:nowrap;
    float:right;
}
.seat_plan_body_css .staticObject
{
    position:absolute;
    white-space:nowrap;
}
.seat_plan_body_css #seats
{
    overflow: hidden;
}
.seat_plan_body_css #seats .seat
{
    position:absolute;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    -o-transform-origin:0 0;
    /*border-radius:20% 20% 20% 20%;*/
}
.seat-tooltip
{
    text-align:center;
}
.seat-tooltip img
{
    max-width:120px;
    max-height:90px;
}
/*
.seat-tooltip>div {
    max-height: 180px;
    overflow: hidden;
}*/
.seat-tooltip .descr
{
    margin-bottom:10px;
}
.seat-tooltip .label
{
    margin-right:3px;
}
.seat-tooltip .label:after
{
    content:':';
}
.seat-tooltip .number
{
    margin-right:15px;
    font-weight:bold;
}
.seat-tooltip .seat.number
{
    margin-right:auto;
}
.seat-tooltip .info
{
    margin: 0 15px 0 15px;
}
/*
.seat_plan_body_css #stage
{
 	position: relative;
    width:100%;
    z-index: 1;
    margin-bottom:5px;
}

.seat_plan_body_css #stage.custom-image
{
    width:100%;
}

.seat_plan_body_css #stage.custom-image img
{
    height:0.66cm;
    width:100%;
}
*/

.stageTOP
{
	height:18px;
	background-image: url('../style/base.css/Images/hall/stage_top.gif');
	background-repeat:repeat-x;
	width:100%;
	top:0px;
	left:-2px;
}

.stageLEFT
{
	height:100%;
	background-image: url('../style/base.css/Images/hall/stage_left.gif');
	width:18px;
	left:0px;
	top:-1px;
}

.stageBOTTOM
{
	height:18px;
	background-image: url('../style/base.css/Images/hall/stage_bottom.gif');
	width:100%;
	bottom:0px;
	left:-2px;
}

.stageRIGHT
{
	height:100%;
	background-image: url('../style/base.css/Images/hall/stage_right.gif');
	width:18px;
	right:0px;
	top:-1px;
}
.seat.a
{
	background-image: url('../style/base.css/images/hall/a.png');
}
.seat.c
{
	background-image: url('../style/base.css/images/hall/c.png');
}
.seat.o
{
	background-image: url('../style/base.css/images/hall/o.png');
}
.seat.s-i
{
    background-image: url('../style/images/hall/ai.png');
}
.seatIE8
{
	background-image:none!important;
}

#positionButtonDiv{
	background: rgba(0, 0, 0, 0.1);	
	color:#FFFFFF;
	padding: 8px;
	text-align: center;
	position:absolute;
	top: 40px;
	left: 0.5em;
	border-radius: 10px;
	cursor:move;
}
/*
#positionButtonDiv>*:first-child
{
	display:inline-block;
}
#positionButtonDiv>*
{
	margin: auto;
	display: block;
  	margin-top:1em;
}
#positionButtonDiv .positionButtonSpan img{
	float: right;
	border:0;
}

.positionMapClass area{
	cursor: pointer;
}

.zoomButton{
	border:0;
	cursor: pointer;
	float: right;
	clear: both;
	margin-bottom: 0.3em;
}*/
body>#positionButtonDiv
{
	display:none;
}
#positionButtonDiv button[class|='button']
{
    background-image: url('../style/images/ui-icons_222222_256x240.png');
    width: 16px;
  	
    height: 16px;
  	
    display: block;
  	text-indent: -99999px;
  	overflow: hidden;
  	background-repeat: no-repeat;
}
#positionButtonDiv button[class|=button-zoom]
{
	margin-left: auto;
	margin-right: auto;
}
#positionButtonDiv>.pan,
#positionButtonDiv > .zoom > button
{
	border: 1px solid rgba(0,0,0, 0.5);
	margin-bottom: 6px;
	cursor:pointer;
}
#positionButtonDiv .zoom-level
{
	display:none;
}
#positionButtonDiv button.button-zoom-in
{
    background-position:-16px -128px;
}
#positionButtonDiv button.button-zoom-out
{
    background-position: -48px -128px;
}
/* lock dir{{ */
#positionButtonDiv>.pan
{
	float:left;
	border-radius:50%;
	width: 32px;
	height: 32px;
	text-align:center;
	background-image: url('../style/images/pan.png');
	background-size: 28px 28px;
	background-position: 2px 2px;
	background-repeat: no-repeat;
}
#positionButtonDiv>.pan>button[class|=button-pan]
{
	float:left;
	margin-top: -5px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform:rotate(45deg);
	transform-origin: 0 0;
	background-image: none;
	background-color:transparent;
	border:0;
}
#positionButtonDiv>.pan>button.button-pan-up
{
	  background-position: -112px -32px;
	  position:relative;
	  left: 50%;
	  /* top:3px; */
	  margin-top: -7px;
	  border-top-left-radius: 89%;
}

#positionButtonDiv>.pan>button.button-pan-left
{
	  background-position: -80px -32px;
	  clear:left;
	  position:relative;
	  /* top:-3px; */
	  left: 4px;
	  /* transform-origin: 50% 50%; */
	  border-bottom-left-radius: 89%;
}
#positionButtonDiv>.pan>button.button-pan-right
{
	  background-position: -16px -32px;
	  position:relative;
	  /* top:-3px; */
	  /* transform-origin: 50% 50%; */
	  left: 12px;
	  border-top-right-radius: 89%;
}
#positionButtonDiv>.pan>button.button-pan-down
{
	  background-position: -48px -32px;
	  clear:left;
	  position:relative;
	  left: 50%;
	  /* top:-9px; */
	  margin-top: -4px;
	  margin-left: 0px;
	  border-bottom-right-radius: 89%;
}
/* }} */


/*------- Seating Plan -----------*/
.seat_plan_body_css
{
    background:none;
}
#seats .seat,
#seats	.seatName
{
    position:absolute;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    -o-transform-origin:0 0;
    background-size: cover;
    /*border-radius:20% 20% 20% 20%;*/
}
#seats	.seatName{
	font-size:9px;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
}

#seats .label
{
    position:absolute;
    transform-origin: top left;
}
.seat_plan_body_css #stage.custom-image img 
{
	width: 100%;
}
.seat_plan_body_css .staticObject
{
    position:absolute;
    white-space:nowrap;
}
#mapKeyboardGuide 
{
	display: none;
}
/*------- seat tooltip -----------*/
.seat-tooltip
{
    text-align:left;
}
.seat-tooltip img
{
    max-width:120px;
    max-height:120px;
}
.seat-tooltip .label
{
    margin-right:0.2em;
}
.seat-tooltip .number
{
    margin-right:1.5em;
}

.seat.a
{
	background-image: url('../style/flowbase.css/images/hall/a.png');
	
}
.seat.c
{
	background-image: url('../style/flowbase.css/images/hall/c.png');
}
.seat.o
{
	background-image: url('../style/flowbase.css/images/hall/o.png');
}
@media screen and (max-width:780px)
{
	#positionButtonDiv
	{
		display:none;
	}
	.seat.c
	{
		border-radius: 6px;
	}

	.selectedSeatsMarker
	{
		position: absolute;
		z-index: 10;
		background: url('../style/flowbase.css/images/selectedSeatIndicator.png') no-repeat center center;
		background-size: 20px 20px;
	}

}
.seat.ms-fix-backgroundSize
{
    -ms-behavior:initial;
}
.selectTickets .tickets {
  border-collapse: separate;
  border-spacing: 3px;
  display: inline-block;
  width: 100%;
}
.selectTickets .emptyMessage {
  display: none;
}
.selectTickets .header {
  display: none;
  /*padding:0.5em;*/
  font-weight: 800;
  font-size: 1.02em;
}
.selectTickets.mode-grouped .header {
  display: block;
}
/*
.selectTickets .tickets{
    display:inline-table;
}
.selectTickets .tickets>*
{
    display:table-row;
}
.selectTickets .tickets>*>*
{
    display:table-cell;
}
.selectTickets .price
{
    width:2em;
}
.selectTickets .row {
    margin: 0.5em 0;
}
.selectTickets label
{
    white-space:nowrap;
}
*/

.selectTickets label {
  max-width: 8em;
  font-weight: 800;
  font-size: 1.02em;
}
.selectTickets .row .count {
  width: 1.5em;
}
/*
.selectTickets .row.unassigned .seat:before
{
    content:'[select]';
}
.selectTickets .row .op-remove:before
{
    content:'[-]';
}*/

.selectTickets .row .op-add:before {
  content: '[Add]';
}
.selectTickets .row.unassigned .op-remove,
.selectTickets .row .op-add {
  display: none;
}
.selectTickets .row.unassigned .op-add {
  display: inline-block;
}
.selectTickets > .priceLevels,
.selectTickets > .areas {
  margin-bottom: 1em;
}
.selectTickets.mode-grouped .row .op-add,
.selectTickets.mode-grouped .row .op-remove {
  display: none;
}
.selectTickets.mode-BestAvailable .row.unassigned .seat {
  visibility: hidden;
}
.selectTickets.mode-GeneralAdmission .row.unassigned .seat,
.selectTickets.mode-GeneralAdmission .seat,
.selectTickets.mode-GeneralAdmission .priceLevels,
.selectTickets.mode-SelectedSeats .priceLevels,
.selectTickets.mode-GeneralAdmission .clickActionChoice {
  display: none;
}
.selectTickets .row.template {
  display: none;
}
.selectTickets .count {
  display: none;
}
.selectTickets.mode-grouped .count {
  display: inline-block;
}
/**/
.selectTickets .tickets > .row {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  margin-bottom: 0.2em;
  background-color: White;
  padding: 0.5em;
}
.selectTickets .row.unassigned {
  -webkit-border-bottom-radius: 0;
  -moz-border-radius-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: solid 0.2em gray;
}
/*.selectTickets .row .priceTypes,
.selectTickets .row .priceType
{
    float:left;
    margin-right:1em;
    margin-bottom:0.33em;
}*/

.selectTickets .row .priceLevels {
  float: right;
}
.selectTickets .row .seat {
  float: left;
  clear: left;
}
.selectTickets .row .ops,
.selectTickets .row .price,
.selectTickets .row .total,
.selectTickets .row .icons,
.selectTickets .header .ops,
.selectTickets .header .price,
.selectTickets .header .total,
.selectTickets .header .icons {
  float: right;
  margin-left: 0.5em;
}
.selectTickets.mode-grouped .row .total,
.selectTickets.mode-grouped .header .ops {
  width: 4em;
}
.selectTickets.mode-grouped .row .price,
.selectTickets.mode-grouped .row .total,
.selectTickets.mode-grouped .header .price {
  width: 7em;
}
.selectTickets.mode-grouped .header .total {
  width: 6em;
}
.selectTickets.mode-grouped .row .price,
.selectTickets.mode-grouped .header .price {
  text-align: right;
}
.selectTickets .row .total {
  display: none;
}
.selectTickets.mode-grouped .row .total:before {
  content: ' = ';
}
.selectTickets.mode-grouped .row .price:after {
  content: ' * ';
}
.selectTickets.mode-grouped .row .total {
  display: block;
}
.selectTickets .summary {
  float: right;
}
.selectTickets .summary .total {
  font-size: x-large;
}
.selectTickets .clickActionChoice {
  display: inline-block;
}
.selectTickets .row.loading {
  background-color: Red;
}
.selectTickets .row .ajax-refreshing {
  background-size: 1.2em;
}
.selectTickets .buttonsContainer {
  clear: both;
}
.selectTickets .buttonsContainer .button > a {
  min-width: 100px;
}
/* Settings for options.commonPriceLevel */

.selectTickets .row .priceLevel {
  display: none;
}
.selectTickets .header .priceLevel {
  display: none;
}
/*
.selectTickets.mode-grouped>.priceLevels
{
    display:block;
}*/

/* Settings for offline mode when grouped */

.selectTickets.mode-grouped .row .seat {
  display: none;
}
/* disable adding tickets directrly */

.selectTickets .row.unassigned .op-add,
.selectTickets .row.unassigned .priceLevels {
  display: none !important;
}
/* hide all movement options */

.selectTickets .clickActionChoice {
  display: none;
}
.selectTickets .buttonsContainer {
  margin: auto;
}
.selectTickets .countTickets {
  display: inline-block;
  margin-right: 1em;
}
.selectTickets .errorMessage {
  display: none;
  color: #cd0a0a;
  padding: 0.7em;
  background: url('../style/base.css/images/ui-bg_inset-soft_95_fef1ec_1x100.png') repeat-x scroll 50% bottom #fef1ec;
  border: 1px solid #cd0a0a;
  float: left;
}
.selectTickets .errorMessage .ui-icon {
  float: left;
  background-image: url('../style/base.css/images/small_alert.png');
}
.selectTickets #selAreaName {
  display: none;
}
.selectTickets .row .listPrice {
  display: none;
}



.button.small_button_a.viewSeatingPlan
{
	display: none;
}

.enrollForAutoRenewPrompt
{
    float:left;
}

@media screen and (max-width:780px)
{
	.button.small_button_a.viewSeatingPlan
	{
		display:inherit;
	}

	.button.small_button_a.viewSeatingPlan:not(.disabled)
	{
		background-color: Transparent;
		color: Blue;
		text-decoration: underline;
		font-size: small;
		min-width: 0;
		/*position:absolute;*/
		text-shadow: transparent 0.1em 0.1em 0.5em;
		box-shadow: inset 0 0 1em transparent;
		/*display: inline-block;*/
		float: left;
		margin-left: 4px;
		padding-left: 1px;
		margin-top: 0px;
		background-image: url('../style/flowbase.css/images/stadium.png');
		background-repeat: no-repeat;
		background-size: 52px 41px;
		width: 170px;
		height: 26px;
		background-position: top left;
		box-sizing:content-box;
	}
	.button.small_button_a.viewSeatingPlan.disabled
	{
		display: none;
	}

	#btnViewSeatingPlan.noViewSeatingPlan
	{
		visibility:hidden !important;
	}
	.selectTickets .buttonsContainer
	{
	    margin-bottom: 40px !important;
	}

}
.seatingPlanContainer
{
	position:relative;
	height:	400px;
	/*overflow:hidden;*/
}
.seat_plan_body_css
{
    margin: 0px;
    border: 0px;
    background-color:#F5F5F5;
    /*width:1px;
    min-width:100%;*/
    position:absolute;
    top:0;
    bottom:0;
    left:10px;
    left:1vh;
    right:10px;
    right:1vh;
    direction:ltr;
}
body.dir-RTL #seats,
body.dir-RTL #seats *
{
   direction:ltr;
}
#mapKeyboardGuide 
{
	display: none;
}
#bgImage
{
	position:absolute;
}
.seat_plan_body_css #stage,
.seat_plan_body_css #stage.custom-image
{
	
}
.seat_plan_body_css #stage img,
.seat_plan_body_css #stage.custom-image img
{
	width:100%;
	max-height:18px;
}
.seat_plan_body_css div.label
{
    /*z-index:-1;*/
    font-family:Consolas, monospace;
    font-weight: bold;
    position:absolute;
    font-size: 100%;
    direction:ltr;
}
.seat_plan_body_css div.label div{
    transform-origin:0 0;
}
div.seat_plan_body_css.label div
{
    white-space:nowrap;
    float:right;
}
.seat_plan_body_css .staticObject
{
    position:absolute;
    white-space:nowrap;
}
.seat_plan_body_css #seats
{
    overflow: hidden;
}
.seat_plan_body_css #seats .seat
{
    position:absolute;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    -o-transform-origin:0 0;
    /*border-radius:20% 20% 20% 20%;*/
}
.seat-tooltip
{
    text-align:center;
}
.seat-tooltip img
{
    max-width:120px;
    max-height:90px;
}
/*
.seat-tooltip>div {
    max-height: 180px;
    overflow: hidden;
}*/
.seat-tooltip .descr
{
    margin-bottom:10px;
}
.seat-tooltip .label
{
    margin-right:3px;
}
.seat-tooltip .label:after
{
    content:':';
}
.seat-tooltip .number
{
    margin-right:15px;
    font-weight:bold;
}
.seat-tooltip .seat.number
{
    margin-right:auto;
}
.seat-tooltip .info
{
    margin: 0 15px 0 15px;
}
/*
.seat_plan_body_css #stage
{
 	position: relative;
    width:100%;
    z-index: 1;
    margin-bottom:5px;
}

.seat_plan_body_css #stage.custom-image
{
    width:100%;
}

.seat_plan_body_css #stage.custom-image img
{
    height:0.66cm;
    width:100%;
}
*/

.stageTOP
{
	height:18px;
	background-image: url('../style/base.css/Images/hall/stage_top.gif');
	background-repeat:repeat-x;
	width:100%;
	top:0px;
	left:-2px;
}

.stageLEFT
{
	height:100%;
	background-image: url('../style/base.css/Images/hall/stage_left.gif');
	width:18px;
	left:0px;
	top:-1px;
}

.stageBOTTOM
{
	height:18px;
	background-image: url('../style/base.css/Images/hall/stage_bottom.gif');
	width:100%;
	bottom:0px;
	left:-2px;
}

.stageRIGHT
{
	height:100%;
	background-image: url('../style/base.css/Images/hall/stage_right.gif');
	width:18px;
	right:0px;
	top:-1px;
}
.seat.a
{
	background-image: url('../style/base.css/images/hall/a.png');
}
.seat.c
{
	background-image: url('../style/base.css/images/hall/c.png');
}
.seat.o
{
	background-image: url('../style/base.css/images/hall/o.png');
}
.seat.s-i
{
    background-image: url('../style/images/hall/ai.png');
}
.seatIE8
{
	background-image:none!important;
}

#positionButtonDiv{
	background: rgba(0, 0, 0, 0.1);	
	color:#FFFFFF;
	padding: 8px;
	text-align: center;
	position:absolute;
	top: 40px;
	left: 0.5em;
	border-radius: 10px;
	cursor:move;
}
/*
#positionButtonDiv>*:first-child
{
	display:inline-block;
}
#positionButtonDiv>*
{
	margin: auto;
	display: block;
  	margin-top:1em;
}
#positionButtonDiv .positionButtonSpan img{
	float: right;
	border:0;
}

.positionMapClass area{
	cursor: pointer;
}

.zoomButton{
	border:0;
	cursor: pointer;
	float: right;
	clear: both;
	margin-bottom: 0.3em;
}*/
body>#positionButtonDiv
{
	display:none;
}
#positionButtonDiv button[class|='button']
{
    background-image: url('../style/images/ui-icons_222222_256x240.png');
    width: 16px;
  	
    height: 16px;
  	
    display: block;
  	text-indent: -99999px;
  	overflow: hidden;
  	background-repeat: no-repeat;
}
#positionButtonDiv button[class|=button-zoom]
{
	margin-left: auto;
	margin-right: auto;
}
#positionButtonDiv>.pan,
#positionButtonDiv > .zoom > button
{
	border: 1px solid rgba(0,0,0, 0.5);
	margin-bottom: 6px;
	cursor:pointer;
}
#positionButtonDiv .zoom-level
{
	display:none;
}
#positionButtonDiv button.button-zoom-in
{
    background-position:-16px -128px;
}
#positionButtonDiv button.button-zoom-out
{
    background-position: -48px -128px;
}
/* lock dir{{ */
#positionButtonDiv>.pan
{
	float:left;
	border-radius:50%;
	width: 32px;
	height: 32px;
	text-align:center;
	background-image: url('../style/images/pan.png');
	background-size: 28px 28px;
	background-position: 2px 2px;
	background-repeat: no-repeat;
}
#positionButtonDiv>.pan>button[class|=button-pan]
{
	float:left;
	margin-top: -5px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform:rotate(45deg);
	transform-origin: 0 0;
	background-image: none;
	background-color:transparent;
	border:0;
}
#positionButtonDiv>.pan>button.button-pan-up
{
	  background-position: -112px -32px;
	  position:relative;
	  left: 50%;
	  /* top:3px; */
	  margin-top: -7px;
	  border-top-left-radius: 89%;
}

#positionButtonDiv>.pan>button.button-pan-left
{
	  background-position: -80px -32px;
	  clear:left;
	  position:relative;
	  /* top:-3px; */
	  left: 4px;
	  /* transform-origin: 50% 50%; */
	  border-bottom-left-radius: 89%;
}
#positionButtonDiv>.pan>button.button-pan-right
{
	  background-position: -16px -32px;
	  position:relative;
	  /* top:-3px; */
	  /* transform-origin: 50% 50%; */
	  left: 12px;
	  border-top-right-radius: 89%;
}
#positionButtonDiv>.pan>button.button-pan-down
{
	  background-position: -48px -32px;
	  clear:left;
	  position:relative;
	  left: 50%;
	  /* top:-9px; */
	  margin-top: -4px;
	  margin-left: 0px;
	  border-bottom-right-radius: 89%;
}
/* }} */


.seatsPlanViewFrame
{
	position:absolute;
	background-color:#F8F8FF;
	border: #5777A9 1px solid;
	display:inherit;
	margin-left: 4px;
	
}
.seatsPlanViewFrame>.seatingPlanContainer
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:auto;
	widows:auto;
}
.ui-dialog.seatingPlanViewDialog .ui-dialog-content
{
	padding: 0px;
}

.disableZoom
{
	background-color: gray;
	opacity: 0.2;
}

#ZoomPlus
{
	cursor: pointer;
	position: absolute;
	height:26px;
	width:26px;
	background: url('../style/images/hall/PLUS2.gif') no-repeat center center;
	border:1px solid black;
	margin-top: 2px;
	left: 33px;
	z-index: 10000;
}
#ZoomMinus
{
	cursor: pointer;
	position: absolute;
	height:20px;
	width:20px;
	background: url('../style/images/hall/MINUS2.gif') no-repeat center center;
	border:1px solid black;
	margin-top: 5px;
	left: 7px;
	z-index: 10000;
}

#ReloadMap
{
	cursor: pointer;
	position: absolute;
	height:26px;
	width:26px;
	background: url('../style/images/hall/reloadMap.png') no-repeat center center;
	border:1px solid black;
	margin-top: 2px;
	left: 68px;
	z-index: 10000;
	border-radius: 14px;
}

.ui-dialog.seatingPlanViewDialog 
{
	overflow: scroll !important;
	left: 0 !important;
	position: fixed !important;
	top: 0 !important;
	width: 100% !important;
}

.ui-dialog.seatingPlanViewDialog .ui-dialog-title
{
	margin-left: 42px;
	height: 33px;
}


@media screen and (max-width:780px)
{
	.ui-dialog-buttonset
	{
		width: 100%;
		margin-top:-8px;
	}
	
	.ui-dialog-buttonset button
	{
		width: 100%;
	}
	
	.ui-dialog 
	{
		float:left;
	}
	

}

/*-------Seating Plan Viewer-----------*/


#HelpDeskRequestPanel {
  background-color: white;
  border-radius: 5px;
  margin: 0 0 1em;
  padding: 1em;
}
#HelpDeskRequestPanel > span {
  display: block;
  padding: 0.5em;
  border-radius: 5px;
}
#HelpDeskRequestPanel > span + span {
  margin-top: 0.5em;
}
#HelpDeskRequestPanel .ui-icon {
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 0.3em;
}
#HelpDeskRequestPanel a {
  display: inline-block;
  font-weight: bold;
}
@media only screen and (max-width: 780px) {
  #HelpDeskRequestPanel a {
    display: inline;
  }
}
#eventPage .eventTitle {
  display: block;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 7em;
  align-content: flex-start;
  margin-bottom: 3px;
  padding: 5px 20px 0 20px;
}
#eventPage .eventTitle .productImages {
  flex: 1 1 100%;
  margin-right: 1em;
}
#eventPage .eventTitle .productName,
#eventPage .eventTitle .productInfo {
  flex: 1 1 auto;
  max-height: 1.5em;
}
#eventPage .eventTitle .details {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#eventPage .eventTitle img.medium_image {
  display: inline-block;
}
#eventPage .eventTitle h2 {
  margin: 0;
}
@media screen and (max-width: 780px) {
  #eventPage .eventTitle {
    position: relative;
    padding: 5px 5px 5px 5px;
    font-size: 10pt;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    margin: 0px;
    min-height: 100px;
    display: block;
  }
  #eventPage .eventTitle .productDate {
    display: block;
    margin: 0;
    border-bottom: 1px solid #cccccc;
  }
  #eventPage .eventTitle .productDate H2 {
    display: inline-block;
    padding: 0 0.1em;
    margin: 0;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
  }
  #eventPage .eventTitle .productName {
    font-size: 11pt;
  }
  #eventPage .eventTitle .productImages {
    max-width: 35%;
    margin-top: 0.3em;
    float: left;
  }
  #eventPage .eventTitle .details {
    /*white-space:normal;*/
    width: 60%;
    padding-bottom: 2px;
    /*height: 100%;
  		    position: absolute;*/
    margin: 0;
    display: inline-block;
  }
  #eventPage .eventTitle .details .previewFull {
    float: left;
    margin-top: 32px;
    margin-left: 10px;
  }
}
/*------- Event Page -----------*/

.screen-Event2_aspx .screen-content {
  background-color: inherit;
}
#eventPage .tabsWrapper {
  display: block;
  padding: 0 0.5em 0 0.5em;
  margin-bottom: 0.2em;
}
#eventPage .tabsWrapper > * {
  margin: 0.5em 0 0.5em 0;
}
#eventPage .tabsWrapper .tab {
  display: inline-block;
  /* line-height: 15px; */
  cursor: pointer;
  border-right: 1px solid white;
  padding: 0 15px;
  font-size: 12pt;
}
#eventPage .tabsWrapper .tab.selected {
  cursor: default;
}
#eventPage .tabsWrapper .tab:first-child {
  padding-left: 0;
}
#eventPage .tabsWrapper .tab:last-child {
  border-right: none;
}
#eventPage .tabsWrapper .tab:hover {
  color: #97c0ff;
}
#eventPage .tabsWrapper .tab.selected,
.filterWrapper .tabsWrapper .tab.selected:hover {
  color: #5777a9;
  font-weight: bold;
}
#eventPage .content {
  border-collapse: separate;
  border-spacing: 0.2em;
  display: table;
  width: 100%;
}
#eventPage .eventAllocation {
  display: table-cell;
  background-color: #f3f3f3;
  width: 65%;
  padding: 1em;
}
#eventPage .venueAreas {
  display: inline-table;
  width: 50%;
  float: left;
}
#eventPage.seated .venueAreas {
  margin-bottom: 1em;
}
#eventPage #autoChoose {
  display: inline-block;
  float: left;
  margin-left: 2em;
}
.nonSeatedAreaPriceTypeEntry > DIV,
.priceTypesHeaders > DIV {
  display: inline-block;
  vertical-align: middle;
}
.nonSeatedAreaPriceTypeEntry,
.priceTypesHeaders {
  margin-bottom: 0.5em;
  padding-left: 0.5em;
}
.backToVenueAreas {
  min-width: inherit !important;
  padding: 0.2em 0.3em !important;
  font-weight: inherit;
  font-weight: normal !important;
  font-size: 1em !important;
}
#eventPage .eventAllocation h2,
#eventPage .eventAllocation .name,
#eventPage .eventAllocation .hallName {
  display: none;
}
.mapTooltip .name {
  font-weight: bold;
  font-size: 1.2em;
}
.mapTooltip .name SPAN {
  font-size: 0.8em;
  font-weight: normal;
  padding: 0 0.2em;
}
.mapTooltip .mapText {
  float: left;
}
.mapTooltip .vfaContainer {
  float: right;
}
.mapTooltip .vfa {
  width: 200px;
}
#eventPage .priceTypeSelection {
  background-color: White;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 1em;
  margin: 1em;
}
#eventPage .priceTypes {
  border-collapse: separate;
  border-spacing: 1em;
  max-width: 215px;
}
#eventPage #basketControlContainer {
  vertical-align: top;
  display: table-cell;
  background-color: #f3f3f3;
  padding: 1em;
  width: 34%;
}
/*.screen-content
{
    background-color:Transparent;
    float:left;
}*/

#eventPage #basket {
  float: right;
  min-height: 298px;
  padding: 0 1em 0 1em;
  width: 390px;
}
#eventPage #ticketsPane {
  display: inline-block;
  width: 100%;
  min-height: 40em;
  position: relative;
  padding: 1em;
  box-sizing: border-box;
}
#eventPage #content {
  width: 100%;
}
#eventPage.seated #content {
  display: table;
}
#eventPage.seated #content > div {
  display: table-cell;
}
#eventPage.seated #ticketsPane {
  width: 242px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em;
  vertical-align: top;
}
#eventPage.seated #ticketsPane .btnHallMap {
  text-align: center;
  margin-bottom: 1em;
}
#eventPage .venueAreas {
  display: inline-table;
  float: right;
  width: auto;
}
#eventPage.hallMap .venueAreas {
  float: none;
}
#eventPage .btnHallMap {
  display: none;
}
#eventPage .venueAreas ~ .selectTickets .btnHallMap {
  display: inline-block;
  float: left;
}
#eventPage.seated .venueAreas ~ .selectTickets {
  padding-top: 50px;
  position: relative;
  float: left;
  width: 100%;
}
#eventPage.seated .venueAreas ~ .selectTickets .btnHallMap {
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
}
#eventPage.non-seated .venueAreas,
#eventPage.seated .venueAreas {
  margin-top: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
}
#eventPage.non-seated .selectTickets {
  margin: 1em 4em;
}
/*#eventPage .vfaParent
{
    height:auto !important; 
}*/

#eventPage .venueAreas .captionContainer,
#eventPage .venueAreas .areaInfo,
#eventPage .venueAreas .productNameContainer {
  display: none;
}
#eventPage .venueAreas .imageContainerRow {
  padding: 0;
}
#eventPage .areaInfo .hallName,
#eventPage.hallMap #selectedAreaInfo {
  display: none;
}
#eventPage .venueAreas .areaInfo TD {
  padding: 0.5em;
}
#eventPage .seatingPlanContainer {
  height: 423px;
  min-width: 480px;
  background-color: #f3f3f3;
}
#leftPane {
  padding: 1em;
}
#eventPage .venueAreas .venueAreasContainerRow {
  padding: 0;
}
#eventPage .tooltip-venue-mafnify {
  border-radius: 0;
  box-shadow: none;
  /*outline:none;*/
  border-style: none;
}
.legends {
  display: none;
}
.hallMap .legends {
  display: inline-block;
  display: initial;
}
.hallMap .venuMapLegend {
  float: right;
  margin: 6px;
  padding: 0.5em;
  border: solid 0.1em black;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  background-color: White;
}
.hallMap .venuMapLegend.none span.fh-switch {
  display: none;
}
.venuMapLegend .areaAvail {
  float: left;
  clear: left;
  margin: 6.5em 1.5em;
}
.venuMapLegend SPAN {
  float: left;
  margin: 0.4em 1.5em;
}
#basketControlContainer .SeatNote_caption,
#basketControlContainer .SeatNote_value,
#basketControlContainer .FullPrice_caption,
#basketControlContainer .FullPrice_value,
#basketControlContainer .TotalPrice_caption,
#basketControlContainer .TotalPrice_value,
#basketControlContainer .StartDate_caption,
#basketControlContainer .StartDate_value,
#basketControlContainer .EndDate_caption,
#basketControlContainer .EndDate_value,
#basketControlContainer .GetStatusColumn_caption,
#basketControlContainer .GetStatusColumn_value,
#basketControlContainer .MembershipNumber_caption,
#basketControlContainer .MembershipNumber_value,
#basketControlContainer .ClientId_caption,
#basketControlContainer .ClientId_value {
  display: none;
}
#basketControlContainer .addCouponCtl {
  float: none;
}
#basketControlContainer .basketTotals {
  float: inherit;
  text-align: right;
}
/*#eventPage #basketControlContainer
{
	background: #FFFFFF;
	padding: 15px 15px;
	margin: 6px 3%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}*/

.reservedSeats .name {
  color: #5777a9;
  font-size: 1.5em;
  margin-bottom: 0.3em;
}
.reservedSeats .seatsPlanContainer {
  border-top: solid 1px gray;
}
.descr .number {
  font-weight: bold;
}
.cell,
.itemsDataContainer,
.extras,
.itemsDateRange,
.item_image {
  display: inline-block;
  margin-right: 20px;
}
.cell,
.extras,
.itemsDateRange {
  vertical-align: middle;
}
#legend {
  background-color: White;
  padding: 1em;
  margin: 1em 0;
  border-radius: 5px;
}
#legend .title {
  font-weight: bold;
  font-size: 1.2em;
}
#legend img + span,
#legend .title {
  margin-right: 2em;
}
#legend .pricelevel-image-container {
  white-space: nowrap;
}
.button.small_button_b A,
.button.small_button_b A:hover {
  background: none;
  box-shadow: none;
  text-shadow: none;
  color: Blue;
  font-size: 9pt;
}
.button.small_button_b A::before {
  content: '<<';
}
#seatsPlanControlButtons .imageButton {
  float: right;
  margin-left: 0.2em;
  cursor: pointer;
  border: none;
}
#seatsPlanControlButtons .imageButton.refresh {
  margin-left: 1em;
}
@media screen and (max-width: 780px) {
  #eventPage #ticketsPane {
    min-height: 0;
    padding: 5px;
    margin-top: 7px;
  }
  #eventPage #ticketsPane select {
    width: 100%;
  }
  #eventPage.non-seated .selectTickets {
    margin: 0.1em 0.1em;
    margin-top: 0px;
  }
  .hallMap .venuMapLegend {
    top: -39px;
    left: 0;
    right: auto;
    padding: 2px;
    float: left;
    width: 96%;
  }
  .hallMap .venuMapLegend.none span.fh-switch {
    display: inline-block;
  }
  .hallMap .venuMapLegend H2 {
    font-size: 15px;
    margin: 0;
    /*display: inline-block; */
  
  }
  #eventPage .venueAreas ~ .selectTickets .btnHallMap {
    background-color: transparent;
    color: blue;
    font-size: 10px;
    text-decoration: underline;
    margin-left: 0px;
    padding-top: 0px;
    margin-top: 0px;
  }
  #eventPage.non-seated .venueAreas,
  .non-seated #leftPane {
    display: none;
  }
  .non-seated .mode-BestAvailable {
    padding-top: 30px;
  }
  .non-seated .btnHallMap A {
    position: absolute;
    top: 0;
    left: 0;
    background-color: Transparent !important;
    color: Blue;
    text-decoration: underline;
    font-size: small;
    min-width: 0;
  }
  .non-seated .btnHallMap A::before {
    content: '<<';
  }
  .non-seated .proceed {
    width: 100%;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    text-align: center;
  }
  .non-seated .proceed A {
    width: 95%;
  }
  #eventPage .venueAreas area/*To fix bug (Scrolling not work if the finger point on the <Area> itself)*/ {
    display: block;
  }
  #eventPage.hallMap #selectedAreaInfo {
    display: block;
  }
}
#eventPage.hallMap #HelpDeskRequestPanel {
  display: inline-block;
}

.statusText
{
	padding-top:10px;
	font-weight:bold;
}
.seatsPlanLoader
{
	display:block;
}
img.hallSeatingLegend
{
    width: 2em;
}

#imgLegendMySelection
{
	border: 1px blue solid;
	margin: -1px;
	border-style: inset;
}
.seatsPlanLoader
{
	display: block;
    position: absolute;
    width: 100%;
    right: auto;
}
/*------- Venue Areas -----------*/

img.view_from_area {
  max-width: 200px;
  max-height: 200px;
}
.fh-switch {
  display: none;
}
.eventTitle .missing {
  display: none;
}
.venueImageTooltip .areaName {
  font-weight: bold;
}
.areaAvail {
  display: inline-block;
  cursor: pointer;
  width: 10px;
  height: 10px;
  font-size: 1px;
  border: solid 2px black;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}
.venueAreas .areaAvail {
  position: absolute;
}
.venueAreas .areaAvail.none,
.venueAreas .areaAvail:not(.button) {
  display: none;
}
.areaAvail.green {
  background-color: Green;
}
.areaAvail.yellow {
  background-color: Yellow;
}
.areaAvail.red {
  background-color: Red;
}
.areas-filter-panel__qty-wrapper .currency-symbol,
.areas-filter-panel__min-sum-wrapper .currency-symbol,
.areas-filter-panel__max-sum-wrapper .currency-symbol {
  margin: 0.3em;
}
.areas-filter-panel__min-sum-input,
.areas-filter-panel__max-sum-input {
  min-width: 4em;
  max-width: 5em;
}
.areas-filter-panel__price-range {
  width: 9em;
  display: inline-block;
  margin-left: 1em;
  margin-right: 1em;
}
.areas-filter-panel__price-range-slider-range {
  background-color: rgba(9, 239, 0, 0.2);
}
.areas-filter-panel input.ui-spinner-input[type=number] {
  -moz-appearance: textfield;
}
area {
  visibility: hidden;
  border-width: 1px;
}
.areas-map:not(.gauge-type-border) area {
  border-color: red;
  border-style: none;
  
}
.areas-map:not(.gauge-type-border) area.avail-green {
  background-color: rgba(9, 239, 0, 0.2);
}
.areas-map:not(.gauge-type-border) area.avail-yellow {
  background-color: rgba(255, 199, 0, 0.2);
}
.areas-map:not(.gauge-type-border) area.avail-red {
  background-color: rgba(255, 0, 0, 0.2);
}
.areas-map:not(.gauge-type-border) area[data-isSelected=true] {
  background-color: rgba(0, 0, 255, 0.2);
}
.areas-map:not(.gauge-type-border) area.avail-blocked {
  background-color: rgba(0, 0, 0, 0.2);
}
.areas-map:not(.gauge-type-border) area.avail-soldout {
  background-color: rgba(0, 0, 0, 0.2);
}
.areas-map:not(.gauge-type-border) area.avail-filter-no-match {
  background-color: rgba(0, 0, 0, 0.2);
}
.areas-map.gauge-type-border area {
  
}
.areas-map.gauge-type-border area.avail-green {
  border-color: rgba(9, 239, 0, 0.2);
  border-style: solid;
}
.areas-map.gauge-type-border area.avail-yellow {
  border-color: rgba(255, 199, 0, 0.2);
  border-style: solid;
}
.areas-map.gauge-type-border area.avail-red {
  border-color: rgba(255, 0, 0, 0.2);
  border-style: solid;
}
.areas-map.gauge-type-border area[data-isSelected=true] {
  border-color: rgba(0, 0, 255, 0.2);
  border-style: solid;
}
.areas-map.gauge-type-border area.avail-blocked {
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
}
.areas-map.gauge-type-border area.avail-soldout {
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
}
.areas-map.gauge-type-border area.avail-filter-no-match {
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
}

/*-------  Products -----------*/
.productName
{
	/*
	color:#5777A9;
	font-size:1.5em;
	margin-bottom:0.3em;
*/
	font-size: 130%;
    font-weight: bold;
	display: block;
	color: #5777A9;
	text-decoration: none;
	word-break: break-word;
}
.productData
{
	padding:1em;
}
.productDescription
{
	font-size:1.2em;
	margin-bottom:0.3em;
	word-break: break-word;
}
.productImages .item_image.small,
.productImages .item_image.large
{
	display:none;
}
.productData .medium_image_container, .productData .item_image
{
	float:left;
	
}
.productData .medium_image_container .item_medium_image, .productData .item_image
{
	height: auto;
    width: auto;
    margin-right: 0.5em;
    max-height: 9em;
    max-width: 9em;
}
.showInfoSmall .item_medium_image
{
	width:15em;
}
.productInfo .buttonsContainer
{
	clear:both;
}

.largeImage IMG
{
	width: 200px;
}

.ui-dialog .item_big_image
{
	max-width:50em;
}
.productInfo.item_data_background
{
	background-color:White;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 1em 1em;
}

@media screen and (max-width:780px)
{
	.productName
	{
		padding-left: 15px;
		margin: 17px;
	}
	.productData .medium_image_container .item_medium_image, .productData .item_image
	{
		float:none;
	}
	.buttonsContainer .button.small_button_b
	{
		position:absolute;
		top:0;
		left:0;
		width:auto;
		white-space:nowrap;
	}
	.buttonsContainer .button.small_button_b A
	{
		background-color: Transparent!important;
		color: Blue;
		text-decoration: underline;
		font-size: small;
		background: none;
		box-shadow: none;
		text-shadow: none;
		padding:0.1em;
		min-width:0;
	}
	.buttonsContainer .button.small_button_b A::before
	{
		content:'<<';
	}
	#group_Header + DIV
	{
		position:relative;
	}
	.general_caption
	{
		margin-top:20px;
	}
}
.enrollForAutoRenewPrompt span.help
{
    background-position: -48px -144px;
    background-image: url('../style/flowbase.css/images/ui-icons_222222_256x240.png');
    width: 16px;
    height: 16px;
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    
    position:relative;
    top:3px;
    border:1px black solid;
    border-radius:50%;
}




.timer-tooltip .timerMessage
{
    padding:initial;
    border:none;
    background:none;
}
#CountDown .graphicCountdownHolder 
{
    height:auto;
    width:auto;
    border:none;
}
.qtip.timer-tooltip
{
    background-color: #FAF5A1;
    border-radius: 3px;
    /*border-top-left-radius:0;*/
    border: 1px solid #E9C47F;
}
.timer-tooltip .qtip-content
{
    padding: 0.3em 0 0 0.5em;
}

@media only screen and (max-width: 780px) 
{
	.timer-tooltip .qtip-content .timerMessage .idCountDown
	{
		font-weight: bold;
	}
	
}
.graphicCountdownHolder
{
	display:none;
}
.CountDownRemainingTimeTitle
{
	display:inline-block;
}
.timerMessage
{
	color:black;
	background-color:#FAF5A1;
	padding:3px;
	border-radius:5px;
}
.CancelTransFromTimer 
{
	background-color:Transparent;
	display: inline-block;
	padding: 0 2px;
	border-radius: 10px;
	text-decoration:underline;
}
.CancelTransFromTimer label
{
	cursor:pointer;
}

@media only screen and (max-width: 780px) 
{
	.CancelTransFromTimer 
	{
		/*display:none;*/
	}
	.pageSectionContainer .CountDownRemainingTimeTitle:nth-child(2) 
	{
		float:right;
		margin-right:5px;
		margin-top: -25px;
		/*position: absolute;*/
		height: 21px;
		float: left;
	}
}
/*
	+-----------------------------------------------------------------------------------------------------------------+
	| Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg !  |
	+-----------------------------------------------------------------------------------------------------------------+ 
*/
/*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/

/*ATTENTION: override only via config files!*/

@keyframes blinkTitle {
  from {
    color: silver;
  }
  to {
    color: #404041;
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.iCalButton:before {
  font-family: FontAwesome;
  content: '\f271';
  padding-right: 0.5em;
}




.promoBox {
  /*background-color:#e6e6e6;*/
  padding: 0.5em;
  border: 1px dashed rgba(0, 0, 0, 0.3);
  position: relative;
  border-radius: 0.5em;
  margin-top: 0.55em;
  display: -webkit-flex;
  display: flex;
  align-items: baseline;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /*.description{
        margin-left:@label-width;
        padding:@padding;
    }*/

}
.promoBox:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  content: "\f0c4";
  position: absolute;
  top: calc(0.55em * -1);
  right: 0.55em;
  font-size: 1.5em;
}
.promoBox > div {
  width: 100%;
  -webkit-order: -1;
  order: -1;
}
.promoBox label {
  box-sizing: border-box;
  /*flex: 1;*/
  min-width: 8em;
  font-weight: bold;
  font-size: 1.1em;
}
.promoBox input {
  -webkit-flex: 2;
  flex: 2;
  min-width: 5em;
  box-sizing: border-box;
}
.promoBox input + button {
  color: white;
  background-color: #1b6597;
  margin-left: 0.3em;
  padding: calc(0.3em + 2px);
  -webkit-flex: 0 auto;
  flex: 0 auto;
  white-space: nowrap;
}
.promoBox input + button:disabled {
  background-color: #d1dae0;
  color: #999999;
}
.promoBox > * {
  padding: 0.3em;
}
.promoBox .number {
  display: inline-block;
  border: 1px #cccccc solid;
  background-color: #e6e6e6;
  border-radius: 0.3em;
  white-space: nowrap;
}
.promoBox .number button {
  background-color: inherit;
}
.promoBox .number button:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00d";
}

/*
	+-----------------------------------------------------------------------------------------------------------------+
	| Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg !  |
	+-----------------------------------------------------------------------------------------------------------------+ 
*/
/*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/

/*ATTENTION: override only via config files!*/

@keyframes blinkTitle {
  from {
    color: silver;
  }
  to {
    color: #404041;
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.seat_plan_body_css {
  background-color: #e6e6e6;
  padding: 0;
}
.seat_plan_body_css #stage,
.seat_plan_body_css #stage.custom-image {
  max-height: 20px;
  max-width: calc(100% - 176px);
  margin: 0 auto 15px;
}
.seat_plan_body_css #stage img,
.seat_plan_body_css #stage.custom-image img {
  text-align: center;
  width: 100%;
  height: auto;
  max-height: 25px;
  max-width: 100%;
}
.seat-tooltip .descr {
  margin-bottom: 0;
  font-size: 1.4rem;
}
.seat-tooltip div.descr + img {
  display: none;
}
.seat-tooltip .seatInstruct {
  display: inline-block;
  padding-top: 1em;
}
.seat-tooltip .row.number {
  margin-right: 0.5em;
}
.seat-tooltip .row.number:after {
  content: ';';
}
.seat-tooltip .number {
  font-weight: normal;
}
.seat-tooltip .priceLevel-info {
  border-top: 1px #cccccc solid;
  padding: 0.3em;
  margin-top: 0.3em;
}
.qtip.seat-tooltip {
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}
@media only screen and (max-width: 780px) {
  .qtip.seat-tooltip {
    z-index: 2 !important;
  }
}
.seat-tooltip .seat.legend-icon {
  display: inline-block;
  height: 15px;
  width: 15px;
  margin-right: 0.5em;
  background-image: url('../style/flowtheatre.css/images/Event4/ticketIcon.png');
  background-size: contain;
  -ms-behavior: url('../style/ie/backgroundsize.htc');
}
.seat-tooltip .buttons-container {
  display: flex;
  min-width: 9em;
}
.seat-tooltip .buttons-container > * {
  flex: 1 1 50%;
  /*border:1px solid @widget-borderColor;*/
  white-space: nowrap;
}
.seat-tooltip .buttons-container #toggleSelection {
  background-color: #cb2b19;
  color: white;
}
.qtip.moveSeatsTip {
  font-size: 1.4rem;
  padding: 0.5em;
}
.seat {
  transition: background-color 0.4s;
}
.seat.a,
.seat.o,
.seat.c {
  background-image: url('../style/flowtheatre.css/images/seat.png');
  background-repeat: no-repeat;
}
.seat.a.s-i,
.seat.o.s-i,
.seat.c.s-i {
  background-image: url('../style/images/hall/ai.png'), url('../style/flowtheatre.css/images/seat.png');
}
.seat.a.oldSelection,
.seat.o.oldSelection,
.seat.c.oldSelection {
  border: 1px dotted red;
}
.seat.a,
.seat.c {
  cursor: pointer;
}
.seat.o {
  background-image: url('../style/flowtheatre.css/images/seat-o.png');
  background-color: transparent !important;
}
.selectedSeatsMarker {
  background-image: url('../style/flowtheatre.css/images/locationMarker.png');
  background-size: contain;
  -ms-behavior: url('../style/ie/backgroundsize.min.htc');
  cursor: pointer;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 10;
  margin-top: 0px;
  background-position: center;
}
#positionButtonDiv {
  font-size: 1.2rem;
  background-color: transparent;
  opacity: 0.65;
  display: block;
  color: inherit;
  z-index: 2;
  top: -36px;
  /*max-width: 80px;*/
  background-image: url('../style/flowtheatre.css/images/event4/pan-zoom.png');
  background-repeat: no-repeat;
  /*background-size: 80px 117px;*/
  /*width: 80px;
    height: 117px;*/
  box-sizing: border-box;
  direction: ltr;
}
#positionButtonDiv > div {
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.6em;
}
#positionButtonDiv button[class|='button'] {
  background: none;
  text-indent: inherit;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
#positionButtonDiv button.button-zoom-in:before {
  content: "\f00e";
}
#positionButtonDiv button.button-zoom-out:before {
  content: "\f010";
}
#positionButtonDiv button[class|='button'],
#positionButtonDiv .zoom-level {
  display: inline;
  margin: 0;
}
@media screen and (min-width: 781px) {
  #positionButtonDiv .zoom-level {
    font-size: 8px;
  }
}
#positionButtonDiv > .zoom > button {
  border: none;
}
/* lock dir {{*/

#positionButtonDiv > .pan {
  border: none;
  box-shadow: none;
  float: none;
  margin-left: 0.1em;
  /*margin-right: auto;
    margin-top: 38px;*/

}
/* }} */

.seat_plan_body_css #stage {
  -ms-behavior: url('../style/ie/backgroundsize.min.htc');
  vertical-align: bottom;
  width: calc(100% - 127px * 2);
  /*margin-bottom: 1em;*/
  box-sizing: border-box;
  margin: auto;
}
#stage > * {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover, contain;
  margin-top: auto;
}
/* lock dir {{*/

/*
html.csstransforms #stage>*
{
	position:absolute;
	left:50%;
	bottom:0;
	transform: translate(-50%, 0);
}*/

/* }} */

#stage.stageTOP {
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: contain;
  background-position: 50% 100%;
}
#seats {
  padding-top: 15px;
}
#stage .alt {
  display: none !important;
}
#eventPage.seated #content #mapKeyboardGuide {
  color: black;
  border: 1px solid #f1d031;
  background-color: #ffffa3;
  height: auto;
  display: none;
  float: left;
  width: 100%;
  margin-top: -38px;
}
@media only screen and (max-width: 780px) {
  #eventPage.seated #content #mapKeyboardGuide {
    margin-top: 0px;
  }
}
#eventPage.seated #content #mapKeyboardGuide ul {
  margin-left: 133px;
}
@media only screen and (max-width: 780px) {
  #eventPage.seated #content #mapKeyboardGuide ul {
    margin-left: 0px;
  }
}
#eventPage.seated #content #mapKeyboardGuide + div #positionButtonDiv {
  margin-top: -15px;
}
/*
#stage .alt.hide,
#stage .default.hide
{
    display:none!important;
    background-image:url('../style/flowtheatre.css/images/event4/stageViewMask3.png');
}

@supports ( (animation-name: test) or (-webkit-animation-name: test) or (-moz-animation-name: test) or (-o-animation-name: test))
{
    #stage .alt.show,
    #stage .default.show
    {
        animation-name: showStageView;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        -webkit-animation-name: showStageView;
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: showStageView;
        -moz-animation-duration: 1s;
        -moz-animation-fill-mode: forwards;
        -o-animation-name: showStageView;
        -o-animation-duration: 1s;
        -o-animation-fill-mode: forwards;   
    }
    @-webkit-keyframes showStageView {from{opacity:0;} to{opacity:100%;}}
    @keyframes showStageView  {from{opacity:0;} to{opacity:100%;}}
    @-moz-keyframes showStageView  {from{opacity:0;} to{opacity:100%;}}
    @-o-keyframes showStageView {from{opacity:0;} to{opacity:100%;}}

    #stage .alt.hide,
    #stage .default.hide
    {
        display:initial;
        animation-name: hideStageView;
        animation-duration: 1s;
        animation-fill-mode: forwards; 
        -webkit-animation-name: hideStageView;
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards; 
        -moz-animation-name: hideStageView;
        -moz-animation-duration: 1s;
        -moz-animation-fill-mode: forwards;
        -o-animation-name: hideStageView;
        -o-animation-duration: 1s;
        -o-animation-fill-mode: forwards;  
    }
    @keyframes hideStageView {from{opacity:100%;} to{opacity:0;}}
    @-webkit-keyframes hideStageView {from{opacity:100%;} to{opacity:0;}}
    @-moz-keyframes hideStageView {from{opacity:100%;} to{opacity:0;}}
    @-o-keyframes hideStageView {from{opacity:100%;} to{opacity:0;}}
}
*/

@media only screen and (max-width: 780px) {
  #positionButtonDiv > .pan,
  #positionButtonDiv > .zoom > div {
    border: 0px solid rgba(0, 0, 0, 0.5);
  }
  .seat_plan_body_css #stage,
  .seat_plan_body_css #stage.custom-image {
    max-width: 100%;
    width: 100%;
    height: 50px;
  }
  .seat_plan_body_css #stage img,
  .seat_plan_body_css #stage.custom-image img {
    max-height: 50px;
  }
  #positionButtonDiv {
    height: 37px;
    top: -40px;
    background-image: none;
    background-color: #fffbfd;
  }
  #positionButtonDiv > .pan {
    display: none;
  }
}
.seat.wheelchair.a,
.seat.wheelchair.o,
.seat.wheelchair.c {
  background-image: url('../style/flowtheatre.css/images/Disabled_Seat_black.png');
  background-repeat: no-repeat;
}
.seat.wheelchair.o {
  background-image: url('../style/flowtheatre.css/images/Disabled_Seat_Unavailable.png');
  background-color: transparent !important;
}




/*@import (reference, less) '../font-awesome/css/font-awesome.css';*/


.seatInfoConfirm-dialog label {
  display: block;
  margin-top: 1em;
}
.seatInfoConfirm-dialog .seatInfoConfirm {
  white-space: pre-line;
}
#eventPage.seated .selectTickets {
  background-image: url('../style/flowtheatre.css/images/SelectTickets/bckgrnd.png');
  background-repeat: repeat-y;
  border-color: #cccccc;
  border-style: solid;
  border-left-style: none;
  border-width: 1px;
  border-bottom-style: none;
  padding-top: 40px;
}
#eventPage.seated .selectTickets.empty * {
  display: none;
}
#eventPage.seated .selectTickets.empty * .errorMessage {
  display: none !important;
}
#eventPage.seated .selectTickets.empty .emptyMessage,
#eventPage.seated .selectTickets.empty .emptyMessage * {
  display: block;
}
#eventPage.seated .selectTickets.empty .emptyMessage SPAN {
  padding-left: 2em;
}
#eventPage.seated .selectTickets.empty .emptyMessage SPAN:after {
  content: '\f060';
  font-family: FontAwesome;
  display: block;
  font-size: 20px;
  padding-top: 1em;
}
body.dir-RTL #eventPage.seated .selectTickets.empty .emptyMessage SPAN:after {
  content: '\f061';
}
#eventPage.seated .selectTickets.empty .emptyMessage,
#eventPage.seated #ticketsPane .selectTickets .buttonsContainer {
  width: 100%;
  background-image: url('../style/flowtheatre.css/images/SelectTickets/border-bottom.png');
  -ms-behavior: url('../style/ie/backgroundsize.htc');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  padding-bottom: 1em;
  position: relative;
  top: 6px;
}
#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed {
  box-sizing: border-box;
  width: 100%;
  padding: 0 1em 0 1em;
}
#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed > a {
  width: 100%;
  box-sizing: border-box;
  margin-left: -1em;
}
.selectTickets .row.unassigned {
  border-bottom-width: 1px;
}
.selectTickets .tickets > .row {
  border-style: none;
  background-color: inherit;
  padding-top: 1em;
  /*padding-bottom:1em;*/

}
.selectTickets.mode-SelectedSeats .tickets > .row {
  float: left;
  position: relative;
  padding-top: 2.5em;
}
.selectTickets.mode-SelectedSeats .tickets > .row {
  border-top: 1px #999999 dashed;
}
.selectTickets.mode-SelectedSeats .row.unassigned {
  display: none !important;
}
.selectTickets .row .price {
  font-weight: bold;
}
.selectTickets .row .price,
.selectTickets .row .ops,
.selectTickets .row .extra-info {
  margin-top: 0.5rem;
}
.selectTickets .row .icons {
  margin-top: 0.5em;
}
@media only screen and (max-width: 780px) {
  .selectTickets .row .icons {
    margin-top: -1.5em;
  }
}
.selectTickets .row .icons .memberBenefit {
  /*&:extend(.fa, .fa-star all);*/

  color: #6800ff;
}
.selectTickets .row .icons .memberBenefit:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f005";
}
.selectTickets .row .extra-info {
  display: inline-block;
  font-size: 0.7em;
  max-width: calc(100% - 6rem);
}
.selectTickets .row .extra-info .promo-yes {
  color: green;
}
.selectTickets .row .extra-info .promo-yes:before {
  /*.promo-msg;*/

  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
}
.selectTickets .row .extra-info .promo-no {
  color: #ec1c24;
}
.selectTickets .row .extra-info .promo-no:before {
  /*.promo-msg;*/

  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f071";
}
.selectTickets .row .extra-info .promo-yes:before,
.selectTickets .row .extra-info .promo-no:before {
  margin-right: 0.3em;
}
.selectTickets .row .extra-info .seatNote:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f05a";
  padding-right: 0.3em;
}
.selectTickets.mode-grouped .row .total.zero {
  visibility: hidden;
  text-align: left;
}
.selectTickets.mode-grouped .row .total.zero:after {
  content: '--';
  visibility: visible;
}
.selectTickets .row.unassigned .price {
  color: inherit;
}
.selectTickets .row .priceType {
  float: none;
  margin: 0;
  margin-left: 0.5em;
}
@media not screen and (max-width: 780px) {
  #eventPage .priceTypes {
    width: calc(100% - 2rem - 2px);
  }
}
.selectTickets .ui-icon.op-remove {
  cursor: pointer;
  background-image: url('../style/flowtheatre.css/images/selectTickets/x.png');
  background-size: contain;
  background-position: 0% 0%;
  background-position: initial;
  width: 1em;
  height: 1em;
  -ms-behavior: url('../style/style/ie/backgroundsize.min.htc');
}
.selectTickets .ui-icon.op-remove:disabled {
  cursor: not-allowed;
}
.selectTickets .summary,
.selectTickets .errorMessage {
  margin: auto 0.5em auto 0.5em;
}
.selectTickets .warningMessage {
  margin: 0.5em;
}
.selectTickets .warningMessage:before {
  margin-right: 0.3em;
  font-family: FontAwesome;
}
.selectTickets .warningMessage:not(:empty):before {
  content: "\f05a";
}
.selectTickets .warningMessage.warn-maxTicketsExceeded:not(:empty):before {
  content: "\f071";
}
.selectTickets .summary {
  border-style: solid;
  border-width: 2px 0 2px 0;
  border-color: #999999;
  box-sizing: border-box;
  float: none;
  padding: 1em;
}
#eventPage .selectTickets .summary {
  padding: 0.5em 0;
}
#eventPage .selectTickets .summary > SPAN {
  line-height: 1.5em;
}
#eventPage .selectTickets .summary > SPAN.total {
  text-align: right;
}
#eventPage .selectTickets .summary > SPAN.countTickets {
  width: 100%;
}
#eventPage.seated .selectTickets.empty .summary {
  display: none;
}
.selectTickets.mode-BestAvailable .summary {
  border-style: dashed;
  font-weight: bold;
}
.selectTickets .errorMessage {
  margin-top: 1em;
  word-break: break-word;
}
.selectTickets .summary {
  font-weight: bold;
}
.selectTickets .summary .total {
  font-size: 1em;
  float: right;
}
.selectTickets #selAreas,
.selectTickets .areas label {
  display: none;
}
.selectTickets.mode-SelectedSeats #selAreaName {
  display: initial;
  margin-left: 0.5em;
  /*font-weight: bold;*/

}
.selectTickets h3 {
  display: block;
  margin: 0.5em;
  font-size: 1.1em;
}
.selectTickets .operationTypeTitle {
  font-weight: bold;
  font-size: 1.5rem;
  margin-top: 1em;
}
.selectTickets .row .priceLevels {
  display: inline-block;
  display: initial;
  float: left;
}
.selectTickets .row .seat {
  clear: inherit;
  clear: initial;
  margin-left: 0.3em;
  float: none;
  position: absolute;
  top: 0.5em;
  left: 2em;
}
.selectTickets .row .priceLevels {
  clear: initial;
  color: transparent;
}
.selectTickets .row .seat {
  font-size: 1em;
  max-width: none;
  font-weight: normal;
  /*width:9em;*/

}
.selectTickets .row .seat > span {
  margin-right: 0.2em;
  /*float:left;*/

}
.selectTickets .row .seat > span.rowName + span:after {
  content: ';';
}
/*.selectTickets .row label>span.seatName,
.selectTickets .row label>span.sectorName+span.rowName
{
	clear:left;
}*/

.selectTickets .row .seat .sectorName/* temp fix for sectorName pushing the seat name down too low DEV-1685*/ {
  margin-top: -5px;
  display: block;
}
.selectTickets.mode-grouped .row .total {
  text-align: right;
  padding-right: 0.5em;
}
.selectTickets.mode-grouped .row .total:before {
  content: '';
}
.selectTickets.mode-grouped .row .price {
  float: none;
}
.selectTickets.mode-grouped .header {
  display: none;
}
.selectTickets.mode-grouped .row .pricing {
  unicode-bidi: embed;
}
.selectTickets.mode-grouped .row .pricing:before {
  content: '(';
}
.selectTickets.mode-grouped .row .pricing:after {
  content: ')';
}
.selectTickets.mode-grouped .row .price {
  margin: 0;
}
.selectTickets.mode-grouped .row .price:after {
  content: none;
}
.selectTickets.mode-grouped .row .listPrice {
  text-decoration: line-through;
  display: inline-block;
  /* margin-right:0.3em; */

}
.selectTickets .tickets > .row {
  float: initial;
}
#eventPage.non-seated .selectTickets {
  min-width: 50%;
}
@media not screen and (max-width: 780px) {
  #eventPage.non-seated .tickets,
  #eventPage.non-seated .summary,
  #eventPage.non-seated .warningMessage {
    margin-left: 100px;
    width: calc(100% - 100px);
  }
}
#eventPage .selectTickets .buttonsContainer #btnProceed:focus {
  /*outline-offset: 5px; not supported in IE*/
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px white inset;
}
.selectTickets .priceLevels > label {
  display: inline-block;
  white-space: nowrap;
  width: 100px;
}
@media only screen and (max-width: 780px) {
  .button.small_button_a.viewSeatingPlan A {
    border-bottom: 0px;
  }
  .button.small_button_a.viewSeatingPlan:not(.disabled) A {
    float: none;
    margin-right: 0px;
    margin-top: 0px;
    background-image: url('../style/flowtheatre.css/images/cinema.png');
    background-size: 36px 36px;
    height: 20px;
    float: left;
    width: 138px;
  }
  .button.small_button_a.viewSeatingPlan A::after {
    content: '';
  }
  .selectTickets .tickets > .row {
    padding-left: 4px;
    padding-right: 4px;
    border-style: none;
    padding-top: 1em;
    height: 72px;
  }
  /*
  	.selectTickets.mode-grouped .row .pricing:before 
  	{
  		 content: '';
  	}
  	.selectTickets.mode-grouped .row .pricing:after
  	{
  		 content: '';
  	}*/
  
  .selectTickets .row .priceTypes,
  .selectTickets .row .priceType {
    font-size: 16px;
    float: left;
    text-align: left;
    width: 38%;
    width: calc(100% - 200px);
    margin: 0px;
    overflow: auto;
  }
  .selectTickets .row .priceTypes {
    word-wrap: break-word;
    white-space: nowrap;
    height: 24px;
  }
  .selectTickets .row .priceType {
    height: auto;
    max-height: 36px;
  }
  .selectTickets.mode-grouped .row .total {
    text-align: right;
    padding-right: 1em;
  }
  .selectTickets.mode-grouped .row .price,
  .selectTickets.mode-grouped .row .total,
  .selectTickets.mode-grouped .header .price {
    width: 5em;
    font-size: 16px;
    color: black;
  }
  .selectTickets .row .ops {
    margin-top: -6px;
  }
  .selectTickets .summary {
    margin: auto auto auto auto;
    padding-left: 10px;
    padding-right: 0px;
    margin-top: 12px;
    background-color: gainsboro;
  }
  #eventPage.non-seated .selectTickets .tickets {
    margin-left: 0;
    margin-top: -10px;
    background-color: White;
  }
  #eventPage.seated .selectTickets {
    width: 100%;
    padding-top: 0px;
  }
  #eventPage.non-seated .selectTickets .tickets,
  #eventPage.non-seated .selectTickets .summary {
    margin-left: 0px;
  }
  .selectTickets .row .extra-info {
    float: right;
  }
  .selectTickets .row .ops {
    width: 82px;
    /*104px;*/
    float: none;
    display: inline-block;
    padding-right: 4px;
    /*18px;*/
  
  }
  .selectTickets .row .ops .ui-spinner.ui-widget {
    padding-left: 24px;
    /*39px;*/
    border-width: 0px;
  }
  .selectTickets .row .ops .ui-spinner-button .ui-icon {
    background-image: none;
  }
  .selectTickets .row .ops .ui-spinner-button {
    height: 26px;
    width: 26px;
    background-size: cover;
    background-color: white;
    border-width: 0px;
  }
  .selectTickets .row .ops .count {
    margin-right: 30px;
    /*47px;*/
    border: 1px gray solid !important;
    text-align: center;
  }
  .selectTickets .row .ops .ui-spinner-button.ui-spinner-down {
    left: 0px;
    background-image: url('../style/flowtheatre.css/images/counterLessIcon.png');
  }
  .selectTickets .row .ops .ui-spinner-button.ui-spinner-up {
    background-image: url('../style/flowtheatre.css/images/counterMoreIcon.png');
  }
  #eventPage.non-seated .selectTickets .summary {
    background-color: white;
    border-width: 0px;
    margin-top: 4px;
    font-size: 16px;
    color: black;
  }
  .selectTickets .summary .total {
    color: black;
    font-weight: bold;
  }
  #eventPage #ticketsPane .selectTickets .buttonsContainer {
    -webkit-box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    border-radius: 0.1px;
    /*For IOS*/
    padding-bottom: 22px;
    background-color: #b7b4b4;
    width: 100%;
    height: 59px;
    position: fixed;
    bottom: 0px;
    margin-bottom: 0px !important;
    left: 0px;
    z-index: 3;
  }
  #eventPage #ticketsPane .selectTickets .buttonsContainer.isError,
  #eventPage.seated #ticketsPane .selectTickets .buttonsContainer.isError {
    height: 115px;
  }
  #eventPage #ticketsPane .selectTickets .button.proceed {
    margin: 0px;
    width: auto;
    padding-right: 4%;
    padding-top: 10px;
  }
  #eventPage #ticketsPane .selectTickets .buttonsContainer.isError .button.proceed,
  #eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed {
    padding-top: 70px;
  }
  #eventPage #ticketsPane .selectTickets .button.proceed.disabled {
    display: none;
  }
  .selectTickets .errorMessage {
    display: none;
    width: 94%;
    position: fixed;
    bottom: 0px;
    margin-bottom: 58px !important;
    height: auto;
    z-index: 10;
    line-height: 13px;
    font-weight: normal;
    font-size: 11px;
    line-height: 12px;
    left: 0px;
    font-style: normal;
    margin-left: 2px;
    visibility: visible;
  }
  .selectTickets .errorMessage .ui-icon {
    margin-top: -2px;
  }
  #eventPage.seated #ticketsPane .selectTickets .buttonsContainer {
    visibility: visible;
    background-image: none;
    top: 6px;
    z-index: 3;
    display: block;
    position: fixed;
    padding-bottom: 22px;
  }
  #eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed {
    width: 186px;
    padding-top: 0em;
  }
}

/*
	+-----------------------------------------------------------------------------------------------------------------+
	| Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg !  |
	+-----------------------------------------------------------------------------------------------------------------+ 
*/
/*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/

/*ATTENTION: override only via config files!*/

@keyframes blinkTitle {
  from {
    color: silver;
  }
  to {
    color: #404041;
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.seat_plan_body_css {
  background-color: #e6e6e6;
  padding: 0;
}
.seat_plan_body_css #stage,
.seat_plan_body_css #stage.custom-image {
  max-height: 20px;
  max-width: calc(100% - 176px);
  margin: 0 auto 15px;
}
.seat_plan_body_css #stage img,
.seat_plan_body_css #stage.custom-image img {
  text-align: center;
  width: 100%;
  height: auto;
  max-height: 25px;
  max-width: 100%;
}
.seat-tooltip .descr {
  margin-bottom: 0;
  font-size: 1.4rem;
}
.seat-tooltip div.descr + img {
  display: none;
}
.seat-tooltip .seatInstruct {
  display: inline-block;
  padding-top: 1em;
}
.seat-tooltip .row.number {
  margin-right: 0.5em;
}
.seat-tooltip .row.number:after {
  content: ';';
}
.seat-tooltip .number {
  font-weight: normal;
}
.seat-tooltip .priceLevel-info {
  border-top: 1px #cccccc solid;
  padding: 0.3em;
  margin-top: 0.3em;
}
.qtip.seat-tooltip {
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}
@media only screen and (max-width: 780px) {
  .qtip.seat-tooltip {
    z-index: 2 !important;
  }
}
.seat-tooltip .seat.legend-icon {
  display: inline-block;
  height: 15px;
  width: 15px;
  margin-right: 0.5em;
  background-image: url('../style/flowtheatre.css/images/Event4/ticketIcon.png');
  background-size: contain;
  -ms-behavior: url('../style/ie/backgroundsize.htc');
}
.seat-tooltip .buttons-container {
  display: flex;
  min-width: 9em;
}
.seat-tooltip .buttons-container > * {
  flex: 1 1 50%;
  /*border:1px solid @widget-borderColor;*/
  white-space: nowrap;
}
.seat-tooltip .buttons-container #toggleSelection {
  background-color: #cb2b19;
  color: white;
}
.qtip.moveSeatsTip {
  font-size: 1.4rem;
  padding: 0.5em;
}
.seat {
  transition: background-color 0.4s;
}
.seat.a,
.seat.o,
.seat.c {
  background-image: url('../style/flowtheatre.css/images/seat.png');
  background-repeat: no-repeat;
}
.seat.a.s-i,
.seat.o.s-i,
.seat.c.s-i {
  background-image: url('../style/images/hall/ai.png'), url('../style/flowtheatre.css/images/seat.png');
}
.seat.a.oldSelection,
.seat.o.oldSelection,
.seat.c.oldSelection {
  border: 1px dotted red;
}
.seat.a,
.seat.c {
  cursor: pointer;
}
.seat.o {
  background-image: url('../style/flowtheatre.css/images/seat-o.png');
  background-color: transparent !important;
}
.selectedSeatsMarker {
  background-image: url('../style/flowtheatre.css/images/locationMarker.png');
  background-size: contain;
  -ms-behavior: url('../style/ie/backgroundsize.min.htc');
  cursor: pointer;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 10;
  margin-top: 0px;
  background-position: center;
}
#positionButtonDiv {
  font-size: 1.2rem;
  background-color: transparent;
  opacity: 0.65;
  display: block;
  color: inherit;
  z-index: 2;
  top: -36px;
  /*max-width: 80px;*/
  background-image: url('../style/flowtheatre.css/images/event4/pan-zoom.png');
  background-repeat: no-repeat;
  /*background-size: 80px 117px;*/
  /*width: 80px;
    height: 117px;*/
  box-sizing: border-box;
  direction: ltr;
}
#positionButtonDiv > div {
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.6em;
}
#positionButtonDiv button[class|='button'] {
  background: none;
  text-indent: inherit;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
#positionButtonDiv button.button-zoom-in:before {
  content: "\f00e";
}
#positionButtonDiv button.button-zoom-out:before {
  content: "\f010";
}
#positionButtonDiv button[class|='button'],
#positionButtonDiv .zoom-level {
  display: inline;
  margin: 0;
}
@media screen and (min-width: 781px) {
  #positionButtonDiv .zoom-level {
    font-size: 8px;
  }
}
#positionButtonDiv > .zoom > button {
  border: none;
}
/* lock dir {{*/

#positionButtonDiv > .pan {
  border: none;
  box-shadow: none;
  float: none;
  margin-left: 0.1em;
  /*margin-right: auto;
    margin-top: 38px;*/

}
/* }} */

.seat_plan_body_css #stage {
  -ms-behavior: url('../style/ie/backgroundsize.min.htc');
  vertical-align: bottom;
  width: calc(100% - 127px * 2);
  /*margin-bottom: 1em;*/
  box-sizing: border-box;
  margin: auto;
}
#stage > * {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover, contain;
  margin-top: auto;
}
/* lock dir {{*/

/*
html.csstransforms #stage>*
{
	position:absolute;
	left:50%;
	bottom:0;
	transform: translate(-50%, 0);
}*/

/* }} */

#stage.stageTOP {
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: contain;
  background-position: 50% 100%;
}
#seats {
  padding-top: 15px;
}
#stage .alt {
  display: none !important;
}
#eventPage.seated #content #mapKeyboardGuide {
  color: black;
  border: 1px solid #f1d031;
  background-color: #ffffa3;
  height: auto;
  display: none;
  float: left;
  width: 100%;
  margin-top: -38px;
}
@media only screen and (max-width: 780px) {
  #eventPage.seated #content #mapKeyboardGuide {
    margin-top: 0px;
  }
}
#eventPage.seated #content #mapKeyboardGuide ul {
  margin-left: 133px;
}
@media only screen and (max-width: 780px) {
  #eventPage.seated #content #mapKeyboardGuide ul {
    margin-left: 0px;
  }
}
#eventPage.seated #content #mapKeyboardGuide + div #positionButtonDiv {
  margin-top: -15px;
}
/*
#stage .alt.hide,
#stage .default.hide
{
    display:none!important;
    background-image:url('../style/flowtheatre.css/images/event4/stageViewMask3.png');
}

@supports ( (animation-name: test) or (-webkit-animation-name: test) or (-moz-animation-name: test) or (-o-animation-name: test))
{
    #stage .alt.show,
    #stage .default.show
    {
        animation-name: showStageView;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        -webkit-animation-name: showStageView;
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: showStageView;
        -moz-animation-duration: 1s;
        -moz-animation-fill-mode: forwards;
        -o-animation-name: showStageView;
        -o-animation-duration: 1s;
        -o-animation-fill-mode: forwards;   
    }
    @-webkit-keyframes showStageView {from{opacity:0;} to{opacity:100%;}}
    @keyframes showStageView  {from{opacity:0;} to{opacity:100%;}}
    @-moz-keyframes showStageView  {from{opacity:0;} to{opacity:100%;}}
    @-o-keyframes showStageView {from{opacity:0;} to{opacity:100%;}}

    #stage .alt.hide,
    #stage .default.hide
    {
        display:initial;
        animation-name: hideStageView;
        animation-duration: 1s;
        animation-fill-mode: forwards; 
        -webkit-animation-name: hideStageView;
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards; 
        -moz-animation-name: hideStageView;
        -moz-animation-duration: 1s;
        -moz-animation-fill-mode: forwards;
        -o-animation-name: hideStageView;
        -o-animation-duration: 1s;
        -o-animation-fill-mode: forwards;  
    }
    @keyframes hideStageView {from{opacity:100%;} to{opacity:0;}}
    @-webkit-keyframes hideStageView {from{opacity:100%;} to{opacity:0;}}
    @-moz-keyframes hideStageView {from{opacity:100%;} to{opacity:0;}}
    @-o-keyframes hideStageView {from{opacity:100%;} to{opacity:0;}}
}
*/

@media only screen and (max-width: 780px) {
  #positionButtonDiv > .pan,
  #positionButtonDiv > .zoom > div {
    border: 0px solid rgba(0, 0, 0, 0.5);
  }
  .seat_plan_body_css #stage,
  .seat_plan_body_css #stage.custom-image {
    max-width: 100%;
    width: 100%;
    height: 50px;
  }
  .seat_plan_body_css #stage img,
  .seat_plan_body_css #stage.custom-image img {
    max-height: 50px;
  }
  #positionButtonDiv {
    height: 37px;
    top: -40px;
    background-image: none;
    background-color: #fffbfd;
  }
  #positionButtonDiv > .pan {
    display: none;
  }
}
.seat.wheelchair.a,
.seat.wheelchair.o,
.seat.wheelchair.c {
  background-image: url('../style/flowtheatre.css/images/Disabled_Seat_black.png');
  background-repeat: no-repeat;
}
.seat.wheelchair.o {
  background-image: url('../style/flowtheatre.css/images/Disabled_Seat_Unavailable.png');
  background-color: transparent !important;
}
@media only screen and (max-width: 780px) {
  .seatingPlanViewDialog .ui-dialog-buttonpane button.ui-button.ui-widget {
    font-size: medium;
    background: #cb2b19;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px;
    border-bottom: 1px solid #be1f32;
  }
  #ZoomPlus {
    background: url('../style/images/hall/PLUS.gif') no-repeat center center;
  }
  #ZoomMinus {
    background: url('../style/images/hall/MINUS.gif') no-repeat center center;
  }
}

/*
	+-----------------------------------------------------------------------------------------------------------------+
	| Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg !  |
	+-----------------------------------------------------------------------------------------------------------------+ 
*/
/*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/

/*ATTENTION: override only via config files!*/

@keyframes blinkTitle {
  from {
    color: silver;
  }
  to {
    color: #404041;
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
#eventPage .eventTitle {
  display: block;
}
.eventTitle .cell.productImages {
  float: left;
}
#eventPage .details {
  float: left;
}
#eventPage.hallMap #ticketsPane {
  display: none;
}
#eventPage .seatingPlanContainer {
  height: 600px;
}
/*@media screen and (min-width:781px)
{
	#eventPage .priceTypes
	{
		max-width:128px;
	}
}*/

@media screen and (max-width: 780px) {
  .non-seated .mode-BestAvailable {
    padding-top: 0;
  }
}
@-webkit-keyframes notifier {
  0% {
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -moz-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -o-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
  }
  50% {
    -ms-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -moz-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -o-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
  }
  100% {
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -moz-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -o-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
  }
}
@-moz-keyframes notifier {
  0% {
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -moz-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -o-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
  }
  50% {
    -ms-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -moz-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -o-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
  }
  100% {
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -moz-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -o-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
  }
}
@keyframes notifier {
  0% {
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -moz-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -o-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
  }
  50% {
    -ms-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -moz-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -o-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
  }
  100% {
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -moz-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    -o-transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
    transition: transform cubic-bezier(0.66, 0.5, 0, 1) 100ms;
  }
}
.notifierMove {
  -moz-animation: notifier 700ms 5;
  -webkit-animation: notifier 700ms 5;
  -o-animation: notifier 700ms 5;
  animation: notifier 700ms 5;
}
/**
 * On/off switch
 */

body[data-whatinput="keyboard"] .fh-switch:focus-within {
  outline: 2px solid red;
}
.fh-switchRow.none {
  display: none;
}
@media only screen and (max-width: 780px) {
  .fh-switchRow.none {
    display: block;
  }
}
.hallMap .fh-switchRow {
  display: none;
}
@media only screen and (max-width: 780px) {
  .hallMap .fh-switchRow {
    display: none;
  }
}
.venuMapLegend span.fh-switch {
  position: relative;
  display: inline;
}
.venuMapLegend span.fh-switch {
  float: right;
}
.venueAreasContainerRow span.fh-switch {
  display: block;
  position: relative;
}
.fh-switch > [type="checkbox"] {
  /*display: none;*/
  opacity: 0;
  width: 0;
  height: 0;
}
.fh-switch > [type="checkbox"] + label {
  cursor: pointer;
  display: inline-block;
  margin-right: 23px;
  margin-top: 1px;
  margin-bottom: 7px;
  max-width: 120px;
}
.fh-switch > [type="checkbox"] + label:after {
  content: "";
  top: 4px;
  right: 10px;
  width: 30px;
  height: 12px;
  position: absolute;
  border-radius: 30px;
}
.fh-switch > [type="checkbox"] + label + .fh-switch-knob {
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 30px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  pointer-events: none;
  box-shadow: 1px 1px 1px #dddddd;
  -webkit-transition: right 0.1s ease-in, background-color 0.1s ease-in;
  -moz-transition: right 0.1s ease-in, background-color 0.1s ease-in;
  -o-transition: right 0.1s ease-in, background-color 0.1s ease-in;
  -ms-transition: right 0.1s ease-in, background-color 0.1s ease-in;
}
.fh-switch > [type="checkbox"]:focus + label:after,
.fh-switch > [type="checkbox"]:focus + label + .fh-switch-knob {
  box-shadow: 0 0 6px 0 #6fb5fb;
}
.fh-switch > [type="checkbox"]:disabled + label,
.fh-switch > [type="checkbox"]:disabled + label:after,
.fh-switch > [type="checkbox"]:disabled + label + .fh-switch-knob {
  cursor: not-allowed;
  opacity: 0.4;
}
.fh-switch > [type="checkbox"]:checked + label:after {
  background-color: #9effc4;
}
.fh-switch > [type="checkbox"]:checked + label + .fh-switch-knob {
  right: 5px;
  background-color: #57cb85;
}
.fh-switch > [type="checkbox"]:not(:checked) + label:after {
  background-color: #dddddd;
}
.fh-switch > [type="checkbox"]:not(:checked) + label + .fh-switch-knob {
  right: 25px;
  background-color: #849fbb;
}
span.fh-switch,
.fh-switch span {
  margin: 0px;
  float: none;
  margin-left: -21px;
}
@media screen and (max-width: 780px) {
  span.fh-switch,
  .fh-switch span {
    padding-left: 0px;
  }
}
.small_button_a.proceed {
  float: right;
}
.small_button_a.proceed:focus {
  /*outline-offset: 5px; not supported in IE*/
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px white inset;
}
.no-shadow,
.button.small_button_a a,
button.small_button_a,
.button.small_button_a a:hover,
button.small_button_a:hover,
.button.small_button_a a:focus,
button.small_button_a:focus,
.button.small_button_a a:active,
button.small_button_a:active,
input.small_button_a,
input.small_button_a:hover,
.button.small_button_b A,
.button.small_button_c A,
INPUT.small_button_b,
INPUT.small_button_c,
Button.small_button_b,
Button.small_button_c,
.button.small_button_b A:hover,
.button.small_button_c A:hover,
INPUT.small_button_b:hover,
INPUT.small_button_c:hover,
Button.small_button_b:hover,
Button.small_button_c:hover,
.buttonsContainer A.linkHref,
.buttonsContainer A.linkHref:hover,
.buttonsContainer button.linkHref,
.buttonsContainer button.linkHref:hover,
.button.small_button_b A:focus,
.button.small_button_b A:active,
.button.small_button_c A:focus,
.button.small_button_c A:active,
INPUT.small_button_b:focus,
INPUT.small_button_b:active,
INPUT.small_button_c:focus,
INPUT.small_button_c:active,
Button.small_button_b:focus,
Button.small_button_c:focus,
Button.small_button_b:active,
Button.small_button_c:active,
.areas-filter-panel__find-button {
  text-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.no-border-radius,
.button.small_button_a a,
button.small_button_a,
.button.small_button_a a:hover,
button.small_button_a:hover,
.button.small_button_a a:focus,
button.small_button_a:focus,
.button.small_button_a a:active,
button.small_button_a:active,
input.small_button_a,
input.small_button_a:hover,
.areas-filter-panel__find-button {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.button.small_button_a a,
button.small_button_a,
.button.small_button_a a:hover,
button.small_button_a:hover,
.button.small_button_a a:focus,
button.small_button_a:focus,
.button.small_button_a a:active,
button.small_button_a:active {
  color: white;
  font-size: medium;
  background: #cb2b19;
  border-bottom: solid #70180e;
}
.button.small_button_a a:disabled,
button.small_button_a:disabled,
.button.small_button_a a:hover:disabled,
button.small_button_a:hover:disabled,
.button.small_button_a a:focus:disabled,
button.small_button_a:focus:disabled,
.button.small_button_a a:active:disabled,
button.small_button_a:active:disabled {
  background-color: #999999;
}
@media only screen and (max-width: 780px) {
  .button.small_button_a a,
  button.small_button_a,
  .button.small_button_a a:hover,
  button.small_button_a:hover,
  .button.small_button_a a:focus,
  button.small_button_a:focus,
  .button.small_button_a a:active,
  button.small_button_a:active {
    font-weight: normal;
  }
}
input.small_button_a,
input.small_button_a:hover {
  color: white;
  font-size: medium;
  background: #cb2b19;
  border-bottom: solid #70180e;
}
input.small_button_a:disabled,
input.small_button_a:hover:disabled {
  background-color: #999999;
}
@media only screen and (max-width: 780px) {
  input.small_button_a,
  input.small_button_a:hover {
    font-weight: normal;
  }
}
.button.small_button_a A::after,
button.small_button_a::after {
  content: '>>';
}
.button.disabled.small_button_a A,
.button.disabled.small_button_a A:hover,
button.disabled.small_button_a,
button.disabled.small_button_a:hover {
  color: #5b5b5b;
  background-color: #f9d4d0;
  border-bottom: solid #f47d6f;
}
.buttonExplain {
  display: flex;
  color: #cb2b19;
  text-align: left;
  clear: both;
  float: right;
  word-break: break-word;
}
.buttonExplain.button {
  cursor: pointer;
}
.buttonExplain:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f05a";
  padding-right: 0.5em;
  text-decoration: none;
}
.buttonExplain + .button {
  clear: both;
}
@media only screen and (max-width: 780px) {
  .buttonExplain {
    display: none;
  }
}
.small_button_b,
.small_button_c,
.small_button_a {
  display: inline-block;
}
.button.small_button_b A,
.button.small_button_c A,
INPUT.small_button_b,
INPUT.small_button_c,
Button.small_button_b,
Button.small_button_c {
  background: none;
  background-color: Transparent;
  color: Blue;
  font-size: 10pt;
  min-width: 0;
  font-weight: normal;
}
.button.small_button_b A#btnBack::before {
  content: '<<';
}
.button.small_button_b A:hover,
.button.small_button_c A:hover,
INPUT.small_button_b:hover,
INPUT.small_button_c:hover,
Button.small_button_b:hover,
Button.small_button_c:hover,
.buttonsContainer A.linkHref,
.buttonsContainer A.linkHref:hover,
.buttonsContainer button.linkHref,
.buttonsContainer button.linkHref:hover {
  font-weight: normal;
  background: none;
}
INPUT.small_button_b:hover,
INPUT.small_button_c:hover,
Button.small_button_b:hover,
Button.small_button_c:hover,
.buttonsContainer A.linkHref,
.buttonsContainer A.linkHref:hover,
.buttonsContainer button.linkHref,
.buttonsContainer button.linkHref:hover {
  background: none;
}
.button.small_button_b A:focus,
.button.small_button_b A:active,
.button.small_button_c A:focus,
.button.small_button_c A:active,
INPUT.small_button_b:focus,
INPUT.small_button_b:active,
INPUT.small_button_c:focus,
INPUT.small_button_c:active,
Button.small_button_b:focus,
Button.small_button_c:focus,
Button.small_button_b:active,
Button.small_button_c:active {
  background: none;
  font-weight: normal;
}
.ui-widget-header button.ui-state-default {
  background-color: White;
  border-color: White;
  /*outline:none;*/

}
.buttonsContainer A.linkHref,
.buttonsContainer A.linkHref:hover,
.buttonsContainer A.linkHref:active,
.buttonsContainer button.linkHref,
.buttonsContainer button.linkHref:hover {
  min-width: 0;
  padding: 0;
  color: #6a6a6a;
  margin: 0 0.5em;
  font-size: 1.2rem;
}
.buttonsContainer A.linkHref:active,
.buttonsContainer A.linkHref:focus,
.buttonsContainer button.linkHref:active,
.buttonsContainer button.linkHref:focus {
  background-color: Transparent;
  font-weight: normal;
  text-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.buttonsContainer A.linkHref SPAN,
.buttonsContainer button.linkHref SPAN {
  text-decoration: underline;
}
.buttonsContainer .edit::after,
.buttonsContainer .editButton::after {
  font-family: FontAwesome;
  content: '\f040';
  padding-left: 0.2em;
}
.buttonsContainer .remove::after,
.buttonsContainer .DeleteButton::after {
  font-family: FontAwesome;
  content: '\f00d';
  padding-left: 0.2em;
}
.buttonsContainer .viewEvents::after {
  font-family: FontAwesome;
  content: '\f145';
  padding-left: 0.2em;
}
.vfaParent .venueImageTooltip canvas {
  display: initial !important;
}
#eventPage .areaAvail,
.availSeats .areaAvail {
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-color: Transparent;
  background-size: contain;
  -ms-behavior: url('../style/ie/backgroundsize.min.htc');
}
@media only screen and (max-width: 780px) {
  .hallMap .venuMapLegend.none span.fh-switch {
    display: inline-block;
  }
}
#eventPage .areaAvail {
  margin-top: 3px;
}
.availSeats .areaAvail {
  margin-bottom: -2px;
}
.venueImageTooltip .availSeats .areaAvail {
  margin-bottom: -5px;
}
.areaAvail.none {
  display: none;
}
.availSeats > DIV {
  display: inline-block;
}
.areaAvail.green {
  background-image: url('../style/flowtheatre.css/images/avail/plenty.png');
}
.areaAvail.yellow {
  background-image: url('../style/flowtheatre.css/images/avail/fair.png');
}
.areaAvail.red {
  background-image: url('../style/flowtheatre.css/images/avail/poor.png');
}
.areaAvail.soldout {
  background-image: url('../style/flowtheatre.css/images/avail/soldOut.png');
}
.ticket {
  display: inline-block;
  background-image: url('../style/flowtheatre.css/images/Event4/ticketIcon.png');
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url('../style/style/ie/backgroundsize.min.htc');
  width: 1em;
  height: 1em;
}
.qtip.venueImageTooltip {
  /*opacity:0.8!important;*/
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid #999999;
  padding-top: 1em;
  text-align: center;
  box-shadow: 4px 4px 16px 6px rgba(0, 0, 0, 0.3);
}
.qtip.venueImageTooltip .qtip-content > div {
  display: flex !important;
  flex-wrap: wrap;
}
.qtip.venueImageTooltip .qtip-content > div .description {
  flex: 1;
  font-size: 1.3em;
}
.qtip.venueImageTooltip .qtip-content > div .description,
.qtip.venueImageTooltip .qtip-content > div .areaName {
  margin-bottom: 1rem;
}
.qtip.venueImageTooltip .qtip-content .description + .pricing {
  width: 100%;
}
.venueImageTooltip .areaName {
  font-size: 1.7em;
  font-weight: 600;
  margin-right: 1em;
  vertical-align: top;
}
.venueImageTooltip .pricing .levelName {
  display: none;
}
.venueImageTooltip .pricing .maxPrice {
  font-size: 1.2em;
  font-weight: 500;
  margin-left: 0.3em;
  margin-right: 0.3em;
}
.venueImageTooltip .pricing .minPrice.priceRangeSame {
  display: none;
}
.venueImageTooltip .pricing .minPrice:before {
  content: '(- ';
}
.venueImageTooltip .pricing .minPrice:after {
  content: ')';
}
.venueImageTooltip .areaName,
.venueImageTooltip .pricing,
.venueImageTooltip .availSeats {
  display: inline-block;
}
.venueImageTooltip .help-hint {
  float: left;
  margin-top: 1em;
  width: 100%;
}
.venueImageTooltip .availSeats {
  margin-bottom: 1em;
  margin-top: 1em;
  border-top: 2px solid #cccccc;
  width: 100%;
}
img.view_from_area,
#stageViewImage > img {
  border-radius: 50%;
}
.qtip.venueImageHint {
  border: none;
  width: 72px;
  height: 50px;
  background-color: transparent;
  padding: 18px;
  font-family: arial;
  font-size: 1.5rem;
  padding-top: 23px;
  text-align: center;
  line-height: 1.2;
}
.qtip.venueImageHint:before {
  content: '';
  width: 6.5em;
  height: 6.5em;
  background: red;
  border-bottom-left-radius: 7rem;
  border-bottom-right-radius: 10rem;
  border-top-left-radius: 10rem;
  border-top-right-radius: 7%;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  padding: 8px;
  z-index: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.dir-RTL .qtip.venueImageHint:before {
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.qtip.venueImageHint .qtip-tip {
  display: none !important;
}
.qtip.venueImageHint .qtip-content {
  display: inline-block;
  z-index: 2;
  color: white;
  font-size: 1.2rem;
  font-family: Arial;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.areas-filter-panel {
  border: solid #cccccc 1px;
  padding: 1em;
  display: flex;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: space-between;
}
.areas-filter-panel h3,
.areas-filter-panel h2 {
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.areas-filter-panel h3 span,
.areas-filter-panel h2 span {
  font-size: 0.75em;
  margin-left: 1em;
  font-weight: normal;
  color: gray;
}
.areas-filter-panel__qty-section {
  flex: 0 0 auto;
  min-width: 2em;
}
.areas-filter-panel__qty-section > label {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.areas-filter-panel__price-section {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.areas-filter-panel__price-section > h3 {
  width: 100%;
}
.areas-filter-panel__price-section--no-choice {
  display: none;
}
body.dir-RTL .areas-filter-panel {
  direction: ltr;
}
body.dir-RTL .areas-filter-panel__qty-wrapper {
  order: 100;
}
@media not screen and (max-width: 780px) {
  .areas-filter-panel > * {
    margin-left: 1em;
    margin-right: 1em;
  }
}
@media only screen and (max-width: 780px) {
  .areas-filter-panel > * {
    margin-left: 0.3em;
    margin-right: 0.3em;
  }
}
.areas-filter-panel__qty-wrapper .currency-symbol,
.areas-filter-panel__min-sum-wrapper .currency-symbol,
.areas-filter-panel__max-sum-wrapper .currency-symbol {
  margin: 0.3em;
}
.areas-filter-panel__min-sum-input,
.areas-filter-panel__max-sum-input {
  flex: 1 1 0;
}
.areas-filter-panel__price-range {
  flex: 10 1 auto;
  margin-bottom: 0.6em;
}
@media only screen and (max-width: 780px) {
  .areas-filter-panel__price-range {
    order: 1;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
  }
}
.areas-filter-panel__price-range-slider-handle {
  margin-right: -0.6em;
  margin-left: auto;
}
.areas-filter-panel__qty {
  width: calc(100% - 25px);
  min-width: 8em;
}
.areas-filter-panel__max-sum > div,
.areas-filter-panel__min-sum > div {
  text-transform: capitalize;
}
.areas-filter-panel__find-button {
  color: white;
  font-size: medium;
  background: #cb2b19;
  border-bottom: solid #70180e;
}
.areas-filter-panel__find-button:disabled {
  background-color: #999999;
}
@media only screen and (max-width: 780px) {
  .areas-filter-panel__find-button {
    font-weight: normal;
  }
}
@media not screen and (max-width: 780px) {
  .areas-filter-panel__find-button {
    margin-left: auto;
  }
}
.areas-filter-panel__find-button,
.areas-filter-panel__reset-button {
  align-self: flex-end;
  height: 2em;
  margin-top: 0.5em;
  white-space: nowrap;
}
#selectedAreaTitle,
#selectedAreaInfo #areasListTitle {
  display: none;
}
#selectedAreaInfo {
  margin: 0em;
  padding-bottom: 1em;
  overflow: visible;
  /*max-width: ~"calc(100% - 175px - 1em)";*/
  display: block;
  margin-bottom: 1em;
  position: relative;
}
#selectedAreaInfo .pricelevel-image-container .price {
  margin-left: 0.3em;
}
#selectedAreaInfo .menu .area-info-container.filtered {
  display: none;
}
#selectedAreaInfo .area-info-container .areaAvail {
  vertical-align: text-bottom;
}
#selectedAreaInfo .area-info-container .availSeats {
  display: inline-block;
}
#selectedAreaInfo .area-info-container.template {
  display: none;
}
#selectedAreaInfo .area-info-container > .name {
  display: inline-block;
}
@media only screen and (max-width: 780px) {
  #selectedAreaInfo .area-info-container > .name {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
  }
  #eventPage.hallMap #selectedAreaInfo .area-info-container > .name {
    margin-top: 19px;
    font-size: 13.3333px;
    width: 100%;
    white-space: normal;
    height: 54px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 4px;
  }
}
@media only screen and (max-width: 780px) {
  #selectedAreaInfo :not(.selected) .area-info-container > .name {
    width: 50%;
    width: calc(100% - 166px);
  }
}
#selectedAreaInfo .selected {
  position: relative;
}
#selectedAreaInfo .selected .area-info-container {
  text-align: left;
}
.expandable#selectedAreaInfo .selected {
  padding-left: 1em;
  border: 1px solid #cccccc;
}
#selectedAreaInfo.no-pricing .area-info-container .mainPrice {
  display: none;
}
#selectedAreaInfo.no-pricing .priceLevelImages span.additionalPrices:before,
#selectedAreaInfo.no-pricing .priceLevelImages span.additionalPrices:after {
  content: '';
}
#selectedAreaInfo.no-pricing .button-moreDetails {
  visibility: hidden;
}
#selectedAreaInfo.no-priceType .selected .area-info-container .availSeats {
  display: none;
}
@media only screen and (max-width: 780px) {
  #selectedAreaInfo {
    border-style: solid;
    border-width: 1px;
    height: 56px;
    background-color: white;
  }
  #eventPage.hallMap #selectedAreaInfo {
    margin-bottom: 0em;
    padding-bottom: 3em;
    padding-left: 0px;
    padding-right: 0px;
  }
  #selectedAreaInfo.expanded .area-info-container .availSeats {
    font-size: 1.2rem;
    vertical-align: top;
    margin-bottom: 0px;
    height: 2.5rem;
    float: right;
    top: 0px;
    width: 48%;
    margin-bottom: 5px;
  }
  #eventPage.hallMap #selectedAreaInfo.expanded .area-info-container .availSeats {
    margin-top: -41px;
  }
  #selectedAreaInfo.expanded .area-info-container .description {
    padding-bottom: 1em;
  }
  #selectedAreaInfo.expanded .priceLevelImages {
    padding-left: 20px;
    max-width: none;
  }
  #selectedAreaInfo.expanded .priceLevelImages .pricelevel-image-container {
    width: 45%;
    min-height: 26px;
  }
  #selectedAreaInfo.expanded #areasListTitle {
    cursor: pointer;
    height: 58px;
    overflow-y: visible;
    width: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    z-index: 1000;
    font-size: 29px;
    line-height: 58px;
    padding-left: 24px;
    background-color: white;
    border-bottom: 1px solid #cccccc;
    color: Black;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  #eventPage.hallMap #selectedAreaInfo .priceLevelImages span.additionalPrices,
  #eventPage.seated #selectedAreaInfo .priceLevelImages span.additionalPrices {
    display: none;
  }
  #eventPage.hallMap #selectedAreaInfo .priceLevelImages span.additionalPrices > span,
  #eventPage.seated #selectedAreaInfo .priceLevelImages span.additionalPrices > span {
    display: inline-block;
    width: 100%;
  }
  #eventPage.hallMap #selectedAreaInfo .priceLevelImages span.additionalPrices > span > .price,
  #eventPage.seated #selectedAreaInfo .priceLevelImages span.additionalPrices > span > .price {
    float: right;
  }
  #eventPage.hallMap #selectedAreaInfo .priceLevelImages span.additionalPrices > span + span:before,
  #eventPage.seated #selectedAreaInfo .priceLevelImages span.additionalPrices > span + span:before {
    content: '';
  }
  #selectedAreaInfo.expandable .selected {
    padding-left: 0px;
    border: 0px solid #cccccc;
  }
  #selectedAreaInfo.expanded .selected {
    display: none;
  }
  #selectedAreaInfo .selected .area-info-container {
    background-color: transparent;
    padding-right: 133px;
  }
  #selectedAreaInfo .selected .area-info-container .availSeats {
    font-size: 1.2rem;
    padding-left: 0px;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  #selectedAreaInfo .selected .area-info-container .availSeats .areaAvail {
    vertical-align: middle;
  }
  #selectedAreaInfo .selected .area-info-container .description {
    display: none;
  }
  #eventPage.hallMap #selectedAreaInfo .selected .area-info-container {
    width: calc(100% - 198px);
  }
  #selectedAreaInfo:not(.expanded) #areasListTitle {
    display: none;
  }
  #selectedAreaInfo:not(.expanded) .priceLevelImages {
    display: none;
  }
  #eventPage.seated #selectedAreaInfo:not(.expanded) .priceLevelImages {
    display: block;
    margin-top: 31px;
    position: absolute;
    padding-bottom: 0px;
    max-height: 43px;
    overflow-y: auto;
    max-width: 100%;
    padding-bottom: 2px;
  }
  #eventPage.seated #selectedAreaInfo:not(.expanded) .priceLevelImages .pricelevel-image-container {
    float: none;
    display: inline-block;
    font-size: 10px;
    line-height: 18px;
  }
  #eventPage.seated #selectedAreaInfo:not(.expanded) .priceLevelImages .pricelevel-image-container .additionalPrices > span:not(:first-child) {
    display: none;
  }
  #eventPage.seated #selectedAreaInfo:not(.expanded) .priceLevelImages .pricelevel-image-container .additionalPrices > span > span.name {
    display: none;
  }
  #eventPage.seated #selectedAreaInfo:not(.expanded) .priceLevelImages .pricelevel-image-container .additionalPrices > span > span.price {
    font-size: 2em;
    margin-left: -0.5em;
  }
}
#selectedAreaInfo .menu {
  position: absolute;
  background-color: white;
  z-index: 1;
  border: 1px solid #cccccc;
  max-height: 400%;
  overflow-y: scroll;
  display: none;
}
.expanded#selectedAreaInfo .menu {
  display: block;
  box-shadow: 3px 3px 5px 0px rgba(51, 51, 51, 0.35);
  z-index: 3;
}
@media only screen and (max-width: 780px) {
  .expanded#selectedAreaInfo .menu {
    height: 100%;
    height: calc(100% - 58px);
    overflow-y: auto;
    width: 100%;
    top: 59px;
    left: 0px;
    position: fixed;
    display: block;
    z-index: 99999;
    float: left;
  }
  .expanded#selectedAreaInfo .menu #closeAreasList {
    width: 33px;
    height: 55px;
    font-size: 25px;
    right: 2px;
    top: 2px;
    position: fixed;
    background-color: white;
    display: block;
  }
  .expanded#selectedAreaInfo .menu #closeAreasList:after {
    content: 'X';
    line-height: 58px;
    padding: 9px;
  }
}
.expanded#selectedAreaInfo .menu .area-info-container {
  border-top: 1px solid #cccccc;
  padding: 0 1em 1em 1em;
  float: left;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 2px;
  /*Accessibility outline*/

}
.expanded#selectedAreaInfo .menu .area-info-container:nth-child(2) {
  border-top: none;
  margin-top: 2px;
  /*Accessibility outline*/

}
@media only screen and (max-width: 780px) {
  .expanded#selectedAreaInfo .menu .area-info-container {
    background-color: white;
    min-height: 56px;
  }
}
.expanded#selectedAreaInfo .menu .area-info-container:focus {
  background-color: rgba(204, 204, 204, 0.27);
}
#selectedAreaInfo .menu #closeAreasList {
  display: none;
}
#selectedAreaInfo .button-moreDetails {
  color: #6c6c6e;
  line-height: 2em;
  font-size: 0.7em;
  text-decoration: underline;
  clear: both;
  display: block;
}
@media only screen and (max-width: 780px) {
  #selectedAreaInfo .button-moreDetails {
    display: none;
  }
}
#selectedAreaInfo .button-moreAreas {
  /*.button-color(@body-color);*/
  color: white;
  background-color: #1b6597;
  position: absolute;
  right: 0.5em;
  bottom: 15%;
  max-width: 6em;
  text-align: center;
  min-height: 70%;
}
#selectedAreaInfo .button-moreAreas .icon {
  width: 100%;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#selectedAreaInfo .button-moreAreas .icon:before {
  content: "\f0d7";
}
@media only screen and (max-width: 780px) {
  #selectedAreaInfo .button-moreAreas {
    border: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: white;
    background-color: #1b6597;
    width: 133px;
    max-width: 100%;
    height: 54px;
    right: 0;
    top: 0;
  }
  #selectedAreaInfo .button-moreAreas .icon {
    height: 25px;
    font-size: 13px;
    margin-left: 5px;
    visibility: visible;
    display: inline;
  }
}
#selectedAreaInfo .priceLevelImages {
  max-width: calc(100% - 6em);
}
#selectedAreaInfo .priceLevelImages .levelName {
  display: none;
}
#selectedAreaInfo .priceLevelImages .seat {
  border: 1px solid #aaaaaa;
  margin-right: 0.3em;
}
@media only screen and (max-width: 780px) {
  #selectedAreaInfo .priceLevelImages .price-range {
    font-size: 11px;
  }
}
#selectedAreaInfo .priceLevelImages .price-range .max-price:not(:empty):before {
  content: '-';
  margin-right: 0.3em;
}
#selectedAreaInfo .priceLevelImages span.additionalPrices {
  display: none;
}
#selectedAreaInfo .priceLevelImages span.additionalPrices:before {
  content: '(';
}
#selectedAreaInfo .priceLevelImages span.additionalPrices:after {
  content: ')';
}
#selectedAreaInfo .priceLevelImages span.additionalPrices > span {
  line-height: 1.5em;
  font-size: 0.75em;
}
#selectedAreaInfo .priceLevelImages span.additionalPrices > span + span:before {
  content: ', ';
}
#selectedAreaInfo .priceLevelImages span.additionalPrices > span > .name {
  unicode-bidi: embed;
  margin-right: 0.5em;
}
#selectedAreaInfo .priceLevelImages span.additionalPrices > span > .price {
  font-style: italic;
}
#selectedAreaInfo.moreInfo .priceLevelImages span.additionalPrices {
  display: inline;
}
#selectedAreaInfo.moreInfo .pricelevel-image-container {
  margin-bottom: 0.6em;
}
#eventPage .subsInfoSection,
.screen-content .subsInfoSection {
  float: left;
  margin-top: -81px;
  white-space: nowrap;
  width: 49%;
}
#eventPage .subsInfoSection .name,
.screen-content .subsInfoSection .name {
  font-size: 2.1rem;
  white-space: normal;
}
#eventPage .subsInfoSection .imageContainer,
.screen-content .subsInfoSection .imageContainer {
  width: auto;
  height: auto;
  background: none;
  background-image: url('../style/flowtheatre.css/images/SubscriptionMed.svg');
  background-size: 75%;
  min-height: 78px;
  background-repeat: no-repeat;
  background-position: 10px 6px;
}
#eventPage .subsInfoSection.partOfSeriesGroup,
.screen-content .subsInfoSection.partOfSeriesGroup {
  margin-left: 1em;
}
#eventPage .subsInfoSection.partOfSeriesGroup .name,
.screen-content .subsInfoSection.partOfSeriesGroup .name {
  font-size: 1.6rem;
}
#eventPage .subsInfoSection.partOfSeriesGroup .imageContainer img,
.screen-content .subsInfoSection.partOfSeriesGroup .imageContainer img {
  max-height: 70px;
}
#eventPage .subsInfoSection.partOfSeriesGroup .partOfSeriesGroupTitle,
.screen-content .subsInfoSection.partOfSeriesGroup .partOfSeriesGroupTitle {
  display: none;
}
#eventPage .subsInfoSection .seriesGroup,
.screen-content .subsInfoSection .seriesGroup {
  margin-left: -1em;
}
#eventPage .subsInfoSection .seriesGroup .name,
.screen-content .subsInfoSection .seriesGroup .name {
  font-size: 2.1rem;
  padding-top: 0;
}
#eventPage .subsInfoSection .seriesGroup .seriesInGroup,
.screen-content .subsInfoSection .seriesGroup .seriesInGroup {
  font-size: 1.6rem;
  color: #1f76b1;
  font-style: italic;
}
#eventPage .subsInfoSection .seriesGroup .imageContainer,
.screen-content .subsInfoSection .seriesGroup .imageContainer {
  background-image: none;
}
#eventPage .subsInfoSection .seriesGroup .imageContainer img,
.screen-content .subsInfoSection .seriesGroup .imageContainer img {
  max-height: 30px;
}
@media only screen and (max-width: 780px) {
  .promptExtras-dialog {
    max-width: 100%;
  }
}
.promptExtras-dialog .promptExtrasDlg .element {
  clear: both;
  margin-bottom: 0.5em;
  /*width:  calc((@promptExtrasElementWidth + 2em) * 4 + 16em);*/

}
.promptExtras-dialog .promptExtrasDlg .linkedDetails {
  font-size: 1.7rem;
}
.promptExtras-dialog .promptExtrasDlg h3 {
  background: -moz-linear-gradient(left, #d1eff4 0%, rgba(209, 239, 244, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, from(#d1eff4), to(rgba(209, 239, 244, 0)));
  background: -webkit-linear-gradient(left, #d1eff4 0%, rgba(209, 239, 244, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #d1eff4, rgba(209, 239, 244, 0));
  background: -ms-linear-gradient(left, #d1eff4, rgba(209, 239, 244, 0));
  background: linear-gradient(to right, #d1eff4 0%, rgba(209, 239, 244, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd1eff4, endColorstr=#00d1eff4, GradientType=1);
  /* IE6-9 */

  color: #404041;
  padding: 0.2em 1em;
}
body.dir-RTL .promptExtras-dialog .promptExtrasDlg h3 {
  background: -moz-linear-gradient(left, rgba(209, 239, 244, 0) 0%, #d1eff4 100%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(209, 239, 244, 0)), to(#d1eff4));
  background: -webkit-linear-gradient(left, rgba(209, 239, 244, 0) 0%, #d1eff4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, rgba(209, 239, 244, 0), #d1eff4);
  background: -ms-linear-gradient(left, rgba(209, 239, 244, 0), #d1eff4);
  background: linear-gradient(to right, rgba(209, 239, 244, 0) 0%, #d1eff4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00d1eff4, endColorstr=#ffd1eff4, GradientType=1);
  /* IE6-9 */

}
.promptExtras-dialog .promptExtrasDlg .elementItems {
  float: left;
  padding-left: 2em;
  max-width: 80%;
  /*width: calc((@promptExtrasElementWidth + 2em) * 4 + 2em);*/

}
@media only screen and (max-width: 780px) {
  .promptExtras-dialog .promptExtrasDlg .elementItems {
    margin-top: 56px;
    padding-left: 0px;
    max-width: 100%;
  }
}
.promptExtras-dialog .promptExtrasDlg .elementItem {
  width: 10em;
  height: calc(10em * 1.5);
  display: inline-block;
  padding: 0 3em;
}
@media only screen and (max-width: 780px) {
  .promptExtras-dialog .promptExtrasDlg .elementItem {
    padding-left: calc(50% - 5em);
    padding-right: calc(50% - 5em);
  }
}
.promptExtras-dialog .promptExtrasDlg .elementItem .imgContainer {
  width: 10em;
  height: calc(10em * 0.6);
  overflow: hidden;
  background-image: url('../style/flowtheatre.css/images/merchandiseMed.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .imgContainer > img {
  width: auto;
  height: auto;
  max-width: 60px;
  max-height: 53px;
  margin-left: 41px;
  margin-top: 26px;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .name {
  font-weight: bold;
  text-align: center;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .imgContainer {
  background-image: url('../style/flowtheatre.css/images/ticketMed.svg');
}
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .imgContainer > img {
  margin-top: 8px;
  margin-left: 43px;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .date {
  font-size: 1.3rem;
  width: 100%;
  text-align: center;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .date span {
  color: white;
  background-color: #757575;
  text-align: center;
  margin-top: 0.5em;
  padding: 0.2em;
  display: inline-block;
  width: calc(2 * 10em / 3 - 0.2em);
}
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .imgContainer + .name,
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .imgContainer + .name + .date {
  text-align: center;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo:after {
  content: '';
  display: block;
  clear: both;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .seriesInfo .imgContainer {
  background-image: url('../style/flowtheatre.css/images/subscriptionMed.svg');
}
.promptExtras-dialog .promptExtrasDlg .elementItem .seriesInfo .imgContainer > img {
  margin-top: 8px;
  margin-left: 43px;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .chooseQty,
.promptExtras-dialog .promptExtrasDlg .elementItem .productAttribute {
  position: relative;
  line-height: 1.6em;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .chooseQty span,
.promptExtras-dialog .promptExtrasDlg .elementItem .productAttribute span,
.promptExtras-dialog .promptExtrasDlg .elementItem .chooseQty label,
.promptExtras-dialog .promptExtrasDlg .elementItem .productAttribute label {
  font-size: 1.2rem;
  padding-right: 0.5em;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .chooseQty span:after,
.promptExtras-dialog .promptExtrasDlg .elementItem .productAttribute span:after,
.promptExtras-dialog .promptExtrasDlg .elementItem .chooseQty label:after,
.promptExtras-dialog .promptExtrasDlg .elementItem .productAttribute label:after {
  content: ':';
}
.promptExtras-dialog .promptExtrasDlg .elementItem .chooseQty select,
.promptExtras-dialog .promptExtrasDlg .elementItem .productAttribute select {
  position: absolute;
  right: 0;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .facepricing {
  text-decoration: line-through;
  display: inline-block;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .pricing {
  text-align: center;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .pricing span {
  display: block;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .pricing select {
  margin: 0.5em 0;
  font-size: 1.3rem;
  width: 100%;
}
.promptExtras-dialog .promptExtrasDlg .elementItem .facepricing + .pricing {
  padding-left: 0.5em;
  display: inline-block;
}
.promptExtras-dialog .promptExtrasDlg .elementMessage {
  float: right;
  width: 10em;
  height: calc(10em * 1.5);
  border: 1px solid #cccccc;
  background-color: #eeeeee;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 780px) {
  .promptExtras-dialog .promptExtrasDlg .elementMessage {
    position: absolute;
    width: 85%;
    float: left;
    height: auto;
  }
}
.promptExtras-dialog .promptExtrasDlg .elementMessage:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f05a";
  padding-right: 0.5em;
  display: block;
}
@media only screen and (max-width: 780px) {
  
}
@media only screen and (max-width: 780px) {
  .ui-dialog-buttonpane button {
    width: 100%;
  }
}
#PH_TunnelLocation {
  float: right;
  width: 100%;
}
.tunnelLocation {
  float: right;
  width: 50%;
}
#eventPage {
  clear: both;
}
#eventPage .infoSection {
  /* display: inline-block; */
  white-space: nowrap;
  float: left;
  margin-right: 7em;
  margin-top: -80px;
  /* minus the height of Tunnel */
  width: 49%;
}
#eventPage .infoSection .name {
  font-size: 2.1rem;
}
#eventPage .infoSection .imageContainer img {
  max-height: 80px;
  width: auto;
  max-width: 104px;
  height: auto;
}
#eventPage .infoSection .date div {
  margin: 0;
  font-size: 1.2em;
  display: inline-block;
  padding-right: 0.2em;
  font-weight: bold;
}
#eventPage.seated #hallMap,
#eventPage.non-seated #hallMap {
  top: 30px;
  right: 0;
}
@media not screen and (max-width: 780px) {
  #eventPage.seated #hallMap,
  #eventPage.non-seated #hallMap {
    position: absolute;
  }
}
#eventPage.seated #hallMap > .magnify,
#eventPage.non-seated #hallMap > .magnify {
  position: absolute;
  bottom: 0;
  left: 0;
  cursor: pointer;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
}
@media only screen and (max-width: 780px) {
  #eventPage.seated #hallMap > .magnify,
  #eventPage.non-seated #hallMap > .magnify {
    position: relative;
    font-size: 1.02em;
    text-decoration: underline;
    padding-right: 10px;
    font-family: Ubuntu, Arial, sans-serif;
    top: 55px;
  }
}
#eventPage.seated #hallMap > .magnify:before,
#eventPage.non-seated #hallMap > .magnify:before {
  content: "\f0b2";
}
@media only screen and (max-width: 780px) {
  #eventPage.seated #hallMap > .magnify:before,
  #eventPage.non-seated #hallMap > .magnify:before {
    content: "";
  }
}
#eventPage #availableOperations {
  margin-bottom: 1em;
}
#eventPage.non-seated #availableOperations,
#eventPage.hallMap #availableOperations {
  display: none;
}
#eventPage #availableOperationTitle {
  display: inline-block;
}
#eventPage #availableOperationTitle:after {
  content: ':';
}
#eventPage #availableOperations input[type=radio] {
  display: none;
}
#eventPage #availableOperations .operationTypeContainer LABEL {
  background-color: #cccccc;
  padding: 0.2em 0.5em;
  margin: 0 0.5em;
  display: inline-block;
  border-radius: 0.5em;
  color: black;
  cursor: pointer;
}
#eventPage #availableOperations .operationTypeContainer.selected LABEL {
  color: white;
  background-color: #1b6597;
}
#eventPage #availableOperations .operationTypeContainer.selected LABEL:disabled {
  background-color: #d1dae0;
  color: #999999;
}
#eventPage.seated #ticketsPane {
  /* width:auto; */
  /*min-width: 320px;*/
  width: 150px;
}
.selectArea {
  float: left;
}
body[data-whatinput="keyboard"] .priceLevelInfo.ui-selectmenu-button:focus-within {
  outline: 2px solid red;
}
.selectArea + .ui-selectmenu-button {
  width: 100% !important;
  position: absolute;
  bottom: 0;
  left: 0;
  visibility: hidden;
  box-sizing: border-box;
}
/*@namespace tix url('http://toptix.com/2010/esro'); */

#legend {
  display: none;
}
.priceLevelImages {
  display: block;
}
.pricelevel-image-container {
  float: left;
  margin-right: 1em;
}
/*.selectedAreaInfo.moreInfo .pricelevel-image-container
{
	margin-right: 6.5em;
}*/

body.dir-RTL .pricelevel-image-container > .price {
  float: left;
}
.selectTickets .row div.priceLevels,
.priceLevelImages .seat,
.priceLevelInfo span.seat,
#selPriceLevel-menu span.seat {
  background-image: url('../style/flowtheatre.css/images/Event4/ticketIcon.png');
  background-size: contain;
  -ms-behavior: url('../style/ie/backgroundsize.htc');
  clear: left;
  width: 1.5em;
  height: 1.5em;
  /* margin-bottom:0.3em; */
  display: inline-block;
}
#selPriceLevel-menu .info.ui-menu-item-wrapper:first-child {
  margin-top: 2px;
}
#selPriceLevel-menu .info.ui-menu-item-wrapper:last-child {
  margin-bottom: 2px;
}
#selPriceLevel-menu .info.ui-menu-item-wrapper.ui-state-active {
  border-width: 0;
  margin-left: 0;
  margin-right: 0;
  background-image: none;
  background-color: #eeeeee;
}
body[data-whatinput="keyboard"] #selPriceLevel-menu .info.ui-menu-item-wrapper.ui-state-active,
body:not([data-whatinput]) #selPriceLevel-menu .info.ui-menu-item-wrapper.ui-state-active {
  outline: solid red 2px;
}
.selectTickets .row div.priceLevels,
.priceLevelImages .seat {
  float: left;
}
.priceLevelInfo span.seat {
  vertical-align: middle;
}
#selPriceLevel-menu .info .levelName,
.priceLevelInfo .info .levelName {
  display: none;
}
#selPriceLevel-menu .info .maxPrice,
.priceLevelInfo .info .maxPrice {
  cursor: pointer;
  margin-left: 0.3em;
}
#selPriceLevel-menu .info .maxPrice:before,
.priceLevelInfo .info .maxPrice:before {
  margin-right: 0.3em;
}
html[lang=nl-NL] #selPriceLevel-menu .info .maxPrice:before,
html[lang=nl-NL] .priceLevelInfo .info .maxPrice:before {
  content: 'Tot';
}
html[lang=es-PR] #selPriceLevel-menu .info .maxPrice:before,
html[lang=es-PR] .priceLevelInfo .info .maxPrice:before {
  content: 'A';
}
#selPriceLevel-menu .info .maxPrice:before,
.priceLevelInfo .info .maxPrice:before {
  content: 'to';
}
html[lang=he-IL] #selPriceLevel-menu .info .maxPrice:before,
html[lang=he-IL] .priceLevelInfo .info .maxPrice:before {
  content: 'עד';
}
#selPriceLevel-menu .info.single .maxPrice,
.priceLevelInfo .info.single .maxPrice {
  display: none;
}
.selectTickets .row div.priceLevels {
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  width: 1em;
  height: 1em;
}
.small_button_a.proceed {
  float: inherit;
}
#HelpDeskRequestPanel {
  clear: left;
  background-color: inherit;
  padding: 0;
  margin: 1em;
}
#eventPage.hallMap #HelpDeskRequestPanel {
  clear: none;
  float: left;
  /* margin-left: 2em; */

}
.seriesHospitalityOffer {
  float: left;
  margin-bottom: 1em;
  max-width: 45%;
  border: solid #cccccc 1px;
  padding: 1em;
  box-sizing: border-box;
  text-align: right;
}
.seriesHospitalityOffer > div {
  font-size: medium;
  text-align: left;
}
.seriesHospitalityOffer > a {
  border: 1px solid green;
  padding: 0.2em 1em;
  color: white;
  background-color: green;
}
#eventPage .legends {
  width: 15%;
  min-width: 10em;
  border: 1px black solid;
  padding: 1em;
  float: right;
  clear: right;
  box-shadow: 0 0px 3px 0px rgba(51, 51, 51, 0.35);
  border: solid #cccccc 1px;
  border-radius: 2px;
  font-size: 1.2rem;
}
#eventPage .priceGauge > div {
  margin-bottom: 0.5em;
}
#eventPage .priceGauge .levelName {
  display: none;
}
#eventPage .priceGauge .maxPrice {
  font-weight: bold;
  margin-left: 0.3em;
}
#eventPage .priceGauge .minPrice:before {
  content: '(- ';
}
#eventPage .priceGauge .minPrice:after {
  content: ')';
}
#eventPage.hallMap .tabsWrapper/*,#eventPage.hallMap #leftPane*/ {
  display: none;
}
#eventPage #content,
#eventPage.seated #ticketsPane {
  display: inline;
}
/* ==========
* Tabs
* =========== */

#eventPage #legend {
  margin: auto 0 auto 0;
  padding: 0;
}
#eventPage #legend .title {
  display: none;
}
#imgLegendTaken,
#imgLegendTaken + span,
#imgLegendMySelection,
#imgLegendMySelection + span {
  display: none;
}
/* ==========
* Tabs
* =========== */

#eventPage .tabsWrapper {
  display: inline-block;
  padding: 0;
  font-size: 1.3rem;
  margin: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  border-left: 1px #cccccc solid;
}
#eventPage .tabsWrapper > * {
  margin: 0;
  display: inline-block;
  float: left;
}
#eventPage .tabsWrapper > div.left {
  /*width:36px;
    height:54px;
    background-image:url('../style/flowtheatre.css/images/tab-left-curve.png');*/
  display: none;
}
#eventPage .tabsWrapper > div.right {
  width: 36px;
  height: 54px;
  background-image: url('../style/flowtheatre.css/images/tab-right-curve.png');
  background-color: white;
}
@media only screen and (max-width: 780px) {
  #eventPage .tabsWrapper > div.right {
    background-color: #f2f2f2;
  }
}
/* lock dir {{*/

body.dir-RTL #eventPage .tabsWrapper > div.left {
  background-image: url('../style/flowtheatre.css/images/tab-right-curve.png');
}
body.dir-RTL #eventPage .tabsWrapper > div.right {
  background-image: url('../style/flowtheatre.css/images/tab-left-curve.png');
  background-color: white;
}
@media only screen and (max-width: 780px) {
  body.dir-RTL #eventPage .tabsWrapper > div.right {
    background-color: #f2f2f2;
  }
}
/*}}*/

#eventPage .tabsWrapper > div.center {
  background-image: url('../style/flowtheatre.css/images/center-higher-tab.png');
  padding-top: 10px;
  padding-left: 1em;
  height: 54px;
  box-sizing: border-box;
  background-color: white;
}
@media only screen and (max-width: 780px) {
  #eventPage .tabsWrapper > div.center {
    background-color: #f2f2f2;
  }
}
#eventPage .tabsWrapper > div.center > div {
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 3%/50%;
  padding: 0.2em 0.3em;
  /*display:inline-block;
    background-image:url('../style/flowtheatre.css/images/Event4/capsule.png');
    background-size: 100% 100%;
    -ms-behavior: url('../style/ie/backgroundsize.min.htc');
    background-repeat:no-repeat;
    white-space: nowrap;
    box-sizing: content-box;*/

}
#eventPage .tabsWrapper .tab {
  font-size: 1em;
  box-sizing: border-box;
  padding: 0.3em 0.1em;
  /*margin:0;
    border-style:none;
    font-size:1em;
    box-sizing:border-box;
    min-width: 130px;
    min-height: 20px;
    line-height: 20px;*/

}
#eventPage .tabsWrapper .tab:first-child {
  padding-left: 2em;
}
#eventPage .tabsWrapper .tab.selected {
  font-weight: normal;
}
#eventPage .tabsWrapper .tab:hover {
  color: #cb2b19;
}
#eventPage #selectSeatsTab {
  border-top-left-radius: 7px 50%;
  border-bottom-left-radius: 7px 50%;
  background-position-x: 3px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89.452 89.452' width='89.452' height='89.452'%3E%3Cpath fill='%23ffffff' d='M44.726 85.716c-22.602 0-40.99-18.388-40.99-40.99s18.388-40.99 40.99-40.99c22.603 0 40.992 18.39 40.992 40.99s-18.39 40.99-40.992 40.99z'/%3E%3Cpath fill='%23cccccc' d='M44.726 0C20.024 0 0 20.024 0 44.727c0 24.7 20.024 44.726 44.726 44.726 24.703 0 44.726-20.024 44.726-44.726C89.452 20.024 69.428 0 44.726 0zM70.16 71.912c-4.51-1.662-10.85-3.81-14.925-5.014-.11-.042-.363-.082-.736-.35-.376-.267-.624-.735-.708-1.046-.158-.664-.137-1.138-.137-2.15 0-2.016.764-3.823 1.455-5.304.652-1.316 1.453-3.804 1.717-5.878l.057-.434.27-.336c.658-.764 1.71-2.42 2.396-5.91.27-1.29.365-2.192.365-2.846-.02-.906-.148-1.295-.365-1.875l-.01-.022v-.017c0-.02-.08-.13-.174-.525v-.015-.02c-.074-.375-.074-.696-.096-1.144 0-1.644.254-4.62.713-7.148.035-.295.094-.695.094-1.154.006-2.05-.7-5.283-2.797-7.964-1.633-2.06-4.656-4.63-10.61-5.03H43.28c-5.835.394-8.854 2.97-10.52 5.035-2.103 2.68-2.808 5.91-2.79 7.965 0 .453.02.854.078 1.143.452 2.533.695 5.5.695 7.148-.005.47-.005.78-.073 1.18l-.012.044-.02.063c-.068.2-.105.347-.138.426l-.01.026-.018.02c-.216.6-.342.99-.368 1.906 0 .644.09 1.54.354 2.814.71 3.497 1.752 5.172 2.4 5.92l.296.333.052.43c.265 2.08 1.076 4.537 1.708 5.896.663 1.422.9 3.118.9 5.352 0 .568 0 .99-.027 1.344-.02.362-.046.657-.21 1.06-.095.277-.332.6-.595.788-.364.265-.617.307-.728.36-4.278 1.256-10.56 3.445-14.81 5.074-7.355-6.81-11.973-16.54-11.973-27.332C7.47 24.183 24.18 7.47 44.722 7.47c20.542 0 37.255 16.713 37.255 37.256.003 10.716-4.552 20.383-11.817 27.186z'/%3E%3C/svg%3E");
  background-size: auto 100%;
  /*Fix style issue*/
  background-repeat: no-repeat;
  background-color: transparent;
}
#eventPage #selectSeatsTab.selected {
  color: white;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121.182 88.515' width='121.182' height='88.515'%3E%3Cpath fill='%23ffffff' d='M.052 0H121.04v88.515H.052z'/%3E%3Cpath fill='%23ee4036' d='M0 88.41h121.182C45.742 65.582 63.722 6.363 6.12.334 5.224.305 4.384.28 3.63.28H0v88.13z'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89.452 89.452' width='89.452' height='89.452'%3E%3Cpath fill='%23ffffff' d='M44.726 85.716c-22.602 0-40.99-18.388-40.99-40.99s18.388-40.99 40.99-40.99c22.603 0 40.992 18.39 40.992 40.99s-18.39 40.99-40.992 40.99z'/%3E%3Cpath fill='%23ee4036' d='M44.726 0C20.024 0 0 20.024 0 44.727c0 24.7 20.024 44.726 44.726 44.726 24.703 0 44.726-20.024 44.726-44.726C89.452 20.024 69.428 0 44.726 0zM70.16 71.912c-4.51-1.662-10.85-3.81-14.925-5.014-.11-.042-.363-.082-.736-.35-.376-.267-.624-.735-.708-1.046-.158-.664-.137-1.138-.137-2.15 0-2.016.764-3.823 1.455-5.304.652-1.316 1.453-3.804 1.717-5.878l.057-.434.27-.336c.658-.764 1.71-2.42 2.396-5.91.27-1.29.365-2.192.365-2.846-.02-.906-.148-1.295-.365-1.875l-.01-.022v-.017c0-.02-.08-.13-.174-.525v-.015-.02c-.074-.375-.074-.696-.096-1.144 0-1.644.254-4.62.713-7.148.035-.295.094-.695.094-1.154.006-2.05-.7-5.283-2.797-7.964-1.633-2.06-4.656-4.63-10.61-5.03H43.28c-5.835.394-8.854 2.97-10.52 5.035-2.103 2.68-2.808 5.91-2.79 7.965 0 .453.02.854.078 1.143.452 2.533.695 5.5.695 7.148-.005.47-.005.78-.073 1.18l-.012.044-.02.063c-.068.2-.105.347-.138.426l-.01.026-.018.02c-.216.6-.342.99-.368 1.906 0 .644.09 1.54.354 2.814.71 3.497 1.752 5.172 2.4 5.92l.296.333.052.43c.265 2.08 1.076 4.537 1.708 5.896.663 1.422.9 3.118.9 5.352 0 .568 0 .99-.027 1.344-.02.362-.046.657-.21 1.06-.095.277-.332.6-.595.788-.364.265-.617.307-.728.36-4.278 1.256-10.56 3.445-14.81 5.074-7.355-6.81-11.973-16.54-11.973-27.332C7.47 24.183 24.18 7.47 44.722 7.47c20.542 0 37.255 16.713 37.255 37.256.003 10.716-4.552 20.383-11.817 27.186z'/%3E%3C/svg%3E");
  background-size: auto 104%;
  /*Fix style issue*/
  background-position: 101% center, left center;
  background-color: #ee4036;
  padding-right: 3em;
}
#eventPage .tabsWrapper #baTab {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89.453 89.453' width='89.453' height='89.453'%3E%3Cpath d='M45.59 85.716c-22.603 0-40.99-18.388-40.99-40.99 0-22.6 18.387-40.99 40.99-40.99s40.99 18.39 40.99 40.99c0 22.602-18.388 40.99-40.99 40.99z' fill='%23ffffff'/%3E%3Cpath fill='%23cccccc' d='M44.727 0C20.024 0 0 20.024 0 44.727c0 24.7 20.024 44.726 44.727 44.726 24.703 0 44.727-20.023 44.727-44.726S69.43 0 44.727 0zm.182 82.05c-11.44 0-21.675-5.145-28.533-13.24 4.6-1.24 6.462-1.752 9.545-2.186.697-.1 4.048-.382 4.76-.46 9.64-1.1 13.95 2.712 18.423 2.652 4.396-.058 7.777-.145 13.81-1.228 6.106-1.53 6.745-2.988 5.845-8.32 3.414-4.242.21-7.69.848-8.886 3.215-5.97-.66-8.473-.707-8.518.775-1.927 1.1-2.294.136-4.963-1.205-3.343-15.514-2.08-15.514-2.08 4.857-7.12 2.81-13.716 2.81-13.716-1.075-2.365-3.352-3.02-5.037-1.457-1.695 1.55-1.66 5.002-2.256 6.133-.597 1.123-2.104 5.722-7.12 9.18-4.096 2.817-6.45 5.103-7.83 6.662-1.248 1.41-2.26 2.296-6.396 2.634-2.21.257-16.466.192-20.154-.24.347-20.347 16.94-36.737 37.37-36.737 20.646 0 37.385 16.737 37.385 37.384 0 20.648-16.738 37.385-37.386 37.385z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 3px);
  padding-right: 2.5em;
  border-top-right-radius: 7px 50%;
  border-bottom-right-radius: 7px 50%;
  background-color: transparent;
  background-size: auto 100%;
  /*Fix style issue*/

}
#eventPage .tabsWrapper #baTab.selected {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89.453 89.453' width='89.453' height='89.453'%3E%3Cpath fill='%23ffffff' d='M45.59 85.716c-22.603 0-40.99-18.388-40.99-40.99 0-22.6 18.387-40.99 40.99-40.99s40.99 18.39 40.99 40.99c0 22.602-18.388 40.99-40.99 40.99z'/%3E%3Cpath fill='%23ee4036' d='M44.727 0C20.024 0 0 20.024 0 44.727c0 24.7 20.024 44.726 44.727 44.726 24.703 0 44.727-20.023 44.727-44.726S69.43 0 44.727 0zm.182 82.05c-11.44 0-21.675-5.145-28.533-13.24 4.6-1.24 6.462-1.752 9.545-2.186.697-.1 4.048-.382 4.76-.46 9.64-1.1 13.95 2.712 18.423 2.652 4.396-.058 7.777-.145 13.81-1.228 6.106-1.53 6.745-2.988 5.845-8.32 3.414-4.242.21-7.69.848-8.886 3.215-5.97-.66-8.473-.707-8.518.775-1.927 1.1-2.294.136-4.963-1.205-3.343-15.514-2.08-15.514-2.08 4.857-7.12 2.81-13.716 2.81-13.716-1.075-2.365-3.352-3.02-5.037-1.457-1.695 1.55-1.66 5.002-2.256 6.133-.597 1.123-2.104 5.722-7.12 9.18-4.096 2.817-6.45 5.103-7.83 6.662-1.248 1.41-2.26 2.296-6.396 2.634-2.21.257-16.466.192-20.154-.24.347-20.347 16.94-36.737 37.37-36.737 20.646 0 37.385 16.737 37.385 37.384 0 20.648-16.738 37.385-37.386 37.385z'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121.182 88.516' width='121.182' height='88.516'%3E%3Cpath d='M.142 0H121.13v88.516H.142z' fill='%23ffffff'/%3E%3Cpath fill='%23ee4036' d='M121.182.106H0C75.44 22.932 57.46 82.15 115.063 88.18c.895.028 1.734.055 2.488.055h3.632V.105z'/%3E%3C/svg%3E");
  background-size: auto 104%;
  /*Fix style issue*/
  background-position: right center, -1% center;
  background-color: #ee4036;
  color: white;
  padding-left: 3em;
}
body.dir-RTL #eventPage #selectSeatsTab.selected {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121.182 88.516' width='121.182' height='88.516'%3E%3Cpath d='M.142 0H121.13v88.516H.142z' fill='%23ffffff'/%3E%3Cpath fill='%23ee4036' d='M121.182.106H0C75.44 22.932 57.46 82.15 115.063 88.18c.895.028 1.734.055 2.488.055h3.632V.105z'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89.452 89.452' width='89.452' height='89.452'%3E%3Cpath fill='%23ffffff' d='M44.726 85.716c-22.602 0-40.99-18.388-40.99-40.99s18.388-40.99 40.99-40.99c22.603 0 40.992 18.39 40.992 40.99s-18.39 40.99-40.992 40.99z'/%3E%3Cpath fill='%23ee4036' d='M44.726 0C20.024 0 0 20.024 0 44.727c0 24.7 20.024 44.726 44.726 44.726 24.703 0 44.726-20.024 44.726-44.726C89.452 20.024 69.428 0 44.726 0zM70.16 71.912c-4.51-1.662-10.85-3.81-14.925-5.014-.11-.042-.363-.082-.736-.35-.376-.267-.624-.735-.708-1.046-.158-.664-.137-1.138-.137-2.15 0-2.016.764-3.823 1.455-5.304.652-1.316 1.453-3.804 1.717-5.878l.057-.434.27-.336c.658-.764 1.71-2.42 2.396-5.91.27-1.29.365-2.192.365-2.846-.02-.906-.148-1.295-.365-1.875l-.01-.022v-.017c0-.02-.08-.13-.174-.525v-.015-.02c-.074-.375-.074-.696-.096-1.144 0-1.644.254-4.62.713-7.148.035-.295.094-.695.094-1.154.006-2.05-.7-5.283-2.797-7.964-1.633-2.06-4.656-4.63-10.61-5.03H43.28c-5.835.394-8.854 2.97-10.52 5.035-2.103 2.68-2.808 5.91-2.79 7.965 0 .453.02.854.078 1.143.452 2.533.695 5.5.695 7.148-.005.47-.005.78-.073 1.18l-.012.044-.02.063c-.068.2-.105.347-.138.426l-.01.026-.018.02c-.216.6-.342.99-.368 1.906 0 .644.09 1.54.354 2.814.71 3.497 1.752 5.172 2.4 5.92l.296.333.052.43c.265 2.08 1.076 4.537 1.708 5.896.663 1.422.9 3.118.9 5.352 0 .568 0 .99-.027 1.344-.02.362-.046.657-.21 1.06-.095.277-.332.6-.595.788-.364.265-.617.307-.728.36-4.278 1.256-10.56 3.445-14.81 5.074-7.355-6.81-11.973-16.54-11.973-27.332C7.47 24.183 24.18 7.47 44.722 7.47c20.542 0 37.255 16.713 37.255 37.256.003 10.716-4.552 20.383-11.817 27.186z'/%3E%3C/svg%3E");
  background-position: left center, right center;
  border-radius: 0;
  border-top-right-radius: 7px 50%;
  border-bottom-right-radius: 7px 50%;
}
body.dir-RTL #eventPage .tabsWrapper #baTab.selected {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89.453 89.453' width='89.453' height='89.453'%3E%3Cpath fill='%23ffffff' d='M45.59 85.716c-22.603 0-40.99-18.388-40.99-40.99 0-22.6 18.387-40.99 40.99-40.99s40.99 18.39 40.99 40.99c0 22.602-18.388 40.99-40.99 40.99z'/%3E%3Cpath fill='%23ee4036' d='M44.727 0C20.024 0 0 20.024 0 44.727c0 24.7 20.024 44.726 44.727 44.726 24.703 0 44.727-20.023 44.727-44.726S69.43 0 44.727 0zm.182 82.05c-11.44 0-21.675-5.145-28.533-13.24 4.6-1.24 6.462-1.752 9.545-2.186.697-.1 4.048-.382 4.76-.46 9.64-1.1 13.95 2.712 18.423 2.652 4.396-.058 7.777-.145 13.81-1.228 6.106-1.53 6.745-2.988 5.845-8.32 3.414-4.242.21-7.69.848-8.886 3.215-5.97-.66-8.473-.707-8.518.775-1.927 1.1-2.294.136-4.963-1.205-3.343-15.514-2.08-15.514-2.08 4.857-7.12 2.81-13.716 2.81-13.716-1.075-2.365-3.352-3.02-5.037-1.457-1.695 1.55-1.66 5.002-2.256 6.133-.597 1.123-2.104 5.722-7.12 9.18-4.096 2.817-6.45 5.103-7.83 6.662-1.248 1.41-2.26 2.296-6.396 2.634-2.21.257-16.466.192-20.154-.24.347-20.347 16.94-36.737 37.37-36.737 20.646 0 37.385 16.737 37.385 37.384 0 20.648-16.738 37.385-37.386 37.385z'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121.182 88.515' width='121.182' height='88.515'%3E%3Cpath fill='%23ffffff' d='M.052 0H121.04v88.515H.052z'/%3E%3Cpath fill='%23ee4036' d='M0 88.41h121.182C45.742 65.582 63.722 6.363 6.12.334 5.224.305 4.384.28 3.63.28H0v88.13z'/%3E%3C/svg%3E");
  background-position: left center, right center;
  border-radius: 0;
  border-top-left-radius: 7px 50%;
  border-bottom-left-radius: 7px 50%;
}
/* lock dir {{*/

body.dir-RTL #eventPage .tabsWrapper #baTab {
  background-position-x: 3px;
}
body.dir-RTL #eventPage #selectSeatsTab {
  background-position-x: calc(100% - 3px);
}
/*}}*/

/* ========
* Hall Map
* ======== */

#eventPage.hallMap .timer {
  position: static;
  width: auto;
  margin-bottom: 1em;
}
#eventPage.hallMap #content,
#eventPage.hallMap #leftPane,
#eventPage.hallMap #leftPane > #hallMap {
  display: inline;
  padding: 0;
}
/*#eventPage.hallMap #leftPane
{
    text-align:right;
}*/

#eventPage.hallMap #hallMap > table {
  width: 81%;
  margin: 0;
  float: left;
  display: inline-block;
}
#eventPage.hallMap #hallMap > * {
  text-align: left;
}
#eventPage.hallMap .vfaParent > DIV {
  margin: auto;
}
#eventPage.hallMap .venuMapLegend {
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  margin-top: 1em;
}
#eventPage.hallMap .venuMapLegend > h2,
#eventPage.hallMap .priceGauge > h2 {
  margin: 0 auto auto auto;
  /*font-size:1.2em;*/

}
#eventPage.hallMap .venuMapLegend > h2 + div,
#eventPage.hallMap .priceGauge > h2 + div {
  font-size: 1.2rem;
  margin-bottom: 1em;
}
.venuMapLegend SPAN {
  margin: auto;
  line-height: 2em;
}
/* =========
* Panes
* ======= */

#eventPage #content > div {
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
#eventPage.seated #content,
#eventPage.non-seated #content {
  display: table;
  margin-top: -29px;
}
#eventPage .tabsWrapper + #content {
  display: table;
}
@media only screen and (max-width: 780px) {
  #eventPage .tabsWrapper + #content {
    display: inline;
  }
}
#eventPage #content > div {
  display: table-cell;
}
#eventPage #leftPane,
#eventPage #ticketsPane,
#eventPage .seatingPlanContainer {
  border-width: 1px;
  border-color: #cccccc;
}
#eventPage.seated #leftPane,
#eventPage.non-seated #leftPane {
  background: url('../style/flowtheatre.css/images/lower-tab.png') repeat-x top, url('../style/flowtheatre.css/images/Event4/curve3.png') no-repeat bottom;
  padding-top: 30px;
  /*because of the offset of tabsWrapper */
  border-style: none solid none solid;
  padding-bottom: 40px;
  float: left;
  width: 100%;
  background-size: auto, 100% 40px;
  -ms-behavior: url('../style/ie/backgroundsize.min.htc');
  -ms-behavior: url('../style/ie/PIE.htc');
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
}
@media only screen and (max-width: 780px) {
  #eventPage.seated #leftPane,
  #eventPage.non-seated #leftPane {
    padding-top: 0px;
  }
}
/* lock dir {{*/

body.dir-RTL #eventPage.seated #leftPane,
body.dir-RTL #eventPage.non-seated #leftPane {
  background: url('../style/flowtheatre.css/images/lower-tab.png') repeat-x top, url('../style/flowtheatre.css/images/Event4/curve3-rtl.png') no-repeat bottom;
  background-size: auto, 100% 40px;
}
/* }} */

#eventPage.non-seated #leftPane {
  width: 100%;
}
#eventPage.non-seated #ticketsPane,
#eventPage .seatingPlanContainer {
  border-style: none solid solid solid;
}
#eventPage.non-seated #ticketsPane {
  margin-bottom: 123px;
}
#eventPage.non-seated #ticketsPane {
  padding-top: 0;
  float: left;
  text-align: left;
}
#eventPage.non-seated #ticketsPane > * {
  text-align: left;
  margin-left: 2em;
}
#eventPage.non-seated #ticketsPane h3 {
  display: none;
}
.legend,
.venuMapLegend,
.venueAreas {
  background-color: inherit;
}
#eventPage.non-seated .venueAreas,
#eventPage.seated .venueAreas {
  margin-bottom: 0;
  margin-left: 25px;
}
#eventPage.seated #ticketsPane {
  padding: 0;
}
#eventPage.seated #ticketsPane .icon {
  border-color: #cccccc;
  border-width: 1px;
  width: 60px;
  height: 60px;
  background-image: url('../style/flowtheatre.css/images/Event4/basket-icon.png');
  background-size: contain;
  -ms-behavior: url('../style/ie/backgroundsize.min.htc');
  padding: 0;
  background-repeat: no-repeat;
  margin-bottom: -29px;
  background-color: white;
  position: relative;
  left: 20px;
}
body.dir-RTL #eventPage.seated #ticketsPane .icon {
  background-image: url('../style/flowtheatre.css/images/Event4/basket-icon_rtl.png');
}
#eventPage.seated #ticketsPane .icon:before {
  content: '\e80e';
  font-family: toptix;
  font-size: 25px;
  line-height: 60px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  width: 100%;
}
#eventPage.seated #ticketsPane.noitems .icon:before {
  display: none;
}
#eventPage #content #instructions {
  vertical-align: top;
  max-width: 30em;
  padding: 1em;
  border-left: 1px solid #eeeeee;
  display: none;
}
#eventPage.non-seated #content #instructions {
  display: table-cell;
}
#eventPage #content #instructions > * {
  display: block;
  border-left: 1px solid #cccccc;
  padding-left: 1em;
  margin: 0 auto 0 auto;
}
#eventPage #content #instructions > h3 {
  padding-bottom: 1em;
}
/* Seats plan */

#eventPage .seatingPlanContainer {
  float: left;
  width: 100%;
  background-color: #e6e6e6;
}
#eventPage.non-seated #ticketsPane {
  background-color: transparent;
}
.seatingPlanContainer {
  height: 500px;
  min-width: 480px;
}
#selPriceLevel-button {
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 0px;
  height: 0px;
  opacity: 0;
}
.priceLevelInfo {
  border: 1px solid #cccccc;
  position: relative;
  padding: 0.5em;
  vertical-align: middle;
  background-color: white;
  display: inline-block;
  cursor: pointer;
}
.priceLevelInfo > * {
  display: inline-block;
}
.priceLevelInfo .name,
#selPriceLevel-menu .name {
  display: none;
}
.priceLevelInfo .seat,
#selPriceLevel-menu .seat {
  margin-right: 1em;
}
#selPriceLevel-menu li > div > * {
  vertical-align: middle;
}
.ph_countdowntimer {
  float: right;
  width: 50%;
}
.ph_countdowntimer .timerMessage {
  top: 16px;
  display: inline-block;
}
#eventPage .timer {
  position: relative;
  right: 150px;
  box-sizing: border-box;
  font-size: 0.85em;
  float: right;
  white-space: nowrap;
}
#eventPage .timerMessage {
  display: inline-block;
  padding: 0.3em;
}
#eventPage .timerMessage > div {
  display: inline;
}
#eventPage .timerMessage .graphicCountdownHolder {
  display: none;
}
#ticketsPane .selectTickets h3 {
  display: inline-block;
}
#eventPage.non-seated #ticketsPane .selectTickets h3 + .numOfTickets {
  display: none;
}
#ticketsPane .selectTickets h3 + .numOfTickets {
  display: inline-block;
  margin: 0.5em;
  background-image: url('../style/flowtheatre.css/images/locationMarker.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: white;
  padding: 0.3em 0.3em 0.7em;
  min-width: 1.1em;
  min-height: 1em;
  text-align: center;
}
.promoBox {
  margin-bottom: 1em;
}
#leftPane > *:not(#hallMap) {
  box-sizing: border-box;
}
@media not screen and (max-width: 780px) {
  #leftPane > *:not(#hallMap) {
    margin-right: 2em;
    max-width: calc(100% - 175px - 3em);
  }
}
@media only screen and (max-width: 780px) {
  #leftPane > *:not(#hallMap) {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
}
@supports ( (animation-name: test) or (-webkit-animation-name: test) or (-moz-animation-name: test) or (-o-animation-name: test)) {
  #ticketsPane .selectTickets h3 + .numOfTickets.non-zero {
    animation-name: updateTicketsCount;
    position: absolute;
    animation-direction: alternate;
    animation-iteration-count: 10;
    animation-duration: 0.08s;
    animation-timing-function: cubic-bezier(0.87, 0.01, 0.32, 0.96);
  }
  
  
  @keyframes updateTicketsCount {
    from {
      transform: scale(1, 1);
    }
    to {
      transform: scale(1.2, 1.1);
    }
  }
  
  #ticketsPane .selectTickets h3 + .numOfTickets.zero {
    animation-name: showTicketsCount;
    animation-iteration-count: 1;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.87, 0.01, 0.32, 0.96);
    visibility: visible;
    transform: scale(0);
  }
  
  @keyframes showTicketsCount {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(0);
    }
  }
}
@media screen and (min-width: 781px) and (max-width: 1200px) {
  div#hallMap {
    float: left;
  }
  #eventPage.hallMap .legends {
    width: 100%;
    box-sizing: border-box;
    float: left;
  }
  .legends .priceGauge,
  #eventPage.hallMap .legends #venuMapLegend {
    float: left;
    width: 100%;
  }
  .legends [id^=pl] {
    float: left;
  }
  .legends [id^=pl] + [id^=pl],
  #venuMapLegend .areaAvail ~ .areaAvail {
    margin-left: 0.5rem;
  }
  #venuMapLegend .areaAvail {
    clear: none;
  }
}
@media only screen and (max-width: 780px) {
  #eventPage.seated #hallMap,
  #eventPage.non-seated #hallMap {
    float: right;
    position: inherit;
  }
  #eventPage.seated #hallMap {
    top: 35px;
  }
  #eventPage.non-seated #hallMap {
    top: -10px;
  }
  body #eventPage .timer {
    top: 0;
    width: auto;
    margin: 0.5em 1em;
  }
  #eventPage .infoSection .name {
    white-space: normal;
  }
  #eventPage .infoSection p {
    white-space: normal;
  }
  .selectArea {
    width: 100%;
    height: 40px;
  }
  #eventPage.non-seated .selectTickets .numOfTickets {
    display: inherit;
  }
  .selectTickets .row .priceLevels,
  .priceLevelImages .seat,
  .priceLevelInfo span.seat,
  #selPriceLevel-menu span.seat {
    border: 1px solid gray;
    margin-bottom: -6px;
    margin-top: -1px;
  }
  .priceLevelInfo span.seat {
    margin-bottom: -1px;
  }
  #selPriceLevel-menu span.seat {
    margin-right: 1px;
  }
  #eventPage:not(.hallMap) #selectedAreaTitle {
    font-size: 1.02em;
    width: 95%;
    position: relative;
    display: inherit;
    margin-left: Auto;
    margin-right: auto;
  }
  #eventPage .legends {
    width: 90%;
    border: 0;
    box-shadow: none;
  }
  #eventPage.hallMap .venuMapLegend {
    background-color: transparent;
    float: left;
    border: 1px solid #999999;
    padding: 0.2em;
  }
  #eventPage.hallMap .venuMapLegend .areaAvail:nth-child(4n) {
    float: right;
  }
  #eventPage.hallMap .venuMapLegend .areaAvail + span:nth-child(4n+1) {
    float: right;
  }
  #eventPage.seated #content,
  #eventPage.non-seated #content {
    margin-top: 0px;
    display: block;
  }
  #PH_Event_page #eventPage #hallMap > .magnify {
    top: 0px;
  }
  #eventPage #availableOperationTitle {
    width: 100%;
  }
  #eventPage #availableOperations .operationTypeContainer LABEL {
    width: 88%;
    padding-bottom: 10px;
    margin-bottom: 6px;
  }
  .selectTickets .operationTypeTitle {
    background-color: rgba(85, 172, 238, 0.33);
  }
  #eventPage {
    clear: both;
  }
  #eventPage.non-seated #content #instructions {
    display: none;
  }
  #eventPage .infoSection {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding-top: 1em;
  }
  #eventPage.seated #leftPane,
  #eventPage.non-seated #leftPane,
  body.dir-RTL #eventPage.seated #leftPane,
  body.dir-RTL #eventPage.non-seated #leftPane {
    background: none;
  }
  #ticketsPane .selectTickets .priceLevels > label {
    left: 0px;
    font-weight: 800;
    font-size: 1.02em;
    width: 95%;
    position: relative;
    display: inherit;
    padding-top: 18px;
  }
  .priceLevelInfo {
    margin-bottom: 32px;
  }
  #selPriceLevel-menu {
    border-style: inset;
    border-radius: 0px;
    border-bottom-style: none;
    background: #f3f3f3;
    padding-bottom: 0px;
    margin-top: 76px;
  }
  #selPriceLevel-menu .ui-menu-item {
    /*width: 85px;*/
    display: inline-block;
    background: #f3f3f3;
    margin-left: 2px;
    margin-right: 2px;
  }
  #selPriceLevel-menu .ui-menu-item.ui-state-active,
  #selPriceLevel-menu .ui-menu-item.ui-state-focus,
  #selPriceLevel-menu .ui-menu-item.selectedPriceLevel {
    border-top: 2px solid #999999;
    background: white;
    font-weight: bold;
    display: inline-table;
    height: 100%;
  }
  #selPriceLevel-menu .ui-menu-item.ui-state-active > .ui-menu-item-wrapper,
  #selPriceLevel-menu .ui-menu-item.ui-state-focus > .ui-menu-item-wrapper,
  #selPriceLevel-menu .ui-menu-item.selectedPriceLevel > .ui-menu-item-wrapper {
    border: none;
    border-top: 1px groove #dadada;
    background: white;
    font-weight: normal;
    color: #212121;
    margin: 0;
  }
  #selPriceLevel-menu .ui-menu-item .info {
    /*width: 100%;*/
    float: left;
    padding-bottom: 7px;
    margin-bottom: -38px;
    padding-right: 1px;
    padding-left: 1px;
  }
  .selectTickets .buttonsContainer .viewSeatingPlan {
    display: none;
  }
  body.dir-RTL .ui-selectmenu-menu .ui-menu {
    float: none;
  }
  .selectTickets .tickets .row .pricing {
    float: left;
    white-space: nowrap;
  }
  #eventPage.non-seated .selectTickets {
    width: 95%;
  }
  /*.priceLevelImages span.additionalPrices 
  	{
  		display:none;
  	}*/
  
  #eventPage.non-seated #ticketsPane {
    margin-top: -33px;
    width: 98%;
    margin-left: 1%;
  }
  #eventPage .seatingPlanContainer,
  #eventPage.non-seated #ticketsPane {
    background-image: none;
    padding-top: 0px;
  }
  #eventPage .seatingPlanContainer {
    margin-top: 36px;
  }
  .tunnelLocation {
    width: 100%;
  }
  .venueImageHint {
    display: none !important;
  }
  #eventPage .priceGauge {
    display: none;
  }
  #eventPage .timer {
    display: none;
  }
  #eventPage .tabsWrapper {
    width: 100%;
    margin-top: 11px;
  }
  #eventPage .tabsWrapper > div.center {
    width: 100%;
  }
  #eventPage .tabsWrapper > div.right {
    display: none;
  }
  #eventPage.seated #content > div {
    display: inline-block;
  }
  #eventPage.seated #content > div#ticketsPane {
    visibility: hidden;
  }
  #eventPage.seated #content > div#ticketsPane .warningMessage {
    visibility: visible;
    position: fixed;
    bottom: 0;
    z-index: 10;
  }
  #eventPage.seated #content > div#ticketsPane .selectTickets .tickets,
  #eventPage.seated #content > div#ticketsPane .selectTickets .areas,
  #eventPage.seated #content > div#ticketsPane .selectTickets h3 {
    display: none;
  }
  #eventPage.seated #content > div#ticketsPane .selectTickets h3 + .numOfTickets.non-zero {
    visibility: visible;
    left: 2px;
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 16px;
  }
  #eventPage #content > div#ticketsPane .selectTickets h3 + .numOfTickets.zero {
    color: white;
    background: #cb2b19;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-bottom: solid #be1f32;
    float: right;
    width: 38%;
    padding-right: 5px;
    padding-top: 1em;
    display: inline-block;
    left: auto;
    height: 14px;
    right: 3%;
    top: inherit;
    cursor: pointer;
    visibility: visible;
  }
  #eventPage.seated #content > div#ticketsPane .icon {
    display: none;
  }
  #eventPage.seated #content > div#leftPane #hallMap .venueAreas,
  #eventPage.seated #leftPane #hallMap .venueAreas,
  #eventPage.non-seated #leftPane #hallMap .venueAreas {
    display: none;
  }
  #eventPage.non-seated #ticketsPane > *:not(.ui-selectmenu-menu) {
    margin-left: 0;
    width: 94%;
    margin-left: Auto;
    margin-right: auto;
    float: none;
    max-width: 94%;
    margin: 0em;
    padding-left: 1em;
  }
  body.screen-Event4_aspx .ph_event_page #ticketsPane .ui-selectmenu-menu.ui-front {
    width: 93%;
    overflow-x: auto;
  }
  body.screen-Event4_aspx .ph_event_page #ticketsPane .selectTickets.mode-GeneralAdmission h4 {
    margin-top: -11px;
    margin-bottom: 49px;
  }
  body.screen-Event4_aspx .ph_event_page #ticketsPane .ui-selectmenu-menu::-webkit-scrollbar {
    width: 0 !important;
  }
  body.screen-Event4_aspx .ph_event_page .non-seated #ticketsPane .mode-BestAvailable + .ui-selectmenu-menu {
    top: 10px !important;
  }
  .screen-Event4_aspx #PH_ScrollTop,
  .screen-Event4_aspx #group_Footer {
    display: none;
  }
  #ticketsPane .selectTickets h3 + .numOfTickets.non-zero,
  #ticketsPane .selectTickets h3 + .numOfTickets.zero {
    position: fixed;
    z-index: 10;
    display: block;
    transform: none;
    background-image: none;
    color: black;
    font-size: 13px;
    font-weight: bold;
    bottom: 31px;
  }
  #eventPage .tabsWrapper .tab {
    font-size: 11px;
    max-width: 50%;
    line-height: 15px;
    border-style: hidden;
    width: 50%;
  }
  #eventPage .tabsWrapper .tab:first-child {
    padding-left: 2.3em;
  }
  #eventPage .tabsWrapper .tab:last-child {
    padding-left: 2em;
  }
  #eventPage .tabsWrapper > div.center > div {
    width: 96%;
  }
  #eventPage .seatingPlanContainer {
    min-width: 0px;
    width: 100%;
    margin-top: 36px;
    height: 100vw;
  }
  #eventPage.hallMap #HelpDeskRequestPanel {
    margin: 0.5em;
  }
}

/*
	+-----------------------------------------------------------------------------------------------------------------+
	| Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg !  |
	+-----------------------------------------------------------------------------------------------------------------+ 
*/
/*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/

/*ATTENTION: override only via config files!*/

@keyframes blinkTitle {
  from {
    color: silver;
  }
  to {
    color: #404041;
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.ph_tunnellocation {
  height: 80px;
  background-image: url('../style/flowtheatre.css/images/tunnel/topShadow.png');
  background-repeat: repeat-x;
  padding-top: 30px;
}
.tunnelLocation {
  max-width: 960px;
  width: 50%;
}
.part {
  width: 25%;
  /* height:130px; */
  float: left;
  position: relative;
  margin-left: -4px;
}
.part:first-child {
  margin-left: 0;
  margin-right: 2px;
  width: 16.66%;
}
.part:last-child {
  width: 8.33%;
  margin-left: -2px;
}
.path {
  /*border: 1px solid #999999;*/
  width: 60%;
  width: calc(100% - 50px);
  height: 8px;
  float: left;
  position: relative;
  margin-top: 39px;
  background: white;
  z-index: 5;
  border-left: 0;
  border-right: 0;
}
.part:last-child .path {
  width: 100%;
}
.innerpath {
  background: #cccccc;
  width: 107%;
  height: 100%;
  position: relative;
  z-index: 5;
  margin-left: -3%;
}
.part:first-child .path {
  padding-left: 1px;
}
.part:first-child .innerpath {
  margin-left: 0;
  width: 104%;
}
/*
.part:last-child .path
{
	border-left: 0;
	border-right: 1px solid;
	margin-left: -2px;
	padding-right: 1px;
}

.part:last-child .innerpath
{
	margin-right: 0;
	width:103%;
}*/

.tunnelLocation .name {
  font-size: 1.3rem;
  position: absolute;
  right: 0;
  width: 100px;
  text-align: center;
  margin-right: -25px;
}
.pointer {
  border: 1px solid #999999;
  border-top: 0;
  border-bottom: 0;
  width: 6px;
  height: 42px;
  position: absolute;
  bottom: 0;
  right: 17%;
  z-index: 5;
  background: white;
  padding: 0 1px;
  display: none;
}
.innerpointer {
  background: #1f76b1;
  width: 100%;
  height: 45px;
  margin-top: -3px;
}
.wrapstep {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  top: 0;
  position: absolute;
  right: 2px;
  background: white;
  box-sizing: border-box;
  margin-top: 20px;
  -ms-behavior: url('../style/ie/PIE.htc');
}
.part:first-child .wrapstep {
  right: 0;
}
.step {
  background: #cccccc;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  color: white;
  font-size: large;
  text-align: center;
  position: relative;
  -ms-behavior: url('../style/ie/PIE.htc');
}
.part:not(.selected):not(.complete) .step {
  color: black;
}
.stepContent {
  position: absolute;
  top: 13px;
  left: 39%;
}
.tunnelLocation .selected .name {
  color: #081f2f;
}
.selected .step {
  background-color: #1f76b1;
}
.selected .pointer {
  display: none;
}
.selected .innerpath {
  background: #1c7251;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTM0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjc1YmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #1c7251 0%, #1f76b1 100%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, from(#1c7251), to(#1f76b1));
  background: -webkit-linear-gradient(left, #1c7251 0%, #1f76b1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #1c7251, #1f76b1);
  background: -ms-linear-gradient(left, #1c7251, #1f76b1);
  background: linear-gradient(to right, #1c7251 0%, #1f76b1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1c7251, endColorstr=#ff1f76b1, GradientType=1);
  /* IE6-9 */

}
.future .innerpath {
  background: #1f76b1;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNzViYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, #1f76b1 0%, #cccccc 100%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, from(#1f76b1), to(#cccccc));
  background: -webkit-linear-gradient(left, #1f76b1 0%, #cccccc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #1f76b1, #cccccc);
  background: -ms-linear-gradient(left, #1f76b1, #cccccc);
  background: linear-gradient(to right, #1f76b1 0%, #cccccc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1f76b1, endColorstr=#ffcccccc, GradientType=1);
  /* IE6-9 */

}
/* lock dir {{*/

body.dir-RTL .selected .innerpath {
  background: -moz-linear-gradient(left, #1f76b1 0%, #1c7251 100%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, from(#1f76b1), to(#1c7251));
  background: -webkit-linear-gradient(left, #1f76b1 0%, #1c7251 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #1f76b1, #1c7251);
  background: -ms-linear-gradient(left, #1f76b1, #1c7251);
  background: linear-gradient(to right, #1f76b1 0%, #1c7251 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1f76b1, endColorstr=#ff1c7251, GradientType=1);
  /* IE6-9 */

}
body.dir-RTL .future .innerpath {
  background: -moz-linear-gradient(left, #cccccc 0%, #1f76b1 100%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, from(#cccccc), to(#1f76b1));
  background: -webkit-linear-gradient(left, #cccccc 0%, #1f76b1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #cccccc, #1f76b1);
  background: -ms-linear-gradient(left, #cccccc, #1f76b1);
  background: linear-gradient(to right, #cccccc 0%, #1f76b1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc, endColorstr=#ff1f76b1, GradientType=1);
  /* IE6-9 */

}
/*}}*/

.complete .innerpath,
.complete .step {
  background: #1c7251;
}
.tunnelLocation .complete .name {
  color: #1c7251;
}
.tunnelLocation .complete .name::after {
  content: '\f00c';
  font-family: FontAwesome;
  padding-left: 0.1em;
}
@media screen and (max-width: 1151px) {
  .tunnelLocation .name {
    font-size: smaller;
  }
}
@media only screen and (max-width: 780px) {
  .ph_tunnellocation {
    background: 0;
    margin-top: 0;
    height: 50px;
    padding-top: 18px;
  }
  .tunnelLocation {
    width: 100%;
    float: left;
  }
  .tunnelLocation > DIV:last-child,
  .tunnelLocation > DIV:first-child .path {
    display: none;
  }
  .wrapstep {
    width: 30px;
    height: 30px;
    margin-top: 0;
  }
  .stepContent {
    top: 5px;
    left: 33%;
  }
  .path {
    margin-top: 13px;
    width: 71%;
    width: calc(100% - 30px);
    height: 4px;
  }
  .part {
    height: 45px;
  }
  .tunnelLocation .name {
    font-size: 11px;
    width: 89px;
    margin-top: 0px;
    margin-right: -33px;
    padding-top: 8px;
    bottom: 0em;
  }
  .tunnelLocation .step {
    font-size: larger;
  }
  .pointer {
    right: 15%;
    bottom: 26px;
    height: 22px;
  }
  .innerpointer {
    height: 25px;
  }
  .complete .name {
    /*width: initial;*/
    background-position: center;
    background-position-y: 0px;
    padding-top: 14px;
    background-size: 13px;
    margin-top: 0px;
  }
}


/*# sourceMappingURL=http://jon.tixcast.com/style/Css.ashx?i=4&iv=e0de8af6-3da3-43cc-8df9-ea6af8ddff5b&p=4CCCC9BC8BRSCCCC&map */