/* Ads */

.responsive_250_90_ad {
    width: 100%;
    height: 250px;
}

@media(max-width: 768px) {
    .responsive_250_90_ad {
        width: 100%;
        height: 90px;
    }
}

.responsive_90_none_ad {
    width: 100%;
    height: 90px;
}

@media(max-width: 768px) {
    .responsive_90_none_ad {
        display: none;
    }
}

.responsive_200_ad {
    width: 100%;
	height: 200px !important;
}

.responsive_300_ad {
    width: 100%;
    height: 300px;
}

.leaderboard-90 {
    min-height: 93px;
}

.leaderboard-200 {
    min-height: 210px;
}

.branding-200 {
    min-height: 210px;
}

.square-300 {
    min-height: 300px;
}

/* Autocomplete */

.search-wrapper ul {
    background-color: #fff;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    border: .0625rem solid #ccc;
    border-radius: .25rem;
    display: none;
}

@media (min-width: 768px) {
    .search-wrapper ul {
        margin-top: 13px;
    }
}

.search-wrapper a {
    padding: .5rem 1.25rem;
    display: block;
    text-decoration: none;
}

.search-wrapper a:hover {
    background-color: #eee;
}

/* Calendar */

.kalendar {
    background-color: #fff;
    padding: .5rem;
    z-index: 999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    border: .0625rem solid #ccc;
    border-radius: .25rem;
    min-width: 290px;
}

.kalendar a {
    padding: .2rem .5rem;
    margin: .1rem;
    text-align: center;
    text-decoration: none;
    display: block;
    background-color: #e0edf5;
    border-radius: .25rem;
}

.kalendar a:hover, .aktivni {
    background-color: #f67100 !important;
    color: #fff;
}

.kalendar a[disabled], .kalendar a[disabled]:hover {
    background-color: #eee !important;
    color: #ccc !important;
}

.kalendar th {
    padding: .5rem;
    margin: .1rem;
    text-align: center;
    background-color: #399fd4;
    color: #fff;
    border: .0625rem solid #fff;
}
.kalendar table {
    margin: .2rem;
}

.kalendar:before {
    content: "Zavřít";
    position: absolute;
    right: .7rem;
    top: 1rem;
    cursor: pointer;
    color: #0a5b91;
}

/* Forecast Chart */

.chart {
    position: relative;
    height: 280px;
    min-width: 200px;
    margin-bottom: 10px;
    margin-top: -10px
}

.grid {
    stroke: #000;
    stroke-dasharray: 0;
    stroke-width: 1px
}

.y-container {
    width: 30px;
    position: absolute;
    left: 0;
    top: -6px
}

.y-container table {
    height: 100%
}

.y-container td {
    text-align: right;
    vertical-align: top
}

.x-container {
    width: auto;
    height: auto;
    margin-left: 30px
}

.x-container table {
    width: 100%
}

.x-container span {
    line-height: 1.9em
}

.x-container td {
    text-align: center
}

.svg-container {
    border-left: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    width: auto;
    height: 100%;
    margin-left: 35px;
    overflow: hidden
}

pattern line {
    fill: none;
    stroke: #e6e6e6;
    stroke-width: 2px
}

.bar_number text {
    text-anchor: middle;
    fill: #373737;
    font-weight: 700
}

@media only screen and (max-width: 576px) {
    .x-container td {
        font-size: 80%
    }
    .x-container img {
        width: 1.5rem;
        height: 1.5rem
    }
}

/* img-comparison-slider */

img-comparison-slider:focus {
    outline: none;
}
img-comparison-slider {
	cursor: ew-resize;
    --divider-width: 2px;
	--default-handle-width: 100px;
	--default-handle-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    --divider-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.before,.after {
    margin: 0;
}
.before figcaption, .after figcaption {
    background: #fff;
    border-radius: 12px;
    color: #2e3452;
    opacity: 0.8;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 100%;
  }
.before figcaption {
    left: 12px;
}
 .after figcaption {
    right: 12px;
}