.bg-gradient-custom {
	background: hsl(218, 41%, 19%) 80%;
	background: -webkit-linear-gradient(
		to right,
		hsl(218, 41%, 35%) 15%,
		hsl(218, 41%, 30%) 35%,
		hsl(218, 41%, 20%) 75%,
		hsl(218, 41%, 19%) 80%
	);
	background: linear-gradient(
		to right,
		hsl(218, 41%, 35%) 15%,
		hsl(218, 41%, 30%) 35%,
		hsl(218, 41%, 20%) 75%,
		hsl(218, 41%, 19%) 80%
	);
}

@media (min-width: 769px) {
	.bg-gradient-custom {
		border-top-right-radius: 0.3rem;
		border-bottom-right-radius: 0.3rem;
	}
}

#mapa_wrapper {
	overflow-x: scroll;
	margin: 1rem 0 0 0;
	padding: 1rem 0;
}

#mapa_centro_de_eventos {
	min-width: 700px !important;
	height: auto !important;
}

.assento {
	cursor: pointer;
}

.assento:hover rect {
	fill: #111;
}

.assento.selected rect {
	fill: #999;
}

.assento:hover path,
.assento.selected path {
	fill: #fff;
}

#mapa_fundacao_mezanino #fileira_a,
#mapa_fundacao_mezanino #fileira_b,
#mapa_fundacao_mezanino #fileira_c,
#mapa_fundacao_mezanino #fileira_d,
#mapa_fundacao_mezanino #fileira_e,
#mapa_fundacao_mezanino #fileira_f,
#mapa_fundacao_mezanino #fileira_g {
	pointer-events: none;

	g rect {
		stroke: #ccc;
		fill: #efefef;
	}
	g g path {
		fill: #ccc;
	}
}

#pcr_t text,
#mapa_centro_de_eventos #pcr_b text {
	fill: #007bff;
}

#mapa_centro_de_eventos #a1 rect,
#mapa_centro_de_eventos #a7 rect,
#mapa_centro_de_eventos #a8 rect,
#mapa_centro_de_eventos #a19 rect,
#mapa_centro_de_eventos #a20 rect,
#mapa_centro_de_eventos #a26 rect,
#mapa_centro_de_eventos #l1 rect,
#mapa_centro_de_eventos #l5 rect,
#mapa_centro_de_eventos #l10 rect,
#mapa_centro_de_eventos #l11 rect,
#mapa_centro_de_eventos #l21 rect,
#mapa_centro_de_eventos #l22 rect,
#mapa_centro_de_eventos #l27 rect,
#mapa_centro_de_eventos #l32 rect,
#mapa_centro_de_eventos #z1 rect,
#mapa_centro_de_eventos #z11 rect,
#mapa_centro_de_eventos #z12 rect,
#mapa_centro_de_eventos #z13 rect,
#mapa_centro_de_eventos #z14 rect,
#mapa_centro_de_eventos #z24 rect,
#mapa_fundacao_terreo #ec rect,
#ex_pcr_t rect,
#mapa_centro_de_eventos #ex_pcr_b rect {
	stroke: #007bff;
}

