/* Definicie premennych a zakladne styly */


:root {
    font-size: 16px;
    line-height: 1.35;
    --color-font-dark: #101d37;
    --color-font: #1b325f;
    --color-accent: #00aeef;
    --color-medium-dark: #6a8ea9;
    --color-medium: #b5cee1;
    --color-light: #d6e6f2;
    --color-background: #e9f2f9;
    --color-contrast: #f16c4f;
    --color-contrast-dark: #ed4520;
    --color-white: #ffffff;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body {
    margin: 0;
}
table {
    border-collapse: collapse;
}
body, select, input, .leaflet-container {
    font-family: "Ubuntu", sans-serif
}
body, select {
    color: var(--color-font);
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    cursor: pointer;
}
a.link {
    border-bottom: 1px dotted;
}
a.link:hover {
    border-bottom: 1px solid;
}
select {
    padding: 0.5em;
    border: 1px solid var(--color-medium);
    margin-bottom: 0.25em;
    border-radius: 0.25em;
}


/* Tlacidla */


.button {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}
.button.with-icon {
    display: flex;
    width: fit-content;
    border-radius: 2rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.button:hover {
  cursor: pointer !important;
}
.button-normal {
  display: inline-block;
  font-size: 1rem;
  padding: 0.75rem 1rem;
}
.button-normal.with-icon {
    padding: 0.625rem 1rem;
}
a.button-contrast, a.button-accent, a.button-font, a.button-tl a.button-font-light, a.button-contrast-disabled, a.button-podporte {
    color: var(--color-white) !important;
}
.button-background {
    background-color: var(--color-background);
}
.button-background:hover {
    background-color: var(--color-light);
}
.button-light {
    background-color: var(--color-light);
}
.button-light:hover {
    background-color: var(--color-medium);
}
.button-font {
    background-color: var(--color-font);
}
.button-font:hover {
    background-color: var(--color-font-dark);
}
.button-contrast, .button-podporte {
    background-color: var(--color-contrast);
}
.button-contrast:hover, .button-podporte:hover {
  background-color: var(--color-contrast-dark);
}
.button-podporte {
    font-size: 1rem;
    padding: 0.75rem;
    margin-left: 1.5rem;
}
.button-icon {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    background-size: 1.4em 1.4em;
}
.button-text {
    margin: 0.2em 0;
    margin-left: 0.75em;
}
.icon-settings {
    background-image: url('../images/settings.svg');
}
.icon-info {
    background-image: url('../images/info.svg');
}

.tooltip {
    display: inline-block;
    position: relative;
    top: -0.04rem;
    width: 0.6rem;
    height: 0.6rem;
    color: var(--color-white);
    background-color: var(--color-font);
    font-size: 0.6rem;
    line-height: 0.6rem;
    font-weight: bold;
    text-align: center;
    padding: 0.15rem;
    margin-left: 0.2rem;
    border-radius: 0.5rem;
    cursor: help;
}
.mapa-controls-section-title .tooltip {
    top: -0.1rem;
}


/* Hlavicka */


.header {
    position: fixed;
    z-index: 1500;
    top: 0;
    width: 100%;
    background-color: var(--color-white);
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--color-light);
}
#mapa .header {
    border-bottom: none;
}
.content {
    position: relative;
    max-width: 80rem;
    margin: 0 auto;
}
#mapa .content {
    max-width: 100%;
}
.logo {
    float: left;
    margin: 0 2rem 0 1rem;
}
.logo a img {
    height: 2.5rem;
}
ul.menu {
    float: left;
    font-weight: bold;
    font-size: 1rem;
    margin: 0;
    padding: 0 0 0 1rem;
    border-left: 1px solid var(--color-light);
    list-style: none;
}
ul.menu li, ul.mm-menu li {
    position: relative;
}
ul.menu li {
    height: 1rem;
    display: inline-block;
    line-height: 1;
    text-transform: uppercase;
    padding: 0.75rem 0.75rem;
}
ul.menu li a:hover {
  color: var(--color-accent);
}
.right-menu {
    float: right;
    display: flex;
    margin-right: 1rem;
}
.tis-logo {
    margin: 0.25rem 0 0.25rem 1.5rem;
}
.tis-logo img {
    height: 2rem;
}


/* Mobilna hlavicka */


