.hall-seat {
	/*background: url(/images/seat.png);*/
	width: 16px;
	height: 16px;
	/*float: left;*/
	display: none;
	background: #efefef;
	border: 1px solid #acacac;
	line-height: 14px;
	font-size: 9px;
	text-align: center;
	cursor: pointer;
	margin: 0 0px;
	opacity: 1;
	z-index: 1;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;	
}
.hall-seat.rendered {
	display: block;
}

.hall-seat.occupied {
	opacity: 0.3;
  	cursor: no-drop;
  	
  	color: white !important;
}

.user-hall-layout .hall-seat.occupied {
	opacity: 0.5;
	color: black !important;
  	background: #e2e2e2 !important;
}

.alternate-colors .hall-seat.occupied {
	opacity: 1;
}

.hall-seat.occupied.occupied-1 {
	background-color: #ffd2d2 !important;
}
.hall-seat.occupied.occupied-2 {
	background-color: #4f4f4f !important;
}

/* Booking */
.hall-seat.occupied.occupied-3 {
	background-color: #1fff1f !important;
}

.alternate-colors .hall-seat.occupied.occupied-3 {
	background-color: #46b86c !important;
}

.hall-seat.occupied.occupied-4 {
	background-color: #bfc1cd !important;
}
.hall-seat.occupied.occupied-5 {
	background-color: #aeaeae !important;
}
.hall-seat.occupied.occupied-6 {
	background-color: #999 !important;
}

.hall-seat.occupied.occupied-7 {
	background-color: #609242 !important;
}
.hall-seat:hover:not(.occupied) {
	/*background: #ea7faa !important;*/
	/*background: white !important;
	color: black !important;
	*/
	opacity: 0.7;
	border-color: red;

}

.hall-seat.selected {
	background: red !important;
	border-color: black;
	color: yellow !important;
	/*background: url(/images/seat-hover.png) no-repeat center center;*/
}


.hall-layout-container {
	position: relative;
	padding: 45px;
	background: white;
	/*background: #aaaaaa;*/
	margin-bottom: 30px;
	display: inline-block;
	margin-top: 1em;
}

/* Centering for hall 2 */
#hall-layout-2.hall-layout-container {
	margin-left: -18px;
}

#hall-layout-2.hall-layout-container .area-mark {
	margin-left: 9px;
}

/*.user-hall-layout .hall-layout-container {
	border: 2px solid #efefef;
	overflow: scroll;
}*/

.hall-area .stage, #hall-area .stage {
	width: 500px;
	height: 40px;
	background: #ad1238;
	color: white;
	font-size: 22px;
	line-height: 40px;
	opacity: 0.9;
	margin-left: auto;
	margin-right: auto;
}

#hall-area, .hall-area {
	text-align: center;
}

.hall-seat.ui-selecting { background: #FECA40 !important; }
.hall-seat.ui-selected { background: #F39814 !important; color: white; border: red; }

span.hall-seat-row {
    font-size: 12px;
    float: left;
    margin-top: -8px;
    opacity: 0.7;
}

span.hall-seat-seat {
    float: right;
    vertical-align: bottom;
    margin-top: 6px;
    font-size: 16px;
    margin-left: -100px;
}

.row-mark {
    position: absolute;
    color: black;
    top: 0;
    display: block;
    width: 1.5em;
    	
}

.alternate-colors .row-mark {
	color: #777;
	font-weight: normal;
}
.row-mark-right {
	right: -2em;
	text-align: left;
}

.row-mark-left {
	left: -2em;
	text-align: right;
}


/*
.area-mark {
    position: absolute;
    top: -18px;
    left:-150px;
    width: 300px;
    text-align: center;
    color: black;
    text-transform: uppercase;
}
*/

.area-mark {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    color: black;
    text-transform: uppercase;
    margin-top: -1.5em;
    
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;

}

.user-cashier .area-mark {
	margin-top: -32px;
    font-size: 18px;

}

/*
*[data-row="0"] .area-mark {
	transform: rotate(90deg);
	left: 45px;
	display: none;
}*/

/* High contrast scheme */


.highcontrast .hall-seat.occupied {
		opacity: 0.9;
	  	cursor: no-drop;
	  	background: #999 !important;
	  	
	  	color: #ee1111 !important;
	}

.highcontrast .hall-seat.occupied.occupied-1 {
		color: #11ee11 !important;
		/*background-color: #ffd2d2 !important;*/
	}
	/* Sold */
.highcontrast .hall-seat.occupied.occupied-2 {
		/*background-color: #4f4f4f !important;*/
		color: #eeee11 !important;
	}
	/* Booking */
.highcontrast .hall-seat.occupied.occupied-3 {
		color: lightgreen !important;
		/*background-color: #1fff1f !important;*/
	}

.highcontrast .hall-seat.occupied.occupied-4 {
		color: #ee99aa !important;
		/*background-color: #bfc1cd !important;*/
	}
.highcontrast .hall-seat.occupied.occupied-5 {
		background-color: #aeaeae !important;
	}

	/* No price */
.highcontrast .hall-seat.occupied.occupied-6 {
		/*background-color: #999 !important;*/
		color: lightblue !important;
	}


#hall-area {
	position: relative;
}
.scheme-scroll-button-area {
	position: absolute;
	top: 0;
	left: 0;
}

.scheme-scroll-button {
	width: 40px;
	height: 40px;
	font-size: 32px;
	line-height: 38px;

	background-color: #efefef;
	border: 1px solid #999;
	float: left;
	margin-right: 15px;
	cursor: pointer;
}

.scheme-scroll-button:hover {
	background-color: #cfcfcf;
}