

	.mapRoom-roomSection {
		margin:			5px;
		text-align:		center;
		font-family:	Arial, Verdana, sans-serif;
		font-size:		12px;
	}

	.mapRoom-roomSection .clearer {
		clear:	both;
	}

	.mapRoom-roomSection table {
		margin:				auto;
		width:				auto;
		border-collapse:	collapse;
		text-align:			left;
		min-width:			430px;
		_width:				430px;
	}

	.mapRoom-roomSection table td {
		border:		none;
		padding:	0;
	}

	.mapRoom-roomSection table tr {
		vertical-align:	top;
	}

	.mapRoom-roomSection table .topPannels {
		vertical-align:	bottom;
	}

	.mapRoom-roomSection table .content {
		text-align:		right;
	}

	.mapRoom-roomSection table .topPannels .content {
		text-align: left;
	}

	.mapRoom-roomSection table .topPannels .content div {
		display: inline-block;
		vertical-align: bottom;
	}

	.mapRoom-roomSection table caption {
		display:	none;
	}

	.mapRoom-roomSection .selectionTools {
		padding:	0 2px;
	}

	.mapRoom-roomSection .selectionTools strong {
		display:	none;
	}

	.mapRoom-roomSection .selectionTools ul {
		display:		block;
		margin:			0;
		width:			70px;
		height:			22px;
		border-right:	1px solid #666;
		background:		transparent url(../images/boxToolsOnglet.gif) no-repeat scroll 0 0;
		overflow:		visible;
		padding:		4px 10px;
		text-align:		left;
		white-space:	nowrap;

	}

	.mapRoom-roomSection .selectionTools ul li {
		display:			block;
		float:				left;
		margin:				0;
		border-left:		1px solid #c9c9c9;
		border-right:		1px solid #fff;
		list-style-type:	none;
		padding:			1px 5px;
		text-align:			center;
	}

	.mapRoom-roomSection .selectionTools ul li.first {
		border-left:	none;
	}

	.mapRoom-roomSection .selectionTools ul li.last {
		border-right:	none;
	}

	.mapRoom-roomSection .selectionTools ul li input {
		display:	none;
	}

	.mapRoom-roomSection .selectionTools ul li label {
		display:	inline-block;
		margin:		0;
		cursor:		pointer;
		border:		1px solid #979596;
		width:		16px;
		height:		16px;
		background:	#aeaeae url(../images/greyButton.png) repeat-x top;
		padding:	2px;
		font-size:	10px;
	}

	.mapRoom-roomSection .selectionTools ul li label img {
		vertical-align:	middle;
	}

	.mapRoom-roomSection .selectionTools ul li.checked label {
		background:	#a4a4a4 url(../images/greyButton.pressed.png) repeat-x top;
		color:		white;
	}

	.mapRoom-roomSection .map {
		background:	#666 none repeat scroll 0 0;
		text-align:	left;
	}

	.mapRoom-roomSection .gridBox .canvasHolder {
		text-align:	left;
		max-width:	900px;
	}

	.mapRoom.maximized .mapRoom-roomSection .gridBox .canvasHolder {
		max-width:	none;
	}

	.mapRoom-roomSection .gridBox .canvasHolder {
		font-size:	0;
	}

	.mapRoom-roomSection .gridBox .canvasHolder .canvasConteneur {
	}

	.mapRoom-roomSection .gridBox .canvasConteneur td {
		background-color:	#666;
	}

	.mapRoom-roomSection .gridBox .canvasConteneur .top .center,
	.mapRoom-roomSection .gridBox .canvasConteneur .middle .left,
	.mapRoom-roomSection .gridBox .canvasConteneur .middle .right,
	.mapRoom-roomSection .gridBox .canvasConteneur .bottom .center {
		cursor:					pointer;
		background-position:	center;
		vertical-align:			middle;
		text-align:				center;
	}

	.mapRoom-roomSection .gridBox .canvasHolder .canvasConteneur tr.top,
	.mapRoom-roomSection .gridBox .canvasHolder .canvasConteneur tr.bottom {
		height:	18px;
	}

	.mapRoom-roomSection .gridBox .canvasHolder .canvasConteneur td.left,
	.mapRoom-roomSection .gridBox .canvasHolder .canvasConteneur td.right {
		width:	18px;
	}

	.mapRoom-roomSection .gridBox .canvasConteneur .top td.disabled,
	.mapRoom-roomSection .gridBox .canvasConteneur .middle td.disabled,
	.mapRoom-roomSection .gridBox .canvasConteneur .bottom td.disabled {
		cursor:	auto;
	}

	.mapRoom-roomSection .gridBox .canvasHolder .canvasConteneur .top td.disabled img,
	.mapRoom-roomSection .gridBox .canvasHolder .canvasConteneur .middle td.disabled img,
	.mapRoom-roomSection .gridBox .canvasHolder .canvasConteneur .bottom td.disabled img {
		opacity:	0.2;
	}

    .mapRoom-roomSection .miniMapHolder {
        border:     1px solid #666;
        width:      100%;
        max-height: 150px;
    }

    .mapRoom.roomSection .miniMapHolder {
        position: relative;
    }

    .mapRoom.roomSection .miniMap .scroll-bar {
        cursor: move;
        background-color: transparent;
        border: 2px solid black;
    }

    .mapRoom.roomSection .miniMap .scroll-element_outer {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

	.mapRoom-roomSection .gridBox canvas {
		outline:			none;
		background-color:	white;
	}

	.mapRoom-roomSection .grid {
		width:				auto;
		border-collapse:	collapse;
	}

	.mapRoom-roomSection .grid tr th.rule {
		background:	#97A8B6 none;
		height:		18px;
		overflow:	hidden;
	}

	.mapRoom-roomSection .grid th,
	.mapRoom-roomSection .grid td {
		border:		1px solid #ccc;
		width:		14px;
		height:		14px;
		padding:	0;
		font-size:	8px;
	}

	.mapRoom-roomSection .grid .corner.first {
		cursor:	se-resize;
	}

	.mapRoom-roomSection .grid .rule button {
		overflow:		hidden;
		border:			none;
		padding:		0;
		background:		transparent none;
		font-weight:	bold;
		font-size:		7px;
	}

	.mapRoom-roomSection .grid .seat {
		background-color:	#6699CC;
	}

	.mapRoom-roomSection .rightPannels {
		visibility: hidden;
		width:		200px;
	}

	.mapRoom-roomSection .rightPannels .toolPannel {
		margin:		0;
		width:		200px;
		background:	#CCCCCC url(../images/bg_degStrong.gif) repeat-x scroll 0 0;
		padding:	0;
	}

	.mapRoom-roomSection .toolPannel .header {
		padding:	0;
		position:	relative;
	}

	.mapRoom-roomSection .toolPannel .header strong {
		display:		block;
		margin:			0;
		height:			18px;
		line-height:	18px;
		padding:		2px 5px;
		background:		#e2017b url(../images/headerBox_bg.gif) repeat-x scroll center;
		color:			white;
		font-size:		12px;
		text-align:		left;
		text-transform:	uppercase;
	}

	.mapRoom-roomSection .toolPannel .toggle {
		cursor:		pointer;
		position:	absolute;
		top:		0;
		right:		0;
		margin:		4px 6px;
		background:	transparent none;
		border:		none;
		padding:	0;
	}

	.mapRoom-roomSection .toolPannel .toggle img {
		width:				10px;
		height:				10px;
		background-color:	#555;
	}

	.mapRoom-roomSection .toolPannel .open {
		display:	none;
	}

	.mapRoom-roomSection .toolPannel.folded .open {
		display:	block;
	}

	.mapRoom-roomSection .toolPannel.folded .close {
		display:	none;
	}



	.mapRoom-roomSection .grid #notification br {
		display:	none;
	}


	.mapRoom-roomSection .selectorRect {
		background-color:	#ccc;
		border:				1px dashed #444;
		z-index:			9999;
		position:			absolute;
		top:				0;
		left:				0;
		opacity:			0.6;
	}

	.mapRoom-roomSection .selectorRect.calculating {
		background-image:		url(../images/working.gif);
		background-position:	50%;
		background-repeat:		no-repeat;
	}


	.mapRoom-roomSection .caption {
		margin:		0;
		padding:	0;
	}

	.mapRoom-roomSection .caption li {
		margin:				0;
		list-style-type:	none;
		padding:			2px 5px;
		white-space:		nowrap;
	}


	.mapRoom-roomSection .tooltipTemplate {
		display:	none;
		background:	white none;
	}

	.mapRoom-roomSection .tooltipContent {
		display:	none;
	}


	/* Plan de salle de référence */

	.mapRoom-roomSection .roomReference {
		padding:		15px;
		background:		black;
		color:			white;
		text-align:		center;
		text-transform:	uppercase;
		font-size:		12px;
		font-weight:	bold;
	}


	#tooltip.hidden {
		display:	none !important;
	}

	#tooltip.seat {
		width:		auto;
		background:	#DFDFDF url(//admin.digitick.com/image_aff/bg_degLight.gif) repeat-x scroll 0 0;
		border:		1px solid #000000;
		min-width:	250px;
		padding:	5px;
		text-align:	left;
	}

	#tooltip.seat div {
		margin:		0;
		padding:	0;
	}

	#tooltip.seat .body var {
		font-style:	normal;
	}

	#tooltip.seat .body .header {
		background:		#CCCCCC none repeat scroll 0 0;
		padding:		2px 5px;
		white-space:	nowrap;
		text-align:		left;
		color:			#E2017B;
		font-size:		16px;
		font-weight:	bold;
	}

	#tooltip.seat .body .body {
		margin-top:	5px;
		padding:	2px;
	}

	#tooltip.seat .body .body ul {
		margin:			0;
		margin-top:		5px;
		padding:		0;
		padding-left:	5px;
	}

	#tooltip.seat .body .body ul li {
		margin:				0;
		list-style-type:	none;
		padding:			0;
	}

	#tooltip.seat .body .body input,
	#tooltip.seat .body .body var,
	#tooltip.seat .body .body strong {
		vertical-align:	middle;
		font-size:		10px;
	}

	#tooltip.seat .body .body strong {
		font-weight:	normal;
	}

	#tooltip.seat .body .body input,
	#tooltip.seat .body .body var {
		font-weight:	bold;
	}

	#tooltip.seat .body .body input {
		display:		inline;
		border:			none;
		background:		transparent none;
		width:			auto;
		white-space:	nowrap;
	}

	#tooltip.seat .body .body .number {
		display:	block;
	}


