@charset "utf-8";
/*
  Licensed to the Apache Software Foundation (ASF) under one or more
  contributor license agreements.  See the NOTICE file distributed with
  this work for additional information regarding copyright ownership.
  The ASF licenses this file to You under the Apache License, Version 2.0
  (the "License"); you may not use this file except in compliance with
  the License.  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
*/
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url('fonts/OpenSans400.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('fonts/OpenSans400italic.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/OpenSans700.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('fonts/OpenSans700italic.woff') format('woff');
}
@font-face {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    src: local('Icons'), local('Icons-Regular'), url('fonts/icons.woff') format('woff');
}
.glyphicon {
    /*noinspection CssNoGenericFontName*/
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    box-sizing: border-box;
    transition: all 0.5s ease;
}
*, *:before, *:after {
    box-sizing: inherit;
    transition: all 0.5s ease;
}

body, input {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin: 0;
}
body {
    background-color: #f4f4f4;
}
a, a:link {
    text-decoration: none
}
.bg-mapa {
    position: fixed;
    opacity: 0.10;
    width: 100%;
    z-index: -100;
}
.okres-hint {
    font-style: italic;
    color: #a0a0a0;
}
.features-block-actions {
    display: flex;
    flex-direction: row;
    margin-top: 16px;
}
#header-text {
    margin: auto auto auto 148px;
    font-weight: bold;
    color: #f0f0f0;
}
#header-logo {
    position: absolute;
    top: -12px
}
#header-logo img {
    width: 128px;
    opacity: 0.3
}
.header-button-block:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}
.header-button-block div {
    margin: auto;
}
.header-button-block {
    flex-direction: column;
    display: flex;
    vertical-align: middle;
    font-size: 18px;
    border-radius: 2px;
    padding: 8px;
    background-color: #035d5a;
    text-align: center;
}
#wrapper-bar {
    display: flex;
}
#left-navbar {
    z-index: 20;
    background-color: #ffffff;
    margin: 0 0 0 8px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