.mm {
    display: none;
}
.mm-button {
    display: none;
    position: absolute;
    top: 0.35rem;
    right: 1.5rem;
    width: 1.8rem;
    height: 1.8rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/menu.svg);
}
.mm-menu .menu-porovnanie-count {
    top: 0.9rem;
    right: 0.9rem;
    padding: 0.3rem;
    font-size: 80%;
    border-radius: 0.7rem;
}
.mm-button {
    display: none;
    position: absolute;
    top: 0.35rem;
    right: 1.5rem;
    width: 1.8rem;
    height: 1.8rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../images/menu.svg");
}
.mm-button:hover {
      cursor: pointer;
}
.mm {
    display: none;
    position: absolute;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: var(--color-font);
}
ul.mm-menu {
      list-style-type: none;
}
ul.mm-menu {
    margin: 0;
    padding: 0;
}
ul.mm-menu li a {
    display: block;
    min-width: 15rem;
    color: var(--color-white);
    line-height: 1;
    font-size: 110%;
    font-weight: 500;
    white-space: nowrap;
    margin: 0;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--color-font-dark);
}
ul.mm-menu li a:hover {
    background-color: var(--color-accent);
}
.mm-icons {
    height: 1.5rem;
    padding: 1.5rem 1.25rem;
    border-bottom: 1px solid var(--color-font-dark);
    white-space: nowrap;
}
.mm-icons a svg path {
    fill: var(--color-white);
}
.mm-icons a:hover svg path {
    fill: var(--color-contrast);
}
.social-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.5rem;
}
.social-icon svg {
    width: 1.5rem;
    height: 1.5rem;
}
.mm-darujte {
    padding: 1.25rem 1.25rem;
    white-space: nowrap;
}
.mm-icons a {
    width: 1.5rem;
    height: 1.5rem;
}
.mm-darujte a:hover, .mm-icons a:hover {
    opacity: 1;
}
.mm-close {
    position: relative;
    padding: 1rem 1.25rem;
    height: 2rem;
    border-bottom: 1px solid var(--color-font-dark);
}
.mm-closebutton, .mm-closebutton span {
    display: inline-block;
}
.mm-closebutton span {
    width: 0.8rem;
    height: 0.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/close-white.svg");
}
.mm-closebutton {
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0.6rem;
    border-radius: 1rem;
}
.mm-closebutton:hover {
    background-color: rgba(255, 255, 255, 0.25);
    cursor: pointer;
}


/* Paticka */


.footer {
    font-size: 90%;
    border-top: 2px solid var(--color-font-dark);
}
.footer-udaje-copyright {
      font-size: 85%;
}
.footer-udaje-copyright {
    color: rgba(27, 50, 95, 0.5);
    border-top: 1px solid var(--color-medium);
    padding-top: 1rem;
    margin-top: 1rem;
}
.footer-copyright, .footer-disclaimer {
    border-top: 1px solid var(--color-medium);
}
.footer-navigation {
    background-color: var(--color-accent);
}
.footer-navigation, .footer-kontakty, .footer-copyright, .footer-disclaimer {
    padding: 1rem 0;
}
.footer-disclaimer {
    font-size: 85%;
    line-height: 1.2857;
}
.f-col-4 {
    width: 25%;
}
.f-col-3 {
    width: 33.3%;
}
.f-col-container {
    padding: 1rem;
}
.footer-element {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 80rem;
}
.footer h4 {
    font-size: 140%;
    line-height: 1.1;
    margin: 0 0 1em 0;
}
.footer h5 {
    font-size: 120%;
    line-height: 1.1;
    margin: 0 0 0.5em 0;
}
.footer .social-icon {
    margin-top: 0;
}
.footer .social-icon, .footer .social-icon svg {
    width: 2.5rem;
    height: 2.5rem;
}
.footer ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}
.footer ul li {
    line-height: 1.1;
    margin: 0.5rem 0 0.5rem 1rem;
}
.footer a:hover {
    text-decoration: underline;
}
.footer a.button:hover {
    text-decoration: none;
}
.footer .button-normal {
    font-size: 115%;
}
.f-table tr td {
    padding: 0;
}
.f-table tr td:first-child {
    padding-right: 1.5rem;
}
.fk-n {
    margin-right: 1.5rem;
}
.footer-kontakty a {
    color: var(--color-contrast);
}
.footer .social-icon:hover svg path {
    fill: var(--color-contrast-dark);
}


