.leaflet-control-layers {
	width: 150px;
	padding: 10px !important;
}

.leaflet-control-layers-separator {
	float: left;
    width: 100%;
}

.leaflet-control-layers .leaflet-control-layers-title {
	font-size: inherit;
	 margin: 5px;
}

.leaflet-control-layers {
	float: left;
    width: 100%;
}

.leaflet-row {
	float: left;
    width: 100%;
    list-style-type: none;
}

.leaflet-control-layers .leaflet-input {
	float: left;
	width: 10%;
}

.leaflet-control-layers .leaflet-name {
	/* float: left; */
	/*width: 45%;*/
	/*width: 52%; /*75%;*/
	/* padding-right: 5px; */
	width: 145px;
	display: inline;
	max-width: 145px;
	/* border: 1px solid red; */
}

.leaflet-name label {
    word-wrap: break-word;
    /* width: auto; */
    /* max-width: 165px; */
    font-weight: lighter;
}

.layer-count{
	font-weight: normal;
}

label.error{
	text-decoration: line-through;
}

/*
.leaflet-control-layers .leaflet-subrow .leaflet-name {
	float: left;
	/*width: 45%;*/
	/*width: 75%;
	padding-right: 5px;
}*/


.leaflet-count{
	float: left;
	/*width: 45%;
	width: 10%;
	padding-right: 5px;	*/
}

.options-conf{
	float: right;
	margin-right: 16px;
}

/*background-image: url(images/arrow-up.png);*/
.leaflet-control-layers .leaflet-up {
	float: right;
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}

.leaflet-control-layers .leaflet-move {
	float: right;
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: move;
    display: none;
}


.leaflet-control-layers .leaflet-zoom {
	float: right;
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}

/*background-image: url(images/arrow-down.png);*/
.leaflet-control-layers .leaflet-down {
	float: right;
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}

.leaflet-control-layers .leaflet-remove {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}

.leaflet-control-layers .leaflet-trans {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}


.leaflet-control-layers .leaflet-subrow .leaflet-remove {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: block;
}

.leaflet-control-layers .leaflet-subrow .leaflet-duplicate {
    float: right;	
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: block;
    margin-right: 5px;
}

.leaflet-control-layers .leaflet-download {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}
.leaflet-control-layers .leaflet-data-table {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
}
.leaflet-control-layers .leaflet-download-visor {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
}

.leaflet-control-layers .leaflet-conf {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
}

.leaflet-control-layers .leaflet-conf:hover,
.leaflet-control-layers .leaflet-up:hover,
.leaflet-control-layers .leaflet-down:hover,
.leaflet-control-layers .leaflet-remove:hover,
.leaflet-control-layers .leaflet-download:hover,
.leaflet-control-layers .leaflet-data-table:hover,
.leaflet-control-layers .leaflet-download-visor:hover,
.leaflet-control-layers .leaflet-zoom:hover{
	 opacity: 1;
	color:#fcc403:
}

.leaflet-subrow {
	margin-left: 15px;
}

.leaflet-control-layers .leaflet-subrow .leaflet-remove{
	margin-right:16px;
}

/*
nou cc

*/

@font-face {
    font-family: BebasNeueRegular;
    src: url(fonts/BebasNeue-webfont.woff);
}

@font-face {
    font-family: Alegreya-Regular;
    src: url(fonts/Alegreya-Regular.ttf);
}

@font-face {
    font-family: Ubuntu-Medium;
    src: url(fonts/Ubuntu-Medium.ttf);
}

@font-face {
    font-family: Ubuntu-Regular;
    src: url(fonts/Ubuntu-Regular.ttf);
}



.ac-container{
	width: auto;
	/*
	margin: 10px auto 10px auto;
	*/
	text-align: left;
	overflow-y: hidden;
	overflow-x: hidden;
	height: auto;
}
.ac-container .label_ac{
	
	padding: 5px 10px;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
	 border-left: 1px dashed #aaaaaa;
    border-right: 1px dashed #aaaaaa;
    border-top: 1px dashed #aaaaaa;
    color: #ffc500 !important;
	line-height: 18px;
	
    margin-top: 5px !important;
    margin-bottom: 0px !important;
    font-family: inherit;
  
}

.ac-container .label_ac_novisible{
	
	padding: 5px 10px;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
	 border-left: 1px dashed #aaaaaa;
    border-right: 1px dashed #aaaaaa;
    border-top: 1px dashed #aaaaaa;
    color: #ffc500 !important;
	line-height: 18px;
	
    margin-top: 5px !important;
    margin-bottom: 0px !important;
    font-family: inherit;
    display:none;
  
}
.ac-container .label_ac:hover{
	background:  no-repeat scroll rgba(49, 50, 48, 0.5);
}
.ac-container input.menu:checked + label,
.ac-container input.menu:checked + label:hover{
	/*
	background:  no-repeat scroll rgba(49, 50, 48, 0.5);
	*/
	color: #FFFFFF;
	
	
	/*
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
		
	*/	
}





.ac-container input.menu:checked + label:before{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 4px;
	/*
	background: transparent url(images/arrow_down.png) no-repeat center center;	
	*/
}


/*

.ac-container input.menu:checked + label:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 4px;
	background: transparent url(images/arrow_up.png) no-repeat center center;	
}
*/


.label_gl{	
	
   cursor: pointer;
    font-size: 7px;
    font-style: normal;
    margin-right: 5px;
   
	
}



.ac-container input.menu:checked + label:hover:after{
	/*
	background-image: url(images/arrow_up.png);
	*/
}
.ac-container input.menu{
	display: none;
}





.ac-container input.menu:checked ~ ol{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

.ac-container input.menu:checked ~ ol.ac-large{
	height: auto;
	min-height: 30px;
	/*max-height : 350px;*/
	padding-top: 5px;
	overflow-y: auto;
	padding-left: 5px;
}

.menu-item-radio{
	 font-family: inherit;
	font-size: 12px;
	
}

.menu-item-checkbox{
	 font-family: inherit;
	font-size: 12px;
	
}


.menu-sub-item-checkbox{
	 font-family: inherit;
	font-size: 11px;
	font-style: italic;
	margin-left: 15px;
	
}

.bt_delete{
    position: relative;
	float: right;
	background-image: url(images/delete.png); 
    background-color: transparent; 
    background-repeat: no-repeat;  
    background-position: 0px 0px;  
    border: none;           
    cursor: pointer;        
    height: 16px;   
    width: 16px;	
    vertical-align: middle; 
}


/*
.leaflet-control-layers:hover {
	
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #e0e3ec url(images/bgnoise_lg.jpg) repeat top left;
	border-radius: 5px;
}
*/

.addVerd{
	   background-color: transparent;
	   background-image: url("images/addStuff.png");
	   background-position: 99% 0;
	   background-repeat: no-repeat;
	   border: medium none;
	   color: #00ff00;
	   cursor: pointer;
	   float: right;
	   height: 25px;
	   margin-top: 8px;
	   position: relative;
	   text-align: end;
	   vertical-align: middle;
	   width: 30px;
}

.addVerd:hover{
	 background-color: #4A4C47;
	
}	


.tema_verd{
	color: #FFC500;
    cursor: pointer;
    font-size: 12px;
    margin-left: 4px;
    float:right;
	
	
}



.tema_verd_move{
	color: #FFC500;
    cursor: move;
    font-size: 12px;
    margin-left: 4px;
    float:right;
	
	
}


.leaflet-control-layers #nomAplicacio {
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 5px;
    text-align: center;
}



input[type='checkbox'].checkbox_styled + label:before,
input[type='checkbox'].checkbox_styled + label:after{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor:pointer;
    color:white;
}


input[type='checkbox'].checkbox_styled + label:before{
    content: "\e157";
}
input[type='checkbox']:checked.checkbox_styled + label:before{
    content: "\e067";
}


input[type='radio'].checkbox_styled + label:before,
input[type='radio'].checkbox_styled + label:after{
    position: relative;
    top: 1px;
    display: inline-block;  
/*	
    font-family: 'Glyphicons Halflings'; 
*/
font-family: 'FontAwesome';
	
    font-style: normal;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor:pointer;
    color:white;
}


input[type='radio'].checkbox_styled + label:before{
 content:"\f10c";
 color:red;  
}

input[type='radio']:checked.checkbox_styled + label:before{
  content:"\f192";
  color:#00FF00;	
}




input[type='checkbox'].checkbox_time + label:before,
input[type='checkbox'].checkbox_time + label:after{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor:pointer;
    color:white;
}
input[type='checkbox'].checkbox_time + label:before{
    content: "\e090";
     color:white;
}
input[type='checkbox']:checked.checkbox_time + label:before{
   
     content: "\e023";
    
     color:white;
}

















input[type='checkbox'].checkbox_eye + label:before,
input[type='checkbox'].checkbox_eye + label:after{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor:pointer;
    /* color:white; */
}
input[type='checkbox'].checkbox_eye + label:before{
    content: "\e106";
}
input[type='checkbox']:checked.checkbox_eye + label:before{
    content: "\e105";
}

.leaflet-control-layers {
    background: rgba(45, 46, 41, 0.9) none repeat scroll 0 0;
    max-height: 650px;
    overflow-x: none;
    overflow-y: auto;
}



body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  right:100px;
  opacity: 0.8;
  z-index: 2000;
}

ol.leaflet-control-layers-overlays li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.leaflet-control-layers-overlays li.placeholder:before {
  position: absolute;
  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent -moz-use-text-color transparent red;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 5px medium 5px 5px;
    content: "";
    height: 0;
    left: -5px;
    margin-top: -5px;
    position: absolute;
    top: -4px;
    width: 0;
}

ol.leaflet-control-layers-overlays{
	list-style-type: none;
	list-style-type: none;
	margin-left: 0;
	/* min-height: 250px; */
	padding-left: 0;
}


ol.ac-large{
	 background: rgba(166, 166, 166, 0.5) no-repeat scroll;
   
   /*
    border-bottom: 1px dashed #aaaaaa;
     */
     
     border-left: 1px dashed #aaaaaa;
      border-right: 1px dashed #aaaaaa;
	margin-top: 0px !important;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}


ol.ac-large li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.ac-large li.placeholder:before {
  position: absolute;
  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent -moz-use-text-color transparent red;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 5px medium 5px 5px;
    content: "";
    height: 0;
    left: -5px;
    margin-top: -5px;
    position: absolute;
    top: -4px;
    width: 0;
}




.leaflet-control-layers-selector {
   
    top: 0 !important;
    position: absolute !important;
}

.leaflet-refresh{
	float:right;
	margin-right:4px;
	cursor:pointer;
}

.leaflet-control-layers .leaflet-link {
	/*float:right;
	margin-right:4px;*/
}














/*Llegenda*/
.bt_legend{
	/*clear: left;*/
}

.legend {
    line-height: 18px;
    text-weight: bold;
    text-align: left;
    /* position: relative; */
    right: 40px;
    bottom: -38px;
}

.legend i{
    width: 18px;
    height: 16px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

.legend img.img-legend{
	display: block;
    margin: 3px auto auto;
    max-width: 150px !important;
}

.info {
    padding: 6px 8px;
    background: white;
    /* background: rgba(45, 46, 41,0.8); *//*45, 46, 41*/
    /* box-shadow: 0 0 15px rgba(0,0,0,0.2); */
}
.info h4 {
    margin: 0 0 5px;
    color: #777;
}

.modal-legend{
	overflow: hidden;
	width: 100%;
	padding-top: 20px;
	padding-right: 20%;
	/*padding-left: 5%;*/
}

.modal-legend h4{
	margin-bottom: 15px;		
}

.legend-subrow,
.legend-subrow-all{
	margin-bottom: 5px;
	margin-top: 8px;
	overflow: hidden;	
}
.legend-name{
	text-align:center;
     display: table-cell;
     vertical-align: middle;
     position: relative;	
}
.legend-name-all,
.downloadable-name-all{
	font-weight: bold;	
}
.separate-legend-row-all{
    border-bottom: 3px solid #E5E5E5;
 	margin-left: 3%;
    margin-right: 4%;
}
.separate-legend-row{
    border-bottom: 2px solid #E5E5E5;
 	margin-left: 3%;
    margin-right: 4%;
}
.separate-legend-subrow{
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
    width: 100%;
}

.visor-separate-legend-row{
    border-bottom: 1px solid rgba(229,229,229,0.2);/*#E5E5E5;*/
    padding-top: 2px;
    overflow: hidden;
    width: 100%;
}

.visor-legend{
	overflow: hidden;
	/* max-height: 205px;
    max-width: 300px;*/
	min-width: 210px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	padding-bottom: 5px;
	padding-top: 2px;
	box-sizing: content-box;
}

.visor-legend-row{
	line-height: 16px;
}
.legend-symbol svg, .legend-symbol img, 
.visor-legend-symbol svg, .visor-legend-symbol img, 
.visor-legend-symbol div{
    display: block;
    margin: auto;
}
.visor-legend-name{
    color: #FFFFFF;
    font-size: 1em;
    padding-left: 2px;
    padding-right: 4px;
    word-wrap: break-word;
}

.titol-legend {
   	font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: white;
    word-wrap: break-word;
}


.dv_lleg{
float: none !important; 
    overflow: auto;
    text-align: center;
	padding-top: 5px;
}	


.dv_lleg img{
border: 1px solid #aaa
}	

.legendTabCont{
    /*max-height: 165px;*/
    /* min-height: 150px; */
    height: auto;
    overflow: auto;
}

.legendTabCont::-webkit-scrollbar {
    width: 8px;
}
.legendTabCont::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
.legendTabCont::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.legendTabCont::-webkit-scrollbar-thumb:hover {
    background-color: #F3BC02;
}

#nav_legend .dropdown-menu {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}


#nav_legend .dropdown-menu::-webkit-scrollbar {
    width: 8px;
}
#nav_legend .dropdown-menu::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
#nav_legend .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
#nav_legend .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background-color: #F3BC02;
}


#mapLegend{
	resize:both;
	overflow:auto;
	max-height: 250px;
}


#mapLegend > #legend_cont > #nav_legend > li.active > a, #mapLegend > #legend_cont > #nav_legend > li.active > a:hover, #mapLegend > #legend_cont > #nav_legend > li.active > a:focus {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

#mapLegend > #legend_cont > .nav-tabs {
	border-bottom:0px;	
}
/**
geostart Webfont
*/
@font-face {
	font-family: 'geostart';
	src: url('/static/geocatweb/fonts/geostart.eot?1490277913754');
	src: url('/static/geocatweb/fonts/geostart.eot?#iefix-1490277913754') format('embedded-opentype'),
		url('/static/geocatweb/fonts/geostart.woff2?1490277913754') format('woff2'),
		url('/static/geocatweb/fonts/geostart.woff?1490277913754') format('woff'),
		url('/static/geocatweb/fonts/geostart.ttf?1490277913754') format('truetype');
	font-weight: normal;
	font-style: normal;
}

[class^='geostart-'],
[class*=' geostart-'] {
	font-family: 'geostart';
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	font-size: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
Glyphs list
*/

.geostart-airport:before {
	content: '\ea01';
}

.geostart-avenc4:before {
	content: '\ea02';
}

.geostart-avenc5:before {
	content: '\ea03';
}

.geostart-avenc6:before {
	content: '\ea04';
}

.geostart-bauma4:before {
	content: '\ea05';
}

.geostart-bicycle:before {
	content: '\ea06';
}

.geostart-cova4:before {
	content: '\ea07';
}

.geostart-dog-park:before {
	content: '\ea08';
}

.geostart-ferry:before {
	content: '\ea09';
}

.geostart-palette:before {
	content: '\ea0a';
}

.geostart-park:before {
	content: '\ea0b';
}

.geostart-restaurant:before {
	content: '\ea0c';
}

.geostart-rocket:before {
	content: '\ea0d';
}

.geostart-toilets:before {
	content: '\ea0e';
}

.geostart-zoo:before {
	content: '\ea0f';
}

/* Generated by Glyphter (http://www.glyphter.com) on  Tue Dec 11 2018*/
@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/Glyphter.eot');
    src: url('../fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Glyphter.woff') format('woff'),
         url('../fonts/Glyphter.ttf') format('truetype'),
         url('../fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='instaicon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.instaicon-marcador_A:before{content:'\0042';}
.instaicon-marcador_B:before{content:'\0043';}
.instaicon-linia:before{content:'\0044';}
.instaicon-area:before{content:'\0045';}
.instaicon-adjust_1:before{content:'\0048';}
.instaicon-adjust_2:before{content:'\0049';}
.instaicon-adjust_3:before{content:'\004a';}
.instaicon-adjust_4:before{content:'\004b';}
.instaicon-adjust_5:before{content:'\004c';}
/* 
 * Leaflet Search Control v1.4.7 - 2014-01-04 
 * 
 * Copyright 2014 Stefano Cudini 
 * stefano.cudini@gmail.com 
 * http://labs.easyblog.it/ 
 * 
 * Licensed under the MIT license. 
 * 
 * Demo: 
 * http://labs.easyblog.it/maps/leaflet-search/ 
 * 
 * Source: 
 * git@github.com:stefanocudini/leaflet-search.git 
 * 
 */
 
.leaflet-container .leaflet-control-search {
	position: relative;
	float: left;
	background: #fff;
	color: #1978cf;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 1000;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
	margin-left: 10px;
	margin-top: 10px;
	width: 90%;
}

.leaflet-control-search .search-load {
	clear: both;
	padding: 0 .25em;
	color: #464646 !important;
	font-weight: bold;
	border-radius: .25em;
	width: 100%;
	font-size: 40px;
	border: 0px solid #EEB30F;
	position: absolute;
	top: 35px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.leaflet-control-search .search-edit {
	clear: both;
	padding: 0 .25em;
	color: #464646 !important;
	font-weight: bold;
	border-radius: .25em;
	width: 100%;
	background-color: rgba(238, 179, 15, 0.9);
	border: 1px solid #EEB30F;
	/*
	background-color: rgba(255, 0, 0, 0.4);
	border:1px solid #FF0000;
	*/
	position: absolute;
	top: 35px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.leaflet-control-search .search-edit a:hover {
	color: #000000 !important;
	text-decoration: underline;
}

.leaflet-control-search .search-edit a {
	color: #464646 !important;
	text-decoration: none;
}

.leaflet-control-search.search-exp { /*expanded*/
	box-shadow: 0 1px 7px #999;
	background: #fff;
}

.leaflet-control-search .search-input {
	 background: none repeat scroll 0 0 #FFFFFF;
	 border-top: 1px solid #cccccc;
	 border-bottom: 1px solid #cccccc;
	 border-right: 1px solid #cccccc;
	 border-left: 1px solid #cccccc;
	 border-radius: 0;
	 display: block;
	 float: left;
	 height: 34px;
	 /*margin: -1px 0 0 2px;*/
	 padding: 0 10px;
}

.leaflet-control-search.search-load .search-input {
	background: url("images/loader.gif") no-repeat center right #fff;
}

.leaflet-control-search.search-load .search-cancel {
	visibility: hidden;
}

.leaflet-control-search .search-cancel {
	display: block;
	width: 22px;
	height: 18px;
	position: absolute;
	right: 2px;
	margin: 6px 0;
	background: url("images/search-icon.png") no-repeat 0 -46px;
	text-decoration: none;
	filter: alpha(opacity = 80);
	opacity: 0.8;
}

.leaflet-control-search .search-cancel:hover {
	filter: alpha(opacity = 100);
	opacity: 1;
}

.leaflet-control-search .search-cancel span {
	display: none; /* comment for cancel button imageless */
	font-size: 18px;
	line-height: 20px;
	color: #ccc;
	font-weight: bold;
}

.leaflet-control-search .search-cancel:hover span {
	color: #aaa;
}

.leaflet-control-search .search-button {
    background-color: #FFFFFF;
    /*border: 1px solid #8C0224;*/
    cursor: pointer;
    font-size: 14px;
    height: 31px;
    line-height: 1.42857;
    padding: 6px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 46px;
    border-radius: 0;
}

.leaflet-control-search .search-tooltip {
 /* border-radius: 0; */
 /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); */
 float: left;
 left: 0;
 /* max-height: 200px; */
 overflow-x: hidden;
 /* overflow-y: auto; */
 position: absolute;
 text-align: start;
 top: 100%;
 width: 238px;
 z-index: 1010;
 margin-left: 10px;
}

.leaflet-control-search .search-tip {
	background-color: #FFFFFF;
	/* border-bottom: 1px dotted #5E5E5E; */
	color: #5E5E5E;
	display: block;
	margin: 0;
	padding: 4px;
	text-decoration: none;
	/* white-space: nowrap; */
}

.leaflet-control-search .search-tip-select,
.leaflet-control-search .search-tip:hover,
.leaflet-control-search .search-button:hover,
.leaflet-control-search .btn-default2:hover{
    background-color: #ededed;
    border-color: #adadad;
    color: #333333;
    text-decoration: none;
}

.leaflet-control-search .search-alert {

	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    float: left;
    left: 0;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    text-align: start;
    top: 100%;
    width: 318px;
    z-index: 1010;
    background-color: #FFFFFF;
    border-bottom: 1px dotted #5E5E5E;
    color: #e00;
    display: block;  
    margin: 0;
    padding: 2px;
    text-decoration: none;
    white-space: nowrap;
}


.leaflet-center {
	
}

#searchBar{
    height: auto;
    /* margin-left: 40%; */
    overflow: visible;
    position: absolute;
    top: 50px;
    width: 185px;
    z-index: 100;
}

#searchBar div{
}

#ctr_options{
	float: left;
    margin-right: 44px;
    margin-top: 9px;
    margin-left:5px;
}
#ctr_cerca{
	float: left;
	height: 40px;
	margin-bottom: 10px;
	margin-right: 0;
	width: 162px;
	min-width: 162px;
}

#ctr_cercaNomen {
	float: left;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 0;
    width: 162px;
    min-width: 162px;
    display: none;
}

#ctr_cerca input {margin-left: 10px;}
/*
#ctr_cercaCarrers{
   float: left;
    height: 40px;
    margin-bottom: 10px;
    width: 100px;
}

#ctr_cercaNomen{

   float: left;
    height: 40px;
    margin-bottom: 10px;
    width: 150px;
    display:none;
}*/

.btn-default2 {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333333;
    height: 34px;
}

.bootstrap-colorpalette {
	padding-left: 4px;
	padding-right: 4px;
	white-space: normal;
	line-height: 1;
}

.bootstrap-colorpalette div {
	line-height: 0;
}

.bootstrap-colorpalette .btn-color {
	width: 17px;
	height: 17px;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}

.bootstrap-colorpalette .btn-color:hover {
	border: 1px solid #000;
}

.form-control {
	border-radius: 1px;
	font-size: 13px;
	height: 28px;
}

.vector-web {
	width: 45px;
	height: 45px;
	margin: auto;
	display: block;
	text-align: center;
}

.border_color_linia {
	width: 30px;
	height: 25px;
	background-color: #FFC500;
	color: #FFC500;
	box-shadow: 1px 1px 1px 1px #999999;
}

.fill_color_icon {
	width: 20px;
	height: 15px;
	background-color: #000000;
	color: #000000;
	border: 1px solid #aaaaaa;
}

.fill_color_punt {
	width: 20px;
	height: 15px;
	background-color: #FFC500;
	color: #000000;
	border: 1px solid #aaaaaa;
}

.fill_color_pol {
	width: 30px;
	height: 25px;
	background-color: #FFC500;
	color: #FFC500;
	 box-shadow: 1px 1px 1px 1px #999999;
}

.fill_color_marker {
    background-color: #FFC500;
    border: 1px solid #AAAAAA;
    color: #000000;
    height: 15px;
    width: 20px;
}

.border_color_pol {
	width: 30px;
	height: 25px;
	border: 2px solid #FFC500;
	box-shadow: 1px 1px 1px 1px #999999;
}

.leaflet-popup-content-wrapper {
	border-radius: 0;
	padding: 1px;
	text-align: left;
}

.leaflet-popup-content {
    max-height: 1550px;
    overflow: auto;
    width: 300px;
}

.div_popup {
	border: 0 dashed #DDDDDD;
	min-height: 170px;
	height: auto;
	/*margin-left: -5px;
	margin-right: 26px;*/
	padding: 3px;
	width: 300px;
}

.div_popup_visor {
    border: 0 dashed #DDDDDD;
    /*margin-left: -5px;
    margin-right: 26px;*/
    padding: 3px;
    /*width: 300px;*/
    /* height: 150px; */
}

.popup_data_img_iframe {
  width: 300px;
  overflow-x: hidden;
  /* overflow-y: hidden; */
}

.popup_pres {
	display: block;
	/* height: 700px; */
	overflow-y: auto;
	max-height: 750px;
}

#titol_pres, #titol_pres_visor {
	font-weight: bold;
	width: 100%;
	height: 30px;
	font-size: 14px;
	border: 1px solid #EEEEEE;
}

 #auxLon, #auxLat, #auxX, #auxY {
	width: 100%;
	height: 30px;
	font-size: 14px;
	border: 1px solid #EEEEEE;
}

#capa_pres_visor {
	width: 100%;
	height: 30px;
	font-size: 14px;
	border: 1px solid #EEEEEE;
	text-align: center;
}

.edit_po {
	color: #bbbbbb;
	font-size: 15px
}

#titol_pres:hover {
	text-decoration: underline;
	cursor: pointer
}