#content-bar {
    flex: 100;
}
@keyframes pulsebg {
    0% {
        background-color: #fefe74;
    }
    50% {
        background-color: #ffffff;
    }
    100%  {
        background-color: #fefe74;
    }
}
.kreditbutton {
    animation-name: pulsebg;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.navbar-item {
    background-color: #ffffff;
    color: #035d5a;
    font-size: 18px;
    text-transform: uppercase;
    padding: 12px;
    border-top: 1px solid;
    cursor: pointer;
}
.navbar-item:hover {
    background-color: #d0d0d0;
}
.navbar-menu-header {
    text-align: center;
    background-color: #035d5a;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 12px;
    border-top: 1px solid;
}
.desktop-header {
    padding: 8px;
    margin-bottom: 8px;
    font-size: 48px;
    text-align: center;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: #035d5a;
    color: #ffffff;
    display: flex;
    flex-direction: row
}
.raised-button-block {
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 8px;
    background-color: #035d5a;
    margin-left: auto;
    min-width: 200px;
    text-align: center;
    cursor: pointer;
}
.raised-button-block:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.raised-button {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: auto;
}
.whole-div-cover, .whole-content-cover {
    position:absolute;
    top: 0; left: 0;
    width:100%;
    height:100%;
    background: #f4f4f4;
    opacity: 0.80;
    z-index: 10000;
}
.whole-content-cover {
    background: #ffffff;
}
#whole-page-cover {
    position:fixed;
    top: 0; left: 0;
    width:100%;
    height:100%;
    display: none;
    background: #606060;
    opacity: 0.50;
    z-index: 10000;
}
.wpc-spinner {
    position:fixed;
    top: 50%;
    left: 50%;
    border: 16px solid #f0f0f0;
    border-top: 16px solid #909090;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    animation: spin 2s linear infinite;
    z-index: 10001;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.section-header, .section-header-first {
    margin: 18px;
    font-size: 38px;
    text-align: center;
}
.section-header-first {
    margin: 18px 18px 0 18px;
}

.header-block, .header-block-ghost {
    display: none;
    flex-direction: row;
    padding: 18px 18px 18px 4px;
    font-size: 38px;
    text-align: center;
    background-color: #035d5a;
    color: #f4f4f4;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    width: 100%;
    margin-bottom: 12px;
}
.header-block {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
}
.block-container {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.features-block, .features-block-centered, .features-block-narrow {
    z-index: 20;
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 18px;
    margin: 8px;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.features-block-narrow {
    max-width: 75%;
    margin: 8px auto 8px auto;
}
.features-block-header {
    font-size: 28px;
    margin-bottom: 18px;
    padding-bottom: 4px;
    border-bottom: 1px solid #035d5a;
}

.features-block-detail {
    margin-bottom: 8px;
    text-align: justify;
}
.automargintop0 {
    margin: 0 auto auto auto;
}
.full-width-block {
    padding: 18px;
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
}
.top-block {
    margin: 0 0 auto 0;
}
.middle-block {
    margin: auto 0 auto 0;
    padding: 8px 0 8px 0;
}
.bottom-block {
    margin: auto 0 0 0;
    padding: 8px 0 0 0;
}
.duraz {
    font-weight: bold;
}
.header-menu-block {
    display: flex;
    cursor: pointer;
    font-size: 32px;
}
.header-menu-block:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}
.header-menu-block-icon {
    margin: 8px 12px 0 0;
    padding: 0 0 0 12px;
    font-size: 32px
}
.header-menu-block .header-menu-block-icon {
     color: white;
}
.menu-button-and-title {
    margin-right: auto;
    display: flex
}
.menu-button-and-title a {
    text-decoration: none;
    color: white;
}
.main-slogan {
    font-style: italic;
    font-size: 48px
}

.menu-item {
    background-color: #035d5a;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    padding: 12px;
    border-top: 1px solid;
    cursor: pointer;
}
#mobile-menu a {
    color: white;
    text-decoration: none;
}
#mobile-menu {
    transition: initial;
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
}
.menu-item:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
#menu-cover {
    position:fixed;
    top: 0; left: 0;
    width:100%;
    height:100%;
    display: none;
    background: #606060;
    opacity: 0.50;
    z-index: 1;
}
.form-raised-button-block {
    margin-left: auto;
}
.form-raised-button-block input {
    text-transform: uppercase;
    color: white;
    background-color: #035d5a;
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 8px;
    min-width: 200px;
    text-align: center;
    cursor: pointer;
}
.form-raised-button-block input:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    border: none;
}
.form-raised-button-block input:disabled {
    background-color: #dfdfdf;
    cursor: not-allowed;
    color: #9f9f9f;
    box-shadow: initial;
}
.std-form input:not([type='submit']):not([type='button']) {
    outline-width: 0;
    width: 100%;
    padding: 8px;
    border: none;
    border-bottom: 2px solid #909090;
}
.std-form input:not([type='submit']):not([type='button']):focus {
    border-bottom: 2px solid #035d5a;
    transition: initial;
}
.std-form input:not([type='submit']):not([type='button']):focus {
    background-color: white;
}
.std-form input.validation-error:not(focus), input:invalid:not(focus) {
    box-shadow: none;
    background-color: rgba(165, 0, 24, 0.13);
    border-bottom: 2px solid #a50018;
}
.form-textual-container {
    display: flex;
    flex-direction: row;
}

.form-textual-label {
    min-width: 140px;
    flex: 3;
    font-weight: bold;
    padding: 4px;
    margin-right: 8px;
    text-align: right;
}