/* Ovladanie mapy */


#mapa-controls {
    position: absolute;
    top: 4rem;
    height: calc(100vh - 4rem);
    width: 21.5rem;
    background-color: var(--color-background);
    font-size: 0.85rem;
    z-index: 1000;
    overflow-y: auto;
}
#mapa-controls select {
    width: 100%;
    background-color: var(--color-light);
    font-size: 0.85rem;
    border: 0;
}
#controls-details {
    border-bottom: 1px solid var(--color-medium);
}
#mapa-search {
    width: 100%;
    font-size: 0.85rem;
    padding: 0.6rem 0.75rem;
    border-radius: 0.25rem;
    line-height: 1rem;
    outline: none;
    border: 0;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
}
#mapa-search.disabled {
    pointer-events: none;
    background-color: var(--color-background);
}
#mapa-search-icon {
    position: absolute;
    right: 1.7rem;
    top: 1.55rem;
    width: 1.1rem;
    height: 1.1rem;
    background-image: url(../images/search.svg);
    background-size: 1.1rem 1.1rem;
    background-repeat: no-repeat;
}
#search-keyword {
    position: absolute;
    left: 1.275rem;
    top: 1.275rem;
    height: 0.85rem;
    display: inline-block;
    background-color: var(--color-contrast);
    color: var(--color-white);
    font-size: 0.85rem;
    font-weight: bold;
    line-height: 0.85rem;
    padding: 0.4rem 0.5rem;
    border-radius: 0.25rem;
    pointer-events: all;
}
#search-keyword:hover {
    background-color: var(--color-contrast-dark);
}
#search-keyword span {
    margin-left: 0.4rem;
    opacity: 0.8;
}
#mapa-controls-search-statistics {
    height: 0.85rem;
    color: var(--color-medium-dark);
    font-size: 0.7rem;
    line-height: 0.85rem;
    margin-top: 0.85rem;
}
.mapa-controls-sections {
    border-bottom: 1px solid var(--color-medium);
    padding-bottom: 1rem;
}
.mapa-controls-section {
    position: relative;
    padding: 0.85rem 1rem 0 1rem;
}
#mapa-controls-search .mapa-controls-section {
    padding-top: 1rem;
}
.mapa-controls-section.collapsed .mapa-controls-section-content {
    display: none;
}
.mapa-controls-section.expanded .mapa-controls-section-content {
    display: block;
}
#mapa-controls-intro {
    display: none;
    background-color: var(--color-light);
    font-size: 0.85rem;
    border-bottom: none;
}
#mapa-controls-settings {
    position: relative;
    background-color: var(--color-background);
}
#mapa-controls-toggle {
    display: none;
    position: relative;
    margin: 1rem;
}
.button-close {
    display: none;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 0.8rem;
    height: 0.8rem;
    padding: 0.5rem;
    border-radius: 0.9rem;
}
.button-close:active {
    background-color: var(--color-light);
}
.button-close span {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    background-image: url(../images/close-dark.svg);
    background-size: 0.8rem 0.8rem;
}
.button-close:active span {
    background-image: url(../images/close-dark-hover.svg);
}
.mapa-controls-sections-title {
    color: var(--color-accent);
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.85rem 1rem 0 1rem;
}
.mapa-controls-section:last-child {
    padding-bottom: 0;
}
.mapa-controls-section-title {
    position: relative;
    font-size: 0.925rem;
    line-height: 1rem;
    font-weight: bold;
}
.popup-section-title {
    position: relative;
}
.mapa-controls-section-title .chevron, .popup-section-title .chevron {
    position: absolute;
    right: -0.5rem;
    width: 0.8rem;
    height: 0.8rem;
    background-size: 0.8rem 0.8rem;
    background-position: 0.5rem 0.5rem;
    background-repeat: no-repeat;
    padding: 0.5rem;
    border-radius: 0.9rem;
}
.mapa-controls-section-title .chevron {
    top: -0.5rem;
}
.popup-section-title .chevron {
    top: 0rem;
}
.mapa-controls-section-title .chevron:hover, .popup-section-title .chevron:hover {
    background-color: var(--color-light);
    cursor: pointer;
}
.mapa-controls-section.collapsed .mapa-controls-section-title .chevron, .popup-section.collapsed .popup-section-title .chevron {
    background-image: url(../images/arrow-down.svg);
}
.mapa-controls-section.expanded .mapa-controls-section-title .chevron, .popup-section.expanded .popup-section-title .chevron {
    background-image: url(../images/arrow-up.svg);
}
.mapa-controls-section-content {
    padding-top: 0.5rem;
}
#mapa-controls.has-search #sections-filters {
    border-bottom: 0;
}
#sections-circles .mapa-controls-section-content {
    padding-top: 0;
}
#mapa-controls-intro .mapa-controls-section-content {
    padding-top: 0;
    padding-bottom: 0.85rem;
}
.mapa-controls-section-content p {
    margin: 0.5rem 0;
}
.mapa-controls-section-content p:first-child {
    margin-top: 0;
}
.mapa-controls-section-content p:last-child {
    margin-bottom: 0;
}
.mapa-controls-section-info {
    font-size: 0.8rem;
    color: var(--color-medium-dark);
    margin-bottom: 0.5rem;
}
.checkbox {
    display: flex;
    line-height: 1;
    align-items: center;
    margin: 0 -0.3rem;
    padding: 0.3rem;
    border-radius: 0.2rem;
}
.checkboxes-separator {
    height: 1px;
    margin: 0.3rem 0;
    border-bottom: 1px dashed var(--color-medium);
}
.checkbox-explanation {
    font-size: 0.8rem;
    color: var(--color-medium-dark);
    margin-left: 1.1rem;
}
.checkbox-explanation.with-svg {
    display: flex;
    margin-left: 2.5rem;
}
.checkbox-legend {
    line-height: 1;
    margin-bottom: 0.9rem;
}
.checkbox-legend .checkbox-explanation {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.legend-color {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin-right: 0.5rem;
}
.checkbox.disabled {
    pointer-events: none;
    opacity: 0.3;
}
.checkbox:hover {
    background-color: var(--color-light);
    cursor: pointer;
}
.checkbox:hover .checkbox-box .span {
    background-color: var(--color-medium-dark);
}
.checkbox.checked .checkbox-box span {
    background-color: var(--color-accent);
}
.checkbox-box {
    display: inline-block;
    background-color: var(--color-white);
    width: 0.5rem;
    height: 0.5rem;
    padding: 0.1rem;
    margin-right: 0.4rem;
    border: 0.067rem solid var(--color-accent);
    border-radius: 0.125rem;    
}
.checkbox-box span {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.125rem;    
}
.checkbox-label {
    display: flex;
}
.checkbox-label.with-svg svg {
    width: 1rem;
    height: 1rem;
    margin-right: 0.35rem;
}
.checkbox-label .main {
    width: 7.5rem;
}
.checkbox-label.with-svg .main {
    width: 7.15rem;
}
.checkbox-label .sub {
    color: var(--color-medium-dark);
    font-size: 0.7rem;
    line-height: 0.85rem;
}
#chart-mayor_groups-canvas {
    height: calc(6*1.8rem + 3rem);
}
#chart-government_periods-canvas {
    height: calc(6*1.8rem + 3rem);
}
#chart-categories-canvas {
    height: calc(8*1.8rem + 3rem);
}
#chart-areas-canvas {
    height: calc(10*1.8rem + 3rem);
}
#controls-details-toggle {
    color: var(--color-contrast);
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}
#controls-details-toggle:hover {
    color: var(--color-contrast-dark);
    cursor: pointer;
}
#controls-details-toggle span {
    display: inline-block;
    width: 1rem;
    height: 0.8rem;
    margin-right: 0.75rem;
    background-size: 1rem 1rem;
    background-repeat: no-repeat;
}
#controls-details-toggle.collapsed span {
    background-image: url(../images/arrow-down-contrast.svg);
}
#controls-details-toggle.expanded span {
    background-image: url(../images/arrow-up-contrast.svg);
}
.chart-title {
    font-weight: bold;
    margin-bottom: 0.75rem;
}
.chart-explanation {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
}
#intro-details {
    margin-top: 1em;
}

