@charset "UTF-8";
:root {
  --font-size-xs: 10px;
  --font-size-s: 12px;
  --font-size-p: 14px;
  --font-size-m: 16px;
  --font-size-n: 21px;
  --font-size-l: 28px;
  --font-size-xl: 40px;
  --font-size-xxl: 64px;
  --color-font: #000000;
  --color-font-contrast: #ffffff;
  --color-white: #ffffff;
  --color-gray-pale: #f0f0f0;
  --color-gray-light: #e0e0e0;
  --color-gray-medium: #c0c0c0;
  --color-gray: #a0a0a0;
  --color-gray-dark: #707070;
  --color-black: #000000;
  --color-accent-pale: #edf6fa;
  --color-accent-light: #d7e4ec;
  --color-accent-medium: #64abce;
  --color-accent: #0778b0;
  --color-accent-dark: #044566;
  --color-contrast-pale: #f7d7db;
  --color-contrast-light: #ebadb9;
  --color-contrast-medium: #e0707f;
  --color-contrast: #d24662;
  --color-info-pale: #fff1d6;
  --color-info-light: #ffe7b8;
  --color-info: #ffc95c;
  --color-info-dark: #b08b40;
  --color-gold: #FFD700;
  --color-silver: #C1C0BF;
  --color-bronze: #CD7F32;
  --line-height: 1.3;
  --line-height-narrow: 1.1;
  --line-height-wide: 1.5;
  --border-radius: 0.25em;
  --page-margin: 1em;
}

@media (max-width: 800px) {
  :root {
    --font-size-xs: 9px;
    --font-size-s: 11px;
    --font-size-p: 13px;
    --font-size-m: 15px;
    --font-size-n: 18px;
    --font-size-l: 22px;
    --font-size-xl: 30px;
    --font-size-xxl: 40px;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Inter, Helvetica, Arial, sans-serif;
  line-height: var(--line-height);
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: var(--color-gray-light);
  font-size: var(--font-size-m);
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  cursor: pointer;
}

img {
  width: 100%;
}

table {
  border-collapse: collapse;
}

.text ul, .text ol {
  margin-left: 1.25em;
}
.text ul li, .text ol li {
  margin: 0.25em 0 0.75em 0;
}
.text ul.narrow li, .text ol.narrow li {
  margin: 0 0 0.25em 0;
}

p a {
  color: inherit;
  border-bottom: 1px dashed;
}
p a:hover {
  border-bottom: 0.1em solid;
}

.text p {
  margin-bottom: 1em;
}
.text p:last-child {
  margin-bottom: 0;
}
.text table td, .text table th {
  vertical-align: top;
  text-align: left;
  font-size: var(--font-size-m);
  padding: 0.25em 1em;
  max-width: 30em;
}
.text table td:first-child, .text table th:first-child {
  padding-left: 0;
}
.text table td:last-child, .text table th:last-child {
  padding-right: 0;
}
.text table th {
  color: var(--color-gray);
}

.text, .text-xs, .text-s, .text-p, .text-m, .text-n, .text-l, .text-xl, .text-xxl {
  margin-top: 0;
  margin-bottom: 0.5em;
}
.text .subtext, .text-xs .subtext, .text-s .subtext, .text-p .subtext, .text-m .subtext, .text-n .subtext, .text-l .subtext, .text-xl .subtext, .text-xxl .subtext {
  display: inline-block;
  font-weight: 400;
  font-size: 70%;
}

.text:last-child {
  margin-bottom: 0;
}

.text-xs {
  font-size: var(--font-size-xs) !important;
}

.text-s {
  font-size: var(--font-size-s) !important;
}

.text-p {
  font-size: var(--font-size-p) !important;
}

.text-m {
  font-size: var(--font-size-m) !important;
}

.text-n {
  font-size: var(--font-size-n) !important;
}

.text-l {
  font-size: var(--font-size-l) !important;
}
.text-l span {
  font-size: var(--font-size-n);
}

.text-xl {
  font-size: var(--font-size-xl) !important;
}

.text-xxl {
  font-size: var(--font-size-xxl) !important;
}

.text-l, .text-xl, .text-xxl {
  font-weight: 700;
}

.text-xl, .text-xxl {
  line-height: var(--line-height-narrow);
}

.text-explanation {
  font-size: var(--font-size-s);
  color: var(--color-gray-dark);
  margin-bottom: 2em;
}
.text-explanation.full-width {
  width: 100% !important;
}

.filter .text-explanation {
  margin-bottom: 1em;
}

.text-contrast {
  color: var(--color-font-contrast);
}

.text-gray-light {
  color: var(--color-gray-light);
}

.text-gray {
  color: var(--color-gray);
}

.text-gray-dark {
  color: var(--color-gray-dark);
}

.text-narrow, .text-narrow p {
  line-height: var(--line-height-narrow);
}

.text-wide, .text-wide p {
  line-height: var(--line-height-wide);
}

.text-400 {
  font-weight: 400;
}

.text-700 {
  font-weight: 700;
}

.link {
  position: relative;
  color: var(--color-accent);
  font-weight: 700;
}
.link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-bottom: 1px dashed;
}
.link:hover::after {
  border-bottom: 0.1em solid;
}

.nlink {
  position: relative;
  font-weight: 700;
}
.nlink::after {
  content: "";
  position: absolute;
  inset: 0;
  border-bottom: 1px dashed;
  opacity: 0.333;
}
.nlink:hover::after {
  border-bottom: 0.1em solid;
  opacity: 1;
}

.link .icon {
  position: absolute;
  fill: var(--color-accent);
  margin-left: 0.75em;
}

.clear {
  clear: both;
}

.invisible {
  visibility: hidden;
}

.opaque .skola-body-hodnotenie-cislo, .opaque .skola-body-hodnotenie-text, .opaque .skola-hodnotenie-celkove-graf, .opaque .skola-body-zlozka-cislo, .opaque .skola-body-hodnotenie-bar, .opaque .skola-hodnotenie-zlozka-graf, .opaque .hodnotenie {
  opacity: 0.3333;
}

.hidden {
  display: none !important;
}

.white {
  background-color: var(--color-white);
}

.gray-pale {
  background-color: var(--color-gray-pale);
}

.gray {
  background-color: var(--color-gray);
  color: var(--color-font-contrast);
}

.gray-dark {
  background-color: var(--color-gray-dark);
  color: var(--color-font-contrast);
}

.info-light {
  background-color: var(--color-info-light);
}

.accent-pale {
  background-color: var(--color-accent-pale);
}

.accent-light {
  background-color: var(--color-accent-light);
}

.border-light {
  border: 1px solid var(--color-gray-light);
}

input {
  font-size: 1em;
  line-height: 1;
  outline: 0;
  border-radius: var(--border-radius);
}

input[type=search] {
  height: 2.5em;
  padding: 0.75em;
  border: 0.1em solid;
}

input[type=text] {
  height: 1.8em;
  padding: 0.4em;
  border: 1px solid;
}

input[type=password], input[type=email] {
  height: 2em;
  padding: 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.select {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  width: fit-content;
  line-height: 1;
}
.select.select-s {
  font-size: var(--font-size-s);
}
.select.select-s .hodnota {
  font-size: var(--font-size-xs);
}
.select.select-p {
  font-size: var(--font-size-p);
}
.select.select-p .hodnota {
  font-size: var(--font-size-xs);
}
.select.select-m {
  font-size: var(--font-size-m);
}
.select.select-m .hodnota {
  font-size: var(--font-size-s);
}
.select .select-label {
  padding: 0.5em 0.75em 0.5em 0;
}
.select .select-label.label-after {
  padding-right: 0;
  padding-left: 0.75em;
}
.select .selector {
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 700;
  line-height: 1;
  padding: 0.5em 1.75em 0.5em 0.75em;
  border-radius: var(--border-radius);
  border: 0.1em solid;
}
.select .selector .obsah, .select .selector .hodnota {
  display: inline-block;
  line-height: 1;
}
.select .selector .hodnota {
  min-width: 1.6em;
  background-color: var(--color-font);
  color: var(--color-font-contrast);
  line-height: 1;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.2em 0 0.7em;
  border-radius: 1em;
}
.select .selector .hodnota.new {
  background-color: var(--color-accent);
}
.select .selector::after {
  content: "";
  width: 0.75em;
  height: 0.75em;
  position: absolute;
  top: 0.65em;
  right: 0.65em;
  background-image: url("../images/ikony/tri-down.svg");
  background-size: 0.75em 0.75em;
}
.select.tight .selector {
  padding: 0.25em 1.5em 0.25em 0.5em;
}
.select.tight .selector .obsah {
  padding: 0.2em 0;
}
.select.tight .selector::after {
  top: 0.6em;
  right: 0.425em;
}
.select.tight .select-label {
  line-height: 1;
}
.select .options {
  display: none;
  position: absolute;
  left: 0;
  top: 2.2em;
  box-sizing: content-box;
  min-width: 100%;
  max-height: 12.6em;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--color-white);
  font-weight: 400;
  border: 0.1em solid var(--color-gray-light);
  border-radius: var(--border-radius);
  box-shadow: 0 0 var(--border-radius) rgba(0, 0, 0, 0.1);
  z-index: 600;
  cursor: default;
}
.select .options.large {
  max-height: 40em;
  max-width: 40em;
  padding: 0.75em;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
}
.select .options .option {
  padding: 0.4em 0.6em;
  border-bottom: 1px solid var(--color-gray-light);
}
.select .options .option.selected {
  font-weight: 700;
}
.select .options .option:hover {
  background-color: var(--color-gray-pale);
}
.select .options a:last-child .select-option {
  border-bottom: none;
}
.select .options-text {
  position: relative;
  display: flex;
  padding: 0.4em;
}
.select #input-obec_id-results {
  display: none;
  position: absolute;
  top: 2.8em;
  left: 0;
  width: 100%;
  max-height: 10em;
  overflow-y: auto;
  background-color: var(--color-gray-pale);
  padding: 0.4em;
  border: 1px solid var(--color-gray-light);
  border-radius: var(--border-radius);
  box-shadow: 0 1px var(--border-radius) rgba(0, 0, 0, 0.2);
}
.select #input-obec_id-results div {
  line-height: 1;
  padding: 0.4em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select #input-obec_id-results div:hover {
  background-color: var(--color-gray-light);
  border-radius: var(--border-radius);
  cursor: pointer;
}

.switch {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  font-weight: 700;
  line-height: 1;
  padding: 0.5em 1em 0.5em 0.75em;
  border-radius: var(--border-radius);
  border: 0.1em solid;
}
.switch.switch-s {
  font-size: var(--font-size-s);
}
.switch.switch-m {
  font-size: var(--font-size-m);
}
.switch .switch-label {
  margin-right: 1em;
  line-height: 1;
}
.switch .switcher {
  position: relative;
  height: 0.6em;
  width: 1.5em;
  line-height: 1;
  margin: 0.2em 0;
  border-radius: 0.3em;
}
.switch .switcher::after {
  content: "";
  position: absolute;
  top: -0.2em;
  display: block;
  width: 0.8em;
  height: 0.8em;
  background-color: var(--color-white);
  border: 0.1em solid;
  border-radius: 50%;
}
.switch .switcher.off {
  background-color: var(--color-gray-light);
}
.switch .switcher.off::after {
  left: -0.5em;
}
.switch .switcher.on {
  background-color: var(--color-font);
}
.switch .switcher.on::after {
  right: -0.5em;
}
.switch.tight {
  padding: 0.45em 0.9em 0.45em 0.6em;
}

.input {
  display: flex;
  white-space: nowrap;
  position: relative;
  line-height: 1;
}
.input .input-label {
  line-height: 1;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.input .input-label.label-before {
  margin-right: 0.4em;
}
.input .input-label.label-after {
  margin-left: 0.4em;
}
.input .inputer {
  position: relative;
}
.input .inputer .inputer-content {
  position: absolute;
  top: 0em;
  left: 0em;
  max-width: 11.6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  background-color: var(--color-gray-dark);
  color: var(--color-font-contrast);
  padding: 0.4em 2em 0.4em 0.4em;
  border-radius: var(--border-radius);
}
.input .inputer .inputer-content:hover {
  background-color: var(--color-font);
  cursor: pointer;
}
.input .inputer .inputer-content::after {
  content: "";
  position: absolute;
  right: 0.5em;
  top: 0.55em;
  width: 0.75em;
  height: 0.75em;
  background-image: url("../images/ikony/cross-white.svg");
  background-size: 0.75em 0.75em;
  opacity: 0.5;
}
.input#filter-obec_id {
  min-width: 12em;
}

.slider {
  position: relative;
}
.slider .slider-container {
  position: relative;
  top: 0;
  width: 12em;
  margin: 0 0.75em;
}
.slider .slider-track {
  position: relative;
  height: 0.3em;
  background: var(--color-gray-light);
  width: 100%;
  top: 0.5em;
}
.slider .slider-handle {
  position: absolute;
  width: 1em;
  height: 1em;
  background-color: var(--color-font);
  border-radius: 50%;
  top: 0.15em;
  cursor: pointer;
  transform: translate(-50%, 0);
}
.slider .slider-inputs {
  display: flex;
  justify-content: space-between;
  margin: 2em 0.25em 0.25em 0.25em;
}
.slider .slider-inputs input {
  width: 2.5em;
  text-align: right;
}

.textarea {
  display: block;
  width: 100%;
  overflow: hidden;
  resize: both;
  min-height: 1.25em;
  line-height: 1.25em;
  padding-bottom: 0.25em;
  border: none;
  border-bottom: 1px solid;
  outline: none;
}
.textarea:hover {
  cursor: text;
}

.button {
  display: inline-block;
  position: relative;
  font-size: 1em;
  line-height: 1;
  font-weight: 700;
  padding: 0.75em 3.25em 0.75em 1em;
  outline: 0;
  border-radius: var(--border-radius);
}
.button.button-noarrow {
  padding-right: 1em;
}
.button.button-rounded {
  border-radius: 2em;
}
.button:hover {
  cursor: pointer;
  filter: brightness(0.95);
}
.button:active {
  transform: scale(0.98);
}
.button::after {
  content: "";
  position: absolute;
  top: 0.8em;
  right: 1.125em;
  width: 1.25em;
  height: 1.25em;
  background-size: contain;
  background-repeat: no-repeat;
}
.button.button-small::after {
  top: 0.9em;
}
.button.button-large::after {
  top: 1em;
}
.button.button-collapsed, .button.button-expanded {
  padding-right: 2.5em;
}
.button.button-collapsed::after, .button.button-expanded::after {
  width: 0.75em;
  height: 0.75em;
  top: 0.95em;
  right: 1em;
}
.button.button-disabled {
  pointer-events: none;
  filter: grayscale(1);
  opacity: 0.333;
}
.button.button-with-image {
  padding-top: 1em;
  padding-bottom: 1em;
}
.button.button-with-image img {
  margin-bottom: 0.85em;
}
.button span {
  font-size: 75%;
  opacity: 0.4;
}
.button img {
  border-radius: var(--border-radius);
}

.button-text {
  padding: 0;
}

.button-black {
  background-color: var(--color-black);
  color: var(--color-font-contrast);
}
.button-black::after {
  background-image: url(../images/ikony/arrow-right-white.svg);
}

.button-contrast {
  background-color: var(--color-contrast);
  color: var(--color-font-contrast);
}
.button-contrast::after {
  background-image: url(../images/ikony/arrow-right-white.svg);
}

.button-accent {
  background-color: var(--color-accent);
  color: var(--color-font-contrast);
  border: 0.1em solid var(--color-accent);
}
.button-accent::after {
  background-image: url(../images/ikony/arrow-right-white.svg);
}

.button-contrast.button-arrow-down::after, .button-accent.button-arrow-down::after, .button-black.button-arrow-down::after {
  background-image: url(../images/ikony/arrow-down-white.svg);
}

.button-arrow-down, .button-arrow-up {
  padding-right: 2.75em;
}
.button-arrow-down::after, .button-arrow-up::after {
  right: 1em;
  width: 1em;
  height: 1em;
}

.button-contrast.button-arrow-up::after, .button-accent.button-arrow-up::after {
  background-image: url(../images/ikony/arrow-down-up.svg);
}