.form-textual-value {
    flex: 5;
    padding: 4px;
    margin: auto;
}
.flat-button:hover {
    transition: initial;
    border-bottom: 2px solid #035d5a;
}
.flat-button-block {
    padding: 8px;
    margin-left: auto;
    text-align: center;
}
.flat-button {
    color: #035d5a;
    text-decoration: none;
    text-transform: uppercase;
}
.bottom-footer {
    margin-top: 1.5em;
    text-align: center;
    padding: 0.3em 0 0.3em 0;
    color: white;
    background-color: #035d5a;
}
.bottom-footer a {
    color: inherit;
}
.bottom-footer a:hover {
    text-decoration: underline;
}
.touch-chooser-item {
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #a0a0a0;
}
.touch-chooser-item:hover {
    background-color: rgba(3, 93, 90, 0.13);
}
.single-selection {
    font-size: 28px;
    text-align: center;
}
.touch-item-selected {
    background-color: #035d5a;
    color: white;
}
.touch-item-selected:hover {
    background-color: #037875;
}
.searchlist-selection:hover {
    background-color: rgba(3, 93, 90, 0.13);
}
.searchlist-selection {
    margin-bottom: 0;
    font-size: 28px;
    cursor: pointer;
}
.stavba-obec-mapa {
    flex: 50;
    max-width: 300px;
    margin: auto auto auto 12px;
}

.popup-help-window {
    display: flex;
    flex-direction: column;
    transition: initial;
    padding: 36px;
    position:fixed;
    top: 10%; left: 20%;
    width:60%;
    height:80%;
    background: #f4f4f4;
    z-index: 20001;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
#popup-help-cover {
    transition: initial;
    position:fixed;
    top: 0; left: 0;
    width:100%;
    height:100%;
    display: none;
    background: #00000080;
    z-index: 20000;
}

.popup-help-header {
    font-size: 28px;
    margin-bottom: 18px;
    padding-bottom: 4px;
    border-bottom: 1px solid #035d5a;
}

