.datuak-kargatzen {
    width: 190px;
    background-color: #fff;
    color: #d70011;
    border: 1px solid #d70011;
    border-radius: 5px;
    padding: 15px;
    position: absolute;
    left: calc(50% - 115px);
    top: 100px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
.datuak-kargatzen img {
    width: 50px;
    display: block;
    margin: 0 auto 15px auto;
}
a {
    color: #e50000;
    text-decoration: none;
}
.d3-tip {
    width: auto;
}
.d3-tip.e::before, .d3-tip.e::after {
    top: calc(50% - 10px);
}
.unitateak {
    stroke: #777;
    stroke-width: 0.33px;
    stroke-linejoin: round;
}

.unitateak:hover {
    fill: #777;
}

.eskualde-mugak {
    fill: none;
    stroke: #777;
    stroke-width: 0.5px;
    stroke-linejoin: round;
}

.kanpo-mugak {
    fill: #fff;
    stroke: #777;
    stroke-width: 2px;
    stroke-linejoin: round;
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.4));
}
.ipar-eh-barrutia.leaflet-interactive {
    fill-opacity: 0;
    pointer-events: none !important;
    stroke: #444;
    stroke-width: 3;
}
.ipar-eh-barrutia-tooltip {
    background: transparent !important;
    border: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
    font-size: 24px !important;
    font-weight: bold !important;
}
.udalerriak-mapa-kaxa.zabalera-txikirako .ipar-eh-barrutia-tooltip {
    font-size: 18px !important;
}
.ipar-eh-barrutia-tooltip::before {
    display: none !important;
}
.biarno-tooltip {
    background: transparent !important;
    border: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
    font-size: 24px !important;
    color: #555;
}
.udalerriak-mapa-kaxa.zabalera-txikirako .biarno-tooltip {
    font-size: 18px !important;
    padding-left: 20px;
}
.biarno-tooltip::before {
    display: none !important;
}
#kontainerra {
    margin: 0 auto 0 auto;
    width: 680px;
    position: relative;
    height: 1000px;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 16px;
}
.hasierako-mezua {
    text-align: center;
    margin-top: 10px;
    display: none;
    border: 1px solid #ccc;
    color: #333;
    background-color: #ddd;
    padding: 20px 10px;
    font-size: 2rem;
}

.hauteskunderik-ez, .hautagairik-ez {
    display: none; /* Hasieran ezkutuan */
    text-align: center;
    margin-top: 10px;
}
#unitatea-izena {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 20px;
    text-transform: uppercase;
}

.datuak-taula {
    font-size: 1.4rem;
    line-height: 2.1rem;
}

.datuak-taula .eskuinekoa {

}

.emaitzak-taula {
    font-size: 1.4rem;
    line-height: 2.1rem;
}

.emaitzak-taula .kolorea {
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    width: 15px;
    margin-top:10px;
}

.emaitzak-taula .izena {

}

.emaitzak-taula .botoak, .emaitzak-taula .ehunekoa {
    text-align: right;

}

.emaitzak-taula .ahulkiak {
    text-align: right;

}

.emaitzak-taula .aldea {
    text-align: right;

}
.datuen-taula table {
    margin-top: 20px;
    margin-bottom: 40px;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 13px;
}
.datuen-taula thead tr {
    background-color: #b50000;
    color: #fff;
}
.datuen-taula tbody tr {
    border-bottom: 2px solid #ddd;
    text-align: right;
}
.datuen-taula tbody tr td:first-child, .datuen-taula thead tr th:first-child {
    text-align: left;
    padding-left: 5px;
}
.datuen-taula tbody tr td, .datuen-taula thead tr th {
    padding-left: 5px;
}
.datuen-taula td, .datuen-taula th {
    padding-top: 5px;
    padding-bottom: 5px;
}
.partehartze-datuak-taula thead th {
    text-align: right;
}
.partehartze-datuak-taula {
    text-align: right;
}
.partehartze-datuak-taula tbody td.partehartze-aurrerapena {
    font-weight: bold;
}
.c3-axis-x .tick line {
    display: none;
}
.c3-bar {
    stroke: #fff !important;
    stroke-width: 1;
}
.datuak-herriz-herri {
    margin-top: 60px;
    text-align: right;
    text-transform: uppercase;
    font-size: 24px;
}

