html {
 box-sizing: border-box;
}

*, *:before, *:after {
 box-sizing: inherit;
}

select {
	font-size: 20px;
}

#wrapper {
 float: left;
 padding: 0;
 overflow: none;
 margin: 0 auto;
}

#background {
 position: relative;
 margin: auto auto;
 overflow: none;
}

#seatingChart {
 position: relative;
 overflow: auto;
 border: 2px solid black;
 margin: 0 auto;
}

#screenLegend {
 width: 100%;
}

#screenLegendImage {
 width: 100%;
 padding: 0;
 margin: 0;
}

#screenIndicator {
 position: relative;
 overflow: auto;
 border: 2px solid black;
 margin: 0 auto;
 background-color: black;
 color: white;
 text-align: center;
}

.seatingRow {
 clear: both;
}

.seatDesc {
}

.seat {
 height: 100%;
 width: 100%;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 background: white;
}

.OverlayTransparent {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: transparent;
 display: table;
}

.OverlayNone {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,0);
 display: table;
}

.OverlaySold {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(255,0,0,0.5);
 display: table;
}

.OverlaySelected {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(255,255,0,0.5);
 display: table;
}

.OverlayViolation {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(51,204,255,0.5);
 display: table;
}

.seatLabel {
 font-weight: bold;
 text-align: center;
 display: table-cell;
 vertical-align: middle;
}

#ticketPickWrapper {
 width: 90%;
 margin: 10px auto;
}

#ticketPicker {
 margin: 20px auto;
}

#ticketPicker table {
 border-collapse: collapse;
 border: 1px solid black;
 margin: 0 auto;
}

#ticketPicker table th,td {
 padding: 10px;
 font-weight: bold;
}

#seatNavWrapper, #ticketNavWrapper {
 margin: 0 auto;
 overflow: none;
}

#seatNavigation, #ticketNavigation {
 margin: 10px auto;
 display: table;
}

.backButton {
 padding: 5px;
 font-weight: bold;
 margin-right: 10px;
}

.nextButton {
 padding: 5px;
 font-weight: bold;
}

.instructions {
 text-align: center;
 font-weight: bold;
 width: 100%;
 margin: 0 auto;
 padding: 20px;
}
/* Shopping Cart Style Info */

#Table1 {
width: 100%;
}

#Table1 td {
width: 50%;
vertical-align: top;
}

#Table2 {
width: 100%;
}

#Table2 td {
width: 50%;
vertical-align: top;
}

#Table3 {
width: 100%;
text-align: left;
}

#navHeader {
background: grey;
}

#navHeader ul {
 padding: 0;
 margin: 0;
 display: block;
 list-style-type: none;
}

#navHeader ul li{
 display: inline-block;
 background: orange;
 color: white;
 padding: 5px;
 border: solid 1px white;
 margin: 5px;
 border-radius: 5px;
}

#navHeader ul li i{
 padding-right: 5px;
}

#navHeader ul li a {
  text-decoration: none;
  font-weight: bold;
  color: white;
}

#cartIcon {
 float: right;
}

.instructions {
 text-align: center;
 font-weight: bold;
 width: 100%;
 margin: 0 auto;
 padding: 20px;
}

div.navigation {
 clear: both;
 margin: 0 auto 0 auto;
 width: 100%;
 overflow: auto;
}

p.previous {
 float: left;
}

p.next {
 float: right;
}

p.instructions {
 color: #FF0000;
}

p.error {
 color: #FF0000;
 text-align: center;
 width: 90%;
}

p.status {
 color: #008000;
 text-align: center;
 width: 90%;
}

.tos {
 color: #FFFFFF;
 text-align: center;
}

.ticket_info_table {
 border: solid 1px black;
 margin: 10px;
 border-collapse: collapse;
}

.ticket_info_table th {
 border: solid 1px black;
 background: lightgrey;
}

.ticket_info_table td {
 border: solid 1px black;
 background: white;
}

.hide {
  display: none;
}

.show {
  display: block;
}

div.optDropdown {
background: lightyellow;
color: black;
padding: 5px;
border: solid 1px black;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 5px 0 5px 0;
}

#purchaseinfo {
width: 100%;
table-layout: fixed;
}

#purchaseinfo th {
font-weight: bold;
padding: 10px 5px;
}

