html {
	font-size: 100px;
}

.vowExternal {
	/* normalmente messo ai "link" che aprono un altro sito qualcosa in una nuova finestra */
	text-decoration: none;
	color: blue;
}
.vowExternal:after {
	font-family: 'FontAwesome';
	content: "\f08e";
	padding-left: 0.3em;
	vertical-align: middle;
	font-size: 80%;
}

/* Wgt Mappa centrale */
.vow .PhxWgtMap3d{
}

/* pulsante apertura/chiusura pannello laterale */
.PhxWidget.PhxButton.vowBttToggleSx {
	position: fixed;
	top: 0.1rem;
	display: none;
	z-index: 9;
}

.PhxWidget.PhxButton.vowBttToggleSx.vowBCTCollapsed {
	display: block;
}

.vowBttToggleSx:hover {
	opacity: 1;
}

.vowBttToggleSx {
	left: 0.1rem;
}

/* menu di dx e sx */
.vowMenu{
	position: fixed;
	background-color: #ededed;
}

.vowMenu .PhxWgtPanelHeader{
	flex-shrink: 0;
}

.vowMenu .PhxWgtPanelBody{
    background:white;
	flex-grow: 1;
	overflow-y: auto;
}

.vowMenu .vowBttClose{
	position: absolute;
	top: 0.02rem;
	right: 0.02rem;
	z-index: 10;
}

.fa {
	font-family: 'FontAwesome';
}

/* + Firenze, bottone e pop-up */
.PhxButton.vowPiuFi {
	position: absolute;
	bottom: 0.1rem;
	left: 50%;
	transform: translate(-50%, 0rem);
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	background-repeat: repeat-x;
}

.PhxButton.vowPiuFi .PhxButtonTxt {
	color: #000;
	font-size: 0.14rem;
	padding: 0.08rem 0.16rem;
}

.vowPiuFi.PhxEnabled {
	opacity: 0.8;
}
.vowPiuFi.PhxEnabled:hover {
	opacity: 1;
}

.PhxPopup.vowPiuFi {
	position: fixed;
	top: 50vh;
	left: 50vw;
	transform: translate(-50%, -50%);
	text-align: center;
	padding: 0 0.2rem;
	font-size: 0.2rem;
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	background-repeat: repeat-x;
}

.PhxPopup.vowPiuFi.PhxShow {
	opacity: 0.8;
}

.vow_label{
}

.vow_tit{
}

.vow_header{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.14rem;
	background-color: #ededed;
}

.PhxButton.PhxWidget.vow_btt, .vow_btt{
	cursor: pointer;
	background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
	background-repeat: repeat-x;
	border: solid 1px #ccc;
	border-radius: 2px;
	text-align: center;
	flex-shrink: 0;
}
.vow_btt:hover {
	background-color: #fff;
	border-color: #999;
}

/** Una pulsantiera in riga (utile ad esempio per inserire dei pulsanti nell'header di un pannello) */
.vow_bttGroup{
	display: flex;
	height: 0.3rem;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 0.06rem;
}

.PhxWgtPanelHeader .vow_bttGroup{
	justify-content: flex-end;
	margin-right: 0.06rem;
}

.vowBttSave:before{
	font-family: 'FontAwesome';
	content: "\f02e";
	color: rgb(0, 0, 0);
}

/* Un bottone con solo l'icona X */
.PhxButton.PhxWidget.vowBttClose{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 0.25rem;
	height: 0.25rem;
	font-size: 0.19rem;
}
.vowBttClose:before{
	font-family: 'FontAwesome';
	content: '\f00d';
	color: rgb(0, 0, 0);
}

.PhxButton.vowBttClose{
	padding: 0;
	font-size: 0.2rem;
}

/* Gestione WgtCompass */
.vowWgtCompass {
	position: absolute;
	top: 0.1rem;
	left: -0.8rem;
}

.vowWgtCompass .PhxWgtPolar:before{
	color: #666666;
}

.vowWgtCompass .PhxWgtAzimuthal .PhxWgtAzimuthalNord{
	background-color: #666666;
}

