body{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 10px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #DDDDDD;
}
input[type=range]::-ms-fill-upper {
  background: #DDDDDD;
}
input[type=range]::-ms-thumb {
  height: 16px;
  width: 10px;
  background: #888888;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #DDDDDD;
}
input[type=range]:focus::-ms-fill-upper {
  background: #DDDDDD;
}
/* FINE SLIDER */

.margright2px{
	margin-right:2px;
}

.allowsel{
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
#backLoading.show{
    position: fixed;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
	z-index:9999;
}
#backLoading{
    display : none;
}
#mapLoading, #divLoading, #divLoadingMain{
    display : none;
}

#mapLoading, #divLoading{
    padding:5px;
}

#divLoading.show, #divLoadingMain.show{
	background: rgba(0, 0, 0, 0.7);
	border-radius: 10px;
	color: white;
	opacity: 0.8;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);    position: absolute;
}
#mapLoading.show{
	background: rgba(255, 255, 255, 1);
	border-radius: 10px 0px 0px 0px;
	color: black;
	opacity: 0.8;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
    position: fixed;
    width: 230px;
    bottom: 0%;
    right: 0%;
}
#mapLoading.show, #divLoading.show{
	z-index:9998;
}
#divLoadingMain.show{
	z-index:10000;
}
.mappeWebLoadHead {
	text-align: center;
	color: white;
	border-radius: 10px 10px 0px 0px;
	padding: 2px;
	margin: 0px 0px 8px 0px;
	background: white;
	font-size: 14px;
}
.mappeWebLoadFoot {
	border-radius: 0px 0px 10px 10px;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
}
iframe {
	border: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*max-height:500px;*/
}

.ui-autocomplete{
	overflow-x:hidden;
	max-height:300px;
	overflow-y:auto;
	z-index:1500;
}

.maploader,.loader{
    position: relative;
	left: 50%;
	margin-left: -20px;
	border: 6px solid rgba(255, 255, 255, 1); /* Light grey */
    opacity: 0.8;
	border-top: 6px solid rgba(127, 127, 127, 1); /* Blue */
	border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}

.maploader{
	margin-left: -15px;
    width: 30px;
    height: 30px;
	border: 5px solid rgba(200, 200, 200, 1); /* Light grey */
	border-top: 5px solid rgba(127, 127, 127, 1); /* Blue */
}

.loadermini{
    position: relative;
	left: 50%;
	margin-left: -10px;
	border: 4px solid rgba(255, 255, 255, 1); /* Light grey */
    opacity: 0.8;
	border-top: 4px solid rgba(255, 255, 255, 0.2); /* Blue */
	border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}


.tabnav{
  text-align:center;
  width:50%;
}

.tooltiphelp {
	position: relative;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	opacity: 0.8;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
}

.tooltipmeas {
	position: relative;
	bottom: 20px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	opacity: 0.8;
	font-size: 12px;
	text-align: right;
	white-space: nowrap;
}

.doctext{
	font-size:12px
}
.doctexttitle{
	font-size:14px
}
.labform{
	margin-bottom:3px
}

.inpform{
	padding:4px;
	height:30px
}

.textoverflow{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.wrapword{
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}

.close {
  font-size: 15px;
}
body, html {
  margin: 0;
  overflow: hidden;
  height:100%;
}
.ol-attribution ul{
	font-size:12px}

.ol-control:hover{
	background-color:rgb(255,255,255)
	}
.ol-control button{
	background-color:#337ab7;
	}
.ol-control{
	padding:0px;
	background-color:rgb(255,255,255);
	box-shadow: 0 0 10px black;
	}
.ol-scale-line{
	background:#337ab7;
	box-shadow: 0 0 10px black;
}

	#mapTrasl1, #mapTrasl2 {
	cursor: move;
	position: absolute;
    top: 0px;
    bottom: 0;
  }
	#map, #map3, #mapLeg1, #mapLeg2 {
	background-color: rgb(160,160,160);
    position: absolute;
    top: 0px;
    bottom: 0;
  }
	#map, #mapTrasl1 {
    left: 0;
    right: 0%;
    width:100%;
  }
  #map3, #mapTrasl2{
	z-index: 99;
    right: 0;
    left: 50%;
    width: 50%;
  }

  #map3{
	box-shadow: 0 0 10px black;
  }

  #risulta-mobile {
	z-index: 98;
	background-color: rgb(160,160,160);
    position: absolute;
    top: 70%;
    /*bottom: 0;*/
    height: 30%;
    right: 0;
    left: 0;
    width: 100%;