#purchaseinfo td {
font-weight: normal;
padding: 5px;
}

.ticket_total {
width: 100%;
padding: 5px 0;
}

.ticket_total_label {
float: left;
text-align: right;
width: 90%;
}

.fee_waived_indicator {
color: red;
}
.ticket_total_value {
float: right;
text-align: right;
width: 10%;
}
.fee_waived_notice {
width: 100%;
padding: 5px 0;
}

.fee_waived_notice_Label {
float: left;
color: red;
text-align: right;
width: 100%;
}

.tickettax_total {
width: 100%;
padding: 5px 0;
}

.tickettax_total_label {
float: left;
text-align: right;
width: 90%;
}

.tickettax_total_value {
float: right;
text-align: right;
width: 10%;
}

.transaction_fee {
width: 100%;
padding: 5px 0;
}

.transaction_fee_label {
float: left;
text-align: right;
width: 90%;
}

.transaction_fee_value {
float: right;
text-align: right;
width: 10%;
}

.grand_total {
width: 100%;
padding: 5px 0;
}

.grand_total_label {
float: left;
text-align: right;
width: 90%;
}

.grand_total_value {
float: right;
text-align: right;
width: 10%;
}

/* Print-at-Home Ticket */
#printTicketContent {
  width: 800px;
  margin: 0 auto 0 auto;
}

.contentSection {
  border: solid 1px black;
  padding-bottom: 15px;
  width: 100%;
  background: white;
}

.contentHeader {
  background: black;
  color: white;
  font-size: 125%;
  padding: 5px;
}

.transInfo {
  display: inline-block;
  padding: 10px;
  width: 65%;
}

.transInfoLabel, .ticketInfoLabel {
  display: inline-block;
  text-align: right;
  font-weight: normal;
  width: 130px;
  margin-right: 10px;
}

.transInfoData, .ticketInfoData {
  display: inline-block;
  text-align: left;
  width: 50%;
  font-weight: bold;
}

.transBarcode {
  display: inline-block;
  padding: 10px;
}

#qrCode {
  display: table-cell;
}

#upcCode {
  display: table-cell;
}

.printTicket {
  position: relative;
  display: inline-block;
  border: solid 1px black;
  margin-top: 10px;
  height: 200px;
  width: 100%;
  background: white;
}

.printTicketHeaderLeft {
  float: left;
  background: black;
  color: white;
  -moz-transform:rotate(270deg);
  -webkit-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  transform:rotate(270deg);
  transform-origin: top left;
  width: 199px;
  text-align: center;
  margin-top: 199px;
  padding: 5px;
  font-size: 125%;
}

.printTicketHeaderRight {
  position: absolute;
  right: 0;
  top: 0;
  background: black;
  color: white;
  -moz-transform:rotate(270deg);
  -webkit-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  transform:rotate(270deg);
  transform-origin: top right;
  width: 199px;
  text-align: center;
  padding: 5px;
  font-size: 125%;
  margin-right: 30px;
}

.showInfo {
  float: left;
  border-right: dashed 1px black;
  text-align: center;
  height: 199px;
  padding: 0 5px 0 5px;
  margin-left: -130px;
  width: 50%;
}

.showInfo span {
   display: inline-block;
   height: 20%;
}

.showInfoTheatre {
  font-weight: bold;
}

.showInfoTitle {
  font-weight: bold;
  font-size: 150%;
}

.showInfoTime {
  font-weight: bold;
  font-size: 125%;
}

.showInfoTicket {
  font-weight: bold;
}

.pickupInfo {
  float: left;
  -moz-transform:rotate(270deg);
  -webkit-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  transform:rotate(270deg);
  transform-origin: 0 0;
  text-align: center;
  margin: 199px 0 0 0;
  width: 199px;
  font-weight: bold;
}

.pickupBarcode {
  float: left;
  margin-left: -105px;
  width: 25%;
}

.pickupBarcode img {
  display: block;
  margin: 10px auto;
  height: 40%;
  max-width: 100%;
}
/* Default CC Images Styling */

#ccImages {
   white-space: nowrap;
}

#ccImages > img {
   width: 50px;
   margin-right: 5px;
   display: inline;
}
/* Default Display Amenities Styling */

.showings_group {
	margin-left: 15px;
	margin-top: 10px;
}

.show_amenities {
	padding: 0;
	margin: 0;
}