.udalerriak-zerrenda {
    background-color: #fbe5e6;
    padding: 10px;
    margin-top: 22px;
    text-align: center;
    position: relative;
}
.udalerriak-zerrenda::before {
    position: absolute;
    top: -13px;
    right: 124px;
    width: 0;
    border-bottom: 15px solid #fbe5e6;
    content: "";
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}
.udalerriak-zerrenda ul {
    padding-left: 0px;
}
.udalerriak-zerrenda ul li {
    display: inline-block;
}
.udalerriak-zerrenda ul li .banatzailea {
    padding: 0 5px 0 8px;
    color: #d70011;
    font-weight: 700;
    font-size: 1.8rem;
}
.udalerriak-zerrenda ul li a {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: 5px;
    color: #333;
}
.lurraldeak-etiketa {
    font-size: 14px !important;
    font-weight: 400!important;
    line-height: 21px!important;
}
#lurraldeak,
#udalerriak {
    font-size: 1.4rem !important;
    height: calc(2.7rem + 2px);
}
.lehen-indarrak {
    margin-top: 60px;
}
.lehen-indarrak h2 {
    font-size: 24px;
}
.lehen-indarrak .lehen-indarrak-kaxa {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}
.lehen-indarrak .lurraldea-izena {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}
.herrien-bilatzailea {
    float: right;
    position: relative;
    width: 100%;
}
.herrien-bilatzailea .select2.select2-container.select2-container--default {
    width: 100% !important;
}
@media (max-width: 767px) {
    .herrien-bilatzailea {
        margin-top: 5px;
        margin-bottom: 25px;
    }
}
.herrien-bilatzailea .oi-magnifying-glass {
    position: absolute;
    right: 10px;
    top: 7px;
    color: rgb(73, 80, 87);
    z-index: 10;
    pointer-events: none;
}
.herrien-bilatzailea .select2-container--default .select2-selection--single {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 2.5px;
    height: calc(2.7rem + 3px);
}
.herrien-bilatzailea .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 1rem .75rem;
    line-height: 10px;
}
.herrien-bilatzailea .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgb(73, 80, 87);
}
.herrien-bilatzailea .select2 .select2-selection__arrow {
    display: none;
}
#distrituak-mapa-kaxa, #udalerriak-mapa-kaxa, .udalerriak-mapa-kaxa, #udalerriak-partehartzea-mapa-kaxa, #udalerriak-parte-hartzea-mapa-kaxa, #udalerriak-mapa-kaxa-araba, #udalerriak-mapa-kaxa-bizkaia,
#udalerriak-mapa-kaxa-gipuzkoa, #udalerriak-mapa-kaxa-nafarroa, #udalerriak-partehartzea-mapa-kaxa-araba, #udalerriak-partehartzea-mapa-kaxa-bizkaia,
#udalerriak-partehartzea-mapa-kaxa-gipuzkoa, #udalerriak-partehartzea-mapa-kaxa-nafarroa, #udalerriak-parte-hartzea-mapa-kaxa-araba, #udalerriak-parte-hartzea-mapa-kaxa-bizkaia,
#udalerriak-parte-hartzea-mapa-kaxa-gipuzkoa, #udalerriak-parte-hartzea-mapa-kaxa-nafarroa {
	height: 830px;
}
.udalerriak-mapa-kaxa.zabalera-txikirako {
    height: 450px !important;
}
@media (max-width: 767px) {
    .udalerriak-mapa-kaxa {
        height: 500px;
        max-width: 90%;
        margin: 0 auto;
    }
}
.leaflet-container {
	font-size: 1.2rem;
}
.leaflet-control-attribution .leaflet-attribution-flag {
	display: none !important;
}
.udalerria-popup .udalerria-izena {
    font-weight: bold !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
}
.udalerria-popup .udalerria-ordua {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
    font-size: 13px !important;
    line-height: 16.9px !important;
}
.udalerria-popup .udalerria-zenbatua {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    font-size: 13px !important;
    line-height: 16.9px !important;
}
.udalerria-popup .lehen-indarra-lehen {
    text-transform: uppercase !important;
    font-size: 16px !important;
    line-height: 20px !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
}
.udalerria-popup .lehen-indarra-lehen .alderdia {
    text-transform: none !important;
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 20px !important;
}
.botoi-gorria {
    background-color: #d70011;
    color: #fff !important;
    padding: 5px;
    text-transform: uppercase;
    font-weight: bold;
}
.botoi-gorria:hover {
    border-bottom-width: 1px !important;
}
.udalerria-popup .udalerria-emaitzak thead th:first-child {
    text-align: left;
    padding-left: 0px;
}
.udalerria-popup .udalerria-emaitzak thead th:last-child {
    padding-right: 0px;
}
.udalerria-popup .udalerria-emaitzak tbody td.botoak {
    text-align: right;
}
.udalerria-popup .udalerria-emaitzak tbody td.hautetsiak {
    text-align: right;
    font-weight: bold;
}
.udalerria-popup .udalerria-emaitzak tbody td.hautetsiak .aldea {
    margin-left: 5px;
    font-weight: normal;
    width: 20px;
    display: inline-block;
}
.parte-hartzea-orria {
    margin-top: -20px;
}
.parte-hartzea-legenda img {
    width: 260px;
    margin-top: 5px;
    margin-bottom: -7px;
}
h1.lurraldea-izenburua {
    font-family: 'Merriweather, serif';
    text-transform: capitalize;
    font-size: 36px;
}
.zirkuluen-legenda {
    padding-top: 20px;
    font-size: 14px !important;
    font-weight: 400!important;
    line-height: 21px!important;
}
.zirkuluen-legenda img {
    width: 100px;
    float: left;
}
.zirkuluen-legenda .legenda-azalpena {
    margin-left: 110px;
}
/* Lehen sei alderdiak bakarrik bistaratu popup-ean. Bestela asko luzatzen da. Guztiak xehetasunen orrian. */
.leaflet-popup .udalerria-emaitzak tbody tr:nth-child(n+7) {
    display: none;
}
.leaflet-popup .udalerria-emaitzak .alderdia {
    text-transform: uppercase;
}
.leaflet-popup .udalerria-emaitzak .alderdia .hautagaia {
    text-transform: none;
}
.kredituak.leaflet-control {
    margin-left: 20px;
    margin-bottom: 20px;
}
.kredituak.leaflet-control a {
    border-bottom: none;
}
.kredituak.leaflet-control #argia-logoa {
    width: 180px;
}
.koloreen-legenda {
    padding: 5px 5px 0px 5px;
    margin-bottom: 15px !important;
    margin-left: 15px !important;
    background-color: #f8f8f8;
    opacity: 0.8;
    border-radius: 5px;
}
.koloreen-legenda .koloreen-legenda-alderdia {
    margin-bottom: 5px;
}
.koloreen-legenda .koloreen-legenda-alderdia .koloreen-legenda-kolorea {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
}
.koloreen-legenda .koloreen-legenda-alderdia .koloreen-legenda-izena {
    font-size: 16px;
    line-height: 18px;
}