svg { margin: 0 auto; } /*#suite-vista polygon.av, #suite-vista path.av, #suite-vista rect.av, #suite-veranda polygon.av, #suite-veranda path.av, #suite-veranda1 polygon.av, #suite-veranda1 path.av, #suite-veranda2 polygon.av, #suite-veranda2 path.av, #suite-veranda3 polygon.av, #suite-veranda3 path.av, #suite-veranda4 polygon.av, #suite-veranda4 path.av, #suite-veranda5 polygon.av, #suite-veranda6 polygon.av, #suite-veranda6 path.av, #suite-silver polygon.av, #suite-silver path.av, #suite-silver rect.av, #suite-midship polygon.av, #suite-grand path.av, #suite-grand1 polygon.av, #suite-grand2 path.av, #suite-owners polygon.av, #suite-owners path.av, #suite-owners1 path.av, #suite-owners2 polygon.av, #suite-owners2 path.av, #suite-medallion polygon.av, #suite-medallion rect.av, #suite-royal path.av, #suite-royal polygon.av, #suite-royal2 polygon.av, #suite-royal2 path.av, #suite-royal1 polygon.av, #suite-royal1 path.av, #suite-terrace polygon.av, #suite-terrace path.av, #suite-explorer polygon.av, #suite-explorer path.av, #suite-explorer rect.av, #suite-deluxe-veranda polygon.av, #suite-deluxe-veranda path.av, #suite-view polygon.av, #suite-view path.av, #suite-adventurer path.av, #suite-expedition polygon.av, #suite-expedition rect.av {fill: #FFFF54; cursor:default;} */ /* #296 */ #suite-vista polygon.a1, #suite-vista path.a1, #suite-vista rect.a1, #suite-veranda polygon.a1, #suite-veranda path.a1, #suite-veranda1 polygon.a1, #suite-veranda1 path.a1, #suite-veranda2 polygon.a1, #suite-veranda2 path.a1, #suite-veranda3 polygon.a1, #suite-veranda3 path.a1, #suite-veranda4 polygon.a1, #suite-veranda4 path.a1, #suite-veranda5 polygon.a1, #suite-veranda6 polygon.a1, #suite-veranda6 path.a1, #suite-silver polygon.a1, #suite-silver path.a1, #suite-silver rect.a1, #suite-midship polygon.a1, #suite-grand path.a1, #suite-grand1 polygon.a1, #suite-grand2 polygon.a1, #suite-grand1 path.a1, #suite-grand2 path.a1, #suite-owners polygon.a1, #suite-owners path.a1, #suite-owners1 path.a1, #suite-owners2 polygon.a1, #suite-owners2 path.a1, #suite-medallion polygon.a1, #suite-medallion rect.a1, #suite-medallion path.a1, #suite-royal path.a1, #suite-royal polygon.a1, #suite-royal2 polygon.a1, #suite-royal2 path.a1, #suite-royal1 polygon.a1, #suite-royal1 path.a1, #suite-royal1 polyline.a1, #suite-terrace polygon.a1, #suite-terrace path.a1, #suite-explorer polygon.a1, #suite-explorer path.a1, #suite-explorer rect.a1, #suite-deluxe-veranda polygon.a1, #suite-deluxe-veranda path.a1, #suite-view polygon.a1, #suite-view path.a1, #suite-adventurer path.a1, #suite-expedition polygon.a1, #suite-expedition rect.a1, #suite-classic polygon.a1, #suite-classic path.a1, #suite-deluxe polygon.a1, #suite-deluxe path.a1, #suite-superior polygon.a1, #suite-superior path.a1, #suite-superior polyline.a1, #suite-superior rect.a1, /*Nuova codifica*/ #suite-otium polygon.a1, #suite-otium path.a1, #suite-otium polyline.a1, #suite-otium rect.a1, #suite-master polygon.a1, #suite-master path.a1, #suite-master polyline.a1, #suite-master rect.a1, #suite-premium polygon.a1, #suite-premium path.a1, #suite-premium polyline.a1, #suite-premium rect.a1, #suite-junior-grand polygon.a1, #suite-junior-grand path.a1, #suite-junior-grand polyline.a1, #suite-junior-grand rect.a1, #suite-junior-grand2 polygon.a1, #suite-junior-grand2 path.a1, #suite-junior-grand2 polyline.a1, #suite-junior-grand2 rect.a1, #suite-signature polygon.a1, #suite-signature path.a1, #suite-signature polyline.a1, #suite-signature rect.a1, #suite-premium-medallion polygon.a1, #suite-premium-medallion path.a1, #suite-premium-medallion polyline.a1, #suite-premium-medallion rect.a1, #suite-superior2 polygon.a1, #suite-superior2 path.a1, #suite-superior2 polyline.a1, #suite-superior2 rect.a1, #view_suite polygon.a1, #view_suite path.a1, #view_suite rect.a1, #adventurer_suite polygon.a1, #adventurer_suite path.a1, #adventurer_suite rect.a1, #vista_suite polygon.a1, #vista_suite path.a1, #vista_suite rect.a1, #explorer_suite polygon.a1, #explorer_suite path.a1, #explorer_suite rect.a1 { stroke: #0f0; stroke-width: 2; } /* stile Available DT40 */ #suite-vista polygon.a1-dt40, #suite-vista path.a1-dt40, #suite-vista rect.a1-dt40, #suite-veranda polygon.a1-dt40, #suite-veranda path.a1-dt40, #suite-veranda1 polygon.a1-dt40, #suite-veranda1 path.a1-dt40, #suite-veranda2 polygon.a1-dt40, #suite-veranda2 path.a1-dt40, #suite-veranda3 polygon.a1-dt40, #suite-veranda3 path.a1-dt40, #suite-veranda4 polygon.a1-dt40, #suite-veranda4 path.a1-dt40, #suite-veranda5 polygon.a1-dt40, #suite-veranda6 polygon.a1-dt40, #suite-veranda6 path.a1-dt40, #suite-silver polygon.a1-dt40, #suite-silver path.a1-dt40, #suite-silver rect.a1-dt40, #suite-midship polygon.a1-dt40, #suite-grand path.a1-dt40, #suite-grand1 polygon.a1-dt40, #suite-grand2 polygon.a1-dt40, #suite-grand1 path.a1-dt40, #suite-grand2 path.a1-dt40, #suite-owners polygon.a1-dt40, #suite-owners path.a1-dt40, #suite-owners1 path.a1-dt40, #suite-owners2 polygon.a1-dt40, #suite-owners2 path.a1-dt40, #suite-medallion polygon.a1-dt40, #suite-medallion rect.a1-dt40, #suite-medallion path.a1-dt40, #suite-royal path.a1-dt40, #suite-royal polygon.a1-dt40, #suite-royal2 polygon.a1-dt40, #suite-royal2 path.a1-dt40, #suite-royal1 polygon.a1-dt40, #suite-royal1 path.a1-dt40, #suite-royal1 polyline.a1-dt40, #suite-terrace polygon.a1-dt40, #suite-terrace path.a1-dt40, #suite-explorer polygon.a1-dt40, #suite-explorer path.a1-dt40, #suite-explorer rect.a1-dt40, #suite-deluxe-veranda polygon.a1-dt40, #suite-deluxe-veranda path.a1-dt40, #suite-view polygon.a1-dt40, #suite-view path.a1-dt40, #suite-adventurer path.a1-dt40, #suite-expedition polygon.a1-dt40, #suite-expedition rect.a1-dt40, #suite-classic polygon.a1-dt40, #suite-classic path.a1-dt40, #suite-deluxe polygon.a1-dt40, #suite-deluxe path.a1-dt40, #suite-superior polygon.a1-dt40, #suite-superior path.a1-dt40, #suite-superior polyline.a1-dt40, #suite-superior rect.a1-dt40, /*Nuova codifica*/ #suite-otium polygon.a1-dt40, #suite-otium path.a1-dt40, #suite-otium polyline.a1-dt40, #suite-otium rect.a1-dt40, #suite-master polygon.a1-dt40, #suite-master path.a1-dt40, #suite-master polyline.a1-dt40, #suite-master rect.a1-dt40, #suite-premium polygon.a1-dt40, #suite-premium path.a1-dt40, #suite-premium polyline.a1-dt40, #suite-premium rect.a1-dt40, #suite-junior-grand polygon.a1-dt40, #suite-junior-grand path.a1-dt40, #suite-junior-grand polyline.a1-dt40, #suite-junior-grand rect.a1-dt40, #suite-junior-grand2 polygon.a1-dt40, #suite-junior-grand2 path.a1-dt40, #suite-junior-grand2 polyline.a1-dt40, #suite-junior-grand2 rect.a1-dt40, #suite-signature polygon.a1-dt40, #suite-signature path.a1-dt40, #suite-signature polyline.a1-dt40, #suite-signature rect.a1-dt40, #suite-premium-medallion polygon.a1-dt40, #suite-premium-medallion path.a1-dt40, #suite-premium-medallion polyline.a1-dt40, #suite-premium-medallion rect.a1-dt40, #suite-superior2 polygon.a1-dt40, #suite-superior2 path.a1-dt40, #suite-superior2 polyline.a1-dt40, #suite-superior2 rect.a1-dt40, #view_suite polygon.a1-dt40, #view_suite path.a1-dt40, #view_suite rect.a1-dt40, #adventurer_suite polygon.a1-dt40, #adventurer_suite path.a1-dt40, #adventurer_suite rect.a1-dt40, #vista_suite polygon.a1-dt40, #vista_suite path.a1-dt40, #vista_suite rect.a1-dt40, #explorer_suite polygon.a1-dt40, #explorer_suite path.a1-dt40, #explorer_suite rect.a1-dt40 { stroke: #0f0; stroke-width: 2; fill: #0f0; /*url(#suite-na-nc-style);*/ /*stroke: #0F0; stroke-width: .5; opacity:.3; cursor:default;*/ } /*Suite booked styles*/ #suite-vista polygon.bo, #suite-vista path.bo, #suite-vista rect.bo, #suite-veranda polygon.bo, #suite-veranda path.bo, #suite-veranda1 polygon.bo, #suite-veranda1 path.bo, #suite-veranda2 polygon.bo, #suite-veranda2 path.bo, #suite-veranda3 polygon.bo, #suite-veranda3 path.bo, #suite-veranda4 polygon.bo, #suite-veranda4 path.bo, #suite-veranda5 polygon.bo, #suite-veranda6 polygon.bo, #suite-veranda6 path.bo, #suite-silver polygon.bo, #suite-silver path.bo, #suite-silver rect.bo, #suite-midship polygon.bo, #suite-grand path.bo, #suite-grand1 polygon.bo, #suite-grand2 polygon.bo, #suite-grand1 path.bo, #suite-grand2 path.bo, #suite-owners polygon.bo, #suite-owners path.bo, #suite-owners1 path.bo, #suite-owners2 polygon.bo, #suite-owners2 path.bo, #suite-medallion polygon.bo, #suite-medallion rect.bo, #suite-medallion path.bo, #suite-royal path.bo, #suite-royal polygon.bo, #suite-royal2 polygon.bo, #suite-royal2 path.bo, #suite-royal1 polygon.bo, #suite-royal1 path.bo, #suite-royal1 polyline.bo, #suite-terrace polygon.bo, #suite-terrace path.bo, #suite-explorer polygon.bo, #suite-explorer path.bo, #suite-explorer rect.bo, #suite-deluxe-veranda polygon.bo, #suite-deluxe-veranda path.bo, #suite-view polygon.bo, #suite-view path.bo, #suite-adventurer path.bo, #suite-expedition polygon.bo, #suite-expedition rect.bo, #suite-classic polygon.bo, #suite-classic path.bo, #suite-deluxe polygon.bo, #suite-deluxe path.bo, #suite-superior polygon.bo, #suite-superior path.bo, #suite-superior polyline.bo, #suite-superior rect.bo, /*Nuova codifica*/ #suite-otium polygon.bo, #suite-otium path.bo, #suite-otium polyline.bo, #suite-otium rect.bo, #suite-master polygon.bo, #suite-master path.bo, #suite-master polyline.bo, #suite-master rect.bo, #suite-premium polygon.bo, #suite-premium path.bo, #suite-premium polyline.bo, #suite-premium rect.bo, #suite-junior-grand polygon.bo, #suite-junior-grand path.bo, #suite-junior-grand polyline.bo, #suite-junior-grand rect.bo, #suite-junior-grand2 polygon.bo, #suite-junior-grand2 path.bo, #suite-junior-grand2 polyline.bo, #suite-junior-grand2 rect.bo, #suite-signature polygon.bo, #suite-signature path.bo, #suite-signature polyline.bo, #suite-signature rect.bo, #suite-premium-medallion polygon.bo, #suite-premium-medallion path.bo, #suite-premium-medallion polyline.bo, #suite-premium-medallion rect.bo, #suite-superior2 polygon.bo, #suite-superior2 path.bo, #suite-superior2 polyline.bo, #suite-superior2 rect.bo, #view_suite polygon.bo, #view_suite path.bo, #view_suite rect.bo, #adventurer_suite polygon.bo, #adventurer_suite path.bo, #adventurer_suite rect.bo, #vista_suite polygon.bo, #vista_suite path.bo, #vista_suite rect.bo, #explorer_suite polygon.bo, #explorer_suite path.bo, #explorer_suite rect.bo { fill: yellow; cursor: default; } /* Hover effects for BOOKED suite categories */ #suite-vista path.bo:hover, #suite-vista polygon.bo:hover, #suite-vista rect.bo:hover, #suite-veranda path.bo:hover, #suite-veranda polygon.bo:hover, #suite-silver polygon.bo:hover, #suite-silver path.bo:hover, #suite-silver rect.bo:hover, #suite-silver polygon.bo:hover, #suite-veranda1 polygon.bo:hover, #suite-veranda1 path.bo:hover, #suite-veranda2 polygon.bo:hover, #suite-veranda2 path.bo:hover, #suite-veranda3 polygon.bo:hover, #suite-veranda3 path.bo:hover, #suite-veranda4 polygon.bo:hover, #suite-veranda4 path.bo:hover, #suite-veranda5 polygon.bo:hover #suite-veranda6 polygon.bo:hover, #suite-veranda6 path.bo:hover #suite-midship path.bo:hover, #suite-midship polygon.bo:hover #suite-grand path.bo:hover, #suite-grand1 polygon.bo:hover, #suite-grand2 path.bo:hover #suite-owners polygon.bo:hover, #suite-owners path.bo:hover, #suite-owners1 path.bo:hover, #suite-owners2 polygon.bo:hover, #suite-owners2 path.bo:hover #suite-medallion polygon.bo:hover, #suite-medallion rect.bo:hover, #suite-medallion path:hover, #suite-royal path.bo:hover, #suite-royal polygon.bo:hover, #suite-royal2 polygon.bo:hover, #suite-royal2 path.bo:hover, #suite-royal1 polygon.bo:hover, #suite-royal1 path.bo:hover, #suite-royal1 polyline.bo:hover, #suite-terrace polygon.bo:hover, #suite-terrace path.bo:hover, #suite-explorer polygon.bo:hover, #suite-explorer path.bo:hover, #suite-explorer rect.bo:hover #suite-deluxe-veranda polygon.bo:hover, #suite-deluxe-veranda path.bo:hover #suite-view polygon.bo:hover, #suite-view path.bo:hover #suite-adventurer path.bo:hover #suite-expedition polygon.bo:hover, #suite-expedition rect.bo:hover, #suite-classic polygon.bo:hover, #suite-classic path.bo:hover, #suite-deluxe polygon.bo:hover, #suite-deluxe path.bo:hover, #suite-superior polygon.bo:hover, #suite-superior path.bo:hover, #suite-superior polyline.bo:hover, #suite-superior rect.bo:hover, /*Nuova codifica*/ #suite-otium polygon.bo:hover, #suite-otium path.bo:hover, #suite-otium polyline.bo:hover, #suite-otium rect.bo:hover, #suite-master polygon.bo:hover, #suite-master path.bo:hover, #suite-master polyline.bo:hover, #suite-master rect.bo:hover, #suite-premium polygon.bo:hover, #suite-premium path.bo:hover, #suite-premium polyline.bo:hover, #suite-premium rect.bo:hover, #suite-junior-grand polygon.bo:hover, #suite-junior-grand path.bo:hover, #suite-junior-grand polyline.bo:hover, #suite-junior-grand rect.bo:hover, #suite-junior-grand2 polygon.bo:hover, #suite-junior-grand2 path.bo:hover, #suite-junior-grand2 polyline.bo:hover, #suite-junior-grand2 rect.bo:hover, #suite-signature polygon.bo:hover, #suite-signature path.bo:hover, #suite-signature polyline.bo:hover, #suite-signature rect.bo:hover, #suite-premium-medallion polygon.bo:hover, #suite-premium-medallion path.bo:hover, #suite-premium-medallion polyline.bo:hover, #suite-premium-medallion rect.bo:hover, #suite-superior2 polygon.bo:hover, #suite-superior2 path.bo:hover, #suite-superior2 polyline.bo:hover, #suite-superior2 rect.bo:hover, #view_suite polygon.bo:hover, #view_suite path.bo:hover, #view_suite rect.bo:hover, #adventurer_suite polygon.bo:hover, #adventurer_suite path.bo:hover, #adventurer_suite rect.bo:hover, #vista_suite polygon.bo:hover, #vista_suite path.bo:hover, #vista_suite rect.bo:hover, #explorer_suite polygon.bo:hover, #explorer_suite path.bo:hover, #explorer_suite rect.bo:hover { fill: #ffff99; cursor: default; } /*Suites input status offer*/ #suite-vista polygon.of, #suite-vista path.of, #suite-vista rect.of, #suite-veranda polygon.of, #suite-veranda path.of, #suite-veranda1 polygon.of, #suite-veranda1 path.of, #suite-veranda2 polygon.of, #suite-veranda2 path.of, #suite-veranda3 polygon.of, #suite-veranda3 path.of, #suite-veranda4 polygon.of, #suite-veranda4 path.of, #suite-veranda5 polygon.of, #suite-veranda6 polygon.of, #suite-veranda6 path.of, #suite-silver polygon.of, #suite-silver path.of, #suite-silver rect.of, #suite-midship polygon.of, #suite-grand path.of, #suite-grand1 polygon.of, #suite-grand2 polygon.of, #suite-grand1 path.of, #suite-grand2 path.of, #suite-owners polygon.of, #suite-owners path.of, #suite-owners1 path.of, #suite-owners2 polygon.of, #suite-owners2 path.of, #suite-medallion polygon.of, #suite-medallion rect.of, #suite-medallion path.of, #suite-royal path.of, #suite-royal polygon.of, #suite-royal2 polygon.of, #suite-royal2 path.of, #suite-royal1 polygon.of, #suite-royal1 path.of, #suite-royal1 polyline.of, #suite-terrace polygon.of, #suite-terrace path.of, #suite-explorer polygon.of, #suite-explorer path.of, #suite-explorer rect.of, #suite-deluxe-veranda polygon.of, #suite-deluxe-veranda path.of, #suite-view polygon.of, #suite-view path.of, #suite-adventurer path.of, #suite-expedition polygon.of, #suite-expedition rect.of, #suite-classic polygon.of, #suite-classic path.of, #suite-deluxe polygon.of, #suite-deluxe path.of, #suite-superior polygon.of, #suite-superior path.of, #suite-superior polyline.of, #suite-superior rect.of, /*Nuova codifica*/ #suite-otium polygon.of, #suite-otium path.of, #suite-otium polyline.of, #suite-otium rect.of, #suite-master polygon.of, #suite-master path.of, #suite-master polyline.of, #suite-master rect.of, #suite-premium polygon.of, #suite-premium path.of, #suite-premium polyline.of, #suite-premium rect.of, #suite-junior-grand polygon.of, #suite-junior-grand path.of, #suite-junior-grand polyline.of, #suite-junior-grand rect.of, #suite-junior-grand2 polygon.of, #suite-junior-grand2 path.of, #suite-junior-grand2 polyline.of, #suite-junior-grand2 rect.of, #suite-signature polygon.of, #suite-signature path.of, #suite-signature polyline.of, #suite-signature rect.of, #suite-premium-medallion polygon.of, #suite-premium-medallion path.of, #suite-premium-medallion polyline.of, #suite-premium-medallion rect.of, #suite-superior2 polygon.of, #suite-superior2 path.of, #suite-superior2 polyline.of, #suite-superior2 rect.of, #view_suite polygon.of, #view_suite path.of, #view_suite rect.of, #adventurer_suite polygon.of, #adventurer_suite path.of, #adventurer_suite rect.of, #vista_suite polygon.of, #vista_suite path.of, #vista_suite rect.of, #explorer_suite polygon.of, #explorer_suite path.of, #explorer_suite rect.of { fill: url(#suite-of-style); cursor: default; } /* Hover effects for all suite categories */ #suite-vista path:hover, #suite-vista polygon:hover, #suite-vista rect:hover { fill: #8eb186; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-veranda path:hover, #suite-veranda polygon:hover { fill: #2c88bf; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-veranda1 polygon:hover, #suite-veranda1 path:hover { fill: #b6b7b8; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-veranda2 polygon:hover, #suite-veranda2 path:hover { fill: #fea302; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-veranda3 polygon:hover, #suite-veranda3 path:hover { fill: #f2d65b; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-veranda4 polygon:hover, #suite-veranda4 path:hover { fill: #9f807e; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-veranda5 polygon:hover { fill: #3a9592; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-veranda6 polygon:hover, #suite-veranda6 path:hover { fill: #648597; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-silver polygon:hover, #suite-silver path:hover, #suite-silver rect:hover { fill: #c5912d; stroke: #000; stroke-width: 0.5; cursor: pointer; } #suite-midship path:hover, #suite-midship polygon:hover { fill: #c1403a; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-grand path:hover, #suite-grand1 polygon:hover, #suite-grand2 polygon:hover, #suite-grand1 path:hover, #suite-grand2 path:hover { fill: #9b699b; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-owners polygon:hover, #suite-owners path:hover, #suite-owners1 path:hover, #suite-owners2 polygon:hover, #suite-owners2 path:hover { fill: #748469; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-medallion polygon:hover, #suite-medallion path:hover, #suite-medallion rect:hover { fill: #7d9fe9; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-royal path:hover, #suite-royal polygon:hover, #suite-royal2 polygon:hover, #suite-royal2 path:hover, #suite-royal1 polygon:hover, #suite-royal1 path:hover, #suite-royal1 polyline:hover { fill: #ac381e; stroke: #666; stroke-width: 0.5; } #suite-terrace polygon:hover, #suite-terrace path:hover { fill: #bf84d8; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-explorer polygon:hover, #suite-explorer path:hover, #suite-explorer rect:hover { fill: #87b2c2; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-deluxe-veranda polygon:hover, #suite-deluxe-veranda path:hover { fill: #b69290; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-view polygon:hover, #suite-view path:hover { fill: #c36429; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-adventurer path:hover { fill: #8ba159; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-expedition polygon:hover, #suite-expedition rect:hover { fill: #b4918e; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-classic polygon:hover, #suite-classic path:hover { fill: #8f9092; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-deluxe polygon:hover, #suite-deluxe path:hover { fill: #3a9592; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-superior polygon:hover, #suite-superior path:hover, #suite-superior polyline:hover, #suite-superior rect:hover { fill: #4abeec; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-superior2 polygon:hover, #suite-superior2 path:hover, #suite-superior2 polyline:hover, #suite-superior2 rect:hover { fill: #d9d2a8; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-panorama polygon:hover, #suite-panorama path:hover, #suite-panorama rect:hover { fill: #b6dcaf; stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-otium polygon:hover, #suite-otium path:hover, #suite-otium rect:hover { fill: #b6dcaf; /*TODO*/ stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-master polygon:hover, #suite-master path:hover, #suite-master rect:hover { fill: #b6dcaf; /*TODO*/ stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-premium polygon:hover, #suite-premium path:hover, #suite-premium rect:hover { fill: #b6dcaf; /*TODO*/ stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-junior-grand polygon:hover, #suite-junior-grand path:hover, #suite-junior-grand rect:hover { fill: #b6dcaf; /*TODO*/ stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-junior-grand2 polygon:hover, #suite-junior-grand2 path:hover, #suite-junior-grand2 rect:hover { fill: #b6dcaf; /*TODO*/ stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-premium-medallion polygon:hover, #suite-premium-medallion path:hover, #suite-premium-medallion rect:hover { fill: #b6dcaf; /*TODO*/ stroke: #666; stroke-width: 0.5; cursor: pointer; } #suite-signature polygon:hover, #suite-signature path:hover, #suite-signature rect:hover { fill: #b6dcaf; /*TODO*/ stroke: #666; stroke-width: 0.5; cursor: pointer; } /* Suite selected styles */ #suite-vista polygon.selected, #suite-vista path.selected, #suite-vista rect.selected, #suite-veranda polygon.selected, #suite-veranda path.selected, #suite-veranda1 polygon.selected, #suite-veranda1 path.selected, #suite-veranda2 polygon.selected, #suite-veranda2 path.selected, #suite-veranda3 polygon.selected, #suite-veranda3 path.selected, #suite-veranda4 polygon.selected, #suite-veranda4 path.selected, #suite-veranda5 polygon.selected, #suite-veranda6 polygon.selected, #suite-veranda6 path.selected, #suite-silver polygon.selected, #suite-silver path.selected, #suite-silver rect.selected, #suite-midship polygon.selected, #suite-grand path.selected, #suite-grand1 polygon.selected, #suite-grand2 polygon.selected, #suite-grand1 path.selected, #suite-grand2 path.selected, #suite-owners polygon.selected, #suite-owners path.selected, #suite-owners1 path.selected, #suite-owners2 polygon.selected, #suite-owners2 path.selected, #suite-medallion polygon.selected, #suite-medallion rect.selected, #suite-medallion path.selected, #suite-royal path.selected, #suite-royal polygon.selected, #suite-royal2 polygon.selected, #suite-royal2 path.selected, #suite-royal1 polygon.selected, #suite-royal1 path.selected, #suite-royal1 polyline.selected, #suite-terrace polygon.selected, #suite-terrace path.selected, #suite-explorer polygon.selected, #suite-explorer path.selected, #suite-explorer rect.selected, #suite-deluxe-veranda polygon.selected, #suite-deluxe-veranda path.selected, #suite-view polygon.selected, #suite-view path.selected, #suite-adventurer path.selected, #suite-expedition polygon.selected, #suite-expedition rect.selected, #suite-classic polygon.selected, #suite-classic path.selected, #suite-deluxe polygon.selected, #suite-deluxe path.selected, #suite-superior polygon.selected, #suite-superior path.selected, #suite-superior polyline.selected, #suite-superior rect.selected, #suite-panorama polygon.selected, #suite-panorama path.selected, #suite-panorama polyline.selected, #suite-panorama rect.selected, /*Nuova codifica*/ #suite-otium polygon.selected, #suite-otium path.selected, #suite-otium polyline.selected, #suite-otium rect.selected, #suite-master polygon.selected, #suite-master path.selected, #suite-master polyline.selected, #suite-master rect.selected, #suite-premium polygon.selected, #suite-premium path.selected, #suite-premium polyline.selected, #suite-premium rect.selected, #suite-junior-grand polygon.selected, #suite-junior-grand path.selected, #suite-junior-grand polyline.selected, #suite-junior-grand rect.selected, #suite-junior-grand2 polygon.selected, #suite-junior-grand2 path.selected, #suite-junior-grand2 polyline.selected, #suite-junior-grand2 rect.selected, #suite-signature polygon.selected, #suite-signature path.selected, #suite-signature polyline.selected, #suite-signature rect.selected, #suite-premium-medallion polygon.selected, #suite-premium-medallion path.selected, #suite-premium-medallion polyline.selected, #suite-premium-medallion rect.selected, #suite-superior2 polygon.selected, #suite-superior2 path.selected, #suite-superior2 polyline.selected, #suite-superior2 rect.selected, #view_suite polygon.selected, #view_suite path.selected, #view_suite rect.selected, #adventurer_suite polygon.selected, #adventurer_suite path.selected, #adventurer_suite rect.selected, #vista_suite polygon.selected, #vista_suite path.selected, #vista_suite rect.selected, #explorer_suite polygon.selected, #explorer_suite path.selected, #explorer_suite rect.selected { fill: #f90 !important; stroke: #000 !important; stroke-width: 1.5 !important; } /*[id^="suite-vista"]*.selected {fill:#f90; stroke: #000; stroke-width: 1.5;}*/ /* Suite unavailable non-clickable styles */ #suite-vista polygon.na-nc, #suite-vista path.na-nc, #suite-vista rect.na-nc, #suite-veranda polygon.na-nc, #suite-veranda path.na-nc, #suite-veranda1 polygon.na-nc, #suite-veranda1 path.na-nc, #suite-veranda2 polygon.na-nc, #suite-veranda2 path.na-nc, #suite-veranda3 polygon.na-nc, #suite-veranda3 path.na-nc, #suite-veranda4 polygon.na-nc, #suite-veranda4 path.na-nc, #suite-veranda5 polygon.na-nc, #suite-veranda6 polygon.na-nc, #suite-veranda6 path.na-nc, #suite-silver polygon.na-nc, #suite-silver path.na-nc, #suite-silver rect.na-nc, #suite-midship polygon.na-nc, #suite-grand path.na-nc, #suite-grand1 polygon.na-nc, #suite-grand2 polygon.na-nc, #suite-grand1 path.na-nc, #suite-grand2 path.na-nc #suite-owners polygon.na-nc, #suite-owners path.na-nc, #suite-owners1 path.na-nc, #suite-owners2 polygon.na-nc, #suite-owners2 path.na-nc, #suite-medallion polygon.na-nc, #suite-medallion rect.na-nc, #suite-medallion path.na-nc, #suite-royal path.na-nc, #suite-royal polygon.na-nc, #suite-royal2 polygon.na-nc, #suite-royal2 path.na-nc, #suite-royal1 polygon.na-nc, #suite-royal1 path.na-nc, #suite-royal1 polyline.na-nc, #suite-terrace polygon.na-nc, #suite-terrace path.na-nc, #suite-explorer polygon.na-nc, #suite-explorer path.na-nc, #suite-explorer rect.na-nc, #suite-deluxe-veranda polygon.na-nc, #suite-deluxe-veranda path.na-nc, #suite-view polygon.na-nc, #suite-view path.na-nc, #suite-adventurer path.na-nc, #suite-expedition polygon.na-nc, #suite-expedition rect.na-nc, #suite-classic polygon.na-nc, #suite-classic path.na-nc, #suite-deluxe polygon.na-nc, #suite-deluxe path.na-nc, #suite-superior polygon.na-nc, #suite-superior path.na-nc, #suite-superior polyline.na-nc, #suite-superior rect.na-nc, /*Nuova codifica*/ #suite-otium polygon.na-nc, #suite-otium path.na-nc, #suite-otium polyline.na-nc, #suite-otium rect.na-nc, #suite-master polygon.na-nc, #suite-master path.na-nc, #suite-master polyline.na-nc, #suite-master rect.na-nc, #suite-premium polygon.na-nc, #suite-premium path.na-nc, #suite-premium polyline.na-nc, #suite-premium rect.na-nc, #suite-junior-grand polygon.na-nc, #suite-junior-grand path.na-nc, #suite-junior-grand polyline.na-nc, #suite-junior-grand rect.na-nc, #suite-junior-grand2 polygon.na-nc, #suite-junior-grand2 path.na-nc, #suite-junior-grand2 polyline.na-nc, #suite-junior-grand2 rect.na-nc, #suite-signature polygon.na-nc, #suite-signature path.na-nc, #suite-signature polyline.na-nc, #suite-signature rect.na-nc, #suite-premium-medallion polygon.na-nc, #suite-premium-medallion path.na-nc, #suite-premium-medallion polyline.of, #suite-premium-medallion rect.of, #suite-superior2 polygon.na-nc, #suite-superior2 path.na-nc, #suite-superior2 polyline.na-nc, #suite-superior2 rect.na-nc, #view_suite polygon.na-nc, #view_suite path.na-nc, #view_suite rect.na-nc, #adventurer_suite polygon.na-nc, #adventurer_suite path.na-nc, #adventurer_suite rect.na-nc, #vista_suite polygon.na-nc, #vista_suite path.na-nc, #vista_suite rect.na-nc, #explorer_suite polygon.na-nc, #explorer_suite path.na-nc, #explorer_suite rect.na-nc { fill: url(#diagonal-stripe-4); stroke: #000; stroke-width: 0.5; opacity: 0.3; cursor: default; } /* #296 */ #suite-vista polygon.a2, #suite-vista path.a2, #suite-vista rect.a2, #suite-veranda polygon.a2, #suite-veranda path.a2, #suite-veranda1 polygon.a2, #suite-veranda1 path.a2, #suite-veranda2 polygon.a2, #suite-veranda2 path.a2, #suite-veranda3 polygon.a2, #suite-veranda3 path.a2, #suite-veranda4 polygon.a2, #suite-veranda4 path.a2, #suite-veranda5 polygon.a2, #suite-veranda6 polygon.a2, #suite-veranda6 path.a2, #suite-silver polygon.a2, #suite-silver path.a2, #suite-silver rect.a2, #suite-midship polygon.a2, #suite-grand path.a2, #suite-grand1 polygon.a2, #suite-grand2 polygon.a2, #suite-grand1 path.a2, #suite-grand2 path.a2, #suite-owners polygon.a2, #suite-owners path.a2, #suite-owners1 path.a2, #suite-owners2 polygon.a2, #suite-owners2 path.a2, #suite-medallion polygon.a2, #suite-medallion rect.a2, #suite-medallion path.a2, #suite-royal path.a2, #suite-royal polygon.a2, #suite-royal2 polygon.a2, #suite-royal2 path.a2, #suite-royal1 polygon.a2, #suite-royal1 path.a2, #suite-royal1 polyline.a2, #suite-terrace polygon.a2, #suite-terrace path.a2, #suite-explorer polygon.a2, #suite-explorer path.a2, #suite-explorer rect.a2, #suite-deluxe-veranda polygon.a2, #suite-deluxe-veranda path.a2, #suite-view polygon.a2, #suite-view path.a2, #suite-adventurer path.a2, #suite-expedition polygon.a2, #suite-expedition rect.a2, #suite-classic polygon.a2, #suite-classic path.a2, #suite-deluxe polygon.a2, #suite-deluxe path.a2, #suite-superior polygon.a2, #suite-superior path.a2, #suite-superior polyline.a2, #suite-superior rect.a2, /*Nuova codifica*/ #suite-otium polygon.a2, #suite-otium path.a2, #suite-otium polyline.a2, #suite-otium rect.a2, #suite-master polygon.a2, #suite-master path.a2, #suite-master polyline.a2, #suite-master rect.a2, #suite-premium polygon.a2, #suite-premium path.a2, #suite-premium polyline.a2, #suite-premium rect.a2, #suite-junior-grand polygon.a2, #suite-junior-grand path.a2, #suite-junior-grand polyline.a2, #suite-junior-grand rect.a2, #suite-junior-grand2 polygon.a2, #suite-junior-grand2 path.a2, #suite-junior-grand2 polyline.a2, #suite-junior-grand2 rect.a2, #suite-signature polygon.a2 #suite-signature path.a2, #suite-signature polyline.a2, #suite-signature rect.a2, #suite-premium-medallion polygon.a2, #suite-premium-medallion path.a2, #suite-premium-medallion polyline.a2, #suite-premium-medallion rect.a2, #suite-superior2 polygon.a2, #suite-superior2 path.a2, #suite-superior2 polyline.a2, #suite-superior2 rect.a2, #view_suite polygon.a2, #view_suite path.a2, #view_suite rect.a2, #adventurer_suite polygon.a2, #adventurer_suite path.a2, #adventurer_suite rect.a2, #vista_suite polygon.a2, #vista_suite path.a2, #vista_suite rect.a2, #explorer_suite polygon.a2, #explorer_suite path.a2, #explorer_suite rect.a2 { fill: #aaa !important; stroke: #000; stroke-width: 0.5; opacity: 0.5; cursor: default; } /* Make the overlay text unclickable */ text, #text, #Text polygon, #Bathroom_Icon g { pointer-events: none; fill: #000; } /* Legend */ .suite-list-legend li, .availability-legend li { line-height: 1.5rem; } /*.suite-list-legend li:before, .availability-legend li:before { content:""; position:relative; top:3px; width:15px; height:15px; display:inline-block; margin-right:10px; border-radius:50%; }*/ /*.cb-owner:before {background:#8ca37f;} .cb-grand:before {background:#aca4ad;} .cb-royal:before {background:#d38877;} .cb-silver:before {background:#e5c68c;} .cb-medallion:before {background:#c0cce9;} .cb-veranda6:before {background:#7ca5bc;} .cb-veranda5:before {background:#77ccc9;} .cb-veranda4:before {background:#e1b5b3;} .cb-veranda3:before {background:#f2e8bc;} .cb-veranda2:before {background:#fcb316;} .cb-veranda1:before {background:#dcddde;} .cb-veranda:before {background:#7ba4bc;} .cb-terrace:before {background:#ceb6d8;} .cb-vista:before {background:#c7d9c4;} .cb-view:before {background:#e97730;} .cb-explorer:before {background:#a8dff5;} .cb-midship:before {background:#e1b6b2;} .cb-adventurer:before {background:#afcb6f;} .cb-expedition:before {background:#e1b6b2;} .status-na:before {background:url(../img/stripes.svg); border:1px solid #ccc;} .status-ys:before {background:#f90; border:1px solid #000}*/ .cb-owner:after { background: #8ca37f; } .cb-grand:after { background: #aca4ad; } .cb-royal:after { background: #d38877; } .cb-silver:after { background: #e5c68c; } .cb-panorama:after { background: #e5c68c; } .cb-medallion:after { background: #c0cce9; } .cb-veranda6:after { background: #7ca5bc; } .cb-veranda5:after { background: #77ccc9; } .cb-veranda4:after { background: #e1b5b3; } .cb-veranda3:after { background: #f2e8bc; } .cb-veranda2:after { background: #fcb316; } .cb-veranda1:after { background: #dcddde; } .cb-veranda:after { background: #7ba4bc; } .cb-terrace:after { background: #ceb6d8; } .cb-vista:after { background: #c7d9c4; } .cb-view:after { background: #e97730; } .cb-explorer:after { background: #a8dff5; } .cb-midship:after { background: #e1b6b2; } .cb-adventurer:after { background: #afcb6f; } .cb-expedition:after { background: #e1b6b2; } .cb-deluxe:after { background: #79cbc8; } .status-na:after { background: url(../img/stripes.svg); border: 1px solid #ccc; } .status-ys:after { background: #f90; border: 1px solid #000; } .cb-superior:after { background: #F2E8B1; } .cb-classic:after { background: #dbdcdd; } .cb-otium:after { background: #904892; } .cb-master:after { background: #b699bd; } .cb-premium:after { background: #b7e0db; } .cb-premium-medallion:after { background: #9ed29f; } .cb-junior-grand:after { background: #d28777; } .cb-junior-grand2:after { background: #d28777; } .cb-signature:after { background: #becbe8; } /*.suite-list-legend li:after, .availability-legend li:after { content:""; position:relative; top:3px; width:15px; height:15px; display:inline-block; margin-right:0px; border-radius:50%; }*/ .suite-list-legend li .bulletSpan:after, .availability-legend li .bulletSpan:after { content: ""; position: relative; top: 3px; width: 15px; height: 15px; display: inline-block; margin-right: 0px; border-radius: 50%; } /* Structure & general styles */ .cols { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .cols > div { position: relative; } .ship-holder { text-align: center; padding-bottom: 30px; } .cols h2 { position: absolute; bottom: 0; left: 0; right: 0; } /* h1 {font-size:1.25rem !important; margin:10px !important; } h1 i {font-style:italic;} */ /* When screen goes above 770px; */ @media only screen and (min-width: 769px) { .cols > div { margin-top: 30px; } .ship-holder { flex: 1 auto; } .legend-panel { flex: 1 auto; } .suite-list-legend, .availability-legend { margin: 0 10px 10px 0; } } /* When screen goes below 770px; */ @media only screen and (max-width: 769px) { .ship-holder { flex: 1 auto; } .legend-panel { flex: 1 100%; order: -1; } .suite-list-legend li, .availability-legend li { display: inline-block; } }