div.seatCharts-container {
	/*min-width: 700px;*/
}
div.seatCharts-cell {
	height: 16px;
	width: 16px;
	margin: 3px;
	float: left;
	text-align: center;
	outline: none;
	font-size: 13px;
	line-height:16px;
	color: blue;

}
div.seatCharts-seat {
	background-color: green;
	color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: default;
	width: 35px;
	height: 35px;
	line-height: 35px;
}

div.seatCharts-seat:focus {
	border: none;
}
/*
.seatCharts-seat:focus {
	outline: none;
}
*/

div.seatCharts-space {
	background-color: white;
	width: 35px;
	height: 35px;
}
div.seatCharts-row {
	/* display: flex; */
	 height: 36px;
	 /*justify-content: center;  Centra cada fila */
	margin-bottom: 5px; /* Ajusta el espacio entre filas */
}

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

div.seatCharts-seat.selected {
	background-color: #90ee90; /* Light green */
	position: relative;
}

div.seatCharts-seat.selected::after {
	content: '✔'; /* Check icon */
	color: white;
	font-size: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

div.seatCharts-seat.focused {
	background-color: #6db131;
}

div.seatCharts-seat.available {
	background-color: green;
}

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

div.seatCharts-seat.p_available {
	background-color: rgb(0, 76, 255);
	border: 3px solid rgb(26, 0, 196);
}

div.seatCharts-seat.p_unavailable {
	background-color: red;
	cursor: not-allowed;
}

div.seatCharts-seat.v_available {
	background-color: rgb(255, 217, 0);
	border: 3px solid orange;
	color: black;
}
div.seatCharts-seat.v_unavailable {
	background-color: red;
	cursor: not-allowed;
}

div.seatCharts-seat.p_available.selected {
	background-color: rgb(102, 237, 255);
	position: relative;
}

div.seatCharts-seat.p_available.focused {
	background-color: rgb(0, 143, 162);
	border: 3px solid rgb(179, 104, 249);
}

div.seatCharts-seat.p_available.selected::after {
	content: '✔'; /* Check icon */
	color: white;
	font-size: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

div.seatCharts-seat.v_available.selected {
	background-color: rgb(255, 217, 0);
	position: relative;
}
div.seatCharts-seat.v_available.focused {
	background-color: rgb(255, 153, 0);
	border: 3px solid rgb(179, 104, 249);
}
div.seatCharts-seat.v_available.selected::after {
	content: '✔'; /* Check icon */
	color: white;
	font-size: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
div.seatCharts-seat.p_unavailable.selected {
	background-color: red;
	position: relative;
}

div.seatCharts-seat.none {
	background-color: white;
	cursor: not-allowed;
}

ul.seatCharts-legendList {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
li.seatCharts-legendItem {
	margin-top: 10px;
	line-height: 2;
}