.alert-info {
	color: #fff;
	background-color: rgb(96, 93, 162);
}
.performance_modifier_list {
	color: #FFE580 !important;
}
/* Buttons*/
.btn {
    white-space: normal;
}
.btn-default:hover {
        background-color: rgba(96,93,162,1);
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-default {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-primary {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-primary:hover {
	background-color:  rgba(96,93,162,1);
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* Booking Form */

.bs-wizard {margin-top: 10px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #696969; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: rgba(96,93,162,1); top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fff; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: rgba(96,93,162,1);}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #d9d9d9;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 100;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

div.seatplan-div {
	/*overflow-x:scroll;*/
	overflow-x:hidden;
	overflow-y:hidden;
}

a.logo-image {
    padding: 5px 15px 5px 5px;
}

table.seatplan-table {
	border-collapse: separate;
	border-spacing: 3px;
	overflow-x:scroll;
	margin-left: auto;
    margin-right: auto;
}

td.seatplan {
	padding: 3px;
	text-align: center;
	border: none;
}

td.sp_table  {
    background-color: #000000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 15px;
	height: 15px;
	margin: 0 auto;
}

/* td.stcolour and td.stcolourkey
are from the old plan and have no effect
on new square seating plan style */
td.stcolour_0 {
	background: transparent;
	color: #000;
}
td.stcolour_1 {
	background: transparent;
	color: #000;;
}
td.stcolour_2 {
	background: transparent;
	color: #000;
}
td.stcolour_3 {
	background: transparent;
	color: #000;
}
td.stcolour_4 {
	background: transparent;
	color: #000;
}
td.stcolour_5 {
	background: transparent;
	color: #000;
}
td.stcolour_6 {
	background: transparent;
	color: #000;
}
td.stcolour_7 {
	background: transparent;
	color: #000;
}
td.stcolour_8 {
	background: #990099;
	color: white;
	text-align: center;
	border: none;
}
td.stcolour_9 {
	background: #006666;
	color: white;
	text-align: center;
	border: none;
}
td.stcolour_10 {
	background: #666600;
	color: white;
	text-align: center;
	border: none;
}
td.stcolour_11 {
	background: #660066;
	color: white;
	text-align: center;
	border: none;
}
td.stcolour_sold {
	background: transparent;
	color: 888;
	text-align: center;
	border: none;
}

td.stcolourkey_0 {
	background: #000066;
	color: white;
	text-align: center;
	border: none;
}
td.stcolourkey_1 {
	background: #006600;
	color: white;
	text-align: center;
	border: none;
	width: 20%;
}
td.stcolourkey_2 {
	background: #660000;
	color: white;
	text-align: center;
	border: none;
	width: 20%;
}
td.stcolourkey_3 {
	background: #000099;
	color: white;
	text-align: center;
	border: none;
	width: 20%;
}
td.stcolourkey_4 {
	background: #009900;
	color: white;
	text-align: center;
	border: none;
	width: 20%;
}
td.stcolourkey_5 {
	background: #990000;
	color: white;
	text-align: center;
	border: none;
	width: 20%;
}
td.stcolourkey_6 {
	background: #009999;
	color: white;
	text-align: center;
	border: none;
	width: 20%;
}
td.stcolourkey_7 {
	background: #999900;
	color: white;
	text-align: center;
	border: none;
	width: 20%;
}
td.stcolourkey_8 {
	background: #990099;
	color: white;
	text-align: center;
	border: none;
	width: 20%;
}
td.stcolourkey_9 {
	background: #006666;
	color: white;
	text-align: center;
	border: none;
	width: 20%;
}
td.stcolourkey_10 {
	background: #666600;
	color: white;
	text-align: center;
	border: none;
	width: 20%;
}
td.stcolourkey_11 {
	background: #660066;
	color: white;
	text-align: center;
	border: none;
	width: 20%;
}

.black_text {
	color: black;
}

.blurb_outline {
	border-style: solid;
	border-color: white;
}

#topbar {
	/*font-size: 17pt;
	color: white;
	background: #cc1136;
	border: none;
	text-align: left;
	font-weight: bold;
	width: 100%;
	padding: 15px 15px 15px 15px;*/
}

#sidebar {
	background: #585858;
	color: white;
	border: none;
	padding: 15px 15px 15px 15px;
	text-align: center;
	/*width: 20%;*/
}

#mainpage {
	/*color: black;
	background:#e8e8e8;
	text-align: center;
	border: none;
	padding: 15px 15px 15px 15px;
	height: 100%;*/
}

.potential-rewards-text-color {
	color: #5bc0de;
}

/*####  SEAT PLAN  ####*/
/* Tables */
.screen-1 td.sp_table,
.screen-2 td.sp_table,
.screen-3 td.sp_table{
	position: relative;
	max-width: 0 !important;
	max-height: 0 !important;
	width: 0 !important;
	height: 0 !important;
	background: none;
}

/* Arrows  */
/* .screen-1 img[data-free-image*="arrow.png"], */
/* .screen-2 img[data-free-image*="arrow.png"], */
.screen-1 img[data-free-image*="arrow-left-tail.png"],
.screen-2 img[data-free-image*="arrow-left-tail.png"],
.screen-3 img[data-free-image*="arrow.png"]{
    width: 50px;
    position: absolute;
}
/* .screen-1 img[data-free-image*="arrow.png"] {
    margin-left: -25px;
    margin-top: -30px;
    transform: rotate(-90deg);
} */
.screen-1 img[data-free-image*="arrow-left-tail.png"] {
    margin-left: 5px;
    margin-top: -25px;
}
/* .screen-2 img[data-free-image*="arrow.png"] {
    margin-left: -25px;
    margin-top: -25px;
    transform: rotate(-90deg);
} */
.screen-2 img[data-free-image*="arrow-left-tail.png"] {
    margin-left: -25px;
    margin-top: -25px;
}
.screen-3 img[data-free-image*="arrow.png"] {
    margin-left: -23px;
    margin-top: -22px;
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

/* Steps */
/* Depricated - for seats not tables*/
.screen-1 .seat-type-SRU img,
.screen-2 .seat-type-SRU img {
    /* Both Images */
    width: 100px;
    position: absolute;
    
}
.screen-1 .seat-type-SRU img {
   margin-top: -70px; 
}
/* End Depricated */

.screen-1#seatplan-table > tbody > tr:nth-child(5) > td:nth-child(3) img,
.screen-1#seatplan-table > tbody > tr:nth-child(5) > td:nth-child(21) img,
.screen-2#seatplan-table > tbody > tr:nth-child(7) > td:nth-child(12) img{
	width: 100px;
    position: absolute;
}
.screen-1#seatplan-table > tbody > tr:nth-child(5) > td:nth-child(3) img {
    /* Left Stairs  */
	margin-top: -70px; 
    margin-left: -50px;

}
.screen-1#seatplan-table > tbody > tr:nth-child(5) > td:nth-child(21) img {
    /* Right Stairs  */
	margin-top: -70px; 
    margin-left: -40px;
}
.screen-2#seatplan-table > tbody > tr:nth-child(7) > td:nth-child(12) img {
    margin-left: -73px;
    margin-top: -70px;
    transform: scaleX(-1);
    transform-origin: center;
}
.screen-3#seatplan-table > tbody > tr:nth-child(1) > td:nth-child(3) img {
	position: absolute;
    margin-left: -23px;
    margin-top: -23px;
}

