.legend ul{padding-left:0px;}
span.cube{display:inline-block;border-radius: 50%;height:20px;width:20px;margin-bottom: -3px;}
span.plan_{background:none repeat scroll 0 0;border:1px solid grey;}
span.plan_red{background:none repeat scroll 0 0 #ff4040;border:1px solid grey;}
span.plan_blue{background:none repeat scroll 0 0 #c0ffff;border:1px solid grey;}
span.plan_green{background:none no-repeat scroll 0 0 #80ff80;border:1px solid grey;}
span.plan_fuchsia{background:none repeat scroll 0 0 #ffc0ff;border:1px solid grey;}
span.plan_yellow{background:none repeat scroll 0 0 #ffff40;border:1px solid grey;}
span.plan_salmon{background:none repeat scroll 0 0 #FA8072;border:1px solid grey;}
span.plan_skyblue{background:none repeat scroll 0 0 #87CEEB;border:1px solid grey;}
span.plan_teal{background:none repeat scroll 0 0 #04aca9;border:1px solid grey;}
span.plan_thistle{background:none repeat scroll 0 0 #D8BFD8;border:1px solid grey;}
span.plan_palegreen{background:none repeat scroll 0 0 #98FB98;border:1px solid grey;}
span.plan_orange{background:none repeat scroll 0 0 #FFA500;border:1px solid grey;}
span.plan_incart{background:none repeat scroll 0 0 #FF00FF;border:1px solid #808080;}
span.plan_reserved{background:none repeat scroll 0 0 #808080;border:1px solid #808080;}
span.plan_locked{background:none repeat scroll 0 0 #8080C0;border:1px solid #808080;}
span.plan_own{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #808080;}

.colors {
color:white;
text-align:center;
border-radius:10px;	
width:50%;
font-size:26px;
}
.colors h3 {
color:white;
}
.color_red{background-color:#ff0000;}
.color_blue{background-color:#c0ffff;}
.color_green{background-color:#80ff80;}
.color_fuchsia{background-color:#ffc0ff;}
.color_yellow{background-color:#ffff40;}
.color_salmon{background-color:#FA8072;}
.color_skyblue{background-color:#87CEEB;}
.color_teal{background-color:#04aca9;}
.color_thistle{background-color:#FFA500;}
.color_palegreen{background-color:#98FB98;}
.color_orange{background-color:#98FB98;}



/*fix opera outline*/
body.opera ul.r li { outline:0px; }
body.opera ul.r li.ltr { outline:0px; }
/*eof fix opera outline  background-image:url(../../images/disabled.png)*/
ul.r li.bl, ul#ajax_cart li.bl{background-color:#C0FFFF;}
ul.r li.rd, ul#ajax_cart li.rd{background-color:#ff4040;}
ul.r li.gr, ul#ajax_cart li.gr{background-color:#80FF80;}
ul.r li.or, ul#ajax_cart li.or{background-color:#FFA500;}
ul.r li.fu, ul#ajax_cart li.fu{background-color:#FFC0FF;}
ul.r li.ye, ul#ajax_cart li.ye{background-color:#ffff40;}
ul.r li.sa, ul#ajax_cart li.sa{background-color:#FA8072;}
ul.r li.sb, ul#ajax_cart li.sb{background-color:#87CEEB;}
ul.r li.te, ul#ajax_cart li.te{background-color:#008080;}
ul.r li.th, ul#ajax_cart li.th{background-color:#D8BFD8;}
ul.r li.pg, ul#ajax_cart li.pg{background-color:#98FB98;}
ul.r li.o{color:#000000;background-color:#FFFFFF;cursor:default;}
ul.r li.x{color:#FFFFFF;background-color:#808080;cursor:default;}
ul.r li.y{color:#FFFFFF;background-color:#FF00FF;cursor:pointer;}
ul.r li.z{color:#FFFFFF;background-color:#8080C0;cursor:default;}
ul.r li.s:hover{background-color:#000;color:#FFFFFF;}
/* .table_qty {
	margin:-17px
}
 */


div.seatplan{width:1100px;height:500px;margin-top:10px;padding:0px;outline:0px solid red;margin-left:auto;margin-right:auto;-khtml-user-select:none;user-select:none;-webkit-background-size:100% 100%;background-size:100% 100%;margin-top:36px;background-position-y: 2px;}
ul.hidden{display:none !important;}
ul.r{padding:0px;margin:0px;list-style-type:none;z-index:1}
ul.r li{position:relative;display: flex;justify-content: center;align-items: center;width:36px;height:36px;margin-top:-36px;

font-size:14px;

padding:0;text-align:center;border:2px solid #808080;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);color:#000000;cursor:pointer;z-index:10}

ul.r li.b{background:none repeat scroll 0 0 transparent;cursor:default;outline:0px solid transparent;border:0px solid #808080;-webkit-box-shadow:none;box-shadow:none ;}
ul.r li.ltr{font-weight:bold;color:#ff0000;outline:0px solid #c0c0c0;background-color:none;cursor:default;border:0px solid #808080;-webkit-box-shadow:none;box-shadow:none;}
ul.r li.q{font-size:20px;font-weight:bold;color:#808080;outline:0px solid #c0c0c0;background-color:#fff;cursor:default;border:2px solid #808080;-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);-webkit-border-radius:50%;border-radius:50%;}
ul.r li.sd{background:#ccc;cursor:default;outline:0px solid transparent;border:0px solid #808080;-webkit-box-shadow:none;box-shadow:none ;}

 .btn-ga {
     background: none !important;
     border: 0px solid #ff0000;
	 color: #2F312F !important;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 margin:2px;
	 padding:55px 75px;
	 font-size: 0px !important;

	 position:relative;
	 top:210px;
	 left: 150px;
}
 .btn-ga:hover {
     background: none !important;
     color: #ffffff !important;
	 border: 0px solid #ffffff;
	
}


.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: #ffffff;
    background-color: #555;
}




@media (max-width: 1200px) {

	div.seatplan{width:935px;height:425px;outline:0px solid yellow;padding:0px;margin-top:30px}
	ul.r{padding-top:30px;margin:0px;list-style-type:none;height:0px;}
	ul.r li{position:relative;width:30px;height:30px;
	font-size:11px;
	}
	.btn-ga {
	 font-size: 0px !important;
	 height: 90px !important;
	 width: 110px !important;
	 padding:45px 65px;
	 position:relative;
	 top:170px;
	 left: 130px;
	}
	
	
} 
@media (max-width: 992px) {	

	div.seatplan{width:680px;height:309px;outline:0px solid blue;padding:0px;background-position-y: 0px;}
	ul.r{padding-top:20px;margin:0px;list-style-type:none;height:0px;}
	ul.r li{position:relative;width:22px;height:22px;
	font-size:9px;
	border:1px solid #808080;}
	
	
	ul.r li.q{border:2px solid #808080;}
	.colors {width:75%;}
 .btn-ga {
	 font-size: 0px !important;
	 height: 80px !important;
	 width: 90px !important;
	 padding:35px 55px;
	 top:125px;
	 left: 95px;
}


}
@media (max-width: 767px) {
	div#stage_label{width:500px;height:82px;padding:22px;font-size:26px;outline:0px solid orange;}
	div.seatplan{width:500px;height:227px;outline:0px solid orange;padding:0px;margin-top:16px;background-position-y: 0px;}
	ul.r{padding-top:15px;margin:0px;list-style-type:none;height:0px;}
	ul.r li{position:relative;width:18px;height:18px;
	font-size:7px;
	border:1px solid #808080;}
	
	
	ul.r li.q{border:2px solid #808080;}
	.colors {margin:auto;}
 .btn-ga {
	 font-size: 0px !important;
	 height:60px !important;
	 width: 60px !important;
	 padding:5px 35px;
	 top:90px;
	 left: 70px;
}


}
@media (max-width: 576px) {

	div.seatplan{width:250px;height:155px;outline:0px solid green;padding:0px;margin-top:10px;background-position-y: 0px;}
	ul.r{padding-top:7px;margin:0px;list-style-type:none;height:0px;}
	ul.r li{position:relative;width:18px;height:18px;
	font-size:0px !important;
	border:1px solid #808080;}
	ul.r li.q{border:1px solid #808080;}
	.table_qty {margin:auto;}
	.colors {font-size:26px;width:50%}

 .btn-ga {
	 font-size: 0px !important;
	 height: 25px !important;
	 width: 10px !important;
	 padding:5px 20px;
	 top:46px;
	 left: 35px;
}


}

/* @media (max-width: 767px) {
	.clear {overflow-x: scroll;-webkit-overflow-scrolling: touch;}
}*/
@media (max-width: 576px) {
	.clear {overflow-x: scroll;-webkit-overflow-scrolling: touch;}
}