body,html {
	        height: 100%;
	        width: 100%;
	        margin: 0;
	        padding: 0;
	        font-family:Segoe UI; 
	        font-size: small;
        }
        
           
#top {
	position: absolute;
	top: 0px;
	height: 35px;
	width: 100%;
	background-color: #4b6c9e;
}

    #main {
	position: absolute;
	top: 35px;              /* deve essere coerente con il valore del frame "top" */
	/*bottom: 0;*/
    bottom:30px;
	width: 100%;
	/* overflow:auto; */
}

#left {
    position:relative;
	width: 70%;
	float: left;
	background-color: White;
	height: 100%;
}

#right {
    position:relative;
	float: left;
	width: 30%;
	height : 100%;
	background-color: #EEEEEE;
	overflow:auto;
}

#footer {
    position:absolute;
    width:100%;
    bottom:0px;
    right:0px;
    height:30px;
}
        
@media (max-width: 640px) {
        #main {
		    overflow-y: scroll;
		    overflow-x: hidden;
	    }

	    #left {
		    clear: both;
		    width: 100%;
	    }

	    #right {
		    position: absolute;
		    float: none;
		    width:100%;
		    height: auto;
		    top: 100%;
	    }
}

#map {
    background-color: whitesmoke;
    height: 100%;
}


#viewPanorama
{
    /*
    width: 840px; 
    height: 420px;
    */
    width:100%; 
    height:100%;
    /*display:block!important*/
}

    .buttonMenuActions
    {
        display:block;
        width: 120px;
        height: 48px;
        border:1px solid #FFFFFF;
        background-color: #FFFFFF;
 
        /* border-radius: 0px 0px 5px 5px; */
    }
        
    .buttonMenuActionsActive
    {
        display:block;
        width: 120px;   
        height: 48px;
        border:1px solid #00FF00;
        background-color: #E6FFE6; 

        /* border-radius: 0px 0px 5px 5px; */
            
    }

    .buttonMenuActionsDisable
    {
        display:block;
        width: 120px;
        height: 48px;
        border:1px solid #FF0000;
        background-color: #FFE6E6;


        /* border-radius: 0px 0px 5px 5px; */
            
    }

    .Navigation-On {
        display:block;
        width: 120px;
        height: 48px;
        -moz-border-radius: 6px; 
        border:0px solid #D0D0D0;
        border-radius: 6px;
        background-color:orange;
    }
        
    .Navigation-Off {
        display:block;
        width: 120px;
        height: 48px;
        -moz-border-radius: 6px; 
        border:0px solid #D0D0D0;
        border-radius: 6px;
        background-color:white;
    }
 
    .Selection-On {
        display:block;
        width: 120px;
        height: 48px;
        -moz-border-radius: 6px; 
        border:0px solid #D0D0D0;
        border-radius: 6px;
        background-color:orange;
        }

    .Selection-Off {
        display:block;
        width: 120px;
        height: 48px;
        -moz-border-radius: 6px; 
        border:0px solid #D0D0D0;
        border-radius: 6px;
        background-color:white;
        }


    .NavBarSelection-On {
            -webkit-box-flex:0;
            -webkit-flex-grow:0;
            -moz-flex-grow:0;
            -ms-flex-positive:0;
            flex-grow:0;
            -webkit-flex-shrink:0;
            -moz-flex-shrink:0;
            -ms-flex-negative:0;
            flex-shrink:0;
            padding:10px;
            position:relative;
            cursor:pointer;
            height:20px;width:20px;
            background:rgba(105,163,247,.1)
        }

    .NavBarSelection-Off {
        display:block;
        width: 24px;
        height: 24px;
        -moz-border-radius: 3px; 
        border:0px solid #D0D0D0;
        border-radius: 6px;
        background-color:transparent;
        }

/* WebKit browsers
::-webkit-input-placeholder { 
    font-family:'Segoe UI';
       font-size:initial;
    color:    #909090;
}
*/

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   font-family:'Segoe UI';
   font-size:initial;
   padding-left:10px;
   color:    #909090;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-family:'Segoe UI';
   font-size:initial;
   padding-left:10px;
   color:    #909090;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   font-family:'Segoe UI';
   font-size:initial;
   padding-left:10px;
   color:    #909090;
}

#pFloatGeolanderPane {
    position:absolute;
    top: 10px;
    left: 10px;
    width:640px;
    height:480px;
    visibility:hidden;
    z-index:60;
    }

#pFloatGooglePane {
    position:absolute;
    top: 30px;
    left: 30px;
    width:640px;
    height:480px;
    visibility:hidden;
    z-index:60;
    }

#pFloat3DPane {
    position:absolute;
    top: 50px;
    left: 50px;
    width:640px;
    height:480px;
    visibility:hidden;
    z-index:60;
    }



/* gestion sidepanel 3D */

/* The side navigation menu */
.sidenav {
    height: calc(100% - 99px); /* 100% Full-height tiene conto del padding-top: es se padding-top è 60 px qui ho -109 */       
    width: 0px; /* 0 width - change this with JavaScript */
    /*position: fixed;*/ /* Stay in place */
    position:absolute;
    z-index: 1; /* Stay on top */
    top: 41px;

    /* per sidebar lato sx */
    /*left: 8px;*/

    /* per sidebar lato dx */
    right:8px;

    background-color: #111; /* Black*/
    opacity:0.9;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 50px; /* Place content 50px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

.sidenav_large {
    width: 200px;
}


/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}



/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}


.openbtn {
  background-color: #4CAF50;
  border: none;
  color: white;
  /*padding: 20px;*/
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  z-index:1;                        /* mandatory */
  position:absolute;
  border-radius:5px;
  top:50px;
  transition: 0.5s;
  opacity:1;
  cursor:pointer;

  /* per sidebar lato dx */
  right:25px;
}

.openbtn_fadeOpacityOFF {
    /*transition: opacity 0.5s;*/
    opacity: 0;

}

.openbtn_fadeOpacityON {
    /*transition: opacity 0.5s;*/
    opacity: 1;

}

.closebtn {
  background-color: #4CAF50;
  border: none;
  color: white;
  /*padding: 20px;*/
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  z-index:1;                    /* mandatory */
  position:absolute;
  border-radius:5px;
  top:9px;

  right:25px;

  transition: 0.5s;
  opacity:1;
  cursor:pointer;
}