div.seatCharts-container {
	/*min-width: 700px;*/
}


.front-indicator {
	width: 145px;
	margin: 5px 32px 15px 32px;
	background-color: #f6f6f6;	
	color: #adadad;
	text-align: center;
	padding: 3px;
	border-radius: 5px;
}


.booking-details {
	float: left;
	text-align: left;
	margin-left: 35px;
	font-size: 12px;
	position: relative;
	height: 401px;
}
.booking-details h2 {
	margin: 25px 0 20px 0;
	font-size: 17px;
}
.booking-details h3 {
	margin: 5px 5px 0 0;
	font-size: 14px;
}
div.seatCharts-cell {
	color: #182C4E !important;
	height: 25px;
	width: 25px;
	line-height: 25px;
	
}
div.seatCharts-seat {
	color: #FFFFFF !important;
	cursor: pointer;	
}
div.seatCharts-row {
	height: 35px;
}
div.seatCharts-seat.available {
	background-color: #B9DEA0 !important;
	width:25px !important;height:25px !important; padding: 0 !important;

}
div.seatCharts-seat.focused {
	background-color: #76B474 !important;
}
div.seatCharts-seat.selected {
	background-color: #E6CAC4 !important;
}
div.seatCharts-container {
	border-right: 1px dotted #adadad !important;
	width: 400px;
	padding: 20px;
	float: left;
}

div.seatCharts-legend {
	padding-left: 0px;
	position: absolute;
	bottom: 16px;
}
ul.seatCharts-legendList {
	padding-left: 0px;
}
span.seatCharts-legendDescription {
	margin-left: 5px;
	line-height: 30px;
}
.checkout-button {
	display: block;
	margin: 10px 0;
	font-size: 14px;
}
#selected-seats {
	max-height: 90px;
	overflow-y: scroll;
	overflow-x: none;
	width: 170px;
}
div.seatCharts-cell {

	height: 16px;
	width: 16px;
	margin: 1px;
	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: 1px;
	cursor: default;
}

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


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

div.seatCharts-space {
	background-color: white;
}
div.seatCharts-row {
	height: 50px;
}

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

div.seatCharts-seat.selected {
	background-color: aqua;
}

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

div.seatCharts-seat.available {
	background-color: green;
}
ul.seatCharts-legendList {
	list-style: none;
}
li.seatCharts-legendItem {
	margin-top: 10px;
	line-height: 2;
}

.front-indicator {
	width: 145px;
	margin: 5px 32px 15px 32px;
	background-color: #f6f6f6;	
	color: #adadad;
	text-align: center;
	padding: 3px;
	border-radius: 5px;
}

div.seatCharts-cell {
	color: #182C4E;
	height: 25px;
	width: 25px;
	line-height: 25px;
	
}
div.seatCharts-seat {
	color: #FFFFFF;
	cursor: pointer;	
}
div.seatCharts-row {
	height: 27px;
}
div.seatCharts-seat.available {
	background-color: #3cb371 !important;

}
div.seatCharts-seat.available.first-class {
/* 	background: url(vip.png); */
	background-color: #3a78c3 !important;
}
div.seatCharts-seat.first-class.unavailable {
/* 	background: url(vip.png); */
	/*background-color: #3a78c3 !important;*/
	background-color: #808080 !important;
}

div.seatCharts-seat.focused {
	background-color: #76B474;
	width:25px !important;height:25px !important; padding: 0 !important;
}
div.seatCharts-seat.selected {
	background-color: #fae300 !important;
	width:25px !important;height:25px !important; padding: 0 !important;
}
div.seatCharts-seat.unavailable {
	background-color: lightgray !important;
	width:25px !important;height:25px !important; padding: 0 !important;cursor: not-allowed;
}