/* Tooltip de siege */

	.MapSeatTooltip {
		display:		none;
		position:		absolute;
		text-align:		left;
		color:			#000000;
		font-family:	Arial,Verdana,sans-serif;
		font-size:		12px;
	}


/*	Menu contextuel */

	.contextMenu {
		position:	absolute;
		display:	none;
		z-index:	99999;
	}

	.contextMenu ul {
		margin:			0;
		padding:		0;
		background:		white url(../images/bg_degLight.gif) repeat-x scroll left bottom;
		color:			black;
		font-weight:	bold;
		font-size:		10px;
		font-family:	Verdana, Arial, sans-serif;
		width:			auto !important;
	}

	.contextMenu ul li {
		border:				none !important;
		background:			transparent none repeat scroll 0 0;
		border:		1px solid #DDDDDD;
		list-style-type:	none;
		margin:				0;
		padding:			5px;
	}

	.contextMenu ul li:hover {
		border:		none !important;
		background:	#ffed0c url(../images/context_menu_hover_bg.png) scroll repeat-x !important;
	}

	.contextMenu ul li a {
		display:			block;
		padding:			1px 5px;
		height:				15px;
		text-decoration:	none;
		color:				#000;
		white-space:		nowrap;
	}

	.contextMenu ul li a {
		display:			block;
		height:				15px;
		text-decoration:	none;
	}

	.contextMenu ul li a img,
	.contextMenu ul li a span {
		margin-right:	3px;
		vertical-align:	middle;
	}

	.contextMenu ul li a img {
		border:	none;
	}

	.contextMenu ul li a {
		text-decoration:	none;
	}

	.infoJustificatif {
		font-weight: bold;
		font-style: italic;
	}






