@import url("https://websales-django-static-uk.s3.eu-west-2.amazonaws.com/static/sales/custom/forbri/noble.css");

/*body {
	font-family: Arial,sans-serif,Helvetica;
	font-size: 8pt;
	color: white;
	background:#e8e8e8;
}*/

#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%;*/
}

/* This allows bootstrap buttons to wrap */
.btn {
    white-space: normal;
}

.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: #F5F3F3; 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: #fbe8aa; 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: #fbbd19; 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: #fbe8aa;}

.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: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.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;
}

.btn-next {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

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_0 {
	background: #000066;
	color: white;
}
td.stcolour_1 {
	background: #006600;
	color: white;
}
td.stcolour_2 {
	background: #660000;
	color: white;
}
td.stcolour_3 {
	background: #000099;
	color: white;
	text-align: center;
	border: none;
}
td.stcolour_4 {
	background: #009900;
	color: white;
	text-align: center;
	border: none;
}
td.stcolour_5 {
	background: #990000;
	color: white;
	text-align: center;
	border: none;
}
td.stcolour_6 {
	background: #009999;
	color: white;
	text-align: center;
	border: none;
}
td.stcolour_7 {
	background: #999900;
	color: white;
	text-align: center;
	border: none;
}
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: gray;
	color: black;
	text-align: center;
	border: none;
}

td.stcolourkey_0 {
	background: #000066;
	color: white;
	text-align: center;
	border: none;
	width: 20%;
}
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;
}

/* allow table rows with no borders */
.table>tbody>tr.no-border>td,
.table>tbody>tr.no-border>th {
  /*border-top: none;*/
  border:none;
}

div.atm-nav-buttons {
}

table.single-day-perflist {
    border-collapse: separate;
    border-spacing: 10px;
}

td.single-day-perflist {
	background: #d9edf7;
	color: black;
	/*padding:20px 5px 0px 5px;*/
	padding:0.5%;
    border:solid;
    text-align:center;
}

div.start-performance-box {
    border:solid;
}

a.single-day-perfbutton {
	color: black;

}

a.single-day-film-title-link-text {
	color: black;
}

#film {
    /*border-style: solid;*/
    padding-right: 0%;
    padding-left: 0%;
}


#perftimes { padding-left: 5%; padding-right: 5%; }


table.sell-concession-line-table {
	border-collapse: separate;
	border-spacing: 10px;
}

td.sell-concession-line-description {
	width: 80%;
}

td.sell-concession-line-saving {
	color: blue;
	vertical-align:top;
	font-weight: bold;
	width: 20%;
}