/* Wall Lines */
.screen-1#seatplan-table,
.screen-1#seatplan-table > tbody,
.screen-2#seatplan-table,
.screen-2#seatplan-table > tbody,
.screen-3#seatplan-table {
    /* Keep lines in container on load */
    position: relative;
}
.screen-1#seatplan-table::before,
.screen-1#seatplan-table::after,
.screen-1#seatplan-table > tbody::before,
.screen-2#seatplan-table::before,
.screen-2#seatplan-table::after,
.screen-2#seatplan-table > tbody::before,
.screen-3#seatplan-table::before,
.screen-3#seatplan-table::after {
    content: "";
    position: absolute;
    width: 2px;
    background: gray;
}
.screen-1#seatplan-table::before {
	/* Left */
    top: 3.5%;
    bottom: 3.5%;
    left: 2.3%;

}
.screen-1#seatplan-table::after {
	/* Right A - C */
    top: 69%;
    bottom: 3.5%;
    right: 2.3%;
}
.screen-1#seatplan-table > tbody::before {
	/* Right D - H */
    top: 2.5%;
    bottom: 47%;
    right: 2.1%;
}
.screen-2#seatplan-table::before {
	/* Left */
    top: 3.5%;
    bottom: 2.5%;
    left: 2.8%;
}
.screen-2#seatplan-table::after {
	/* Right A - C */
    top: 71%;
    bottom: 2.5%;
    right: 2.5%;
}
.screen-2#seatplan-table > tbody::before {
	/* Right E - J */
    top: 1.5%;
    bottom: 41%;
    right: 8.5%;
}
.screen-3#seatplan-table::before {
    top: 6%;
    bottom: 6%;
    left: 3.8%;
}
.screen-3#seatplan-table::after {
    top: 6%;
    bottom: 6%;
    right: 3.6%;
}