.button-gray-pale {
  background-color: var(--color-gray-pale);
  color: var(--color-font);
  border: 0.1em solid var(--color-gray-pale);
  box-shadow: none;
}
.button-gray-pale::after {
  background-image: url(../images/ikony/arrow-right-black.svg);
}

.button-accent-pale {
  background-color: var(--color-accent-pale);
  color: var(--color-font);
  border: 0.1em solid var(--color-accent-pale);
  box-shadow: none;
}
.button-accent-pale::after {
  background-image: url(../images/ikony/arrow-right-black.svg);
}

.button-accent-light {
  background-color: var(--color-accent-light);
  color: var(--color-font);
  border: 0.1em solid var(--color-accent-light);
  box-shadow: none;
}
.button-accent-light::after {
  background-image: url(../images/ikony/arrow-right-black.svg);
}

.button-gray-light {
  background-color: var(--color-gray-light);
  color: var(--color-font);
  border: 0.1em solid var(--color-gray-light);
  box-shadow: none;
}
.button-gray-light::after {
  background-image: url(../images/ikony/arrow-right-black.svg);
}

.button-accent-pale.button-collapsed::after, .button-accent-light.button-collapsed::after, .button-gray-pale.button-collapsed::after, .button-gray-light.button-collapsed::after, .button-info-pale.button-collapsed::after, .button-info-light.button-collapsed::after {
  background-image: url(../images/ikony/tri-down.svg);
}
.button-accent-pale.button-expanded::after, .button-accent-light.button-expanded::after, .button-gray-pale.button-expanded::after, .button-gray-light.button-expanded::after, .button-info-pale.button-expanded::after, .button-info-light.button-expanded::after {
  background-image: url(../images/ikony/tri-up.svg);
}

.button-accent.button-collapsed::after, .button-contrast.button-collapsed::after {
  background-image: url(../images/ikony/tri-down-white.svg);
}
.button-accent.button-expanded::after, .button-contrast.button-expanded::after {
  background-image: url(../images/ikony/tri-up-white.svg);
}

.button-info {
  background-color: var(--color-info);
  color: var(--color-font);
  border: 0.1em solid var(--color-info);
}
.button-info::after {
  background-image: url(../images/ikony/arrow-right-black.svg);
}

.button-info-pale {
  background-color: var(--color-info-pale);
  color: var(--color-font);
  border: 0.1em solid var(--color-info-pale);
}

.button-info-light {
  background-color: var(--color-info-light);
  color: var(--color-font);
  border: 0.1em solid var(--color-info-light);
}

.button-transparent {
  border: 0.1em solid;
  color: inherit;
  box-shadow: none;
}
.button-transparent::after {
  background-image: url(../images/ikony/arrow-right-black.svg);
}
.button-transparent:focus, .button-transparent:hover, .button-transparent:active {
  border: 0.1em solid;
}
.button-transparent:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.button-noborder {
  border: 0.1em solid transparent;
}
.button-noborder:focus, .button-noborder:hover, .button-noborder:active {
  border: 0.1em solid transparent;
}

.button-noarrow::after {
  display: none;
}

.button-large {
  padding: 1em 3.5em 1em 1.25em;
}
.button-large.button-noarrow {
  padding-right: 1.25em;
}

.button-medium {
  font-size: var(--font-size-m);
  padding: 0.75em 3.25em 0.75em 1em;
}
.button-medium.button-noarrow {
  padding-right: 1em;
}

.button-small {
  font-size: var(--font-size-p);
  padding: 0.675em 2.5em 0.675em 0.875em;
}
.button-small.button-noarrow {
  padding-right: 0.875em;
}

.button-mini {
  font-size: var(--font-size-s);
  padding: 0.6em 2em 0.6em 0.75em;
}
.button-mini.button-noarrow {
  padding-right: 0.75em;
}

.button-img {
  padding-left: 3em;
}
.button-img img {
  position: absolute;
  left: 0.8em;
  top: 0.5em;
  width: 1.5em;
  height: 1.5em;
}
.button-img.button-large img {
  top: 0.75em;
}

.button-sipka-vpravo, .button-sipka-vlavo {
  display: inline-block;
  position: relative;
  width: 2.5em;
  height: 2.5em;
  background-color: var(--color-accent);
  padding: 0.625em;
  border-radius: 50%;
}
.button-sipka-vpravo:hover, .button-sipka-vlavo:hover {
  filter: brightness(1.1);
}

.button-sipka-vpravo::after, .button-sipka-vlavo::after {
  content: "";
  position: absolute;
  width: 1.25em;
  height: 1.25em;
  left: 0.625em;
  top: 0.625em;
  background-size: 1.25em 1.25em;
}

.button-sipka-vpravo::after {
  background-image: url(../images/ikony/arrow-right-white.svg);
}

.button-sipka-vlavo::after {
  background-image: url(../images/ikony/arrow-left-white.svg);
}

.button-sipka-vpravo.disabled, .button-sipka-vlavo.disabled {
  opacity: 0.1;
  pointer-events: none;
}

.disabled {
  opacity: 0.1;
  filter: grayscale(1);
  pointer-events: none;
}

.button-group {
  display: inline-block;
}

.button-group-content {
  display: flex;
  gap: 0.35em;
}

.menu-form .menu-form-title {
  font-size: var(--font-size-n);
  font-weight: 700;
}
.menu-form .menu-form-element {
  margin-top: 1em;
  padding-top: 0.75em;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.menu-form .menu-form-element .menu-form-element-title {
  font-size: var(--font-size-p);
  font-weight: 700;
  padding-bottom: 0.75em;
}
.menu-form .button-group-content .button {
  position: relative;
  padding: 0.6rem 0.75rem;
  line-height: 1rem;
  border: 0;
  background-color: rgba(0, 0, 0, 0.15);
}
.menu-form .button-group-content .button.selected, .menu-form .button-group-content .button.selected:hover {
  background-color: var(--color-accent) !important;
  color: var(--color-font-contrast) !important;
}
.menu-form .button-group-content .button:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.menu-form .button-group-content .button span {
  position: absolute;
  bottom: 0;
}

#menu-form-login .menu-form-element-title {
  padding-bottom: 0;
}
#menu-form-login input[type=password], #menu-form-login input[type=email] {
  font-size: var(--font-size-m);
  margin: 0.25em 0 0.75em 0;
}