box-shadow: 0 0 10px black;
  }
  #closeLeg1 {
    position: absolute;
	margin-right: 15px;
	bottom: 15px;
    right: 0%;
	z-index: 251;
  }
  #closeLeg2 {
    position: absolute;
	margin-right: 15px;
	bottom: 15px;
    right: 50%;
	z-index: 251;
  }
  #mapLeg1, #mapLeg2 {
	z-index: 250;
    height: 100%;
    width: 50%;
box-shadow: 0 0 10px black;
  }
  #mapLeg1 {
    left: 50%;
  }
  #mapLeg2 {
    left: 0%;
  }

input[type="checkbox"],input[type="radio"]{
    display: none;
}

.inline {
    display: inline;
}

.noroundright {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.noroundleft {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.rientro {
    padding-left: 10px !important;
}

.rientrodoppio {
    padding-left: 25px !important;
}

input[type="checkbox"]  +  label span:first-child ,input[type="radio"] +  label span:first-child {
    display: none;
}
input[type="checkbox"]+  label span:last-child ,input[type="radio"] +  label span:last-child {
    display: inline-block;   
}

input[type="checkbox"]:checked +  label span:first-child ,input[type="radio"]:checked +  label span:first-child {
    display: inline-block;
}
input[type="checkbox"]:checked +  label span:last-child ,input[type="radio"]:checked +  label span:last-child {
    display: none;   
}

input[type="checkbox"]  +  span label:first-child ,input[type="radio"] +  span label:first-child {
    display: none;
}
input[type="checkbox"]+  span label:last-child ,input[type="radio"] +  span label:last-child {
    display: inline-block;   
}

input[type="checkbox"]:checked +  span label:first-child ,input[type="radio"]:checked +  span label:first-child {
    display: inline-block;
}
input[type="checkbox"]:checked +  span label:last-child ,input[type="radio"]:checked +  span label:last-child {
    display: none;   
}
.notopborder tbody tr:first-of-type td
 {
	border: none;
	}

.table {
	overflow: auto;
	/*max-width: 300px;*/
	width: "100%";
	padding: 0px;
	margin: 0px;
	}

.nav-tabs > li > a{
	padding: 3px;
	}
.lidrop {
 margin: 3px;
}

.btn-riccur {
 padding-left: 6px;
 padding-right: 6px;
}

.lablayers {
	width: Calc(100% - 40px);
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	margin: 0px;
}

.somecontainer .dropdown-menu {
    position: fixed;
}

.dropdown-menu-right {
	left: auto;
	right: 0;
}

.dropdown-menu-left {
	left: 0;
	right: auto;
}

.dropdown-menu {
  min-width: 0px;
  padding: 0px;
  margin: 0;
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.colordrop {
	width:170px;
	padding: 5px;
	margin: 0px;
	background-color: rgb(255,255,255);
}

.panel>.list-group {
	padding:0px;
    margin:0px;
	margin-bottom: 0px;
}

.list-group {
	background-color: rgba(255,255,255,0);
	margin: 3px;
	padding: 0px;
}

.list-group-maxw {
	max-width: 302px;
}

.list-group-item.active {
	margin: 1px;
}

.list-group-item {
	/*background-color: rgba(255,255,255,0);*/
	border-bottom:0px;
	padding: 2px; /* adjust here */
	margin: auto;
	/*margin-bottom: -5px;*/
}
.list-group-item.list-group-item-info {
	margin: 0px;
}


.sidebar{
z-index: 200;
  position: absolute;
	top: 65px;
	padding: 0px;
}

.sidebar-left{
	margin-left: 15px;
	left: 0%;
	}

.sidebar-center{
	margin-left: 15px;
	left: 50%;
	}

.sidebar-right{
	margin-right: 15px;
	right: 0%;
	}

.selLiv{
    font-weight: bold;
}

.btn-xs{
	cursor: pointer;
	font-weight: normal;
	font-style: normal;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
}
	
.btnico:before {
	font-style: normal;
	font-weight: normal;
    font-family: "FontAwesome";
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.btntrasl:before {
    animation: blink 1s;
    animation-iteration-count: 3;
	content: "\f06a";
	color: rgb(255,0,0);
}
.btncolore {
	border: 1px solid rgb(127,127,127);
	border-radius: 0px;
	margin: 0px;
	margin-left: -3px;
	padding-left: 10px;
	padding-right: 92%;
}

.btncolorecampione {
	border: 1px solid rgb(127,127,127);
	border-radius: 0px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.btnlay:before {content: "\f00b"}
.btnleg:before {content: "\f278"}
.btnlink:before {content: "\f0db"}
.btnlinksync:before {content: "\f07e"}
.btnmisl:before {content: "\f201"}
.btnmisa:before {content: "\f1fe"}
.btnins:before {content: "\f040"}
.btninfo:before {content: "\f05a"}
.btndesel:before {content: "\f05e"}
.btntabhide:before {content: "\f0d9"}
.btntabshow:before {content: "\f0da"}
.btnzoomin:before {content: "\f067"}
.btnzoomout:before {content: "\f068"}
.btnextrazoom:before {content: "\f00a"}
.btndwnl:before {content: "\f019"}
.btnpdf:before {content: "\f1c1"}
.btnlnk:before {content: "\f08e"}
.btncopylink:before {content: "\f0c1"}
.btnhelpabout:before {content: "\f128"}
.btnsearch:before {content: "\f002"}
.btnadvanced:before {content: "\f013"}
.btnricprec:before {content: "\f060"}
.btnriccur:before {content: "\f111"}
.btnricsucc:before {content: "\f061"}
.btnricall:before {content: "\f009"}
.btnmark:before {content: "\f041"}
.btndel:before {content: "\f014"}
.btnoff:before {content: "\f011"}
.btninfomeas:before {content: "\f022"}
.btnedit:before {content: "\f022"}
.btngeo:before {content: "\f044"}
.btngeoyes:before {content: "\f00c"}
.btngeono:before {content: "\f00d"}
.btnintersect:before {content: "\f0c3"}
.btngoogl:before {content: "\f1a0"}
.btngeoloc:before {content: "\f041"}
.btndel , .btngeo, .btngeoyes  {
	margin-right: 10px
}
.btnmark {
	padding: 0px;
}

.facheck2:before {
    content: "\f00c";
	opacity: 0
}

.facheck1:before {
    content: "\f00c";
}
.faradio2:before {
    content: "\f10c";
	opacity: 1
}

.faradio1:before {
    content: "\f192";
}
.fainfo2:before {
	padding:1px;
    content: "\f25a";
	opacity: 0
}

.fainfo1:before {
	padding:1px;
    content: "\f25a";
}
.fabn2:before {
	padding:1px;
    content: "bn";
}

.fabn1:before {
	padding:1px;
    content: "bn";
}

	/* Icon when the collapsible content is shown */
.btn-brand-ext {
	right: auto;
	min-width:230px;
	padding:2px;
}

.btn-tog, .btn-tog2, .btn-togpdf, .btn-hidetog {
	cursor: pointer;
}

.btn-tog, .btn-hidetog {
    /*content: "\f054\ ";*/
    font-weight: bold;
}

.btn-togspec.collapsed{
	color: rgb(100,100,100);
	background-color: rgb(230,230,230);
}

.btn-tog.collapsed, .btn-hidetog.collapsed {
    /*content: "\f054\ ";*/
    font-weight: normal;
}

.btn-tog:before {
	/*content: "\f078\ ";*/
	content: "\f147\ ";
}

/* Icon when the collapsible content is hidden */
.btn-tog.collapsed:before {
    /*content: "\f054\ ";*/
    content: "\f196\ ";
}

.btn-tog2:before {
	content: "\f146\ ";
}

/* Icon when the collapsible content is hidden */
.btn-tog2.collapsed:before {
    content: "\f0fe\ ";
}

.btn-togpdf:before {
	content: "\f115\ ";
}

/* Icon when the collapsible content is hidden */
.btn-togpdf.collapsed:before {
    content: "\f114\ ";
}

#layover1 {
	overflow-y:auto;
}

#laybase1 {
  overflow-y:auto;
}
#layover2 {
  overflow-y:auto;
}

#laybase2 {
  overflow-y:auto;
}

#result {
min-width: 300px;
  overflow-y:auto;
}
#panris {
min-width: 300px;
  overflow-y:auto;
}