/* Mapa */


#mapa {
    overflow-y: hidden;
    height: 100vh;
}
#mapa-canvas {
    margin-top: 4rem;
    margin-left: 21.5rem;
    height: calc(100vh - 4rem);
    z-index: 10;
}
.leaflet-tile-pane {
    -webkit-filter: grayscale(80%) contrast(110%);
    -ms-filter: grayscale(80%) contrast(110%);
    -moz-filter: grayscale(80%) contrast(110%);
    -ms-filter: grayscale(80%) contrast(110%);
    filter: grayscale(80%) contrast(110%);
    opacity: 0.9;
}
.leaflet-control-container {
    height: 100% !important;
}
.leaflet-bottom.leaflet-right {
    position: fixed;
    bottom: 1rem !important;
    right: 1rem !important;
}
.leaflet-control-zoom {
    margin-right: 0 !important;
}


/* Legenda mapy */


#mapa-legend {
    position: fixed;
    bottom: 1rem;
    left: 22.5rem;
    background-color: #ffffff;
    font-size: 0.8rem;
    line-height: 1;
    z-index: 500;
    padding: 0.75rem;
    border-radius: 0.25rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
#mapa-legend-toggle-icon {
    display: block;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    width: 1em;
    height: 1em;
    padding: 0.4em;
    border-radius: 0.9em;
}
#mapa-legend-toggle-icon span {
    display: block;
    width: 1em;
    height: 1em;
    background-size: 1em 1em;
}
#mapa-legend-toggle-icon:hover {
    background-color: var(--color-background);
}
#mapa-legend.collapsed #mapa-legend-toggle-icon span {
    background-image: url('../images/arrow-up.svg');
}
#mapa-legend.expanded #mapa-legend-toggle-icon span {
    background-image: url('../images/arrow-down.svg');
}
.mapa-legend-title {
    margin-right: 2rem;
    font-weight: bold;
}
.mapa-legend-content {
    margin-top: 0.75rem;
}
.mapa-legend-item {
    margin-top: 0.5rem;
    display: flex;
}
.mapa-legend-color {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin-right: 0.5em;
}
.mapa-legend-separator {
    height: 1px;
    margin: 0.5rem 0;
    border-bottom: 1px dashed var(--color-medium);
}