.body-contrast .menu-form .menu-form-element {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.body-contrast .menu-form .button-group-content .button {
  background-color: rgba(255, 255, 255, 0.15);
}
.body-contrast .menu-form .button-group-content .button:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.pill-button {
  position: relative;
  display: inline-block;
  font-weight: 700;
  border-radius: 2em;
}
.pill-button:hover {
  cursor: pointer;
}
.pill-button.collapsed:after, .pill-button.expanded:after {
  content: "";
  width: 0.75em;
  height: 0.75em;
  position: absolute;
  background-size: 0.75em 0.75em;
  mask-size: 0.75em 0.75em;
}
.pill-button.collapsed:after {
  -webkit-mask-image: url(../images/ikony/tri-down.svg);
  mask-image: url(../images/ikony/tri-down.svg);
}
.pill-button.expanded:after {
  -webkit-mask-image: url(../images/ikony/tri-up.svg);
  mask-image: url(../images/ikony/tri-up.svg);
}

.pill-gray {
  background-color: var(--color-gray-light);
  color: var(--color-gray-dark);
}
.pill-gray:hover {
  background-color: var(--color-gray-medium);
}
.pill-gray.collapsed:after, .pill-gray.expanded:after {
  background-color: var(--color-gray-dark);
}
.pill-gray.selected {
  background-color: var(--color-gray-dark);
  color: var(--color-font-contrast);
}
.pill-gray.selected.collapsed:after, .pill-gray.selected.expanded:after {
  background-color: var(--color-font-contrast);
}

.pill-accent {
  background-color: var(--color-accent);
  color: var(--color-font-contrast);
}
.pill-accent:hover {
  background-color: var(--color-accent-dark);
}
.pill-accent.collapsed:after, .pill-accent.expanded:after {
  background-color: var(--color-font-contrast);
}
.pill-accent.selected {
  background-color: var(--color-accent-dark);
  color: var(--color-font-contrast);
}
.pill-accent.selected.collapsed:after, .pill-accent.selected.expanded:after {
  background-color: var(--color-font-contrast);
}

.pill-accent-light {
  background-color: var(--color-accent-light);
  color: var(--color-font);
}
.pill-accent-light:hover {
  background-color: var(--color-accent-medium);
}
.pill-accent-light.collapsed:after, .pill-accent-light.expanded:after {
  background-color: var(--color-font);
}
.pill-accent-light.selected {
  background-color: var(--color-accent-medium);
  color: var(--color-font);
}
.pill-accent-light.selected.collapsed:after, .pill-accent-light.selected.expanded:after {
  background-color: var(--color-font);
}

.pill-contrast {
  background-color: var(--color-contrast-pale);
  color: var(--color-contrast);
}
.pill-contrast:hover {
  background-color: var(--color-contrast-light);
}
.pill-contrast.collapsed:after, .pill-contrast.expanded:after {
  background-color: var(--color-contrast);
}
.pill-contrast.selected {
  background-color: var(--color-contrast);
  color: var(--color-font-contrast);
}
.pill-contrast.selected.collapsed:after, .pill-contrast.selected.expanded:after {
  background-color: var(--color-font-contrast);
}

.pill-xs, .pill-s, .pill-p, .pill-m {
  padding: 0.2em 1.6em 0.2em 0.6em;
}
.pill-xs.collapsed:after, .pill-xs.expanded:after, .pill-s.collapsed:after, .pill-s.expanded:after, .pill-p.collapsed:after, .pill-p.expanded:after, .pill-m.collapsed:after, .pill-m.expanded:after {
  top: 0.5em;
  right: 0.6em;
}

.pill-xs {
  font-size: var(--font-size-xs);
}

.pill-s {
  font-size: var(--font-size-s);
}

.pill-p {
  font-size: var(--font-size-p);
}

.pill-m {
  font-size: var(--font-size-m);
}

.pill-noarrow {
  padding-right: 0.6em !important;
}

.margin-0 {
  margin: 0em !important;
}

.padding-0 {
  padding: 0em !important;
}

.margin-top-50 {
  margin-top: 5em !important;
}

.margin-top-40 {
  margin-top: 4em !important;
}

.margin-top-30 {
  margin-top: 3em !important;
}

.margin-top-25 {
  margin-top: 2.5em !important;
}

.margin-top-20 {
  margin-top: 2em !important;
}

.margin-top-15 {
  margin-top: 1.5em !important;
}

.margin-top-10 {
  margin-top: 1em !important;
}

.margin-top-05 {
  margin-top: 0.5em !important;
}

.margin-top-0 {
  margin-top: 0em !important;
}

.margin-bottom-50 {
  margin-bottom: 5em !important;
}

.margin-bottom-40 {
  margin-bottom: 4em !important;
}

.margin-bottom-30 {
  margin-bottom: 3em !important;
}

.margin-bottom-25 {
  margin-bottom: 2.5em !important;
}

.margin-bottom-20 {
  margin-bottom: 2em !important;
}

.margin-bottom-15 {
  margin-bottom: 1.5em !important;
}

.margin-bottom-10 {
  margin-bottom: 1em !important;
}

.margin-bottom-05 {
  margin-bottom: 0.5em !important;
}

.margin-bottom-0 {
  margin-bottom: 0em !important;
}

.inline {
  display: inline-block;
}

.container {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}

.wrapper {
  position: relative;
  padding: 3em 0;
}
.wrapper.error {
  max-width: 40em;
}
.wrapper.small {
  padding: var(--page-margin) 0;
}
.wrapper.medium {
  padding: 4em 0;
}
.wrapper.large {
  padding: 5em 0;
}
.wrapper.notop {
  padding-top: 0;
}

.tabs-header-container {
  border-bottom: 1px solid;
  margin-bottom: 1em;
}

.tabs-header-wrapper {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tabs-header-wrapper ::-webkit-scrollbar {
  display: none;
}

.tabs-header {
  display: flex;
  flex-wrap: nowrap;
  gap: 2.5em;
}

.tab-label {
  color: var(--color-gray-dark);
  font-size: var(--font-size-l);
  font-weight: 700;
  white-space: nowrap;
  padding: 0.375em 0;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  border-bottom: 0.1em solid transparent;
}
.tab-label:hover {
  border-bottom: 0.1em solid var(--color-gray);
  cursor: pointer;
}
.tab-label.selected {
  color: var(--color-font);
  border-bottom: 0.1em solid;
}

.tab {
  margin-top: 2em;
}
.tab.selected {
  display: block;
}
.tab.unselected {
  display: none;
}

.fadeable {
  position: relative;
}
.fadeable.fadeout-right .fadeout {
  mask-image: linear-gradient(to right, black 80%, rgba(0, 0, 0, 0));
}
.fadeable.fadeout-right::after {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  position: absolute;
  top: 1.2em;
  right: -1em;
  background-size: 0.75em 0.75em;
  background-image: url("../images/ikony/tri-right.svg");
}

header .container {
  background-color: inherit;
  display: flex;
}

.logo-container {
  display: flex;
  height: 2em;
  margin: 0.75em 0;
}

.logo {
  width: 2em;
  height: 2em;
}

.logo {
  margin-right: 0.75em;
}

.title {
  display: flex;
  align-items: center;
  font-size: var(--font-size-s);
  font-weight: 700;
  padding-right: 2rem;
}

.icon-logo, .icon-menu {
  width: 2em;
  height: 2em;
}

.icon-lupa, .icon-loading, .icon-sipka-vpravo, .icon-sipka-vlavo, .icon-sipka-dole, .icon-sipka-hore, .icon-poloha {
  width: 1.25em;
  height: 1.25em;
}

.menu-desktop-container {
  display: flex;
  flex-grow: 1;
  position: relative;
}

.menu-mobile-container {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  background-color: inherit;
}
.menu-mobile-container .menu-button {
  position: absolute;
  right: var(--page-margin);
  top: 0.75em;
}
.menu-mobile-container .menu-button:hover {
  cursor: pointer;
}
.menu-mobile-container .menu-mobile {
  display: none;
  position: absolute;
  top: 3.5em;
  left: 0;
  width: 100%;
  font-weight: 700;
  list-style-type: none;
  background-color: inherit;
  box-shadow: 0 var(--border-radius) var(--border-radius) rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.menu-mobile-container .menu-mobile li a {
  display: block;
  line-height: 1em;
  color: inherit;
  padding: 1em var(--page-margin) 1em calc(var(--page-margin) - 0.2em);
  border-left: 0.2em solid transparent;
}
.menu-mobile-container .menu-mobile li a:hover {
  border-left: 0.2em solid;
}
.menu-mobile-container .menu-mobile li.selected a {
  border-left: 0.2em solid;
}

.menu-elements {
  display: flex;
  flex: 1;
  font-weight: 700;
  list-style-type: none;
}
.menu-elements li {
  margin-left: 2em;
}
.menu-elements li a {
  line-height: 1em;
  color: var(--color-font);
  display: inline-block;
  padding: 1.25em 0 1.05em 0;
}
.menu-elements li a:hover {
  border-bottom: 0.2em solid;
}
.menu-elements li.selected a {
  border-bottom: 0.2em solid;
}

.menu-icons, .menu-mobile-icons {
  display: flex;
  list-style-type: none;
  font-weight: 700;
}
.menu-icons li, .menu-mobile-icons li {
  border-bottom: 0.2em solid transparent;
  line-height: 0.1em;
}
.menu-icons li:hover, .menu-mobile-icons li:hover {
  cursor: pointer;
  border-bottom: 0.2em solid;
}
.menu-icons li:last-child, .menu-mobile-icons li:last-child {
  margin-right: 0;
}
.menu-icons li .icon-menu, .menu-mobile-icons li .icon-menu {
  width: 1.4em;
  height: 1.4em;
}

.menu-icons li {
  margin: 0 0.65em;
}
.menu-icons li a, .menu-icons li svg {
  display: inline-block;
}
.menu-icons li a {
  padding: 1.05em 0 0.85em 0;
}
.menu-icons li svg {
  margin-top: 1em;
}

.menu-mobile-icons {
  padding: 0 var(--page-margin);
}
.menu-mobile-icons li {
  margin: 0 0.5em;
  padding: 1em 0 0.8em 0;
}
.menu-mobile-icons li:first-child {
  margin-left: 0;
}

.menu-form {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: inherit;
  color: inherit;
  font-size: var(--font-size-p);
  padding: 1em var(--page-margin);
  z-index: 100;
  box-shadow: 0 var(--border-radius) var(--border-radius) rgba(0, 0, 0, 0.1);
}

.submenu-container {
  margin-bottom: 2.5em;
  mask-image: linear-gradient(to right, black 80%, rgba(0, 0, 0, 0));
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.submenu-container ::-webkit-scrollbar {
  display: none;
}

.submenu-wrapper {
  display: inline-block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.submenu {
  display: flex;
  flex-wrap: nowrap;
  gap: 2em;
}
.submenu a {
  display: block;
  color: var(--color-gray);
  font-weight: 400;
  white-space: nowrap;
  padding-bottom: 0.35em;
  border-bottom: 0.15em solid transparent;
}
.submenu a.selected, .submenu a:hover {
  border-bottom: 0.15em solid var(--color-gray);
}

.section {
  position: relative;
  background-color: var(--color-white);
  display: block;
  clear: both;
}

.section-info {
  background-color: var(--color-info-pale);
}

.section-accent {
  background-color: var(--color-accent);
}

.section-footer {
  background-color: var(--color-gray-pale);
}

.section-gray-pale {
  background-color: var(--color-gray-pale);
}
.section-gray-pale.last {
  border-bottom: 1px solid var(--color-gray-medium);
}

.section-ineko {
  background-color: var(--color-gray-pale);
  border-bottom: 1px solid var(--color-gray-light);
}

.section-skola-header {
  background-color: var(--color-accent-pale);
}

.section-superfooter {
  background-color: var(--color-gray-light);
}

.section-mapa {
  position: relative;
}
.section-mapa #canvas_mapa {
  height: 75vh;
}
.section-mapa #canvas_mapa .grayscale {
  filter: grayscale(0.9);
}

.main-block {
  display: flex;
  flex-wrap: nowrap;
}
.main-block.block-gap {
  gap: 2em 4em;
}
.main-block.block-gap-small {
  gap: 1em 2em;
}

.section-podporte .main-block {
  background-color: var(--color-info-pale);
  border-radius: var(--border-radius);
}

.block-tiles {
  flex-wrap: wrap;
}

.block-tiles-vsetky-skoly {
  display: flex;
  gap: 1em;
}
.block-tiles-vsetky-skoly a {
  width: 50%;
}

.dialog {
  border-radius: var(--border-radius);
  padding: 1.5em;
}

.image {
  border-radius: var(--border-radius);
  overflow: hidden;
}

.info {
  position: relative;
  display: inline-block;
  max-width: 45%;
  background-color: var(--color-info-pale);
  font-size: var(--font-size-s);
  padding: 0.75em 1em 0.75em 3em;
  border-radius: var(--border-radius);
}
.info.full-width {
  width: auto;
  max-width: 100%;
}
.info::before {
  content: "";
  position: absolute;
  top: 0.75em;
  left: 1em;
  width: 1.2em;
  height: 1.2em;
  background-image: url("../images/ikony/i.svg");
  background-size: 1.2em 1.2em;
}

.filter .info {
  margin: 0.4em;
}

.text-wide .info {
  padding: 1.5em 1.75em 1.5em 4em;
}
.text-wide .info::before {
  top: 1.75em;
  left: 1.5em;
}

.pill {
  display: inline-block;
  padding: 0.2em 0.6em;
  border-radius: 1em;
}

.inline-icon {
  display: inline-block;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 1.1em;
  height: 1.1em;
  background-size: 1.1em 1.1em;
}
.inline-icon.space-before {
  margin-left: 0.333em;
}
.inline-icon.space-after {
  margin-right: 0.333em;
}
.inline-icon:hover {
  cursor: help;
}
.inline-icon.i {
  background-image: url("../images/ikony/i.svg");
  font-size: var(--font-size-p);
}
.inline-icon.cas {
  background-image: url("../images/ikony/cas.svg");
}
.inline-icon.maturita {
  background-image: url("../images/stupne/maturita.svg");
}
.inline-icon.bez-maturity {
  background-image: url("../images/stupne/bez-maturity.svg");
}
.inline-icon.taska {
  background-image: url("../images/ikony/taska.svg");
}
.inline-icon.budova {
  background-image: url("../images/ikony/budova.svg");
}
.inline-icon.ziak {
  background-image: url("../images/ikony/ziak.svg");
}
.inline-icon.zena {
  background-image: url("../images/ikony/zena.svg");
}
.inline-icon.hviezdicka {
  background-image: url("../images/ikony/hviezdicka.svg");
}
.inline-icon.ciapka {
  background-image: url("../images/ikony/ciapka.svg");
}
.inline-icon.marker {
  background-image: url("../images/ikony/marker.svg");
}
.inline-icon.srdce {
  background-image: url("../images/ikony/srdce.svg");
}
.inline-icon.stolicka {
  background-image: url("../images/ikony/stolicka.svg");
}
.inline-icon.pomer {
  background-image: url("../images/ikony/pomer.svg");
}

.select .inline-icon, .switch .inline-icon {
  width: 0.8em;
  height: 0.8em;
  background-size: 0.8em 0.8em;
}

.selector .inline-icon {
  top: 0.5px;
}

.tile-content {
  padding: 0.75em 1em 1em 1em;
  border-radius: var(--border-radius);
}

.main-block.block-tiles {
  margin: -2px;
}
.main-block.block-tiles .tile-content {
  margin: 2px;
  height: calc(100% - 6px);
}

.section-odbory-main .main-block.block-tiles .tile-content p, .section-main .main-block.block-tiles .tile-content p {
  margin: 0;
  font-weight: 700;
}

.section-o-projekte .wrapper.small {
  padding-bottom: 2.5em;
}
.section-o-projekte .main-block.block-tiles {
  margin: 0 -0.5em;
}
.section-o-projekte .main-block.block-tiles .tile-content {
  margin: 0.5em;
  height: calc(100% - 1em);
  background-color: var(--color-gray-pale);
}
.section-o-projekte .main-block.block-tiles .tile-content .tile-photo img {
  margin-top: 0.25em;
  min-width: 4em;
  width: 25%;
}
.section-o-projekte .navod-bod {
  position: relative;
  top: -1px;
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-white);
  width: 1.6em;
  height: 1.6em;
  line-height: 0.86em;
  font-size: 0.86em;
  text-align: center;
  font-weight: 700;
  padding: 0.37em 0;
  border-radius: 0.8em;
}

.body-o-projekte-navod img {
  max-width: 26.25em;
}
.body-o-projekte-navod img.half {
  max-width: 13.125em;
}

.section-odbory-main .main-block.block-tiles .tile-content {
  background-color: rgba(255, 255, 255, 0.8);
}

.body-o-projekte-povedali .section-o-projekte .main-block {
  gap: 1.5em;
}

.section-podporte .card {
  padding: 1.5em;
}

.card-photo {
  float: left;
}

.card-photo img {
  width: 100%;
  border-radius: 50%;
}

.card-photo.square img {
  margin-top: 0.5em;
  border-radius: 0;
}

.labels {
  display: flex;
  flex-wrap: wrap;
}

.labels-s, .labels-m {
  gap: 0.75em;
}
.labels-s .label, .labels-m .label {
  padding: 0.5em 0.75em;
}
.labels-s.narrow .label, .labels-m.narrow .label {
  padding: 0.3em 0.5em;
}
.labels-s.labels-0 .label, .labels-m.labels-0 .label {
  padding: 0;
}

.labels-m .label-icon {
  float: left;
  width: 1.5em;
  height: 1.5em;
}
.labels-m .label-text {
  margin: 0.25em 0 0.25em 2.25em;
}
.labels-m.narrow .label-text {
  margin: 0.125em 0 0.125em 2em;
}

.labels-s .label {
  font-size: var(--font-size-s);
}
.labels-s .label-icon {
  float: left;
  width: 1.25em;
  height: 1.25em;
}
.labels-s .label-text {
  margin: 0.125em 0 0.125em 1.5em;
}

.labels-tight {
  gap: 0.5em;
}
.labels-tight .label {
  padding: 0.35em 0.5em;
}

.label {
  display: block;
  color: var(--color-font);
  white-space: nowrap;
  line-height: 1;
  border-radius: var(--border-radius);
  overflow: hidden;
}

a.label:hover {
  cursor: pointer;
  filter: brightness(0.95);
}
a.label:active {
  filter: brightness(0.9);
}

.label-icon img, .label-icon svg {
  width: 100%;
}

.odbor-symbol {
  display: inline-block;
  white-space: nowrap;
  font-size: var(--font-size-s);
  font-weight: 700;
  line-height: 1;
  border-radius: 1em;
}

.symbol-trvanie, .symbol-forma, .symbol-maturita {
  padding: 0.4em;
}

.symbol-trvanie, .symbol-forma {
  width: 1.8em;
  height: 1.8em;
  color: var(--color-font-contrast);
  text-align: center;
  margin: 0.1em;
}

.symbol-maturita {
  position: relative;
  top: 0.1em;
  left: 0.1em;
  width: 1.6em;
  height: 1.6em;
  background-size: 1.6em 1.6em;
  margin: 0.1em;
}

.symbol-jazyk {
  height: 1.8em;
  padding: 0.3em 0.5em;
  border: 0.1em solid;
  margin: 0.1em;
}

.symbol-trvanie.trvanie-1 {
  background-color: #c0c0c0;
}
.symbol-trvanie.trvanie-2 {
  background-color: #adadad;
}
.symbol-trvanie.trvanie-3 {
  background-color: #9a9a9a;
}
.symbol-trvanie.trvanie-4 {
  background-color: #878787;
}
.symbol-trvanie.trvanie-5 {
  background-color: #747474;
}
.symbol-trvanie.trvanie-6 {
  background-color: #505050;
}
.symbol-trvanie.trvanie-8 {
  background-color: #000000;
}
.symbol-trvanie.trvanie-10 {
  background-color: #8f2525;
}

.symbol-forma.forma-D {
  background-color: #279EAC;
}
.symbol-forma.forma-E {
  background-color: #8D27AC;
}

.symbol-maturita.maturita-s {
  background-image: url("../images/stupne/maturita.svg");
}
.symbol-maturita.maturita-bez {
  background-image: url("../images/stupne/bez-maturity.svg");
}

.window {
  border-radius: var(--border-radius);
  padding: 1.75em 2em;
}
.window .main-block {
  gap: 2em;
}

.window-small {
  border-radius: var(--border-radius);
  padding: 0.75em 1em;
}
.window-small .main-block {
  gap: 1em;
}

.window-inline div {
  display: inline-block;
  border-radius: var(--border-radius);
  padding: 1em 1.25em;
}

.section-window-desktop .wrapper {
  padding: 0;
}

.section-footer .wrapper {
  padding: 3em 0;
}

.section-superfooter .wrapper {
  padding: 2.5em 0;
}

.section-skola-header .wrapper {
  padding: 2em 0 0.25em 0;
}

.section-skola-udaje .wrapper {
  padding: 0 0 4em 0;
}

.section-skola-komentare .wrapper {
  padding-bottom: 0.5em;
}

.section-gray-pale.last .wrapper {
  padding-top: 2.25em;
}

.section-podporte .wrapper {
  padding: 0;
  margin-top: 3em;
}

.section-skola-roky .wrapper {
  padding: 1.25em 0 0 0;
}

.footer-loga {
  position: relative;
}

.footer-logo img {
  position: relative;
  height: 4em;
  width: auto;
}
.footer-logo a:hover img {
  filter: brightness(1.2);
}
.footer-logo#logo-INEKO {
  margin-bottom: 0;
  margin-right: 0;
}
.footer-logo#logo-DK img {
  height: 5em;
}

.footer-logo#logo-INEKO img, .footer-logo#logo-ESF img {
  height: 3em;
}

.footer-menu a {
  display: inline-block;
  margin-right: 1em;
}
.footer-menu a:last-child {
  margin-right: 0;
}

.footer-disclaimer {
  color: var(--color-gray);
  margin: 1.5em 0 4em 0;
}

.footer-eu-disclaimer {
  color: var(--color-gray-dark);
  margin-bottom: 1.5em;
}

.footer-duration {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: var(--font-size-xs);
  color: var(--color-gray-medium);
}

.close-section {
  position: absolute;
  right: 0.625em;
  top: 0.5em;
}

.icon-close {
  width: 0.75em;
  height: 0.75em;
  fill: var(--color-gray-dark);
}
.icon-close:hover {
  fill: var(--color-black);
  cursor: pointer;
}

.article-thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 2em 4em;
  margin: 1.5em 0 2em 0;
}

.article-thumbnail {
  width: calc(50% - 2em);
  border-bottom: 1px solid var(--color-gray-light);
  padding-bottom: 2em;
}

.article-thumbnail-image {
  float: left;
  width: 32.5%;
  overflow: hidden;
}
.article-thumbnail-image img {
  border-radius: var(--border-radius);
}

.article-thumbnail-content {
  margin-left: 37.5%;
}

.ilustracia {
  position: relative;
}
.ilustracia > div {
  position: absolute;
  bottom: 0;
  margin: 0 12% 0 20%;
}
.ilustracia img {
  max-width: 30em;
}

.search-results {
  color: var(--color-font);
  display: inline-block;
}
.search-results.full-width {
  display: block;
}
.search-results .search-result {
  display: flex;
  border-top: 1px solid var(--color-gray-light);
  padding: 0.425em 0;
}
.search-results .search-result a {
  padding: 0.175em 0;
}
.search-results .search-result a:hover {
  text-decoration: underline;
}
.search-results .search-result span.odbor-symbol {
  flex-shrink: 0;
  margin-right: 0.75em;
}
.search-results .search-result span.adresa {
  display: block;
  color: var(--color-gray-dark);
  font-size: var(--font-size-s);
  margin-top: 0.375em;
}
.search-results .search-result.empty {
  border-top: none;
  color: var(--color-gray);
}
.search-results .search-results-count {
  font-size: var(--font-size-s);
  color: var(--color-gray-dark);
  margin-bottom: 0.75em;
}

#search-results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 23.9em;
  overflow-y: auto;
  background-color: var(--color-white);
  padding: 1em;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radius);
}

#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.body-contrast header {
  color: var(--color-font-contrast);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.body-contrast .logo {
  background-color: var(--color-white);
}
.body-contrast .icon-logo {
  fill: var(--color-accent);
}
.body-contrast .icon-menu {
  fill: var(--color-white);
}
.body-contrast .logo-container {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.body-contrast .title a {
  color: var(--color-font-contrast);
}
.body-contrast .menu-elements li a {
  color: var(--color-font-contrast);
}
.body-contrast .section-main {
  color: var(--color-font-contrast);
}
.body-contrast .section-main input {
  border: 0;
}
.body-contrast .main-block.block-tiles .tile-content {
  background-color: rgba(0, 0, 0, 0.2);
}
.body-contrast .menu-mobile {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.body-contrast .menu-mobile li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.body-contrast .menu-form {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.body-normal .logo {
  background-color: var(--color-accent);
}
.body-normal .title a {
  color: var(--color-accent);
}

.body-error .logo {
  background-color: var(--color-font);
}
.body-error .title a {
  color: var(--color-font);
}

.body-normal header, .body-error header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.body-normal .icon-logo, .body-error .icon-logo {
  fill: var(--color-white);
}
.body-normal .icon-menu, .body-error .icon-menu {
  fill: var(--color-black);
}
.body-normal .logo-container, .body-error .logo-container {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.body-normal .menu-mobile, .body-error .menu-mobile {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.body-normal .menu-mobile li a, .body-error .menu-mobile li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.body-normal .menu-form, .body-error .menu-form {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

#index header {
  background-color: var(--color-accent-dark);
}

#skola header {
  background-color: var(--color-accent-pale);
}

#skoly header {
  background-color: var(--color-accent-light);
}

#skoly.body-skoly-vyhladavanie header {
  background-color: var(--color-white);
}

#mapa header {
  background-color: var(--color-gray-pale);
}

#vysledky header {
  background-color: var(--color-accent-light);
}