/* Wall Text */
.screen-1 td.seatplan.seat-row-name-left.seat-row-available.td-,
.screen-1 td.seatplan.seat-row-name-left.seat-row-unavailable.td-,
.screen-1 td.seatplan.seat-row-name-right.seat-row-available.td-,
.screen-1 td.seatplan.seat-row-name-right.seat-row-unavailable.td-,
.screen-2 td.seatplan.seat-row-name-left.seat-row-available.td-D,
.screen-2 td.seatplan.seat-row-name-left.seat-row-unavailable.td-D,
.screen-2 td.seatplan.seat-row-name-right.seat-row-available.td-A,
.screen-2 td.seatplan.seat-row-name-right.seat-row-unavailable.td-A,
.screen-3 .seatplan.seat-row-name-right.seat-row-available.td-D,
.screen-3 .seatplan.seat-row-name-right.seat-row-unavailable.td-D {
    position: relative;
    
}
.screen-2 td.seatplan.seat-row-name-left.seat-row-available.td-D::after,
.screen-2 td.seatplan.seat-row-name-left.seat-row-unavailable.td-D::after,
.screen-2 td.seatplan.seat-row-name-right.seat-row-available.td-A::after,
.screen-2 td.seatplan.seat-row-name-right.seat-row-unavailable.td-A::after,
.screen-3 .seatplan.seat-row-name-right.seat-row-available.td-D::after,
.screen-3 .seatplan.seat-row-name-right.seat-row-unavailable.td-D::after {
    content: "Wall";
    font-size: 20px;
    position: absolute;
    color: #8b8787;
    font-weight: normal;
    white-space: nowrap;
}
.screen-2 td.seatplan.seat-row-name-left.seat-row-unavailable.td-D::after,
.screen-2 td.seatplan.seat-row-name-left.seat-row-available.td-D::after {
    top: 50%;
    left: 185%;
    transform: translate(-50%, -50%) rotate(-90deg);

}
.screen-2 td.seatplan.seat-row-name-right.seat-row-available.td-A::after,
.screen-2 td.seatplan.seat-row-name-right.seat-row-unavailable.td-A::after {
    bottom: 83%;
    left:65%;
    transform: translate(-50%, -50%) rotate(90deg);
}
.screen-3 .seatplan.seat-row-name-right.seat-row-available.td-D::after,
.screen-3 .seatplan.seat-row-name-right.seat-row-unavailable.td-D::after {
    top: 210%;
    left: 70%;
    transform: translate(-50%, -50%) rotate(90deg);
}