/*************/
/* DESIGN ALTERNATIF */



.alternativeDesign.mapRoom .body {
	background-color:white!important;
}
.alternativeDesign.mapRoom .body table.main td {
	padding:0!important;
}

.alternativeDesign.mapRoom div {
	background-color:white;
}
.alternativeDesign.mapRoom .header, .alternativeDesign.mapRoom .header div {
	background-color:#AAAAAA;
}


.alternativeDesign.mapRoom .mapRoom-global {
    padding:	10px;
    overflow:	auto;
}


.alternativeDesign .mapRoom-roomSection {
}
.alternativeDesign .mapRoom-roomSection table {
    min-width:	560px;
    width:		100%;
}

.alternativeDesign .mapRoom-roomSection .toolPannel {
}

.alternativeDesign .mapRoom-roomSection .toolPannel .selectAll {
    height:30px;
    text-align:center;
}

.alternativeDesign .mapRoom-roomSection .toolPannel .selectAll input {
    display:none;
}
.alternativeDesign .mapRoom-roomSection .toolPannel .selectAll label {
    background:white;
    border:1px solid black;
    border-radius:5px;
    padding:5px;
    width:130px;
    font-weight:bold;
    display:block;
    background-color: #DBDBDB;
}
.alternativeDesign .mapRoom-roomSection .toolPannel .selectAll label.unselect {
    background-color: black;
    color:#DBDBDB;
}