#des_pres:hover {
	text-decoration: underline;
	cursor: pointer
}

textarea {
	background-color: #EEEEEE;
}

#des_pres, #des_pres_visor {
	background-color: #EEEEEE;
	min-height: 60px;
	margin-bottom: 5px;
	overflow: auto;
	width: 100%;
}

.popup_edit {
	display: none;
}

.bs-popup {
	list-style: none outside none;
	width: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
}

.bs-popup li.edicio-simple-popup {
	border: 0px dashed #DDDDDD;
	color: #000000 !important;
	float: left;
	font-size: 14px;
	height: 25px;
	line-height: 0.8;
	/*margin: 0 5px -1px 0;*/
	margin: 0;
	padding-left: 0;
	text-align: center;
    width: 33%;
}

.bs-popup li.edicio-popup1 {
	border: 0px dashed #DDDDDD;
	color: #000000 !important;
	float: left;
	font-size: 14px;
	height: 25px;
	line-height: 0.8;
	/*margin: 0 5px -1px 0;*/
	margin: 0;
	padding-left: 0;
	text-align: center;
    width: 25%;
}

.bs-popup li.edicio-popup {
    border: 0 dashed #dddddd;
    color: #000000 !important;
    float: left;
    height: 35px;
    line-height: 0.8;
    text-align: center;
	width: 16%;
	display: block;
	flex: 0 1 auto;
	list-style-type: none;
}

.bs-popup li.consulta-popup{
	border: 0px dashed #DDDDDD;
	color: #000000 !important;
	float: left;
	font-size: 14px;
	height: 25px;
	line-height: 0.8;
	margin: 0;
	padding: 5px !important;
	text-align: center;
    width: 100% !important;	
}

.bs-ncapa {
	display: block;
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0;
	margin-top: 10px;
}

.bs-ncapa li {
	border: 0px dashed #DDDDDD;
	color: #000000 !important;
	float: left;
	font-size: 14px;
	height: 35px;
	line-height: 0.8;
	margin: 0 5px -1px 0;
	padding-left: 0;
	text-align: left;
}

.bs-popup li a {
	color: #464646 !important;
	font-size: 13px;
}

.bs-popup li a:hover {
	text-decoration: none;
	font-weight: bold;
}

.bs-popup li a button {
	color: #464646 !important;
	font-size: 13px;
}

.leaflet-edit-marker-selected {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(254, 87, 161, 0.6) !important;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	border: 2px solid rgba(254, 87, 161, 0.6) !important;
	border-radius: 10px;
}

.verd,.verd a,.verd span {
	color: #55821D;
	cursor: pointer;
	font-size: 18px;
	margin-left: 1px;
}


.blanc,.blanc a,.blanc span {
	color: #FFFFFF;
	cursor: pointer;
	font-size: 18px;
	margin-left: 1px;
}



.blau,.blau a,.blau span {
	color: #065299;
	cursor: pointer;
	font-size: 17px;
	margin-left: 1px;
}

.blau-left,.blau-left a,.blau-left span {
	color: #065299;
	cursor: pointer;
	font-size: 17px;
	margin-right: 5px;
}

.magenta,.magenta a,.magenta span {
	color: #990699;
	cursor: pointer;
	font-size: 17px;
	margin-left: 1px;
}

.vermell,.vermell a,.vermell span {
	color: #990632;
	cursor: pointer;
	font-size: 17px;
	margin-left: 1px;
}

.gris-semifosc,.gris-semifosc a,.gris-semifosc span {
	color: #464646;
	cursor: pointer;
	font-size: 17px;
	margin-left: 1px;
	vertical-align: middle;
}

.gris-semifosc2,.gris-semifosc2 a,.gris-semifosc2 span {
	color: #404040b5;
	cursor: pointer;
	font-size: 14px;
	margin-left: 1px;
}

.blau12 {
	color: #065299;
	cursor: pointer;
	font-size: 12px;
}

.verd12 {
	color: #55821D;
	cursor: pointer;
	font-size: 12px;
}

.verd14, .verd14 span {
	color: #83ce25;
	cursor: pointer;
	font-size: 14px;
	margin-left: 1px;
}

#cmbCapesUsr {
	font-size: 13px;
	width: 110px;
	border: 1px dashed #bbbbbb;
}

.optNova {
	background-color: #55821D;
	font-weight: bold;
	color: #ffffff;
}

.leaflet-container a.leaflet-popup-close-button {
	color: #333333;
	font: bold 17px/14px Tahoma, Verdana, sans-serif;
}

.font9 {
	font-size: 9px !important;
	margin-top: 2px !important;
}

.font11 {
	font-size: 10px !important;
	margin-top: 4px !important;
}

.font12 {
	font-size: 12px !important;
}

.font14 {
	font-size: 14px !important;
}

.font15 {
	font-size: 15px !important;
}

.font17 {
	font-size: 17px !important;
}

.font18 {
	font-size: 18px !important;
}

.font21 {
	font-size: 21px !important;
}


.txt_ext {
	height: 33px !important;
	margin-bottom: 5px;
	margin-top: 8px;
}

.bs-dadesO_WMS {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: visible;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-dadesO_WMS li {
	border: 0px dashed #DDDDDD;
	color: #000000;
	float: left;
	font-size: 12px;
	height: 28px;
	line-height: 0.8;
	margin: 0 -1px -1px 0;
	padding: 5px;
	text-align: left;
	width: 50%;
}

.bs-dadesO_XS {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-dadesO_XS li {
	border: 0px dashed #DDDDDD;
	color: #000000;
	float: left;
	font-size: 12px;
	height: 28px;
	line-height: 0.8;
	margin: 0 -1px -1px 0;
	padding: 5px;
	text-align: left;
	width: 50%;
}

.bs-dadesO_USR {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-dadesO_USR li {
	/* border-left: 1px dashed #DDDDDD; */
	color: #000000;
	float: left;
	font-size: 12px;
	line-height: 1;
	margin: 0 -1px -1px 0;
	padding: 5px;
	text-align: left;
	width: 50%;
	overflow:hidden;
}

.waiting_animation {
	background: url("images/loader.gif") no-repeat center
		center;
}

.bs-dadesO_JSON {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-dadesO_JSON li {
	border-bottom: 1px dashed #DDDDDD;
	color: #000000;
	float: left;
	font-size: 12px;
	height: 28px;
	line-height: 0.8;
	margin: 5px -1px -1px 0;
	padding: 5px;
	text-align: left;
	width: 50%;
	display: inherit;
}

.bs-dadesO_JSON li input {
	margin-left:20px;margin-bottom:5px;
}	


#ul_geom{
	display:none;
	height:85px;
}	

.bs-puntsX {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.liX {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	color: #000000;
	float: left;
	font-size: 12px;
	height: 50px;
	line-height: 0.8;
	margin: 0 -2px 2px 0;
	padding: 5px;
	text-align: center;
	width: 22%;
}

.li2:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.li2 {
	border: 1px solid #DDDDDD;
}

#cmb_mida_Punt {
	border-radius: 1px !important;
	font-size: 12px !important;
	height: 25px !important;
	padding: 4px 12px !important;
}

.cc-cookies {
	width: 100%;	
}

.leaflet-control-layers-list #nomAplicacio {
	font-weight: bold;
    margin-top: 10px;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
   	
}

#div_formats{
	font-size: 12px !important;	
	    opacity: 0.9 !important;
}
#dv_optCapa{	
	 margin: 11px;
}

#dv_optSRS{	
	 margin: 11px;
}

.btn_mig{
	 border: 2px solid #FFC500;
    float: right;
    margin-top: 5px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    /*background-color: #F2DEDE;
    color: #B94A48;*/
}

.bs-dadesO_JSON3 {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-dadesO_JSON3 li {
	border-bottom: 1px dashed #DDDDDD;
	color: #000000;
	float: left;
	font-size: 12px;
	height: 28px;
	line-height: 0.8;
	margin: 0 -1px -1px 0;
	padding: 5px;
	text-align: left;
	width: 33%;
}
.panel-body {
    padding: 7px !important;
}

.panel {
    border-radius: 0 !important;   
    margin-bottom: 5px !important;
}
.nav-pills > li > a {
    border-radius: 0;
}


#progress_bar_carrega_img {
	
	position: relative;
	top:20%;
	
}

.progress-bar {  
    font-weight: bold;   
}

.leaflet-popup-content h4.my-text-center{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 2px;
    text-align: center;
}

/*Modal altres fonts de dades > dades externes */
.nav-pills-urlfile > li.active > a, .nav-pills-urlfile > li.active > a:hover, .nav-pills-urlfile > li.active > a:focus {
    background-color: #ffe0aa;
    color: #ffffff;
}
.nav-pills-urlfile > li.active > a, .nav-pills-urlfile > li.active > a:focus, .nav-pills-urlfile > li.active > a:hover {
    /*background-color: #337ab7;*/
    color: #ff6c00;
}

.pane-excel-urlfile {
    border: 1px dashed #337ab7;
    list-style: outside none none;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 12px;
}
.pane-excel-urlfile li {
    border-bottom: 1px dashed #dddddd;
    color: #000000;
    float: left;
    font-size: 12px;
    height: 28px;
    line-height: 0.8;
    margin: 0 -1px -1px 0;
    padding: 5px;
    text-align: left;
    width: 50%;
}

.pane-excel-urlfile li {
    border-bottom: 1px dashed #dddddd;
    float: left;
    font-size: 13px;
    height: 32px;
    line-height: 2.2;
    width: 50%;
}

.tab-content-urlfile{
	margin: 5px 0 0 0;
}

.tab-content-margin5px{
	margin: 5px;
}

#input-camp-codi-urlfile {
    height: 24px;
}
.color_etiqueta {
    background-color: #ffc500;
    color: #ffc500;
    height: 25px;
    width: 30px;
}
.leaflet-label {
	border-width: 0;
	background:none;
	margin-top: -35px;	
}
.leaflet-label:before,
.leaflet-label:after {
	border:0px;
}

.leaflet-label:before {
	border:0px;
}

.leaflet-label:after {
	border:0px;
}
.ocult{
	display:none;
}
.leaflet-popup {
    z-index:100;
    float: left;
}
.nomargin{
	margin:0px !important;
}
.margin1{
	margin-left:1px !important;
}
#coordsBox{
	background-color: rgba(255, 255, 255, 0.7);
	color: #686868;
	font: 11px/1.5 "Helvetica Neue", Arial, Helvetica;
	margin-bottom: 15px;
	
		
}
.tooltipFix{
    padding: 5px 0;
    margin-top: 90px;
    filter: alpha(opacity=90);
    opacity: .9;
    z-index: 2000;
    position: absolute;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    transition: opacity .15s linear;
}

.tooltipFix .tooltip-inner {
    background-color: #686868;
}

.tooltipFix .tooltip-arrow {
    border-bottom-color: #686868;
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

/*.leaflet-label:after {
border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 11px solid;
    content: " ";
    position: relative;
   right: 40px;
    top: 33px;
}*/

#body-padding-top-60 {
	padding-top: 60px;
	padding-bottom: 0px;
}

.img-circle2 {
	width: 200px;
	height: 200px;
	line-height: 200px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	text-align: center;
	box-shadow: 1px 1px 1px black;
	cursor: pointer;
}

.marketing-img {
	display: block;
	margin: 0 auto 30px;
	max-height: 145px;
	height: 80px;
	width: 80px;
	box-shadow: 1px 1px 1px 1px #AAAAAA;
}

.descobreix_color {
	background-image: linear-gradient(to bottom, #FF9900, #FFDE00);
}

.crea_color {
	background-image: linear-gradient(to bottom, #569908, #A8CB17);
}

.visualitza_color {
	background-image: linear-gradient(to bottom, #59B5D6, #00C0F7);
}

.comparteix_color {
	background-image: linear-gradient(to bottom, #3B5998 , #196ED1);
}

.img-circle2-small {
	width: 100px;
	height: 100px;
	line-height: 100px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	text-align: center;
	box-shadow: 1px 1px 1px black;
}

.img-circle2-icon {
	width: 20px;
	height: 20px;
	line-height: 100px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	text-align: center;
	box-shadow: 1px 1px 1px black;
	float: left;
	margin-left: 1px;
}



.circle_txt-small h1 {
	line-height: 100px;
}

div.circle_txt {
	font-size: 35px;
}

#cap_div {
	/* background-image:url('/llibreries/img/cel.jpg'); */
	color: #333333;
	text-rendering: optimizelegibility;
	text-shadow: 0 4px 4px rgba(255, 255, 255, 0.75);
}

div.circle_txt-small p::first-letter  {
	color: #FFFFFF;
	padding-right:2px;
}

div.circle_txt p::first-letter  {
	font-size: 36px;
	font-style: italic;
}


div.circle_txt-small {
	margin: 10px 0;
	font-size: 20px;
	font-family: inherit;
	font-weight: bold;
	padding-left: 35px;
	text-rendering: optimizelegibility;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

div.circle_txt {
	margin: 10px 0;
	font-size: 30px;
	font-family: inherit;
	font-weight: bold;
	color: #FFFFFF;
	text-rendering: optimizelegibility;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

hr.soften {
	background-image: -moz-linear-gradient(left center, transparent, rgba(0, 0, 0, 0.1),
		transparent);
	border: 0 none;
	height: 1px;
	margin: 50px 0;
}


/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 2%;
    right: 10%;
}

@media (max-width: 1024px) {
	#back-top {
	    right: 12%;
	}
}
@media (max-width: 800px){
	#back-top {
	    right: 15%;
	}
}

@media (max-width: 604px) {
	#back-top {
	    right: 10%;
	}
}

@media (max-width: 360px){
	#back-top {
	    right: 15%;
	}
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #f7f7f7;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/*fes mapa landing button*/
#fes-mapa-inici {
	position: fixed;
	bottom: 2%;
    right: 2%;
}

#fes-mapa-inici .btn.btn-default.no-radius {
  background: none repeat scroll 0 0 #00B050;
  color: #FFFFFF;
}
#fes-mapa-inici .btn.btn-default.no-radius:hover {
  background: none repeat scroll 0 0 #00D25F;
  color: #FFFFFF;
}

#fes-mapa-inici a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #f7f7f7;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#fes-mapa-inici a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#fes-mapa-inici span {
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}


.cc-window.cc-banner{
	padding: 0.5em 1.8em;
}

/********************/
.form-signin {
  max-width: 350px;
  padding: 15px;
  margin: 20px auto;
  border:2px solid #f2f2f2;
  box-shadow: 1px 1px 3px #666666;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.social-sign {
	border-top:2 px solid #DDDDDD;
    display: block;  
    left: 0;
    position: absolute;
    right: 0;
    top: 12px;
    z-index: 1;
    position: relative;
    text-align: center;
}

.social-sign span {
	background: none repeat scroll 0 0 #FFFFFF;
    color: #5B5B5B;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 0 10px;
    position: relative;
    z-index: 2;
}

.social-sign.sm-top{
	top: 0px;
}

}
section {
	
	background: none repeat scroll 0 0 #FFFFcc;
    box-shadow: 0 1px 40px rgba(0, 0, 0, 0.06);
    
    z-index: 2;
	

}

footer {    
    background-color:#f5f5f5;
    height: 60px;
}
   
footer .container{
 padding-top:20px
}

footer .logo_footer {
 float: left;
 position: relative;
 margin-top: -15px;
}

/*** comuns ***/

	.brand-txt {
		text-align: center;
		float: left;
		margin-left: 10px;
		margin-right: 20px;
		font-color: #FFFFFF;
		font-weight: bold;
		font-size: 25px;
	}
	
	#mapTitle{
	    line-height: 20px;
	    padding: 15px;
	    float: left;
	    font-size: 25px;
	    font-weight: bold;
	    color: white;
	}
	
	
	@media (max-width: 800px) {
		.brand-txt {
			font-size: 20px;
			margin-right: 10px;
		}
	}

	.bt-sessio{
		background-color: #00B050;
		border-radius: 0;
		color: #FFFFFF;
	}	
	.bt-sessio:hover{
		color: #FFFFFF;
		background-color: #00d25f;
	}	
	
	.my-nav{
		font-style: normal;
	}
	
	#text_welcome {
	    clear: both;
	    color: #333333;
	    display: inline;
	    font-weight: bold;
	    line-height: 1.42857;
	    /*padding: 3px 20px;*/
	    padding: 3px 0 0 10px;
	    white-space: nowrap;
	}
	
	#text_username{
		clear: both;
	    color: #333333;
	    display: inline;
	    font-weight: bold;
	    line-height: 1.42857;
	    white-space: nowrap;
	    width: auto;
	    padding-right:10px;
	}
	
	.invalid {
	  	/*outline: 1px solid red;*/
	  	outline: 0.5px dotted #FF0000;
		background-image: url(../../llibreries/img/glyph_exclamation.png); 
	 	background-position: right; 
	 	background-repeat: no-repeat; 
	 	-moz-box-shadow: none;	  
	}
	
	.invalid-landing-form {
	  	/*outline: 1px solid red;*/
		/*background-image: url(../../llibreries/img/glyph_exclamation.png);*/ 
	 	background-position: right; 
	 	background-repeat: no-repeat; 
	 	-moz-box-shadow: none;	 
	 	outline: 0.5px dotted rgba(169, 68, 66, 0.8); 
	}	
	
	.text_error{
		line-height: 2;
		color: #FF0000;
	    font-size: small;
	}	

	.my-body{
		padding-top: 0;
	}
	
	.no-radius{
		border-radius: 0;
	}
	
	.my-glyph{
		top: 2px;
	}
	
	.my-modal-content{
		text-align: center;
		border-radius:0;
	}
	
	.my-modal-footer{
		text-align: center;
		margin-top:0;
	}
	
	.yellow{color: #ed9c28;}
	.green{color: #00B050;}
	
	
/*** comuns waiting image ***/

#floatingCirclesG{
position:relative;
width:100px;
height:100px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
display: inline-block;
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:18px;
width:18px;
-moz-border-radius:9px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.12s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:9px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.12s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:9px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.12s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:9px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.12s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:9px;
animation-name:f_fadeG;
animation-duration:1.12s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:0;
top:41px;
-moz-animation-delay:0.42s;
-webkit-animation-delay:0.42s;
-ms-animation-delay:0.42s;
-o-animation-delay:0.42s;
animation-delay:0.42s;
}

#frotateG_02{
left:12px;
top:12px;
-moz-animation-delay:0.56s;
-webkit-animation-delay:0.56s;
-ms-animation-delay:0.56s;
-o-animation-delay:0.56s;
animation-delay:0.56s;
}

#frotateG_03{
left:41px;
top:0;
-moz-animation-delay:0.7s;
-webkit-animation-delay:0.7s;
-ms-animation-delay:0.7s;
-o-animation-delay:0.7s;
animation-delay:0.7s;
}

#frotateG_04{
right:12px;
top:12px;
-moz-animation-delay:0.84s;
-webkit-animation-delay:0.84s;
-ms-animation-delay:0.84s;
-o-animation-delay:0.84s;
animation-delay:0.84s;
}

#frotateG_05{
right:0;
top:41px;
-moz-animation-delay:0.98s;
-webkit-animation-delay:0.98s;
-ms-animation-delay:0.98s;
-o-animation-delay:0.98s;
animation-delay:0.98s;
}

#frotateG_06{
right:12px;
bottom:12px;
-moz-animation-delay:1.12s;
-webkit-animation-delay:1.12s;
-ms-animation-delay:1.12s;
-o-animation-delay:1.12s;
animation-delay:1.12s;
}

#frotateG_07{
left:41px;
bottom:0;
-moz-animation-delay:1.26s;
-webkit-animation-delay:1.26s;
-ms-animation-delay:1.26s;
-o-animation-delay:1.26s;
animation-delay:1.26s;
}

#frotateG_08{
left:12px;
bottom:12px;
-moz-animation-delay:1.4s;
-webkit-animation-delay:1.4s;
-ms-animation-delay:1.4s;
-o-animation-delay:1.4s;
animation-delay:1.4s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#ADADAD}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#ADADAD}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#ADADAD}

100%{
background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#ADADAD}

100%{
background-color:#FFFFFF}

}

@keyframes f_fadeG{
0%{
background-color:#ADADAD}

100%{
background-color:#FFFFFF}

}

.outer {
  width: 100%;
  text-align: center;
}

/*** index.html ***/
	.img-carousel {
		opacity: 0.9;
		width: 100%;
		height: auto;
	}
	
	.my-carousel-caption {
		color: #202020;
	   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	   font-size: 36px;
	   font-style: normal;
	   font-weight: bolder;
	   padding-bottom: 10%;
	   /*text-shadow: 0 2px 1px #FFFFFF;*/
	   text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 0 -2px #FFFFFF, 2px 0 #FFFFFF;
	}
	
	.marketing{
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.main-row{
		padding: 4% 12% 0%;
	}
	
	.my-elem{
		padding:0.5%;
	}
	
	.img-hover { 
	   position: relative; 
	   width: 100%; /* for IE 6 */
	}
	
	.title_white { 
		color: #FFFFFF;
	    font-style: normal;
	    font-weight: bold;
	    position: absolute;
	    text-align: center;
	    top: 0;
	    left:0;
	    width: 100%; 
	    margin-bottom: 10px;
	    margin-top: 20px;
	    line-height: 1.1;
	    font-size: 30px; 
	}	
	
	#btn-fes-mapa{
		background-color: #00B050;
		/*background-color: #669999;*/
		color: #FFFFFF;
		border-radius: 0;
		width: 100%;
		padding: 8%;
		font-weight: bolder;
		font-size: 28px;
		border: 0;	
		font-style: normal;
	}
	#btn-fes-mapa:hover{
		background-color: #00d25f;
	}
	
	#btn-galeria{
		background-color: #f38c51;
		color: #FFFFFF;
		border-radius: 0;
		width: 100%;
		padding: 8%;
		font-size: 28px;
		border: 0;
		font-style: normal;		
	}	
	#btn-galeria:hover{
		background-color: #f06c21;
	}
	
#txt-image {
    background-color: #CCCCCC;
    /*background-image: url("/llibreries/img/banner_sm_screens.png");*/
    background-image: url("/llibreries/img/banner_orto_sm2.png");
    color: #202020;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    line-height: 1.5;
    padding: 10%;
    text-align: center;
    /*text-shadow: 0 2px 1px #FFFFFF;*/
    text-shadow: -2px 0 #ffffff, 0 2px #ffffff, 0 -2px #ffffff, 2px 0 #ffffff;
}
	
	
	@media (max-width: 400px) {
	  #btn-galeria, #btn-fes-mapa{
		font-size: 20px;
	  }
	  
	  .title_white{
		font-size: 18px;
	  }
	}
	
	
	@media (max-width: 1000px) {
	  .my-carousel-caption {
	    left: 10%;
	    right: 10%;
	    font-size: 30px;
	    padding-bottom: 10%;
	  }
	  .title_white{
		font-size: 20px;
	  }	  
	}

	@media (min-width: 1001px) and (max-width: 1200px) {
	  .title_white{
		font-size: 25px;
	  }		
	}

	@media (max-width: 1024px) {
	  .my-carousel-caption {
	    padding-bottom: 7%;
	  }
	}

	@media (max-width: 800px) {
	  .my-carousel-caption {
	    padding-bottom: 10%;
	  }
	}

