body {
    font-family: "Roboto", sans-serif;
}

header, main {
}

main {
    position: relative;
}

.map {
    top: -64px;
    position:absolute;
    height: 100vh;
    width:100vw;
}

.ol-zoom { top: 5em !important; }

@media only screen and (max-width: 600px) {
    .map { top: -56px !important; }
    .ol-zoom { top: 4.5em !important; }
}




.brand-logo {
    font-size: 1rem !important;
    padding: 0px 10px !important;
}
.brand-logo img {
        vertical-align: middle;
}
.brand-logo span {
    font-size: 1.1rem;
    font-weight: 400;
}

.page-footer {
    padding-top: 0px;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}


label {
    color :#333;
}

/* label color */
.input-field label {
    color: #9e9e9e;
}
/* label focus color */
.input-field input[type=text]:focus + label {
    color: #9e9e9e;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #1565C0 !important;
    box-shadow: 0 1px 0 0 #1565C0 !important;;
}

.input-field textarea:focus {
    border-bottom: 1px solid #1565C0 !important;
    box-shadow: 0 1px 0 0 #1565C0 !important;;
}



/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #1565C0 !important;;
    box-shadow: 0 1px 0 0 #1565C0 !important;;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #F44336 !important;;
    box-shadow: 0 1px 0 0 #F44336 !important;;
}


/* icon prefix focus color */
.input-field .prefix.active {
    color: #1565C0 !important;;
}

/* label focus color */
.input-field input:focus + label {
    color: #1565C0 !important;
}

/* label focus color */
.input-field textarea:focus + label {
    color: #1565C0 !important;
}


/* label underline focus color */
.row .input-field input:focus {
    border-bottom: 1px solid #1565C0 !important;
    box-shadow: 0 1px 0 0 #1565C0 !important
}


[type="checkbox"]:checked + label:before {
    border-right: 2px solid #1565C0 !important;
    border-bottom: 2px solid #1565C0 !important;
}