.alternativeDesign .mapRoom-roomSection .toolPannel .selectAll .unselect,
.alternativeDesign .mapRoom-roomSection .toolPannel .selectAll.unselect .select{
    display:none;
}
.alternativeDesign .mapRoom-roomSection .toolPannel .selectAll.unselect .unselect{
    display:block;
}

.alternativeDesign .mapRoom-roomSection .rightPannels {
    width:		0;
    overflow:	hidden;
    display:	none !important;
}

.alternativeDesign .mapRoom-roomSection table .bottomPannels .content {
    text-align:	left;
}

.alternativeDesign .mapRoom-roomSection table .bottomPannels .toolPannel:FIRST-CHILD {
    display:	none;
}

.alternativeDesign .mapRoom-roomSection .map {
    width:	auto;
}

.alternativeDesign .mapRoom-roomSection .gridBox {
    width:			784px;
    max-width:		784px;
}

.alternativeDesign .mapRoom-roomSection .canvasHolder {
    background-color:	#666;
	max-width:785px;
	max-height:500px;
}

.alternativeDesign.maximized .mapRoom-roomSection .canvasHolder {
	max-height:none;
}

.alternativeDesign .mapRoom-roomSection .canvasHolder canvas {
    background-color:	white;
    border:				1px solid #555;
}

.alternativeDesign .mapRoom-roomSection .toolPannel {
    overflow:		visible;
    position:		relative;
    margin:			0 2px;
}

.alternativeDesign .mapRoom-roomSection .toolPannel .header strong {
    border:				thin solid #666;
    border-bottom:		none;
    background-image:	url(../images/bg_degrade_top.gif);
    height:				19px;
    padding-left:		25px;
    color:				black;
	font-family:		Arial, Verdana, sans-serif;
}

.alternativeDesign .mapRoom-roomSection .toolPannel .toggle {
    margin:			2px 0;
    width:			100%;
    padding:		1px 4px;
    padding-bottom:	0;
    right:			auto;
    left:			0;
    text-align:		left;
}

.alternativeDesign .mapRoom-roomSection .toolPannel .toggle img {
	margin: auto;
    background-color:	transparent;
	vertical-align: middle;
	padding-left: 4px;
}

.alternativeDesign .mapRoom-roomSection .map-planSalleGrid-miscTools ul,
.alternativeDesign .mapRoom-roomSection .toolPannel .caption,
.alternativeDesign .mapRoom-roomSection .toolPannel .content {
    position:			absolute;
    z-index:			99999;
    top:				25px;
    border:				thin solid #666;
    border-top:			none;
    background:			#CCCCCC url(../images/bg_degStrong.gif) repeat-x;
    width:				auto;
    min-width:			100%;
    padding:			5px 0;
    text-align:			left;
	height:				auto;
}

.alternativeDesign .mapRoom-roomSection .toolPannel .content{
    padding-bottom:0px;
    text-align:center;
}

.alternativeDesign .mapRoom-roomSection .toolPannel .content{
	margin-bottom:0px;
}

.alternativeDesign .mapRoom-roomSection .toolPannel .content .moving{
    display:none;
}

.alternativeDesign .mapRoom-roomSection .toolPannel .content button {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    height:25px;
    margin:0px 5px 5px 5px;
    text-align:center;
    text-transform:uppercase;
    width:160px;
    background: none repeat scroll 0 0 #DBDBDB;
    border: 1px solid black;
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-weight: bold;
    padding: 5px;
    width: 180px;
}

