:root {
    --view-dostepne-wizyty-router-link-active-color: white;
    --view-dostepne-wizyty-router-link-active-background-color: var(--main-accent-color);
    --view-dostepne-wizyty-container-left-border-color: var(--main-accent-color);
    --view-dostepne-wizyty-link-color: var(--button-background);
    --view-dostepne-wizyty-link-color-hover: var(--button-background-hover);
    /* --view-dostepne-wizyty-link-background-color-hover: var(--portal-content-background-color); */
}
:root.high-contrast {
    --view-dostepne-wizyty-router-link-active-color: black;
    --view-dostepne-wizyty-router-link-active-background-color: var(--button-color);
    --view-dostepne-wizyty-container-left-border-color: var(--button-border-color);
    --view-dostepne-wizyty-link-color: var(--button-border-color-hover);
    --view-dostepne-wizyty-link-color-hover: black;
    --view-dostepne-wizyty-link-background-color-hover: var(--button-border-color-hover);
}

.view-dostepne-wizyty .a {
    color: var(--view-dostepne-wizyty-link-color);
    cursor: pointer;
    text-decoration: none;
}
.view-dostepne-wizyty .a div{
    margin-bottom: 0.25em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-right: 0.75em;
    padding-left: 0.25em;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
    width: 100%;
}
.view-dostepne-wizyty .a:hover {
    color: var(--view-dostepne-wizyty-link-color-hover);
}
.view-dostepne-wizyty .a:hover * {
    background-color: var(--view-dostepne-wizyty-link-background-color-hover);
}
.view-dostepne-wizyty .container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.view-dostepne-wizyty .container-top {
    display: flex;
}
.view-dostepne-wizyty .container-left {
    padding-right: 1em;
    border-right: solid 1px var(--view-dostepne-wizyty-container-left-border-color);
    margin-bottom: 1em;
    max-width: 20%;
}
.view-dostepne-wizyty .container-right {
    flex: auto;
    scroll-margin: 5em;
}
.view-dostepne-wizyty .columns {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.view-dostepne-wizyty a.router-link-active * {
    color: var(--view-dostepne-wizyty-router-link-active-color);
    background-color: var(--view-dostepne-wizyty-router-link-active-background-color);
}
.view-dostepne-wizyty a.router-link-active:hover * {
    color: var(--view-dostepne-wizyty-router-link-active-color);
    background-color: var(--view-dostepne-wizyty-router-link-active-background-color);
}
.view-dostepne-wizyty .columns-buttons {
    padding-left: 1em;
    padding-bottom: 1em;
    justify-content: space-between;
    align-items: center;
}
@media not print {
    .view-dostepne-wizyty .columns-buttons {
        display: flex;
    }
}
@media print {
    .view-dostepne-wizyty .columns-buttons {
        display: none;
    }
}
@media (max-width: 768px) {
    .container {
      max-width: 100%;
    }
    .view-dostepne-wizyty .container-left {
        overflow: hidden;
        max-width: 100%;
    }
}
.counter {
    color: var(--main-lighter-color);
    width: 100%;
    text-align: center;
}
.info {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    color: var(--main-lighter-color);
    font-family: Montserrat;
    font-weight: 500;
}

.view-dostepne-wizyty .autocomplete {
    width: 100%;
}

.view-dostepne-wizyty .autocomplete input {
    width: inherit;
}

.view-dostepne-wizyty .overflow {
    overflow-x: hidden;
    text-overflow: ellipsis;
}