body {
	/*font-family: 'Roboto', sans-serif;*/
  	background-color:#fafafa;
}



/*
.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;
	height: 25px;
	width: 25px;
	line-height: 25px;
}
div.seatCharts-seat {
	color: #FFFFFF;
	cursor: pointer;	
}
div.seatCharts-row {
	height: 56px;
}
div.seatCharts-seat.available {
	background-image: linear-gradient(to bottom, rgba(0,255,0,0.2), rgba(0,255,0,0.5)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -moz-linear-gradient(top, rgba(0,255,0,0.2), rgba(0,255,0,0.5)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -o-linear-gradient(top, rgba(0,255,0,0.2), rgba(0,255,0,0.5)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -ms-linear-gradient(top, rgba(0,255,0,0.2), rgba(0,255,0,0.5)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,255,0,0.2)), to(rgba(0,255,0,0.5))), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -webkit-linear-gradient(top, rgba(0,255,0,0.0), rgba(0,255,0,0.0)), url("../../reservation/img/table.3bd5e7414073.png");
	background-size: cover;
	background-position: center;
	opacity: 0.7;
	/*background-color: #B9DEA0;*/
}


div.seatCharts-seat.focused {
	background-color: #76B474;
}

/* --------------------------------------- */
div.seatCharts-seat.selected-secondtime {
	background-image: linear-gradient(90deg, rgba(0, 255, 0, 0.3) 50%, rgba(255,0,0,0.4) 50%), url("../../reservation/img/table.3bd5e7414073.png"); 
}	
div.seatCharts-seat.splitted-reservation-full {	
	background: linear-gradient( 90deg, blue, blue 50%, blue 50%, rgba(0,255,0,0.2) 50%, rgba(0,255,0,0.5) 50% ); 
}
/* --------------------------------------- */


div.seatCharts-seat.selected {
/*	position: relative;
   	top: 0;
   	left: 0;
	background-color: #E6CAC4;
   	width: 100%;
   	height: 100%;
   	background-color: black;
   	opacity: 0.1;
*/
	background-image: linear-gradient(to bottom, rgba(0,255,0,0.1), rgba(0,255,0,0.5)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -moz-linear-gradient(top, rgba(0,255,0,0.1), rgba(0,255,0,0.5)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -o-linear-gradient(top, rgba(0,255,0,0.1), rgba(0,255,0,0.5)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -ms-linear-gradient(top, rgba(0,255,0,0.1), rgba(0,255,0,0.5)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,255,0,0.5)), to(rgba(0,255,0,0.5))), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -webkit-linear-gradient(top, rgba(0,255,0,0.4), rgba(0,255,0,0.4)), url("../../reservation/img/table.3bd5e7414073.png");
	background-size: cover;
	background-position: center;
	opacity: 0.9;
	
}
div.seatCharts-seat.unavailable {
	background-image: linear-gradient(to bottom, rgba(255,0,0,0.3), rgba(255,0,0,0.3)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -moz-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -o-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -ms-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,0,0,0.3)), to(rgba(255,0,0,0.3))), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -webkit-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3)), url("../../reservation/img/table.3bd5e7414073.png");
	background-size: cover;
	background-position: center;
	opacity: 0.95;
}

div.seatCharts-seat.booked-once {
	background-image: linear-gradient(to bottom, rgba(255,200,0,0.6), rgba(255,200,0,0.6)), url("../../reservation/img/table.3bd5e7414073.png");
	background-image: -moz-linear-gradient(top, rgba(255,200,0,0.6), rgba(255,200,0,0.6)), url("../../reservation/img/table.3bd5e7414073.png");
	background-image: -o-linear-gradient(top, rgba(255,200,0,0.6), rgba(255,200,0,0.6)), url("../../reservation/img/table.3bd5e7414073.png");
	background-image: -ms-linear-gradient(top, rgba(255,200,0,0.6), rgba(255,200,0,0.6)), url("../../reservation/img/table.3bd5e7414073.png");
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,200,0,0.6)), to(rgba(255,200,0,0.6))), url("../../reservation/img/table.3bd5e7414073.png");
	background-image: -webkit-linear-gradient(top, rgba(255,200,0,0.6), rgba(255,200,0,0.6)), url("../../reservation/img/table.3bd5e7414073.png");
	background-size: cover;
	background-position: center;
	opacity: 0.95;
}
div.seatCharts-seat.booked-twice {
	background-image: linear-gradient(to bottom, rgba(255,0,0,0.3), rgba(255,0,0,0.3)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -moz-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -o-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -ms-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,0,0,0.3)), to(rgba(255,0,0,0.3))), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -webkit-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3)), url("../../reservation/img/table.3bd5e7414073.png");
	background-size: cover;
	background-position: center;
	opacity: 0.95;
}


div.seatCharts-seat.booked-thrice {
	background-image: linear-gradient(to bottom, rgba(255,0,0,1), rgba(255,0,0,1)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -moz-linear-gradient(top, rgba(255,0,0,1), rgba(255,0,0,1)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -o-linear-gradient(top, rgba(255,0,0,1), rgba(255,0,0,1)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -ms-linear-gradient(top, rgba(255,0,0,1), rgba(255,0,0,1)), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,0,0,1)), to(rgba(255,0,0,1))), url("../../reservation/img/table.3bd5e7414073.png");
    background-image: -webkit-linear-gradient(top, rgba(255,0,0,1), rgba(255,0,0,1)), url("../../reservation/img/table.3bd5e7414073.png");
	background-size: cover;
	background-position: center;
	opacity: 0.95; 
	cursor: not-allowed;
}
/*
#selected-seats {
	max-height: 90px;
	overflow-y: scroll;
	overflow-x: none;
	width: 170px;
}*/


div.seatCharts-seat.big-table {
	width: 50px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	margin-top: -23px;
}
div.seatCharts-seat.medium-table {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	margin-left: -7px;
	margin-right: 112px;

}
div.seatCharts-seat.small-table {
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 50%
}
div.seatCharts-seat.surfboard-rotated {
	width: 80px;
    height: 28px;
	line-height: 28px;
    -webkit-transform: rotate(-40deg);
    border-radius: 60%;
    margin-left: -7px;
	margin-top: -1px;
	margin-right: 67px;
}
div.seatCharts-seat.surfboard-vertical {
	width: 25px;
    height: 50px;
	line-height: 50px;
    border-radius: 60%;
}
div.seatCharts-seat.surfboard-horizontal {
	width: 85px;
    height: 30px;
	line-height: 30px;
    border-radius: 60%;
}

div.seatCharts-seat.

/*---------------------------------*/
/*---------------------------------*/
/*----Loading reservation-table----*/
/*---------on pageload-------------*/
/*---------------------------------*/
/*---------------------------------*/

#\31 _2{
	margin-right: -1px;
}
#\32 _2{
	margin-top: -24px;
}
#\33 _1{
	margin-top:-5px;
}
#\34 _1{
	margin-top:-16px;
}
#\35 _1{
	margin-top:-2px;
}
#\36 _1{
	margin-top:4px;
}
#\37 _1{
	margin-top:-23px;
}
#\38 _1{
	margin-top:-16px;
}
#\39 _1{
	margin-top:-40px;
}
#\31 0_1{
	margin-top:-43px;
	margin-right: 125px;
}
#\31 0_2{
	margin-top:-4px;
	margin-right: 0px;
}
#\31 1_1{
	margin-left:71px;
	margin-top: -2px;
 }