div.seatCharts-container {
	border-right: 1px dotted #adadad;
	width: 625px;
	padding: 20px;
	float: left;
}
div.seatCharts-legend {
	padding-left: 0px;
	position: static;
	bottom: 16px;
}
ul.seatCharts-legendList {
	padding-left: 0px;
}
ul.seatCharts-legendList li{
	width:25%;float:left;
}
span.seatCharts-legendDescription {
	margin-left: 5px;
	line-height: 30px;
}
.checkout-button {
	display: block;
	margin: 10px 0;
	font-size: 14px;
}
#selected-seats {
	max-height: 90px;
	overflow-y: scroll;
	overflow-x: none;
	width: 170px;
}
div.umbrella-class {
	width: 1px;
    height: 1px;
    background: green;
	border-radius: 50%;
}
div.building-class {
	width: 2px;
    height: 2px;
    background: green;
}
div.textlabel-class {
	width: 2px;
    height: 2px;
    background: white;
}

/******************New Added Css*******************************/
/*Carpa */
div.seatCharts-seat.available {
	background-color: green; 
    /*background: url(../images/carpa_rayas_verdes_2_v.jpg)!important;*/
    font-size: 0;

	}
	
	
div.carpa-vertical-vb-class.available {
	background: url(../images/carpa_rayas_verdes_2_v.png)!important; 
    font-size: 0;
   }

div.carpa-horizontal-vb-class.available {
	background: url(../images/carpa_rayas_verdes_2_h.png)!important;; 
    font-size: 0;
	}
	
div.carpa-verde-class.available {
	background: url(../images/carpa_verde.jpg)!important;; 
    font-size: 0;
	}
div.carpa-verde-v-class.available {
background: url(../images/carpa_verde_v.png)!important;; 
    font-size: 0;
}
div.carpa-verde-h-class.available {
background: url(../images/carpa_verde_h.png)!important; 
    font-size: 0;
}	
	
div.carpa-vertical-azul-class.available {
	background: url(../images/carpa_azul_v.jpg)!important;
    font-size: 0;
	}
		
div.carpa-horizontal-azul-class.available {
	background: url(../images/carpa_azul_h.jpg)!important;
    font-size: 0;
	}

div.carpa-blanco-v-class.available {
background: url(../images/carpa_blanco_v.jpg)!important ; 
    font-size: 0;
}

div.carpa-blanco-h-class.available {
background: url(../images/carpa_blanco_h.jpg)!important ; 
    font-size: 0;
}


	
div.carpa-verde-blanco-parcial-h-class.available {
	background: url(../images/carpa_verde_blanco_parcial_h1.png)!important; 
    font-size: 0;
	}

	 
div.carpa-verde-blanco-parcial-h2-class.available {
	background: url(../images/carpa_verde_blanco_parcial_h2.png)!important; 
    font-size: 0;
	}

	
div.carpa-verde-blanco-parcial-v2-class.available {
	background: url(../images/carpa_verde_blanco_parcial_v2.png)!important; 
    font-size: 0;
	}

div.carpa-naranja-h-class.available {
	background: url(../images/carpa_naranja_h.jpg) !important;
    font-size: 0;
	}
	
div.carpa-naranja-v-class.available {
	background: url(../images/carpa_naranja_v.jpg) !important; 
    font-size: 0;
	}
	
div.carpa-amarilla-h-class.available {
	background: url(../images/carpa_amarilla_h.jpg) !important;
    font-size: 0;
	}

div.carpa-amarilla-v-class.available {
	background: url(../images/carpa_amarilla_v.jpg) !important;
    font-size: 0;
	}

div.carpa-bordo-v-class.available {
	background: url(../images/carpa_bordo_v.jpg) !important;
    font-size: 0;
	}
	
div.carpa-bordo-h-class.available {
	background: url(../images/carpa_bordo_h.jpg) !important;
    font-size: 0;
	}
	
div.carpa-azul-oscuro-h-class.available {
	background: url(../images/carpa_azul_oscuro_h.jpg)!important;
    font-size: 0;
	}
	
