.asiento{
background-color:red;
border: 1px solid #D0E4F5;
margin-right: 1px;

}

.dedo, .dedo:hover{
	cursor: pointer;
}


.tablaMapa
{
	border-collapse: separate;
  border-spacing: 3px 3px;
  overflow:auto;
	

}

.tablaMapa td{
	border: 1px solid black;
	width: 4em!important;
	max-width: 50px!important;
	min-width: 20px!important;
	height: 3em;
	font-size:15px;
	overflow: hidden;
	font-weight: bold;
	border-radius:0.5rem;
}
.tablaMapa td:hover {
	opacity: 0.5;
	border-radius:1rem;
	cursor: pointer;
}

.tablaMapa .asientoAnt{
	background-color:white!important;
	border:none;
}
.tablaMapa .cabeceraColumna{
	background-color:grey;font-size:14px;
}

.yellow{
	background-color: yellow!important;
}
.green{
	background-color: green!important;
}
.black{
	background-color: black!important;
}
.grey{
	background-color: grey!important;
}
.red{
	background-color: red!important;
}

.pendiente{
background-color: #F9BA06!important;

}
.precompra{
background-color: #e1a4fb!important;

}
.colorbloqueo{
	background-color: black!important;
	color:white!important;
}
.colorcambio{
	background-color: blue!important;
	color:white!important;
}

.classMapa path:hover{
	fill: green;
	cursor: pointer;
}
.classMapa svg{
	/* background-color: blue; */
}

@media only screen and (max-width: 576px) 
{
 
.vistamapa
	{
		width:280pt;
		 height:280pt; 
		
	}

	
	
	
}

@media only screen and (min-width: 576px) {
  .vistamapa
	{
		 width:350pt;
		 height:350pt; 
		
	} 
}