@font-face {
		font-family: Feature Flat;
		font-display: swap;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDeck-Regular-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Feature Flat;
		font-display: swap;
		font-weight: 300;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDisplay-Light-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Feature Flat;
		font-display: swap;
		font-weight: 500;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDeck-Medium-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Feature Flat;
		font-display: swap;
		font-weight: 700;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDeck-Bold-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Feature Flat;
		font-style: italic;
		font-display: swap;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDeck-RegularItalic-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Feature Flat;
		font-style: italic;
		font-display: swap;
		font-weight: 300;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDisplay-LightItalic-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Feature Flat;
		font-style: italic;
		font-display: swap;
		font-weight: 500;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDeck-MediumItalic-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Feature Flat;
		font-style: italic;
		font-display: swap;
		font-weight: 700;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDeck-BoldItalic-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Feature Flat Text;
		font-display: swap;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatText-Regular-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Feature Flat Text;
		font-style: italic;
		font-display: swap;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatText-RegularItalic-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Feature Flat Text;
		font-display: swap;
		font-weight: 700;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatText-Bold-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Graphik;
		font-display: swap;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/Graphik-Regular-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Graphik;
		font-display: swap;
		font-weight: 500;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/Graphik-Medium-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Graphik;
		font-display: swap;
		font-weight: 600;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/Graphik-Semibold-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Graphik;
		font-style: italic;
		font-display: swap;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/Graphik-RegularItalic-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Graphik;
		font-style: italic;
		font-display: swap;
		font-weight: 500;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/Graphik-MediumItalic-Web.woff2) format("woff2")
	}

	@font-face {
		font-family: Graphik;
		font-style: italic;
		font-display: swap;
		font-weight: 600;
		src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/Graphik-SemiboldItalic-Web.woff2) format("woff2")
	}

	body {
		font-family: Graphik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
		background-color: #ffffff;
		margin: 0px;
		padding: 0px;
	}

	#mapa {
		width: 100%;
		height: 100vh;
		background-color: #ededed
	}

	.hmenua {
		position: absolute;
		right: 1em;
		width: 22%;
		top: 70;
		z-Index: 1000;
		background-color: white;
		/* background-color:rgb(255, 252, 198); */
		border-radius: 8px;
		border: 1px solid #7d7d7d;
		padding: 1.5%;
		text-align: 'center';
		box-shadow: 7px 7px 17px grey;
	}
 
	.hmenua2 {
		position: absolute;
		right: 30%;
		width: 35%;
		top: 100;
		z-Index: 1000;
		background-color: #ededed;
		border-radius: 8px;
		border: 1px solid #7d7d7d;
		padding: 1.5%;
		text-align: 'center';
		box-shadow: 7px 7px 17px grey;
		position: absolute;
		left: 50%;
		width: 35%;
		transform: translateX(-50%);
		text-align: center;
		height: 200px;
	}

	.goikomenua {
		width: 100%;
		padding: 1em .25em;
		background-color: #ffffff;
		text-align: center;
		top: 0px;
		display: flex;
		/*margin: 0% 0% 20px 0%;*/
	}

	.testuaktit {
		font-family: Graphik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
		color: #000000;
		font-size: .95em;
		font-weight: 600;
		padding: 0%;
		margin: 0%;
	}

	.testuaktit2 {
		font-family: Graphik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
		color: #333;
		font-weight: 600;
		font-size: 1.2em;
		font-weight: 600;
		padding: 0%;
		margin: 0%;
		margin-top: 65px;
	}

	.testuak {
		font-family: Graphik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
		color: #000000;
		font-size: .92em;
		font-weight: 600;
		padding: 0%;
		margin: 5% 0% 2% 0%;
		cursor: pointer;
	}

	.testt {
		font-family: Graphik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
		color: #000000;
		font-size: 0.65em;
		font-weight: 400;
		padding: 0%;
		margin: 0% 0% 5px 0%;
		display: inline-block;
		vertical-align: center;
	}

	.geziesk,
	.gezibeh {
		border: solid black;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 3px;
		vertical-align: bottom;
	}

	.geziesk {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		margin: 7px 8px 7px 6px;
	}

	.gezibeh {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		margin: 5px 7px 8px 8px;
	}

	.gezibol {
		width: 20px;
		height: 20px;
		background-color: #000000;
		border-radius: 50%;
		margin: 0px 0px 0px 10px;
	}

	button {
		font-family: Graphik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
		border: none;
		outline: none;
		transition: 0.3s;
		border-radius: 20px;
		cursor: pointer;
		display: inline-block;
	}

    #btorokorrak{
        gap: 1em;
        display: flex;
        flex-flow: wrap;
        padding-top: 1em;
    }

	/* .bt1 {
		height: 40px;
		padding: 10px;
		font-size: 1.2em;
		font-weight: 600;
	} 
	.bt2 {
		width: 45%;
		height: 36px;
		padding: 1.5% 0%;
		margin: 4% 0% 0% 2.5%;
		font-size: 13px;
		font-weight: 600;
	}

	.bt3 {
		min-width: 50px;
		height: 34px;
		padding: 0px 10px;
		margin: 3% 3% 0% 0%;
		font-size: 0.9em;
		font-weight: 400;
	}*/
     .bt1 {
        height: 56px;
        padding: 16px 24px;
        font-size: 1em;
        font-weight: 600;
        border-radius: 0;
        transition: all 0.2s ease;
        letter-spacing: -0.01em;
    }

    .bt1:hover {
        background-color: rgba(23, 63, 255, 0.08);
    }
    .bt2 {
        width: 46%;
        height: 44px;
        padding: 12px 0;
        font-size: 0.8em;
        font-weight: 600;
        border-radius: 8px;
        transition: all 0.2s ease;
        letter-spacing: -0.01em;
    }

    .bt3 {
        min-width: 50px;
        height: 40px;
        padding: 0px 16px;
        margin: 6px 4px 0 0;
        font-size: 0.88em;
        font-weight: 500;
        border-radius: 8px;
        transition: all 0.2s ease;
        letter-spacing: -0.01em;
    }



	.btluzea {
		width: 94%;
	}

	.hautatua {
		background-color: #173fff;
		color: #ffffff;
	}

	.hautatua:hover {
		/* background-color: #015e8a; */
		color: #ffffff;
		opacity: .7;
		cursor: pointer;
	}

	.hautagabea {
		/* background-color: #d9d9d9;
		color: #000000; */
		background: #fff;
		color: #000;
		border: 1px solid;
	}
	.hautagabea.disabled{
		background: #cbcbcb;
		cursor: auto;
	}

	.hautagabea:hover:not(.disabled) {
		/* background-color: #015e8a;
		color: #ffffff; */
		opacity: .7;
		cursor: pointer;
	}

	.hautagabea3 {
		/* background-color: #ffffff;
		color: #000000; */
		background: #fff;
		color: #000;
		border: 1px solid;
	}

	.hautagabea3:hover {
		/* background-color: #015e8a;
		color: #ffffff; */
		opacity: .7;
		cursor: pointer;
	}

	.marra {
		border-bottom: 1px solid #000000;
		padding: 0;
		width: 100%;
	}

	.bolatxoa {
		top: 2px;
		display: inline-block;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		border-width: 6px;
		margin: 2px;
	}

	.radioa {
		display: inline-block;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		border-width: 8px;
		margin: 0px 5px 0px 0px;
		background-color: #ffffff;
		vertical-align: bottom;
	}

	.bilaketa {
		width: 94%;
		font-family: Graphik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
		border: none;
		outline: none;
		padding: 0px;
		margin: 20px 0px 0px 0px;
		transition: 0.3s;
		border-radius: 20px;
		font-size: 1.15em;
		font-weight: 600;
		background-color: #ffffff;
		color: #4d4d4d;
		cursor: default;
	}

	.leaflet-popup-tip {
		width: 0px;
		height: 0px;
	}

	.popup-fixed {
		display: block;
		opacity: 1;
		position: fixed;
		bottom: 27%;
		left: 30px;
		transform: none !important;
		margin: 0;
	}

	.leaflet-popup-content {
		width: auto !important;
		max-width: 550px;
	}

	.leaflet-control-search .search-input {
		font-family: Graphik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
		display: block;
		float: left;
		background: #ffffff;
		border: 0;
		border-radius: 20px;
		height: 20px;
		padding: 20px 20px;
		margin: 0px;
		width: 100%;
	}

	.leaflet-control-search .search-tip {
		color: #ffffff;
		background: #ffffff;
	}

	.leaflet-control-search .search-tooltip {
		top: 62%;
		left: 20;
		box-shadow: 0px;
		background-color: #ffffff;
		z-index: 1010;
		overflow-y: auto;
		overflow-x: hidden;
		cursor: pointer;
		max-height: 180px;
		min-width: 88%;
	}

	.leaflet-control-search .search-tip {
		font-family: Graphik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
		font-size: 0.8em;
		margin: 0px;
		padding: 8px 8px;
		display: block;
		color: #000;
		background: #ebebeb;
		border-radius: 0;
		text-align: left;
	}

	.leaflet-control-search .search-button {
		display: none;
	}

	.barrarena {
		width: 100%;
		text-align: center;
		display: none;
	}

	.ba {
		display: inline-block;
		width: 150px;
		height: 24px;
		border-radius: 100px;
		border-width: 6px;
		margin: 10px 0% 0% 0%;
		vertical-align: bottom;
		background-color: #ffffff;
	}

	.barragr {
		display: inline-block;
		width: 142px;
		height: 16px;
		border-radius: 100px;
		border-width: 6px;
		margin: 4px 0px;
	}

	.eti {
		font-family: Graphik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
		color: #000000;
		font-size: 16px;
	}

	.etitit {
		font-weight: 900;
	}

	.etitxi,
	.etitxib,
	.etitxiz {
		font-size: 12px;
	}

	.etitxi {
		font-weight: 400;
		border-bottom: 1px solid #4d4d4d;
		padding-bottom: 10px;
	}

	.etitxiz {
		font-weight: 400;
		padding-bottom: 0px;
	}

	.etitxib {
		font-weight: 600;
		border-bottom: 1px dotted #4d4d4d;
		padding-bottom: 10px;
	}

	.etites {
		font-weight: 400;
		font-size: 12px;
		padding: 2px 0px 0px 10px;
	}

	.etitesald {
		font-weight: 400;
		font-size: 12px;
		padding: 2px 0px 0px 0px;
	}