@font-face {
	font-family: 'alberi';
	src : url('../../resource/bin/font/alberi/alberi.woff2') format('woff2'),
		  url('../../resource/bin/font/alberi/alberi.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'giochi';
	src: url('../../resource/bin/font/giochi/giochi.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
.PhxWidget.PhxButton.vowBtnFullscreen {
    width: 0.4rem;
    height: 0.4rem;
    opacity: 0.8;
    background-color: #ededed;
}

.vowBtnFullscreen:before {
    content: "\f0b2";
    font-family: FontAwesome, Sans Serif, sans-serif;
    font-size: 0.2rem;
    color: rgb(0, 0, 0);
}

.vowBtnFullscreen.PhxPressed:before {
    content: "\f066";
}
/* btt x apertura-chiusura pannelli */
.PhxButton.vowBttCollapseToggle{
    text-align: center;
    background-color: #ededed;
    height: 0.4rem;
    width: 0.4rem;
    padding: 0;
}
.PhxButton.vowBttCollapseToggle .PhxButtonTxt {
    font-size: 0.2rem;
    padding: 0;
    color: black;
    line-height: 0.4rem;
    font-weight: bold;
}
.PhxButton.vowBttCollapseToggle:hover .PhxButtonTxt {
    color: #000;
    padding-top: 0;
    font-size: 0.22rem;
    transition: all 200ms;
}
.vowBCTCollapsed{
}
/* wgt dei panel che funzionano come accordion (se ne apri uno si chiudono gli altri) */
.vowWgtAccordionPanel{
    
}
.vowWgtGallery {
	overflow: auto;
    flex-shrink: 0;
}

.vowWgtGallery .PhxWgtPanelHeader:before{
    content: "\f008";
}

.vowWgtGallery  .PhxWgtPanelBody {
    overflow-y: hidden;
    overflow-x: auto;
}

.galleryContainer {
    padding: 0.075rem;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.05rem;
    justify-content: left; /*non saprei esattamente come migliorare lo styling, avrei bisogno di più immagini d'esempio*/
}

.galleryContainer .galleryPhoto {
    max-height: 0.8rem;
    max-width: 1rem;
    object-fit: contain;
    cursor: pointer;
}
/* wgt della mappa principale */
.vowWgtMainMap{
}

.vowWgtMainMap.vowSearchOn canvas{
    cursor: wait;
}

.vowWgtMainMap .vowPopupSelectedElement {
    padding: 0.1rem;
    font-size: 0.14rem;
    overflow: visible;
    transform: translate(-50%, -100%);
}

.vowWgtMainMap .vowPopupSelectedElement:before {
    font-family: FontAwesome, Sans Serif, sans-serif;
    content: "\f0d7";
    position: absolute;
    font-size: 0.3rem;
    bottom: 0rem;
    left: 50%;
    transform: translate(-50%, 50%);
    color: rgb(255, 255, 255);
}
/* wgt del menù a comparsa sulla destra */
.vowWgtMenuDx{
    top: 0rem;
    right: 0rem;
    width: 3rem;
    max-height: calc(100% - 0.6rem);
    transition: transform 0.4s;
}

.vowWgtMenuDx .vowBttClose:before{
    content: "\f105";
}

.vowWgtMenuDx.vow_hidden{ /*Tenere uno spazio in mezzo alle 2 classi non le faceva funzionare???*/
    transform: translateX(calc(100% + 0.1rem));
}

.parkLink{
    text-align: center;
}

.parkLink::before{
    content: "\f0c1";
    font-family: 'FontAwesome';
}

.vowInfoPanel .PhxWgtPanelHeader:before{
    content: "\f05a";
}


.vowInfoPanel {
	overflow: auto;
}

.vowInfoPanel .PhxWgtPanelBody{
    padding: 0.1rem 0.15rem;
    overflow-y: auto;
}

.fa-check-circle::before{
    content: "\f058";
    color: rgb(17,175,24);
    
}

.vowInfoPanel table{
    border-collapse: collapse;
}

.vowInfoPanel td{
    border: 1px solid lightgray;
    border-left: 0;
    border-right: 0;
	border-bottom: 0;
	padding: 0.1rem;
}

.vowWgtMenuDx .vowBttSave{
	position: absolute;
	top: 0.02rem;
	right: 0.3rem;
	z-index: 10;

    padding:0;
    width: 0.25rem;
    height: 0.25rem;
}

.vowWgtMenuDx .vowWgtInputStreet {
    display: flex;
    font-size: 0.12rem;
    border-color: rgba(0, 0, 0, 0.3);
    border-width: 0.01rem 0rem 0rem 0rem;
    border-style: solid;
    padding: 0.1rem 0rem 0rem 0.1rem;
}

.vowWgtMenuDx .vowWgtInputStreet .PhxInputLabel {
    font-size: 0.12rem;
    margin: 0rem;
    width: 50%;
}

.vowWgtMenuDx .vowWgtInputStreet .PhxInputValue {
    border: none;
    text-align: left;
}

.vowWgtMenuDx .vowWgtInputStreet .PhxInputTag {
    padding: 0rem;
}
.vowWgtMenuDx .vowWgtInputStreet .PhxInputInvalidHook {
    display: none;
}

/* wgt del menù a comparsa sulla sinistra */
.vowWgtMenuSx{
    top: 0rem;
    left: 0rem;
    width: 2.6rem;
    max-height: calc(100% - 0.2rem);
    transition: transform 0.4s;
}

.vowWgtMenuSx .vowBttClose:before {
    content: "\f104";
}

.vowWgtMenuSx.vow_hidden{
    transform: translateX(calc(-100% - 0.1rem));
}

.vowWgtMenuSx .vowBtnFullscreen {
    position: absolute;
    top: 0.1rem;
    right: -0.4rem;
}

.vowWgtMenuSx.vow_hidden .vowBtnFullscreen {
    right: -1.2rem;
}

.vowWgtMenuSx .PhxWgtLegend {
    padding-top: 0;
}

.vowWgtMenuSx .PhxWgtLegend .PhxLegendItemMap>.PhxLegendItem{
    display: none;
}
.vowWgtMenuSx .PhxWgtLegend .PhxLegendItemMap>.PhxLegendItemChildren{
    padding-left: 0;
}

.vowLegendPanel .PhxWgtPanelHeader:before{
    content: "\f0ca";
    overflow: hidden;
}
.vowWgtSearchPanel.PhxWidget.PhxWgtPanel .PhxWgtPanelHeader:before{
    content: none;
}
.vowWgtSearchPanel.PhxWidget.PhxWgtPanel.PhxWgtPanelCollapsed .PhxWgtPanelHeader:before{
    content: none;
}

.vowWgtSearchPanel {
    overflow: auto;
}

.vowWgtSearchPanel >.PhxWgtPanelHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vowWgtSearchPanel .PhxWgtPanelHeader .vow_tit:before{
    content: "\f002";
    font-family: 'FontAwesome';
    margin: 0 0.06rem;
}

.vowWgtSearchPanel .vow_btt {
    font-family: "FontAwesome";
    padding: 0rem;
    margin: 0rem;
    width: 0.25rem;
    height: 0.25rem;
}

.vowWgtSearchPanel .vow_btt.vowWS_area:before {
    content: "\f096";
    color: red;
}

.vowWgtSearchPanel .vow_btt.vowWS_alberi:before {
    content: "\f1bb";
    color: green;
}

.vowWgtSearchPanel .vow_btt.vowWS_giochi:before {
    content: "\f1ae";
    color: blue;
}


.vowWgtSearchPopup {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3rem;
    max-height: calc(-0.1rem + 100%);
}

.PhxPopup.vowWgtSearchPopup {
    padding: 0;
}

.vowWgtSearchPopup  .vow_tit:before{
    font-family: FontAwesome;
    margin: 0 0.04rem;
}

.vowWgtSearchPopup  .PhxWgtInputGroup{
    order: 1;
}

.vowWgtSearchPopup .PhxInputLabel {
    display: none;
}

.vowWgtSearchPopup .PhxWgtInputBool.PhxTrueValue .PhxInputTag {
    background-color: rgba(17, 175, 24);
}
.vowWgtSearchPopup .PhxWgtInputBool {
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 0.1rem;
}

.vowWgtSearchPopup .PhxWgtInputBool .PhxInputLabel {
    display: inline-flex;
    margin-left: 0.1rem;
}

.vowWgtSearchPopup .PhxWgtInputBool[field="geom"]{
    flex-direction: row;
    justify-content: right;
}

.vowWSP_body {
    overflow: auto;
    padding-top: 0.1rem;
}


.vowWSP_body .PhxWidget.PhxWgtPanel.PhxWgtInputGroup .PhxWgtPanelBody .PhxWgtInputBase{
    padding-top: 0;
}

.vowWSP_footer{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0.1rem;
    flex-shrink: 0;
}

.vowWSP_bttSearch {
    height: 0.4rem;
    width: 1rem;
    left: 50%;
    transform: translate(-50%, 0rem);
}

.vowWSP_msgBox {
    font-style: italic;
    padding: 0.01rem;
    line-height: 0.25rem;
}

.vowWgtSearchPopup.vowWS_area .vow_tit:before{
    content: '\f096';
    color: red;
}


.vowWgtSearchPopup.vowWS_alberi .vow_tit:before{
    content: '\f1bb';
    color: green;
}

.vowWgtSearchPopup.vowWS_giochi .vow_tit:before{
    content: '\f1ae';
    color: blue;
}



.vowWgtSearchResult ol{
    list-style: none;
    padding: 0 0.1rem;
    margin: 0;
}

.vowWgtSearchResult li {
    border-bottom: 1px dotted #999;
    padding: 0.04rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.vowWgtSearchResult li:hover {
    background-color: #ededed;
}

.vowWgtSearchResult .vow_label{
    cursor: pointer;
}

.vowWgtSearchResult .vow_btt{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.2rem;
    height: 0.2rem;
}

.vowWSR_saved p{
    font-size: 0.14rem;
    border-bottom: 3px double;
    padding: 0.04rem 0.04rem 0;
    margin: 0;
}

.vowWSR_saved .vow_bttGroup{
    justify-content: right;
    padding-right: 0.1rem;
}

.vowWSR_saved .vowWSR_bttPercorso{
    width: 3em;
}

.vowWSR_results p {
    font-style: italic;
    border-bottom:0.01rem solid;
    padding: 0.04rem 0.04rem 0.01rem;
    margin: 0;
}

.vowWSR_bttUnsave:before{
    font-family: FontAwesome;
    content: "\f00d";
}

.vowWSR_bttPercorsoAdd:before{
    font-family: FontAwesome;
    content: "\f10c";
}

.vowWSR_bttPercorsoAdd.selected:before{
    font-family: FontAwesome;
    content: "\f058";
}

.vowWSR_bttPercorso:before{
    font-family: FontAwesome;
    content: "\f1b0";
}

.PhxPopup.vowWgtSlideshowPopup{
    padding: 0;
}

.vowWgtSlideshowPopup {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: calc(-0.2rem + 100%);
    max-width: calc(-0.2rem + 100%);
}

.vowWgtSlideshowPopup .vowWspImage {
    object-fit: cover;
    object-position: center;
}

.vowWgtSlideshowPopup .vowWSP_Prev,
.vowWgtSlideshowPopup .vowWSP_Next {
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vowWgtSlideshowPopup .vowWSP_Prev .fa,
.vowWgtSlideshowPopup .vowWSP_Next .fa{
    font-family: 'FontAwesome';
    visibility: hidden;
    font-size: 0.4rem;
    padding: 0.1rem;
    color: #303030;
}

.vowWgtSlideshowPopup .vowWSP_Prev:hover,
.vowWgtSlideshowPopup .vowWSP_Next:hover {
    background-color: rgba(175, 175, 175, 0.4);
}

.vowWgtSlideshowPopup .vowWSP_Prev:hover .fa,
.vowWgtSlideshowPopup .vowWSP_Next:hover .fa{
    visibility: visible;
}

.vowWgtSlideshowPopup .vowWSP_Prev {
    left: 0rem;
}

.vowWgtSlideshowPopup .vowWSP_Prev .fa:before{
    content: "\f0d9";
}

.vowWgtSlideshowPopup .vowWSP_Next {
    right: 0rem;
}

.vowWgtSlideshowPopup .vowWSP_Next .fa:before{
    content: "\f0da";
}