html, body{
	font-family: 'Arial', sans-serif;
	height:100%;
}
#mapa{
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	z-index:1;
	
} 
/* popups----------------------------------- */
.leaflet-popup-content-wrapper {
	background-color: #c8d8e2;
	border-radius: 1px;
	height: auto;
	width:auto;
	
}
.leaflet-popup-content {
	margin:0px;   
	width:300px;
	
}
#content_crear{

	height: 130px;
}


.leaflet-tooltip{
	width: 300px;
	
	
}

.span{
	color:black;
	font-size: 14px;
}
.titulo {
	text-align: center;
	color: white;
	background-color:#67839b;
	font-size:18px;
	margin: 0px;
	padding: 5px 10px;
	width:100%;
}
.titulo p{
	margin: 0px;
}
.botones{
	margin-left:20px;
}
.boton {
	color: rgb(243, 236, 236);
	background-color:#67839b;
	padding:8px 12px;
	position:relative;
	margin-top: 280px;
	margin-right:2px;
	float:left;
	/* display: none; */
	font-size: 16px;
	border-radius:5px;
	border: none;
	opacity:1;
	
}
#incidencia_editado_boton{
	margin-top: 300px;
}
.boton:first-of-type {
	display: inline-block;
}
#borrado_boton{
	background-color:#DC3545;
}
#editado_boton{
	background-color:#17A2B8;
}
#parte_boton_arb{
	background-color:rgb(240, 208, 111);

}
#parte_boton_mob{
	background-color:rgb(240, 208, 111);

}
#parte_boton_res{
	background-color:rgb(240, 208, 111);

}
#parte_boton_ilu{
	background-color:rgb(240, 208, 111);

}
#titulo_crear{
	background-color:rgb(7, 119, 44);
}
#pruebapopup{
	padding:10px;
}
#crear_boton{
	background-color:rgb(7, 119, 44);
	position:relative;
	margin-top: 5px;
	margin-right:60px;
}

.tabs {
	position:relative;
	min-height:400px;
	clear:both;
	margin:25px 0;
}
.tab {
	float:left;
	display: none;
}
.tab:first-of-type {
	display: inline-block;
}
.tabs-link {
	position: relative;
	top: -14px;
	height: 20px;
	left: -30px;
}
.tab-link {
	background:#eee;
	display: inline-block;
	padding:10px;
	border:1px solid #ccc;
	margin-left:-1px;
	position:relative;
	list-style-type: none;
	left:1px;
	top:1px;
	cursor:pointer;
}
.tab-link {
	background:#f8f8f8;
}
/* ---dentro de los tabs de los popups y del gestor de capas del sidebar */
.content {
	background-color: #c8d8e2;
	position:absolute;
	top:28px;
	left:0;
	right:0;
	bottom:0;
	padding:20px;
	/* border:1px solid #ccc; */
}
.tab:target {
	display: block;
}



label{
	font-size:16px;
}

/* sidebar estilo de los select	 */		
.select-css {
	display: block;
	font-size: 16px;
	font-family: 'Arial', sans-serif;
	font-weight: 400;
	color: #444;
	line-height: 1.3;
	padding: .4em 1.4em .3em .8em;
	width: 400px;
	max-width: 100%; 
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
	border-radius: .3em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(140, 184, 231, 0.7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222; 
	outline: none;
}
.select-css option {
	font-weight:normal;
}

/* modal de parte de actuacion-------------------------- */
#parte {
	margin-left: 5px;
	margin-top: 5px;
	position:absolute;
	width: auto;
	height:auto;
	background-color:#f7f9fa; 
	opacity:1;
	z-index: 2147483638;
	display:none;

}
#edicionAlumbrado{
	margin-left: 5px;
	margin-top: 5px;
	position:absolute;
	width: auto;
	height:auto;
	background-color:#f7f9fa; 
	opacity:1;
	z-index: 2147483638;
	display:none;

}
#parte .titulo{
	width:100%;
	
	background-color: orange;
}
#parteform{
	margin-top: 5px;
	margin-left:2.5%;
	width:95%;
}
	