.chips.focus { border-color: #1565C0 !important; box-shadow: 0 1px 0 0 #1565C0 !important; }
.chips .chip.selected {  background-color: #1565C0 !important; }
.picker__date-display { background: #1565C0 !important; }
.picker__day.picker__day--today { color: #1565C0 !important; }
.picker__close, .picker__today, .picker__clear  { color: #1565C0 !important; }
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background: #1565C0 !important; color: #fff !important; }
button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {    background-color: #81d4fa; }
.picker__nav--prev:hover, .picker__nav--next:hover {  background: #81d4fa; }

.dropdown-content li > a, .dropdown-content li > span { color: #1565C0 !important; }
.dropdown-content { min-width: 250px !important; }

.autocomplete-content {
    position: absolute !important;
    width: calc(100% - 70px) !important;

}




.progress { margin: 0px; }
.h4 { height: 4px; }
.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}

.mt0 { margin-top: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}

.title_transp { color: transparent; }

.info-panel { padding: 0px 24px !important; }
.search-wrapper input#q {
    display: block;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    height: 45px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 45px 0 15px;
    border: 0;
}

.search-wrapper input#q {
    border-bottom: 1px solid #fff !important;;
    box-shadow: 0 1px 0 0 #fff !important;;
}

.search-wrapper input#q:focus {
    border-bottom: 1px solid #1565C0 !important;;
    box-shadow: 0 1px 0 0 #1565C0 !important;;
}

.dt-wrapper input:focus {
    border-bottom: 1px solid #1565C0 !important;;
    box-shadow: 0 1px 0 0 #1565C0 !important;;
}


.search-wrapper i.material-icons {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}


.img-id { font-size: 1.35rem; color:white; text-shadow: black 1px 1px 1px; position: absolute; top:15px; left:15px; z-index: 10; }
.autor-id { font-size: 0.8rem; color:white; text-shadow: black 1px 1px 1px; position: absolute; top:40px; left:15px; z-index: 10; }
.autor-id a { color: white; z-index: 10; }
.autor-id a:hover { text-decoration: underline; }
.schvalil-autor-id { font-size: 0.8rem; color:white; text-shadow: black 1px 1px 1px; position: absolute; top:60px; left:15px; z-index: 10; }
.autor-id-detail { font-size: 1rem; margin-top: 0px; margin-bottom: 10px;  }
.autor-id-detail a:hover { text-decoration: underline; }

.origin-download { position: absolute; top: 35px; right: 90px; z-index: 10;}
.view-schv-history { position: absolute; top: 85px; right: 90px; z-index: 10;}
.img-info { font-size: 1rem; color:white; text-shadow: black 1px 1px 1px; position: absolute; bottom:20px; left:15px; z-index: 10; }

.img-znacky { font-size: 0.8rem; color:white; text-shadow: black 1px 1px 1px; z-index: 10; line-height: 250%; }
.img-znacky a { color: white; padding: 5px; background: rgba(25,118,210,0.7); border-radius:5px;  }
.img-znacky a:hover { background: rgba(25,118,210,1); }
.poznamka { font-size: 0.8rem; }

.column { float: left; padding:10px; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.33333%; }
.size-1of4 { width: 25%; }
.size-1of5 { width: 20%; }
.size-1of6 { width: 16.66666%; }

.pb_g { background: url(../img/cloud_load.gif) center center no-repeat; background-size: cover;  }
.pb_g a { display:block; }
.cardcol .btn { padding: 0 1rem !important; }

.cardcol.intro .card-content { height: 90px; overflow: hidden; position: relative; padding: 20px 12px 0px 12px; }
.cardcol.intro .overlay {     position: absolute;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1) 70%);
    left: 0;
    right: 0;
    bottom: 0;
    height: 15px;
    margin: -14px 0 0;  }

.cardcol.mojefoto .card-content { height: 115px; overflow: hidden; position: relative; padding: 20px 12px 0px 12px; }
.cardcol.mojefoto .overlay {     position: absolute;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1) 70%);
    left: 0;
    right: 0;
    bottom: 0;
    height: 15px;
    margin: -14px 0 0;  }


.modal { width: 75% !important ;  height: auto; }
.modal.modal-cancel,
.modal.modal-delete
{ width: 75% !important ;  height: auto !important; }

@media only screen and (max-width: 600px) {
    .pb_g {
        min-height: auto;
    }
    .modal { width: 95% !important ;  height: 100% !important; max-height: 95%; top: 1% !important; }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
    .pb_g {
        min-height: auto;
    }
    .modal { width: 95% !important ;  height: 100% !important; max-height: 95%; top: 1% !important; }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .pb_g {
        min-height: 100px;
    }
}

@media only screen and (min-width: 1201px) {
    .pb_g {
        min-height: 150px;
    }
}

#viewparams-form .edit-input { color: #000 !important; }