#odbory header {
  background-color: var(--color-accent-light);
}

#odbory.body-odbory-vyhladavanie header {
  background-color: var(--color-white);
}

#prehlad header {
  background-color: var(--color-gray-pale);
}

#studium header {
  background-color: var(--color-gray-pale);
}

#o-projekte header {
  background-color: var(--color-white);
}

#registracia header {
  background-color: var(--color-white);
}

#zabudnute-heslo header {
  background-color: var(--color-white);
}

#cookies header {
  background-color: var(--color-white);
}

#error-404 header {
  background-color: var(--color-info-pale);
}

#udrzba header {
  background-color: var(--color-info-pale);
}

.main-search-wrapper {
  display: flex;
}
.main-search-wrapper .main-search {
  flex: 1;
  margin-right: 2em;
}

#index .main-search-wrapper .main-search {
  margin-right: 0;
}

.main-search {
  position: relative;
  z-index: 1010;
}
.main-search input[type=search] {
  width: 100%;
}
.main-search .icon-lupa, .main-search .icon-loading {
  position: absolute;
  top: 1em;
  left: 1.25em;
}
.main-search .icon-loading {
  display: none;
}

.main-block input[type=search] {
  height: 3.2em;
  padding: 1em 1.25em 1em 3.25em;
}

#index .section-main {
  background: var(--color-accent-dark);
  background: linear-gradient(180deg, var(--color-accent-dark) 0%, var(--color-accent) 100%);
}

#modal_podporte {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.section-skoly-main {
  background: var(--color-accent-light);
  background: linear-gradient(180deg, var(--color-accent-light) 0%, var(--color-accent-pale) 100%);
}
.section-skoly-main .skoly-mapa div {
  position: relative;
  margin: 0 12%;
}
.section-skoly-main .skoly-mapa div a.link {
  position: absolute;
  right: 2em;
  bottom: 0;
}

.section-vysledky-main {
  background: var(--color-accent-light);
  background: linear-gradient(180deg, var(--color-accent-light) 0%, var(--color-accent-pale) 100%);
}

.section-odbory-main {
  background: var(--color-accent-light);
  background: linear-gradient(180deg, var(--color-accent-light) 0%, var(--color-accent-pale) 100%);
}

.section-error {
  background: var(--color-info-pale);
}

.error img {
  width: 8em;
  margin-bottom: 3em;
}

.o-ineko {
  margin: 1.75em 3em 1em 0;
}

.tpd-content, .tpd-title {
  font-size: var(--font-size-s);
}
.tpd-content .odbor-symbol, .tpd-title .odbor-symbol {
  font-size: var(--font-size-xs) !important;
}

.tpd-size-x-small .tpd-content, .tpd-size-x-small .tpd-title {
  font-size: var(--font-size-xs);
}

.tpd-size-small .tpd-content, .tpd-size-small .tpd-title {
  font-size: var(--font-size-s);
}

.tpd-size-medium .tpd-content, .tpd-size-medium .tpd-title {
  font-size: var(--font-size-s);
}

.tpd-size-large .tpd-content, .tpd-size-large .tpd-title {
  font-size: var(--font-size-m);
}

.tpd-size-x-small .tpd-background, .tpd-size-small .tpd-background, .tpd-size-medium .tpd-background, .tpd-size-large .tpd-background {
  border-radius: var(--border-radius);
}

.tpd-content ul li {
  margin-bottom: 0.75em;
  margin-left: 1em;
}
.tpd-content ul li:last-child {
  margin-bottom: 0;
}

/* lightyellow */
.tpd-skin-lightyellow .tpd-content,
.tpd-skin-lightyellow .tpd-title,
.tpd-skin-lightyellow .tpd-close {
  color: var(--color-font);
}

.tpd-skin-lightyellow .tpd-background-content {
  background-color: var(--color-info-pale);
}

.tpd-skin-lightyellow .tpd-background,
.tpd-skin-lightyellow .tpd-title-wrapper {
  border: none;
}

.tpd-skin-lightyellow .tpd-background-title {
  background-color: var(--color-info-pale);
}

.tpd-skin-lightyellow .tpd-background-shadow {
  box-shadow: none;
}

.tpd-skin-lightyellow .tpd-spinner-spin {
  border-color: var(--color-gray-light);
  border-left-color: var(--color-font);
}

.tpd-skin-lightyellow a {
  color: var(--color-font);
  text-decoration: underline;
}

.tpd-skin-lightyellow a:hover {
  cursor: pointer;
}

.tpd-background {
  border-radius: var(--border-radius);
}

.prehlady {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  overflow-x: auto;
  scrollbar-width: 0;
}
.prehlady::-webkit-scrollbar {
  display: none;
}
.prehlady.no-scroll {
  overflow: hidden;
}
.prehlady .prehlad {
  flex-shrink: 0;
  min-width: 22em;
  margin-bottom: 1em;
}
.prehlady.prehlady-2 .prehlad {
  width: calc(50% - 1rem);
}
.prehlady.prehlady-3 .prehlad {
  width: calc(33.333% - 1.333rem);
}

.prehlady-buttons {
  text-align: right;
  margin-top: 0.25em;
}
.prehlady-buttons .button-sipka-vlavo {
  margin-right: 0.5em;
}

.prehlad {
  margin-bottom: 2em;
}

.prehlad-riadky {
  margin-bottom: 0.75em;
}
.prehlad-riadky.windowed {
  border-radius: var(--border-radius);
}

#index .prehlad-riadky {
  margin-bottom: 0;
}

.prehlad-riadok {
  display: flex;
  justify-content: space-between;
  line-height: var(--line-height);
  padding: 0.5em 0;
  border-bottom: 1px solid var(--color-gray-light);
}
.prehlad-riadok:first-child {
  border-top: 1px solid var(--color-gray-light);
}
.prehlad-riadok .odbor-symbol {
  margin-bottom: 0.2em;
}

.prehlad-odbory .prehlad-riadok {
  display: block;
  padding: 0.75em 0;
}

.windowed .prehlad-riadok {
  padding-left: 0.8em;
  padding-right: 0.8em;
}
.windowed .prehlad-riadok:last-child {
  border-bottom: none;
}
.windowed .prehlad-riadok:first-child {
  border-top: none;
}

#index .prehlad-riadok:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.prehlad-nadpis {
  font-weight: 700;
  margin-bottom: 0.75em;
}

#index .prehlad-nadpis {
  font-size: var(--font-size-n);
  margin-bottom: 0.5em;
}

.prehlad-skola-cislo {
  position: relative;
  width: 1em;
  color: var(--color-gray-dark);
  font-weight: 700;
  font-size: var(--font-size-s);
  text-align: right;
  margin-right: 0.8em;
  margin-top: 0.3em;
}
.prehlad-skola-cislo span {
  position: absolute;
  top: -0.2em;
  left: -0.2em;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  text-align: center;
  padding: 0.2em;
  border-radius: 50%;
}
.prehlad-skola-cislo span.gold, .prehlad-skola-cislo span.silver, .prehlad-skola-cislo span.bronze {
  color: var(--color-font-contrast);
  line-height: 1;
}
.prehlad-skola-cislo span.gold {
  background-color: var(--color-gold);
}
.prehlad-skola-cislo span.silver {
  background-color: var(--color-silver);
}
.prehlad-skola-cislo span.bronze {
  background-color: var(--color-bronze);
}

.prehlad-skola-nazov {
  min-width: 0;
}
.prehlad-skola-nazov.s-cislom {
  display: flex;
}
.prehlad-skola-nazov.s-odborom {
  display: flex;
}
.prehlad-skola-nazov.s-odborom .odbor-symbol {
  margin: 0;
}
.prehlad-skola-nazov.s-odborom .prehlad-skola-meno {
  margin-right: 0.5em;
}

.filtre-title {
  font-size: var(--font-size-l);
  font-weight: 700;
}
.filtre-title .studium-odbor {
  display: flex;
  align-items: center;
}
.filtre-title .studium-odbor .studium-odbor-symboly {
  font-size: var(--font-size-m);
  margin-left: 0.5em;
}

.prehlad-skola-odbor-symboly, .studium-odbor-symboly {
  display: flex;
  gap: 0.25em;
}

.filtre-title .studium-odbor-symboly {
  display: inline-block;
}
.filtre-title .studium-odbor-symboly .odbor-symbol.symbol-forma, .filtre-title .studium-odbor-symboly .odbor-symbol.symbol-trvanie, .filtre-title .studium-odbor-symboly .odbor-symbol.symbol-jazyk {
  position: relative;
  top: -0.5em;
  margin-left: 0.25rem;
}

.prehlad-skola-odbor-hodnoty .prehlad-skola-hodnota, .prehlad-skola-odbor-hodnoty .studium-odbor-hodnota, .studium-odbor-hodnoty .prehlad-skola-hodnota, .studium-odbor-hodnoty .studium-odbor-hodnota {
  display: flex;
  flex-wrap: nowrap;
  background-color: var(--color-gray-pale);
  border-radius: 2em;
}
.prehlad-skola-odbor-hodnoty .prehlad-skola-hodnota div, .prehlad-skola-odbor-hodnoty .studium-odbor-hodnota div, .studium-odbor-hodnoty .prehlad-skola-hodnota div, .studium-odbor-hodnoty .studium-odbor-hodnota div {
  white-space: nowrap;
  font-weight: 700;
}
.prehlad-skola-odbor-hodnoty .prehlad-skola-hodnota div:first-child, .prehlad-skola-odbor-hodnoty .studium-odbor-hodnota div:first-child, .studium-odbor-hodnoty .prehlad-skola-hodnota div:first-child, .studium-odbor-hodnoty .studium-odbor-hodnota div:first-child {
  margin-left: 0;
}
.prehlad-skola-odbor-hodnoty .prehlad-skola-hodnota .skoly, .prehlad-skola-odbor-hodnoty .studium-odbor-hodnota .skoly, .studium-odbor-hodnoty .prehlad-skola-hodnota .skoly, .studium-odbor-hodnoty .studium-odbor-hodnota .skoly {
  width: 3.25em;
}
.prehlad-skola-odbor-hodnoty .prehlad-skola-hodnota .ziaci, .prehlad-skola-odbor-hodnoty .studium-odbor-hodnota .ziaci, .studium-odbor-hodnoty .prehlad-skola-hodnota .ziaci, .studium-odbor-hodnoty .studium-odbor-hodnota .ziaci {
  width: 5em;
}
.prehlad-skola-odbor-hodnoty .prehlad-skola-hodnota .zeny, .prehlad-skola-odbor-hodnoty .studium-odbor-hodnota .zeny, .studium-odbor-hodnoty .prehlad-skola-hodnota .zeny, .studium-odbor-hodnoty .studium-odbor-hodnota .zeny {
  width: 4em;
}
.prehlad-skola-odbor-hodnoty .prehlad-skola-hodnota .prvaci, .prehlad-skola-odbor-hodnoty .studium-odbor-hodnota .prvaci, .studium-odbor-hodnoty .prehlad-skola-hodnota .prvaci, .studium-odbor-hodnoty .studium-odbor-hodnota .prvaci {
  width: 4em;
}
.prehlad-skola-odbor-hodnoty .prehlad-skola-hodnota .absolventi, .prehlad-skola-odbor-hodnoty .studium-odbor-hodnota .absolventi, .studium-odbor-hodnoty .prehlad-skola-hodnota .absolventi, .studium-odbor-hodnoty .studium-odbor-hodnota .absolventi {
  width: 4em;
}

.prehlad-skola-odbor-hodnoty {
  display: inline-block;
  margin-top: 0.5em;
  opacity: 0.5;
}
.prehlad-skola-odbor-hodnoty .prehlad-skola-hodnota {
  padding: 0.35em 1em;
  font-size: var(--font-size-s);
}
.prehlad-skola-odbor-hodnoty .prehlad-skola-hodnota div {
  margin-left: 1.25em;
}

.studium-odbor-hodnoty-obsah {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5em 0.75em;
}
.studium-odbor-hodnoty-obsah .studium-odbor-hodnota {
  width: fit-content;
  padding: 0.5em 1em 0.5em 0.75em;
  font-size: var(--font-size-p);
}
.studium-odbor-hodnoty-obsah .studium-odbor-hodnota div {
  margin-left: 1.25em;
  text-align: right;
}

.studium-odbor-hodnota-skoly {
  display: flex;
}

.studium-odbor-meno {
  margin-bottom: 0.5em;
}

.windowed .studium-odbor-meno {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prehlad-skola-def {
  overflow: hidden;
}

#vysledky .prehlad-skola-nazov a, #index .prehlad-skola-nazov a {
  color: var(--color-font);
  border-bottom: 1px solid transparent;
}
#vysledky .prehlad-skola-nazov a:hover, #index .prehlad-skola-nazov a:hover {
  border-bottom: 1px solid;
}

.prehlad-skola-ulica, .prehlad-skola-obec, .prehlad-skola-meno, .prehlad-skola-adresa {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prehlad-skola-adresa {
  color: var(--color-gray-dark);
  font-size: var(--font-size-s);
  margin-top: 0.25em;
}

.prehlad-skola-hodnota {
  width: auto;
}

.hodnotenie {
  display: flex;
  margin-left: 1em;
}

.hodnotenie-hodnota {
  width: 4em;
  font-weight: 700;
  text-align: right;
  margin-right: 0.75em;
}
.hodnotenie-hodnota span {
  color: var(--color-gray-dark);
  font-size: var(--font-size-s);
  font-weight: 400;
}

.prehlad-hodnota .hodnotenie-hodnota {
  width: auto;
}

.hodnotenie-bar {
  position: relative;
  width: 3em;
  height: 0.7em;
  background-color: var(--color-gray-light);
  margin-top: 0.25em;
  border-radius: 0.35em;
}
.hodnotenie-bar.dummy {
  background-color: transparent;
  margin-top: 0;
}

.nie-je .hodnotenie-bar {
  background-color: transparent;
}

.dummy .hodnotenie-bar {
  background-color: transparent;
}

.hodnotenie-bar-hodnota, .hodnotenie-bar-zmena, .hodnotenie-bar-stare, .hodnotenie-bar-nove {
  position: absolute;
}

.hodnotenie-bar-zmena {
  background-color: var(--color-gray-dark);
  height: 0.7em;
}
.hodnotenie-bar-zmena.pozitivne {
  border-radius: 0 0.35em 0.35em 0;
  border-left: 1px solid var(--color-font);
}
.hodnotenie-bar-zmena.negativne {
  border-radius: 0.35em 0 0 0.35em;
  border-right: 1px solid var(--color-font);
}

.hodnotenie-bar-hodnota, .hodnotenie-bar-stare {
  left: 0;
  height: 0.7em;
}

.hodnotenie-bar-nove {
  left: 1px;
  top: 0em;
  height: 0.7em;
}

.hodnotenie-bar-hodnota, .hodnotenie-bar-nove {
  border-radius: 0.35em;
}
.hodnotenie-bar-hodnota.full, .hodnotenie-bar-nove.full {
  border-radius: 0.35em;
}

.hodnotenie-bar-nove {
  background-color: var(--color-gray-dark);
}

.hodnotenie-bar-stare {
  background-color: var(--color-gray-light);
  border-radius: 0.35em 0 0 0.35em;
}

.hodnotenie-stupnica.s-nehodnotenymi {
  display: flex;
}
.hodnotenie-stupnica.s-nehodnotenymi .hodnotenie-stupnica-main {
  width: calc(90.909% - 4.545em);
}
.hodnotenie-stupnica.s-nehodnotenymi .hodnotenie-stupnica-space {
  width: calc(9.0909% - 0.4545em);
}
.hodnotenie-stupnica.s-nehodnotenymi .hodnotenie-stupnica-gray {
  width: 5em;
}

.section-vysledky-main .hodnotenie-stupnica {
  max-width: 30em;
}

.hodnotenie-stupnica-bars {
  display: flex;
  height: 1em;
  margin-bottom: 0.35em;
}
.hodnotenie-stupnica-bars div {
  width: calc(10% - 1px);
  height: 100%;
  margin-right: 1px;
}
.hodnotenie-stupnica-bars div:first-child {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.hodnotenie-stupnica-bars div:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

#prehlad .hodnotenie-stupnica-bars {
  height: 0.75em;
}
#prehlad .hodnotenie-stupnica-bars div:first-child {
  border-top-left-radius: 0.375em;
  border-bottom-left-radius: 0.375em;
}
#prehlad .hodnotenie-stupnica-bars div:last-child {
  border-top-right-radius: 0.375em;
  border-bottom-right-radius: 0.375em;
}

