.seatCharts-container {
	width: 2000px;
}
.seatCharts-cell {

	height: 16px;
	width: 16px;
	margin: 3px;
	float: left;
	text-align: center;
	outline: none;
	font-size: 13px;
	line-height:16px;
	padding: 15px;
	color: black;

}
.seatCharts-seat {

	color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
}



.seatCharts-seat:focus {
	border: none;
}

.seatCharts-space {
	background-color: #1F1F22;
}
.seatCharts-row {
	height: 50px;
}

.seatCharts-row:after {
	clear: both;
}

.seatCharts-seat.selected {
	background-color: #38B6FF;
	cursor: pointer;
}

.seatCharts-seat.available {
	transition: all 0.2s ease;
}
.seatCharts-seat.available:hover {
    background-color: #2d3748;
    cursor: pointer;
    transition: all 0.2s ease;
}

.seatCharts-seat.unavailable {
	background-color: gray;
	cursor: not-allowed;
}