@font-face {
    font-family: 'DB Office';
    src: local('DB Office Bold'), local('DBOffice-Bold'),
        url('/fonts/200207/subset-DBOffice-Bold.woff2') format('woff2'),
        url('/fonts/200207/subset-DBOffice-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DB Office';
    src: local('DB Office'), local('DBOffice-Regular'),
        url('/fonts/200207/subset-DBOffice-Regular.woff2') format('woff2'),
        url('/fonts/200207/subset-DBOffice-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {height: 100vh; width: 100%; overflow: hidden;}

body, .panel, .autocomplete-suggestions, #autocomplete, .modal {font-family: 'DB Office' !important;}

.op_panel {transform: scale(1.15);}

.panel.opened {width: 300px !important;}
.panel_content {width: 285px;}
#op_list.opened {right: 310px;}
.panel {max-height: 100vh; overflow-y: auto; z-index: 9998;}
.panel_box {max-height: 80vh; overflow-y: auto;}

.ol-zoom-in, .ol-zoom-out, .ol-zoomslider-thumb, .ol-scale-line, #mouse-position, #menuBox strong {background: rgba(69,89,253,1) !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.ol-zoom-in:hover, .ol-zoom-out:hover, .ol-zoomslider-thumb:hover {background: rgba(11,31,82,1) !important;}

.panel_box, .ol-zoomslider, .ol-zoom, .ol-zoomslider-thumb:active {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

#zenit_logo {padding: 15px; background: rgba(255, 255, 255, 1); text-align: center;}
#zenit_logo img {width: 70%;}

#zenit {text-align: left; background: rgba(255, 255, 255, 1); color: rgba(69,89,253,1);}
#zenit_vypis { max-height: 60vh;
    overflow-y: auto;}
#zenit select {max-width: 100%; margin: 10px 0;}
#zenit_vypis {}
#zenit_vypis ul {margin: 0; padding: 0;}
#zenit_vypis > ul {padding: 5px 10px 15px 10px;}
#zenit_vypis ul li {list-style: none; padding: 2px 0 2px 0; font-size: 13px;}
#zenit_vypis ul li ul li {padding: 2px 0 2px 15px;}
#zenit_vypis span {font-size: 16px;}
#zenit_vypis a {display:block; padding: 5px; margin-top: 5px; margin-bottom: 2px; text-align:center; background: rgba(69,89,253,1); color: white; font-size: 14px; text-decoration: none;}
#zenit_vypis a:hover {background: rgba(93,177,185,1);}
.sch_zelena {color: rgba(69,89,253,1);}
.sch_cervena {color: rgba(210, 209, 216, 1); text-decoration: line-through;}
.sch_light {color: #ccc;}
.sch_info {color: #1971ff;}
.select2-dropdown {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.zenit_psc {font-size: 12px !important; width: 100%;word-break: break-all;}
.v_checkid344, .v_checkid336, .v_checkid338, .v_checkid346, .v_checkid129, .v_checkid386, .v_checkid130 {display: none;}

.zenit_hledani {font-size: 14px;}
#autocomplete {width: 90%; padding: 5px 10px; margin-top: 5px; border: solid 1px rgba(69,89,253,1);color: rgba(69,89,253,1);}
#autocomplete:focus {outline-width: 0;}
.autocomplete-suggestions {color: rgba(69,89,253,1)}
.padding {padding: 15px;}
.padding2 {padding: 0 15px;}
.depo_nazev {display: block; width: 100%;margin-top: 18px; color: white; background: rgba(69,89,253,1);padding: 5px 10px;}
.depo_nazev span {display: block; font-size: 18px !important;}

.dbs-icon {background: url(/images/200207_icon.png) center center no-repeat}

.modal {color:black;}
.modal h4, .modal h3 {color: rgba(236, 0, 22, 1); margin: 5px;}
.modal p.blue {color: rgba(69,89,253,1);}
.sch_table {border: solid 1px black; border-collapse: collapse}
.sch_table th {text-align: left;}
.sch_table th, .sch_table td {border: solid 1px black; padding: 5px;}
.sch_table tr:nth-child(even) {background: #eee;}
.sch_table tr:hover {background: #e6fffd;}
.sch_table thead {background: #167d86; color: white;}

.tooltip.left {}
.tooltip.left .tooltip-inner {background-color: rgba(69,89,253,1); position: absolute; top: 20px; right: -36px; font-family: 'DB Office' !important;white-space: nowrap;}
.tooltip.left .tooltip-arrow {display: none;}

#menuBox .vrstvarow i.fa {position: relative; top: 0px;}
#menuBox .vrstvaSub {padding-left: 17px;}
.submenubox .vrstva {background: #e9e9e9 !important}
#menuBox .submenubox .vrstva .vrstvarow {padding-left:17px}

.zenit_table {width: 100%;text-align: center;}
.zenit_table td {border-spacing: 2px;padding: 2px;}

/* Hodnoceni */
.hodnoceni {
  text-align: center; 
  font-size: 14px;
  background: rgba(22,125,134, 1);
  color: white;
  /*background: rgba(243, 243, 243, 1);*/
  padding: 8px 0 10px 0;
}
.hodnoceni p {
  margin: 14px 0 7px 0;
}
.rating {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  height: 40px;
  position: relative;
}
.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

.rating > label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

#rating-1:checked ~ .emoji-wrapper > .emoji { transform: translateY(-100px); }
#rating-2:checked ~ .emoji-wrapper > .emoji { transform: translateY(-200px); }
#rating-3:checked ~ .emoji-wrapper > .emoji { transform: translateY(-300px); }
#rating-4:checked ~ .emoji-wrapper > .emoji { transform: translateY(-400px); }
#rating-5:checked ~ .emoji-wrapper > .emoji { transform: translateY(-500px); }

.hodnoceni_komentar {text-align: center;}
.hodnoceni_komentar h3 {font-size: 17px;}
.hodnoceni_komentar textarea {width: 100%; border-color: #999;}
.hodnoceni_komentar button {margin: 10px auto 0 auto; padding: 8px 15px; border: none; background: rgba(69,89,253,1); color: white; font-size: 16px; text-decoration: none;}
.hodnoceni_komentar button:hover {background: rgba(93,177,185,1);}
.hodnoceni_komentar .pocet_znaku {color: red; font-size: 11px; display: block; text-align: right;}

@media screen and (min-height: 1px) and (max-height: 650px) {
	#panel_1 .panel_box {max-height: 50vh; overflow-y: auto;}
}

@media screen and (min-height: 651px) and (max-height: 1000px) {
	#panel_1 .panel_box {max-height: 70vh; overflow-y: auto;}
}