/*** properament.html ***/

	.my-jumbotron {
		padding: 3% 5%;	
		font-style: normal;
		border-style: none;
	    background-color: #EEEEEE;
	    color: inherit;
	    font-size: 21px;
	    font-weight: 200;
	    line-height: 2.14286;
	    margin-bottom: 30px; 
	    margin-left: 5%;
    	margin-right: 5%;
	 	background-color: #FFFFFF;
	    border-color: #00B050;	       
	}
	
	.my-jumbotron h1{
		text-align: center;
		font-size: 55px;
		color: inherit;
	    line-height: 1;	
	}

	.my-input{
		border-radius: 0;
		border: 1px solid #CCCCCC;
		vertical-align: middle;
		width: inherit;
	}

	
	@media (max-width: 1000px) {
	  .my-jumbotron{
	  	left: 5%;
	  	right: 5%;
	  }
	  .my-jumbotron h1 {
	    font-size: 50px;
	  }
	}
	
	@media (max-width: 800px) {
	  .my-jumbotron h1 {
	    font-size: 42px;
	  }
	}
	
	@media (max-width: 400px) {
	  .my-jumbotron h1 {
	    font-size: 28px;

	  }
	}
	
	.my-background{
		background-image:url(../../llibreries/img/background_login.jpg);
		padding-top: 5%;
	}	
	
	
	#div_msg{
		background-color: #FFFFFF;
		font-style: normal;
	}
	
	@grid-float-breakpoint{@screen-md-min}
	
	/** sessio.html **/
	
	
	.my-form-signin{
	    background-color: #FFFFFF;
	    margin: 20px auto;
	    max-width: 350px;
	    padding: 15px;
	    font-style: normal;	
	}
	
	.my-border{
		border-radius: 0;
	}	
	
	.my-background-signin{
		background-image:url(../../llibreries/img/background_login.jpg);
		padding-top: 10%;		
	}	
	
	.my-alert{
		border-radius: 0;
		text-align: center;
	}
	
	.my-modal-dialog {
    	width: 400px;
	}
	
	.bt-sessio-icgc{
		background-color: #AEAEB0;;
		border-radius: 0;
		color: #FFFFFF;
	}	
	.bt-sessio-icgc:hover{
		color: #FFFFFF;
		background-color: #CECDD3;
	}	
	
	.my-form-remember{
	    background-color: #FFFFFF;
	    max-width: 350px;
	    padding: 15px;
	    font-style: normal;	
	    margin: -20px auto 20px;
	}
	
	/*** galeria.html ***/
	.thumbnail{
		position: relative;
		min-height: 220px;
		/*min-height: 225px;*/
	}
	
	#thumbnail-public{
		min-height: 240px !important;
	}
	
	.thumbnail div.new_map{
		border: 5px dashed;
    	border-radius: 4px;
 		height: 210px;
 		cursor: pointer;
	}
	
	.thumbnail div.new_map:hover{
		opacity: 0.5;
		filter: contrast(140%);
		-webkit-filter: contrast(140%);
		-moz-filter: contrast(140%);
		-o-filter: contrast(140%);
		-ms-filter: contrast(140%);
	}
	
	.thumbnail div.new_map span{
		font-size: 72pt;
		padding: 40px 0 10px;
	}
	
	.thumbnail div.byuser{
		font-size: 9pt;
		/*height: 183px;*/
		margin-top:170px;
	}
	
	.thumbnail a.btn{
		width: 100px;
	}
	
	.thumbnail img{
		position: relative;
		width: 240px;
		float:left;
		margin: 4px;
		max-height: 158px;
	}
	
	.thumbnail div.nomAplicacio{
		background-color: rgba(45, 46, 41, 0.6);
		position: absolute;
    	width: 97%;
    	color: #ffffff;
	}
	
	.thumbnail div.btn-acctions{
		float:left;
		position: relative;
		width: 100%;
	}
	
	/*
	.thumbnail{
		min-width: 240px;
		min-height: 272px;
		max-width: 240px;
		max-height: 272px;
	}
	*/
	
	.thumbnail .image{
		height:165px;
		display:inline;
	}
	
	.thumbnail img:hover{
		opacity: 0.5;
		filter: contrast(140%);
		-webkit-filter: contrast(140%);
		-moz-filter: contrast(140%);
		-o-filter: contrast(140%);
		-ms-filter: contrast(140%);
	}
	
	.btn-acctions .btn {
	    border-radius: 0;
	}
	
	.thumbnail div.descAplicacio{
		display: none;
		height: 165px;
    	position: absolute;
    	color: #FFFFFF;
	 	background-color: rgba(45, 46, 41, 0.6);
	 	width: 97%;
	 	overflow: hidden;
	 	cursor: pointer;
	}
	
	.starwars{
		position: absolute;
		/*color: #ffff66;
		font-weight: bold;*/
		top: 5px; 
		bottom: 0;
		left: 50%;
		margin-left: -9em;
		text-align: justify;
		overflow: hidden;
		-webkit-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		/*-webkit-transform: perspective(200px) rotateX(25deg);
		-moz-transform: perspective(200px) rotateX(25deg);
		-ms-transform: perspective(200px) rotateX(25deg);
		-o-transform: perspective(200px) rotateX(25deg);
		transform: perspective(200px) rotateX(25deg);*/
	}
	
	.starwarscontent{
		position: relative;
		top: 100%;
		animation: scroll 10s linear 0.5s infinite;
	}

	@keyframes scroll {
		0% { top: 100%; }
		100% { top: -100%; }
	}
	
	.starwars:after {
		position: absolute;
		content: ' ';
		left: 0;
		right: 0;
		top: 0;
		bottom: 60%;
		/*
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
		background-image: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
		background-image: -o-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
		background-image: linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
		*/
		pointer-events: none;
	}
	
	.flip {
	  -webkit-perspective: 800;
	  -ms-perspective: 800;
	  -moz-perspective: 800;
	  -o-perspective: 800;
	  position: relative;
	  height: 165px;
	}
	
	.flip .card.flipped {
	  transform:rotatey(-180deg);
	  -ms-transform:rotatey(-180deg); /* IE 9 */
	  -moz-transform:rotatey(-180deg); /* Firefox */
	  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
	  -o-transform:rotatey(-180deg); /* Opera */
	}
	
	.flip .card {
	  width: 100%;
	  height: 100%;
	  -webkit-transform-style: preserve-3d;
	  -webkit-transition: 0.5s;
	  -moz-transform-style: preserve-3d;
	  -moz-transition: 0.5s;
	  -ms-transform-style: preserve-3d;
	  -ms-transition: 0.5s;
	  -o-transform-style: preserve-3d;
	  -o-transition: 0.5s;
	  transform-style: preserve-3d;
	  transition: 0.5s;
	}
	
	.flip .card .face {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  z-index: 2;
	  text-align: center;
	  backface-visibility: hidden;  /* W3C */
	  -webkit-backface-visibility: hidden; /* Safari & Chrome */
	  -moz-backface-visibility: hidden; /* Firefox */
	  -ms-backface-visibility: hidden; /* Internet Explorer */
	  -o-backface-visibility: hidden; /* Opera */
	}
	
	.flip .card .front {
	  position: absolute;
	  z-index: 1;
	}
	
	.flip .card .back {
	  color: #FFFFFF;
	  background-color: rgba(45, 46, 41, 0.6);
	  height: 165px;
	  transform:rotatey(-180deg);
	  font-weight: bold;
	  -ms-transform:rotatey(-180deg); /* IE 9 */
	  -moz-transform:rotatey(-180deg); /* Firefox */
	  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
	  -o-transform:rotatey(-180deg); /* Opera */
	
	}	
		
	/*** perfil.html ***/
	
	.my-form-profile{
	    background-color: #FFFFFF;
	    margin: 20px auto;
	    max-width: 600px;
	    padding: 15px;
	    font-style: normal;	
	}
	
	#text-uid{
		text-align: center;
	}

/*old browser message*/
* {
  	box-sizing: border-box;
}

.modal{
	overflow-y: auto;
	  font-size: 13px
}

.modal-dialog {
	padding-top: 6%;
}

.modal-content {
	border-radius: 0;
	font-size: 13px;
}

.modal-header {
	padding: 10px 10px;
}

.modal-header h4 {
	
	font-size: 13px;
    font-weight: bold;
}

.modal-body {
	padding: 10px 10px;
}

.modal-footer {
	padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
     padding-top:10px;
    border-top: 0 solid #E5E5E5;
    margin-top: 1px;
   
    text-align: right;
}

#dialgo_old_browser{
	width: 600px;
}

.browser_img {
	float: left;
    height: 100px;
    margin: 5px;
    position: relative;
    width: 100px;
    cursor: pointer;
}

.ie_img {
	background: url('images/browser_ie.gif') no-repeat;
}

.firefox_img {
	background: url('images/browser_firefox.gif') no-repeat;
}

.safari_img {
	background: url('images/browser_safari.gif') no-repeat;
}

.opera_img {
	background: url('images/browser_opera.gif') no-repeat;
}

.chrome_img {
	background: url('images/browser_chrome.gif') no-repeat;
}

/*end old browser message*/

/*stats*/

h1.big_text{
	font-size: 70pt;
}

/** GALERIA SEARCH **/
	
#galeriaSort{
	text-align: center;	
}	

#galeriaSort ul, #AplicacionsRow ul{	
    list-style-type: none;
    margin-top: 10px;
  
}

#galeriaSort .input-group{
  /*
    margin-left: 40%;
    margin-right: 40%;
    width: 20%;	
    */
    
     margin-left: 35%;
   /* margin-right: 40%;*/
   float:left;
    width: 35%;
}
#galeriaSort .urlPublica{
	float:right;
}

#galeriaSort .botoUrlPublica {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 5px;
  border: 1px solid #cccccc;
  display:inline-block;
  color:#555555;
  text-decoration: none;
  background-color: #eeeeee;
  height:30px;
}
/*
#galeriaSort input {
  border:solid 1px #ccc;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom:10px;
  height: 30px;
}*/
#galeriaSort input:focus {
  outline:none;
  border-color:#aaa;
}
#galeriaSort .sort {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 5px;
  border: 1px solid #cccccc;
  display:inline-block;
  color:#555555;
  text-decoration: none;
  background-color: #eeeeee;
  height:30px;
}
#galeriaSort .sort:hover {
  text-decoration: none;
  background-color:#dddddd;
}
#galeriaSort .sort:focus {
  outline:none;
}
#galeriaSort .sort:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
#galeriaSort .sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #555555;
  content:"";
  position: relative;
  top:13px;
  right:-5px;
}
#galeriaSort .sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #555555;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}

#galeriaSort #geoRss {
    float: left;
    padding: 4px;
}


/*info popover visor*/

#infoMap {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
    color: rgba(45, 46, 41);
}

#infoMap {
	cursor: pointer;	
}

#mapTitle .popover{
	background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);	
	min-width: 200px;
}

#mapTitle .popover.bottom .arrow:after{
	background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);	
}

#mapTitle .popover h3{
	text-align: center;
	font-size: 14px;
	background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);
}

.mapInfoPopover ul{
	list-style-type: none;
}

.mapInfoPopover ul .divider {
    background-color: #e5e5e5;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}
/*galeria*/
.nomAplicacio > h4 > a:hover {
    color: lightblue;
    text-decoration: none;
}
.nomAplicacio > h4 > a{
    color: white;
    text-decoration: none;
}
.sp_rs_maps, .sp_total_maps{
	font-weight: bold;
}

#thumbnail-private{
	min-height:230px !important;	
}

.thumbnail .data{
	float: right;
    font-size: 8pt;
    margin-top: -20px;
    position: relative;
}

.thumbnail .rank{
	float: left;
    font-size: 8pt;
    margin-top: -20px;
    position: relative;
}

.thumbnail .data-private{
	float: right;
    font-size: 8pt;
    margin-top: -2px;
    position: relative;
}

.thumbnail .rank-private{
	float: left;
    font-size: 8pt;
    margin-top: -2px;
    position: relative;
}

#urlVisorMap {
    border: 1px none black;
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}

#urlVisorMap a:hover{decoration:none;}

.btn-visibility {
    background-color: #b3b3b3;
    border-color: #cccccc;
    color: #333333;
}

.btn-visibility .unlock:before {
	content: url(../../llibreries/img/glyphicons_204_unlock.png);
}

.btn-visibility .lock:before {
	content: url(../../llibreries/img/glyphicons_203_lock.png);
}

.btn-success .group:before {
	content: url(../../llibreries/img/glyphicons_043_group.png);
}

#btn-grup{
	padding: 3px 3px 2.5px;
}
.input_convidats{
	margin-bottom:5px;
	width:90%;
}
.remove_button{
	padding: 0;
	border: none;
	background: none;
	width:18% !important;
	float:right;
	margin-top:-25px;
}

#tabs_links > ul{
	margin-bottom: 5px;
}

#tabs_links li{
	font-weight: bold;
}

#btn-editar,#btn-enllacar,#btn-duplicate,#btn-privat,#btn-public,#btn-esborrar{
	padding: 3px 8px;
}
/******** nav-tabs-google style *********/
.nav-tabs-google > li {
  margin: 0 -1px 0 0;
}
.nav-tabs-google > li > a {
  padding: 12px 8px;
  margin: 0 8px;
  line-height: 1.4;
  color: #777;
  border: 3px solid transparent;
  border-width: 3px 0;
  border-radius: 0;
}
.nav-tabs-google > li > a:first-of-type {
  margin-left: 0;
}
.nav-tabs-google > li > a:hover,
.nav-tabs-google > li > a:focus {
  background-color: transparent;
  border-top-color: transparent;
}
.nav-tabs-google > li > a:hover {
  color: #000;
  border-bottom-color: transparent;
}
.nav-tabs-google > li > a:active {
  color: #dd4b39;
}
.nav-tabs-google > li > a:focus {
  color: #000;
  outline: 0;
}
.nav-tabs-google > li.active > a,
.nav-tabs-google > li.active > a:hover,
.nav-tabs-google > li.active > a:focus {
  color: #dd4b39;
  border: 3px solid transparent;
  border-width: 3px 0;
  border-bottom-color: #dd4b39;
}

/****** Formulari landing page *******/

#container1 {
    background-color: #e2dada;
}

.centered-form {
    margin-left: 43%;
    position: absolute;
    width: 100%;
    z-index: 1000; 
    margin-top: -10px;  
    opacity: 0; 
}

.centered-form .panel {
   /* background: rgba(255, 255, 255, 0.8);*/
    box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px;
}

#landing-form-checkboxes{
	padding-left: 20px;
}

#landing-form-panel-title{
	line-height: 1.4;
	font-weight: bold;
}
#landing-form-panel-title-xs {
    font-size: 14px;
    font-weight: bold;
}

#landing-form-panel-body{}

.panel, .panel-heading{border-radius: 0;}

.panel-landing-form{
	border: 0;	
	border-radius: 0:
}
.panel-landing-form-xs{
	/*border: 1px hidden #0288d1;*/
	margin-bottom: 4px;
	margin-top: 4px;
	box-shadow: rgba(0, 0, 0, 0.3) 10px 1px 10px;
	text-align: center;
   	width: 80%;	
   	margin-right: 10%;	
   	margin-left: 10%;
   	
}
 

.btn-landing-form{
	background-color: #0288D1;
    color: #fff;
    font-weight: bold;
    border-radius: 0;
    transition: all 0.3s ease 0s;
}

.btn-landing-form:hover{
	color: #fff;
}


.btn-landing-form:active{
    color: #fff;
}

.btn-landing-form:focus{
    color: #fff;
}

.panel-landing-form > .panel-heading, .panel-landing-form-xs > .panel-heading{
	background-color: #0288D1;/*#03A9F4;*/
    color: #fff;
    font-weight: bold;
    border-radius: 0:
}

#landing-form-message, #landing-form-message-xs {
    margin-bottom: 4px;
    margin-top: -4px;
    text-align: center;
}

#landing-form-message-xs {
	font-size: 12px;
}

.my-form-control-style{
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

#div-avis-legal {
    font-size: 11px;
    margin-top: 5px;
    text-align: justify;
}

/***** LOADER SENDING EMAIL ********/

@keyframes three-quarters-loader {
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(360deg);
	}
}
@keyframes three-quarters-loader {
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(360deg);
	}
}
.three-quarters-loader:not(:required) {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1250ms linear 0s normal none infinite running three-quarters-loader;
    border-color: #38e transparent #38e #38e;
    border-image: none;
    border-radius: 16px;
    border-style: solid;
    border-width: 4px;
    box-sizing: border-box;
    display: inline-block;
    height: 32px;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    width: 32px;
}

#loadingGaleria{
	width: 100%;
	position: relative;
	float: left;
}

#preloader6{
    position:relative;
    width: 42px;
    height: 42px;
	-webkit-animation: preloader_6 5s infinite linear;
   	-moz-animation: preloader_6 5s infinite linear;
    -ms-animation: preloader_6 5s infinite linear;
    -o-animation: preloader_6 5s infinite linear;
    animation: preloader_6 5s infinite linear;
    /*margin: 15px 82px 15px 92px;*/
    margin:auto;
}

#preloader6 span{
    width:20px;
    height:20px;
    position:absolute;
    background:red;
    display:block;
-webkit-animation: preloader_6_span 1s infinite linear;
   -moz-animation: preloader_6_span 1s infinite linear;
    -ms-animation: preloader_6_span 1s infinite linear;
     -o-animation: preloader_6_span 1s infinite linear;
        animation: preloader_6_span 1s infinite linear;
    border-radius: 20px;
}



#preloader6 span:nth-child(1){
/*background:#2ecc71;*/
 background-image: linear-gradient(to bottom, #FF9900, #FFDE00);
}
#preloader6 span:nth-child(2){
	left:22px;
/*background:#9b59b6;*/
	background-image: linear-gradient(to bottom, #569908, #A8CB17);
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
}
#preloader6 span:nth-child(3){
	top:22px;
/*background:#3498db;*/
	background-image: linear-gradient(to bottom, #3B5998 , #196ED1);
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-ms-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;    
}
#preloader6 span:nth-child(4){
	top:22px;
	left:22px;
	/*background:#f1c40f;*/
	background-image: linear-gradient(to bottom, #59B5D6, #00C0F7);
	animation-delay: .6s;
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;    
}

#urlMapDuplicat {
    border: 1px none black;
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}

.status_check {
    color: #3c763d;
     font-size: 15px;
     font-weight:bold;
}

.grisfort, .grisfort a, .grisfort div, .grisfort span {
    color: rgba(45, 46, 41, 0.6) !important;
}

@keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@-moz-keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@-ms-keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@-webkit-keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@-o-keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-moz-keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-ms-keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-o-keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

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

#cookie-config .cc-config{
    /* position: fixed; */
    top: 0.9%;
    /* right: 18%; */
    border-color: #adadad;
    /* border: 1px solid; */
    /* box-sizing: border-box; */
    display: inline-block;
    /* line-height: 1.24; */
    width: 140px;
    height: 35px;
    font-size: 14px;
    font-weight: 400;
    color: #9d9d9d;
    right: 46%;
}

table.default{
	padding: 4px;
}

table.default p{
	font-size: 14px;
}

table.default th p{
	font-weight: bold;
}

table.default, table.default tr, table.default td, table.default th{
	border: 1px solid #6868;
	padding:4px;
}
#cookie-config2 .cc-config
{
    padding: 15px 15px;
    float: left;
    position: relative;
    font-size: 14px;
}

.cc-window.cc-banner {background-color: rgb(34,34,34,0.4) !important;color: rgb(255,255,255,1) !important;}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape)
.cc-window.cc-banner .cc-compliance {
    width: 30%;
    float: right;
    align-items: left;
    display: inline;
    margin-left: 420px;
    margin-top: -90px;
    font-size: 14px;
}
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape)
.cc-btn .cc-deny
    background-color: #686868;
    min-width: 140px;
    margin-left: 6px;
}

@media (max-width: 1024px) {
	.cc-config {
	    margin-top: 184px;
	    font-size: 14px;
	    margin-left: 7px;
	}
}


html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}

#map {
	width: 100%;
	top: 50px;
	height: 100%;
	margin: 0;
	padding: 0;
}

.spinner{
	z-index: 3000;
}

.perfilSelector{
	margin-right: 30px;
}

.leaflet-container .leaflet-control-mouseposition {
	clear: none;
	margin-right: 5px;
}

#logos {
/*    background-color: #FFFFFF;*/
    bottom: 7px;
    cursor: pointer;
    height: 46px;
    left: 0;
    opacity: 0.8;
    padding: 0 10px;
    position: absolute;
    z-index: 1000;
}

#logos.logos{
	left: 270px;
}

.faqs_link{
	/* color: #ffffff; */
	padding-left: 3px;
}

.edicio-popup a.faqs_link{
	color: #333333;
	font-size: 1.46em;
}

/*Animacio */
#div_loading{
	width: 100%;
	height: 100%;
	background-color:#FFFFFF;
	display: block;
	overflow: hidden;
    position: absolute;
    top: 0;
    z-index:3000;
}

#loader2{
	left: 40%;
    line-height: 50%;
    position: relative;
    text-align: center;
    top: 40%;
}

* {
  	box-sizing: border-box;
}

.loader {
  	position: relative;
   	left: 25%;
    line-height: 50%;
    position: relative;
    text-align: center;
    top: 40%;
  	width: 45%;
  	color: white;
  	font-family: "Roboto Condensed", sans-serif;
  	font-size: 250%;
  	background: linear-gradient(180deg, #222 0, #444 100%);
  	box-shadow: inset 0 5px 20px black;
  	text-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.loader:after {
  	content: "";
  	display: table;
  	clear: both;
}

.covers span div{
	height: 40px;
   	line-height: 40px;
    margin-left: 1px;
    margin-top: 39px;
    width: 40px;
}

.loader span {
  	float: left;
  	height: 100px;
  	line-height: 120px;
  	width: 11%;
}

.loader > span {
  	border-left: 1px solid #444;
  	border-right: 1px solid #222;
}

.covers {
  	position: absolute;
  	height: 100%;
  	width: 100%;
}

.covers span div {
  	animation: up 3s infinite;
  	-webkit-animation: up 1s infinite;
}

#ani5 {
		animation: glow 3s infinite;
  	-webkit-animation: glow 1s infinite;

}

@keyframes glow{
  0%   { margin-bottom: 0; }
  	16%  {text-shadow:0 0 20px white;}
  	50% { margin-bottom: 0; }
  	100% { margin-bottom: 0;}
}

@-webkit-keyframes glow{
 	0%   { margin-bottom: 0; }
  	16%  {text-shadow:0 0 20px white; }
  	50% { margin-bottom: 0; }
  	100% { margin-bottom: 0;}
}

@keyframes up {
  	0%   { margin-bottom: 0;line-height: 40px; }
  	16%  { margin-top:1px; height: 50px; width: 50px;line-height: 50px; }
  	50% { margin-bottom: 0; line-height: 40px;margin-top:39px;}
  	100% { margin-bottom: 0;line-height: 40px; }
}

@-webkit-keyframes up{
 	0%   { margin-bottom: 0;line-height: 40px; }
  	16%  { margin-top:1px; height: 50px; width: 50px;line-height: 50px; }
  	50% { margin-bottom: 0; line-height: 40px;margin-top:39px;}
  	100% { margin-bottom: 0;line-height: 40px; }
}

#ani1 div  { animation-delay: .285714s; }
#ani2 div { animation-delay: .428571s; }
#ani3 div { animation-delay: .571428s; }
#ani4 div { animation-delay: .714285s; }
#ani5  { animation-delay: .714285s; }

/*Fi animacio*/

/*Tematics*/
.rd_separator{
	margin-left: 10px;
}

#list_tematic_values{
	max-height: 300px;
	overflow: auto;
}

#paletes_colors{
	float:left;
	text-align: left;
}

.btn-paleta{
	border: 1px solid #000000;
    cursor: pointer;
    margin-right: 5px;
}

.btn-reverse-palete{
	margin-right: 5px;
	cursor: pointer;
	float: right;
}

/* end Tematics*/

.tooltip {
	z-index: 2000;
}

.taulaFeina {
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	min-width: 200px;
}

.taulaFeina tr td {
	border-bottom: 1px solid #868681;
	/*
	 line-height:1;
	 */
}

.ramp_color {
	background-image: linear-gradient(to top, #3B5998, #196ED1, #59B5D6, #00C0F7, #569908,
		#A8CB17, #FF9900, #FFDE00);
	border-right: 1px solid #868681;
}

.dv_dragdrop {
	background-color: #F2F2F2;
	border: 2px dotted #F9A312;
	float: left;
	height: 65px;
	line-height: 0.45;
	margin-left: 15px;
	padding: 5px;
	width: 60%;
	color: #525252;
	margin-bottom: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
	cursor: pointer;
}

.dv_dragdrop p label {
	font-size: 35px;
}

.dv_dragdrop p {
	font-size: 10px;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1.1;
}

.popover {
	max-width: 400px;
	max-height: 350px;
	width: auto;
	height: auto;
	border-radius: 0;
	font-size: 12px;
	overflow: auto;
}

.etiqueta li {
	border-radius: 0;
}

.active {

}

.etiqueta li a {
	padding: 5px 5px;
}

.popover-title {
	background-color: #F7F7F7;
	border-bottom: 1px solid #EBEBEB;
	border-radius: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	margin: 0;
	padding: 8px 2px 8px 7px;
}

.td1 {
	background-color: rgba(104, 108, 95, 0.90);
}

.td2 {
	background-color: rgba(89, 90, 81, 0.90);
}

.td3 {
	background-color: rgba(73, 77, 71, 0.90);
}

.td4 {
	background-color: rgba(60, 62, 54, 0.90);
}

.td5 {
	background-color: rgba(45, 46, 41, 0.90);
}

.td6 {
	background-color: rgba(29, 30, 31, 0.90);
}

.green,.green a,.green span {
	color: #00ff00 !important;
}

.negre,.negre a,.negre span {
	color: #000000 !important;
}

.taronja,.taronja a,.taronja span {

	color: #FFFFFF !important;
    margin-left: 2px;
}

.greenfort,.greenfort a,.greenfort span {
	color: #55821D;
	cursor: pointer;
	font-size: 17px;
}

.grisfort,.grisfort a,.grisfort div,.grisfort span{
	color: #464646 !important;
	cursor: pointer;
	font-size: 17px;
}

.gris,.gris a,.gris span {
	color: #EAE9E5 !important;
	cursor: pointer;
}

.white,.white a,.white span {
	color: #ffffff;
	cursor: pointer;
}

.bt_tanca {
	color: #aaaaaa !important;
	cursor: pointer;
	float: right;
	margin-left: 5px;
	margin-top: -5px;
}

.label-explora {
	color: #A94442;

	font-size: 14px;
}

.label-wms {
	color: #55990A;

	font-size: 14px;
}

.label-xs {
	color: #2963B5;
	font-size: 14px;
}

.lable-usr{
	color: #2963B5;
	font-size: 14px;
	cursor:pointer !important;
	text-decoration: underline !important;
	color: #8A6D3B;
}

.lable-usr:hover{
	color: #2963B5;
	font-size: 14px;
	cursor:pointer !important;
	text-decoration: underline !important;
}

.label:hover{
	color:#dddddd !important;
}

.leaflet-control-layers {
	width: 270px;
	min-height: 300px;
	/*max-height: 350px;*/
	display: none;
	background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);
	/* color: #ce1515; */
	border-radius: 0;
}
.control-layers-visor {
	max-height: 350px;
}
/*
.leaflet-control-layers-expanded {
    background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);
    color: #FFFFFF;
    opacity: 0.95;
    padding: 6px 10px 6px 6px;
}*/