/* Popup na mape */


.leaflet-container {
    font-size: 0.85rem;
}
.leaflet-popup-content {
    width: 20rem;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip, .leaflet-popup a {
    color: var(--color-font);
}
.leaflet-popup a {
    text-decoration: underline;
}
.leaflet-popup a:hover {
    color: var(--color-accent);
}
.popup-title {
    font-weight: bold;
    font-size: 2em;
    line-height: 1.2;
}
.popup-section {
    margin-top: 1em;
}
.popup-section.collapsed .popup-section-content {
    display: none;
}
.popup-section.section-info {
    color: var(--color-medium-dark);
    font-size: 0.7rem;
    line-height: 0.85rem;
}
.popup-section.popup-dotations {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px dashed var(--color-medium);
}
.popup-dotations .popup-section-content {
    max-height: 20rem;
    overflow-y: auto;
    margin-right: -0.5em;
    padding-right: 0.5em;
    margin-top: 0.5em;
}
.popup-section-title {
    font-weight: bold;
    font-size: 1.3em;
}
.popup-section-title span {
    color: var(--color-medium-dark);
    font-size: 0.7rem;
    line-height: 1rem;
    font-weight: normal;
    margin-left: 0.2rem;
}
.history-period {
    margin-bottom: 0.5em;
}
.history-period:last-child {
    margin-bottom: 0;
}
.history-dotation > div, .history-mayor > div {
    margin: 0.5em 0;
}
.history-dotation .history-color {
    margin: 0;
}
.history-mayor .history-color {
    margin-top: 0;
}
.history-dotation, .history-mayor {
    display: flex;
    line-height: 1;
}
.history-date {
    width: 10%;
    color: var(--color-medium-dark);
    font-size: 0.7rem;
    line-height: 1rem;
    text-align: right;
}
.history-color {
    position: relative;
    width: 10%;
}
.history-color span.line {
    position: absolute;
    left: calc(50% - 0.05rem);
    display: block;
    width: 0.1rem;
    height: 100%;
    background-color: var(--color-font);
}
.history-mayor .history-color span.line {
    height: 1em;
}
.history-dotation:first-child .history-color span.line {
    height: calc(100% - 1em);
    top: 1em;
}
#dotations-other .history-dotation:last-child .history-color span.line {
    height: 0.75em;
}
#dotations-other .history-dotation:only-child .history-color span.line {
    height: 0;
}
#dotations-summary {
    padding-top: 1em;
    margin-top: 1.25em;
    border-top: 1px dashed var(--color-medium-dark);
}
.history-color span.circle {
    display: block;
    position: relative;
    top: 0.525em;
    margin: 0 auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
}
.history-dotation .history-color span.circle {
    top: 0.775em;
    width: 0.5em;
    height: 0.5em;
    background-color: var(--color-font);
}
.history-bar {
    width: 50%;
}
.history-bar .bar {
    height: 1em;
    border-radius: 0 0.2em 0.2em 0;
}
.history-value {
    width: 50%;
    font-weight: bold;
    text-align: right;
}
.history-subject {
    position: relative;
    color: var(--color-medium-dark);
    font-size: 0.7rem;
    line-height: 0.85rem;
    margin-top: 0.25rem;
}
.history-subject-text {
    margin-right: 1rem;
}
.history-subject-link {
    position: absolute;
    bottom: 0;
    right: 0;
}
.history-subject-link a {
    color: var(--color-medium-dark);
    text-decoration: none;
}
.history-subject-link a:hover {
    color: var(--color-accent);
}
.history-info {
    width: 80%;
    line-height: 1;
}
.history-info .mayor-name {
    font-weight: bold;
}
.history-val {
    display: flex;
}
.history-customer {
    font-size: 0.7rem;
    font-weight: bold;
    line-height: 0.85rem;
    margin-top: 0.35rem;
}
.mayor-parties {
    color: var(--color-medium-dark);
    font-size: 0.7rem;
    line-height: 1rem;
    margin-top: 0.1rem;
}
.dotation-stat {
    display: flex;
}
.dotation-stat-value {
    font-weight: bold;
    margin-left: 0.5em;
}
.dotation-list {
    border-collapse: collapse;
}
.dotation td {
    line-height: 1;
    padding-top: 0.35em;
    padding-bottom: 0.35em;
}