#skola .hodnotenie-stupnica-bars {
  height: 0.75em;
}
#skola .hodnotenie-stupnica-bars div:first-child {
  border-top-left-radius: 0.375em;
  border-bottom-left-radius: 0.375em;
}
#skola .hodnotenie-stupnica-bars div:last-child {
  border-top-right-radius: 0.375em;
  border-bottom-right-radius: 0.375em;
}

.hodnotenie-stupnica-gray .hodnotenie-stupnica-bars div {
  width: 100%;
}

.hodnotenie-stupnica-legenda {
  position: relative;
  height: 2em;
}
.hodnotenie-stupnica-legenda .min, .hodnotenie-stupnica-legenda .mid, .hodnotenie-stupnica-legenda .max {
  position: absolute;
  top: 0;
}
.hodnotenie-stupnica-legenda .min {
  left: 0;
}
.hodnotenie-stupnica-legenda .max {
  right: 0;
}
.hodnotenie-stupnica-legenda .max div {
  text-align: right;
}
.hodnotenie-stupnica-legenda .mid {
  left: 50%;
  transform: translateX(-50%);
}
.hodnotenie-stupnica-legenda .mid div {
  text-align: center;
}
.hodnotenie-stupnica-legenda .hodnota {
  font-weight: bold;
}

.skola-hodnotenie-legenda .hodnotenie-stupnica-legenda {
  height: 1em;
}

.skola-header-nazov .text-xl {
  line-height: var(--line-height-narrow);
}

.skola-header-nadpis {
  margin-bottom: 1em;
}

.skola-header-sucasti {
  display: inline-block;
  font-size: var(--font-size-p);
  margin-top: 0.5em;
  border-radius: var(--border-radius);
}
.skola-header-sucasti .skola-header-sucasti-text {
  display: inline-block;
  margin-right: 0.5em;
  padding-top: 0.5em;
}
.skola-header-sucasti .skola-header-sucasti-select {
  display: inline-block;
}
.skola-header-sucasti .selector {
  background-color: var(--color-font-contrast);
  border: 0.1em solid transparent;
  width: 20em;
}
.skola-header-sucasti .selector:hover {
  border: 0.1em solid;
}

#skola-header-zu-toggle {
  position: relative;
  top: -0.25em;
}

#skola-header-zu {
  display: none;
}

.skola-header-zu {
  display: flex;
  flex-wrap: wrap;
  gap: 1em 2em;
  margin: 1.5em 0;
}
.skola-header-zu .skola-header-zu-block-label {
  color: var(--color-gray-dark);
  font-size: var(--font-size-xs);
}
.skola-header-zu .skola-header-zu-block-value {
  font-size: var(--font-size-p);
}

.skola-header-odznaky {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em;
  margin-top: 1.75em;
  padding-bottom: 1.25em;
}
.skola-header-odznaky .odznak {
  font-size: var(--font-size-s);
  font-weight: 700;
  height: 4em;
  border-radius: 2em;
  cursor: help;
}
.skola-header-odznaky .odznak-icon {
  float: left;
  width: 4em;
  height: 4em;
  border-radius: 50%;
}
.skola-header-odznaky .odznak-hlavny .odznak-icon {
  padding: 0.9em;
}
.skola-header-odznaky .odznak-hlavny.odznak-dobry {
  background-color: var(--color-info-light);
}
.skola-header-odznaky .odznak-hlavny.odznak-dobry .odznak-icon {
  background-color: var(--color-info);
}
.skola-header-odznaky .odznak-hlavny.odznak-zly {
  background-color: var(--color-contrast-light);
}
.skola-header-odznaky .odznak-hlavny.odznak-zly .odznak-icon {
  background-color: var(--color-contrast);
}
.skola-header-odznaky .odznak-vedlajsi {
  background-color: var(--color-accent-light);
}
.skola-header-odznaky .odznak-vedlajsi .odznak-icon {
  background-color: var(--color-accent-medium);
  padding: 1em;
}
.skola-header-odznaky .odznak-text {
  height: 3.25em;
  max-width: 16em;
  padding: 0.65em 1.5em 0em 0.75em;
  margin-left: 4em;
  hyphens: auto;
  overflow: hidden;
}

.skola-header-odznaky-info {
  margin-top: 1em;
  margin-bottom: 1em;
}

.skola-header-section {
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid var(--color-accent-light);
}
.skola-header-section.skola-header-vybavenie {
  padding-bottom: 0.5em;
}

.skola-header-section-nadpis {
  font-size: var(--font-size-m);
  font-weight: 700;
  margin-bottom: 0.5em;
}

.skola-header-odbory-spolu {
  font-size: var(--font-size-m);
}

.skola-header-odbory-text {
  flex-shrink: 0;
  width: 8.5em;
  padding: 0.5em 0;
}

.skola-header-odbory-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.skola-header-odbory-list a {
  padding-top: 0.5em;
}

.skola-header-odbory {
  font-size: var(--font-size-p);
}

.skola-header-zameranie {
  font-size: var(--font-size-p);
}
.skola-header-zameranie .label {
  flex-wrap: wrap;
}
.skola-header-zameranie .label div {
  white-space: pre-wrap;
}

.skola-header-odbor {
  display: flex;
  background-color: var(--color-accent-light);
  font-size: var(--font-size-p);
  border-radius: var(--border-radius);
}

.skola-header-odbor-content {
  display: flex;
}

.skola-header-odbor-nazov, .odbor-content-trvanie, .odbor-content-maturita, .odbor-content-stats {
  padding: 0.5em 0.75em;
}

.skola-header-odbor-nazov, .odbor-content-trvanie, .odbor-content-maturita {
  border-right: 1px solid var(--color-accent-pale);
}

.odbor-content-stats {
  display: flex;
}

.odbor-content-stat {
  margin-right: 1.333em;
}
.odbor-content-stat:last-child {
  margin-right: 0;
}

.sh-odbory {
  display: table;
  margin-bottom: 0.25rem;
}

.sh-link {
  margin-top: 1em;
}

.sh-spectriedy {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  font-size: var(--font-size-p);
  margin-top: 1em;
}
.sh-spectriedy .sh-spectrieda {
  display: flex;
  flex-wrap: nowrap;
  background-color: var(--color-accent-light);
  border-radius: var(--border-radius);
}
.sh-spectriedy .sh-spectrieda .shs-nazov, .sh-spectriedy .sh-spectrieda .shs-pocet {
  line-height: 1;
}
.sh-spectriedy .sh-spectrieda .shs-nazov {
  padding: 0.5em 0.75em 0 0.75em;
}
.sh-spectriedy .sh-spectrieda .shs-pocet {
  padding: 0.35em 0.75em;
  border-left: 1px solid var(--color-accent-pale);
}

.sho-header, .sho-row, .sho-row-spacer {
  display: table-row;
}

.sho-def, .sho-obsah {
  display: table-cell;
  height: inherit;
}

.sho-row-spacer {
  height: 0.5em;
}

.sho-header .sho-def {
  position: relative;
  font-weight: 700;
}
.sho-header .sho-def .sho-nadpis {
  position: absolute;
  bottom: 0;
}