.leaflet-draw {
	clear: none;
	top: 40px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-menu {
	background-position: -2px -2px;
}

.div_barrabotons {
	height: auto;
	clear: left;
}

.div_barrabotons div {
	margin-bottom: 7px;
	margin-right: 1px;
}

.leaflet-bar {
	border-radius: 0px !important;
}

.div_llistacapes:hover {
	background: no-repeat 0 0 rgba(244, 244, 244, 0.8);
}

.info_actiu {
	background: no-repeat 0 0 rgba(244, 0, 0, 0.8);
}

.div_auto {
	/* margin: auto auto auto 35px; */
}

.dibuix_punt {
	background: url('images/galeria_icones.png') no-repeat scroll 2px -312px;
	width: 29px;
	height: 46px;
	margin: auto;
	text-align: center;
	cursor: pointer;
}

.dibuix_linia {
    cursor: pointer;
    float: left;
    height: 45px;
    text-align: center;
    width: 45px;
    margin-right: 5px;
}

.dibuix_poligon {width:45px;height:45px;float: left;text-align: center;cursor: pointer;/* margin-left: 30px; */margin-right: 5px;}

.add_costat {
	cursor: pointer;
	float: left;
	text-align: center;
}

.add_costat_r {
	cursor: pointer;
	float: right;
	text-align: center;
	margin-right: 3px;
}

.add_costat_r2 {
    cursor: pointer;
    float: right;
    margin-right: 24px;
    margin-top: -21px;
    text-align: center;
}


.add_costat_l {
	cursor: pointer;
	float: left;
	text-align: center;
}

.dibuix_poligon:hover {
background-color: #9F9F9E;
}

.dibuix_linia:hover {
	background-color: #9F9F9E;
}

.dibuix_punt:hover {
	background-color: #9F9F9E;
}

.bt_publicar {
	line-height: 55px;
	height: 55px;
	font-size: 18px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	background-color: #ed7512;
}

.bt_publicar:hover {
	/*border: 1px solid #D0D0CD;
	text-decoration: underline;*/
	text-decoration: none;
	font-weight: normal;
	background-color: #ED8f12;
}

.bt_publicar_disabled {
	line-height: 55px;
	height: 55px;
	font-size: 18px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #f4ac71;
}

.bt_orange{
	cursor: pointer;
	color: #FFFFFF;
	background-color: #ED8012;
}

.bt_orange:hover {
	border: 1px solid #D0D0CD;
	color: #FFFFFF;
	background-color: #FF9900;
	/*text-decoration: underline;*/
}

.div_carrega_dades {
	background: url('images/galeria_icones.png') no-repeat scroll -491px
		-524px rgba(166, 166, 166, 0.5);
	border: 2px dashed #AAAAAA;
	height: 55px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

.div_dades_usr {
	float: left;
	background: url('images/galeria_icones.png') no-repeat scroll -260px
		-515px rgba(166, 166, 166, 0.5);
	border: 1px solid #8C8B8A;
	cursor: pointer;
}

.div_dades_ext {
	background: url('images/galeria_icones.png') no-repeat scroll 13px
		-515px rgba(166, 166, 166, 0.5);
	margin-left: 5px;
	border: 1px solid #8C8B8A;
	float: right;
	cursor: pointer;
}

.div_carrega_dades:hover {
	/*border: 2px dashed #FFC500;*/
}

.textGris {
	font-size: 71%;
	color: #dddddd;
}

.div_gr6 {
	color: #7F807E;
	bottom: 1px;
	left: 30%;
}

.div_gr5 div:hover {
	border-bottom: 1px dotted #FFC500;
}

.div_gr5 {
	/*height: 50px;*/
	margin: 10px 5px 0;
	float: auto;
	z-index: 10;
}

.div_gr5 div {
	float: left;
	margin-bottom: 15px;
	width: 30px;
	font-size: 24px;
}

.div_gr4 {
	height: 40px;
	margin: 10px 20% 0;
}

.div_gr4 div:hover {
	border-bottom: 1px dotted #FFC500;
}

.div_gr4 div {
	float: left;
	height: 30px;
	margin-bottom: 10px;
	width: 40px;
	font-size: 20px;
}

.div_gr3{
	height: 40px;
	margin: 10px 5px 0;
}


.div_gr3 div{
	float: left;
	height: 40px;
	margin-bottom: 10px;
	width: 40px;
}


.div_gr2 div:hover {
	/*border: 1px solid #FFC500;*/
}

.div_gr3 div:hover{
	border: 1px solid #FFC500;
}

.div_estil_1 {
	background: url("images/galeria_icones.png") no-repeat scroll 0 -102px
		rgba(208, 208, 208, 0.5);
	cursor: pointer;
}

.div_estil_2 {
	background: url("images/galeria_icones.png") no-repeat scroll -71px
		-102px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_estil_3 {
	background: url("images/galeria_icones.png") no-repeat scroll -142px
		-102px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_estil_4 {
	background: url("images/galeria_icones.png") no-repeat scroll -213px
		-102px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_estil_5 {
	background: url("images/galeria_icones.png") no-repeat scroll -283px
		-102px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_1 {
	background: url("images/galeria_icones.png") no-repeat scroll 0 -32px
		rgba(208, 208, 208, 0.5);
	cursor: pointer;
}

.div_fons_2 {
	background: url("images/galeria_icones.png") no-repeat scroll -71px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_3 {
	background: url("images/galeria_icones.png") no-repeat scroll -142px
		-32px rgba(208, 208, 208, 0.5);
	cursor: pointer;
	margin-left: 2px;
}

.div_fons_4 {
	background: url("images/galeria_icones.png") no-repeat scroll -213px
		-32px rgba(208, 208, 208, 0.5);
	cursor: pointer;
	margin-left: 2px;
}

.div_fons_5 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_6 {
	background: url("images/galeria_icones.png") no-repeat scroll -354px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_7 {
	background: url("images/galeria_icones.png") no-repeat scroll -425px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_8 {
	background: url("images/galeria_icones.png") no-repeat scroll -497px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_9 {
	background: url("images/galeria_icones.png") no-repeat scroll -566px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_10 {
	background: url("images/galeria_icones.png") no-repeat scroll -638px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}


.div_fons_11 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_12 {
	background: url("images/galeria_icones.png") no-repeat scroll 0px
		-745px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_13 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-161px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_14 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-101px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_15 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-221px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_16 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-340px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_17 {
	background: url("images/galeria_icones.png") no-repeat scroll -752px
		-340px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_gr2 {
	height: 55px;
	margin: 10px 10px 0;
}

.div_gr2 div {
	border: 1px solid D0D0CD;
	height: 55px;
	margin-bottom: 10px;
	width: 48%;
}

/*.tab-content {
	margin: 5px;
}*/

.modal{
	overflow-y: auto;
	  font-size: 14px
}

.modal-dialog {
	padding-top: 6%;
}

.modal-content {
	border-radius: 0;
	font-size: 14px;
}

.modal-header {
	padding: 10px 10px;
}

.modal-header h4 {

	font-size: 13px;
    font-weight: bold;
}

.modal-body {
	padding: 10px 10px;
	max-height:600px;
}
.modal-body2 {
	padding: 10px 10px;
	max-height:600px;
}

.modal-footer {
	padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
     padding-top:10px;
    border-top: 0 solid #E5E5E5;
    margin-top: 1px;

    text-align: right;
}

.btn {
	border-radius: 0;
	 font-size: 13px;
}


#dialog_tematic_rangs .labels_fields{
	display: inline;
	font-weight: bold;
	margin-right: 15px;
	width: 150px;
}

#dialog_layers_tematic .modal-dialog{
	padding-top: 10%;
	width: 40%;
}

#dialog_dades_ex .modal-dialog{
	padding-top: 10%;
	width: 45%;
}

#dialog_estils_punts .modal-dialog,
#dialog_estils_linies .modal-dialog,
#dialog_estils_arees .modal-dialog  {
	padding-top: 10%;
	width: 28%;
}

#dialog_estils_punts .modal-backdrop,
#dialog_estils_linies .modal-backdrop,
#dialog_estils_arees .modal-backdrop  {
	height:0px !important;
}


#dialog_delete_capa .modal-dialog{
    max-width: 575px;
    width: auto;
}

.modal-body > h4{
	overflow: hidden;
	text-overflow: ellipsis;
}

.info-wms{
	color: #55990A;
    font-size: 12px;
    margin-left: 4px

}

.info-explora{
	color: #A94442;
    font-size: 12px;
    margin-left: 4px

}

.control-switch {
	float: left;
	margin-right: 10px;
	width: 100%;
}

span.glyphicon-remove {
	cursor: pointer;
}

#idcomarca {
	height: 100px;
	overflow: auto;
}

.meteo {
	font-size: 75%;
	width: 100%;
}

.meteo img {
	width: 25px;
}

/*
Author: L. Voogdt
License: MIT
Version: 1.0
*/

/* Marker setup */
div.fa {
	line-height: 1.8;
}

i.fa {
	line-height: 0.8;
}

.awesome-marker {
	/* background: url('images/galeria_icones.png') no-repeat 0 0; */
	width: 28px;
	height: 42px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	text-align: center;
}

.awesome-marker-web {

	width: 28px;
	height: 42px;
	margin: auto;
	display: block;
	text-align: center;
}


.awesome-marker-shadow {
	background: url('images/markers-shadow.png') no-repeat 0 0;
	width: 36px;
	height: 16px;
}

.div_sig_1{
	background: url("images/galeria_icones.png") no-repeat scroll -168px -744px
		rgba(208, 208, 208, 0.5);
	cursor: pointer;
}

.div_sig_2{
	background: url("images/galeria_icones.png") no-repeat scroll -290px -745px
		rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_sig_3{
	background: url("images/galeria_icones.png") no-repeat scroll -348px -744px
		rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_sig_4{
	background: url("images/galeria_icones.png") no-repeat scroll -110px -745px
		rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_sig_5{
	background: url("images/galeria_icones.png") no-repeat scroll -230px -745px
		rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_sig_6{
	background: url("images/galeria_icones.png") no-repeat scroll -410px -745px
		rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_sig_7{
	background: url("images/galeria_icones.png") no-repeat scroll -470px -745px
		rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_sig_8{
	background: url("images/galeria_icones.png") no-repeat scroll -529px -745px
		rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}
/* Retina displays */
@media ( min--moz-device-pixel-ratio : 1.5) , ( -o-min-device-pixel-ratio : 3/2)
		, ( -webkit-min-device-pixel-ratio : 1.5) , ( min-device-pixel-ratio :
		1.5) , ( min-resolution : 1.5dppx) {
}

.awesome-marker i {
	color: #333;
	margin-right: 2px;
	margin-top: 6px;
	display: inline-block;
	font-size: 14px;
}

.awesome-marker .icon-white {
	color: #fff;
}

/* Colors */
.awesome-marker-icon-orange {
	/* background: url('images/galeria_icones.png') no-repeat 0 0; */
	background-position: 1px -315px;
}

.awesome-marker-icon-darkorange {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -69px -315px;
}

.awesome-marker-icon-red {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -140px -315px;
}

.awesome-marker-icon-purple {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -211px -315px;
}

.awesome-marker-icon-blue {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -281px -315px;
}

.awesome-marker-icon-green {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -352px -315px;
}

.awesome-marker-icon-darkgray {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -423px -315px;
}

.awesome-marker-icon-gray {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -494px -315px;
}

.awesome-marker-icon-orange_r {
	/*
	background-position:  1px -370px;
	*/
	width: 28px;
	height: 28px;
	border-radius: 14px;
	border: 2px solid #dddddd;
	background-color: #FFC500;

}

.awesome-marker-icon-punt_r {
	width: 28px;
	height: 28px;
	border-radius: 14px;
	border: 2px solid #ffffff;
}

.leaflet-sidebar {
	position: absolute;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 99%;
    min-width: 260px;
    z-index: 10;
	/*z-index: 2000;
	height: 100%;
	*/
}

.leaflet-sidebar.left {
	left: -500px;
	transition: left 0.5s, width 0.5s;
	padding-right: 0;
}

.leaflet-sidebar.right {
	right: -500px;
	transition: right 0.5s, width 0.5s;
	padding-left: 0;
}

.leaflet-sidebar.left.visible {
	left: 0;
}

.leaflet-sidebar.right.visible {
	right: 0;
}

.leaflet-left {
	transition: left 0.5s;
}

.leaflet-right {
	transition: right 0.5s;
}

.leaflet-sidebar>.leaflet-control {
	height: 100%;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px 0px;
	font-size: 1.1em;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.bs-dadesO {
	list-style: none outside none;
	overflow: hidden;
	/*margin-bottom: 5px;
	padding-bottom: 1px;
	padding-left: 0;*/
}

.bs-dadesO li {
    border: 0px dashed #DDDDDD;
    color: #000000;
    float: left;
    font-size: 14px;
    /*height: 28px;*/
    line-height: 0.8;
    margin: 0 -1px -1px 0;
    padding: 5px;
    text-align: left;
    width: 50%;
}

.tbl{
 border: 1px dashed #DDDDDD;
 width:100%;
 background-color: #EEEEEE;
}



.bs-glyphicons {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-glyphicons li {
	width: 12.5%;
}

.bs-glyphicons li {
	border: 1px solid #DDDDDD;
	float: left;
	font-size: 14px;
	height: 40px;
	line-height: 1.4;
	margin: 0 -1px -1px 0;
	padding: 10px;
	text-align: center;
	width: 20%;
	color: #000000;
}

.bs-glyphicons li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.bs-linies {
	list-style: none outside none;
	margin-bottom: 1px;
	overflow: hidden;
	padding-bottom: 0px;
	padding-left: 0;
}

.bs-linies li {
	border: 1px solid #DDDDDD;
	float: left;
	height: 45px;
	padding: 0px;
	text-align: center;
	width: 12.2%;
}

.bs-linies li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.bs-arees {
	list-style: none outside none;
	margin-bottom: 1px;
	overflow: hidden;
	padding-bottom: 0px;
	padding-left: 0;
}

.bs-arees li {
	border: 1px solid #DDDDDD;
	float: left;
	height: 45px;
	padding: 0px;
	text-align: center;
	width: 12.2%;
}

.bs-arees li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.bs-colors li div {
	width: 100%;
	height: inherit;
}

.c_black {
	background-color: #333333;
}

.c_white {
	background-color: #FFFFFF;
}

.c_red {
	background-color: #BF2424;
}

.c_green {
	background-color: #64BF24;
}

.c_blue {
	background-color: #243EBF;
}

.c_gray {
	background-color: #8D9393;
}

.c_orange {
	background-color: #EA6D2A;
}

.c_purple {
	background-color: #A023A0;
}

.c_maroon {
	background-color: #A04823;
}

.c_turc {
	background-color: #2398A0
}

.bs-colors li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.bs-punts {
	list-style: none outside none;
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-punts li {
	border: 1px solid #DDDDDD;
	float: left;
	font-size: 14px;
	height: 50px;
	line-height: 1.4;
	margin: 0 -1px -1px 0;
	padding: 5px;
	text-align: center;
	width: 16%;
	color: #000000;
}

.bs-punts li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.estil_selected {
	border: 2px solid #FF0000 !important;
	cursor: pointer;
}

@media ( max-width :767px) {
	.leaflet-sidebar {
		/*width: 100%;*/
		padding: 0;
	}
	.leaflet-sidebar.left {
		left: -100%;
	}
	.leaflet-sidebar.right {
		right: -100%;
	}
	.leaflet-sidebar.left.visible {
		left: 0;
	}
	.leaflet-sidebar.right.visible {
		right: 0;
	}
	.leaflet-sidebar>.leaflet-control {
		box-shadow: none;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	.leaflet-sidebar.left.visible   ~ .leaflet-left {
		left: 100%;
	}
	.leaflet-sidebar.right.visible   ~ .leaflet-right {
		right: 100%;
	}
	.div_gr4 {
		height: 20px;
		margin: 5px 50px 0;
	}
	.div_gr4 div {
		float: left;
		height: 20px;
		margin-bottom: 10px;
		width: 20px;
		font-size: 14px;
	}
	.div_gr5 {
		height: 20px;
		margin: 10px 5px 0;
		float: auto;
	}
	.div_gr5 div {
		float: left;
		margin-bottom: 5px;
		width: 30px;
		font-size: 18px;
	}
	h5,.h5 {
		font-size: 12px;
	}
	.div_gr2 {
		height: 35px;
		margin: 5px 5px 0;
	}
	.div_gr2 div {
		border: 1px solid D0D0CD;
		height: 35px;
		margin-bottom: 5px;
		width: 48%;
	}

}



@media ( min-width :768px),(max-width:991px) {

	.leaflet-sidebar {
		width: 190px;
	}
	.leaflet-sidebar.left.visible   ~ .leaflet-left {
		left: 260px;
	}
	.leaflet-sidebar.right.visible   ~ .leaflet-right {
		right: 260px;
	}
	.div_gr3{
		height: 30px;
		margin: 5px 5px 0;
	}

	.add_costat_r {
		margin-right: 11px;
	}
	.white,.white a,.white span {
		font-size: 10px;
	}
	.taronja,.taronja a,.taronja span {
		/*font-size: 10px;*/
		font-weight:normal;
	}
	.taronja:hover{
		font-weight: bold;
	}
	.div_gr2 {
		height: 35px;
		margin: 5px 5px 0;
	}
	.div_gr5 {
		height: 20px;
		margin: 10px 5px 0;
		float: auto;
	}
	.div_gr5 div {
		float: left;
		margin-bottom: 5px;
		width: 22px;
		font-size: 18px;
	}
	.div_gr2 div {
		border: 1px solid D0D0CD;
		height: 57px;
		margin-bottom: 5px;
		width: 48%;
	}
	.div_gr3 div{
		float: left;
		height: 25px;
		margin-bottom: 3px;
		width: 25px;
	}
	.div_gr4 {
		height: 20px;
		margin: 5px 20% 0;
	}
	.div_gr4 div {
		float: left;
		height: 20px;
		margin-bottom: 10px;
		width: 20px;
		font-size: 14px;
	}

	h5,.h5 {
		font-size: 12px;
	}
	.div_carrega_dades {
		background: url('images/galeria_icones.png') no-repeat scroll -490px
			-524px rgba(166, 166, 166, 0.5);
		margin-left: 5px;
		margin-right: 5px;
	}
	.div_dades_usr {
		float: left;
		background: url('images/galeria_icones.png') no-repeat scroll -272px
			-515px rgba(166, 166, 166, 0.5);
	}
	.div_dades_ext {
		background: url('images/galeria_icones.png') no-repeat scroll 3px -515px
			rgba(166, 166, 166, 0.5);
		margin-left: 5px;
	}
}

@media ( min-width :992px) and (max-width:1199px) {
	.leaflet-sidebar {
		width: 190px;
	}
	.leaflet-sidebar.left.visible   ~ .leaflet-left {
		left: 190px;
	}
	.leaflet-sidebar.right.visible   ~ .leaflet-right {
		right: 190px;
	}
	.div_gr3{
		height: 30px;
		margin: 5px 5px 0;
	}

	.add_costat_r {
		margin-right: 11px;
	}
	.white,.white a,.white span {
		font-size: 10px;
	}
	.taronja,.taronja a,.taronja span {
		font-size: 10px;
	}
	.div_gr2 {
		height: 35px;
		margin: 5px 5px 0;
	}
	.div_gr5 {
		height: 20px;
		margin: 10px 5px 0;
		float: auto;
	}
	.div_gr5 div {
		float: left;
		margin-bottom: 5px;
		width: 22px;
		font-size: 18px;
	}
	.div_gr2 div {
		border: 1px solid D0D0CD;
		height: 57px;
		margin-bottom: 5px;
		width: 48%;
	}
	.div_gr3 div{
		float: left;
		height: 25px;
		margin-bottom: 3px;
		width: 25px;
	}
	.div_gr4 {
		height: 20px;
		margin: 5px 20% 0;
	}
	.div_gr4 div {
		float: left;
		height: 20px;
		margin-bottom: 10px;
		width: 20px;
		font-size: 14px;
	}
	.dibuix_punt {
	/*
		background: url('images/galeria_icones.png') no-repeat  scroll 2px -312px;
		*/
		cursor:pointer;
		width: 25px;
		height: 40px;
		margin: auto;
		text-align: center;
	}
	.dibuix_linia {
	/*
		background: url('images/galeria_icones.png') no-repeat scroll 2px -245px;
		*/
		cursor:pointer;
		width: 35px;
		height: 40px;
		margin-left: 15%;
		margin-right: 15%;
		margin-bottom:8px;
		float: left;
		text-align: center;
	}
	.dibuix_poligon {
		background: url('images/galeria_icones.png') no-repeat  scroll 2px -173px;
		cursor:pointer;
		width: 37px;
		height: 40px;
		margin-right: 10px;
		float: left;
		text-align: center;
		margin-bottom:8px;
	}
	h5,.h5 {
		font-size: 12px;
	}
	.div_carrega_dades {
		background: url('images/galeria_icones.png') no-repeat scroll -520px
			-524px rgba(166, 166, 166, 0.5);
		margin-left: 5px;
		margin-right: 5px;
	}
	.div_dades_usr {
		float: left;
		background: url('images/galeria_icones.png') no-repeat scroll -272px
			-515px rgba(166, 166, 166, 0.5);
	}
	.div_dades_ext {
		background: url('images/galeria_icones.png') no-repeat scroll 3px -515px
			rgba(166, 166, 166, 0.5);
		margin-left: 5px;
	}
}

@media ( min-width :1200px) {
	.leaflet-sidebar {
		width: 260px;
	}
	.leaflet-sidebar.left.visible   ~ .leaflet-left {
		left: 260px;
	}
	.leaflet-sidebar.right.visible   ~ .leaflet-right {
		right: 260px;
	}
}

.my-modal-footer-xs{
	border-top: 0 none;
	padding: 0;
}

.my-modal-dialog-xs{
	width: 25%;
}

.twitter_layer_popup{
	text-align: center;
}

#id_xs h4{
	text-align: center;
}

#id_xs h4 .label{
	border-radius: 0px;
	font-size: 15px;
	margin: 5px;
}

#hashtag_twitter_layer, #btn-add-twitter-layer {
    height: 34px;
}

.label-font{
	background-color: #d5d5d5;
	float: left;
    margin-top: 10px;
}

.label-xarxes{
	background-color: #d9edf7;
    color: #2a6496;
	font-weight: bold;
    margin-left: -7px;
    padding: 5px;
}

.bs-dadesO_XS li a:hover,
.bs-dadesO li a:hover{
	text-decoration: none;
	font-weight: bold;
}
.llista-do li a:hover{
 color: #a94442;
}
.llista-wms li a:hover{
 color: #55990a;
}


/*JSON POPUP*/

#image-popup-json {
    margin: 10px;
    text-align: center;
}

#nom-popup-json {
    text-align: center;
    font-size: 14px;
}

/*Pop up features*/

.bs-ncapa select,
.bs-ncapa select option{
    max-width: 200px;
    min-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
}

/*Popup data features*/

/*.popup_data_key {
    float: left;
    /*min-width: 30%;*//*
    width: 40%;
    background-color: #EEEEEE;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popup_data_value {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60%;
    line-height: 1.8;
    padding-left: 8px;
}

.popup_data_row{
	border-bottom: 1px solid #EEEEEE;
	margin: 2px;
	padding: 0px;
	text-align: center;
	display: flex;
}*/

.width100{width: 100%;}

.popup-data-img{
	padding-bottom: 2px;
    padding-top: 2px;
    max-width: 295px;
    max-height: 295px;
    width: auto;
    height: auto;
}

.leaflet-popup-content > img {
	padding-bottom: 2px;
    padding-top: 2px;
    max-width: 295px;
    max-height: 295px;
    width: auto;
    height: auto;
}

/*
.popup_data_value {
	max-width: 100%;
	overflow: hidden;
}*/

.popup_data_img_iframe img{
	margin-top: 12px;
	max-width: 100%;
	height: auto;
}

/*feedback button*/
#feedback_btn{
	right: 0;
    bottom: 230px;
    z-index: 100001 !important;
    border-radius: 5px 5px 0 0;
    border-right-width: 0;
    border-style: solid none solid solid;
    background-color: rgba(45, 46, 41, 0.9);
    background-position: center 0;
    background-repeat: no-repeat;
    border: 1px solid #FFFFFF;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.247) inset, 0 1px 3px rgba(0, 0, 0, 0.498);
    cursor: pointer;
    display: none;
    float: right;
    overflow: hidden;
    color: #FFFFFF;
    padding: 2px 5px;
    position: absolute;
    transform: rotate(-90deg);
    transform-origin:73% 0 0;
    -ms-transform:rotate(-90deg); /* IE 9 */
    -ms-transform-origin:73% 0 0; /* IE 9 */
	-webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
	-webkit-transform-origin:73% 0 0; /* Opera, Chrome, and Safari */
}

/* barra eines */
.div_gr3_estils, .div_gr3_fons{
    height: 40px;
    /*margin: 10px 5px 0;*/
    text-align: center;
}

#map {
	width: 100%;
	top: 50px;
	height: 100%;
	margin: 0;
	padding: 0;
}

.spinner{
	z-index: 3000;
}

.leaflet-container .leaflet-control-mouseposition {
	clear: none;
	margin-right: 5px;
	margin-bottom: 64px;
}

.leaflet-control-scale {
	margin-bottom: 45px !important;
}

.leaflet-control-scale.popup-active {
	margin-right: 402px !important;
}

#logos {
   /* background-color: #FFFFFF;*/
    bottom: 7px;
    cursor: pointer;
    height: 46px;
    left: 0;
    opacity: 0.8;
    padding: 0 10px;
    position: absolute;
    z-index: 9;
}

#logos.logos{
	left: 270px;
}

/*Animacio */
#div_loading{
	width: 100%;
	height: 100%;
	background-color:#FFFFFF;
	display: block;
	overflow: hidden;
    position: absolute;
    top: 0;
}

#loader2{
	left: 40%;
    line-height: 50%;
    position: relative;
    text-align: center;
    top: 40%;
}

* {
  	box-sizing: border-box;
}

.loader {
  	position: relative;
   	left: 25%;
    line-height: 50%;
    position: relative;
    text-align: center;
    top: 40%;
  	width: 45%;
  	color: white;
  	font-family: "Roboto Condensed", sans-serif;
  	font-size: 250%;
  	background: linear-gradient(180deg, #222 0, #444 100%);
  	box-shadow: inset 0 5px 20px black;
  	text-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.loader:after {
  	content: "";
  	display: table;
  	clear: both;
}

.covers span div{
	height: 40px;
   	line-height: 40px;
    margin-left: 1px;
    margin-top: 39px;
    width: 40px;
}

.loader span {
  	float: left;
  	height: 100px;
  	line-height: 120px;
  	width: 11%;
}

.loader > span {
  	border-left: 1px solid #444;
  	border-right: 1px solid #222;
}

.covers {
  	position: absolute;
  	height: 100%;
  	width: 100%;
}

.covers span div {
  	animation: up 3s infinite;
  	-webkit-animation: up 1s infinite;
}

#ani5 {
		animation: glow 3s infinite;
  	-webkit-animation: glow 1s infinite;

}

@keyframes glow{
  0%   { margin-bottom: 0; }
  	16%  {text-shadow:0 0 20px white;}
  	50% { margin-bottom: 0; }
  	100% { margin-bottom: 0;}
}

@-webkit-keyframes glow{
 	0%   { margin-bottom: 0; }
  	16%  {text-shadow:0 0 20px white; }
  	50% { margin-bottom: 0; }
  	100% { margin-bottom: 0;}
}

@keyframes up {
  	0%   { margin-bottom: 0;line-height: 40px; }
  	16%  { margin-top:1px; height: 50px; width: 50px;line-height: 50px; }
  	50% { margin-bottom: 0; line-height: 40px;margin-top:39px;}
  	100% { margin-bottom: 0;line-height: 40px; }
}

@-webkit-keyframes up{
 	0%   { margin-bottom: 0;line-height: 40px; }
  	16%  { margin-top:1px; height: 50px; width: 50px;line-height: 50px; }
  	50% { margin-bottom: 0; line-height: 40px;margin-top:39px;}
  	100% { margin-bottom: 0;line-height: 40px; }
}

#ani1 div  { animation-delay: .285714s; }
#ani2 div { animation-delay: .428571s; }
#ani3 div { animation-delay: .571428s; }
#ani4 div { animation-delay: .714285s; }
#ani5  { animation-delay: .714285s; }

/*Fi animacio*/

/*Tematics*/
.rd_separator{
	margin-left: 10px;
}

#list_tematic_values{
	max-height: 300px;
	overflow: auto;
}

#list_tematic_values canvas{
	cursor: pointer;
}

#list_tematic_values div.awesome-marker-web{
	cursor: pointer;
}

#paletes_colors{
	float:left;
	text-align: left;
	width: 100%;
}

.btn-paleta{
	border: 1px solid #000000;
    cursor: pointer;
    margin-right: 5px;
}

.ramp {
    cursor: pointer;
    float: left;
    padding: 5px 5px 0px;
}
.ramp.border {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 0px;
    height: 62px;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 0px 0px 0px 0px;
}

.ramp.border:hover {
	border: 1px solid #cccccc;
}

.ramp rect{
    stroke: #333;
    stroke-width: 0.5px;
}

/*
canvas.shadow svg{
	cursor:pointer;
	-moz-box-shadow: -5px -5px 5px #888;
	-webkit-box-shadow: -5px -5px 5px #888;
	box-shadow: -5px -5px 5px #888;
}
*/

/* end Tematics*/

.tooltip {
	z-index: 2000;
}

.taulaFeina {
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	min-width: 200px;
}

.taulaFeina tr td {
	border-bottom: 1px solid #868681;
	/*
	 line-height:1;
	 */
}

.ramp_color {
	background-image: linear-gradient(to top, #3B5998, #196ED1, #59B5D6, #00C0F7, #569908,
		#A8CB17, #FF9900, #FFDE00);
	border-right: 1px solid #868681;
}

.dv_dragdrop {
	background-color: #F2F2F2;
	border: 2px dotted #F9A312;
	float: left;
	height: 65px;
	line-height: 0.45;
	margin-left: 15px;
	padding: 5px;
	width: 60%;
	color: #525252;
	margin-bottom: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
	cursor: pointer;
}

.dv_dragdrop p label {
	font-size: 35px;
}

.dv_dragdrop p {
	font-size: 10px;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1.1;
}

.popover {
	max-width: 400px;
	max-height: 350px;
	width: auto;
	height: auto;
	border-radius: 0;
	font-size: 12px;
	overflow: auto;

}

#layer-data-table .popover{
	position: fixed;
}

.etiqueta li {
	border-radius: 0;
}

.active {

}

.etiqueta li a {
	padding: 5px 5px;
}

.popover-title {
	background-color: #F7F7F7;
	border-bottom: 1px solid #EBEBEB;
	border-radius: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	margin: 0;
	padding: 8px 2px 8px 7px;
}

.td1 {
	background-color: rgba(104, 108, 95, 0.90);
}

.td2 {
	background-color: rgba(89, 90, 81, 0.90);
}

.td3 {
	background-color: rgba(73, 77, 71, 0.90);
}

.td4 {
	background-color: rgba(60, 62, 54, 0.90);
}

.td5 {
	background-color: rgba(45, 46, 41, 0.90);
}

.green,.green a,.green span {
	color: #00ff00 !important;
}

.taronja,.taronja a,.taronja span {/* color: #777 !important; *//* margin-left: 2px; */}

.greenfort,.greenfort a,.greenfort span {
	color: #55821D;
	cursor: pointer;
	font-size: 17px;
}

.grisfort,.grisfort a,.grisfort div {
	color: #464646 !important;
	cursor: pointer;
	font-size: 1.5em;
}

.gris,.gris a,.gris span {
	color: #EAE9E5 !important;
	cursor: pointer;
}

.white,.white a,.white span {
	color: #ffffff;
	cursor: pointer;
}

.bt_tanca {
	color: #aaaaaa !important;
	cursor: pointer;
	float: right;
	margin-left: 5px;
	margin-top: -5px;
}

.label-explora {
	color: white;
	font-size: 14px;
}

.label-wms {
	color: #55990A;
	font-size: 14px;
}

.label-xs {
	color: #2963B5;
	font-size: 14px;
}

.lable-usr{
	color: #2963B5;
	font-size: 14px;
	cursor:pointer !important;
	text-decoration: underline !important;
	/* color: #8A6D3B; */
}

.lable-usr:hover{
	color: #2963B5;
	font-size: 14px;
	cursor:pointer !important;
	text-decoration: underline !important;
}

.label:hover{
	color:#dddddd !important;
}

.leaflet-control-layers {
	width: 270px;
	min-height: 300px;
	/* max-height: 350px; */
	display: none;
	background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);
	/* color: #FFFFFF; */
	border-radius: 0;
	/* position: absolute; */
	/* right: 45px; */
}
.control-layers-visor {
	max-height: 350px;
}
/*
.leaflet-control-layers-expanded {
    background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);
    color: #FFFFFF;
    opacity: 0.95;
    padding: 6px 10px 6px 6px;
}*/

.leaflet-draw {
	clear: none;
	top: 40px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-menu {
	background-position: -2px -2px;
}

.div_barrabotons {
	height: auto;
	clear: left;
}

.div_barrabotons div {
	margin-bottom: 7px;
	margin-right: 1px;
}

.leaflet-bar {
	border-radius: 0px !important;
}

.div_llistacapes:hover {
	background: no-repeat 0 0 rgba(244, 244, 244, 0.8);
}

.info_actiu {
	background: no-repeat 0 0 rgba(244, 0, 0, 0.8);
}

.div_auto {
	/* margin: auto auto auto 35px; */
	display: block;
	/* border: 1px solid red; */
	/*height: 50px;*/
	/*2: white !important
	margin-top:;*/
}

.dibuix_punt {
	background: url('images/galeria_icones.png') no-repeat scroll 2px -312px;
	width: 29px;
	height: 46px;
	margin: auto;
	text-align: center;
	cursor: pointer;
}

.dibuix_linia {
    cursor: pointer;
    float: left;
    height: 40px;
    text-align: center;
    width: 40px;
    margin-right: 5px;
    border: 1px solid #cccccc;
    background-color: #e5e5e5;
    background-image: src('llibreries/img/glyphicons-98-vector-path-line.png');
}

.dibuix_poligon {width: 40px;height: 40px;float: left;text-align: center;cursor: pointer;/* margin-left: 30px; */margin-right: 5px;border: 1px solid #cccccc;background-color: #e5e5e5;}

.add_costat {
	cursor: pointer;
	float: left;
	text-align: center;
}

.add_costat_r {
	cursor: pointer;
	float: right;
	text-align: center;
	margin-right: 3px;
}

.add_costat_r2 {
    cursor: pointer;
    float: right;
    margin-right: 24px;
    margin-top: -21px;
    text-align: center;
}


.add_costat_l {
	cursor: pointer;
	float: left;
	text-align: center;
}

.dibuix_poligon:hover {
background-color: #9F9F9E;
}

.dibuix_linia:hover {
	background-color: #9F9F9E;
}

.dibuix_punt:hover {
	background-color: #9F9F9E;
}

.bt_publicar {
	line-height: 55px;
	height: 55px;
	font-size: 18px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	background-color: #2ebae6;
	color: white;
	padding-left: 20px;
}

.bt_publicar_disabled {
	line-height: 55px;
	height: 55px;
	font-size: 18px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #f4ac71;
}

.bt_publicar:hover {
	/*border: 1px solid #D0D0CD;
	text-decoration: underline;*/
	text-decoration: none;
	font-weight: normal;
	background-color: #ED8f12;
}

.bt_orange{
	cursor: pointer;
	color: #FFFFFF;
	background-color: #ED8012;
}

.bt_orange:hover {
	border: 1px solid #D0D0CD;
	color: #FFFFFF;
	background-color: #FF9900;
	/*text-decoration: underline;*/
}

.div_carrega_dades {
	background: url('images/galeria_icones.png') no-repeat scroll -491px
		-524px rgba(166, 166, 166, 0.5);
	border: 2px dashed #AAAAAA;
	height: 55px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

.div_dades_usr {
	float: left;
	background: url('images/galeria_icones.png') no-repeat scroll -260px
		-515px rgba(166, 166, 166, 0.5);
	border: 1px solid #8C8B8A;
	cursor: pointer;
}

.div_dades_ext {
	background: url('images/galeria_icones.png') no-repeat scroll 13px
		-515px rgba(166, 166, 166, 0.5);
	margin-left: 5px;
	border: 1px solid #8C8B8A;
	float: right;
	cursor: pointer;
}

.div_carrega_dades:hover {
	/*border: 2px dashed #FFC500;*/
}

.textGris {
	font-size: 71%;
	color: #dddddd;
}

.div_gr6 {
	color: #7F807E;
	bottom: 1px;
	left: 30%;
}

.div_gr5 div:hover {
	border-bottom: 1px dotted #FFC500;
}

.div_gr5 {
	/*height: 50px;*/
	margin: 10px 5px 0;
	float: auto;
}

.div_gr5 div {
	float: left;
	margin-bottom: 15px;
	width: 30px;
	font-size: 24px;
}

.div_gr4 {
	height: 40px;
	margin: 10px 20% 0;
}

.div_gr4 div:hover {
	border-bottom: 1px dotted #FFC500;
}

.div_gr4 div {
	float: left;
	height: 30px;
	margin-bottom: 10px;
	width: 40px;
	font-size: 20px;
}

.div_gr3{
	height: 40px;
	margin: 10px 5px 0;
}


.div_gr3 div{
	float: left;
	height: 40px;
	margin-bottom: 10px;
	width: 40px;
}


.div_gr2 div:hover {
	/*border: 1px solid #FFC500;*/
}

.div_gr3 div:hover{
	border: 1px solid #FFC500;
}

.div_estil_1 {
	background: url(images/galeria_icones.png) no-repeat scroll 0 -102px;
	cursor: pointer;
	border: 1px solid #cccccc;
	background-color: #e5e5e5;
}

.div_estil_2 {
	background: url("images/galeria_icones.png") no-repeat scroll -71px -102px;
	margin-left: 2px;
	cursor: pointer;
	border: 1px solid #cccccc;
	background-color: #e5e5e5;
}

.div_estil_3 {
	background: url("images/galeria_icones.png") no-repeat scroll -142px -102px;
	margin-left: 2px;
	cursor: pointer;
	border: 1px solid #cccccc;
	background-color: #e5e5e5;
}

.div_estil_4 {
	background: url("images/galeria_icones.png") no-repeat scroll -213px -102px;
	margin-left: 2px;
	cursor: pointer;
	border: 1px solid #cccccc;
	background-color: #e5e5e5;
}

.div_estil_5 {
	background: url("images/galeria_icones.png") no-repeat scroll -283px -102px;
	margin-left: 2px;
	cursor: pointer;
	border: 1px solid #cccccc;
	background-color: #e5e5e5;
}

.div_fons_1 {
	background: url("images/galeria_icones.png") no-repeat scroll 0 -32px
		rgba(208, 208, 208, 0.5);
	cursor: pointer;
}

.div_fons_2 {
	background: url("images/galeria_icones.png") no-repeat scroll -71px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_3 {
	background: url("images/galeria_icones.png") no-repeat scroll -142px
		-32px rgba(208, 208, 208, 0.5);
	cursor: pointer;
	margin-left: 2px;
}

.div_fons_4 {
	background: url("images/galeria_icones.png") no-repeat scroll -213px
		-32px rgba(208, 208, 208, 0.5);
	cursor: pointer;
	margin-left: 2px;
}

.div_fons_5 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-281px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_6 {
	background: url("images/galeria_icones.png") no-repeat scroll -354px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_7 {
	background: url("images/galeria_icones.png") no-repeat scroll -425px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_8 {
	background: url("images/galeria_icones.png") no-repeat scroll -497px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_9 {
	background: url("images/galeria_icones.png") no-repeat scroll -566px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_10 {
	background: url("images/galeria_icones.png") no-repeat scroll -638px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}


.div_fons_11 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_13 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-161px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_14 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-101px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_15 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-221px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_16 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-340px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_17 {
	background: url("images/galeria_icones.png") no-repeat scroll -752px
		-340px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_gr2 {
	height: 55px;
	margin: 10px 10px 0;
}

.div_gr2 div {
	border: 1px solid D0D0CD;
	height: 55px;
	margin-bottom: 10px;
	width: 48%;
}

/*.tab-content {
	margin: 5px;
}*/

.modal{
	overflow-y: auto;
	  font-size: 13px
}

.modal-dialog {
	padding-top: 6%;
}

.modal-content {
	border-radius: 0;
	font-size: 14px;
	/* float: left; */
	/* margin-left: -400px; */
	box-shadow: none;
	border: none;
}

.modal-header {
	padding: 10px 10px;
}

.modal-header h4 {
	font-size: 16px;
    font-weight: bold;
}

.modal-body {
	padding: 10px 10px;
	max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

#dialog_estils_arees .modal-body{
	overflow:visible !important;
}

#dialog_estils_punts .modal-body{
	overflow:visible !important;
}

#dialog_estils_linies .modal-body{
	overflow:visible !important;
}
#dialog_tematic_rangs .modal-body{
	overflow:visible !important;
}
.modal-footer {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:10px;
	border-top: 0 solid #E5E5E5;
	margin-top: 1px;
	text-align: right;
}

.btn {
	border-radius: 0;
	font-size: 13px;
}

.btn-upload {
	height:30px;
	width:120px !important;
}


#dialog_tematic_rangs .labels_fields{
	display: inline;
	font-weight: bold;
	margin-right: 15px;
	width: 150px;
}

#dialog_layers_tematic .modal-dialog{
	padding-top: 10%;
	width: 40%;
}

#dialog_dades_ex .modal-dialog{
	padding-top: 10%;
	width: 45%;
}

#dialog_estils_punts .modal-dialog  {
	padding-top: 2.70%;
	width: 28%;
	float: left;
	margin-left: 255px;
	margin-top: 0px;
}

#dialog_estils_linies .modal-dialog {
	padding-top: 2.70%;
	width: 28%;
	float: left;
	margin-left: 270px;
	margin-top: 0px;
}

#dialog_estils_arees .modal-dialog  {
	padding-top: 2.70%;
	width: 28%;
	float: left;
	margin-left: 270px;
	margin-top: 0px;
}

#dialog_delete_capa .modal-dialog{
    max-width: 575px;
    width: auto;
}