#mapa_centro_de_eventos #a1,
#mapa_centro_de_eventos #a7,
#mapa_centro_de_eventos #a8,
#mapa_centro_de_eventos #a19,
#mapa_centro_de_eventos #a20,
#mapa_centro_de_eventos #a26,
#mapa_centro_de_eventos #l1,
#mapa_centro_de_eventos #l5,
#mapa_centro_de_eventos #l10,
#mapa_centro_de_eventos #l11,
#mapa_centro_de_eventos #l21,
#mapa_centro_de_eventos #l22,
#mapa_centro_de_eventos #l27,
#mapa_centro_de_eventos #l32,
#mapa_centro_de_eventos #z1,
#mapa_centro_de_eventos #z11,
#mapa_centro_de_eventos #z12,
#mapa_centro_de_eventos #z13,
#mapa_centro_de_eventos #z14,
#mapa_centro_de_eventos #z24,
#mapa_fundacao_terreo #ec,
#mapa_centro_de_eventos #a1:hover rect,
#mapa_centro_de_eventos #a7:hover rect,
#mapa_centro_de_eventos #a8:hover rect,
#mapa_centro_de_eventos #a19:hover rect,
#mapa_centro_de_eventos #a20:hover rect,
#mapa_centro_de_eventos #a26:hover rect,
#mapa_centro_de_eventos #l1:hover rect,
#mapa_centro_de_eventos #l5:hover rect,
#mapa_centro_de_eventos #l10:hover rect,
#mapa_centro_de_eventos #l11:hover rect,
#mapa_centro_de_eventos #l21:hover rect,
#mapa_centro_de_eventos #l22:hover rect,
#mapa_centro_de_eventos #l27:hover rect,
#mapa_centro_de_eventos #l32:hover rect,
#mapa_centro_de_eventos #z1:hover rect,
#mapa_centro_de_eventos #z11:hover rect,
#mapa_centro_de_eventos #z12:hover rect,
#mapa_centro_de_eventos #z13:hover rect,
#mapa_centro_de_eventos #z14:hover rect,
#mapa_centro_de_eventos #z24:hover rect,
#mapa_fundacao_terreo #ec:hover rect,
#ex_pcr_t path,
#mapa_centro_de_eventos #ex_pcr_b path {
	fill: #007bff;
}

#mapa_centro_de_eventos#po_t text,
#mapa_centro_de_eventos#po_b text {
	fill: #dc3545;
}

#mapa_centro_de_eventos #a4 rect,
#mapa_centro_de_eventos #a14 rect,
#mapa_centro_de_eventos #a23 rect,
#mapa_centro_de_eventos #e12 rect,
#mapa_centro_de_eventos #e24 rect,
#mapa_centro_de_eventos #l3 rect,
#mapa_centro_de_eventos #l13 rect,
#mapa_centro_de_eventos #l18 rect,
#mapa_centro_de_eventos #z8 rect,
#mapa_centro_de_eventos #z17 rect,
#mapa_centro_de_eventos #ex_po_t rect,
#mapa_centro_de_eventos #ex_po_b rect {
	stroke: #dc3545;
}

#mapa_centro_de_eventos #a4,
#mapa_centro_de_eventos #a14,
#mapa_centro_de_eventos #a23,
#mapa_centro_de_eventos #e12,
#mapa_centro_de_eventos #e24,
#mapa_centro_de_eventos #l3,
#mapa_centro_de_eventos #l13,
#mapa_centro_de_eventos #l18,
#mapa_centro_de_eventos #z8,
#mapa_centro_de_eventos #z17,
#mapa_centro_de_eventos #a4:hover rect,
#mapa_centro_de_eventos #a14:hover rect,
#mapa_centro_de_eventos #a23:hover rect,
#mapa_centro_de_eventos #e12:hover rect,
#mapa_centro_de_eventos #e24:hover rect,
#mapa_centro_de_eventos #l3:hover rect,
#mapa_centro_de_eventos #l13:hover rect,
#mapa_centro_de_eventos #l18:hover rect,
#mapa_centro_de_eventos #z8:hover rect,
#mapa_centro_de_eventos #z17:hover rect,
#mapa_centro_de_eventos #ex_po_t path,
#mapa_centro_de_eventos #ex_po_b path {
	fill: #dc3545;
}

#mapa_centro_de_eventos#pmr_t text,
#mapa_centro_de_eventos#pmr_b text {
	fill: #6f42c1;
}

#mapa_centro_de_eventos #a11 rect,
#mapa_centro_de_eventos #a17 rect,
#mapa_centro_de_eventos #e15 rect,
#mapa_centro_de_eventos #e21 rect,
#mapa_centro_de_eventos #l16 rect,
#mapa_centro_de_eventos #m13 rect,
#mapa_centro_de_eventos #m42 rect,
#mapa_centro_de_eventos #z3 rect,
#mapa_centro_de_eventos #z18 rect,
#mapa_centro_de_eventos #z22 rect,
#mapa_centro_de_eventos #ex_pmr_t rect,
#mapa_centro_de_eventos #ex_pmr_b rect {
	stroke: #6f42c1;
}

