/*icone*/
.layerTreeBlue {
  color: #3892d3 !important;
}

.layerTreeViolet {
  color: #2777B1 !important;
}

.layerTreeRed {
  color: #d33838 !important;
}

.Blue {
  color: #3892d3 !important;
}

.ol-tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}
.ol-tooltip-measure {
  opacity: 1;
  font-weight: bold;
}
.ol-tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}
.ol-tooltip-measure:before,
.ol-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%;
}
.ol-tooltip-static:before {
  border-top-color: #ffcc33;
}
.mouse_position{
    position: absolute;
    right: 8px;
    top: 24px;
    font-size: 14px !important;
    padding: 5px;
    color: #ffffff !important;
    text-shadow: 2px 2px 4px #000000 !important;
    background-color: rgba(0,0,0,0.3) !important;
}

.mapcontainer {
  width: 100%;
  height: 100%;
}

.progressbar {
  width: 100%;
  height: 20px;
}

.map {
  width: 100%;
  height: 100%;
  padding-bottom: 20px !important;
}

/* css list with numeber circle background -------------- */
/*.infonumberlist {
	width:450px;

}*/
.infonumberlist ol{
	      counter-reset: li;
				list-style: none;
				list-style-type: decimal;
				font: 15px 'trebuchet MS', 'lucida sans';
				padding: 0;
				margin-bottom: 4em;

}
.infonumberlist ol ol{
				margin: 0 0 0 2em;
			}

.infonumberlist a{
				position: relative;
				display: block;
				padding: .4em .4em .4em 4em;
				/*padding: .4em;*/
				margin: .5em 0;
				background: #FFF;
				color: #444;
				text-decoration: none;
				-moz-border-radius: .3em;
				-webkit-border-radius: .3em;
				border-radius: .3em;
			}

.infonumberlist a:hover{
				background: #cbe7f8;
				text-decoration:underline;
			}
.infonumberlist a:before{
				content: counter(li);
				counter-increment: li;
				position: absolute;	
				left: -0.3em;
				top: 50%;
				margin-top: -1.3em;
				background: #87ceeb;
				height: 2em;
				width: 2em;
				line-height: 2em;
				border: .3em solid #fff;
				text-align: center;
				font-weight: bold;
				-moz-border-radius: 2em;
				-webkit-border-radius: 2em;
				border-radius: 2em;
				color:#FFF;
			}

/* End css list with numeber circle background -------------- */

/* css INFO TABLE*/

.info-table {
    border-collapse: collapse;
    margin: 5px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 398px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.info-table thead tr {
    background-color: #3892d4;
    color: #ffffff;
    text-align: center;
	/*font-weight: bold;*/
	font-size: 1.3em;
}

.info-table th,
.info-table td {
    padding: 12px 15px;
}

.info-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.info-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.info-table tbody tr:last-of-type {
    border-bottom: 2px solid #3892d4;
}

.info-table tbody tr.active-row {
    font-weight: bold;
    color: #3892d4;
}
.bw {
  filter: grayscale(100%);
}

/* END css INFO TABLE*/

/*icone anas*/
.default_icon{
  background-image: url(../resources/icone/icone_attive/16x16_info.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.download_icon{
  background-image: url(../resources/icone/icone_attive/16x16_salva.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.delete_icon{
background-image: url(../resources/icone/icone_attive/16x16_elimina.png) !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.timeSeries_icon{
background-image: url("../resources/icone/icone_attive/16x16_serie_tempo.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.gallery_icon{
  background-image: url("../resources/icone/icone_attive/16x16-galleria-img.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}