.alternativeDesign .mapRoom-roomSection .toolPannel .content #authorizemove{
    margin: -1px 5px 0 0;
    vertical-align: middle;
}


/* Detail de la selection */

.alternativeDesign .mapRoom-roomSection .map-planSalleGrid-selection {
	margin: 0;
	margin-right: 10px;
	max-width: 200px;
}

.alternativeDesign .mapRoom-roomSection .map-planSalleGrid-selection .header {
    display:	none;
}

.alternativeDesign .mapRoom-roomSection .map-planSalleGrid-selection .nbSeats {
    border: 1px solid #dfdfdf;
    background: #d7d6d6 url("../images/bg_degrade_top.gif") repeat-x top;
	padding: 5px;
	padding-top: 0;
    text-align: center;
    color: #525252;
}

.alternativeDesign .mapRoom-roomSection .map-planSalleGrid-selection .nbSeats li {
    white-space:	nowrap;
    padding:		0;
}

.alternativeDesign.mapRoom .mapRoom-roomSection .rightPannels .map-planSalleGrid-selection .nbSeats span,
.alternativeDesign.mapRoom .mapRoom-roomSection .rightPannels .map-planSalleGrid-selection .nbSeats var[name="nbSelectableSeats"] {
    display:none;
}


.alternativeDesign .mapRoom-roomSection .topPannels .content .pricesSelector {
    background-color:	transparent;
    padding-top:		5px;
    padding-bottom:		4px;
}


/* Legende */

.alternativeDesign .map-planSalleGrid-caption .caption li {
    text-align:		left;
    width:			180px;
}

.alternativeDesign .map-planSalleGrid-caption .caption li .icon {
/*		display:	block;*/
}

.alternativeDesign .map-planSalleGrid-caption .caption li label,
.alternativeDesign .map-planSalleGrid-caption .caption li span {
    vertical-align:	middle;
}

.alternativeDesign .mapRoom-roomSection .nbSeats li label {
    cursor:			default;
}

.alternativeDesign .mapRoom-roomSection .map-planSalleGrid-miscTools li label {
    margin-left:	0;
}


/* Disposition des panneaux */

.alternativeDesign .mapRoom-roomSection .topPannels .content .toolPannel {
}

.alternativeDesign .mapRoom-roomSection .map-planSalleGrid-miscTools .selectionTools {
    margin-top:		5px;
    border-top:		1px solid #ccc;
    padding-top:	5px;
}

.alternativeDesign .mapRoom-roomSection .map-planSalleGrid-miscTools .selectionTools strong,
.alternativeDesign .mapRoom-roomSection .map-planSalleGrid-miscTools .selectionTools ul,
.alternativeDesign .mapRoom-roomSection .map-planSalleGrid-miscTools .selectionTools ul li {
    display:	inline;
}

.alternativeDesign .mapRoom-roomSection .map-planSalleGrid-miscTools .selectionTools ul {
    position:	static;
    top:		auto;
    left:		auto;
    bottom:		auto;
    right:		auto;
    background:	transparent none;
    border:		none;
}

.alternativeDesign .mapRoom-roomSection .map-planSalleGrid-miscTools .selectionTools ul li {
    float:			none;
    border:			none;
    padding-left:	1px;
    padding-right:	1px;
}

.alternativeDesign .mapRoom-roomSection .topPannels .content .toolPannel.selectionPannel,
.alternativeDesign .mapRoom-roomSection .topPannels .content .toolPannel.pricesSelectorPannel {
    width:		auto;
}

.alternativeDesign .mapRoom-roomSection .topPannels .content .toolPannel.pricesSelectorPannel {
}

.alternativeDesign .mapRoom-roomSection .topPannels .content .toolPannel.pricesSelectorPannel,
.alternativeDesign .mapRoom-roomSection .topPannels .content .toolPannel.pricesSelectorPannel .pricesSelector {
    display:	block;
    clear:		right;
}

.alternativeDesign .pricesSelector .bigBt {
    margin:					0;
    border:					1px solid #9c9696;
    width:					104px;
    height:					23px;
    background-position:	center;
    color:					black;
    font-size:				10px;
}

.alternativeDesign .pricesSelector .bigBt:hover {
    border-color:	black;
}

.alternativeDesign .pricesSelector .bigBt:active {
    color:	#ccc;
}

.alternativeDesign .mapRoom-roomSection .topPannels .content .coordinatesPannel {
    display:	block !important;
}