.sho-row .sho-def, .sho-row .sho-obsah {
  background-color: var(--color-accent-light);
}
.sho-row .sho-def {
  padding-left: 0.6rem;
  padding-right: 1rem;
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.sho-row .sho-def .sho-def-obsah {
  display: flex;
  flex-wrap: nowrap;
}
.sho-row .sho-def .sho-def-obsah .sho-odbor-nazov {
  margin-right: 0.5em;
}
.sho-row .sho-def .sho-def-obsah .sho-odbor-nazov .nlink {
  font-weight: 400;
}
.sho-row .sho-def .sho-def-obsah .sho-odbor-symboly .odbor-symbol {
  font-size: var(--font-size-xs);
  margin: 0 0.125em !important;
}
.sho-row .sho-obsah {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.sho-row .sho-obsah .sho-sekcia {
  border-left: 1px solid var(--color-white);
}
.sho-row .sho-def, .sho-row .sho-obsah .sho-sekcia {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

.sho-obsah .sho-sekcie {
  display: flex;
  height: 100%;
}
.sho-obsah .sho-sekcie .sho-sekcia {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.sho-obsah .sho-sekcie .sho-sekcia .sho-sekcia-nadpis {
  font-weight: 700;
  text-align: center;
  padding-bottom: 0.5em;
  border-bottom: 0.1em dotted var(--color-gray-dark);
}
.sho-obsah .sho-sekcie .sho-sekcia .sho-sekcia-obsah {
  display: flex;
}
.sho-obsah .sho-sekcie .sho-sekcia .sho-sekcia-obsah .sho-element {
  width: 3.5rem;
  text-align: center;
  margin: 0 auto;
}
.sho-obsah .sho-sekcie .sho-sekcia .sho-sekcia-obsah .sho-element .inline-icon {
  display: block;
  width: 1rem;
  height: 1rem;
  background-size: 1rem 1rem;
  margin: 1em auto 0.25em auto;
}
.sho-obsah .sho-sekcie .sho-sekcia .sho-sekcia-obsah .sho-element .sho-element-nadpis {
  display: block;
}

.sho-header .sho-obsah {
  font-size: var(--font-size-xs);
}
.sho-header .sho-def, .sho-header .sho-obsah {
  padding-bottom: 0.5rem;
}

.skola-header-vybavenie-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em;
  overflow-x: auto;
  padding-top: 0.75em;
}

.skola-header-vybavenie-element {
  width: 3em;
  height: 3em;
  border-radius: var(--border-radius);
  padding: 0.5em;
}
.skola-header-vybavenie-element img {
  width: 2em;
  height: 2em;
}
.skola-header-vybavenie-element.dostupne {
  background-color: var(--color-white);
}
.skola-header-vybavenie-element.nedostupne {
  filter: opacity(0.2);
}
.skola-header-vybavenie-element:hover {
  cursor: help;
}

.skola-header-hodnotenie-obsah {
  display: flex;
}

.hodnotenie-hviezdicky {
  display: flex;
  margin-right: 1em;
}
.hodnotenie-hviezdicky .hviezdicky {
  display: flex;
  gap: 0.2em;
}
.hodnotenie-hviezdicky .hviezdicky div {
  width: 1.25em;
  height: 1.25em;
  background-size: 1.25em 1.25em;
}
.hodnotenie-hviezdicky .hviezdicky div.plna {
  background-image: url("../images/ikony/hviezda-plna.svg");
}
.hodnotenie-hviezdicky .hviezdicky div.pol {
  background-image: url("../images/ikony/hviezda-pol.svg");
}
.hodnotenie-hviezdicky .hviezdicky div.prazdna {
  background-image: url("../images/ikony/hviezda-prazdna.svg");
}
.hodnotenie-hviezdicky .cislo {
  position: relative;
  top: 0.125em;
  margin-left: 0.5em;
}

.hodnotenie-hviezdicky-pocet {
  font-size: var(--font-size-p);
  margin-top: 0.25em;
}

.skola-hodnotenie-roky .select {
  margin: 0 0 0 auto;
}

.skola-hodnotenie-celkove .hodnotenie-bar {
  width: 100%;
  max-width: 19.25em;
  height: 1.5em;
  border-radius: 0.75em;
}
.skola-hodnotenie-celkove .hodnotenie-bar-hodnota {
  height: 1.5em;
  border-radius: 0.75em;
}

.skola-hodnotenie-celkove-graf {
  overflow: hidden;
}
.skola-hodnotenie-celkove-graf .graf-canvas {
  height: 10.6em;
  margin-left: -15px;
  margin-right: -25px;
}

.skola-hodnotenie-zlozky {
  margin-top: 2.5em;
  overflow: hidden;
}

.skola-hodnotenie-zlozky-grafy {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  gap: 10%;
}

.skola-hodnotenie-zlozka {
  width: 45%;
  margin: 1em 0 0.25em 0;
}
.skola-hodnotenie-zlozka .hodnotenie-bar {
  width: 100%;
}

.skola-hodnotenie-zlozka-grafika {
  position: relative;
}

.skola-hodnotenie-zlozka-graf {
  overflow: hidden;
}
.skola-hodnotenie-zlozka-graf .graf-canvas {
  height: 5.25em;
  margin: 0 -25px;
}

.skola-body-zlozka-text {
  position: relative;
  margin-right: 4em;
  height: 2.5em;
}
.skola-body-zlozka-text span {
  position: absolute;
  bottom: 0;
}

.skola-body-zlozka-cislo {
  position: absolute;
  right: 0;
  bottom: 1em;
}

.skola-body-hodnotenie-text {
  font-weight: bold;
  margin-top: 1em;
}

.skola-body-hodnotenie-bar {
  margin-top: 0.5em;
}

.skola-body-vysvetlenie {
  font-size: var(--font-size-s);
  color: var(--color-gray-dark);
  margin-top: 1.5em;
  margin-bottom: 1em;
}

.graf-legenda {
  display: flex;
  gap: 3em;
  font-size: var(--font-size-s);
  margin-left: 22px;
  margin-top: 0.5em;
}

.graf-legenda-rad {
  display: flex;
  line-height: 1;
  gap: 0.5em;
}
.graf-legenda-rad .gulicka {
  width: 0.8em;
  height: 0.8em;
  margin-top: 0.2em;
  border-radius: 0.4em;
}

.skola-hodnotenie-status {
  position: relative;
  margin-top: 2em;
  min-height: 2.1em;
}

.skola-hodnotenie-legenda {
  position: absolute;
  right: 0;
  top: 0;
  width: 45%;
}

.skola-data {
  column-count: 2;
  column-gap: 10%;
}

.skola-data-blok {
  display: inline-block;
  width: 100%;
  margin-bottom: 2.52em;
}
.skola-data-blok:last-child {
  margin-bottom: 0;
}

.skola-data-blok-nadpis {
  display: flex;
  font-weight: 700;
  padding-bottom: 0.4em;
  border-bottom: 0.1em solid;
}
.skola-data-blok-nadpis .nazov {
  width: calc(100% - 10em);
}
.skola-data-blok-nadpis .hodnotenie span {
  font-size: var(--font-size-s);
  color: var(--color-gray-dark);
  font-weight: 400;
}
.skola-data-blok-nadpis .viac {
  width: 3em;
  font-size: var(--font-size-s);
}

.skola-data-riadok {
  padding: 0.45em 0;
  border-bottom: 1px solid var(--color-gray-light);
}
.skola-data-riadok .skola-data-riadok-obsah {
  display: flex;
}
.skola-data-riadok .skola-data-riadok-obsah .nazov {
  width: calc(100% - 10.75em);
}
.skola-data-riadok .skola-data-riadok-obsah .viac {
  width: 3em;
  text-align: right;
  font-size: var(--font-size-s);
  font-weight: bold;
  margin-top: 0.2em;
}
.skola-data-riadok .skola-data-riadok-obsah .viac .link {
  color: var(--color-gray);
}
.skola-data-riadok .skola-data-riadok-detail {
  position: relative;
  background-color: var(--color-gray-pale);
  color: var(--color-gray-dark);
  font-size: var(--font-size-s);
  margin: 1rem 0 0.5rem 0;
  border-radius: var(--border-radius);
}
.skola-data-riadok .skola-data-riadok-detail .casovy-rad .canvas {
  height: 12em;
}
.skola-data-riadok .skola-data-riadok-detail::before {
  content: "\a";
  border-style: solid;
  border-width: 0 8px 11px 8px;
  border-color: transparent transparent var(--color-gray-pale) transparent;
  position: absolute;
  top: -10px;
  right: 4.25em;
}
.skola-data-riadok .skola-data-riadok-detail-statistiky, .skola-data-riadok .skola-data-riadok-detail-vysvetlenie, .skola-data-riadok .skola-data-riadok-detail-casove-rady {
  padding: 1.25em;
}
.skola-data-riadok .skola-data-riadok-detail-statistiky .sekcia-nadpis, .skola-data-riadok .skola-data-riadok-detail-vysvetlenie .sekcia-nadpis, .skola-data-riadok .skola-data-riadok-detail-casove-rady .sekcia-nadpis {
  font-size: var(--font-size-m);
  font-weight: 700;
  margin-bottom: 1em;
}
.skola-data-riadok .skola-data-riadok-detail-statistiky, .skola-data-riadok .skola-data-riadok-detail-vysvetlenie {
  border-bottom: 0.1em dotted var(--color-gray-medium);
}
.skola-data-riadok .skola-data-riadok-detail-statistiky .vlastnost, .skola-data-riadok .skola-data-riadok-detail-vysvetlenie .vlastnost {
  margin-bottom: 1.25em;
}
.skola-data-riadok .skola-data-riadok-detail-statistiky .vlastnost:last-child, .skola-data-riadok .skola-data-riadok-detail-vysvetlenie .vlastnost:last-child {
  margin-bottom: 0;
}
.skola-data-riadok .skola-data-riadok-detail-statistiky .vlastnost .nazov, .skola-data-riadok .skola-data-riadok-detail-statistiky .vlastnost .hodnota, .skola-data-riadok .skola-data-riadok-detail-vysvetlenie .vlastnost .nazov, .skola-data-riadok .skola-data-riadok-detail-vysvetlenie .vlastnost .hodnota {
  display: inline;
}
.skola-data-riadok .skola-data-riadok-detail-statistiky .vlastnost .nazov, .skola-data-riadok .skola-data-riadok-detail-vysvetlenie .vlastnost .nazov {
  font-weight: 700;
  margin-right: 0.25em;
}
.skola-data-riadok .skola-data-riadok-detail-statistiky .vlastnost .nazov::after, .skola-data-riadok .skola-data-riadok-detail-vysvetlenie .vlastnost .nazov::after {
  content: ":";
}
.skola-data-riadok .skola-data-riadok-detail-casove-rady {
  padding-top: 1.25em;
}
.skola-data-riadok .skola-data-riadok-detail-casove-rady .casovy-rad {
  margin-bottom: 1.25em;
}
.skola-data-riadok .skola-data-riadok-detail-casove-rady .casovy-rad .nadpis {
  font-weight: 700;
}
.skola-data-riadok .skola-data-riadok-detail-casove-rady .graf-legenda {
  margin-left: 0;
}

#hodnotenie-pouzivatelmi {
  margin-bottom: 2em;
}

.skola-hodnotenie-pouzivatelmi-sekcia {
  margin: 1.5em 0 1em 0;
}

.skola-hodnotenie-pouzivatelmi-zlozka .nazov {
  margin: 0.75em 0 0.5em 0;
}
.skola-hodnotenie-pouzivatelmi-zlozka .vysvetlenie {
  color: var(--color-gray-dark);
  font-size: var(--font-size-s);
}

.skola-hodnotenie-pouzivatelmi-spolu {
  border-bottom: 1px solid var(--color-gray-light);
  margin-bottom: 1em;
  padding-bottom: 0.5em;
}
.skola-hodnotenie-pouzivatelmi-spolu .skola-hodnotenie-pouzivatelmi-zlozka .nazov, .skola-hodnotenie-pouzivatelmi-spolu .skola-hodnotenie-pouzivatelmi-zlozka .cislo {
  font-weight: 700;
}

.skola-komentare-sekcie {
  margin-top: 1.5em;
}

.skola-komentare-sekcia.collapsed {
  margin-bottom: 2em;
}
.skola-komentare-sekcia.collapsed .skola-komentare-obsah {
  display: none;
}
.skola-komentare-sekcia.expanded {
  margin-bottom: 1em;
}
.skola-komentare-sekcia.expanded .skola-komentare-obsah {
  display: block;
}

.skola-komentare-novy {
  display: inline-block;
  width: 100%;
  margin: 0.5em 0 1em 0;
}
.skola-komentare-novy .textarea {
  font-size: var(--font-size-m);
}

.skola-komentare-novy .textarea[contenteditable]:empty::before {
  content: "Pridajte komentár";
  color: var(--color-gray);
}

.skola-komentare-novy-buttons {
  margin-top: 1em;
  text-align: right;
}

.skola-komentare-nadpis {
  font-weight: 700;
  margin-bottom: 1em;
}

.skola-komentare-obsah {
  column-count: 2;
  column-gap: 1.5em;
}

.skola-komentar-wrapper {
  display: inline-block;
  width: 100%;
}

.skola-komentar, .skola-komentar-prazdny {
  font-size: var(--font-size-p);
}

.skola-komentar-prazdny {
  color: var(--color-gray);
  margin-bottom: 2em;
}

.skola-komentar {
  padding: 1em;
  margin-bottom: 1.5em;
  border-radius: var(--border-radius);
}
.skola-komentar.ma-odpoved {
  margin-bottom: 0.25em;
}
.skola-komentar.odpoved {
  position: relative;
  margin-left: 3em;
}
.skola-komentar.odpoved::before {
  content: "\a";
  border-style: solid;
  border-width: 8px 11px 8px 0;
  border-color: transparent var(--color-gray-light) transparent transparent;
  position: absolute;
  left: -10px;
}
.skola-komentar.odpoved-ineko {
  padding-top: 0.9em;
}

.skola-komentare-sekcia.od-1 .skola-komentar {
  background-color: var(--color-contrast-pale);
}
.skola-komentare-sekcia.od-2 .skola-komentar, .skola-komentare-sekcia.od-3 .skola-komentar {
  background-color: var(--color-gray-light);
}

.skola-komentar-autor {
  margin-bottom: 1em;
}

.ineko .skola-komentar-autor b {
  display: inline-block;
  line-height: 1;
  background-color: var(--color-accent);
  color: var(--color-white);
  padding: 0.225em 0.3em;
  margin-right: 0.3em;
  border-radius: var(--border-radius);
}

.skola-komentar-text p {
  line-height: var(--line-height-wide);
  white-space: pre-wrap;
}

.skola-carousel {
  display: flex;
  flex-wrap: nowrap;
  gap: 2em;
  padding-bottom: 1.5em;
  overflow-x: auto;
}

.skola-carousel-skola {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  padding: 1em 1.3em 1.2em 1.3em;
  max-width: 17em;
}
.skola-carousel-skola .nazov, .skola-carousel-skola .adresa {
  width: 100%;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.skola-carousel-skola .nazov {
  margin-bottom: 0.3em;
}
.skola-carousel-skola .adresa {
  font-size: var(--font-size-p);
  margin-bottom: 0.6em;
}
.skola-carousel-skola .poloha {
  font-size: var(--font-size-s);
}
.skola-carousel-skola .poloha span {
  position: relative;
  left: -0.2em;
}
.skola-carousel-skola .hodnotenie-cislo {
  font-size: var(--font-size-l);
  font-weight: 700;
  margin-top: 0.5em;
}
.skola-carousel-skola .hodnotenie-bar {
  width: 6em;
}
.skola-carousel-skola .viac {
  font-size: var(--font-size-s);
  font-weight: bold;
}

.skoly-zameranie {
  margin: 1.25em 0;
}
.skoly-zameranie .kategoria {
  float: left;
  width: 17em;
  font-weight: 700;
}
.skoly-zameranie .odbory {
  margin-left: 17em;
}

.label-with-icon, .label-with-symbol {
  display: flex;
}
.label-with-icon .nazov, .label-with-symbol .nazov {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.label-with-icon .nazov {
  margin-top: 0.15em;
}
.label-with-icon .icon {
  width: 1.5em;
  height: 1.5em;
  margin: 0 0.5em 0 0;
}
.label-with-icon .icon img {
  width: 1.5em;
  height: 1.5em;
}

.label-with-symbol .nazov {
  margin-top: 0.1em;
}
.label-with-symbol .symbol {
  margin-right: 0.5em;
}
.label-with-symbol.label-p .nazov {
  margin-top: 0.25em;
}
.label-with-symbol.label-p .symbol {
  margin-right: 0.3em;
}

.vysledky-nastavenia {
  position: relative;
}

.vysledky-nastavenia-rocnik {
  position: relative;
}

.vysledky-nastavenia-velkost {
  position: absolute;
  right: 0;
  top: 0;
}

.pocet-riadkov {
  display: inline-block;
  position: relative;
  top: -0.5em;
  background-color: var(--color-gray-light);
  color: var(--color-gray);
  font-size: var(--font-size-s);
  font-weight: 700;
  line-height: 1;
  padding: 0.4em 0.8em;
  margin-left: 1em;
  border-radius: 1.025em;
}
.pocet-riadkov.notice {
  background-color: var(--color-info);
  color: var(--color-gray-dark);
}
.pocet-riadkov.error {
  background-color: var(--color-contrast);
  color: var(--color-font-contrast);
}

.filtre {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  gap: 0.4em;
}

.filtre-akcie {
  position: relative;
  margin-top: 2em;
}
.filtre-akcie .filtre-zobrazovanie {
  position: absolute;
  top: 0;
  right: 0;
}
.filtre-akcie .filtre-zobrazovanie .button-img {
  padding-left: 2.5em;
  padding-right: 0;
}
.filtre-akcie .filtre-zobrazovanie .button-img img {
  left: 0.6em;
}
.filtre-akcie .filtre-zobrazovanie .button-switch {
  border: 0.1em solid transparent;
}
.filtre-akcie .filtre-zobrazovanie .button-switch-selected {
  background-color: var(--color-gray-dark);
}
.filtre-akcie .filtre-zobrazovanie .button-switch-selected img {
  filter: invert(1);
}
.filtre-akcie .filtre-zobrazovanie .button-switch-unselected {
  background-color: var(--color-gray-light);
}
.filtre-akcie .filtre-zobrazovanie .button-switch-unselected img {
  opacity: 0.55;
}
.filtre-akcie .filtre-zobrazovanie .button-switch-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.filtre-akcie .filtre-zobrazovanie .button-switch-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.filtre-vybrate {
  margin-top: 0.9rem;
  font-size: var(--font-size-s);
}
.filtre-vybrate a {
  display: inline-block;
  position: relative;
  background-color: var(--color-black);
  color: var(--color-white);
  line-height: 1;
  padding: 0.5em 0.8em;
  margin: 0.5rem 0.5rem 0 0;
  border-radius: 1em;
}
.filtre-vybrate a.closable {
  padding-left: 2em;
}
.filtre-vybrate a.closable::before {
  content: "";
  position: absolute;
  left: 0.75em;
  top: 0.625em;
  width: 0.75em;
  height: 0.75em;
  background-image: url("../images/ikony/cross-white.svg");
  background-size: 0.75em 0.75em;
  opacity: 0.75;
}
.filtre-vybrate a:hover {
  background-color: var(--color-gray-dark);
}

.select.unselected, .switch.unselected {
  color: var(--color-gray-dark);
}
.select.unselected .selector::after, .select.unselected .inline-icon, .switch.unselected .selector::after, .switch.unselected .inline-icon {
  opacity: 0.55;
}
.select.unselected:hover, .switch.unselected:hover {
  color: var(--color-font);
}
.select.unselected:hover .selector::after, .switch.unselected:hover .selector::after {
  opacity: 1;
}
.select.unselected:hover .inline-icon, .switch.unselected:hover .inline-icon {
  opacity: 1;
}

.select .selector:hover, .switch .switcher:hover {
  cursor: pointer;
}

.prehlad-obsah {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 5%;
  margin-bottom: 1.5em;
}

.prehlad-ukazovatele {
  max-width: 27%;
  flex-shrink: 0;
  margin-top: 1em;
}

.prehlad-ukazovatele-udaje {
  margin-top: 1em;
}

#dalsie-ukazovatele {
  background-color: var(--color-accent-pale);
  padding: 0.85em 1.2em;
  margin-top: 0.85em;
  border-radius: 1em;
}
#dalsie-ukazovatele .controls {
  display: none;
}

#toggle-skryte-filtre {
  line-height: 1;
  padding: 0.55em 0;
}

.prehlad-ukazovatele-vybrate {
  line-height: 1;
}
.prehlad-ukazovatele-vybrate a {
  position: relative;
  display: inline-block;
  background-color: var(--color-accent-pale);
  color: var(--color-font);
  max-width: 100%;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5em 1em;
  margin: 0 0.5em 0.5em 0;
  border-radius: 2em;
}
.prehlad-ukazovatele-vybrate a#button-dalsie-ukazovatele {
  color: var(--color-font-contrast);
  font-weight: 700;
}
.prehlad-ukazovatele-vybrate a#button-dalsie-ukazovatele.expanded {
  background-color: var(--color-accent-dark);
}
.prehlad-ukazovatele-vybrate a#button-dalsie-ukazovatele.expanded:hover {
  background-color: var(--color-font);
}
.prehlad-ukazovatele-vybrate a#button-dalsie-ukazovatele.expanded i {
  background-image: url("../images/ikony/minus-white.svg");
}
.prehlad-ukazovatele-vybrate a#button-dalsie-ukazovatele.collapsed {
  background-color: var(--color-accent);
}
.prehlad-ukazovatele-vybrate a#button-dalsie-ukazovatele.collapsed:hover {
  background-color: var(--color-accent-dark);
}
.prehlad-ukazovatele-vybrate a#button-dalsie-ukazovatele.collapsed i {
  background-image: url("../images/ikony/plus-white.svg");
}
.prehlad-ukazovatele-vybrate a#button-dalsie-ukazovatele span {
  line-height: 1;
  font-size: var(--font-size-p);
  font-weight: 400;
}
.prehlad-ukazovatele-vybrate a#button-dalsie-ukazovatele:hover {
  background-color: var(--color-accent-dark);
}
.prehlad-ukazovatele-vybrate a#button-dalsie-ukazovatele i {
  display: inline-block;
  line-height: 1;
  width: 0.75em;
  height: 0.75em;
  background-size: 0.75em 0.75em;
  margin-right: 0.75em;
}
.prehlad-ukazovatele-vybrate a:last-child {
  margin-right: 0;
}
.prehlad-ukazovatele-vybrate a:hover {
  background-color: var(--color-accent-light);
}
.prehlad-ukazovatele-vybrate a.disabled {
  opacity: 0.5;
}
.prehlad-ukazovatele-vybrate a.closable {
  padding-left: 2.5em;
}
.prehlad-ukazovatele-vybrate a.closable::before {
  content: "";
  position: absolute;
  left: 1em;
  top: 0.65em;
  width: 0.75em;
  height: 0.75em;
  background-image: url("../images/ikony/cross-black.svg");
  background-size: 0.75em 0.75em;
  opacity: 0.25;
}

.prehlad-data {
  flex: 1;
  overflow: hidden;
}
.prehlad-data .prehlad-skola-szpext {
  margin-top: 0.666em;
  margin-bottom: 0.2em;
}
.prehlad-data .prehlad-skola-szpext span {
  display: inline-block;
  background-color: var(--color-gray-pale);
  color: var(--color-gray-dark);
  font-size: var(--font-size-s);
  padding: 0.25em 0.5em;
  margin-right: 0.5em;
  border-radius: var(--border-radius);
}
.prehlad-data .pill-button {
  position: relative;
  top: -0.2em;
}

.prehlad-data-header, .studium-data-header {
  position: relative;
  min-height: 2em;
}
.prehlad-data-header .data-header-nastavenia, .studium-data-header .data-header-nastavenia {
  display: flex;
  gap: 0.75em;
  position: absolute;
  right: 0;
  top: 0;
}

.prehlad-ukazovatele-kategoria {
  font-weight: 700;
  font-size: var(--font-size-n);
  margin-top: 1.75em;
  margin-bottom: 0.5em;
}
.prehlad-ukazovatele-kategoria:first-child {
  margin-top: 0;
}