/* Textove stranky */


.post {
    margin: 4rem auto 0 auto;
    padding: 2rem 1rem;
}
.post h2 {
  font-size: 1.666rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.post h3 {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.page {
    margin: 4rem auto;
    padding-top: 2rem;
}
.page-wrapper, .page-wrapper-fullwidth {
    padding: 0 1rem;
}
.post-show {
    max-width: 50rem;
    text-align: center;
    margin: 3rem auto 4rem auto;
}
.post-show img {
    height: 6rem;
    margin-bottom: 2rem;
}
.post .post-show h4 {
    line-height: 1.4285714286;
}
.post-show a {
    color: var(--color-contrast);
}
.toc {
    float: left;
    width: 14.5rem;
}
.toc h4 {
    color: var(--color-accent);
    margin-top: 0;
}
.toc-content {
    margin-right: 2rem;
    padding-right: 2rem;
    border-right: 1px solid var(--color-light);
}
.post .toc ul li {
    line-height: 1.1;
    margin: 0.85rem 0;
}
.toc ul li:first-child {
    margin-top: 0;
}
.toc ul {
    color: var(--color-contrast);
    padding-left: 1rem;
    margin: 0 0 2rem 0;
}
.toc a {
    font-weight: bold;
    color: var(--color-contrast);
}
.toc a:hover {
    text-decoration: underline;
}
.toc span {
    display: inline-block;
    margin-right: 0.5rem;
}
.post-content {
    margin-left: 14.5rem;
}
.post p {
    line-height: 1.5;
}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
    line-height: 1.1;
}
.post h1 {
    font-size: 2.25rem;
}
.post hr {
    margin: 2rem 0;
    height: 0.1rem;
    border: none;
    background-color: var(--color-font-dark);
}
.post h3 {
    margin-top: 2.25rem;
    margin-bottom: 1rem;
}
.post ul li, .post ol li {
    margin: 0.5rem 0;
}
.post table tr th {
    color: var(--color-accent);
    vertical-align: bottom;
    font-size: 85%;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-accent);
}
.post table tr th, .post table tr td {
    line-height: 1.2;
    padding: 0.5rem 0.75rem;
}
.post table tr td {
    border-bottom: 1px solid var(--color-medium);
}
.post-table-tr-bottom td {
    border-top: 3px double var(--color-medium) !important;
    color: var(--color-accent) !important;
}


/* Mobilne verzie */