.modal-body > h4{
	overflow: hidden;
	text-overflow: ellipsis;
}

.info-wms{
	color: #55990A;
    font-size: 12px;
    margin-left: 4px

}

.info-explora{
	color: #0181c9;
	font-size: 12px;
	margin-left: 4px;
}

span.glyphicon-remove {
	cursor: pointer;
}

#idcomarca {
	height: 100px;
	overflow: auto;
}

.meteo {
	font-size: 75%;
	width: 100%;
}

.meteo img {
	width: 25px;
}

/*
Author: L. Voogdt
License: MIT
Version: 1.0
*/

/* Marker setup */
div.fa {
	line-height: 1.8;
}

i.fa {
	line-height: 0.8;
}

.awesome-marker {
	/* background: url('images/galeria_icones.png') no-repeat 0 0; */
	width: 28px;
	height: 42px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	text-align: center;
}

.awesome-marker-web {width: 28px;height: 42px;margin: auto;display: block;text-align: center;}


.awesome-marker-shadow {
	background: url('images/markers-shadow.png') no-repeat 0 0;
	width: 36px;
	height: 16px;
}

/* Retina displays */
@media ( min--moz-device-pixel-ratio : 1.5) , ( -o-min-device-pixel-ratio : 3/2)
		, ( -webkit-min-device-pixel-ratio : 1.5) , ( min-device-pixel-ratio :
		1.5) , ( min-resolution : 1.5dppx) {
}

.awesome-marker i {
	color: #333;
	margin-right: 2px;
	margin-top: 6px;
	display: inline-block;
	font-size: 14px;
}

.awesome-marker .icon-white {
	color: #fff;
}

/* Colors */
.awesome-marker-icon-orange {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: 1px -315px;
}

.awesome-marker-icon-darkorange {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -69px -315px;
}

.awesome-marker-icon-red {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -140px -315px;
}

.awesome-marker-icon-purple {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -211px -315px;
}

.awesome-marker-icon-blue {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -281px -315px;
}

.awesome-marker-icon-green {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -352px -315px;
}

.awesome-marker-icon-darkgray {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -423px -315px;
}

.awesome-marker-icon-gray {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -494px -315px;
}

.awesome-marker-icon-orange_r {
	/*
	background-position:  1px -370px;
	*/
	width: 28px;
	height: 28px;
	border-radius: 14px;
	border: 2px solid #dddddd;
	background-color: #FFC500;

}

.awesome-marker-icon-punt_r {
	width: 28px;
	height: 28px;
	border-radius: 14px;
	border: 2px solid #ffffff;
}

.leaflet-sidebar {
	position: absolute;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 99%;
    min-width: 260px;
	/*z-index: 2000;
	height: 100%;
	*/
}

.leaflet-sidebar.left {
	left: -500px;
	transition: left 0.5s, width 0.5s;
	padding-right: 0;
}

.leaflet-sidebar.right {
	right: -500px;
	transition: right 0.5s, width 0.5s;
	padding-left: 0;
}

.leaflet-sidebar.left.visible {
	left: -10px;
	top: -10px;
}

.leaflet-sidebar.right.visible {
	right: 0;
}

.leaflet-left {
	transition: left 0.5s;
	visibility: hidden;
}

.leaflet-right {
	transition: right 0.5s;
	/* top: 40px; */
	visibility: hidden;
}

.leaflet-sidebar>.leaflet-control {
	height: 101%;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px 0px;
	font-size: 1.1em;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.bs-dadesO {
	list-style: none outside none;
	overflow: hidden;
	/*margin-bottom: 5px;
	padding-bottom: 1px;
	padding-left: 0;*/
}

.bs-dadesO li {
    border: 0px dashed #DDDDDD;
    color: #000000;
    float: left;
    font-size: 14px;
    /*height: 28px;*/
    line-height: 0.8;
    margin: 0 -1px -1px 0;
    padding: 5px;
    text-align: left;
    width: 50%;
}

.llista-dadesIdec {
	list-style: none outside none;
	overflow: hidden;
	/*margin-bottom: 5px;
	padding-bottom: 1px;
	padding-left: 0;*/
}

.llista-dadesIdec li{
  	border: 0px dashed #DDDDDD;
    color: #000000;
    float: left;
    font-size: 12px;
    /*height: 28px;*/
    line-height: 1.2;
    margin: 0 -1px -1px 0;
    padding: 5px;
    text-align: left;
    width: 50%;
 }

.tbl{
 border: 1px dashed #DDDDDD;
 width:100%;
 background-color: white;
}

#id_srvw div.tbl{
	margin-bottom: 5px;
}

.tbl_url_file{
 /*border: 1px dashed #DDDDDD;*/
 width:100%;
 /*
 background-color: #EEEEEE;
 min-height:50px;
 max-height: 270px;*/
 height: auto;
 overflow:auto;
 padding: 0 15px 15px 15px;
}