.alternativeDesign .mapRoom-roomSection .topCenterPannels {
    position:	relative;
    width:		100%;
    text-align:	right;
}

.alternativeDesign .mapRoom-roomSection .topCenterPannels .right {
	margin: 0;
	white-space: nowrap;
	display:block;
	padding:10px;
	min-height:60px;
}

.alternativeDesign .mapRoom-roomSection .topCenterPannels .tabs {
    position:	absolute;
    bottom:		0;
    left:		0;
    z-index:	2;
    height:		24px;
    text-align:	left;
}

.alternativeDesign .mapRoom-roomSection .topCenterPannels .tabs .toolPannel {
    float:	left;
}

.alternativeDesign.mapRoom .content {
    width:193px;
}

.alternativeDesign .map-planSalleGrid-caption .caption li {
    width:200px;
}

.alternativeDesign.mapRoom .header,
.alternativeDesign.mapRoom .notifier,
.alternativeDesign.mapRoom .topContainer{
    margin-bottom:0;
}

.alternativeDesign.mapRoom .header .globalTools {
	height:100%;
	margin-bottom:0;
}

.alternativeDesign.mapRoom .topContainer{
}


.alternativeDesign .mapRoom-roomSection .topCenterPannels {
    margin-bottom:0;
    width:802px;
}

.alternativeDesign.maximized .mapRoom-roomSection .topCenterPannels {
    width:100%;
}

.alternativeDesign .mapRoom-roomSection .topCenterPannels .miniMapHolder {
    display:block;
	float:right;
    box-shadow: 0 0 5px black;
    margin-right: 5px;
    margin-bottom: 5px;
	width:150px;
	/*left: -190px;*/
	/*position: relative;*/
}
.alternativeDesign .mapRoom-roomSection .topCenterPannels .map-planSalleGrid-selection {
	display:block;
	float:left;
	/*left: -504px;*/
	/*position: relative;*/
	/*top: -54px;*/
}

.alternativeDesign .mapRoom-roomSection .topCenterPannels .tabs {
    display:inline-block;
    margin-bottom:0;
}
.alternativeDesign .mapRoom-roomSection .topCenterPannels .tabs div {
    margin-bottom:0;
}

.alternativeDesign .mapRoom-roomSection .toolPannel .toggle {
    height:20px;
}

.alternativeDesign.mapRoom .content .map {
    width:802px;
    margin-right:0px;
}
.alternativeDesign.mapRoom .map-planSalleGrid-selection li {
	display:list-item;
}


/* SVG */

.mapRoom-roomSection.render-svg .gridBox {
}

.mapRoom-roomSection.render-svg svg {
    background-size: cover; /* En cas de redimensionnement, l'image de fond doit être mise à l'échelle */
    background-repeat: none; /* Pas de répétition de l'image */
}

.mapRoom-roomSection.render-svg svg .seats polygon {
    cursor: pointer;
    background-color: transparent;
}

.mapRoom-roomSection.render-svg svg .seats polygon.unused {
    cursor: default;
    fill: #555;
    opacity: 0.5;
}

.mapRoom-roomSection.render-svg svg .seats polygon.inCart,
.mapRoom-roomSection.render-svg svg .seats polygon.sold,
.mapRoom-roomSection.render-svg svg .seats polygon.subscription,
.mapRoom-roomSection.render-svg svg .seats polygon.subscriptionEvent,
.mapRoom-roomSection.render-svg svg .seats polygon.kept {
    fill: red;
    opacity: 0.7;
}

.mapRoom-roomSection.render-svg svg .seats polygon.available {
    fill: blue;
    opacity: 0.5;
}

.mapRoom-roomSection.render-svg svg .seats polygon.prioAbo {
    fill: cyan;
    opacity: 0.5;
}

.mapRoom-roomSection.render-svg svg .seats polygon.inCart.available {
    fill: green;
    opacity: 0.5;
}
.mapRoom-roomSection.render-svg svg .seats polygon.selectable {
    cursor: pointer;
}

.mapRoom-roomSection.render-svg svg .seats polygon:hover {
    opacity: 0.8;
}

.mapRoom-roomSection.render-svg .svgContainer {
    width: 100%;
}

.mapRoom-roomSection.render-svg .svgViewport {
    overflow: hidden;
    width: 100%;
    height: 400px;
}