.prehlad-ukazovatele-sekcia {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid var(--color-gray-light);
}
.prehlad-ukazovatele-sekcia .nadpis {
  position: relative;
  font-weight: bold;
  line-height: var(--line-height-narrow);
  margin-bottom: 0.65em;
}
.prehlad-ukazovatele-sekcia .nadpis span {
  color: var(--color-gray);
  font-size: var(--font-size-s);
  font-weight: bold;
}
.prehlad-ukazovatele-sekcia .nadpis.dot::before {
  content: "";
  position: absolute;
  left: -0.7em;
  top: 0.4em;
  width: 0.4em;
  height: 0.4em;
  border-radius: 0.2em;
  background-color: var(--color-accent);
}
.prehlad-ukazovatele-sekcia .nadpis.expanded::after, .prehlad-ukazovatele-sekcia .nadpis.collapsed::after {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  position: relative;
  top: 0.1em;
  left: 0.4em;
  background-size: 0.75em 0.75em;
}
.prehlad-ukazovatele-sekcia .nadpis.expanded::after {
  background-image: url("../images/ikony/tri-up.svg");
}
.prehlad-ukazovatele-sekcia .nadpis.collapsed::after {
  background-image: url("../images/ikony/tri-down.svg");
}
.prehlad-ukazovatele-sekcia .nadpis:hover {
  cursor: pointer;
}
.prehlad-ukazovatele-sekcia .obsah {
  position: relative;
  margin: 0 -0.35em 1em -0.35em;
}
.prehlad-ukazovatele-sekcia .obsah.collapsed {
  display: none;
}
.prehlad-ukazovatele-sekcia .obsah.expanded {
  display: block;
}
.prehlad-ukazovatele-sekcia:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.prehlad-ukazovatele-sekcia:last-child .obsah {
  margin-bottom: 0;
}
.prehlad-ukazovatele-sekcia #dalsie-udaje {
  margin-top: 1.25em;
  margin-bottom: 1.5em;
  border-top: 0.1em dotted;
}

.prehlad-ukazovatele-sekcia .ukazovatel, .prehlad-filtre-sekcia .filter-val {
  padding: 0.35em;
  border-radius: var(--border-radius);
  cursor: pointer;
}
.prehlad-ukazovatele-sekcia .ukazovatel .nazov, .prehlad-filtre-sekcia .filter-val .nazov {
  margin-left: 1.5em;
  line-height: var(--line-height-narrow);
}
.prehlad-ukazovatele-sekcia .ukazovatel .nazov img, .prehlad-filtre-sekcia .filter-val .nazov img {
  position: relative;
  top: 1px;
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
}
.prehlad-ukazovatele-sekcia .ukazovatel.filter-ikona .nazov, .prehlad-filtre-sekcia .filter-val.filter-ikona .nazov {
  margin-left: 3.25em;
}

.prehlad-ukazovatele-sekcia .ukazovatel:hover {
  background-color: var(--color-accent-light);
}

.prehlad-filtre-sekcia .filter-val:hover {
  background-color: var(--color-gray-pale);
}

.filter-vals[data-filter=kraj_id] .prehlad-filtre-sekcia, .filter-vals[data-filter=okres_id] .prehlad-filtre-sekcia {
  max-height: 9em;
}

.filter-hidden {
  display: none;
}

.filter-visible {
  display: block;
}

.prehlad-filtre-sekcia {
  max-height: 16.4em;
  overflow-y: auto;
  overflow-x: hidden;
}
.prehlad-filtre-sekcia#filter-odbor_forma_id, .prehlad-filtre-sekcia#filter-odbor_trvanie_id {
  max-height: 1.8em;
}
.prehlad-filtre-sekcia#filter-odbor_jazyk_id {
  max-height: 3.6em;
}
.prehlad-filtre-sekcia#filter-odbor_id {
  max-height: 9.5em;
}
.prehlad-filtre-sekcia .filter-val {
  white-space: nowrap;
}
.prehlad-filtre-sekcia .filter-val .nazov {
  overflow: hidden;
  text-overflow: ellipsis;
}
.prehlad-filtre-sekcia .filter-kategoria {
  display: flex;
  font-weight: 700;
  padding: 0.2em 0.4em 0.6em 0.4em;
}
.prehlad-filtre-sekcia .filter-kategoria-ikona {
  width: 1em;
  margin-right: 0.5em;
}
.prehlad-filtre-sekcia .filter-kategoria-ikona img {
  width: 1em;
  height: 1em;
}
.prehlad-filtre-sekcia .filter-kategoria-text {
  line-height: 1;
}

.prehlad-filtre-controls {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75em;
  padding-top: 0.75em;
  margin-top: 0.75em;
  border-top: 1px solid var(--color-gray-light);
}
.prehlad-filtre-controls .button {
  padding: 0.6em 0.75em;
}

.prehlad-filtre-sekcia-unmatched {
  display: none;
}

#input-odbor_id {
  min-width: 21.5em;
  width: calc(100% - 0.8em);
  margin: 0.4em 0.4em 1em 0.4em;
}

#input-max_vzdialenost {
  width: 3em;
}

#input-obec_id {
  width: 12em;
}

.filter-break {
  height: 1px;
  border-top: 1px solid var(--color-gray-light);
  margin: 0.75em 0;
}

.filter-vysvetlivky {
  display: none;
  font-size: var(--font-size-s);
  border-top: 1px solid var(--color-gray-light);
  margin: 1em 0.4em 0.4em 0.4em;
  padding-top: 1em;
}
.filter-vysvetlivky img {
  position: relative;
  top: 1px;
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
}

.filter-empty {
  margin: 0.4em;
  font-style: italic;
}

.prehlad-ukazovatele-sekcia .filter-inline, .prehlad-filtre-sekcia .filter-inline {
  display: inline-block;
}
.prehlad-ukazovatele-sekcia .checkbox, .prehlad-filtre-sekcia .checkbox {
  float: left;
  width: 1.1em;
  height: 1.1em;
  line-height: var(--line-height-narrow);
  border: 1px solid;
  border-radius: var(--border-radius);
}
.prehlad-ukazovatele-sekcia .checkbox.checked::after, .prehlad-filtre-sekcia .checkbox.checked::after {
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  margin: calc(0.15em - 1px);
  background-image: url("../images/ikony/check.svg");
  background-size: 0.8em 0.8em;
}
.prehlad-ukazovatele-sekcia .ikona, .prehlad-filtre-sekcia .ikona {
  float: left;
  width: 1.1em;
  height: 1.1em;
  margin: 0 0.5em;
}
.prehlad-ukazovatele-sekcia .ikona img, .prehlad-filtre-sekcia .ikona img {
  width: 1.1em;
  height: 1.1em;
}

.prehlad-filtre-sekcia-nazov {
  font-weight: 700;
  margin: 0.4em;
}
.prehlad-filtre-sekcia-nazov span {
  font-size: var(--font-size-s);
  font-weight: 400;
}

.prehlad-ukazovatele-sekcia .checkbox.checked {
  background-color: var(--color-font);
}

.prehlad-filtre-sekcia .checkbox.checked {
  background-color: var(--color-gray);
  border-color: var(--color-gray);
}

.select.selected .prehlad-filtre-sekcia .checkbox.checked {
  background-color: var(--color-font);
  border-color: var(--color-font);
}

.prehlad-data-tabulka {
  margin-top: 0.825em;
  overflow-x: auto;
}

.tab-prehlad td {
  padding: 0.75rem 1rem;
  font-size: var(--font-size-m);
  border-bottom: 1px solid var(--color-gray-light);
  vertical-align: top;
}
.tab-prehlad td.tpr-hodnota {
  text-align: right;
  padding-left: 2em;
  max-width: 10em;
}
.tab-prehlad td.tpr-hodnota.tpr-hodnotenie {
  box-sizing: content-box;
  padding-left: 0;
  width: 7em;
}
.tab-prehlad td.tpr-hodnota.tph-hodnotenie {
  box-sizing: content-box;
  width: 7em;
}
.tab-prehlad td.tpr-poradie {
  min-width: 1em;
  font-size: var(--font-size-s);
  line-height: 1.25rem;
  font-weight: 700;
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0;
}
.tab-prehlad td.tpr-poradie span {
  display: inline-block;
  color: var(--color-gray-medium);
  padding: 0.3em 0;
}
.tab-prehlad td.tpr-nazov {
  min-width: 12rem;
  max-width: 30rem;
  padding-right: 0;
  padding-left: 0.75rem;
}
.tab-prehlad td.tpr-nazov .prehlad-skola-nazov {
  font-weight: 700;
}
.tab-prehlad td.tpr-nazov .prehlad-skola-adresa {
  margin-top: 0.625em;
}
.tab-prehlad td:last-child {
  padding-right: 0.5rem !important;
}
.tab-prehlad td .prehlad-skola-nazov, .tab-prehlad td .prehlad-skola-adresa {
  white-space: pre-wrap;
}
.tab-prehlad .tp-head td {
  font-size: var(--font-size-s);
  vertical-align: bottom;
  background-color: transparent !important;
}
.tab-prehlad .tp-head td span {
  display: block;
  margin-top: 0.4em;
  color: var(--color-gray);
}
.tab-prehlad .tp-skoly td {
  background-color: var(--color-accent-pale);
  font-size: var(--font-size-p);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.tab-prehlad .tp-skoly td.tpr-poradie {
  font-size: var(--font-size-s);
  line-height: 1.5em;
  font-weight: 400;
  padding-left: 0.5rem;
}
.tab-prehlad .tp-skoly td.tpr-nazov a {
  font-weight: 400;
}
.tab-prehlad.tp-full-width {
  table-layout: fixed;
  width: 100%;
}
.tab-prehlad.tp-full-width td.tpr-hodnota {
  width: 6em;
  padding-left: 1em;
}
.tab-prehlad .nlink {
  padding-bottom: 0.1em;
}

.tpr-tabulka td {
  padding-left: 0;
}

.body-studium .tab-prehlad td.tpr-nazov {
  min-width: 10em;
  padding-right: 0.5rem;
}
.body-studium .tab-prehlad td.tpr-hodnota {
  padding-left: 1rem;
  padding-right: 1rem;
}

.white.windowed .nlink {
  font-weight: 400;
}
.white.windowed .tpr-hodnota {
  font-weight: 700;
}
.white.windowed .tpr-hodnota span {
  display: block;
  color: var(--color-gray-dark);
  font-size: var(--font-size-s);
  font-weight: 400;
  margin-top: 0.25em;
}
.white.windowed .tab-prehlad td.tpr-poradie {
  width: 1.5rem;
  padding-left: 1rem;
}
.white.windowed .tab-prehlad td:last-child {
  padding-right: 1rem !important;
}

.prehlad-data-footer, .studium-data-footer {
  margin-top: 0.5em;
}

.strankovanie {
  position: relative;
}
.strankovanie span {
  color: var(--color-gray);
  margin-top: 0.333em;
}
.strankovanie .navrat-hore {
  display: inline-block;
  position: relative;
  left: -0.5em;
  top: 0;
}
.strankovanie .strany {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}
.strankovanie .navrat-hore a, .strankovanie .strany a {
  display: inline-block;
  line-height: 1;
  font-weight: 700;
  padding: 0.5em 0.5em;
  border-radius: var(--border-radius);
}
.strankovanie .navrat-hore a:hover {
  text-decoration: underline;
}
.strankovanie .strany a.selected {
  background-color: var(--color-accent-pale);
}
.strankovanie .strany a:hover {
  background-color: var(--color-accent-pale);
}
.strankovanie .strany a {
  background-color: var(--color-gray-pale);
  margin: 0 0.25em;
}
.strankovanie .strany a:last-child {
  margin-right: 0;
}
.strankovanie .strany a:first-child {
  margin-left: 0;
}
.strankovanie .strany a.sipka-vpravo, .strankovanie .strany a.sipka-vlavo {
  width: 2em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-position: 0.5em 0.5em;
}
.strankovanie .strany a.sipka-vpravo {
  background-image: url(../images/ikony/arrow-right-black.svg);
}
.strankovanie .strany a.sipka-vlavo {
  background-image: url(../images/ikony/arrow-left-black.svg);
}

.dalsie {
  text-align: center;
}

.mapa-filtre {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1500;
}
.mapa-filtre .filter-select .select .selector, .mapa-filtre .filter-switch .switch {
  background-color: var(--color-white);
}

.marker-popup {
  background-color: var(--color-white);
  font-size: var(--font-size-m);
  white-space: wrap;
}
.marker-popup .nazov {
  font-weight: 700;
  margin-bottom: 0.5em;
}
.marker-popup .nazov a {
  color: var(--color-font);
}
.marker-popup .adresa, .marker-popup .viac {
  font-size: var(--font-size-s);
}
.marker-popup .hodnotenie {
  margin: 0.5em 0;
}
.marker-popup .hodnotenie .hodnotenie-hodnota {
  min-width: auto;
  width: 1.25em;
}

.leaflet-popup-content {
  margin: 0 !important;
}

.leaflet-popup-content-wrapper {
  background-color: var(--color-white);
  width: 11em !important;
  font-size: var(--font-size-m) !important;
  padding: 1em 1em !important;
  border-radius: var(--border-radius) !important;
  box-shadow: 0 var(--border-radius) var(--border-radius) rgba(0, 0, 0, 0.25) !important;
  opacity: 1 !important;
}

.leaflet-marker-icon {
  outline: none !important;
  box-shadow: none !important;
}
.leaflet-marker-icon:focus, .leaflet-marker-icon:hover, .leaflet-marker-icon:active {
  outline: none !important;
  box-shadow: none !important;
}

.o-projekte-kategoria {
  margin-top: 2.5em;
  padding-top: 2em;
  border-top: 0.1em solid var(--color-gray-light);
}

.o-projekte-ukazovatel {
  margin-top: 2em;
}

.faq-list {
  margin: 1.5em 0 2.5em 0;
}

.faq {
  position: relative;
  width: 75%;
  padding: 0.75em 3em 0.75em 0;
  border-top: 1px solid var(--color-gray-medium);
}
.faq .faq-question {
  font-weight: 400;
}
.faq .faq-answer {
  display: none;
  color: var(--color-gray-dark);
  font-size: var(--font-size-p);
  padding-top: 0.75rem;
  padding-bottom: 0.75em;
}
.faq:hover {
  filter: brightness(0.95);
  cursor: pointer;
}
.faq::after {
  content: "";
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  width: 1.25em;
  height: 1.25em;
  background-image: url("../images/ikony/expand-black.svg");
  background-size: 1.25em 1.25em;
}
.faq.faq-expanded .faq-answer {
  display: block;
}
.faq.faq-expanded::after {
  background-image: url("../images/ikony/collapse-black.svg");
}

.faq-row:last-child .faq {
  border-bottom: 1px solid var(--color-gray-medium);
}

.vysvetlivky-nadpis {
  font-weight: 700;
  margin-bottom: 0.75em;
}

.vysvetlivky-obsah {
  display: flex;
  flex-wrap: wrap;
  color: var(--color-gray-dark);
  font-size: var(--font-size-s);
}

.vysvetlivky .vysvetlivka {
  display: flex;
  align-items: center;
  min-height: 2.25em;
  margin-right: 2em;
}
.vysvetlivky .vysvetlivka .symbol {
  min-width: 2.5em;
  text-align: center;
  margin-right: 0.5em;
}
.vysvetlivky .vysvetlivka::last-child {
  margin-right: 0;
}
.vysvetlivky .vysvetlivka .hodnotenie {
  margin-left: 0;
  font-size: var(--font-size-m);
}

.tpd-content .vysvetlivky {
  margin: 0.5em 0;
}
.tpd-content .vysvetlivky .vysvetlivka {
  padding: 0.25em 0;
}
.tpd-content .vysvetlivky .vysvetlivka .symbol {
  min-width: 4em;
}

.search-results .vysvetlivky-obsah .vysvetlivka .symbol {
  min-width: auto;
  margin-right: 0.65em;
}

#prehlad .vysvetlivky-obsah .vysvetlivka {
  margin: 0.5em 0 0.75em 0;
  align-items: flex-start;
}
#prehlad .vysvetlivky-obsah .vysvetlivka .symbol {
  min-width: 4.5em;
  width: 4.5em;
  text-align: left;
}
#prehlad .vysvetlivky-obsah .vysvetlivka .prehlad-skola-szpext {
  margin-top: 0;
}