.bs-glyphicons {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-glyphicons li {
	width: 12.5%;
}

.bs-glyphicons li {
	border: 1px solid #DDDDDD;
	float: left;
	font-size: 14px;
	height: 25px;
	line-height: 1.4;
	/* margin: 0 -1px -1px 0; */
	padding: 0px;
	text-align: center;
	width: 10%;
	color: #000000;
}

.bs-glyphicons li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.bs-linies {
	list-style: none outside none;
	margin-bottom: 1px;
	overflow: hidden;
	padding-bottom: 0px;
	padding-left: 0;
}

.bs-linies li {
	border: 1px solid #DDDDDD;
	float: left;
	height: 45px;
	padding: 0px;
	text-align: center;
	width: 12.2%;
}

.bs-linies li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.bs-arees {
	list-style: none outside none;
	margin-bottom: 1px;
	overflow: hidden;
	padding-bottom: 0px;
	padding-left: 0;
}

.bs-arees li {
	border: 1px solid #DDDDDD;
	float: left;
	height: 45px;
	padding: 0px;
	text-align: center;
	width: 12.2%;
}

.bs-arees li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.bs-colors li div {
	width: 100%;
	height: inherit;
}

.c_black {
	background-color: #333333;
}

.c_white {
	background-color: #FFFFFF;
}

.c_red {
	background-color: #BF2424;
}

.c_green {
	background-color: #64BF24;
}

.c_blue {
	background-color: #243EBF;
}

.c_gray {
	background-color: #8D9393;
}

.c_orange {
	background-color: #EA6D2A;
}

.c_purple {
	background-color: #A023A0;
}

.c_maroon {
	background-color: #A04823;
}

.c_turc {
	background-color: #2398A0
}

.bs-colors li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.bs-punts {
	list-style: none outside none;
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-punts li {
	border: 1px solid #DDDDDD;
	float: left;
	font-size: 14px;
	height: 50px;
	line-height: 1.4;
	margin: 0 -1px -1px 0;
	padding: 5px;
	text-align: center;
	width: 16%;
	color: #000000;
}

.bs-punts li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.estil_selected {
	border: 2px solid #FF0000 !important;
	cursor: pointer;
}

.div_sig_1{
	background: url("images/galeria_icones.png") no-repeat scroll -168px -744px;
	cursor: pointer;
	border: 1px solid #cccccc;
    background-color: #e5e5e5;
}

.div_sig_2{
	background: url("images/galeria_icones.png") no-repeat scroll -290px -745px;
	margin-left: 2px;
	cursor: pointer;
	border: 1px solid #cccccc;
    background-color: #e5e5e5;
}

.div_sig_3{
	background: url("images/galeria_icones.png") no-repeat scroll -348px -744px;
	margin-left: 2px;
	cursor: pointer;
	border: 1px solid #cccccc;
    background-color: #e5e5e5;
}

.div_sig_4{
	background: url("images/galeria_icones.png") no-repeat scroll -110px -745px;
	margin-left: 2px;
	cursor: pointer;
	border: 1px solid #cccccc;
    background-color: #e5e5e5;
}

.div_sig_5{
	background: url("images/galeria_icones.png") no-repeat scroll -230px -745px;
	margin-left: 2px;
	cursor: pointer;
	border: 1px solid #cccccc;
    background-color: #e5e5e5;
}

.div_sig_6{
	background: url("images/galeria_icones.png") no-repeat scroll -410px -745px;
	margin-left: 2px;
	cursor: pointer;
	border: 1px solid #cccccc;
    background-color: #e5e5e5;
}

.div_sig_7{
	background: url("images/galeria_icones.png") no-repeat scroll -470px -745px;
	margin-left: 2px;
	cursor: pointer;
	border: 1px solid #cccccc;
    background-color: #e5e5e5;
}

.div_sig_8{
	background: url("images/galeria_icones.png") no-repeat scroll -529px -745px;
	margin-left: 2px;
	cursor: pointer;
	border: 1px solid #cccccc;
    background-color: #e5e5e5;
}

@media ( max-width :767px) {
	.leaflet-sidebar {
		/*width: 100%;*/
		padding: 0;
	}
	.leaflet-sidebar.left {
		left: -100%;
	}
	.leaflet-sidebar.right {
		right: -100%;
	}
	.leaflet-sidebar.left.visible {
		left: 0;
	}
	.leaflet-sidebar.right.visible {
		right: 0;
	}
	.leaflet-sidebar>.leaflet-control {
		box-shadow: none;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	.leaflet-sidebar.left.visible   ~ .leaflet-left {
		left: 100%;
	}
	.leaflet-sidebar.right.visible   ~ .leaflet-right {
		right: 100%;
	}
	.div_gr4 {
		height: 20px;
		margin: 5px 50px 0;
	}
	.div_gr4 div {
		float: left;
		height: 20px;
		margin-bottom: 10px;
		width: 20px;
		font-size: 14px;
	}
	.div_gr5 {
		height: 20px;
		margin: 10px 5px 0;
		float: auto;
	}
	.div_gr5 div {
		float: left;
		margin-bottom: 5px;
		width: 30px;
		font-size: 18px;
	}
	h5,.h5 {
		font-size: 12px;
	}
	.div_gr2 {
		height: 35px;
		margin: 5px 5px 0;
	}
	.div_gr2 div {
		border: 1px solid D0D0CD;
		height: 35px;
		margin-bottom: 5px;
		width: 48%;
	}

}



@media ( min-width :768px),(max-width:991px) {

	.leaflet-sidebar {
		width: 190px;
	}
	.leaflet-sidebar.left.visible   ~ .leaflet-left {
		left: 260px;
	}
	.leaflet-sidebar.right.visible   ~ .leaflet-right {
		right: 260px;
	}
	.div_gr3{
		height: 30px;
		margin: 5px 5px 0;
	}

	.add_costat_r {
		margin-right: 11px;
	}
	.white,.white a,.white span {
		font-size: 10px;
	}
	
	.taronja:hover{
		font-weight: bold;
	}
	.div_gr2 {
		height: 35px;
		margin: 5px 5px 0;
	}
	.div_gr5 {
		height: 20px;
		margin: 10px 5px 0;
		float: auto;
	}
	.div_gr5 div {
		float: left;
		margin-bottom: 5px;
		width: 22px;
		font-size: 18px;
	}
	.div_gr2 div {
		border: 1px solid D0D0CD;
		height: 57px;
		margin-bottom: 5px;
		width: 48%;
		display: block;
		width: 100%;
	}
	.div_gr3 div{
		float: left;
		height: 25px;
		margin-bottom: 3px;
		width: 25px;
	}
	.div_gr4 {
		height: 20px;
		margin: 5px 20% 0;
	}
	.div_gr4 div {
		float: left;
		height: 20px;
		margin-bottom: 10px;
		width: 20px;
		font-size: 14px;
	}

	h5,.h5 {
		font-size: 12px;
	}
	.div_carrega_dades {
		background: url(images/galeria_icones.png) no-repeat scroll -376px  -656px;
		margin-left: 5px;
		margin-right: 5px;
		border: 1px solid #cccccc;
		background-color: #e5e5e5;
		width: 40px;
		height:40px;
		margin-top: 2px;
	}
	.div_dades_usr {
		float: left;
		background: url('images/galeria_icones.png') no-repeat scroll -184px  -654px;
		border: 1px solid #cccccc;
		background-color: #e5e5e5;
		width: 40px !important;
		height:40px !important;
		display: block;
	}
	.div_dades_ext {
		background: url('images/galeria_icones.png') no-repeat scroll 0px  -648px;
		margin-left: -6px !important;
		border: 1px solid #cccccc;
		background-color: #e5e5e5;
		width: 40px !important;
		height:40px !important;
		float: left;
	}
}

@media ( min-width :992px) and (max-width:1199px) {
	.leaflet-sidebar {
		width: 190px;
	}
	.leaflet-sidebar.left.visible   ~ .leaflet-left {
		left: 190px;
	}
	.leaflet-sidebar.right.visible   ~ .leaflet-right {
		right: 190px;
	}
	.div_gr3{
		height: 30px;
		margin: 5px 5px 0;
	}

	.add_costat_r {
		margin-right: 11px;
	}
	.white,.white a,.white span {
		font-size: 10px;
	}
	.taronja,.taronja a,.taronja span {
		font-size: 10px;
	}
	.div_gr2 {
		height: 35px;
		margin: 5px 5px 0;
	}
	.div_gr5 {
		height: 20px;
		margin: 10px 5px 0;
		float: auto;
	}
	.div_gr5 div {
		float: left;
		margin-bottom: 5px;
		width: 22px;
		font-size: 18px;
	}
	.div_gr2 div {
		border: 1px solid D0D0CD;
		height: 57px;
		margin-bottom: 5px;
		width: 48%;
	}
	.div_gr3 div{
		float: left;
		height: 25px;
		margin-bottom: 3px;
		width: 25px;
	}
	.div_gr4 {
		height: 20px;
		margin: 5px 20% 0;
	}
	.div_gr4 div {
		float: left;
		height: 20px;
		margin-bottom: 10px;
		width: 20px;
		font-size: 14px;
	}
	.dibuix_punt {
	/*
		background: url('images/galeria_icones.png') no-repeat  scroll 2px -312px;
		*/
		cursor:pointer;
		width: 25px;
		height: 40px;
		margin: auto;
		text-align: center;
	}
	.dibuix_linia {
	/*
		background: url('images/galeria_icones.png') no-repeat scroll 2px -245px;
		*/
		cursor:pointer;
		width: 35px;
		height: 40px;
		margin-left: 15%;
		margin-right: 15%;
		margin-bottom:8px;
		float: left;
		text-align: center;
	}
	.dibuix_poligon {
		background: url('images/galeria_icones.png') no-repeat  scroll 2px -173px;
		cursor:pointer;
		width: 37px;
		height: 40px;
		margin-right: 10px;
		float: left;
		text-align: center;
		margin-bottom:8px;
	}
	h5,.h5 {
		font-size: 12px;
	}
	bt_publicar {
		line-height: 35px;
		font-size: 12px;
		height: 55px;
		margin-left: 10px;
		margin-right: 10px;
		cursor: pointer;
		background-color: #FF8300
	}

	.bt_publicar_disabled {
		line-height: 35px;
		font-size: 12px;
		height: 55px;
		margin-left: 10px;
		margin-right: 10px;
		background-color: #f4ac71;
	}

	.div_carrega_dades {
		background: url('images/galeria_icones.png') no-repeat scroll -520px
			-524px rgba(166, 166, 166, 0.5);
		margin-left: 5px;
		margin-right: 5px;
	}
	.div_dades_usr {
		float: left;
		background: url('images/galeria_icones.png') no-repeat scroll -272px
			-515px rgba(166, 166, 166, 0.5);
	}
	.div_dades_ext {
		background: url('images/galeria_icones.png') no-repeat scroll 3px -515px
			rgba(166, 166, 166, 0.5);
		margin-left: 5px;
	}
}

@media ( min-width :1200px) {
	.leaflet-sidebar {
		width: 260px;
	}
	.leaflet-sidebar.left.visible   ~ .leaflet-left {
		left: 260px;
		top: 40px;
	}
	.leaflet-sidebar.right.visible   ~ .leaflet-right {
		right: 260px;
	}
}

.my-modal-footer-xs{
	border-top: 0 none;
	padding: 0;
}

.my-modal-dialog-xs{
	width: 25%;
}

.twitter_layer_popup{
	text-align: center;
}

#twitter-collapse, #wikipedia-collapse{
	border: 1px dotted red;
    margin: 8px 0 0
}

#id_xs h4{
	text-align: center;
}
#id_xs h4 .label{
	border-radius: 0px;
	font-size: 15px;
	margin: 5px;
}

#hashtag_twitter_layer, #btn-add-twitter-layer,
#name_wikipedia_layer, #btn-add-wikipedia-layer {
    height: 34px;
}

.label-font{
	background-color: #d5d5d5;
	float: left;
    margin-top: 10px;
}

.label-xarxes{
	background-color: #d9edf7;
    color: #2a6496;
	font-weight: bold;
    margin-left: -7px;
    padding: 5px;
}

.bs-dadesO_XS li a:hover,
.bs-dadesO li a:hover{
	text-decoration: none;
	font-weight: bold;
}
.llista-do li a:hover{
 color: #a94442;
}
.llista-wms li a:hover{
 color: #55990a;
}


/*JSON POPUP*/

#image-popup-json {
    margin: 10px;
    text-align: center;
}

#nom-popup-json {
    text-align: center;
    font-size: 14px;
}

/*Pop up features*/

.bs-ncapa select,
.bs-ncapa select option{
    max-width: 200px;
    min-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: inherit;
}

/*Popup data features*/

.popup_data_key {
    float: left;
   /* min-width: 30%;*/
	width: 100px;
    background-color: #EEEEEE;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    font-weight: 600;
    font-size: 0.95em;
    padding: 5px;
}

.popup_data_value {
    /*overflow: hidden;
    text-overflow: ellipsis;*/
	width: 190px;
    max-width: 200px;
    line-height: 1.42857143;
    padding-left: 8px;
    color: #666;
    /* font-weight: 600; */
    font-size: 0.95em;
}

.popup_data_row{
	/* border-bottom: 1px solid #EEEEEE; */
	/* margin: 2px; */
	padding: 2px;
	/* text-align: center; */
	display: flex;
}

/*feedback button*/
#feedback_btn{
	right: 0;
    bottom: 230px;
    z-index: 100001 !important;
    border-radius: 5px 5px 0 0;
    border-right-width: 0;
    border-style: solid none solid solid;
    background-color: rgba(45, 46, 41, 0.9);
    background-position: center 0;
    background-repeat: no-repeat;
    border: 1px solid #FFFFFF;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.247) inset, 0 1px 3px rgba(0, 0, 0, 0.498);
    cursor: pointer;
    display: none;
    float: right;
    overflow: hidden;
    color: #FFFFFF;
    padding: 2px 5px;
    position: absolute;
    transform: rotate(-90deg);
    transform-origin:73% 0 0;
    -ms-transform:rotate(-90deg); /* IE 9 */
    -ms-transform-origin:73% 0 0; /* IE 9 */
	-webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
	-webkit-transform-origin:73% 0 0; /* Opera, Chrome, and Safari */
}

/* barra eines */
.div_gr3_estils,  .div_gr3_sig{
    height: 40px;
    /*margin: 10px 5px 0;*/
    text-align: center;
}
.div_gr3_estils div,  .div_gr3_sig div{
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-bottom: 2px;
    /* float: left; */
    margin-left: 2px;
    /* float: left; */
    /* opacity: 1; */
    opacity: 1 !important;
    float: left;
}

.div_gr3_fons div {
    height: 30px;
    width: 230px;
    opacity: 1 !important;
	margin-bottom: 2px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*
@media (max-width:301px ){

	.div_gr3_estils div {
	    display: inline-block;
	    height: 25px;
	    width: 25px;
	}

	.div_estil_1 {
		background: url("images/galeria_icones.png") no-repeat scroll -352px
			-118px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_estil_2 {
		background: url("images/galeria_icones.png") no-repeat scroll -397px
			-118px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_estil_3 {
		background: url("images/galeria_icones.png") no-repeat scroll -441px
			-118px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_estil_4 {
		background: url("images/galeria_icones.png") no-repeat scroll -485px
			-118px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_estil_5 {
		background: url("images/galeria_icones.png") no-repeat scroll -529px
			-118px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
}*/

@media (max-width:1025px){

	.div_gr3_fons div {
	    display: inline-block;
	    height: 30px;
	    width: 30px;
	}

	.div_fons_1 {
		background: url("images/galeria_icones.png") no-repeat scroll 0 -600px
			rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_fons_2 {
		background: url("images/galeria_icones.png") no-repeat scroll -53px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_fons_3 {
		background: url("images/galeria_icones.png") no-repeat scroll -106px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_fons_4 {
		background: url("images/galeria_icones.png") no-repeat scroll -159px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_fons_5 {
		background: url("images/galeria_icones.png") no-repeat scroll -745px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_fons_6 {
		background: url("images/galeria_icones.png") no-repeat scroll -265px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_fons_7 {
		background: url("images/galeria_icones.png") no-repeat scroll -318px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_fons_8 {
		background: url("images/galeria_icones.png") no-repeat scroll -371px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_fons_9 {
		background: url("images/galeria_icones.png") no-repeat scroll -424px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_fons_10 {
		background: url("images/galeria_icones.png") no-repeat scroll -477px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}


	.div_fons_11 {
		background: url("images/galeria_icones.png") no-repeat scroll -530px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_fons_12 {
		background: url("images/galeria_icones.png") no-repeat scroll -52px
			-745px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	.div_fons_13 {
		background: url("images/galeria_icones.png") no-repeat scroll -695px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	.div_fons_14 {
		background: url("images/galeria_icones.png") no-repeat scroll -642px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	.div_fons_15 {
		background: url("images/galeria_icones.png") no-repeat scroll -588px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}

	.div_fons_16 {
	background: url("images/galeria_icones.png") no-repeat scroll -695px
		-650px rgba(208, 208, 208, 0.5);
	cursor: pointer;
	}

	.div_fons_17 {
		background: url("images/galeria_icones.png") no-repeat scroll -744px
			-650px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
}

@media (max-width:800px){
	/*.div_gr3_fons div {
	    display: inline-block;
	    height: 25px;
	    width: 25px;
	}*/
}

@media (max-height:605px){
	.bt_publicar {
		line-height: 40px;
		height: 40px;
		margin: 5px;
		font-size: 15px;
	}

	.bt_publicar_disabled {
		line-height: 40px;
		height: 40px;
		margin: 5px;
		font-size: 15px;
		background-color: #f4ac71;
	}

	.div_gr3_fons{
	    height: 30px;
	}

	.div_gr2 div {
		margin-bottom: 0;
		height: 30px;
	}

	.div_gr2 {
    	height: 35px;
    	margin: 5px 5px 0;
	}

	.div_carrega_dades {
		height: 35px;
	}

	.div_carrega_dades {
		background: url('images/galeria_icones.png') no-repeat scroll -290px
			-650px rgba(166, 166, 166, 0.5);
		height: 35px;
	}

	.div_dades_usr {
		height: 35px;
		background: url('images/galeria_icones.png') no-repeat scroll 35px
			-650px rgba(166, 166, 166, 0.5);
	}

	.div_dades_ext {
		height: 35px;
		background: url('images/galeria_icones.png') no-repeat scroll -155px
			-650px rgba(166, 166, 166, 0.5);
	}

	.taulaFeina h5{
	    margin-bottom: 6px;
	    margin-top: 4px;
	}
}

@media ( min-height :950px){
 .taulaFeina, .leaflet-sidebar{
 	/*height: auto;*/
 }
}



/* Llistat downloadable layers */

.modal-downloadable{
	overflow: hidden;
	width: 100%;
	padding-top: 20px;
	padding-right: 20%;
	/*padding-left: 5%;*/
}

#div_downloadable{
	width: 85%;
}

.downloadable-subrow-all{
	/*border-bottom: 1px solid #E5E5E5;*/
	margin-bottom: 5px;
	margin-top: 5px;
	overflow: hidden;
	/*text-align: center;*/
}
.downloadable-subrow{
	margin-bottom: 3px;
	margin-top: 3px;
	overflow: hidden;
}
.downloadable-name {
    overflow: hidden;
    text-overflow: ellipsis;
}

.separate-downloadable-row-all{
    border-bottom: 3px solid #E5E5E5;
 /*   margin-bottom: 5px;
    padding-top: 5px;
    overflow: hidden;
    width: 100%*/
    margin-left: 3%;
    margin-right: 4%;
}

.separate-downloadable-row{
    border-bottom: 1px solid #E5E5E5;
    margin-left: 3%;
    margin-right: 4%;
}

.visor-subrow-all{
	margin-bottom: 5px;
	margin-top: 5px;
	overflow: hidden;
}

.visor-subrow{
	margin-bottom: 3px;
	margin-top: 3px;
	overflow: hidden;
}
.visor-name {
    overflow: hidden;
    text-overflow: ellipsis;
}

.separate-visor-row-all{
    border-bottom: 3px solid #E5E5E5;
    margin-left: 3%;
    margin-right: 4%;
}

.separate-visor-row{
    border-bottom: 1px solid #E5E5E5;
    margin-left: 3%;
    margin-right: 4%;
}

.llegenda-subrow{
	margin-bottom: 3px;
	margin-top: 3px;
	overflow: hidden;
}
.llegenda-name {
    overflow: hidden;
	text-overflow: ellipsis;
	margin-left:15px;
}

.separate-llegenda-row-all{
    border-bottom: 3px solid #E5E5E5;
    margin-left: 3%;
    margin-right: 4%;
}

.separate-llegenda-row{
    border-bottom: 1px solid #E5E5E5;
    margin-left: 3%;
    margin-right: 4%;
}
/*******************************/

.div_hill_f{
	background-color: #FFFFFF;

}
.div_hill{
 background-image: url("images/hillshading.png");
    height: 26px;
    width: 26px;
	opacity:0.5;
}


.bt_house{
	 height: 26px;
    width: 26px;
	background-color: #FFFFFF;
	    padding: 4px;
}


.div_hill_verd{
 background-image: url("images/hillshading_verd.png");
    height: 26px;
    width: 26px;
	opacity:0.5;
}

#txt_URLfile_error, #div_carrega_dades_message{
	font-weight: bold;
	margin-bottom: 0px;
	padding: 5px;
}

#div_carrega_dades_message{
	margin: 10px;
}

.class_error{
	border: 1px solid red;
}
.text_error{
	color: red;
}

#div_url_file_message{
	margin: 10px;
    padding: 4px;
    text-align: center;
    font-weight: bold;
}

#div_do_message .alert {
    font-weight: bold;
    padding: 4px;
}

#mida_pres {
    background-color: #eeeeee;
    margin: 0 15px 15px;
    padding: 5px;
    text-align: center;
}

.panel-dadesExternes > .panel-heading {
    background-color: #e5e5e5;
    /* border-color: #ffe0aa; */
    color: #009eda;
}

.info-dadesExternes {
    color: #009eda;
    font-size: 12px;
    margin-left: 4px;
}

.label-dadesExternes {
    color: #009eda;
    font-size: 14px;
}

.llista-dadesExternes li a:hover {
    color: #009eda;
}

#label-dinamic, #label-estatic{
	font-size: 90%;
	line-height: 3;
}

.llista-teves-dades {
	margin-left: -40px;
	margin-top: 5px;
	width:100%;
}

.llista-teves-dades li a:hover{
 color: #428BCA;
 text-decoration: none;
 font-weight: bold;
}

#dialog_teves_dades .modal-dialog {
	max-width: 680px;
    min-width: 675px;
    width: auto;
}
.label-teves-dades {
    color: #428BCA;
    font-size: 14px;
}
.info-teves-dades {
    color: #A94442;
    font-size: 12px;
    margin-left: 4px;
}
.llista-teves-dades li {
	border-bottom: 0.5px dashed #d4d0d8;
    float: left;
    /*height: 28px;*/
    line-height: 1;
    padding: 5px;
    text-align: left;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.llista-teves-dades li .info-teves-dades {
	float: right;
}
.llista-teves-dades li:hover {
	background-color: #eaeaea;
}

.modal-title{
	font-size: 16px;
}

#modal-title-teves-dades,
#modal-title-publicar{
	font-size: 16px;
}

#iframeMap, #urlMap , #urlMapWMS{background-color: #eeeeee;}

#urlVisorMap, #urlVisorContextMaps {
    border: 1px none black;
    font-size: 20px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}

#urlVisorMap a:hover,#urlVisorContextMaps a:hover{
	decoration:none;
}

.layers-list{
	overflow: hidden;
	/*width: 200px;*/
	max-height: 280px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
    height: 100%;
    position: relative;
}
.layers-list-editable{
	/*overflow: hidden;
	width: 200px;*/
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
    height: 100%;
    position: relative;
}

.geopdf,.geopdf a,.geopdf div {
	color: #464646 !important;
	cursor: pointer;
	font-size: 17px;
	font-weight: bold;
}

/*Modal data table*/
#layer-data-table{
	width:100%;
	max-width:100%;
}

#layer-data-table > thead > tr
/*,
#modal_data_table_body .bootstrap-table .table.table-hover.table-striped thead tr */{
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
.fixed-table-container table {
    width: 98%;
}
.fixed-table-container thead th .th-inner {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
.fixed-table-header {
	background-color: #d9edf7;
}
#modal_data_table_title {
    font-size: 18px;
    text-align: center;
    overflow: hidden;
}

.bootstrap-table .search input {
    font-size: 14px;
    height: 34px;
    border-radius: 4px;
}
.data-table-icon-remove {
    color: #A94442;
    font-size: 14px;
    padding: 4px;
}
.data-table-icon-zoom {
    font-size: 14px;
    padding: 4px;
}
#layer-data-table th, #layer-data-table td {width: 100%;}
.fixed-table-body {
    height: 100%;
    overflow-x: auto;
}

/*.fixed-table-header{
	display:none !important;
}*/

.mCustomScrollBox > .mCSB_scrollTools {
    width: 5px;
}

#info_geojsonvt {
    background-color: white;
    /*border: 1px dashed #bbbbbb;*/
    padding: 5px;
    position: absolute;
	top: 165px;
    width: 320px;
    z-index: 200;
    left: 270px;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    max-height: 400px;
	overflow-y: auto;
}
#bt_info_geojsonvt_close {
    width: 100%;
    text-align: right;
}

#div_uploading{
	text-align: center;
}

.covers_file span div {
    height: 20px;
    margin-top: 20px;
    width: 20px;
  	animation: up_file 3s infinite;
  	-webkit-animation: up_file 1s infinite;
}

@keyframes up_file {
  	0%   { margin-bottom: 0;line-height: 15px; }
  	16%  { margin-top:1px; height: 30px; width: 30px;line-height: 30px; }
  	50% { margin-bottom: 0; line-height: 20px;margin-top:20px;}
  	100% { margin-bottom: 0;line-height: 20px; }
}

@-webkit-keyframes up_file{
 	0%   { margin-bottom: 0;line-height: 15px; }
  	16%  { margin-top:1px; height: 30px; width: 30px;line-height: 30px; }
  	50% { margin-bottom: 0; line-height: 20px;margin-top:20px;}
  	100% { margin-bottom: 0;line-height: 20px; }
}
/*
#ani1 div  { animation-delay: .285714s; }
#ani2 div { animation-delay: .428571s; }
#ani3 div { animation-delay: .571428s; }
#ani4 div { animation-delay: .714285s; }*/

.deleteCapa{
	text-decoration:none;
}
.deleteCapa:hover{
	text-decoration:none;
}

/*tree*/
.tree {
    min-height:20px;
    /*padding:19px;*/
    padding:5px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    max-height: 200px;
    overflow: auto;

}
.tree li {
    list-style-type:none;
    margin:0;
    /*padding:10px 5px 0 5px;*/
    padding:5px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    /*top:25px;*/
    top:20px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}
/* end tree*/

/*modal error upload*/
#dialog_error_upload_txt {
    font-size: 15px;
    font-weight: bold;
}

/*Animacio proces dades*/
#info_uploadFile {
    background-color: white;
    border-radius: 4px;
    bottom: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    left: 270px;
    position: absolute;
    text-align: center;
    width: 235px;
    z-index: 1000;
    padding-bottom:8px;
}

#div_uploading_txt {
    border-bottom: 1px solid #eeeeee;
    display: block;
    font-weight: bold;
    line-height: 2;
    margin-bottom: 5%;
    padding-left: 12px;
    padding-right: 10px;
    padding-top: 5px;
    text-align: justify;
    width: 100%;
}
.status_uncheck {
    color: grey;
}

#div_uploading_txt2 {
    border-top: 1px solid #eeeeee;
    padding: 3px;
    text-align: center;
}

.status_check {
    color: #3c763d;
}
/*animacio punts suspensius*/
.one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
      animation: dot 1.3s infinite;
      animation-delay: 0.2s;
}

.three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
     animation: dot 1.3s infinite;
     animation-delay: 0.3s;
}

@-webkit-keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1; }
}

/*******/