.leaflet-popup-content {
    width: auto !important;
    max-width: 550px;
    font-family: 'Feature Flat', Graphik, sans-serif !important;
    padding: 4px;
}

/* Tabla del popup */
.eti {
    font-family: 'Feature Flat', Graphik, sans-serif !important;
    color: #1a1a1a;
    font-size: 14px;
    letter-spacing: -0.01em;
}

.etitit {
    font-weight: 700;
    font-size: 16px;
    color: #000;
}

.etitxi,
.etitxib,
.etitxiz {
    font-size: 13px;
}

.etitxib {
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.etites {
    font-weight: 400;
    font-size: 13px;
    padding: 8px 0px 8px 10px;
}




	.esk {
		text-align: right;
	}

	.grisa {
		color: #4d4d4d;
	}

	.zabaldu {
		min-width: 140px;
	}

	.zabaldug {
		min-width: 200px;
	}

	#aldr,
	#erm {
		display: none;
	}

	.leaflet-tooltip.my-labels {
		display: none;
		background-color: transparent;
		border: transparent;
		box-shadow: none;
		font-family: "lft-etica", sans-serif;
		color: #ffffff;
		font-size: 15px;
		-webkit-text-stroke: 0.3px #ffffff;
	}

	.leaflet-control-search.search-exp {
		border: none;
	}

	.leaflet-control-search .search-tooltip {
		top: 90%;
		left: -20px;
		box-shadow: 0px;
		background-color: #ffffff;
		z-index: 1010;
		overflow-y: auto;
		overflow-x: hidden;
		cursor: pointer;
		max-height: 180px;
		min-width: 100%;
	}

	.leaflet-tooltip-right::before,
	.leaflet-tooltip-left::before {
		border-left: none;
		border-right: none;
	}
	/* .leaflet-interactive{
		stroke: #373737;
	} */

	.fullscreen-container {
		display: none;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(90, 90, 90, 0.1);
		z-index: 1;/*100000;*/
	}	
	.leaflet-popup-close-button{
		display: none;
	}
	table tbody tr:nth-child(2n) {
		background-color: rgba(106, 129, 242, 0.1);
	}

	table tbody, table tfoot, table thead{
		border: none;
	}
	.leaflet-fixed-pane {
		pointer-events: none;
	}
	@media screen and (max-width: 639px) {
		.popup-fixed {
			display: block !important;
			opacity: 1;
			position: fixed;
			top: 1%;
			bottom: initial;
			left: 0.5% !important;
			right: 0% !important;
			width: 99% !important;
			transform: none !important;
			margin: 0;
		}

		.leaflet-fixed-pane {
			z-index: 100001 !important;
		}

		.leaflet-popup-content {
			margin: 9px 8px;
			width: 98%;
			overflow-y: scroll;
  			height: 500px;
		}

		table {
			width: 99%;
		}
		.leaflet-fixed-pane {
			pointer-events: auto;
		}
		.eti.etitesald.txikia{
			font-size: 12px;
		}
	}

	.etites {
		padding: 2px 1px 0px 10px;
	}

	@media screen and (max-width: 39.9375em) {
		.hmenua {
			position: relative;
			width: 100%;
			border-radius: 0px;
			border: none;
			padding: 3%;
			margin: 0px;
			top: 5px;
			left: 0;
			right: 0;
			text-align: left;
		}

		#mapa {
			height: 96vh;
		}

		.bt1 {
			padding: 10px;
			font-size: 1em;
			font-weight: 600;
			margin-bottom: .25em;
		}

		.marra {
			height: 8px;
		}
		
	}