:root {
	--hotspot_simple_width: 80px;
	--hotspot_simple_height: auto;
}

.powered_by div span {
	width:30px !important;
	/*text-transform: uppercase;*/
	writing-mode: vertical-rl !important;
	cursor: pointer;
}
.powered_by.vr360 div span {
	width:20px !important;
	z-index: 10 !important;
}

.title_node {
	margin-top:4px;
	margin-left:40px;
	padding:0;
	border:0px solid orange!important;
}
.title_node div {
	text-align: left!important;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	color:#FFF!important;
	text-shadow: #00000080 0.1em 0.1em 0.2em;
	margin-right:20px;
}

.title_node2 div {
	text-align: center!important;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	color:#FFF!important;
	text-shadow: #00000080 0.1em 0.1em 0.2em;
	margin-right:20px;
}

/*Polygons hotspot tooltips*/
.ggskin.ggdefaulthotspot {
	font-size: 12px;
	padding:3px 5px !important;
}
/*.azerty {margin:0;padding:0;font-size:12px;line-height:12px;color:blue}*/
/*div.ggskin.ggskin_text:has(.azerty) div {padding:5px!important; background-color: #ff0000}*/

/*Floor plan tooltip*/
.ggskin.ggskin_map .ggskin.ggskin_text.plex_sans_regular {
	top: -20px!important;
}
.ggskin.ggskin_map .ggskin.ggskin_text.plex_sans_regular div {
box-sizing: border-box;
    font-size: 12px;
    color:#FFF;
    background: #333 !important;
    border-radius: 3px;
    border: 1px solid #FFF !important;
    text-align: center;
    white-space: pre;
    padding: 3px 5px 3px 5px !important;
    margin-bottom:20px;
}

.title_node {
	margin-top:4px;
	margin-left:40px;
	padding:0;
	border:0px solid orange!important;
}
.title_node div {
	text-align: left!important;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	color:#FFF!important;
	text-shadow: #00000080 0.1em 0.1em 0.2em;
	margin-right:20px;
}

/*Hotspots size*/
.ht_simple img {
	width: var(--hotspot_simple_width) !important;
	height: var(--hotspot_simple_height) !important;
	-webkit-transition:all 1s ease;
	transition:all 1s ease;
}
.ht_simple_visited img {
	width: var(--hotspot_simple_width) !important;
	height: var(--hotspot_simple_height) !important;
	-webkit-transition:all 1s ease;
	transition:all 1s ease;
}

/*Plan width*/
.plan_container {width:100%!important}

@media screen and (max-width:1000px) 
{
	/*Hotspots opacity*/
	.ggskin_hotspot .ggskin_container {
		opacity: 1!important;
	}

	/*Hotspots resize*/
    .ht_simple img {
		width: calc(var(--hotspot_simple_width) / 1)!important;
		height: calc(var(--hotspot_simple_height) / 1)!important;
		transform:translateX(+10%) translateY(+10%);
    }
    .ht_simple_visited img {
		width: calc(var(--hotspot_simple_width) / 1)!important;
		height: calc(var(--hotspot_simple_height) / 1)!important;
		transform:translateX(+10%) translateY(+10%);
    }
}