#preloader6{
    position:relative;
    width: 42px;
    height: 42px;
	-webkit-animation: preloader_6 5s infinite linear;
   	-moz-animation: preloader_6 5s infinite linear;
    -ms-animation: preloader_6 5s infinite linear;
    -o-animation: preloader_6 5s infinite linear;
    animation: preloader_6 5s infinite linear;
    /*margin-left: 92px;
    margin-right: 82px;*/
    margin: 15px 82px 15px 92px;
}

#preloader6 span{
    width:20px;
    height:20px;
    position:absolute;
    background:red;
    display:block;
-webkit-animation: preloader_6_span 1s infinite linear;
   -moz-animation: preloader_6_span 1s infinite linear;
    -ms-animation: preloader_6_span 1s infinite linear;
     -o-animation: preloader_6_span 1s infinite linear;
        animation: preloader_6_span 1s infinite linear;
    border-radius: 20px;
}



#preloader6 span:nth-child(1){
/*background:#2ecc71;*/
 background-image: linear-gradient(to bottom, #FF9900, #FFDE00);
}
#preloader6 span:nth-child(2){
	left:22px;
/*background:#9b59b6;*/
	background-image: linear-gradient(to bottom, #569908, #A8CB17);
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
}
#preloader6 span:nth-child(3){
	top:22px;
/*background:#3498db;*/
	background-image: linear-gradient(to bottom, #3B5998 , #196ED1);
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-ms-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
#preloader6 span:nth-child(4){
	top:22px;
	left:22px;
	/*background:#f1c40f;*/
	background-image: linear-gradient(to bottom, #59B5D6, #00C0F7);
	animation-delay: .6s;
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}



@keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@-moz-keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@-ms-keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@-webkit-keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@-o-keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-moz-keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-ms-keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-o-keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

/*icones dades externes*/
.icon{
	float:right;
	position:relative;
	margin-left: 3px;
}

.icon-drive{
	background: url('images/galeria_icones.png') no-repeat scroll -600px -100px;
	width: 16px;
	height: 16px;
}

.icon-dropbox{
	background: url('images/galeria_icones.png') no-repeat scroll -620px -100px;
	width: 16px;
	height: 16px;
}

.icon-github{
	background: url('images/galeria_icones.png') no-repeat scroll -640px -100px;
	width: 16px;
	height: 16px;
}

#list_tematic_values .awesome-marker-web, #list_tematic_values_bubble .awesome-marker-web{
	cursor: pointer;
}


#list_tematic_values table, #list_tematic_values_bubble table{
	margin-bottom: 0px;
}

.td_15{
	width: 100px;
}

.td_15 input{
	width: 94px;
}

#list_tematic_values_bubble table.buble_table td:first-child{
	border-right: 2px solid #cccccc;
}

.buble_prop div{
	margin-top: 10px;
}


/*control fons*/
.control-btn-fons{
	bottom: 50px;
    position: relative;
}


.control-btn-fons .llista-fons{
	width:0px;
    overflow: hidden;
	transition: width 0.25s linear;
	height: 50px;
	padding: 0;
	border: 0px;
	background: none no-repeat scroll 0 0 rgba(45, 46, 41, 0.9);
}

.control-btn-fons .llista-fons div{
	width: 32px;
	height: 32px;
	float: left;
	margin-top: 9px;
}

.control-btn-fons .llista-fons div:first-child{
	margin-left: 12px;
}

.control-btn-fons .llista-fons div:hover{
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Safari */
    transform: scale(1.2,1.2);
}

.control-btn-fons-expanded .llista-fons{
	visibility: visible;
	position: relative;
    width: 420px;
    background: none no-repeat scroll 0 0 rgba(45, 46, 41, 0.9);
    height: 50px;
    float:right;
    /*padding: 9px 12px;*/
    overflow: hidden;
    border: 1px;
}

.div_llistacapes:hover {
    background: none no-repeat scroll 0 0 rgba(244, 244, 244, 0.8);
}
.bt_orto {
    background: url("../img/orto.png") no-repeat scroll 0 -64px #ffffff;
    border: 1px solid #096002;
    color: #5a5a5a;
    height: 50px;
    width: 40px !important;
    z-index: 1;
}
.bt_orto small {
    line-height: 79px;
}

.bt_topo {
    background: url("../img/topo.png") no-repeat scroll 0 -64px #ffffff;
    border: 1px solid #096002;
    color: #5a5a5a;
    height: 50px;
    width: 40px !important;
    z-index: 1;
}
.bt_topo small {
    line-height: 79px;
}
.control-btn-fons .btn-sm, .control-btn-fons .btn-xs {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 2px 5px;
    margin-left: 13px;
}
#funcio_SIG {
	margin-bottom:12px;
	overflow-y: auto;
	margin-top: 5px;
	height: 330px;
	margin-left: 20px;
}
#funcio_tematics{
	margin-top:5px;
	overflow-y: auto;
	height: 220px;
	margin-left: 20px;
}
#funcio_fonsMapes{
	margin-top:5px;
	margin-bottom:10px;
	height: 580px;
	overflow-y: auto;
}
.imagePeu{
	display:table;
	position:relative;
	margin-bottom:20px;
}
.imagePeu img{
	width:30%;
	height:30%;
}
.imagePeu .img1 {
	margin-right:10%;
}
.imagePeu .img_sola {
    margin-right: 50%;
    float:right;
}
.imagePeu .peu{
	display:table-caption;
	position:absolute;
	bottom:0;
	left:8%;
	display:block;
	width:100%;
	top:100%;
}

.imagePeu .peu2{
	display:table-caption;
	position:absolute;
	bottom:0;
	left:45%;
	display:block;
	width:100%;
	top:100%;
}

.imagePeu .peu2_2{
	display:table-caption;
	position:absolute;
	bottom:0;
	left:40%;
	display:block;
	width:100%;
	top:100%;
}

.imagePeu .peu3{
	display:table-caption;
	position:absolute;
	bottom:0;
	left:65%;
	display:block;
	width:100%;
	top:100%;
}
#div_menufons{


	width:180px;


}
.popover-content{
padding: 8px 0;
}

/*#socialSharePublicar2 {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    margin-left: 30%;
    margin-right: 30%;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}*/

#socialSharePublicar {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 40%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.alert{
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 3px;
}

#file-logo {
  height: 54px;
  border-width: 2px;
  /* margin-bottom: 20px; */
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  text-align: center;
  position: relative;
}

#file-logo.drop {
  color: #222;
  border-color: #222;
}

#file-logo img.logo {
    float: left;
    height: 50px;
    opacity: 0.5;
    position: relative;
}

#file-logo .dz-default.dz-message {
    color: #4F4B4B;
    float: left;
    position: absolute;
    line-height: 16px;
    padding: 10px 15px;
    box-sizing: border-box;
}

.color_selector {
	border: 1px solid #aaaaaa;
    color: #000000;
    height: 15px;
    width: 20px;
    background-color: #000000;
}

.text_color{
	width: 68px;
}

.text-font > span{
	float: left;
	position: relative;
	padding-right: 13px;
	padding-top: 5px;
}

.text-font .bfh-selectbox{
	float: left;
	width: 200px;
}

.form-control.my-border {
    margin-top: 2px;
}

.modal-public-group{
	padding-top: 10px;
}

.display-block{
	display:block;
}

.display-none{
	display:none;
}

.btn-tevesDades{
	margin-bottom:4px;
	padding-bottom:4px;
	padding-top:4px;
}

.input-tevesDades{
	margin-bottom:4px;
	width:91.5%;
	float:left;
}
/* skin.css Style*/


.barra_temps{

	display:none;


}

a.timecontrol-slider .ui-slider-handle {

    width: 10px !important;
}


.leaflet-bar-timecontrol {
    background-color: #3f3f39 !important;

}


a.leaflet-control-timecontrol {
    background-color: #3f3f39 !important;

}

a.leaflet-control-timecontrol {
    color: white !important;

}


a.leaflet-control-timecontrol:hover {
    color: #FFC500 !important;

}


.iconSearch{
	position:absolute;
	margin-top:1px;
	padding:10.5px;
	background-color:white;
	cursor: pointer;
}

.iconHelp{
	position:absolute;
	margin-top:1px;
	/* padding: 10px; */
	background-color:white;
	cursor: pointer;
	right: -57px;
	height: 32px;
	padding-top: 10px;
	padding-right: 10px;
}


.llista-dadesInstamaps{
	max-height: 190px;
    overflow-y: auto;
}

.text2D{

font-weight:bold;
color:#464646;
cursor:pointer;



}


.text3D{

  color: #464646;
   font-weight: bold;
    margin: 0;

/*
   text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
*/

text-shadow: 0px 1px 0px #999,
 0px 2px 0px #ffffff,
 0px 3px 0px #777;


}

.text3D1{

font-weight:bold;
color:#464646;
cursor:pointer;


 text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);


}


.leaflet-control-draw-measure {
    background-image: url(images/measure-control.png);
}

.enabled .leaflet-control-draw-measure {
   border:1px solid #55821D;
   background-color: #C57E92;
}

.my-label{
	 margin-left: 30px;
     margin-top: -50px;
     width:100px;
}

#slider .tooltip-inner{
	background-color: #686868;
}

#slider .tooltip-arrow{
	 border-bottom-color: #686868;
}



#cmdInspireInit{
	border: 1px solid #cccccc;
    color: #555;
    height: 33px;
    width: 100%;

}

.txt_ext_ofi {
    height: 33px !important;
    margin-bottom: 5px;
    margin-top: 8px;
}

.bs-dades_oficials {
	list-style: none outside none;
	overflow: hidden;
	/*margin-bottom: 5px;
	padding-bottom: 1px;
	padding-left: 0;*/
}

.bs-dades_oficials li {
    border: 0px dashed #DDDDDD;
    color: #000000;
    float: left;
    font-size: 12px;
    /*height: 28px;*/
    line-height: 0.8;
    margin: 0 -1px -1px 0;
    padding: 4px;
    text-align: left;
    width: 50%;
}



.label-dof {
	color: #C17203;
	font-size: 14px;
}

#div_llegenda_chk2{
	margin-top:5px;
}

.leaflet-editing-icon2{
	border-radius:50%;
}
li >.label-dof:focus {
	color:#F75E33;
	font-weight:normal !important;

}

.label-dof:hover {
	color:#F75E33;
	font-weight:normal !important;

}


.label-dadesInspire{
	color:#F75E33;
}


#opt_id_inspi{
  background: transparent url("images/inspire2.png") no-repeat scroll 100% 6px;
    padding: 10px 25px 10px 0;
}

/*
#opt_id_pcc{
  background: transparent url("images/inspire2.png") no-repeat scroll 100% 6px;
    padding: 10px 25px 10px 0;
}
*/
.orange{
	color:#F75E33;
}

#inspire_msg{
	color: #f75e33;
    float: left;
    font-size: 9px;
    margin-top: 10px;
}


.txtFocus{
	color:red;
}


.pcc_menu{
	padding: 4px 14px !important;

}

.pcc_menu h4 {
	font-size:13px !important;
}


.pcc_ul{
	background-color: #fcf8e3 !important;
    border: 1px dotted #F75E33 !important;
    margin-bottom: 5px !important;
    margin-top: 0;
}

.cmb_pcc{
	 height: 85px !important;
    margin: 5px;
    padding-left: 1px;
    width: 99%;
	 cursor: pointer;
    /*text-decoration: underline;*/
	color: #f75e33;
  background-color: #fcf8e3 !important;
}

#mapNameContainer {
	max-width: calc(100vw - 400px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

@media (min-width: 1200px)
{

	#mapNameContainer {
		max-width: calc(100vw - 810px);
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display: inline-block;
	}

}

#innerPalette {
	position:absolute;
	bottom:5px;
	left: calc(50% - 275px);
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
	background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);
	color: #FFFFFF;
	z-index: 1001;
	padding-left: 10px;
	padding-right: 10px;
}

#paletteBackground {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 1000;
	background-color: #000000;
	opacity: 0;
}

.paletteLabels {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	font-style: italic;
	font-size: 12px;
}

.paletteTitle {
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(204, 204, 204);
	font-style: 14px;
}

.paletteButtons {
	padding-top: 5px;
}

.innerPaletteButtons {
	display: inline-block;
	float:right;
	padding-bottom: 10px;
}

.ramp.active {
	border: 1px solid #ffc500;
}

.btn-invert-palette {
	background-color: #cccccc;
	border-color: #cccccc;
	color: black;
}

.btn-invert-palette:hover {
	background-color: #afaeae;
	border-color: #afaeae;
}

.div_fons_blank {
	    background-color: white;
    margin-left: 2px;
    cursor: pointer;
}

.div_fons_gris {
	    background-color: lightgray;
    margin-left: 2px;
    cursor: pointer;
}


.div_fons_gris_fort {
	    background-color: gray;
    margin-left: 2px;
    cursor: pointer;
}

.div_fons_18 {
    background: rgba(208, 208, 208, 0.5) url("images/galeria_icones.png") no-repeat scroll -566px -160px;
    cursor: pointer;
    margin-left: 2px;
}

.traffic-light-icon {
	background: url("images/galeria_icones.png") no-repeat scroll -290px -800px;
    cursor: pointer;
    width: 20px;
    height: 25px;
}

.traffic-light-icon-empty {
    width: 20px;
    height: 25px;
}

.div_barraexport{
	/* position:absolute; */
	/* display:none; */
}

.div_gr40 div:hover {
	border-bottom: 1px dotted #FFC500;
}

.div_gr40 {
	/* margin: 10px 5px 0; */
	float: auto;
	/* z-index: 10; */
}

.div_gr40 div {
	float: left;
	margin-left: 2px;
	margin-bottom: 15px;
	width: 40px;
	height: 32px;
	
}

.tabArrow {
	font-size: 16px;
	font-weight: 800;
}

.noOverflow {
	overflow: hidden;
}

#li_sostenibilitat{
	display: none;
}	

#id_llegenda .control-switch .controls .bootstrap-switch{
	    min-width: 125px;
}

#valors_rangs_personalitzats {
	margin-top: 10px;
}

.elevationPanel.lime-theme.leaflet-control {
	background-color: rgba(255,255,255,0.5);
}

.profileText {
	margin-left: 10px;
	font-size: 18px;
	text-align: center;
}

.profileIcons {
	float:right;
}

.profileIcon {
	display: block;
	float: none;
	opacity: 1 !important;
}

.bs-popup li.botons1 a{
	float: left;
	margin-left: 70px;
}

.bs-popup li.botons2 a{
	float: left;
} 
 
.editable-empty, .editable-empty:hover, .editable-empty:focus { 
   color: #337ab7 !important; 
}

#funcio_draw{
	height: 160px;
	margin-left: 20px;
}

.cc-config {
	right: 50px;
}
#tbl_loadCapa .btn-primary.active,#tbl_loadCapa .btn-primary.focus,#tbl_loadCapa .btn-primary:active,
#tbl_loadCapa .btn-primary:focus,#tbl_loadCapa .btn-primary:hover,#tbl_loadCapa .open>.dropdown-toggle.btn-primary
{border:0px;}


.leaflet-control-zoom-display{
	background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 5px #bbb;
    padding: 0 5px;
    margin: 0;
    color: #333;
	font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-bottom: -15px !important;
	top:20px;
}

#urlVisorContextMaps {
	font-size:14px;
	padding:5px;
}

#urlVisorContextMaps a,#urlVisorContextMaps a:hover{
	color:#999;
}

#spanContextMaps {
	margin-left: 10px;
    font-size: 15px;
}



#elevation_profile {
    position: absolute;
    right: 8px;
    top: 70px;
    background-color: rgba(255, 255, 255, 0.54)
}	

.lime-theme.leaflet-control.elevationPanel .background, #elevation .background {
	-webkit-border-radius:5px;-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px
}	
	
.lime-theme.leaflet-control.elevationPanel .axis line, 
.lime-theme.leaflet-control.elevationPanel .axis path,
#elevation.lime-theme.leaflet-control .axis line,
#elevation.lime-theme.leaflet-control .axis path {
	fill:none;
	stroke:#566b13;
	stroke-width:2
}

.lime-theme.leaflet-control.elevationPanel .mouse-drag,
#elevation.lime-theme.leaflet-control .mouse-drag {
	fill:rgba(99,126,11,.4)
}

.lime-theme.leaflet-control.elevationPanel .elevation-toggle,
#elevation.lime-theme.leaflet-control .elevation-toggle {
	cursor:pointer;
	box-shadow:0 1px 7px rgba(0,0,0,.4);
	-webkit-border-radius:5px;
	border-radius:5px;
	width:36px;
	height:36px;
	background-color:#f8f8f9
}

.lime-theme.leaflet-control.elevationPanel .elevation-toggle-icon,
#elevation.lime-theme.leaflet-control .elevation-toggle-icon {
	background:url(images/elevation-lime.png) no-repeat center center
}

.lime-theme.leaflet-control.elevationPanel .area, 
#elevation.lime-theme.leaflet-control .area {
	fill:#c12222
}

.lime-theme.leaflet-control.elevationPanel .mouse-focus-line,
#elevation.lime-theme.leaflet-control .mouse-focus-line {
	pointer-events:none;
	stroke-width:1;
	stroke:#101404
}

.lime-theme.leaflet-control.elevation-collapsed .background,
#elevation.lime-theme.leaflet-control .background {
	display:none
}

.lime-theme.leaflet-control.elevation-collapsed .elevation-toggle,
#elevation.lime-theme.leaflet-control .elevation-toggle {
	display:block
}

.lime-theme.height-focus {
	stroke:#c12222;
	fill:#c12222
}

.lime-theme.height-focus.line {
	pointer-events:none;
	stroke-width:2
}

.steelblue-theme.leaflet-control.elevationPanel .background,
#elevation.steelblue-theme.leaflet-control .background {
	background-color:rgba(70,130,180,.2);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px
}

.steelblue-theme.leaflet-control.elevationPanel .axis line,
.steelblue-theme.leaflet-control.elevationPanel .axis path,
#elevation.steelblue-theme.leaflet-control .axis line,
#elevation.steelblue-theme.leaflet-control .axis path {
	fill:none;
	stroke:#0d1821;
	stroke-width:2
}

.steelblue-theme.leaflet-control.elevationPanel .mouse-drag,
#elevation.steelblue-theme.leaflet-control .mouse-drag {
	fill:rgba(23,74,117,.4)
}

.steelblue-theme.leaflet-control.elevationPanel .elevation-toggle,
#elevation.steelblue-theme.leaflet-control .elevation-toggle {
	cursor:pointer;
	box-shadow:0 1px 7px rgba(0,0,0,.4);
	-webkit-border-radius:5px;
	border-radius:5px;
	width:36px;
	height:36px;
	background-color:#f8f8f9
}

.steelblue-theme.leaflet-control.elevationPanel .elevation-toggle-icon,
#elevation.steelblue-theme.leaflet-control .elevation-toggle-icon {
	background:url(images/elevation-steelblue.png) no-repeat center center
}

.steelblue-theme.leaflet-control.elevationPanel .area,
#elevation.steelblue-theme.leaflet-control .area {
	fill:#4682b4
}

.steelblue-theme.leaflet-control.elevationPanel .mouse-focus-line,
#elevation.steelblue-theme.leaflet-control .mouse-focus-line {
	pointer-events:none;
	stroke-width:1;
	stroke:#0d1821
}

.steelblue-theme.leaflet-control.elevationPanel-collapsed .background,
#elevation.steelblue-theme.leaflet-control .background {
	display:none
}

.steelblue-theme.leaflet-control.elevation-collapsed .elevation-toggle,
#elevation.steelblue-theme.leaflet-control .elevation-toggle {
	display:block
}

.steelblue-theme.height-focus {
	stroke:#4682b4;
	fill:#4682b4
}

.steelblue-theme.height-focus.line {
	pointer-events:none;
	stroke-width:2
}

.purple-theme.leaflet-control.elevationPanel .background,
#elevation.purple-theme.leaflet-control .background {
	background-color:rgba(115,44,123,.2);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px
}

.purple-theme.leaflet-control.elevationPanel .axis line,
.purple-theme.leaflet-control.elevationPanel .axis path,
#elevation.purple-theme.leaflet-control .axis line,
#elevation.purple-theme.leaflet-control .axis path {
	fill:none;
	stroke:#2d1130;
	stroke-width:2
}

.purple-theme.leaflet-control.elevationPanel .mouse-drag,
#elevation.purple-theme.leaflet-control .mouse-drag {
	fill:rgba(74,14,80,.4)
}

.purple-theme.leaflet-control.elevationPanel .elevation-toggle,
#elevation.purple-theme.leaflet-control .elevation-toggle {
	cursor:pointer;
	box-shadow:0 1px 7px rgba(0,0,0,.4);
	-webkit-border-radius:5px;
	border-radius:5px;
	width:36px;
	height:36px;
	background-color:#f8f8f9
}

.purple-theme.leaflet-control.elevationPanel .elevation-toggle-icon,
#elevation.purple-theme.leaflet-control .elevation-toggle-icon {
	background:url(images/elevation-purple.png) no-repeat center center
}

.purple-theme.leaflet-control.elevationPanel .area,
#elevation.purple-theme.leaflet-control .area {
	fill:#732c7b
}

.purple-theme.leaflet-control.elevationPanel .mouse-focus-line,
#elevation.purple-theme.leaflet-control .mouse-focus-line {
	pointer-events:none;
	stroke-width:1;
	stroke:#000
}

.purple-theme.leaflet-control.elevation-collapsed .background {
	display:none
}

.purple-theme.leaflet-control.elevation-collapsed .elevation-toggle {
	display:block
}

.purple-theme.height-focus {
	stroke:#732c7b;
	fill:#732c7b
}

.purple-theme.height-focus.line {
	pointer-events:none;
	stroke-width:2
}

.elevationPanel.lime-theme.leaflet-control,
#elevation.lime-theme.leaflet-control {
	background-color: rgba(255,255,255,0.5);
}

.profileText {
	margin-left: 10px;
	font-size: 18px;
	text-align: center;
}

.profileIcons {
	float:right;
}

.profileIcon {
	display: block;
	float: none;
	opacity: 1 !important;
}
.buorg {
	position: absolute;
	position: fixed;
	z-index: 111111;
	width: 100%;
	top: 0px;
	left: 0px;
	border-bottom: 5px solid #2EBAE6 !important;
	text-align: center;
	color: #fff !important;
	background-color: #343434 !important;
	font: 18px Calibri, Helvetica, sans-serif;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	animation: 1s ease-out 0s buorgfly
}

.buorg-pad {
	padding: 9px;
	line-height: 1.7em;
}

.buorg-buttons {
	display: block;
	text-align: center;
}

#buorgig, #buorgul, #buorgpermanent {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	padding: 1px 10px;
	border-radius: 4px;
	font-weight: normal;
	background: #7eb210 !important;
	white-space: nowrap;
	margin: 0 2px;
	display: inline-block;
}

#buorgig {
	background-color: #343434 !important;
}

@media only screen and (max-width: 700px) {
	.buorg div {
		padding: 5px 12px 5px 9px;
		line-height: 1.3em;
	}
}

@keyframes buorgfly {
	from {
		opacity: 0;
		transform: translateY(-50px)
	}
	to {
		opacity: 1;
		transform: translateY(0px)
	}
}

.buorg-fadeout {
	transition: visibility 0s 8.5s, opacity 8s ease-out .5s;
}

.buorg-icon {
	width: 22px;
	height: 16px;
	vertical-align: middle;
	position: relative;
	top: -0.05em;
	display: inline-block;
	background: no-repeat 0px center;
}
body {
    font-family: Source\ Sans\ Pro,sans-serif;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #2a63b4; 
	outline:none;
}
 
.floating-menu .items-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff; 
	outline:none;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #2a63b4;
    -webkit-box-shadow: inset 0 0 6px #2a63b4;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #2a63b4; 
}

.floating-menu .items-wrapper::-webkit-scrollbar-thumb {
    background: #ffffff;
    -webkit-box-shadow: inset 0 0 6px #ffffff;
}
.floating-menu .items-wrapper::-webkit-scrollbar-thumb:window-inactive {
	background: #ffffff;
}


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v36/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    line-height: 64px;
    padding: 0 20px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

header .logo {
    margin-top: -4px;
    height: 20px;
    width: auto;
    display: inline-block;
}

header .logo_euroregio {
    height: 60px;
}

nav {
    position: fixed;
    top: 0;
    right: 20px;
    z-index: 1001;
    height: 64px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

#menu-top ul {
	margin-top: 12px;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.elevationPanel {
	position: fixed;
	bottom: 150px;
}

nav ul li {
    display: inline-block;
}

nav ul li a, nav ul li span {
	padding: 9px;
	padding-left: 0px;
    line-height: 40px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: #444;
}

nav ul li a:hover, nav ul li:hover span {
    color: #337ab7;
    text-decoration: none;
}

nav #language-selector-button {
    border: none;
    outline: none;
    margin: -4px 16px 0 0;
    background-color: transparent;
    background: transparent;
    color: #2ebae6;
}

nav ul li a.highlighted {
    background-color: #2ebae6;
	color: #fff;
	padding-left: 9px;
}

.loader {
    position: fixed;
    z-index: 99999;
    top: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0,0%,100%,.95);
    text-align: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.loader .loader-bar {
    position: relative;
    margin-top: 0;
    width: 100%;
    height: .5vh;
    background-color: #ffd65f;
}