#mapa_centro_de_eventos #a11,
#mapa_centro_de_eventos #a17,
#mapa_centro_de_eventos #e15,
#mapa_centro_de_eventos #e21,
#mapa_centro_de_eventos #l16,
#mapa_centro_de_eventos #m13,
#mapa_centro_de_eventos #m42,
#mapa_centro_de_eventos #z3,
#mapa_centro_de_eventos #z18,
#mapa_centro_de_eventos #z22,
#mapa_centro_de_eventos #a11:hover rect,
#mapa_centro_de_eventos #a17:hover rect,
#mapa_centro_de_eventos #e15:hover rect,
#mapa_centro_de_eventos #e21:hover rect,
#mapa_centro_de_eventos #l16:hover rect,
#mapa_centro_de_eventos #m13:hover rect,
#mapa_centro_de_eventos #m42:hover rect,
#mapa_centro_de_eventos #z3:hover rect,
#mapa_centro_de_eventos #z18:hover rect,
#mapa_centro_de_eventos #z22:hover rect,
#mapa_centro_de_eventos #ex_pmr_t path,
#mapa_centro_de_eventos #ex_pmr_b path {
	fill: #6f42c1;
}

#mapa_centro_de_eventos #cao_guia_t text,
#mapa_centro_de_eventos #cao_guia_b text {
	fill: #fd7e14;
}

#mapa_centro_de_eventos #k41 rect,
#mapa_centro_de_eventos #ex_cao_guia_t rect,
#mapa_centro_de_eventos #ex_cao_guia_b rect {
	stroke: #fd7e14;
}

#mapa_centro_de_eventos #k41,
#mapa_centro_de_eventos #k41:hover rect,
#mapa_centro_de_eventos #ex_cao_guia_t path,
#mapa_centro_de_eventos #ex_cao_guia_b path {
	fill: #fd7e14;
}

.reserved rect,
#ex_indisponivel_t rect,
#ex_indisponivel_b rect {
	stroke: #999 !important;
}

.reserved:hover rect {
	fill: #eee !important;
}

.reserved:not(.self):hover path,
#mapa_centro_de_eventos
	.reserved:not(
		.self,
		#a1,
		#a7,
		#a8,
		#a19,
		#a20,
		#a26,
		#l1,
		#l5,
		#l10,
		#l11,
		#l21,
		#l22,
		#l27,
		#l32,
		#z1,
		#z11,
		#z12,
		#z13,
		#z14,
		#z24,
		#a4,
		#a14,
		#a23,
		#e12,
		#e24,
		#l3,
		#l13,
		#l18,
		#z8,
		#z17,
		#a11,
		#a17,
		#e15,
		#e21,
		#l16,
		#m13,
		#m42,
		#z3,
		#z18,
		#z22,
		#k41
	)
	path,
#mapa_fundacao_terreo .reserved:not(#ec) path,
#ex_indisponivel_t path,
#ex_indisponivel_b path {
	fill: #999 !important;
}

#mapa_fundacao_terreo .reserved:not(.self):hover path,
#mapa_fundacao_terreo .reserved path {
	fill: #999 !important;
}

#mapa_fundacao_mezanino .reserved path {
	fill: #999 !important;
}

#reservado_t text,
#reservado_b text {
	fill: #007340;
}

.self rect,
#ex_reservado_t rect,
#ex_reservado_b rect {
	stroke: #007340 !important;
	fill: #007340 !important;
}

.self:hover rect {
	fill: #007340 !important;
}

.self path,
#ex_reservado_t path,
#ex_reservado_b path {
	fill: #fff !important;
}

@media print {
	#mapa_wrapper {
		overflow: hidden;
		margin: 0;
		padding: 0;
	}

	#mapa_centro_de_eventos {
		width: 210mm;
		height: 297mm;
		transform: translate(10%, 5%) scale(1.1);
	}

	#legenda_b,
	#geral_b,
	#ex_geral_b,
	#pcr_b,
	#ex_pcr_b,
	#pmr_b,
	#ex_pmr_b,
	#po_b,
	#ex_po_b,
	#cao_guia_b,
	#ex_cao_guia_b,
	#indisponivel_b,
	#ex_indisponivel_b,
	#disponivel_b,
	#ex_disponivel_b,
	#reservado_b,
	#ex_reservado_b {
		display: none;
	}
}