@media (min-width: 800px) {
  .menu-form {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
  .footer-logo-ineko {
    position: absolute;
    right: 0;
    bottom: 2.375em;
    margin-right: 0;
  }
  .footer-loga {
    display: flex;
    align-items: center;
    gap: 5em;
  }
  .container {
    padding: 0 var(--page-margin);
  }
  .half-width {
    width: 50%;
  }
  .half-width.less-than-a-half {
    width: 40%;
  }
  .half-width.more-than-a-half {
    width: 60%;
  }
  .third-width {
    width: 33.33%;
  }
  .third-width .prehlad, .third-width .plocha {
    margin-right: 25%;
  }
  .third-width .plocha {
    padding: 1em;
    background-color: var(--color-accent-pale);
    border-radius: var(--border-radius);
  }
  .third-width .plocha:hover {
    background-color: var(--color-accent-light);
  }
  .two-thirds-width {
    width: 66.66%;
  }
  .quarter-width {
    width: 25%;
  }
  .sixth-width {
    width: 16.666%;
  }
  .card {
    margin-right: 10%;
  }
  .section-podporte .card {
    margin-right: 0;
  }
  .card-photo {
    width: 15%;
  }
  .card-text {
    margin-left: 20%;
  }
  .text-explanation {
    width: calc(50% - 1.25rem);
  }
  .label-unique {
    padding-left: 0.75em;
    border-left: 1px dashed var(--color-gray-light);
  }
  .window-desktop {
    padding: 2em;
    border-radius: var(--border-radius);
  }
  .section-window-desktop .wrapper {
    padding-bottom: 3em;
  }
  .section-mapa .window-desktop {
    background-color: var(--color-accent-pale);
  }
  .section-mapa .main-block {
    flex-wrap: nowrap;
    gap: 6em;
  }
  .section-skoly-main .main-block {
    gap: 2em;
  }
  .main-block.block-search {
    padding-top: 1.5rem;
    margin-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .skola-header-nazov .text-xl {
    margin-bottom: 0.35em;
  }
  .skola-header-hodnotenie {
    display: none;
  }
  .skola-header-section.skola-header-hodnotenie-pouzivatelov {
    position: absolute;
    top: 2.25em;
    right: 0;
    background-color: var(--color-white);
    padding: 1em;
    border-top: 0;
    border-radius: var(--border-radius);
  }
  .skola-header-nadpis {
    margin-right: 23em;
  }
  .skola-hodnotenie-data {
    display: flex;
    gap: 10%;
  }
  .skola-hodnotenie-data .skola-hodnotenie-celkove, .skola-hodnotenie-data .skola-hodnotenie-zlozky {
    width: 45%;
  }
  .skola-hodnotenie-pouzivatelmi-zlozky {
    display: flex;
    flex-wrap: wrap;
    gap: 6%;
  }
  .skola-hodnotenie-pouzivatelmi-zlozky .skola-hodnotenie-pouzivatelmi-zlozka {
    width: 20.5%;
  }
  .section-skola-hodnotenie .wrapper {
    padding-top: 0;
  }
  .section-skola-hodnotenie .wrapper.large {
    padding-top: 2em;
  }
  .sho-row {
    height: 1px;
  }
  #dalsie-ukazovatele {
    display: block;
  }
  .body-studium .prehlad-ukazovatele {
    width: 16em;
  }
  .studium-odbor-nazov, .studium-odbor-hodnoty {
    vertical-align: middle;
  }
  .studium-odbor-hodnoty {
    padding: 0.5em 0;
  }
  .studium-odbor-symboly {
    margin-bottom: 0;
  }
  .studium-odbor-hodnoty-obsah {
    gap: 0.5em 1.5em;
  }
  .studium-odbor-hodnoty-obsah .studium-odbor-hodnota div {
    margin-left: 2em;
  }
  .section-o-projekte .two-columns {
    display: flex;
    flex-wrap: nowrap;
    border-top: 0.1em solid var(--color-gray-light);
    gap: 0;
  }
  .section-o-projekte .two-columns .column.left {
    width: 33%;
    padding: 2em 2em 2em 0;
    border-right: 0.1em solid var(--color-gray-light);
  }
  .section-o-projekte .two-columns .column.right {
    width: 67%;
    padding: 2em 0 2em 2em;
  }
}
@media (max-width: 800px) {
  header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
  }
  header.header-shadow {
    box-shadow: 0 var(--border-radius) var(--border-radius) rgba(0, 0, 0, 0.1);
  }
  main {
    margin-top: 3.5em;
  }
  .info {
    max-width: 100%;
  }
  .footer-logo {
    margin-bottom: 1.5em;
  }
  .footer-disclaimer {
    margin: 1.75em 0;
  }
  .container {
    padding: 0 var(--page-margin);
  }
  .menu-desktop-container {
    display: none;
  }
  .menu-mobile-container {
    display: block;
  }
  .logo-container {
    border-right: none !important;
  }
  .menu-form {
    left: 0;
    width: 100%;
  }
  .submenu-container {
    margin-left: calc(var(--page-margin) * -1);
    margin-right: calc(var(--page-margin) * -1);
  }
  .submenu {
    margin-left: var(--page-margin);
    margin-right: var(--page-margin);
  }
  .main-block {
    flex-wrap: wrap;
  }
  .main-block.block-search {
    padding-top: 1.5rem;
    margin-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .wrapper {
    padding: 2.5em 0;
  }
  .section-superfooter .wrapper {
    padding-bottom: 0.75em;
  }
  #index .section-main .wrapper {
    padding-bottom: 1rem;
  }
  .section-closable .wrapper {
    margin-top: 2.25em;
  }
  .half-width {
    width: 100%;
  }
  .third-width {
    width: 100%;
  }
  .third-width .prehlad {
    margin-right: 0;
  }
  .quarter-width {
    width: 50%;
  }
  .sixth-width {
    width: 33.333%;
  }
  .card-photo {
    width: 4.5em;
    margin: 0 2em 1em 0;
  }
  .card {
    margin-right: 0;
  }
  .card-text.text-m {
    margin-bottom: 0;
  }
  .text-explanation {
    width: 100%;
  }
  .label-unique {
    flex-basis: 100%;
    display: flex;
  }
  .label-unique-content {
    padding-top: 0.5em;
    border-top: 1px dashed var(--color-gray-light);
  }
  .window-desktop {
    padding: 1.5em 0;
  }
  .article-thumbnails {
    gap: 1.5em 4em;
  }
  .article-thumbnail {
    width: 100%;
    padding-bottom: 1.5em;
  }
  .article-thumbnail-image {
    float: left;
    width: 22.5%;
  }
  .article-thumbnail-content {
    margin-left: 27.5%;
  }
  .section-mapa .half-width.more-than-a-half {
    margin-top: 2em;
    padding-top: 1.5em;
    border-top: 1px solid var(--color-gray-light);
  }
  .section-accent .wrapper {
    padding-bottom: 1.25em;
  }
  .section-accent .main-block {
    gap: 2em;
  }
  .footer-logo-ineko {
    margin-bottom: 0;
    padding-top: 1.25em;
    margin-top: 2em;
    border-top: 1px solid var(--color-gray);
  }
  .main-search-wrapper {
    display: block;
  }
  .main-search-wrapper .main-search {
    width: 100%;
    margin-bottom: 1.25em;
  }
  .section-skola-hodnotenie .wrapper {
    padding-top: 4.5em;
  }
  .section-skoly-main .skoly-mapa {
    margin-top: 2.5em;
  }
  .section-skoly-main .skoly-mapa div {
    margin: 0;
  }
  .ilustracia {
    margin-top: 2.5em;
  }
  .ilustracia > div {
    position: relative;
    margin: 0 1.25em;
  }
  .o-ineko {
    margin-right: 0;
    margin-top: 0;
  }
  .faq {
    width: 100%;
  }
  .skola-header-adresa {
    position: relative;
  }
  .skola-header-adresa h3 {
    margin-right: 8em;
  }
  .skola-header-adresa h3 .ulica, .skola-header-adresa h3 .obec {
    display: block;
  }
  .skola-header-zu {
    display: table;
    width: 100%;
  }
  .skola-header-zu-block {
    width: 100%;
    display: table-row;
  }
  .skola-header-zu-block div {
    display: table-cell;
    padding: 0.333em 0;
    border-top: 1px solid var(--color-accent-light);
  }
  .skola-header-zu-block div.skola-header-zu-block-label {
    color: var(--color-gray-dark);
    font-weight: 400;
    font-size: var(--font-size-p);
    padding-right: 1em;
  }
  .skola-header-hodnotenie {
    position: absolute;
    right: 0;
    top: -0.5em;
    background-color: var(--color-white);
    padding: 0.5em 0.75em 0.75em 0.75em;
    border-radius: var(--border-radius);
  }
  .skola-header-hodnotenie .hodnotenie-bar {
    width: 3.5em;
  }
  .skola-header-nazov .text-xl {
    margin-bottom: 0.625em;
  }
  .skola-header-nadpis {
    margin-bottom: 1.5em;
  }
  .skola-header-sucasti {
    display: block;
  }
  .skola-header-sucasti .skola-header-sucasti-text, .skola-header-sucasti .skola-header-sucasti-select {
    display: block;
  }
  .skola-header-sucasti .skola-header-sucasti-select {
    margin-top: 0.5em;
  }
  .skola-header-odznaky {
    margin-top: 1.75em;
  }
  .skola-header-odznaky .odznak {
    height: 4.5em;
    border-radius: 2.25em;
  }
  .skola-header-odznaky .odznak .odznak-icon {
    width: 4.5em;
    height: 4.5em;
  }
  .skola-header-odznaky .odznak-hlavny .odznak-icon {
    padding: 1em;
  }
  .skola-header-odznaky .odznak-vedlajsi {
    height: 4.3em;
    width: 4.3em;
  }
  .skola-header-odznaky .odznak-vedlajsi .odznak-text {
    display: none;
  }
  .skola-header-odznaky .odznak-vedlajsi .odznak-icon {
    background-color: inherit;
    width: 4.3em;
    height: 4.3em;
    padding: 1.1em;
  }
  .skola-header-odznaky .odznak-text {
    height: 4.5em;
    max-width: 10.25em;
    margin-left: 4.5em;
    padding-right: 1em;
    padding-top: 0.65em;
    line-height: var(--line-height-narrow);
  }
  .skola-header-odbory-list {
    display: block;
  }
  .skola-header-odbory-list a {
    padding: 0;
  }
  .skola-header-odbor {
    display: block;
    margin-bottom: 1em;
  }
  .skola-header-odbor-nazov {
    border-bottom: 1px solid var(--color-accent-pale);
    border-right: 0;
  }
  .sh-odbory, .sho-header, .sho-row, .sho-row-spacer, .sho-def, .sho-obsah {
    display: block;
  }
  .sho-row .sho-def, .sho-row .sho-obsah {
    border-radius: 0;
  }
  .sho-row .sho-def {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
  }
  .sho-row .sho-obsah {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-top: 1px solid var(--color-white);
  }
  .sho-row .sho-obsah .sho-sekcia:first-child {
    border-left: 0;
  }
  .sho-header .sho-def .sho-nadpis {
    position: relative;
    bottom: 0;
    margin-bottom: 0.25em;
  }
  .sho-row .sho-def .sho-def-obsah .sho-odbor-nazov {
    max-width: none;
    white-space: pre-wrap;
  }
  .sho-obsah .sho-sekcie .sho-sekcia {
    padding-left: 3.125%;
    padding-right: 3.125%;
    flex-grow: 1;
  }
  .sho-obsah .sho-sekcie .sho-sekcia.sekcia-ziaci {
    width: 50%;
  }
  .sho-obsah .sho-sekcie .sho-sekcia.sekcia-ziaci .sho-element {
    width: 25%;
  }
  .sho-obsah .sho-sekcie .sho-sekcia.sekcia-prijimacky {
    width: 37.5%;
  }
  .sho-obsah .sho-sekcie .sho-sekcia.sekcia-prijimacky .sho-element {
    width: 33.33%;
  }
  .skola-header-vybavenie-element {
    width: 2.5em;
    height: 2.5em;
  }
  .skola-header-vybavenie-element img {
    width: 1.5em;
    height: 1.5em;
  }
  .skola-hodnotenie-celkove-grafika {
    float: none;
    width: 100%;
  }
  .section-skola-hodnotenie .wrapper {
    padding-top: 1em;
  }
  .section-skola-hodnotenie .wrapper.large {
    padding-top: 2em;
  }
  .skola-hodnotenie-legenda {
    position: relative;
    left: 0;
    width: 100%;
    margin-top: 1.5em;
    padding-bottom: 1em;
  }
  .skola-data {
    column-count: 1;
  }
  .skola-komentare-obsah {
    column-count: 1;
  }
  .skola-hodnotenie-pouzivatelmi-sekcia {
    margin: 0 0 2em 0;
  }
  .skola-hodnotenie-pouzivatelmi-sekcia .skola-hodnotenie-pouzivatelmi-spolu {
    padding-bottom: 0;
    margin-bottom: 1.5em;
  }
  .skola-hodnotenie-pouzivatelmi-sekcia .skola-hodnotenie-pouzivatelmi-zlozka {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    margin: 1em 0;
  }
  .skola-hodnotenie-pouzivatelmi-sekcia .skola-hodnotenie-pouzivatelmi-zlozka .hodnotenie-hviezdicky {
    width: 9.5em;
  }
  .skola-hodnotenie-pouzivatelmi-sekcia .skola-hodnotenie-pouzivatelmi-zlozka .hodnotenie-zlozka {
    width: calc(100% - 12.5em);
    margin-right: 2em;
  }
  .skola-hodnotenie-pouzivatelmi-sekcia .skola-hodnotenie-pouzivatelmi-zlozka .hodnotenie-zlozka .nazov {
    margin-top: 0.1em;
  }
  .skoly-zameranie .kategoria {
    float: none;
    margin-bottom: 0.625em;
  }
  .skoly-zameranie .kategoria .label-text {
    position: relative;
    top: 0.2em;
  }
  .skoly-zameranie .odbory {
    overflow: hidden;
    margin-left: 2.2em;
  }
  .skoly-zameranie .odbory .label {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .prehlady-wrapper {
    margin-right: -var(--page-margin);
  }
  .prehlady-wrapper .prehlady {
    padding-right: var(--page-margin);
  }
  .prehlady-wrapper .prehlady-buttons {
    margin-right: var(--page-margin);
  }
  .prehlad {
    min-width: 22em;
  }
  .prehlad-obsah {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .prehlad-ukazovatele, .prehlad-data {
    max-width: none;
    width: 100%;
  }
  .prehlad-filtre-sekcia .filter-val {
    white-space: normal;
    min-width: 17.5em;
  }
  .data-header-info {
    padding-top: 3.5em;
  }
  #dalsie-ukazovatele {
    display: none;
  }
  #dalsie-ukazovatele .fullscreen {
    position: fixed;
    height: calc(100vh - 4em);
    width: 100vw;
    top: 4em;
    left: 0;
    margin-top: 0;
    padding-bottom: 5em;
    z-index: 10;
    overflow-y: auto;
    border-radius: 0;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
  }
  #dalsie-ukazovatele .fullscreen .controls {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4.5em;
    background-color: var(--color-accent-pale);
    padding: 1em;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    z-index: 10;
  }
  .studium-data-zoznam {
    display: block;
  }
  .studium-riadok {
    display: block;
  }
  .studium-riadok-tabulka {
    display: block;
  }
  .studium-odbor-obsah {
    display: block;
  }
  .studium-riadok {
    padding-bottom: 1.2em;
  }
  .studium-odbor-hodnoty-obsah {
    flex-wrap: wrap;
  }
  .section-o-projekte .two-columns {
    border-bottom: 0.1em solid var(--color-font);
  }
  .section-o-projekte .two-columns:last-child {
    border-bottom: 0;
  }
  .section-o-projekte .two-columns .column.left {
    padding-bottom: 2em;
  }
  .section-o-projekte .two-columns .column.right {
    padding-bottom: 2em;
  }
}
@media (max-width: 1200px) and (min-width: 801px) {
  .title {
    display: none;
  }
}/*# sourceMappingURL=main.css.map */