.show_amenity_promoted {
	vertical-align: top;
	display: inline-block;
	background-color: lightgray;
	border-radius: 5px;
	padding: 5px;
	height: 30px;
	margin-right: 4px;
}

.show_amenity {
	vertical-align: top;
	display: inline-block;
	background-color: lightgray;
	border-radius: 5px;
	padding: 5px;
	height: 30px;
	margin-right: 4px;
}

.amenity_image_promoted {
	height: 20px;
	margin-right: 5px;
	vertical-align: top;
}

.amenity_image {
	height: 20px;
	margin-right: 5px;
	vertical-align: top;
}

.amenity_title {
	display: inline;
	vertical-align: top;
}

.showings {
	margin: 5px 10px;
	width: 60%;
}

hr {
	width: 30%;
	margin-left: 0;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltip_text {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltip_text::after {
    content: ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltip_text {
    visibility: visible;
}

	body{
		background-color: #FFF46D;
	}

body > img {
	width: 100%;
	max-height: 150px;
	object-fit: contain;
}

.leftcol {
	display: none;
}

.rightcol {
	display: block;
	margin: 0 auto;
	width: 50%;
}

a, a:visited, a:hover{
	color: #8A1CC1;
	font-wieght: bold;
	font-family: "poppins-semibold";
	font-size: 28px;
	text-decoration: none;
}

.showtime:hover{
	background-color: rgb(184, 159, 196);
}

.showtime{
	border: solid #8a1cc1 2px;
	padding: 2px;
	margin: 2px;
	border-radius: 8px;
}

html {
	font-family: "poppins-extralight";
	color: rgb(138,138,138);
}


@font-face {
	font-display: block;
	font-family: "Poppins-ExtraLight";
	src: url("//fonts.gstatic.com/s/poppins/v5/h3r77AwDsldr1E_2g4qqGFQlYEbsez9cZjKsNMjLOwM.eot?#iefix");
	src: url("//fonts.gstatic.com/s/poppins/v5/h3r77AwDsldr1E_2g4qqGFQlYEbsez9cZjKsNMjLOwM.eot?#iefix") format("eot"),
		url("//fonts.gstatic.com/s/poppins/v5/h3r77AwDsldr1E_2g4qqGPk_vArhqVIZ0nv9q090hN8.woff2") format("woff2"),
		url("//fonts.gstatic.com/s/poppins/v5/h3r77AwDsldr1E_2g4qqGBsxEYwM7FgeyaSgU71cLG0.woff") format("woff"),
		url("//fonts.gstatic.com/s/poppins/v5/h3r77AwDsldr1E_2g4qqGC3USBnSvpkopQaUR-2r7iU.ttf") format("truetype"),
		url("//fonts.gstatic.com/l/font?kit=h3r77AwDsldr1E_2g4qqGKWUboTb-jS2tyCOQMtm97g&skey=1bdc08fe61c3cc9e&v=v5#Poppins") format("svg");
		   }

	@font-face {
		font-display: block;
		font-family: "Poppins-SemiBold";
		src: url("//fonts.gstatic.com/s/poppins/v5/9VWMTeb5jtXkNoTv949NpVQlYEbsez9cZjKsNMjLOwM.eot?#iefix");
		src: url("//fonts.gstatic.com/s/poppins/v5/9VWMTeb5jtXkNoTv949NpVQlYEbsez9cZjKsNMjLOwM.eot?#iefix") format("eot"),
			url("//fonts.gstatic.com/s/poppins/v5/9VWMTeb5jtXkNoTv949Npfk_vArhqVIZ0nv9q090hN8.woff2") format("woff2"),
			url("//fonts.gstatic.com/s/poppins/v5/9VWMTeb5jtXkNoTv949NpRsxEYwM7FgeyaSgU71cLG0.woff") format("woff"),
			url("//fonts.gstatic.com/s/poppins/v5/9VWMTeb5jtXkNoTv949NpS3USBnSvpkopQaUR-2r7iU.ttf") format("truetype"),
			url("//fonts.gstatic.com/l/font?kit=9VWMTeb5jtXkNoTv949NpaWUboTb-jS2tyCOQMtm97g&skey=ce7ef9d62ca89319&v=v5#Poppins") format("svg")
	}

.bufferSVG { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: table; }