.popup-help-content {
    overflow-y: auto;
    margin: 0 0 auto 0;
}
@keyframes pulsefg {
    0% {
        color: #ffab0020;
    }
    50% {
        color: #ffab00;
    }
    100%  {
        color: #ffab0020;
    }
}
.pulsating {
    animation-name: pulsefg;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes rotate {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.spinning {
    animation-name: rotate;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.login-button {
    display: none;
}
.form-labelvalue-wrapper .form-label {
    flex: 3;
    font-weight: bold;
    min-width: 20%;
    margin: auto 0 auto 0;
}

.form-labelvalue-wrapper .form-value {
    margin: 0 0 0 8px;
    flex: 7;
}

.form-labelvalue-wrapper {
    display: flex;
    flex-direction: row;
}

.range-slider {
    display: block;
    position: relative;
}
.range-slider input[type="range"] {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.range-slider input[type="range"] + .slider {
    display: block;
    position: relative;
    width: 100%;
    height: 8px;
    background-color: #bebebe;
}
.range-slider input[type="range"] + .slider .slider-fill {
    display: block;
    position: absolute;
    width: 0%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}
.range-slider input[type="range"] + .slider .slider-handle {
    cursor: pointer;
    position: absolute;
    top: -7px;
    left: 0;
    width: 23px;
    height: 23px;
    margin-left: -8px;
    border-radius: 10%;
    transition: all .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2;
}
.range-slider input[type="range"]:disabled + .slider {
    background-color: #b0b0b0 !important;
}
.range-slider input[type="range"]:disabled + .slider .slider-fill,
.range-slider input[type="range"]:disabled + .slider .slider-handle {
    cursor: default !important;
    background-color: #b0b0b0 !important;
}
.range-slider input[type="range"]:disabled + .slider .slider-fill .slider-label,
.range-slider input[type="range"]:disabled + .slider .slider-handle .slider-label {
    display: none;
    background-color: #b0b0b0 !important;
}
.range-slider input[type="range"]:disabled + .slider .slider-fill.is-active,
.range-slider input[type="range"]:disabled + .slider .slider-handle.is-active {
    top: -5.5px;
    width: 15px;
    height: 15px;
    margin-left: -8px;
}
.range-slider input[type="range"]:disabled + .slider .slider-fill.is-active .slider-label,
.range-slider input[type="range"]:disabled + .slider .slider-handle.is-active .slider-label {
    display: none;
    border-radius: 50%;
    -webkit-transform: none;
    transform: none;
}
.range-slider input[type="range"]:disabled + .slider .slider-handle:active {
    box-shadow: none !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
.range-slider.slider-light input[type="range"] + .slider {
    background-color: #5c5c5c;
}
.range-slider.slider-light input[type="range"]:disabled + .slider {
    background-color: #5c5c5c !important;
}
.range-slider.slider-light input[type="range"]:disabled + .slider .slider-fill,
.range-slider.slider-light input[type="range"]:disabled + .slider .slider-handle {
    background-color: #5c5c5c !important;
}

.range-slider.slider-discrete .slider .slider-handle {
    position: relative;
    z-index: 1;
}
.range-slider.slider-discrete .slider .slider-handle .slider-label {
    position: absolute;
    top: -16px;
    left: -2px;
    width: 30px;
    height: 30px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    border-radius: 50%;
    -webkit-transform: scale(0.5) rotate(-45deg);
    transform: scale(0.5) rotate(-45deg);
    transition: all .2s ease;
}
.range-slider.slider-discrete .slider .slider-handle .slider-label span {
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.range-slider.slider-discrete .slider .slider-handle.is-active {
    top: 0;
    margin-left: -2px;
    width: 4px;
    height: 4px;
}
.range-slider.slider-discrete .slider .slider-handle.is-active .slider-label {
    top: -15px;
    left: -2px;
    border-radius: 15px 15px 15px 0;
    -webkit-transform: rotate(-45deg) translate(23px, -25px);
    transform: rotate(-45deg) translate(23px, -25px);
}
.range-slider.slider-discrete .slider .slider-handle.is-active .slider-label span {
    opacity: 1;
}
.range-slider.slider-discrete .slider-label, .range-slider .slider-fill, .range-slider .slider-handle {
    background-color: #035d5a;
}

.toggle-switch > input[type="checkbox"] {
    display: none;
}
.toggle-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.toggle-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
input[type="checkbox"] {
    margin: 4px 0 0 0;
    line-height: normal;
    padding: 0;
}
.toggle-switch > label {
    display: inline-block;
    max-width: 100%;
    margin: 0 8px -6px 8px;
    font-weight: bold;
    cursor: pointer;
    height: 0;
    position: relative;
    width: 40px;
}
.toggle-switch > label:before {
    background: #000000;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.toggle-switch > label:after {
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-radius: 16px;
    content: '';
    height: 24px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    left: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.span-div-clickable {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left: 0;
    z-index: 1;
}
.span-div-clickable:hover {
    background-color:rgba(0, 0, 0, 0.1)
}
button {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
.OAuthProvider-button:hover {
    background-color: #237d7a;
}

.OAuthProvider-graphics:hover {
    background-color: #e0e0e0;
}

.OAuthProvider-button {
    width: 300px;
    border: 1px solid #035d5a;
    background-color: #035d5a;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    gap: 8px;
    padding: 0;
    -webkit-text-decoration-line: none;
}

.OAuthProvider-text {
    color: white;
    /*background-color: #035d5a;*/
    padding: 12px;
}

.OAuthProvider-graphics {
    width: 48px;
    padding: 8px 2px 4px 10px;
    background-color: white;
}
.auth-block {
    max-width: 520px;
}

.auth-left-block {
    margin: 16px 8px 8px auto;
}

.auth-right-block {
    margin: 16px auto 8px 8px;
}

/* ======================================================
    FLEX TABLES
====================================================== */
.flt-container {
    padding: 4px;
}
/*noinspection CssNoGenericFontName*/
.flt-sortable-desc:after {
    font-family: 'Glyphicons Halflings';
    content: "\e252 ";
    font-size: 80%;
    margin-left: 4px;
}
/*noinspection CssNoGenericFontName*/
.flt-sortable-asc:after {
    font-family: 'Glyphicons Halflings';
    content: "\e253 ";
    font-size: 80%;
    margin-left: 4px;
}
/*noinspection CssNoGenericFontName*/
.flt-sortable-inactive:after {
    font-family: 'Glyphicons Halflings';
    content: "\e150 ";
    color: #909090;
    font-size: 80%;
    margin-left: 4px;
}
.flt-header .flt-sortable {
    cursor: pointer;
}
.flt-header .flt-sortable:hover {
    background-color: #606060;
}
.flt-header .flt-sortable .span-div-clickable {
    background-color: inherit;
}
.flt-header {
    background-color: #035d5a;
    color: white;
    font-weight: bold;
}
.flt-data-row {
    position: relative;
    border-bottom: 1px solid #D0D0D0;
}
.flt-header .flt-column {
    position: relative;
}
.flt-table-row{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 4px;
}
.flt-wrapper {
    display: flex;
    flex-direction: row;
}
.flt-column {
    flex-grow: 0;
    flex-shrink: 0;
    vertical-align: top;
}
.flt-data-row .flt-column span {
    position: relative;
    z-index: 2
}
.flt-data-row .flt-column a {
    position: relative;
    text-decoration: none;
    z-index: 2
}
.flt-data-row .flt-column a:hover {
    text-decoration: underline;
}
.flt-data-row .flt-col-action a:hover {
    text-decoration: none;
}
.flt-data-row .flt-col-action a span:hover {
    color: #000000 !important;
}
.flt-col-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 4px;
}
.flt-col-header {
    padding-right: 4px;
    vertical-align: middle;
    text-align: left;
    display: flex;
    align-items: center;
}
.flt-col-fulltext {
    padding-right: 4px;
}
.flt-col-action, .flt-col-icons {
    z-index: 2 ;
}
.flt-col-action {
    margin: 0 0 0 4px;
}
.flt-col-icons {
    margin: 0 4px 0 4px;
}
.flt-col-icons {
    cursor: default;
}
.flt-col-icons span {
    margin: 2px;
}
.flt-col-icons span:hover {
    color: #000000 !important;
}

@media screen and (max-width: 1080px) {
    #left-navbar {
        display: none;
    }
    .desktop-header {
        display: none;
    }
    .header-block, .header-block-ghost {
        display: flex;
    }
}
@media screen and (max-width: 1152px) {
    #auth-with-input {
        order: 100;
    }
    .auth-block {
        max-width: initial;
    }
    .auth-left-block {
        margin: 16px auto 8px auto;
    }
    .auth-right-block {
        margin: 16px auto 8px auto;
    }
    .block-container {
        flex-direction: column;
    }
    .features-block, .features-block-centered, .features-block-narrow {
        max-width: none;
    }
    .features-block-centered, .features-block-narrow {
        margin: 12px;
    }
    .header-block, .header-block-ghost {
        font-size: 28px;
    }
    .header-menu-block-icon {
        margin: 6px 12px 0 0;
        font-size: 24px
    }
    .nemovitosti-word {
        display: none;
    }
    .main-slogan {
        font-size: 32px
    }
    .popup-help-window {
        padding: 12px;
        top: 5%; left: 5%;
        width:90%;
        height:90%;
    }
    .form-labelvalue-wrapper {
        flex-direction: column;
    }
    .form-labelvalue-wrapper .form-value {
        margin: 0;
    }
}
@media screen and (max-width: 760px) {
    #header-text {
        margin: auto 0 auto auto;
    }
    #header-logo img {
        opacity: 0.2
    }
}
@media screen and (max-width: 560px) {
    .form-textual-container {
        flex-direction: column;
    }
    .form-textual-label {
        text-align: left;
        padding: initial;
    }
    .form-textual-value {
        margin: 0 0 8px 0;
        padding: initial;
    }
    .header-block, .header-block-ghost {
        flex-direction: column;
    }
    .menu-button-and-title {
        width: 100%;
    }
    .header-button-block, .stavba-obec-mapa {
        display: none;
    }
    .login-button {
        display: initial;
    }
    .main-slogan {
        font-size: 24px
    }
    .features-block-actions.multiple-actions {
        flex-direction: column;
    }
    .features-block-actions.multiple-actions a {
        margin: 0 auto 12px auto !important;
    }
}