div.carpa-azul-oscuro-v-class.available {
	background: url(../images/carpa_azul_oscuro_v.jpg) !important;
    font-size: 0;
	}
	
	
	
	
/* Sombrilla */
div.umbrella-class-naran-verd {
	width: 1px;
    height: 1px; 
    background: green; 
	border-radius: 50%;
	}
	
div.umbrella-class-naran-verd.available {
	background: url(../images/sombrilla_nar_verd.jpg) !important; 
    font-size: 0;
	}

div.umbrella-class-verd-blanc {
	width: 1px;
    height: 1px; 
    background: green; 
	border-radius: 50%;
	}
	
div.umbrella-class-verd-blanc.available {
	background: url(../images/sombrilla_verd_blanco.jpg) !important; 
    font-size: 0;
	}
	
	
div.umbrella-class {
	width: 1px;
    height: 1px; 
    background: green; 
	border-radius: 50%;
	}

div.umbrella-class-verd-rojo {
width: 1px;
    height: 1px; 
    background: green; 
border-radius: 50%;
}

div.umbrella-class-verd-rojo.available {
background: url(../images/sombrilla_verde_rojo.png) !important; 
    font-size: 0;
}	

div.umbrella-class-paja {
width: 1px;
    height: 1px; 
    background: green; 
border-radius: 50%;
}
div.umbrella-class-paja.available {
background: url(../images/sombrilla_paja.jpg) !important; 
    font-size: 0;
}


div.umbrella-class-naranja-amarilla {
	width: 1px;
    height: 1px; 
    background: green; 
	border-radius: 50%;
	}

div.umbrella-class-naranja-amarilla.available {
	background: url(../images/sombrilla_naranja_amarilla.png) !important; 
    font-size: 0;
	}


div.umbrella-class-azul-bordo {
	width: 1px;
    height: 1px; 
    background: green; 
	border-radius: 50%;
	}

div.umbrella-class-azul-bordo.available {
	background: url(../images/sombrilla_azul_bordo.png) !important; 
    font-size: 0;
	}



/* Leyendas adicionales */
div.textlabel-class {
	background-color: white;
}

div.textlabel-class.unavailable {
	color: black !important;
	background: url(../images/fondotext.jpg) !important; 
	}

/* Guardavidas  */
div.guardavidas-class {
	background-color: white;
}

div.guardavidas-class.unavailable {
	background-color: white;
	background: url(../images/lifeguard.jpg) !important; 
	z-index:9999;
	position: relative;
}

/* kidsgames-class  */
div.kidsgames-1-class {
}

div.kidsgames-1-class.unavailable {
    font-size: 0;
	background-color: transparent !important;
	border:0px !important;
	background: url(../images/kidsgames-1.png) !important; 
}

div.kidsgames-2-class {
	background-color: transparent !important;
	border:0px !important;

}

div.kidsgames-2-class.unavailable {
    font-size: 0;
	background-color: transparent !important;
	border:0px !important;
	background: url(../images/kidsgames-2.png) !important; 
}

div.kidsgames-3-class {
}

div.kidsgames-3-class.unavailable {
    font-size: 0;
	background-color: transparent !important;
	border:0px !important;
	background: url(../images/kidsgames-3.png) !important; 
}


/* sonderos-class  */
div.sendero-vertical-class {
	background-color: white;
}

div.sendero-vertical-class.unavailable {
	background-color: white;
    font-size: 0;
	background: url(../images/sendero_v.jpg) !important;
} 


div.sendero-horizontal-class-class {
	background-color: white;
}

div.sendero-horizontal-class.unavailable {
	background-color: white;
    font-size: 0;
	background: url(../images/sendero_h.jpg) !important;	
} 


 
/* beachsport-class */
div.beachsport-class {
	background-color: white;
}

div.beachsport-class.unavailable {
    font-size: 0;
	border: 0px !important;
	background-color: white;
	background: url(../images/beachgames.png) !important; 
}