@charset "utf-8";  
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}
.hall-box{
	margin: 0;
	padding: 0 0 4px;
}
.hall{
	position: relative;
	margin: 0;
	padding: 30px 0;
	text-align: center;
	white-space: nowrap;
	background: #010d3e;
}
.hall:after{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 4px;
	content: ' ';
	background: url('triangle.png') repeat-x center top;
}
.hall *{
	font-size: 12px;
	line-height: normal;
	color: #fff;
	vertical-align: middle;
}
.hall .info{
	width: 100%;
}
.hall .info{
	height: 46px;
	margin: 0 0 15px;
	padding: 4px 14px;
	border-spacing: 0;
	background: rgba(255,255,255,0.1);
}
.hall .info,
.hall .seat,
.seats-scale-table,
.hall .screen hr{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.hall .info td{
	width: 0;
	padding: 0 5px;
}
.hall .info td.space{
	width: 1000px;
}
.hall .seats,
.seats-scale-table{
	border-spacing: 2px 7px;
}
.seats-scale-table.icons{
	border-spacing: 0 7px;
}
.hall .seats td,
.seats-scale-table td{
	padding: 0;
}
.hall .seats td{
	width: 10px;
}
.hall .seat{
	width: 20px;
	height: 22px;
	border: solid 1px #fff;
}
.hall .seats-scale-table .seat{
	border-color: transparent;
}
.hall .seats .seat{
	cursor: pointer;
	-webkit-transition: 0.4s ease all;
	-moz-transition: 0.4s ease all;
	-o-transition: 0.4s ease all;
	transition: 0.4s ease all;
}
.hall .seats .seat:not(.engaged):not(.reserved):hover{
	/* color: #ffc600;
	border-color: #ffc600; */
}
.hall .seat.engaged{
	color: #010d40;
	background: #fff;
}
.hall .seat.selecteduser{
	background: #ffc600 ;
    border-color: #ffc600 ;
}
.hall .seat.reserved{
	opacity: 0.5;
	background: rgba(255,255,255,0.4);
}
.hall .seats .seat.engaged,
.hall .seats .seat.reserved{
	cursor: not-allowed;
}
.hall .info .seat{
	display: inline-block;
	margin: 0 4px 0 12px;
	vertical-align: -8px;
}
.hall .info td:last-child .seat{
	margin-right: 0;
}
.seats-scale .entrance{
	height: 15px;
}
.seats-scale.left .entrance{
	text-align: left;
	padding-left: 58px;
	margin-right: -58px;
}
.seats-scale.right .entrance{
	text-align: right;
	padding-right: 58px;
	margin-left: -58px;
}
.seats-scale-table:not(.icons){
	background: rgba(255,255,255,0.1);
}
.seats-scale .seats-scale-table.icons .seat{
	font-size: 0;
}
.seats-scale .seats-scale-table.icons .seat img+img{
	margin-left: 6px;
}
.seats-scale.left .seats-scale-table.icons .seat{
	padding-right: 10px;
	text-align: right;
}
.seats-scale.right .seats-scale-table.icons .seat{
	padding-left: 10px;
	text-align: left;
}
.seats-scale-table:not(.icons) .seat{
	padding: 0 10px;
}
.seats-scale-table{
	margin: 10px 0 0;
}
/* .hall .seats{
	display: inline-table;
	margin: 18px 0 0;
	table-layout: fixed;
} */

.hall .seats {
 display: inline-table;
 cursor: default;
 margin: 18px 0 0;
 table-layout: fixed;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}


.hall .seats .move-right .seat{
	-webkit-transform: translateX(6px);
	-moz-transform: translateX(6px);
	-o-transform: translateX(6px);
	transform: translateX(6px);
}
.hall .screen{
	height: 25px;
	margin: 20px 0 0;
}
.hall .screen hr{
	height: 5px;
	margin: 5px 0 0;
	border: 0 none;
	background: #fff;
}






/* eof */