/* Letters */
.screen-2 .seatplan.seat-row-name-right.seat-row-available.td-J,
.screen-2 .seatplan.seat-row-name-right.seat-row-unavailable.td-J,
.screen-2 .seatplan.seat-row-name-right.seat-row-available.td-H,
.screen-2 .seatplan.seat-row-name-right.seat-row-unavailable.td-H,
.screen-2 .seatplan.seat-row-name-right.seat-row-available.td-G,
.screen-2 .seatplan.seat-row-name-right.seat-row-unavailable.td-G,
.screen-2 .seatplan.seat-row-name-right.seat-row-available.td-E,
.screen-2 .seatplan.seat-row-name-right.seat-row-unavailable.td-E{
    position: absolute !important;
    margin-left: -45px!important;
}
.screen-2 .seatplan.seat-row-name-right.seat-row-available.td-I,
.screen-2 .seatplan.seat-row-name-right.seat-row-unavailable.td-I{
    position: absolute;
    margin-left: -41px!important;
}
.screen-2 .seatplan.seat-row-name-right.seat-row-available.td-J,
.screen-2 .seatplan.seat-row-name-right.seat-row-unavailable.td-J{
    position: absolute!important;
    margin-left: -43px!important;
}
.screen-2 .seatplan.seat-row-name-right.seat-row-available.td-F,
.screen-2 .seatplan.seat-row-name-right.seat-row-unavailable.td-F{
    position: absolute;
    margin-left: -44px!important;
}
.screen-2 .seatplan.seat-row-name-right.seat-row-available.td-B,
.screen-2 .seatplan.seat-row-name-right.seat-row-unavailable.td-B{
    display: none;
}
.screen-2 .seatplan.seat-row-name-right.seat-row-available.td-D,
.screen-2 .seatplan.seat-row-name-right.seat-row-unavailable.td-D{
    display: none;
}
.screen-3 .seatplan.seat-row-name-right.seat-row-available.td-C,
.screen-3 .seatplan.seat-row-name-right.seat-row-unavailable.td-C,
.screen-3 .seatplan.seat-row-name-right.seat-row-available.td-B,
.screen-3 .seatplan.seat-row-name-right.seat-row-unavailable.td-B {
    display:none;
}






/* Square Seat Backgrounds */
td.stcolour_0,
td.stcolour_1,
td.stcolour_2,
td.stcolour_3,
td.stcolour_4,
td.stcolour_5,
td.stcolour_6,
td.stcolour_7,
td.stcolour_8,
td.stcolour_9,
td.stcolour_10,
td.stcolour_11,
td.stcolour_sold {
    background: none !important;
}

.seat-square{
	color:white;
	transition: box-shadow 0.2s;
	margin: 2px;
	font-weight: bold;
	font-size: 15px;
	user-select: none;
}

/* Draw an X over sold square seats when square mode is enabled */
.seat-square.seat-sold,
.seat-square-group.seat-sold {
	position: relative;
}
.seat-square.seat-sold::before,
.seat-square.seat-sold::after,
.seat-square-group.seat-sold::before,
.seat-square-group.seat-sold::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 3.5px;       /* thickness of the stroke */
    background: #000000;
    transform: translate(-50%, -50%) rotate(45deg);
}
.seat-square.seat-sold::after,
.seat-square-group.seat-sold::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* Draw an X over sold square in the Legend when square mode is enabled */
#seatplan-square-legend .legend-item:nth-child(3) .legend-swatch {
    position: relative;
}
#seatplan-square-legend .legend-item:nth-child(3) .legend-swatch::before,
#seatplan-square-legend .legend-item:nth-child(3) .legend-swatch::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1.5px;
    background: #000000;
    transform: translate(-50%, -50%) rotate(45deg);
}
#seatplan-square-legend .legend-item:nth-child(3) .legend-swatch::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* Hide numbers on sold seats */
.seat-square.seat-sold {
  font-size: 0;
}

/* Support for square seating */
.seat-square {

}

/* Support for multi-seat */
.seat-multiseat-left {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: 1px solid #fff;
}
.seat-multiseat-middle {
	border-radius: 0 !important;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;

}
.seat-multiseat-right {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-left: 1px solid #fff;
}