.panelnav {
z-index: 261;
position: absolute;
top: 15px;
background: transparent;
}

.panelnav-left {
left: 15px;
}

.panelnav-right {
right: 15px;
}
.panel-default {
background-color: rgba(255,255,255,1);
margin: 0px;
min-width: 200px;
}

.panel-tabmap {
background-color: rgba(255,255,255,1);
border-radius: 0px 4px 4px 0px;
border-width: 1px 1px 1px 0px;
margin-top:30px;
width: 25px;
margin-left:0px;
height: 50px;
}

.panel-tabmap-close {
margin-left:-15px;
}

.btn-tabmap{
	border-radius: 0px 4px 4px 0px;
	padding-top:15px;
	width: 100%;
	height: 100%;
}

.modal-header {
padding: 10px;
}

.modal-body {
padding: 10px;
}

.modal-footer {
padding: 10px;
}

.panel-accordion {
border: 0px;
padding: 0px;
margin: 0px;
margin-bottom: 1px
}


.btn-group {
  border: 0px;
  border-radius: 20px;
}

.btn-disabled {
  color: #ddd;
  background-color: #fff;
  border-color: #ccc;
  cursor: not-allowed;
}
.btn-disabled:hover {
  color: #eee;
  background-color: #fff;
  border-color: #ccc;
}
.listmap2 {
  color: #fff;
  background-color: #ec971f;
}
.searchForm {
margin-top: 5px;
margin-bottom: 5px;
}

