/* 
 * openlayers custom style
*/

.overlay {
                background-color: #fff;
                border: 2px #bbb solid;
                border-radius: 7px;
                border-top-right-radius: 0px;
                -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
                -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
                box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
                padding: 10px;
                display: none;
            }
            
body, html {
      height: 100%;
      margin: 0;
}
  
.ol-mouse-position {
                right: 3em;
                color: #fff;
                background-color: rgba(0,60,136,.5);
                padding: 2px 10px;
                border-radius: 5px;
            }

  
.ol-custom-overviewmap{
    bottom: 2.5em;
}

.ol-custom-fullscreenmap{
    top: 2.5em;
    right: .5em;
}

@media (min-width: 768px) {
    .map{
      width:100%;
      float:right;
      height: 95%;
    }
    .sidebar-top{
      width:100%;
      float:left;
      height:3%;
    }
    .sidebar{
      width:100%;
      float:left;
      height:97%;
      overflow-y: scroll;
    }
    .sidebar-container{
      width:30%;
      float:left;
      height:100%;
    }
}

.tooltip {
	  position: relative;
	  background: rgba(0, 0, 0, 0.5);
	  border-radius: 4px;
	  color: white;
	  padding: 4px 8px;
	  opacity: 0.7;
	  white-space: nowrap;
}

.tooltip-measure {
          opacity: 1;
          font-weight: bold;
}
  .tooltip-static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
  }
  .tooltip-measure:before,
  .tooltip-static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
  }
  .tooltip-static:before {
    border-top-color: #ffcc33;
}

#toolbar {
	padding: 4px;
	display: inline-block;
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 62.5%;
	margin-bottom: 5px;
}
/* support: IE7 */
*+html #toolbar {
	display: inline;
}


#toolbarinfo {
	padding: 4px;
	display: inline-block;
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 62.5%;
	margin-bottom: 5px;
}



.menu { 
            float:left; 
            padding:10px; 
            font-weight:bold; 
            cursor:pointer;
        }
        a.moremenu:link { 
            font:inherit; 
            text-align:center; 
            text-decoration:none; 
            padding:3px 7px; 
            color:#1C3E8C; 
            border:solid 1px #555; 
            border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; 
        }
        a.moremenu:visited {
            font:inherit; 
            text-align:center; 
            text-decoration:none; 
            padding:3px 7px; 
            color:#1C3E8C; 
            border:solid 1px #CCC; 
            border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
        }
        a.moremenu:hover {
            text-decoration:none; 
            color:#5A7A9B; 
            border:solid 1px #666; 
            border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
        }
        #ul_Rep { 
            position:relative; 
            left:0; 
            top:5px; 
            margin:0; 
            padding:0;
            z-index: 1000;
        }
        #ul_Rep li { 
            margin:0; 
            padding:0; 
            list-style:none; 
            float:left; 
            font:inherit;
        }
        #ul_Rep div { 
            position:absolute; 
            margin:0; 
            padding:0; 
            /*border:solid 1px #DE9292;*/
        }
        #ul_Rep div a {	
            position:relative; 
            display:block; 
            margin:0; 
            padding:5px 10px; 
            white-space:nowrap;
            text-align:left; 
            text-decoration:none; 
            background:#C3C3C3; 
            color:#FFF; 
            font:inherit;
        }
        #ul_Rep div a:hover { 
            background:#555555; 
            color: #FFF;
        }

/* posizione Scaleline */
.ol-scale-line {
  bottom: 0.5em;
  left: auto;
  right: 0.6em;
}