@media (max-width: 52rem) {
    :root {
        font-size: 17px;
    }
    ul.menu {
        display: none;
    }
    .right-menu {
        margin-right: 5rem;
        padding-right: 1.75rem;
        border-right: 1px solid #d6e6f2;
    }
    .mm-button {
        display: inline-block;
    }
    .social-icon {
        margin-top: 0;
    }
    .tile-wrapper {
        width: 14.2857%;
    }
    .button {
        pointer-events: all;
    }
    #mapa-canvas {
        position: fixed;
        margin-left: 0;
        width: 100%;
    }
    #mapa-legend {
        left: 1rem;
        bottom: 1rem;
        font-size: 0.9rem;
    }
    #mapa-controls {
        position: absolute;
        top: 4rem;
        width: 100%;
        height: auto;
        background-color: transparent;
        pointer-events: none;
    }
    #mapa-controls-intro {
        display: block;
        background-color: var(--color-background);
        font-size: 0.9rem;
    }
    #mapa-controls-intro .mapa-controls-section {
        padding-right: 2.5rem;
    }
    #mapa-controls-toggle {
        display: flex;
        gap: 1rem;
    } 
    #button-info-toggle.invisible {
        display: none;
    }
    #button-info-toggle.visible {
        display: inherit;
    }
    #button-controls-toggle {
        font-size: 0.9rem;
    }
    #mapa-controls-settings {
        display: none;
        pointer-events: all;
    }
    #mapa-controls.expanded {
        height: calc(100% - 4rem);
    }
    #mapa-controls.expanded #mapa-controls-settings {
        display: block;
        margin: 1rem;
        border-radius: 1rem;
    }
    #mapa-search {
        border-radius: 2rem;
        font-size: 0.9rem;
        padding: 0.75rem 1rem;
        pointer-events: all;
    }
    #mapa-search-icon {
        top: 1.7rem;
        right: 2rem;
        pointer-events: all;
    }
    #mapa-controls-search {
        padding-bottom: 0;
        border-bottom: 0;
    }
    #mapa-controls-search-statistics {
        display: none;
    }
    #search-keyword {
        top: 1.425rem;        
        left: 1.5rem;
        font-size: 0.8rem;
        padding: 0.4rem 0.6rem;
        border-radius: 2rem;
    }
    .button-close {
        display: block;
    }
    .b-scrollable {
        overflow-y: auto !important;
    }
    .b-unscrollable {
        overflow-y: hidden !important;
    }
    .f-col-4, .f-col-3 {
        width: 50%;
    }
    .toc {
        float: none;
        width: 100%;
    }
    .post-content {
        margin-left: 0;
    }
    .toc-content {
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 1rem;
        border-right: 0;
        border-bottom: 1px solid #d6e6f2;
    }
    .post .toc ul li {
        display: inline-block;
        margin: 0 1.5rem 0.5rem 0rem;
        padding-left: 0;
    }
    .post .toc ul {
        padding-left: 0;
        margin-bottom: 0.6rem;
    }
    .toc-hore {
        display: none;
    }
    .lms-search {
        width: 100%;
    }
    .tile-wrapper {
        width: 33.33%;
    }
}
@media (max-width: 36rem) {
    .button-podporte {
        display: none;
    }
    .f-col-4, .f-col-3 {
        width: 100%;
    }
    .post-content {
        margin-left: 0;
    }
    .page-wrapper-fullwidth {
        padding-left: 0;
        padding-right: 0;
    }
    #index .page {
        padding-top: 0;
    }
    .lm-search {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .leaflet-popup-content {
        width: calc(100vw - 3rem);
    }
}
@media (max-width: 28rem) {
    .tis-logo {
        display: none;
    }
    .right-menu {
        border-right: 0;
        padding-right: 0;
    }
}


/* Scrollbary */


::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
}

::-webkit-scrollbar-track {
  background: #d6e6f2;
}

::-webkit-scrollbar-thumb {
  background: #8ca8bd;
}

::-webkit-scrollbar-thumb:hover {
  background: #00aeef;
}


/* Tipped.js */


.tpd-skin-dark .tpd-background-content {
    background-color: var(--color-font);
}
.tpd-size-medium .tpd-content {
    max-width: 20rem;
    font-size: 0.7rem;
    padding: 1em;
}


/* Ostatne */


.gm-style-iw > button {
  display: none !important;
}

.gm-style {
  font-family: "Ubuntu", sans-serif;
}