.hallWrap{
	display:block;
	width:80vh;
	height:80vh;
	text-align:center;
	overflow:hidden;
	margin:0px auto;
}

.seatsHolder
{
	margin:0;
	padding:0;
	margin:0px auto;
	position:absolute;
	width:55vw;
	height:80vh;
	max-width:900px;
	
	border:solid 1px #AAA;
}

.seat
{
	border: solid 2px #555;
	border-top:solid 4px #555;
	border-radius: 5px;
	padding:0;
	margin:0;
	text-align: center;
	vertical-align: middle;
	font-size: 2.2vh;
	
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                       supported by Chrome, Edge, Opera and Firefox */
	-webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media(hover: hover) and (pointer: fine) {
    .seat:hover {
       cursor: pointer;
		filter: brightness(150%);
    }
}


.seat:active
{
	cursor: pointer;
	filter: brightness(100%);
}

.hallMarkupText
{
	font-size:20px;
}


.controlBox * {
	position:static;
	box-sizing: border-box;
}
.controlBox
{
	background:transparent;
	width:100%;
	text-align:center;
	display:block;
	margin:0;
	padding:0;
}

.controlBox .controlLine
{
	background:transparent;
	width:auto;
	text-align:center;
	margin:0 auto;
	line-height:20px;
	display:block;
	padding:0;
}

.controlBox .controlLine .controlHeading
{
	background:transparent;
	width:auto;
	margin:0;
	padding:0;
	text-align:right;
	line-height:20px;
	display:inline;
	float:center;
	margin-right:10px;
	
	color:#333;
	font-size:15px;
}


.controlBox .controlLine .sellSelect
{
	background:#555;
	width:60%;
	border:solid 2px #BBB;
	border-radius:4px;
	text-align:left;
	
	margin:0;
	padding:0;
	
	text-align:center;
	line-height:20px;
	height:20px;
	display:inline;
	float:none;
	
	color:#DDD;
	font-size:15px;
}

.controlButton {
	border: solid 2px #888;
	border-radius: 8px;
	color: #CCC;
	background:#222;
	font-size: 20px;
	padding:5px;
	margin: 0 15px;
}

.controlButton:hover
{
	background: #888;
}

.controlInput {
	border: solid 2px #888;
	border-radius: 8px;
	color: #CCC;
	background:#222;
	font-size: 20px;
	padding:5px;
	margin: 0 15px;
	
}


.hallTools{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: center;
	width:100%;
	max-width:1800px;
	margin:0px auto;
}

.hallTool{
	order: 0;
	flex-grow:0;
	margin:0;
	padding:0;
	margin:0px auto;

	max-width:900px;
	width:60vw;
	height:80vh;
	z-index:1;
	
}

.ticketTool{
	 order: 1;
	 flex-grow:1;
	 width:30vw;
	 height:80vh;
	 background-image: url("img/iface/bg_empty.jpg");
	 z-index:3;
}

.ticketHld
{
	display:flex;
	width:100%;
	flex-direction: column;
	gap:6px;
	padding:5px;
	
}

.ticketEntity{
	 flex-grow:0;
	 height:6em;
	 width:100%;
	 border:solid 2px #000;
	 border-radius:8px;
	 
	 text-align:left;
	 padding:5px;
}

.ticketEntity:hover{
	cursor:pointer;
	filter: brightness(1.25);
}

.ticketEntity *{
	background:transparent;
}

.ticketEntity input[type=text]
{
	border: solid 2px #888;
	border-radius: 4px;
	height:25px;
	background:#EEE;
	color:#000;
	padding:0 5px;
}

.ticketEntity input[type=button]
{
	height:25px;
	margin-left:10px;
	padding:0 5px;
	background:#AAA;
	border: solid 2px #888;
	border-radius: 4px;
}

.ticketEntity input[type=button]:hover
{
	cursor:pointer;
	background:#999;
}