.handlecurs {
	cursor: move;
}

.shadow {
	box-shadow: 0 0 10px black;
}

@media (max-width: 767px) {
  #mapLeg1 {
    width: 100%;
    left: 0%;
  }
	.shadow {
		box-shadow: 0 0 0px black;
	}

	#divLoadingMain {
	box-shadow: 0 0 10px black;
}	

	.btn {
	border-radius:0px;
	}

	.panel-tabmap-close {
	margin-left:0px;
	}

	.panel-default{
		margin: 0px;
		border-radius: 0px;
	}
	.sidebar-left{
	margin-left: 0px;
	}

	.sidebar-right{
		margin-right: 0px;
		/*z-index:99998;*/
	}
	.ol-scale-line{
	bottom: 0px;
	left: 0px;
	box-shadow: none;
}
	.ol-attribution{
	bottom: 0px;
	right: 0px;
	box-shadow: none;
}
.btn-brand-ext {
	min-width:auto;
}

.dropdown-menu-right {
	left: 0;
	right: auto;
}
.panelnav-right {
	background: #337ab7;
	right: 0px;
	left: 0px;
	top: 0px;
}
.sidebar {
	top: 34px;
	}
.panel-tabmap {
margin-top:50px;
}
	#result {
	width: 100%;
	min-width: auto;
	}
	#panris {
	width: 100%;
	min-width: auto;
	}
.list-group-maxw {
	max-width: 100%;
}
}

@font-face {
  font-family: 'mappeweb';
  src:  url('fonts/mappeweb.eot?gyqsxa');
  src:  url('fonts/mappeweb.eot?gyqsxa#iefix') format('embedded-opentype'),
    url('fonts/mappeweb.ttf?gyqsxa') format('truetype'),
    url('fonts/mappeweb.woff?gyqsxa') format('woff'),
    url('fonts/mappeweb.svg?gyqsxa#mappeweb') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mappeweb' !important;
  speak: none;
  vertical-align: middle; 
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Logo:before {
  content: "\e900";
}
.icon-Measure:before {
  content: "\e901";
}
.icon-Area:before {
  content: "\e902";
}
.icon-Linea:before {
  content: "\e903";
}
.icon-Punto:before {
  content: "\e904";
}