.loader .loader-bar .bar:first-child {
    background-color: #7eb210;
    animation: loading 4s linear .5s infinite;
}

.loader .loader-bar .bar {
    content: "";
    display: inline;
    position: absolute;
    left: 50%;
    text-align: center;
    width: 0;
    height: 100%;
}

.loader .loader-contents {
    width: 50vw;
    margin: auto;
}

loader .loader-contents .loader-title {
    color: #2ebae6;
    font-weight: 600;
    text-transform: uppercase;
}

.background-light {
    background-color: #f1f1f1;
    opacity: 0.4;
}

footer {
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 42px;
    padding: 0 20px;
    box-shadow: 0 -1px 10px rgba(0,0,0,.175);
}

footer .footer-logo {
    height: 28px;
    width: auto;
    margin-top: 6px;
}

.floating-menu {
    position: fixed;
    top: 0;
    z-index: 999;
    transform-origin: 0 0;
    /* transform: translateX(-260px); */
    height: 100%;
    width: 320px;
}

.floating-menu ul.button-group {
    position: absolute;
    right: 0;
    top: 64px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.floating-menu ul.button-group li:first-child {
    margin-top: 16px;
}
.floating-menu ul.button-group li {
    padding: 0;
    margin: 0;
    height: 42px;
    width: 42px;
    line-height: 38px;
    text-align: center;
    margin-bottom: 8px;
    color: #fff;
    cursor: pointer;
}
.floating-menu .items-wrapper {
    position: absolute;
    height: 100%;
    width: 270px;
    padding: 0 0 42px;
    background-color: #fff;
    overflow-y: auto;
}
.showFloatingMenu {
    animation: mapViewerFloatMenuIn .4s both ease;
    animation-name: mapViewerFloatMenuIn;
    animation-duration: 0.4s;
    animation-timing-function: ease;
    animation-delay: initial;
    animation-iteration-count: initial;
    animation-direction: initial;
    animation-fill-mode: both;
    animation-play-state: initial;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}


.background-yellow {
    background-color: #ffbe00;
}
.glow {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
}
.background-green {
    background-color: #7eb210;
}
.background-blue {
    background-color: #2ebae6;
}
.background-blue-dark{
	 background-color: #2A63B4;
}
i {
    vertical-align: middle;
}
.floating-menu .section-title {
    padding: 16px;
    color: #999;
    font-weight: 600;
    font-size: 19px;
}
.floating-menu .items-wrapper .item {
    cursor: pointer;
}
.floating-menu .items-wrapper .item .item-header {
    padding: 16px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    color: #444;
}
.floating-menu .items-wrapper .item .item-header, .floating-menu .items-wrapper .subitem .subitem-header {
    margin: 0;
    text-transform: uppercase;
}
.floating-menu .items-wrapper .item .item-header span {
    vertical-align: middle;
}
.floating-menu .items-wrapper .item .item-header i {
    margin-right: 12px;
}
.floating-menu .items-wrapper .item ul.list, .floating-menu .items-wrapper .subitem ul.subitem-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.floating-menu .items-wrapper .expandable-content {
    transform-origin: 0 0;
    transform: translate3d(0);
    max-height: 0;
    overflow-y: hidden;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px;
}
.footer-controls-wrapper {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    right: 20px;
}
.seamless-button {
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    outline: none;
}
.footer-controls-wrapper .footer-controls button {
    margin-left: 12px;
}
.footer-controls-wrapper .footer-controls {
    float: right;
    height: 42px;
    font-size: 24px;
    line-height: 38px;
}
.panel-primary>.panel-heading {
    color: #337ab7;
    background-color: #e5e5e5;
    border-color: none;
    border: none;
    height: 56px;
}
.dibuix_poligon:hover {
background-color: white;
}

.dibuix_linia:hover {
	background-color: white;
}

.dibuix_punt:hover {
	background-color: white;
}

#carregar_dades{
	height: 175px;
	margin-left: 20px;
}

#dialog_carrega_dades .modal-dialog,
#dialog_teves_dades .modal-dialog,
#dialog_dades_ex .modal-dialog  {
	padding-top: 10%;
	width: 28%;
}

#dialog_carrega_dades .modal-backdrop,
#dialog_teves_dades .modal-backdrop,
#dialog_dades_ex .modal-backdrop  {
	height:0px !important;
}

#dialog_carrega_dades .modal-dialog {
    padding-top: 5.65%;
    width: 600px;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}

#dialog_teves_dades .modal-dialog {
    padding-top: 5.65%;
    width: 28%;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}

#dialog_dades_ex .modal-dialog {
    padding-top: 5.65%;
    width: 28%;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}

#funcio_carregar_fitxers{
	/* height:50px; */
	margin-top: 5px;
}

.div_gr2{
	height:50px !important;
}


#dialog_layers_tematic  .modal-dialog{
	padding-top: 10%;
	width: 28%;
}

#dialog_layers_tematic .modal-backdrop  {
	height:0px !important;
}

#dialog_layers_tematic .modal-dialog {
    padding-top: 8.65%;
    width: 28%;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}


#dialog_column_join .modal-dialog,
#dialog_spatial_join .modal-dialog,
#dialog_layers_filter .modal-dialog,
#dialog_filter_rangs_avancat .modal-dialog,
#dialog_union .modal-dialog,
#dialog_buffer .modal-dialog,
#dialog_intersection .modal-dialog,
#dialog_centroid .modal-dialog{
	padding-top: 10%;
	width: 28%;
}

#dialog_column_join .modal-backdrop,
#dialog_spatial_join .modal-backdrop,
#dialog_layers_filter .modal-backdrop,
#dialog_filter_rangs_avancat .modal-backdrop,
#dialog_union .modal-backdrop,
#dialog_buffer .modal-backdrop,
#dialog_intersection .modal-backdrop,
#dialog_centroid .modal-backdrop{
	height:0px !important;
}

#dialog_column_join .modal-dialog {
    padding-top: 11.59%;
    width: 28%;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}

#dialog_spatial_join .modal-dialog {
    padding-top: 11.59%;
    width: 28%;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}

#dialog_layers_filter .modal-dialog {
    padding-top: 11.59%;
    width: 28%;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}

#dialog_filter_rangs_avancat .modal-dialog {
    padding-top: 8.65%;
    width: 28%;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}

#dialog_union .modal-dialog {
    padding-top: 11.59%;
    width: 28%;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}

#dialog_buffer .modal-dialog {
    padding-top: 11.59%;
    width: 28%;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}

#dialog_intersection .modal-dialog {
    padding-top: 11.59%;
    width: 28%;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}

#dialog_centroid .modal-dialog {
    padding-top: 11.59%;
    width: 28%;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}

.bt_publicar:hover{
	background-color:#2ebae6 !important;
}

#dialgo_publicar  .modal-backdrop{
	height:0px !important;
}

#dialgo_publicar .modal-dialog{
	padding-top: 14.59%;
	/* width: 28%; */
	float: left;
	margin-left: 265px;
	margin-top: 0px;
}

.map-background {
    height: 30px;
    width: 100%;
    line-height: 30px;
    font-size: 1.1em;
    color: #fff;
    /* text-transform: uppercase; */
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-shadow: 2px 1px 3px #000;
    margin-bottom: 2px;
    padding: 0 24px;
    background-color: #ccc;
}

.subitem  {
    width: 28px;
    /* height: 28px; */
    overflow: hidden;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    line-height: 0px;
    font-size: .9em;
}

.div_barraexport{
	border:2px solid red;
	float:left;
}

.bt_exportar{
	display: block;
	width: 40px;
	margin-bottom: 5px;
	height: 40px;
	width: 40px;
	border: 1px solid #cccccc;
	background-color: #e5e5e5;
	display: inline-block;
	margin-bottom: 2px;
	padding: 10px;
}

.span_estils{
	width: 125px;
	margin-left: -65px;
	margin-top: 10px;
	display: inline-block;
	margin-bottom: 12px;
	text-align: left;
}

#div_carrega_dades, #div_dades_usr, #div_dades_ext, #div_dades_cloud{
    height: 40px;
    width: 40px;
    border: 1px solid #cccccc;
    background-color: #e5e5e5;
    display: inline-block;
    margin-bottom: 2px;
    padding: 8px;
    margin-top: 2;
}
#div_dades_ext{
    padding: 8px;
}

.span_dades, .span_tematics{
	width: 165px;
	margin-left: 10px;
	margin-top: 10px;
	/* display: inline-block; */
	margin-bottom: 12px;
	text-align: left;
}

#div_punt{
    /*
    font-size: 14px;
	width: 40px !important;
	height: 40px !important;
	color: rgb(0, 0, 0);
	background-color: transparent;
	display: inline-block;
	float: left;
	border: 1px solid #cccccc !important;
	background-color: #e5e5e5 !important;
    margin-right: 5px;
    */
    margin: 0 auto;
    display: block;
    position: relative;
}

.icon-estils {
	background: url(images/9colors.png) no-repeat;
	cursor: pointer;
	width:24px;
	height:24px;
}
	
.span_estils_dibuix{
	width: 125px;
	margin-top: 18px;
	display: inline-block;
	margin-bottom: 12px;
	text-align: left;
	margin-left: 5px;
}

#funcio_draw{
	margin-top:5px;
}

#export_tools{
	height: 260px;
	margin-top: 5px;
	margin-left: 20px;
	padding: 5px;
}

#div_carrega_dades span{
	font-size: 1.5em;
	color: #2ebae6;
}

#div_dades_usr span{
	font-size: 1.5em;
	color: #2A63B4;
}

#div_dades_ext span{
	font-size: 1.5em;
	color: #009eda;
}

#div_dades_cloud span{
	font-size: 1.5em;
	color: #0181c9;
}

/*
#div_punt, #div_linia, #div_area{
	font-size: 2em !important;
	padding: 5px;
}
*/

#div_linia{
	/* padding:0px; */
}

.dibuix_linia .span_linia:before {
	/*content: url(../../llibreries/img/linia_instamaps.svg);

	-webkit-text-fill-color: green; */
}

.dibuix_linia .span_linia:before path {
  fill: #ff0000;
}


.dibuix_poligon .span_poligon:before {
	/*content: url(../../llibreries/img/glyphicons-100-vector-path-all.png);*/	
}

.span_exportar{
	/* margin-left: 20px; */
	display: inline-block;
	width: 165px;
	margin-top: 10px;
	height: 20px;
	float: right;
	margin-right: 25px;
}

.leaflet-popup-pane{
	 /* position: absolute !important; */
	 float: right;
	 /* margin-left: 80%; */
	 z-index: 20000;
}

.leaflet-popup-pane .leaflet-popup {
	float:right;
}

.router-link-active{
	opacity:1;
}

.leaflet-popup-pane .leaflet-popup{
	opacity: 1 !important;
	transform: translate3d(1024px, 180px,0px) !important;
	top: -180px !important;
	left: 540px !important;
	/* top: -350px; */
	display: block !important;
	/* height: 500px; */
	z-index: 1;
	position: relative;
}

#sidebar {
	min-width: 400px;
	max-width: 400px;
	min-height: 100vh;
	color: #444;
	transition: all 0.3s;
	background-color: white;
}

nav#sidebar{
	right:0px;
	height:100%;
	overflow-y: auto;
	border-left: 5px solid #2ebae6;
} 

#sidebar .sidebar-body {
    padding: 20px;
    display: block;
    height: inherit;
    flex: auto;
}

#sidebar.unactive {
    display:none;
}

#sidebar.active {
    display:block;
}

.wrapper {
    display: flex;
    align-items: stretch;
    float:right;
    /* border-left: 5px solid #2ebae6; */
}

#popup-mng{
	height:inherit;
}

#popup-mng .tab-content{
	height:inherit;
}

div.title-key h4{
    max-width: 80% !important;
}

div.title-key i{
    margin-top: 10px !important;
    margin-right: 10px !important;
}

.dibuix_punt_wrapper{
    width: 40px !important;
    height: 40px !important;
    background-color: transparent;
    display: inline-block;
    float: left;
    border: 1px solid #cccccc !important;
    background-color: #e5e5e5 !important;
    margin-right: 5px;
}

#footer_edit{
 	height:80px;
 	/* margin-bottom: 0px; */
	 /* vertical-align: bottom; */
	margin-left: 0px;
	padding-left: 0px !important;
}
 
#footer_edit .bs-popup{
 overflow: auto;
 height: inherit;
}

span.fa-question-circle-o{
  margin-bottom: 6px;
  margin-left: 5px;  
}

.my-text-center {
	color: #2ebae6;
	display: inline-block;
	margin-left: 10px;
}

#closeSidebar{
	float:right;
	margin-right: 10px;
	font-size: 1.5em;
	cursor: pointer;
}

#popup_footer{
	bottom: 15px;
	position:fixed;
	width: 355px;
}

.li-capes-popup {
	width: 300px;
}

.li-add-layer {
	float: right !important;
}

.leaflet-control-layers{
	display: inline-flex;
	width: 250px;
	margin-left: 10px;
	background: white;
	border: 0px;
	box-shadow:  none;
	height: auto;
	min-height: 100px;
}

.leaflet-control-layers-list #nomAplicacio {
	color:#444;
	text-align: left;
}

.ac-container .label_ac {
	color: #2ebae6 !important;
}

.tema_verd_move {
    color: #2ebae6 !important;
}

.tema_verd {
  color: #2ebae6 !important;
}

.ac-container .label_ac:hover {
	background: white;
}

.ac-large .ui-sortable{
	background:white;
}

.leaflet-name label{
	 color: #444 !important;
	 font-size: 1em;
	 font-family: Source\ Sans\ Pro,sans-serif;
	 font-weight: normal;
	 /*font-weight: 0;*/
	 white-space: nowrap;
	 text-overflow: ellipsis;
	 overflow: hidden;
	 margin: 0;
	/* max-width: 145px;
	 width: 145px;
	  border: 1px solid; */
}

.leaflet-control-layers .leaflet-remove, .leaflet-control-layers .leaflet-conf,.leaflet-control-layers .leaflet-data-table,
.leaflet-control-layers .leaflet-download,.leaflet-control-layers .leaflet-move,.leaflet-control-layers .leaflet-zoom
 {
    color: #444 !important;
}

input[type='checkbox'].checkbox_styled + label:before, input[type='checkbox'].checkbox_styled + label:after{
	color: #444 !important;
}

.ac-container input.menu:checked ~ ol{
    max-height: none;
}

.ac-container input.menu:checked ~ ol.ac-large{
	background:white;
    border: none;
    overflow: hidden;
}

.ac-container .label_ac{
	border:none;
}

.addVerd{
    color: #2ebae6 !important;
    background-image: none;
    margin-bottom: 8px;
    margin-top: 0px;
}

.addVerd:hover{
	background-color: white;
}

.info{
	background: none;
    box-shadow: none;
    padding: 0px;
}

.visor-legend-name {
    font-size: 1em !important;
    color: #444 !important;
}

.legend{
	display:inline;
}

.caret{
    border-top: 6px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

#legend_cont{
	background-color:white;
}

#nav_legend >li.active>a, #nav_legend>li.active>a:hover, #nav_legend>li.active>a:focus {
    background-color:white !important;
    color: #444 !important;
    border:0px !important;
	/*color: #2ebae6 !important;*/
}

.display-tab{	
    padding: 6px;
    font-size:1em;
}

#nav_legend .dropdown-menu {
	background-color:white;	
}


#nav_legend .dropdown-menu>li>a{
	background-color:white !important;
	color: #444 !important;
}

#dialog_etiquetes_capa .modal-dialog, #modal_download_layer .modal-dialog{
	padding-top: 2.69%;
	width: 28%;
	float: left;
	margin-left: 265px;
	margin-top: 0px;
}	

#dialog_etiquetes_capa .modal-backdrop, #modal_download_layer .modal-backdrop, #dialog_captura .modal-backdrop,  
#dialog_tematic_bubble .modal-backdrop, #dialog_tematic_rangs .modal-backdrop{
	height:0 !important;
}

#dialog_captura .modal-dialog{
    padding-top: 11.65%;
    width: 28%;
    float: left;
    margin-left: 265px;
    margin-top: 0px;
}

#dialog_tematic_bubble .modal-dialog, #dialog_tematic_rangs .modal-dialog {
	padding-top: 8.65%;
	width: 28%;
	float: left;
	margin-left: 265px;
	margin-top: 0px;
}
 
#dialog_tematic_rangs .modal-dialog {
    width: 32%;
}

#dialog_estils_punts .modal-dialog, 
#dialog_estils_linies .modal-dialog, 
#dialog_estils_arees .modal-dialog {
    padding-top: 60px;
    width: 500px;
}

#dialog_carrega_dades .modal-dialog,
#dialog_dades_ex .modal-dialog,
#dialog_teves_dades .modal-dialog {
    padding-top: 116px;
    width: 530px;
}

#dialog_layers_tematic .modal-dialog {
    padding-top: 174px;
    width: 500px;
}

#dialog_column_join .modal-dialog,
#dialog_spatial_join .modal-dialog,
#dialog_union .modal-dialog,
#dialog_centroid .modal-dialog,
#dialog_layers_filter .modal-dialog,
#dialog_intersection .modal-dialog,
#dialog_buffer .modal-dialog {
    padding-top: 230px;
    width: 500px;
}

.liX {
    width: 161px;
}

#div_punt9 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#label-dinamic, #label-estatic{ 
    background-color: #337ab7;
}

.nav-pills-urlfile > li.active > a, .nav-pills-urlfile > li.active > a:focus, .nav-pills-urlfile > li.active > a:hover{
	background-color: #337ab7;
	color: white;
}

.panel-danger>.panel-heading, .panel-success>.panel-heading {
    background-color: #e5e5e5;
}

.label-explora, .label-wms {
	color:#0181c9;
}

.llista-do li a:hover, .llista-wms li a:hover {
    color: #0181c9;
}

.info-wms{
	color: #0181c9;
}

.icon-add:before {
    color: #444;
}

#funcio_draw {
	height: 135px;
}

#cv_linia, #cv_pol {
    width: 100%;
}

.span_estils {
	width: 165px;
	margin-left: 10px;
	margin-top: 15px;
	/* display: inline-block; */
	margin-bottom: 12px;
	text-align: left;
}

ul#ch_idioma li, ul#perfil-selector li, ul#videos-selector li {
    height: 20px;
    width: 100%;
}

.dropdown-menu{
	min-width:146px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
    height: 25px;
    width:100%;
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
    height: 25px;
    width:100%;
}

ul#ch_idioma, ul#perfil-selector {
	background-color: white;
    opacity: 0.8;
}

#st_Color, #st_Tema, 
#st_Size, #st_Heat, 
#st_Clust {

	height: 40px;
    width: 40px;
    border: 1px solid #cccccc;
    background-color: #e5e5e5;
    display: inline-block;
    margin-bottom: 2px;
    padding: 8px;
	margin-left: 0px;

}

.span_tematics {
	margin-left: 10px;
}

.editable-unsaved {
    font-weight: normal;
}

.section-title .editable-unsaved {
    font-weight: bold;
}

.leaflet-right{
    visibility: visible;
}

.div_barrabotons{
    visibility: hidden;
}

.leaflet-top .leaflet-control-layers{
    visibility: hidden;
}

.modal-header h4 {
    padding-top: 6px;
}

.alert{
    border-radius: 0px;
}

.btn-mig{
    border-color: #2e6da4;
}

.data-table-icon-remove{
    color:#337ab7;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th 
{
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.glyphicon .glyphicon-eye-open .privacitatSpan,.glyphicon .glyphicon-eye-close .privacitatSpan, .glyphicon .glyphicon-trash .removeSpan {
    font-size: 0.8em;
}

.edit{
    border-right: 5px solid #ffbe00;
}

.eines{
    border-right: 5px solid #7eb210
}

.search{
    border-right: 5px solid #2ebae6
}

.sublegend{
    color: #444444;
    padding: 5px 0 0 16px;
    font-size: 1em;
}

.cc-config {
    margin-right: 120px;
    margin-top: 5px;
    font-size:14px !important; 
    color: #444 !important;
}

.dv_lleg{
   /* max-height: 260px;*/
}

.nav-tabs>li.active>a.popupTitleTab, .nav-tabs>li.active>a.popupTitleTab:focus, .nav-tabs>li.active>a.popupTitleTab:hover {
    padding: 10px;
}

nav ul li a.nextTab,nav ul li a.prevTab, nav ul li span.tabArrow {
    padding-top: 0px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 0px;
}

.pagination>li>a.popupTitleTab{
    padding: 10px 15px;
    color: #444;
}

.leaflet-control-layers-expanded {
    color: #444;
}

.leaflet-control-layers .leaflet-data-table, 
.leaflet-control-layers .leaflet-conf, 
.leaflet-control-layers .leaflet-subrow .leaflet-remove {
    opacity: 1;
}

#dialog_info_bloqueig_mapa > div.modal-dialog > div.modal-content {
	border-left: 5px solid #37c1ec;
}

.bt-sessio{
    background-color: #7eb210;
}

.bt-sessio:hover{
    background-color: #7eb210;
}

.bt_orange{
    background-color: #ffbe00;
}

.bt_orange:hover{
    background-color: #ffbe00;
}

#dialgo_leave .modal-header{
	color: #337ab7;
    background-color: #e5e5e5;
}

.leaflet-control-layers-list{
    max-height: 300px;
    overflow: auto;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
   width: 230px;
}

.leaflet-control-layers-expanded{
    padding: 0;
    overflow: hidden;
}

.editableform .form-control {
    width: 410px;
}

.editable-buttons {
   margin-left: -40px; 
}

.leaflet-control-layers .leaflet-name {
    width: 145px;
    display: inline-block;
    max-width: 145px;
}

.leaflet-control-layers .leaflet-data-table{
    display:none;
}

.layer-count{
    display:none;   
    width:80px; 
}

.ac-container .label_ac {
    padding-left:0px;
    padding-right:0px;
}

.leaflet-control-layers .subopcio-conf{
    margin-right:8px;
}

.editable-buttons .editable-cancel {
    display:none;
}

#map_layers_sidebar{
    overflow-y: hidden;
    max-height: 300px;
}

#dv_optCapa .panel{
    width:490px;
}

.bt_publicar{
    min-height:57px;
    padding: 0px !important;
    width: 220px;
    text-align: center;
	height: auto;
    line-height: inherit;
    display:table;
}

.floating-menu .items-wrapper .item .item-header .bt_publicar span {
    font-size: 18px;
    display:table-cell;
    vertical-align:middle;
}

.leaflet-control-layers .leaflet-link {
    float: right;
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}

#ul_urlfile_coords, #ul_urlfile_geom, #ul_url_adreca_parts, #ul_url_adreca_unica{
    list-style-type: none;
}

#ul_urlfile_coords input, #ul_urlfile_geom input{
    height : 24px;
}

#ul_urlfile_coords input, #ul_urlfile_geom input, #ul_url_adreca_parts input, #ul_url_adreca_unica input {
    height: 20px;
}

#ul_urlfile_geom{
    display:none;
}

.editable-clear-x{
    display: none !important;
}

.editable-input{
  /*  width:170px;*/
}

.section-title .editable-input{
    width:200px;
}

.section-title .editableform .form-control {
    width: 195px;
}

.section-title .editable-buttons {
    margin-left: 2px; 
}

#separador{
    display: inline;
    margin-left: 20px;
}

#separador_punticoma, #separador_url_punticoma{
    margin-left: 10px;
}

.legend-symbol img.img-legend{
    width: 28px;
    height: 28px;
}

.popover-content{
    width:450px;
 }
 
 .editable-input{
     width: 450px;
 }
 
 .editableform .form-control{
    width: 410px;
 }

 #map_legend_sidebar ::-webkit-scrollbar {
     width:0px;
     height:0px;
 }

 .bootstrap-table .fixed-table-container .fixed-table-body {
    height: 88% !important;
}

ol.sortable, ol.sortable2 {
    padding-inline-start: 0px;
}

span.fa-arrows{
    margin-left: 17px;
}

.align-right{
    position: relative; 
    float: right; 
    margin-top: 5px;
}

.form-control.my-border {
    height: 25px;
}

.col-md-2{
    padding-left:0px !important;
}

.leaflet-tooltip.leaflet-clickable { pointer-events: none !important; } 

#campPrincipal{
    max-width: 190px;
    margin-right: 10px;
}

.list-group-item{
    padding: 1px 15px;
}

.btn-dadesobertes{
   float: right;
   background-color: #337ab7;
   border-color:#337ab7;
   color: white;
}

.div-footer-result{
    margin-top:10px;
}

.btn-filtre{
    width:200px;
    text-align:left;
}

input.form-control.input-sm{
    height: 31px;
    vertical-align: top;
    /*padding-bottom: 65px;*/
}

.modal-body-loading{
    font-size:20px;
    width:260px;
    padding: 10px 10px;
	max-height:600px;
}

@media (min-height: 800px) {
    .popup_pres{
        max-height: 73vh;    
    }
}

@media (max-height: 800px) {
    .popup_pres{
        max-height: 63vh;    
    }
}

@media (max-height: 500px) {
    .popup_pres{
        max-height: 53vh;    
    }
}

.icon-estils-pen {
	background: url(images/marker-solid.svg) no-repeat;
	cursor: pointer;
	width:24px;
	height:24px;
}

.tab-content>.active header {
    display: none;
}
/*# sourceMappingURL=instamaps-editor.css.map */