/*Hide inactive seats*/
.nohover {
	display: none;
}




/* Custom Styles */

/* Basket Panel Fix*/

@media screen and (min-width: 1166px) {
	.panel.stickem {
		z-index: 10000;
	}

	.panel-content.stickem-container{

			padding-top: 10px !important;
	}
	.ticket-selection .ticket-selection-option2+.panel .panel-header {
		display: block;
		/*margin-top: -54px;*/


		margin-top: -68px;



	}


	/*hide details when basket is collapses*/
	.ticket-selection .ticket-selection-option2 + .map-panel #saalplandetails {
		visibility: hidden;
	}
	@-moz-document url-prefix() { .ticket-selection .ticket-selection-option2+.panel .panel-header { margin-top: -56px; } }



	.ticket-selection .ticket-selection-option2.seat-deselected +.panel .panel-header {
		display: block;
		margin-top: 0px;


		border: 1px solid black;
	}


	.ticket-selection .ticket-selection-option2 {
		box-shadow: 0px 8px 7px -6px #ccc;
		z-index: 100;
	}

	/*
	.ticket-selection .ticket-selection-option2.seat-deselected {
		min-height: 0 !important;
		z-index: 1;
		position: relative;
		max-height: 209px;
		margin-bottom: 15px;
		overflow: hidden;
	}*/


}

#plan_wrapper {
	overflow: hidden;
	width: 670px;
	height: 750px;
}
.panel-content.stickem-container {

	overflow: hidden;
}

.qtip-default {
	background-color: #f5ebc5 !important;
	border: 1px solid #cc0f3c !important;
	font-family: Arial, sans-serif !important;
}

.qtip-titlebar {
	background-color: #820000 !important;
	color: #ffffff;
}

#main_content:focus,
#shopHallSeatPlanZoom:focus {
	outline:0 !important;
}

.seat-active, [class^="hallSeat"] {
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.qtip-default {
		display: none !important;
	}
}


/*@media screen and (min-width: 768px) {*/
@media screen and (min-width: 960px) {
	.mapbox {
    	transform: matrix(0.5, 0, 0, 0.5, -254, -400);



	}
}





@media screen and (max-width: 1024px) {
	#sessiondisplay {
		display: none;
	}
}
/*Smartphone */
@media screen and (max-width: 768px) {

	.map-panel .panel-content  {
		padding: 0;
	}

	.map-panel .panel-content .hidestickem  {
		padding: 10px 20px;
	}



	#plan_wrapper {
		margin-top: 10px;
		height: 500px;
		width: 100%;



	}
	.panel-content span.hidestickem {
		font-size: 12px !important;
		line-height: 1!important;
		display: inline-block;
	}

	.mapbox {
        /*transform: matrix(0.5, 0, 0, 0.5, -427, -313);
        -webkit-transform: matrix(0.5, 0, 0, 0.5, -427, -313);*/


        transform: matrix(0.25, 0, 0, 0.25, -427, -560);
        -webkit-transform: matrix(0.25, 0, 0, 0.25, -427, -560);



	}


	.ticket-selection .ticket-selection-option2+.panel .panel-header {
	  display: block !important;
	}
}

/*Tablet*/

/* Portrait */




@media only screen and (min-device-width: 768px) and (max-device-width: 3280px) and (orientation: portrait)   {

}


/*ipad mini emulator*/
/*@media only screen
and (min-device-width : 2500px)
and (max-device-width : 3200px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {

	.mapbox {
        transform: matrix(0.48, 0, 0, 0.48, -255, -400);
        -webkit-transform: matrix(0.48, 0, 0, 0.48, -255, -400);
	}
}
*/


@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: portrait)   {


/* show/hide zoom buttons*/
/*  .plan_zoom_A,
  .plan_zoom_B {
    border: 1px solid black;
    display: block;
  }
*/

	.mapbox {
        transform: matrix(0.48, 0, 0, 0.48, -255, -400);
        -webkit-transform: matrix(0.48, 0, 0, 0.48, -255, -400);



	}

	#plan_wrapper {
		margin-top: 0px;
		height: 750px !important;
		width: 100%;



	}

	.qtip-default {
		display: none !important;
	}

}



/* Targeting Nexus 7*/
@media only screen and (min-width : 600px) and (max-width : 603px) and (orientation: portrait) {
	.mapbox {
        transform: matrix(0.4, 0, 0, 0.4, -347, -487);
        -webkit-transform: matrix(0.4, 0, 0, 0.4, -347, -487);
	}


}

@media screen and (min-device-width: 320px) and (max-device-width: 812px) and (orientation: landscape)  {
	.mapbox {
        transform: matrix(0.25, 0, 0, 0.25, -280, -450);
        -webkit-transform: matrix(0.25, 0, 0, 0.25, -280, -450);


	}

	#plan_wrapper {

		margin-top: 0px;
		height: 750px !important;
		width: 100%;

	}
}
/* Tablet Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1280px)
  and (orientation: landscape)
  {
	.mapbox {



       transform: matrix(0.5, 0, 0, 0.5, -243, -352);
        -webkit-transform: matrix(0.5, 0, 0, 0.5, -243, -352);


	}

	.qtip-default {
		display: none !important;
	}


	#plan_wrapper {
		margin-top: 0px;
		height: 750px !important;
		width: 100%;


	}
}



.hint {

	float: right;
	background-color: #dbb54c;
	color: #333;
	padding: 4px;
	width: 80px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	margin-right: -30px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -webkit-transform : rotate(6deg) ;
    -ms-transform     : rotate(6deg) ;
    transform         : rotate(6deg) ;

    display: none;
}

/* Ticket Button */

@media screen and (max-width: 768px) {

	.hint-mobile {
		display: block;
	}
	.panel-content .tickets-selected{

		display: block;
		background-color: #ffffff;


		position: fixed;
		bottom: 0;
		left:0;
		width: 100%;
		z-index: 10000;

		padding: 12px;
		vertical-align: middle;


		-webkit-box-shadow: 0px -5px 16px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px -5px 16px 0px rgba(0,0,0,0.75);
		box-shadow: 0px -5px 16px 0px rgba(0,0,0,0.75);
	}

	.panel-content .tickets-selected button.btn-shop{
		position: relative !important;



		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 22px;

		float: right;
		bottom: auto;
		right: auto;
		top: auto;
	}

	.panel-content .tickets-selected span{
		display: inline;
	}


}