/* TABLAS----------------------------------------------------------------------------------- */
#botones_tablas{
	float:left;
	
}
.boton1 {
	color: rgb(243, 236, 236);
	background-color:#1b2125;
	padding:8px 12px;
	position:relative;
	margin-left:20px;
	margin-top: 20px;
	margin-right:2px;
	float:left;
	/* display: none; */
	font-size: 16px;
	border-radius:5px;
	border: none;
	opacity:1;
	
}
.container-fluid{
	background-color:#14181a; 
	padding:5px 0px;
	width:100%;
	/* margin-top:-10%;
	float:left;
	z-index: 2147483638;
	margin-bottom: 0px; */
	/* position:absolute;
	bottom:20%; */
}
#tabla_parte{
	/* margin-top: 10%;
	position:relative; */
	font-size: 12px;
	z-index: 2147483638;
	background-color:#f7f9fa; 
	opacity:1;
	width:100%;
	position:absolute;
	bottom:0%;
}

#tabla_residuos{
	font-size: 12px;
	position:absolute;
	bottom:0%;
	z-index: 2147483638;
	background-color:#f7f9fa; 
	opacity:1;
	width:100%;
}
#tabla_arbolado{
	font-size: 12px;
	position:absolute;
	bottom:0%;
	z-index: 2147483638;
	background-color:#f7f9fa; 
	opacity:1;
	width:100%;
}

#tabla_mobiliario{
	font-size: 12px;
	position:absolute;
	bottom:0%;
	z-index: 2147483638;
	background-color:#f7f9fa; 
	opacity:1;
	width:100%;
}

#tabla_iluminacion{
	font-size: 12px;
	position:absolute;
	bottom:0%;
	z-index: 2147483638;
	background-color:#f7f9fa; 
	opacity:1;
	width:100%;
}
#tabla_incidencias{
	font-size: 12px;
	position:absolute;
	bottom:0%;
	z-index: 2147483638;
	background-color:#f7f9fa; 
	opacity:1;
	width:100%;
}
.my-custom-scrollbar {
	/* position: relative; */
	height: 200px;
	overflow: auto;
	}
.table-wrapper-scroll-y {
display: block;
width:auto;
}

/* CABECERA TABLAS	 */
	  
th {
cursor: pointer;
background:rgb(12, 0, 0);
position: sticky; top: 0;top: 0;
}
	  
.leaflet-sidebar-pane p,h1{
	margin-right:20px;
}	  

.table .select-css{
	width:100%;
}	
.fa-lightbulb{
	color:black	;
	transition: color 2s;	
}
.fa-ban{
	color:black	;
	transition: color 2s;	
}
.fa-triangle-exclamation{
	color:black	;
	transition: color 2s;	
}
.myDivIconLuz .circle-border {	
	background: rgb(241, 241, 145);
	border:1px solid black;
	width: 20px;
	height: 20px;
	border-radius:12px; /* half of width + borders */ 
	line-height: 20px; /* vertical center */
	}
.myDivIconLuz  :hover{
	color:white;
	transform: scale(1.2) ;
} 
.myDivIconVado .circle-border {	
	background: rgb(218, 86, 25);
	border:1px solid black;
	width: 20px;
	height: 20px;
	border-radius:12px; /* half of width + borders */ 
	line-height: 20px; /* vertical center */
	}
.myDivIconVado  :hover{
	color:white;
	transform: scale(1.2) ;
} 
.myDivIconSenal .circle-border {
	color:white;	
	background: rgb(40, 7, 184);
	border:1px solid rgb(250, 247, 247);
	width: 20px;
	height: 20px;
	border-radius:12px; /* half of width + borders */ 
	line-height: 20px; /* vertical center */
	}
.myDivIconSenal  :hover{
	color:white;
	transform: scale(1.2) ;
} 
.circle-border :hover{
	background: rgb(247, 9, 9);
	border:1px dotted rgb(247, 243, 243);
	width: 25px;
	height: 25px;
	border-radius:12px; /* half of width + borders */ 
	line-height: 20px; /* vertical center */	
}

.fa-chair{
	color:black	;
	transition: color 2s;	
}

.myDivIconMueble .circle-border {	
	background: rgb(64, 216, 236);
	border:1px solid black;
	width: 20px;
	height: 20px;
	border-radius:12px; /* half of width + borders */ 
	line-height: 20px; /* vertical center */
	}
.myDivIconMueble  :hover{
	color:white;
	transform: scale(1.2) ;
}