/* selector specifity: the selector with higher specifity (the more complicated) will apply
but basically the higher the numbers,the more that selector apply.
*/

* {
  padding: 0;
  margin: 0;
}

#map {
    height: 100vh;
  }

/* leaflet rétegfa stílus */
.leaflet-control-layers {
	background-color:  #f6ede1;
}

.layer-style {
	background: '#e6a305';
	margin-bottom: 3px;
	padding: 0.5px;
}

.geo-search > button {
	margin-right: 10px;
}


/* .leaflet-control-fullscreen {
	position: absolute;
    right: 250px;
} */


/* .geo-search.leaflet-control.open {
width: 290px;;
} */

/* .overlay {
  position: absolute;
  z-index: 1000;
  top: 400px;
  right: 0;
  background: rgba(255,255,255,0.7);
  padding: 10px;
  margin: 10px;
  border-radius: 10px;
  box-shadow: 1px 1px 1px grey;
}

#slide-in {
	position: fixed;
	z-index: 1000;
	right: 0px;
	top: 540px;    margin-bottom: 2px;
	width: 100px;
	padding: 5px;
	background: beige;
	border-radius: 10px;
	margin-right: -150px;
	transition: 1s;
}

#slide-in.in {
	margin-right: 10px;
} */

/* popup stílus rétegenként: popup option --> className = 'stylePopupHunMegye' */
.style-popup-hun .leaflet-popup-content-wrapper,
.style-popup-hun .leaflet-popup-tip {
	background-color: #707d85d4;
    color: #fafa48;
    box-shadow: 0 3px 14px rgb(0 0 0 / 40%);
	border-radius: 6px;	
}

.style-popup-mon .leaflet-popup-content-wrapper,
.style-popup-mon .leaflet-popup-tip {
	background-color: #a55151;
    color: #fafa48;
    box-shadow: 0 3px 14px rgb(0 0 0 / 40%);
	border-radius: 6px;
	opacity: 0.8;
}
.style-omm-folyok .leaflet-popup-content-wrapper,
.style-omm-folyok .leaflet-popup-tip {
	background-color: #81c1f3;
    color: #0d20d2;
    box-shadow: 0 3px 14px rgb(0 0 0 / 40%);
	border-radius: 6px;	
}

.style-omm-tooltip {
	background-color: #96c3deb9;
	color: #1b08f9;
    font-size:12px;
}

.leaflet-tooltip-left.style-omm-tooltip::before {
  border-left-color: #96c3deb9;
}
.leaflet-tooltip-right.style-omm-tooltip::before {
  border-right-color: #96c3deb9;
}

/* leaflet layer control - default értékek felülírása) */
	/*checkbox pozícionálása*/
	.leaflet-control-layers-selector {
		margin-top: 2px;
		margin-left: 8px;
		top: 1px;
		right: 5px;
	}
	
	/*réteg eltávolító ikon pozícionálása*/
	.bt_delete {
		top: 2px;
	}

/* ******************* leaflet-sidebar-content stílusok ******************* */
.leaflet-sidebar-content {
	background-color: #e7ddcd;
}

.leaflet-sidebar-tabs {
	background-color: #f7ebda;
}

.leaflet-sidebar-header {
	background-color: #b39768;
	text-align: center;
}

.leaflet-sidebar-tabs > ul > li.active {
	color: #fff;
	background-color: #f29a05; 
}



/* ******************* Home sidebar stílusok ******************* */

.text-find-input {
	width: 30%;
	margin: 20px 10px 0px 0px;
	border: 1px solid gray;
	border-radius: 3px;
	font-size: 1rem;
	padding: 7px;
}

.text-find-input:focus {
	outline: none;
	border-color: rgb(9, 206, 26);
	box-shadow: 0 0 10px #2f8da7;
	background-color: #d6eff3;
  }

input::placeholder {
	font-size: 0.8rem;
	opacity: 0.5;
}

/* input[type="text"]:focus {
	outline: none;
	border-color: rgb(9, 206, 26);
	box-shadow: 0 0 10px #719ECE;
	background-color: #d6eff3;
} */


/* ******************* Home sidebar kereső stílusok ******************* */

.errorMsg {
    font-size: 1.3em;
    padding: 0;
    margin: 0px -20px 0px -20px;
    text-align: center;
    background-color: darksalmon;
  }

.button-8 {
	width: 20%;
	background-color: #cce4f5;
	border-radius: 3px;
	border: 1px solid #7aa7c7;
	/*   box-shadow: rgba(247, 241, 241, 0.7) 0 1px 0 0 inset; */
	box-sizing: border-box;
	color: #20455e;
	cursor: pointer;
	display: inline-block;
	font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.1;
	margin: 0;
	outline: none;
	padding: 7px .8em 8px .8em;
/* 	position: relative; */
	/* text-align: center; */
	/*   text-decoration: none; */
	/*   user-select: none; */
	/*   -webkit-user-select: none; */
	touch-action: manipulation;
	vertical-align: baseline;
	white-space: nowrap;
}

.button-8:hover,
.button-8:focus {
	background-color: #2f8da7;
	color: white;
}

.button-8:focus {
box-shadow: 0 0 4px rgba(0, 149, 255, .15);
}

.button-8:active {
	background-color: #0e578f;
	color: white;
}

.button-8:disabled {
	box-shadow: none;
	background-color: #f5eeee;
	color:#9ba0a3;
	cursor: not-allowed;
}

.button-8:hover:disabled {
	color: #39739d;
}


#btnZoomToFullExtent {
	background-color: rgb(200 220 220);
	margin-left: 18px;
	padding: 5px;
	border: solid 1px;
	border-color: #28cdcd;
	position: absolute;
	margin-top: 1.8em; cursor: zoom-out;
	right: 1.5em;                
}

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted rgb(16, 195, 81);
}
  
.tooltip .tooltiptext {
	visibility: hidden;
	width: 90px;
	background-color: #817968;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.5s;
}
  
.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #817968 transparent transparent transparent;
}
  
.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 0.7;
}


/* ******************* Home sidebar Táblázat stílus ******************* */

table {
	margin-top: 30px;
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border: 1.5px solid #dfcaab;
  }

  tbody th {
	text-align: left;
	width: 30%;
	padding: 5px;
	font-size: 1.3em;
	font-style: oblique;
  }

  tbody td {
	text-align: left;
	padding-left: 0px;
	font-size: 1.2em;
  }

  tbody tr:nth-child(odd) {
	background-color: #d7d2bb;
  }