/** materialize add 5th col **/
.s5ths,
.m5ths,
.l5ths,
.xl5ths {
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s5ths {
    width: 20%;
}

@media only screen and (min-width: 601px) {
    .row .col.m5ths {
        width: 20%;
    }
}

@media only screen and (min-width: 993px) {
    .row .col.l5ths {
        width: 20%;
    }
}

@media only screen and (min-width: 1201px) {
    .row .col.xl5ths {
        width: 20%;
    }
}

@media only screen and (max-width: 992px) {
    nav .brand-logo {
        left: 50px !important;
        -webkit-transform: none;
        transform: none;
    }
}



.hoverable:hover {
    transition: box-shadow .25s;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 0 0 0 rgba(0, 0, 0, 0);
}


.ui-search{
    top:1rem;
    left:3.5rem;
    overflow:hidden;
    position:absolute;
    z-index:130;
    width:20rem;
    background-color:#fff;
    border-radius:2px;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);
    -moz-box-shadow:0 1px 4px rgba(0,0,0,.3);
    box-shadow:0 1px 4px rgba(0,0,0,.3);
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.ui-search.suggestions>.ui-search-input>.ui-search-tool .ui-search-btn-clear,
.ui-search.suggestions>.ui-search-input>.ui-search-tool .ui-search-btn-search
.ui-search.suggestions>.ui-date-input>.ui-date-tool.ui-search-btn-clear
{
    display:inline-block
}
.ui-search.loading>.ui-search-input>.ui-search-tool .ui-search-btn-search{
    display:none
}

.ui-search>.ui-search-input
{
    display:flex;
    height:2.571rem
}
.ui-search>.ui-date-input
{
    display:flex;
    height:2.571rem
}



.ui-search>.ui-search-input button{
    height:2.286rem;
    margin:0;
    padding:0;
    width:2.286rem
}
.ui-search>.ui-date-input button{
    height:2.286rem;
    margin:0;
    padding:0;
    width:2.286rem
}


.ui-search>.ui-search-input button>i{
    line-height:2.286rem;
    margin:0;
    padding:0;
    opacity:.54;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -ms-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
.ui-search>.ui-date-input button>i{
    line-height:2.286rem;
    margin:0;
    padding:0;
    opacity:.54;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -ms-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}

.ui-search>.ui-search-input button:hover{
    background-color:#fff
}
.ui-search>.ui-date-input button:hover{
    background-color:#fff
}

.ui-search>.ui-search-input button:hover>i{
    opacity:.87
}
.ui-search>.ui-date-input button:hover>i{
    opacity:.87
}
.ui-search>.ui-search-input>.ui-search-text{
    display:block;
    height:2.286rem;
    float:left;
    margin:2px 0 2px 0.5rem;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}
.ui-search>.ui-date-input>.ui-date-text{
    display:block;
    height:2.286rem;
    float:left;
    margin:2px 0 2px 0.5rem;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}


.ui-search>.ui-search-input>.ui-search-text>input{
    border:none;
    margin:0;
    padding:0;
    height:2.286rem
}
.ui-search>.ui-date-input>.ui-date-text>input{
    border:none;
    margin:0;
    padding:0;
    height:2.286rem
}

.ui-search>.ui-search-input>.ui-search-text>input:focus{
    box-shadow:none
}
.ui-search>.ui-date-input>.ui-date-text>input:focus{
    box-shadow:none
}

.ui-search>.ui-search-input>.ui-search-tool{
    display:flex;
    float:right;
    height:2.286rem;
    line-height:2.286rem;
    margin:2px .286rem 2px 0
}
.ui-search>.ui-date-input>.ui-date-tool{
    display:flex;
    float:right;
    height:2.286rem;
    line-height:2.286rem;
    margin:2px .286rem 2px 0
}


.ui-search>.ui-search-input>.preloader-wrapper,.ui-search>.ui-search-input>.ui-search-tool .ui-search-btn-clear{
    display:none
}
.ui-search>.ui-search-input>.ui-search-tool .ui-search-btn-clear:after{
    background:#DADADA;
    content:"\00a0";
    float:right;
    overflow:hidden;
    width:1px
}

.ui-search>.ui-search-lock>button>i{
    margin:0;
    padding:0 .571rem 0 0
}

.select2-search__field { height: 2em !important; }
.select2-search__field:focus { border-bottom: 1px solid #9e9e9e !important; }
.select2-container--default .select2-selection--single { border-radius: 0px !important; margin-top: 3px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { outline: 0px !important; }
.select2-search--dropdown {  padding: 4px 4px 0px 4px !important; margin: 0px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: 2px !important; }

.select2-container--default .select2-search--dropdown .select2-search__field {
    line-height: 100% !important;
    padding:0px 5px;
    height: 1.8em !important;
    width: 96%;
    margin-bottom: 5px !important;
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 0px;
    box-shadow: none;
}

.sidenav-overlay {
    z-index: 996 !important;
}



.ol-popup { position: absolute; background-color: white; color: #000; padding: 10px; border-radius: 0px; border: 2px solid #cccccc; bottom: 12px;
    left: 0px; top: 0px;height: 220px; width: 450px; line-height: 100%;
}
.ol-popup p { margin:0px !important; }
.ol-attribution ul { margin:0 !important; padding: 0 !important; }
.ol-attribution ul li { margin:0 !important; padding: 0 !important; list-style: none !important; background: none !important; }

#chart { width: 843px; height: 600px; border: 0px solid #ccc; margin-top:5px; }
#hs_error { margin-top:5px; }

.tabs .indicator { background-color: #2196F3 !important; }
.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: rgba(33, 150, 243, 0.2) !important;
    outline: none;
}

.legend { position: absolute; bottom: 0; left:5px; z-index: 100; }
.legend img { width: auto; max-width: 100%; }
.m10 { margin: 10px !important; }
.p10 { padding: 10px !important; }
.ttip-table { font-size: 12px; width: 420px; }
.ttip-table td, .ttip-table th { padding: 4px 4px; line-height: 14px; }
.ttip-table th { width: 250px;}

.ttip-table2 { font-size: 12px; width: 220px; }
.ttip-table2 td, .ttip-table2 th { padding: 4px 4px; line-height: 14px; }
.ttip-table2 th { width: 100px;}


.dialog-table { font-size: 14px; width: 100%; margin-top: 20px; margin-bottom: 20px; }
.dialog-table td, .dialog-table th { padding: 4px 4px; line-height: 18px; }
.dialog-table th { width: 250px;}

#ge_chart { width: 100%; height: 400px; }

.blog { outline: 0px !important; }
.blog__author { color: #1976D2; font-size: 12px; }
.blog__comment { color: #1976D2; font-size: 13px; font-weight: 900; padding: 0 10px; text-transform: uppercase; }
.blog__date { border-right: 1px solid; color: #1976D2; font-size: 18px; margin-right: 5px; padding-right: 3px; }
.blog__header { margin-bottom: 5px; }
.blog__item { border-top: 1px solid #e8e0d5;  outline: 0px !important; }
.blog__item img { margin: 10px; padding:3px; border: 1px solid #ccc;  }
.blog__image { flex: 0 0 50%; height: 294px; overflow: hidden; position: relative; background: #eee;}
.blog__image--content { max-width: 400px; float:right; margin: 0px 0px 10px 20px; }
.blog__image--content img { margin: 0px;}
.blog__image img {  margin:0px !important;  height: 100%; left: 50%; max-width: none; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: auto; }
.blog__image--portrait img { height: auto; width: 100%; }
.blog__more { color: #1976D2; font-size: 13px; font-weight: 900; text-align: right; text-transform: uppercase; }
.blog__more::after { color: #4b8ec4;  margin-left: 5px; }
.blog__par { font-size: 12px !important; line-height: 19px !important; margin: 0px !important; }
.blog__par p { font-size: 12px !important; line-height: 19px !important; margin: 0px !important; }
.blog__text { padding: 10px 20px; position: relative; }
.blog__text.fullwidth { display: flex; flex: 0 0 100%; max-width: 100%;  }
.blog__text--abstract { font-style: italic; font-size: 1.1em !important; }
.blog__text--content { line-height: 26px; font-size: 15px; }
.blog__title { color: #1976D2; font-size: 22px !important; margin-top: 0px !important; font-weight: 900; margin-bottom: 0px; text-transform: uppercase; }
.blog__footer { align-items: center; display: flex; justify-content: space-between; margin-top: auto; padding-top: 10px; }
.blog__footer--pocet { font-size: 12px;}
.blog__comment:hover { color: #4b8ec4; }
.blog__image:hover { opacity: .5; }
.blog__more:hover { color: #4b8ec4; }
.blog__groups--item { font-size: 12px; padding:2px 5px; }
.blog .slick-slide { padding: 5px; }
.blog__date.events { clear:right; border-right: 0px; padding-bottom: 5px; display: block;}