@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');

g.sector.inact {
	opacity: 0.5;
}

g.sector.act {
	opacity: 1;
}

#canvas g.sector .sector_path {
	opacity: 0 !important;
}

#canvas.lowscale g.sector.act .sector_path {
	opacity: 0.7 !important;
}

g.sector.inact g.seat text {
	display: none;
}

g.sector.act g.seat.seat-available rect,
g.sector.act g.seat.seat-available text {
	transform: scale(1.0);
	/*transition: 0.2s linear;*/
}

g.sector.act g.seat.seat-available:hover rect,
g.sector.act g.seat.seat-available:hover text {
	transform: scale(1.4);
	/*transition: 0.3s linear;*/
}

g.sector.act g.seat.seat-available:hover rect {
    fill: #a4dd90;
}

g.sector.act g.seat.seat-available.seat-selected:hover rect {
    fill: #e0e082;
}

g.seat.seat-sold rect {
    fill: #E41E26 !important;
}
g.seat.seat-reserved rect {
    fill: #f39c12;
}

g.seat.seat-available rect{
    fill: #00a65a;
}
g.seat.seat-unavailable rect{
    fill: #fff;
}


body g.seat.seat-selected rect{
    fill: #e0e082 !important;
}


rect.middle,
path.sector_path {
	fill: #edecec;
}

#hall-layout {
	position: relative;
	/* display: block; */
	/* box-sizing: border-box; */
	overflow: scroll;
	background-color: #FFFFFF;
	/*
	max-width: 720px;
	*/
	margin-left: auto;
	margin-right: auto;
	width: 100%;
    float: left;
}
#layout-container.full-screen #hall-layout {
	position: fixed !important;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
	/*
	max-width: initial;
	margint-left: none;
	margin-right: none;
	*/
}

#canvas {
	left: 0;
	top: 0;
	position: relative;
}


#layout-container.full-screen {
	position: static;
}
#layout-full-screen-close {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1000;
}
#layout-container.full-screen #layout-full-screen-close{
	display: block;
}


/**************** Foglalt jegyek webpénztár **************************/

g.bordered {
    stroke-width: 3px;
}
#show-reserved-tickets-on-seatmap.active {
    background: rgba(27, 188, 161, 1);
    border: 1px solid #1bbca1;
    color: #fff;
}
.btn.btn-reserved-tickets:focus {
    background: rgba(27, 188, 161, 0.6);
    border: 1px solid #1bbca1;
    color: #000;
}

@media only screen and (max-width: 768px) {
	#hall-layout svg {
		/*width: 100% !important;*/
		height: auto;
	}
	body .seat-colors img {
		width: 16px;
	}
}

g.seat tspan {
    font-family: 'PT Sans',sans-serif !important;
	fill: white;
    stroke: none;
}