/******* Interaktini osnovy ********/

#io-kontejner {
	max-width: 60rem;
}
#io-right-panel {
	max-width: 23.5rem;
}

@media print {
	#io-main-row.io-mode-all #io-kontejner {
		max-width: 100%;
		flex: 0 0 100%;
	}
	#io-main-row:not(.io-mode-all) .io-mode-all-print,
	#io-main-row.io-mode-all .io-mode-all-print-hide {
		display: none !important;
	}
}

#prvek-obsah p,
#prvek-obsah > div:not(.io-element) {
	line-height: 1.4;
}

#prvek-obsah h1 {
	font-size: 1.75rem;
	margin-top: 0.8rem;
	margin-bottom: 0;
}

#prvek-obsah h2 {
	font-size: 1.6rem;
	margin-top: 0.8rem;
	margin-bottom: 0;
}

#prvek-obsah h3 {
	font-size: 1.35rem;
	margin-top: 0.8rem;
	margin-bottom: 0;
}

#prvek-obsah img { /* aby nedocházelo v responsu k deformaci ručně vložených a špatně nastavených obrázků */
	object-fit: contain;
}

#prvek-obsah .io-element h1,
#prvek-obsah .io-element h2,
#prvek-obsah .io-element h3 {
	margin-top: 0;
	margin-bottom: .5rem;
}

#io-name-header {
	text-transform: uppercase;
	font-size: var(--font-size-S);
	color: var(--nadpisek);
	margin: 1.5rem 0 -2.5rem 0;
	font-family: Roboto, Open Sans, Arial, sans-serif !important;
}

.io-block {
	margin-bottom: 1rem;
}

.io-all-separator {
	min-height: 2rem;
	width: 100%;
	margin: 2rem 0 1rem 0;
	padding: 0.2rem;
	background-color: #ebebeb;
	line-height: 1.8rem;
	font-size: 0.929rem;
	border-top: 1px solid #a0a0a0;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;
}

.io-all-separator .isi-io {
	font-size: 1.6rem;
	margin-right: 0.2rem;
	line-height: 1;
	position: relative;
	top: 4px;
	margin-left: 5px;
}

.io-all-separator .io-edit-link-obal {
	line-height: 2rem;
	font-size: 1.285rem;
}

.io-info-mode-all {
	margin-top: 1rem !important;
	margin-bottom: 0 !important;
}

#prvek-obsah {
	word-wrap: break-word;
}

.io-prev-next {
	/* margin-left: -5rem; */
	margin-bottom: 4rem;
	margin-top: 1rem;
	font-size: 1.071rem;
}

.io-prev-next span {
	font-size: 2.5rem;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none;
	margin-left: 0.3rem;
}

.io-prev-next span.isi-sipka-vlevo {
	margin-right: 0.5rem;
	margin-left: 0;
}

#prvek-obsah h1.io-verejne {
	color: #1c6603;
	font-weight: 400;
}

.io-html, .io-odkaz-prvek, .io-element, .io-prvek {
	clear: both;
}

.io-podkapitola-box {
	background: #efefef;
	transition: background 200ms ease;
}

.io-kapitola-box {
	position: relative;
	margin: 0.5rem 0 2rem 0rem;
	border: 1px solid #d6d6d6;
	padding: 2px;
}

.io-uvodni-banner {
	border: 1px solid #c6c6c6;
	padding: 2px;
	margin-bottom: 2rem;
	margin-left: 0 !important;
	width: 100%;
}

.io-uvodni-banner .io-uvodni-grafika,
.io-uvodni-grafika-nahled {
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: 62%;
	background-size: cover;
}

.io-uvodni-banner .io-uvodni-grafika {
	height: 22rem;
	background-color: #d0e2f0;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;
}

.io-uvodni-banner .io-uvodni-grafika.io-uvodni-banner-maly {
	height: 16rem;
}

.io-uvodni-grafika.io-zmenseny {
	height: 10rem;
}

.io-uvodni-grafika-nahled-ramecek {
	border: 1px solid #c6c6c6;
	height: calc(100% - 2rem);
	min-height: 14rem;
	width: 100%;
	padding: 2px;
}

.io-uvodni-grafika-set-default {
	font-size: 1rem;
}

.io-uvodni-grafika-nahled {
	height: 100%;
	width: 100%;
}

.io-uvodni-grafika-label {
	height: 2rem;
	line-height: 2rem;
}

.io-uvodni-obrazek-mini-nahled {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 62%;
	background-size: cover;
}

.js-io-welcome-picture-upload-file {
	padding-right: 7px;
}

.io-uvodni-obrazek-mini-nahled-ramecek {
	border: 1px solid #c6c6c6;
	background: #f9f9f9;
	padding: 2px;
	height: 10rem;
	width: 10rem;
}

.io-uvodni-obrazek-mini-nahled-obal:hover .io-uvodni-obrazek-mini-nahled-ramecek {
	border-color: #00a442;
}

.io-uvodni-banner .io-uvodni-editovat {
	position: absolute;
	top: 5px;
	right: 5px;
}

.io-uvodni-banner .io-uvodni-pruh {
	width: 100%;
	background: rgba(249, 249, 249, 0.86);
	position: absolute;
	bottom: 1.4rem;
}
.io-uvodni-banner .io-zmenseny .io-uvodni-pruh {
	bottom: 0;
}

.io-uvodni-banner .io-uvodni-foto {
	width: 6rem;
	height: 6rem;
	border-radius: 6rem;
	border: 1px solid #d6d6d6;
	background: #f9f9f9;
	margin: -1rem 0.5rem 0 calc(1.6rem - 3px);
	background-repeat: no-repeat;
	background-position: 20%;
	background-size: cover;
	text-align: center;
	font-size: 6rem;
	line-height: 1;
}

.io-uvodni-banner .io-zmenseny .io-uvodni-foto {
	width: 4rem;
	height: 4rem;
	border-radius: 2rem;
	font-size: 4rem;
}

.io-uvodni-banner .io-uvodni-foto i.isi-io {
	font-size: 80%;
	vertical-align: 1rem;
}

.io-uvodni-banner .io-uvodni-foto i.isi-ucitel {
	font-size: 70%;
}

.io-uvodni-banner .io-uvodni-foto i {
	color: #5a5a5a;
}

.io-uvodni-banner .io-uvodni-pruh-obsah {
	padding: 1.5rem calc(1.6rem - 3px) 2rem 1rem;
}

.io-uvodni-banner .io-zmenseny .io-uvodni-pruh-obsah {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.io-uvodni-banner .io-uvodni-jmeno {
	font-family: Roboto, Open Sans, Arial, sans-serif;
	font-size: 1.286rem;
	padding-bottom: 0.5rem;
}

.io-uvodni-banner .io-uvodni-nazev-osnovy {
	font-family: Roboto, Open Sans, Arial, sans-serif;
	font-size: 2.428rem;
	font-weight: 100;
	line-height: 2.9rem;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
	max-height: 5.7rem;
	color: #000;
}

.io-uvodni-banner .io-zmenseny .io-uvodni-nazev-osnovy {
	font-size: 2rem;
	line-height: 2.5rem;
}

.io-uvodni-banner .io-uvodni-nazev-osnovy.io-uvodni-bez-jmena {
	top: 1.5rem;
}

.io-uvodni-banner .io-katalog-sipka,
.io-uvodni-banner .io-katalog-rubrika {
	display: inline-block;
	border-top: 5px solid var(--text);
	padding: 0rem 1rem !important;
}

.io-uvodni-banner .io-katalog-rubrika {
	white-space: nowrap;      /* text zůstane na jednom řádku */
	overflow: hidden;         /* skryje přetékající část */
	text-overflow: ellipsis;  /* přidá ... */
	padding-left: 1.4rem !important;
	border-left: 1px solid var(--text);
}

.io-uvodni-banner .io-katalog-rubrika.k_anotace {
	color: var(--barva2);
	border-top-color: var(--barva2);
	border-left-color: var(--barva2-hgl2);
}
.io-uvodni-banner .io-katalog-rubrika.k_vystupy_z_uceni {
	color: var(--barvadoplnkova);
	border-top-color: var(--barvadoplnkova);
	border-left-color: #5389c225;
}
.io-uvodni-banner .io-katalog-rubrika.k_pristupy_postupy_metody {
	color: var(--barva7);
	border-top-color: var(--barva7);
	border-left-color: var(--barva7-hgl2);
}
.io-uvodni-banner .io-katalog-rubrika.k_zpusob_overeni {
	color: var(--barva4);
	border-top-color: var(--barva4);
	border-left-color: var(--barva4-hgl2);
}

.io-uvodni-banner .io-uvodni-info {
	display: block;
	background: var(--bgbarva-seda2);
	margin-top: 0.25rem;
}

.io-uvodni-banner .io-uvodni-info-obal {
	margin-bottom: 0.25rem;
}

.io-uvodni-banner .io-uvodni-info-obal:last-child {
	margin-bottom: 0rem;
}

.io-uvodni-banner .io-uvodni-info:focus {
	text-decoration: none;
}

.io-uvodni-banner .io-uvodni-info:hover {
	background: var(--bgbarva-seda6);
	text-decoration: none;
}

.io-uvodni-banner .io-uvodni-text {
	background: var(--bgbarva-seda1);
	padding: 1rem calc(1.6rem - 3px) 2rem calc(1.6rem - 3px);
	line-height: 1.8rem;
}

.io-uvodni-osoba-vyber {
	text-align: center;
	cursor: pointer;
	margin-bottom: 1rem;
	padding: 0.6rem;
	transition: background 300ms ease-out;
	height: 100%;
}

.io-uvodni-osoba-vyber.active,
.io-uvodni-osoba-vyber:hover {
	background: #dffaae;
	padding: calc(0.6rem - 1px);
	border: 1px solid #d6efa9;
}

.io-uvodni-osoba-vyber-jmeno {
	font-weight: 600;
	font-size: 1.143rem;
}

.io-uvodni-osoba-vyber-foto {
	width: 5rem;
	height: 5rem;
	border-radius: 5rem;
	border: 1px solid #f9f9f9;
	background: #f9f9f9;
	background-repeat: no-repeat;
	background-position: 20%;
	background-size: cover;
	margin: auto;
}

.io-uvodni-osoba-vyber-foto i {
	font-size: 3.5rem;
}

.io-uvodni-osoba-vyber-uco {
	font-size: 0.78rem;
}

.io-uvodni-obrazky-sekce {
	font-size: 1.286rem;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

.io-kapitola-box .hlavicka,
.io-podkapitola-box {
	font-size: 1.2rem;
}

.io-kapitola-box .hlavicka .io-kapitola-prejit,
.io-podkapitola-box .io-podkapitola-prejit {
	    font-weight: 600;
}

.io-kapitola-box .hlavicka .io-kapitola-prejit-ikona,
.io-podkapitola-box .io-podkapitola-prejit-ikona {
	font-size: 2.5rem;
	line-height: 1;
}

.io-kapitola-box .hlavicka .float-right {
	font-size: 0.929rem;
}

.io-kapitola-box .hlavicka .float-right i {
	font-size: 2rem;
	vertical-align: -19%;
}

.io-kapitola-box .hlavicka {
	display: block;
	background-color: #efefef;
	transition: all 200ms ease;
	position: relative;
}

.io-kapitola-box .hlavicka.zvyrazneno > .io-nav-zamceno,
.io-kapitola-box .hlavicka.zvyrazneno > .io-nav-link:not(.io-nav-zamceno) {
        background-color: #dcdcdc;
}

.io-kapitola-box .hlavicka > .io-nav-zamceno,
.io-kapitola-box .hlavicka > .io-nav-link:not(.io-nav-zamceno) {
	padding: 0.2rem 0.5rem 0.2rem 0;
	background-color: #e6e6e6;
	display: block;
	min-height: 3.2rem;
	align-items: center;
	/*transition: all 200ms ease;*/
}
.io-kapitola-box .hlavicka > .io-nav-zamceno .row.align-middle,
.io-kapitola-box .hlavicka > .io-nav-link:not(.io-nav-zamceno) .row.align-middle {
	min-height: 2.7857142rem; /* 39px kvůli tisku, kdy zmizne tl. přejít a tím se změní výška/centrování textu */
}

.io-podkapitola-box .io-nav-zamceno,
.io-podkapitola-box .io-nav-link:not(.io-nav-zamceno) {
	display: block;
}

.io-kapitola-box .hlavicka.zvyrazneno > .io-nav-link:hover,
.io-kapitola-box .hlavicka.zvyrazneno > .io-nav-link:focus,
.io-kapitola-box .hlavicka.zvyrazneno > .io-nav-link:active {
	background-color: var(--bgbarva-sedahover);
	text-decoration: none;
}

.io-kapitola-box.js-io-moving .hlavicka .io-nav-link,
.io-kapitola-box.js-io-moving > .io-file-tools,
.io-podkapitola-box.js-io-moving > .io-nav-link,
.io-podkapitola-box.js-io-moving > .io-file-tools,
.io-hover-seda {
	background-color: var(--bgbarva-sedahover) !important;
}

.io-kapitola-box:hover .hlavicka .io-nav-link,
.io-kapitola-box:focus .hlavicka .io-nav-link,
.io-kapitola-box:active .hlavicka .io-nav-link,
.io-kapitola-box:hover .io-file-tools,
.io-kapitola-box:focus  .io-file-tools,
.io-kapitola-box:active .io-file-tools,
.io-kapitola-box .hlavicka .io-nav-link:hover,
.io-kapitola-box .hlavicka .io-nav-link:focus,
.io-kapitola-box .hlavicka .io-nav-link:active,
.io-podkapitola-box:hover,
.io-podkapitola-box:focus,
.io-podkapitola-box:active,
.io-podkapitola-box .io-nav-link:hover,
.io-podkapitola-box .io-nav-link:focus,
.io-podkapitola-box .io-nav-link:active {
	background-color: var(--bgbarva-sedahover) !important;
	text-decoration: none;
}

.io-kapitola-box .hlavicka .io-kapitola-nazev {
	padding-right: 1.5rem;
}

.io-kapitola-box .hlavicka.io-zamceno {
	background-color: #f3f3f3;
	color: #8a8a8a;
}

.io-kapitola-box .hlavicka.io-zamceno a {
	color: #8a8a8a;
}

.io-kapitola-box .hlavicka.io-zamceno span {
	color: #888;
}

.io-podkapitola-box .io-podkapitola-obdelnik {
	background: #002776;
	width: 3.5rem;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;
}

.io-podkapitola-box .io-podkapitola-obdelnik .isi-io-kapitola {
	color: #fff;
	display: block;
	font-size: 2.7rem;
	line-height: 2rem;
	margin-left: 0.5rem;
	margin-top: 0.4rem;
}

.io-podkapitola-box .io-nav-zamceno .io-podkapitola-obdelnik {
	background: #aaa;
}

.io-podkapitola-box .io-nav-zamceno .io-podkapitola-trojuhelnik {
	border-color: transparent transparent transparent #aaa;
}

.io-podkapitola-box .io-nav-zamceno {
	color: #aaa;
}
.io-podkapitola-box .io-file-tool .io-nav-zamceno {
	color: #002776;
}

.io-podkapitola-box .io-podkapitola-trojuhelnik {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2rem 0 2rem 0.8rem;
	border-color: transparent transparent transparent #002776;
	margin-right: 0.7rem;
}

.io-podkapitola-box .io-podkapitola-nazev-obal {
	height: 100%;
}

.io-podkapitola-box .io-podkapitola-nazev {
	padding-top: var(--15px);
	padding-bottom: var(--15px);
	padding-left: .5rem !important;
}

.io-podkapitola-box .io-podkapitola-prejit,
.io-podkapitola-box .io-podkapitola-prejit-ikona {
	height: 4rem;
	line-height: 4rem;
	padding-right: .5rem !important;
}
.io-podkapitola-box .io-podkapitola-prejit-ikona .isi-sipka-vpravo {
	vertical-align: var(--2px-);
}
.io-podkapitola-box .io-podkapitola-prejit-ikona .isi-lock {
	vertical-align: var(--1px);
}


.io-podkapitola-box .io-podkapitola-obsah {
	min-height: 4rem;
}

.io-podkapitola-box .io-podkapitola-kdy-lze {
	font-size: var(--font-size-S);
	background: #fff;
	padding: var(--2px) .5rem;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	color: #8a8a8a;
}

@media print {
	.io-podkapitola-box .io-podkapitola-kdy-lze {
		border-top: 1px solid #efefef;
	}
}

/*.io-nahled {
	width: 100%;
}*/

.io-nahled > img {
	width: 100%;
	height: auto;
}

.io-kapitola-box .io-dulezite {
	color: #287bbf;
	font-weight: 700;
}

.io-kapitola-box .io-obsahuje-prvek {
	font-size: 0.929rem;
	position: relative;
	padding-bottom: 1.2rem;
}

.io-kapitola-box.io-kapitola-nyni {
	border-color: #9fbddd;
}

.io-kapitola-box .io-kapitola-nyni-titulek,
.io-kapitola-obsahuje .titulek {
	text-transform: uppercase;
	font-size: 0.714rem;
	font-weight: 600;
}

.io-kapitola-box .io-kapitola-nyni-titulek {
	color: #287bbf;
	background-color: #f9f9f9;
	height: 2rem;
	padding: 0.5rem;
	margin-bottom: 2px;
	border-bottom: 1px solid #d6d6d6;
}

.io-kapitola-obsahuje .titulek {
	color: var(--text-nedurazny);
	margin: 1rem 0;
}

.io-progress-nadpisek {
	font-size: 11px !important;
	margin-bottom: 0;
}

.io-progress {
	border: none;
	height: 8px;
	margin-bottom: 0.5rem;
	padding: 0;
	background-color: #ddd;
}

.io-progress .progress-meter {
	height: 8px;
	padding: 0;
	background-color: var(--barvadoplnkova);
}

.io-nazev-kapitoly {
	margin: 0 !important;
}

.io-nazev-kapitoly .js-io-kapitola-checklist {
	position: absolute;
	right: 0;
	top: 0;
}
.io-mode-edit .io-nazev-kapitoly .js-io-kapitola-checklist {
	z-index: 11;
}
.io-mode-edit .io-nazev-kapitoly:has(> .io-kapitola-checklist) .io-file-tools {
	margin-right: 3rem;
}

/* Kategorie */
.io-kat-ikona {
	border: 1px solid ;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	width: 2.6rem;
	height: 2.6rem;
	display: inline-block;
	font-size: 1.85714285714rem;
	line-height: 2.8rem;
}

.io-kapitola-box .io-kat-ikona {
	margin: 0.2rem 1rem 0.5rem 0;
}

.io-kat-ikona-pocet {
	border-radius: 0.6rem;
	height: 1.2rem;
	line-height: 0.9rem;
	min-width: 1.2rem;
	padding: 0.2rem;
	background: #aaa;
	color: #f3f3f3;
	font-size: 0.8571rem;
	font-weight: 600;
	left: 2.6rem;
	padding-top: 0.2rem;
	position: absolute;
	text-align: center;
	top: 2.2rem;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;
}

/* Navigace osnovy*/
.io-nejvyssi-obal > .zdurazneni {
	margin-top: 1rem;
	margin-bottom: 0;
}
.io-nejvyssi-obal .io-navigace-small-box {
	z-index: 1;
	position: absolute;
	width: 6rem;
	margin-left: 0;
	margin-top: var(--13px);
	left: min(calc(100% - 5.5rem - var(--r6-padding)), 53.5rem);
}
.io-nejvyssi-obal.io-vrstva-0 .io-navigace-small-box,
.io-nejvyssi-obal.io-banner-v-kapitolach .io-navigace-small-box {
	margin-top: 3.5rem;
	left: min(calc(100% - 7rem - var(--r6-padding)), 52rem);
}
.io-nejvyssi-obal.io-vrstva-0.io-mode-edit .io-navigace-small-box {
	/* v edit modu korekce kvůli hover edit tužce v banneru */
	left: min(calc(100% - 9rem - var(--r6-padding)), 50rem);
}
@media print, screen and (max-width: 63.9375em) {
	.io-nejvyssi-obal:not(.io-banner-v-kapitolach):not(.io-mode-all) #io-kontejner .io-nazev-kapitoly,
	.io-nejvyssi-obal #io-name-header {
		padding-right: 6rem; /* 80px - rezervace místa pro buttony navigace */
	}
}
.io-nejvyssi-obal.io-banner-v-kapitolach .io-navigace-small-box button.btn-kulaty.secondary,
.io-nejvyssi-obal.io-vrstva-0 .io-navigace-small-box button.btn-kulaty.secondary {
	background-color: #fff;
	box-shadow: 0px 0px 12px rgba(0,0,0,.2);
}
.io-nejvyssi-obal.io-banner-v-kapitolach .io-navigace-small-box button.btn-kulaty.secondary:hover,
.io-nejvyssi-obal.io-banner-v-kapitolach .io-navigace-small-box button.btn-kulaty.secondary:focus,
.io-nejvyssi-obal.io-vrstva-0 .io-navigace-small-box button.btn-kulaty.secondary:hover,
.io-nejvyssi-obal.io-vrstva-0 .io-navigace-small-box button.btn-kulaty.secondary:focus{
	background-color: var(--btn-sec-hover);
}

.io-navigace-small-dropdown-box #io-navigace-small-dropdown {
	/*width: 100%;
	max-width: 42rem;*/
}
.io-navigace-obal .io-navigace {
	margin-left: -1rem;
}
.io-navigace-obal .io-navigace.io-vse-magellan-box {
/* TODO: zde je prostor pro lepší výpočty */
	max-height: calc(100vh - 10rem - 2rem) !important; /* musí být important, protože js si tam spočítá svoji hodnotu */
	/* výška stránky mínus mezera nahoře (menu operací není vidět) */
	min-height: 190px;
}
.io-navigace-obal.is-stuck .io-navigace.io-vse-magellan-box {
	 max-height: calc(100vh - 10rem) !important; /* to stejné jako výše, ale u sticknutého je jiná mezera nahoře */
}
@media screen and (min-height: 63.9375em) {
	.io-navigace-obal.is-anchored .io-navigace.io-vse-magellan-box {
		max-height: calc(100vh - 10rem - 2rem - 34rem) !important; /* výška stránky mínus mezera nahoře a menu operací */
	}
	.io-navigace-obal.is-stuck .io-navigace.io-vse-magellan-box {
		max-height: calc(100vh - 10rem - 34rem) !important; /* výška stránky mínus mezera nahoře a menu operací */
	}
}
.io-navigace .io-koren-stromu > ul {
	margin-left: 1rem;
	line-height: 1.4;
}
.io-kapitola-souhrn-navigace ul {
	font-weight: 600;
	line-height: 1.9rem;
	font-size: var(--15px);
}

.io-kapitola-souhrn-navigace ul ul {
	font-weight: 400;
	font-size: 1rem;
}

.io-kapitola-souhrn-navigace ul ul ul {
	font-size: var(--13px);
}

.io-navigace .io-uzel-stromu a {
	color: #5a5a5a;
}
.io-navigace .io-koren-stromu a:hover {
	color: var(--odkaz-hover) !important;
}
.io-navigace a, .io-kapitola-souhrn-navigace a {
	display: block;
}
.io-navigace .column.io-ikona-odkazu-column { /* prostor pro ikony v menu, určuje odsazení */
	width: var(--25px); /* souvisí s .io-prvni-vrstva.io-rozbaleno ul */
	padding-right: var(--5px);
	text-align: center;
}
.io-puntik,
.io-puntik-ucitel {
	display: inline-block;
	height: 1rem;
	width: 1rem;
	border-radius: 50%;
	background: #aaa;
	font-size: var(--13px);
	text-align: center;
	line-height: 1rem;
}
.io-puntik-ucitel {
	width: .5rem;
	height: .5rem;
}

.io-kapitola-box .io-puntik {
	background: #bbb;
}

.io-prvni-vrstva ul .io-puntik { /* v podkapitolách */
	height: var(--13px);
	width: var(--13px);
	font-size: var(--12px);
	line-height: var(--13px);
}

.io-navigace a, .io-navigace .io-nav-link, .io-navigace .io-nav-zamceno {
	padding: 0.5rem 0;
}

.io-navigace .io-prvni-vrstva ul a, .io-navigace .io-prvni-vrstva ul .io-nav-zamceno {
	padding: var(--5px) 0;
}

.io-kapitola-souhrn-navigace .isi-lock,
.io-navigace .isi-lock {
	line-height: 1;
}

/*
.io-navigace span.isi-sipka-vpravo,
.io-navigace span.isi-lock,
.io-navigace span.isi-menu,
.io-navigace .io-nav-ikona,
.io-kapitola-souhrn-navigace .io-nav-ikona {
	color: #002776;
	display: inline-block;
	width: 1.5rem;
	margin-left: -1.5rem;
	font-size: 1.21428rem;
	vertical-align: -2px;
}
*/

.io-navigace .io-nav-ikona {
	width: 0.5rem;
	margin-left: -0.5rem;
}


.io-navigace .io-uzel-stromu:not(.io-prvni-vrstva) .isi-lock {
	margin-left: -1rem;
	width: 1rem;
	font-size: 1rem;
}

.io-kapitola-souhrn-navigace .io-nav-ikona.isi-lock {
	width: 1.2rem;
}

.io-navigace .nyni-studovat .io-nav-ikona,
.io-kapitola-souhrn-navigace .nyni-studovat .io-nav-ikona {
	color: #287bbf;
}

.io-kapitola-souhrn-navigace .io-nav-ikona {
	font-size: 1rem;
	vertical-align: 0;
}

.io-koren-stromu > a {
	font-weight: 600;
}

.io-prvni-vrstva > div.io-uzel-stromu {
	font-size: 0.926rem;
}

.io-prvni-vrstva > div.io-uzel-stromu div.io-uzel-stromu {
	font-size: 0.857rem;
}

.io-navigace .io-nav-zamceno,
.io-kapitola-souhrn-navigace .io-nav-zamceno {
        color: var(--text-nedurazny) !important;
	font-weight: 400;
}

.io-navigace .io-nav-zamceno span, .io-kapitola-souhrn-navigace .io-nav-zamceno span {
	color: var(--text-neaktivni) !important;
}

.io-kapitola-souhrn-navigace .io-nav-zamceno, .io-all-separator .io-nav-zamceno {
	display: inline-block;
}

.io-navigace .io-prvni-vrstva.nyni-studovat {
	/* background-color: var(--bgbarva-seda1); */
	border: 1px solid #9fbddd;
	margin-left: -.5rem;
	padding-left: .5rem;
	margin-bottom: 3px;
}

.io-navigace .io-prvni-vrstva.nyni-studovat .text {
	color: #287bbf;
	text-transform: uppercase;
	font-size: var(--11px);
	padding-top: .5rem;
	margin-bottom: var(--3px-);
	font-family: Roboto, Open Sans, Arial, sans-serif !important;
}

.io-navigace .io-prvni-vrstva.nyni-studovat span {
	/* color: #287bbf; */
}
.io-navigace {
	--io-menu-active: var(--tmavemodra-noauth);
}
.io-navigace .io-aktualni > a {
	font-weight: 600;
	color: var(--io-menu-active) !important;
}
/* ovládáme menu přes JS, proto tak složitě active/hover, aby to podtržení fungovalo rozumně a neviselo podtržené */
.io-navigace .io-aktualni > a:active,
.io-navigace .io-aktualni > a:focus {
	text-decoration: none !important;
}
.io-navigace .io-aktualni > a:hover {
	text-decoration: underline !important;
}
.io-navigace .io-aktualni > a .io-ikona-odkazu-column > span {
	color: var(--io-menu-active) !important;
}
.io-navigace .io-aktualni > a .io-ikona-odkazu-column span.io-puntik-ucitel {
	background-color: var(--io-menu-active);
}

.io-navigace .active,
.io-navigace .active .io-ikona-odkazu-column > span {
	color: var(--io-menu-active) !important;
}
.io-navigace .active .io-ikona-odkazu-column span.io-puntik-ucitel {
	background-color: var(--io-menu-active);
}

.io-navigace ul ul ul {
	margin-left: 0;
	padding-left: var(--22px); /* odvíjí se od .io-ikona-odkazu-column */
	line-height: 1.4;
}
.io-navigace .io-prvni-vrstva.io-rozbaleno > ul {
	background-color: var(--bgbarva-seda1);
	padding-right: .5rem;
	padding-top: .5rem; /* kompenzace sníženého paých paddingů u odkazů podmenu */
	padding-bottom: 1rem;
}
.io-navigace .io-vertikalni-slider {
	padding-left: 0;
}

.io-element .io-prostor-pro-puntik {
	width: 2.5rem;
	display: inline-block;
	padding-left: var(--2px) !important;
}

.io-element.io-klicovy-obsah .io-klicovy-obsah-text,
.io-element.io-nepovinne .io-nepovinne-text {
	margin-top: var(--3px-);
}
.io-element.io-klicovy-obsah .io-klicovy-obsah-text + .row,
.io-element.io-nepovinne .io-nepovinne-text + .row {
	margin-top: var(--2px-);
}

.io-navigace .io-nav-zamceno .isi-lock {
	font-size: 20px;
}

.io-navigace .io-prvni-vrstva ul .io-nav-zamceno .isi-lock {
	font-size: 18px;
}

.io-navigace .io-k-obnove {
	display: flex;
	justify-content: space-between;
	margin-top: -0.5rem;
	margin-bottom: 0.25rem;
	margin-left: 1rem;
}

.io-navigace .io-k-obnove-info {
	width: 100%;
	overflow: hidden;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.io-navigace .io-k-obnove-info-text {
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	text-overflow: ellipsis;
}

.io-navigace .io-rozbaleno .io-k-obnove-stitek,
.io-koren-stromu > .io-k-obnove .io-k-obnove-stitek {
	display: none;
}

.io-verze-seznam {
	max-height: 20rem;
	overflow-y: auto;
	padding-left: 0.5rem;
}

#prvek-obsah.prvek-obsah-podosnova {
	padding: 0.5rem 0rem;
}

#prvek-obsah .io-odkaz-prvek {
	padding: 0rem 1rem;
}

#prvek-obsah .io-odkaz-prvek .io-element-description {
	margin-bottom: 0.5rem;
}
#prvek-obsah .io-ramecek .io-odkaz-prvek .io-element-description {
	margin-bottom: 0;
}

#prvek-obsah .io-element .io-nahled .zdurazneni {
	margin: 0;
}

#prvek-obsah .io-odkaz-prvek .io-kat-ikona.isi-napoveda:before {
	position: relative;
	top: 1px;
}

#prvek-obsah .io-odkaz-prvek .io-kat-ikona.isi-photo:before {
	position: relative;
	top: -1px;
}

#prvek-obsah .io-odkaz-prvek .io-kat-ikona.isi-video:before,
#prvek-obsah .io-odkaz-prvek .io-kat-ikona.isi-folder:before,
#prvek-obsah .io-odkaz-prvek .io-kat-ikona.isi-x:before {
	position: relative;
	top: -2px;
}

/* náhled */
#prvek-obsah .io-odkaz-prvek .io-odkaz-prvek-obsah .io-pdf-nahled {
	height: 150px;
        width: 242px;
	display: block;
	overflow: hidden;
	margin-top: 0.5rem;
}

#prvek-obsah .io-odkaz-prvek .io-odkaz-prvek-obsah .io-pdf-nahled img {
	width: 100%;
	border: 1px solid #eee;
	object-fit: cover;
}

#prvek-obsah .io-odkaz-prvek .io-odkaz-prvek-obsah .io-pdf-nahled img:hover {
        border-color: #ccc;
        transition: border-color .25s ease-out;
}

#prvek-obsah .io-element .odsazeni .io-odkaz-prvek-obsah {
	padding-left: 1.3rem;
}

#prvek-obsah .io-ramecek .io-odkaz-prvek .io-odkaz-prvek-obsah a.io-element-title {
	font-size: 1rem;
	font-weight: 600;
}

.io-kapitola-box.io-element.io-element-edit-on:hover .io-file-tools,
.io-kapitola-box.io-element.js-io-moving .io-file-tools {
        background-color: #e6e6e6;
}

.io-odkaz-prvek > .row {
	-ms-flex-align: center;
	align-items: center;
}

#io-kontejner:not(.io-code-on) .io-element.io-element-edit-on:hover .io-kat-div i.io-kat-ikona,
.io-element.js-io-moving .io-kat-div i.io-kat-ikona,
.io-element.io-unfinished .io-kat-div i.io-kat-ikona {
	color: #5a5a5a;
	border-color: #5a5a5a;
	transition: all 200ms ease;
}

.io-ramecek .io-odkaz-prvek > .row {
        -ms-flex-align: normal;
        align-items: normal;
}

.io-infotext-ikona-nahled {
	padding: 0;
}

.io-infotext-ikona-nahled .io-kat-div {
	width: 4rem;
	padding: 0.5rem;
	text-align: center;
}

.io-infotext-ikona-nahled .io-kat-div:hover,
.io-infotext-ikona-nahled .io-kat-div.active {
	background: #efefef;
	cursor: pointer;
}

.io-infotext-ikona-nahled .io-kat-div:hover {
	transition: background 300ms ease-out;
}

.js-io-infotext .io-infotext-varianty {
	background: #fff;
	padding: 1.5rem;
	border: 1px solid #dadada;
}

/* upozorneni */

.io-infotext-ikona-nahled.io-infotext-ikona-nahled-upozorneni .io-kat-div i.io-kat-ikona,
.io-infotext-ikona-nahled.io-infotext-ikona-nahled-upozorneni_bez_ikony .io-kat-div i.io-kat-ikona,
.io-nahled .io-infotext-upozorneni .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#prvek-obsah .io-ramecek.io-infotext-upozorneni .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-upozorneni.io-element-edit-on:hover .io-kat-div i.io-kat-ikona {
	color: #f59959;
	border-color: #f59959;
	background-color: #fff;
}

#io-kontejner:not(.io-code-on) .io-element.io-infotext-upozorneni.io-ramecek.io-element-edit-on:hover,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-upozorneni.io-ramecek.io-element-edit-on:hover .io-file-tools {
	background: #fff2e3;
}

/* tip */

.io-infotext-ikona-nahled.io-infotext-ikona-nahled-tip .io-kat-div i.io-kat-ikona,
.io-infotext-ikona-nahled.io-infotext-ikona-nahled-tip_bez_ikony .io-kat-div i.io-kat-ikona,
.io-nahled .io-infotext-tip .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#prvek-obsah .io-ramecek.io-infotext-tip .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-tip.io-element-edit-on:hover .io-kat-div i.io-kat-ikona {
        color: #dcc600;
        border-color: #dcc600;
	background-color: #fff;
}

#io-kontejner:not(.io-code-on) .io-element.io-infotext-tip.io-ramecek.io-element-edit-on:hover,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-tip.io-ramecek.io-element-edit-on:hover .io-file-tools {
        background: #fffad1;
}

/* informace */

.io-infotext-ikona-nahled.io-infotext-ikona-nahled-info .io-kat-div i.io-kat-ikona,
.io-infotext-ikona-nahled.io-infotext-ikona-nahled-info_bez_ikony .io-kat-div i.io-kat-ikona,
.io-nahled .io-infotext-info .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#prvek-obsah .io-ramecek.io-infotext-info .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-info.io-element-edit-on:hover .io-kat-div i.io-kat-ikona {
        color: #16a3ae;
        border-color: #16a3ae;
        background-color: #fff;
}

#io-kontejner:not(.io-code-on) .io-element.io-infotext-info.io-ramecek.io-element-edit-on:hover,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-info.io-ramecek.io-element-edit-on:hover .io-file-tools {
        background: #eef8f9;
}

/* cile */

.io-infotext-ikona-nahled.io-infotext-ikona-nahled-cile .io-kat-div i.io-kat-ikona,
.io-infotext-ikona-nahled.io-infotext-ikona-nahled-cile_bez_ikony .io-kat-div i.io-kat-ikona,
.io-nahled .io-infotext-cile .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#prvek-obsah .io-ramecek.io-infotext-cile .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-cile.io-element-edit-on:hover .io-kat-div i.io-kat-ikona {
	color: #a52700;
	border-color: #a52700;
	background-color: #fff;
}

#io-kontejner:not(.io-code-on) .io-element.io-infotext-cile.io-ramecek.io-element-edit-on:hover,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-cile.io-ramecek.io-element-edit-on:hover .io-file-tools {
	background: #fff5f2;
}

/* ukol */

.io-infotext-ikona-nahled.io-infotext-ikona-nahled-ukol .io-kat-div i.io-kat-ikona,
.io-infotext-ikona-nahled.io-infotext-ikona-nahled-ukol_bez_ikony .io-kat-div i.io-kat-ikona,
.io-nahled .io-infotext-ukol .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#prvek-obsah .io-ramecek.io-infotext-ukol .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-ukol.io-element-edit-on:hover .io-kat-div i.io-kat-ikona {
	color: #84b748;
	border-color: #84b748;
	background-color: #fff;
	padding-left: 0.2rem;
}

#io-kontejner:not(.io-code-on) .io-element.io-infotext-ukol.io-ramecek.io-element-edit-on:hover,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-ukol.io-ramecek.io-element-edit-on:hover .io-file-tools {
	background: #eeffd9;
}

/* definice */

.io-infotext-ikona-nahled.io-infotext-ikona-nahled-definice .io-kat-div i.io-kat-ikona,
.io-infotext-ikona-nahled.io-infotext-ikona-nahled-definice_bez_ikony .io-kat-div i.io-kat-ikona,
.io-nahled .io-infotext-definice .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#prvek-obsah .io-ramecek.io-infotext-definice .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-definice.io-element-edit-on:hover .io-kat-div i.io-kat-ikona {
	color: #795548;
	border-color: #795548;
	background-color: #fff;
}

#io-kontejner:not(.io-code-on) .io-element.io-infotext-definice.io-ramecek.io-element-edit-on:hover,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-definice.io-ramecek.io-element-edit-on:hover .io-file-tools {
	background: #f7f1ef;
}

/* citace */

.io-infotext-ikona-nahled.io-infotext-ikona-nahled-citace .io-kat-div i.io-kat-ikona,
.io-infotext-ikona-nahled.io-infotext-ikona-nahled-citace_bez_ikony .io-kat-div i.io-kat-ikona,
.io-nahled .io-infotext-citace .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#prvek-obsah .io-ramecek.io-infotext-citace .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-citace.io-element-edit-on:hover .io-kat-div i.io-kat-ikona {
	color: #0057a4;
	border-color: #0057a4;
	background-color: #fff;
}

#io-kontejner:not(.io-code-on) .io-element.io-infotext-citace.io-ramecek.io-element-edit-on:hover,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-citace.io-ramecek.io-element-edit-on:hover .io-file-tools {
	background: #f3f8fd;
}

/* literatura */

.io-infotext-ikona-nahled.io-infotext-ikona-nahled-literatura .io-kat-div i.io-kat-ikona,
.io-infotext-ikona-nahled.io-infotext-ikona-nahled-literatura_bez_ikony .io-kat-div i.io-kat-ikona,
.io-nahled .io-infotext-literatura .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#prvek-obsah .io-ramecek.io-infotext-literatura .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-literatura.io-element-edit-on:hover .io-kat-div i.io-kat-ikona {
	color: #7453a5;
	border-color: #7453a5;
	background-color: #fff;
	line-height: 2.5rem;
}

#io-kontejner:not(.io-code-on) .io-element.io-infotext-literatura.io-ramecek.io-element-edit-on:hover,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-literatura.io-ramecek.io-element-edit-on:hover .io-file-tools {
	background: #f8f6fb;
}

/* otazka */
.io-infotext-ikona-nahled.io-infotext-ikona-nahled-otazka .io-kat-div i.io-kat-ikona,
.io-infotext-ikona-nahled.io-infotext-ikona-nahled-otazka_bez_ikony .io-kat-div i.io-kat-ikona,
.io-nahled .io-infotext-otazka .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#prvek-obsah .io-ramecek.io-infotext-otazka .io-odkaz-prvek .io-kat-div i.io-kat-ikona,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-otazka.io-element-edit-on:hover .io-kat-div i.io-kat-ikona {
	color: #bfd000;
	border-color: #bfd000;
	background-color: #fff;
	line-height: 2.5rem;
}

#io-kontejner:not(.io-code-on) .io-element.io-infotext-otazka.io-ramecek.io-element-edit-on:hover,
#io-kontejner:not(.io-code-on) .io-element.io-infotext-otazka.io-ramecek.io-element-edit-on:hover .io-file-tools {
	background: #f6f9d6;
}


/* ----- */

.io-nahled .io-element.io-ramecek.io-infotext-info {
	border-color: #16a3ae;
}

.io-nahled .odsazeni .io-odkaz-prvek-obsah {
	padding-left: 1.3rem;
}

.io-nahled .io-odkaz-prvek {
	padding: .5rem .75rem;
}

/* ------------------------------------  */

.io-odkaz-prvek .io-kat-div i.io-kat-ikona,
.io-kapitola-box .io-kapitola-souhrn-navigace .io-kat-ikona {
	color: #9b9b9b;
	border-color: #9b9b9b;
	background-color: #ffffff;
}

#prvek-obsah .io-podkapitola-box .isi-lock,
#prvek-obsah .io-podkapitola-box .isi-clock {
	color: #aaa;
	margin-right: 0.5rem;
	display: inline-block;
	font-size: 2rem;
	line-height: 2rem;
}

#prvek-obsah .io-odkaz-prvek .io-odkaz-prvek-obsah a.io-element-title,
#prvek-obsah .io-element .io-odkaz-prvek .io-element-title {
	font-size: 1.286rem;
	word-wrap: break-word;
}

#prvek-obsah .io-ramecek .io-odkaz-prvek-obsah {
	font-size: .929rem;
	padding-right: 1.43rem;
}

#prvek-obsah .io-otazka .io-odkaz-prvek-obsah {
	padding-top: 0.5rem;
}

.io-element.io-ramecek.io-otazka {
	border-color: #b4ced8;
}

#prvek-obsah .io-otazka .io-answer {
	margin-top: 1rem;
}

#prvek-obsah .io-ramecek:not(.io-infotext) .io-odkaz-prvek-obsah a {
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
}

#prvek-obsah .io-odkaz-prvek .io-odkaz-prvek-obsah > .row > .column > .responsive-embed:only-child {
	margin-bottom: 0;
}

.io-nahled .io-element {
	margin-left: 0;
}

.io-infotext-ikona-nahled .io-element.io-ramecek {
	margin: auto;
	width: 2.6rem;
	height: 2.6rem;
}

.io-nahled .io-element.io-ramecek.io-infotext-info,
.io-nahled .io-element.io-ramecek.io-infotext-info_bez_ikony,
.io-infotext-ikona-nahled .io-element.io-ramecek.io-infotext-info_bez_ikony,
.io-infotext-info.js-io-moving,
#prvek-obsah .io-infotext-info,
#prvek-obsah .io-infotext.io-infotext-info_bez_ikony {
	background-color: #eef8f9 !important;
	border-color: #c3dee0;
}

.io-nahled .io-infotext-info .io-infotext-title,
.io-nahled .io-infotext-info_bez_ikony .io-infotext-title,
.io-infotext-ikona-nahled .io-infotext-info_bez_ikony .io-infotext-title,
#prvek-obsah .io-infotext-info .io-infotext-title,
#prvek-obsah .io-infotext.io-infotext-info_bez_ikony .io-infotext-title {
	color: #1c474a;
}

.io-nahled .io-element.io-ramecek.io-infotext-tip,
.io-nahled .io-element.io-ramecek.io-infotext-tip_bez_ikony,
.io-infotext-ikona-nahled .io-element.io-ramecek.io-infotext-tip_bez_ikony,
.io-infotext-tip.js-io-moving,
#prvek-obsah .io-infotext-tip,
#prvek-obsah .io-infotext.io-infotext-tip_bez_ikony {
	background-color: #fffad1 !important;
	border-color: #f9ed97;
}

.io-nahled .io-infotext-tip .io-infotext-title,
.io-nahled .io-infotext-tip_bez_ikony .io-infotext-title,
.io-infotext-ikona-nahled .io-infotext-tip_bez_ikony .io-infotext-title,
#prvek-obsah .io-infotext-tip .io-infotext-title,
#prvek-obsah .io-infotext.io-infotext-tip_bez_ikony .io-infotext-title {
	color: #544e10;
}

.io-nahled .io-element.io-ramecek.io-infotext-upozorneni,
.io-nahled .io-element.io-ramecek.io-infotext-upozorneni_bez_ikony,
.io-infotext-ikona-nahled .io-element.io-ramecek.io-infotext-upozorneni_bez_ikony,
.io-infotext-upozorneni.js-io-moving,
#prvek-obsah .io-infotext-upozorneni,
#prvek-obsah .io-infotext.io-infotext-upozorneni_bez_ikony {
	background-color: #fff2e3 !important;
	border-color: #f9d7b2;
}

.io-nahled .io-infotext-upozorneni .io-infotext-title,
.io-nahled .io-infotext-upozorneni_bez_ikony .io-infotext-title,
.io-infotext-ikona-nahled .io-infotext-upozorneni_bez_ikony .io-infotext-title,
#prvek-obsah .io-infotext-upozorneni .io-infotext-title,
#prvek-obsah .io-infotext.io-infotext-upozorneni_bez_ikony .io-infotext-title {
	color: #56331b;
}

.io-nahled .io-element.io-ramecek.io-infotext-cile,
.io-nahled .io-element.io-ramecek.io-infotext-cile_bez_ikony,
.io-infotext-ikona-nahled .io-element.io-ramecek.io-infotext-cile_bez_ikony,
.io-infotext-cile.js-io-moving,
#prvek-obsah .io-infotext-cile,
#prvek-obsah .io-infotext.io-infotext-cile_bez_ikony {
	background-color: #fff5f2 !important;
	border-color: #fbdbd1;
}

.io-nahled .io-infotext-cile .io-infotext-title,
.io-nahled .io-infotext-cile .io-infotext-title_bez_ikony,
.io-infotext-ikona-nahled .io-infotext-cile .io-infotext-title_bez_ikony,
#prvek-obsah .io-infotext-cile .io-infotext-title,
#prvek-obsah .io-infotext.io-infotext-cile_bez_ikony .io-infotext-title {
	color: #a52700;
}

.io-nahled .io-element.io-ramecek.io-infotext-ukol,
.io-nahled .io-element.io-ramecek.io-infotext-ukol_bez_ikony,
.io-infotext-ikona-nahled .io-element.io-ramecek.io-infotext-ukol_bez_ikony,
.io-infotext-ukol.js-io-moving,
#prvek-obsah .io-infotext-ukol,
#prvek-obsah .io-infotext.io-infotext-ukol_bez_ikony {
	background-color: #eeffd9 !important;
	border-color: #d8e8c2;
}

.io-nahled .io-infotext-ukol .io-infotext-title,
.io-nahled .io-infotext-ukol .io-infotext-title_bez_ikony,
.io-infotext-ikona-nahled .io-infotext-ukol .io-infotext-title_bez_ikony,
#prvek-obsah .io-infotext-ukol .io-infotext-title,
#prvek-obsah .io-infotext.io-infotext-ukol_bez_ikony .io-infotext-title {
	color: #162504;
}

.io-nahled .io-element.io-ramecek.io-infotext-definice,
.io-nahled .io-element.io-ramecek.io-infotext-definice_bez_ikony,
.io-infotext-ikona-nahled .io-element.io-ramecek.io-infotext-definice_bez_ikony,
.io-infotext-definice.js-io-moving,
#prvek-obsah .io-infotext-definice,
#prvek-obsah .io-infotext.io-infotext-definice_bez_ikony {
	background-color: #f7f1ef !important;
	border-color: #e2d5cd;
}

.io-nahled .io-infotext-definice .io-infotext-title,
.io-nahled .io-infotext-definice_bez_ikony .io-infotext-title,
.io-infotext-ikona-nahled .io-infotext-definice_bez_ikony .io-infotext-title,
#prvek-obsah .io-infotext-definice .io-infotext-title,
#prvek-obsah .io-infotext.io-infotext-definice_bez_ikony .io-infotext-title {
	color: #3a241c;
}

.io-nahled .io-element.io-ramecek.io-infotext-citace,
.io-nahled .io-element.io-ramecek.io-infotext-citace_bez_ikony,
.io-infotext-ikona-nahled .io-element.io-ramecek.io-infotext-citace_bez_ikony,
.io-infotext-citace.js-io-moving,
#prvek-obsah .io-infotext-citace,
#prvek-obsah .io-infotext.io-infotext-citace_bez_ikony {
	background-color: #f3f8fd !important;
	border-color: #c7e1f7;
}

.io-nahled .io-infotext-citace .io-infotext-title,
.io-nahled .io-infotext-citace_bez_ikony .io-infotext-title,
.io-infotext-ikona-nahled .io-infotext-citace_bez_ikony .io-infotext-title,
#prvek-obsah .io-infotext-citace .io-infotext-title,
#prvek-obsah .io-infotext.io-infotext-citace_bez_ikony .io-infotext-title {
	color: #002546;
}

.io-nahled .io-element.io-ramecek.io-infotext-literatura,
.io-nahled .io-element.io-ramecek.io-infotext-literatura_bez_ikony,
.io-infotext-ikona-nahled .io-element.io-ramecek.io-infotext-literatura_bez_ikony,
.io-infotext-literatura.js-io-moving,
#prvek-obsah .io-infotext-literatura,
#prvek-obsah .io-infotext.io-infotext-literatura_bez_ikony {
	background-color: #f8f6fb !important;
	border-color: #d6c9ea;
}

.io-nahled .io-infotext-literatura .io-infotext-title,
.io-nahled .io-infotext-literatura_bez_ikony .io-infotext-title,
.io-infotext-ikona-nahled .io-infotext-literatura_bez_ikony .io-infotext-title,
#prvek-obsah .io-infotext-literatura .io-infotext-title,
#prvek-obsah .io-infotext.io-infotext-literatura_bez_ikony .io-infotext-title {
	color: #382256;
}

.io-nahled .io-element.io-ramecek.io-infotext-otazka,
.io-nahled .io-element.io-ramecek.io-infotext-otazka_bez_ikony,
.io-infotext-ikona-nahled .io-element.io-ramecek.io-infotext-otazka_bez_ikony,
.io-infotext-otazka.js-io-moving,
#prvek-obsah .io-infotext-otazka,
#prvek-obsah .io-infotext.io-infotext-otazka_bez_ikony {
	background-color: #f6f9d6 !important;
	border-color: #dbdead;
}

.io-navigace-obal {
	padding-bottom: 2rem;
	margin-top: var(--3px-);
}
.io-navigace-obal.sticky {
	width: 100%;
}

/* info banner */

.hide-for-small-only .io-info-banner {
	background: #f9f9f9;
	border: 1px solid #efefef;
	padding: 0.9rem;
	line-height: 1.6rem;
}

.io-info-banner .popisek {
	font-weight: 400;
}

.io-info-button,
.io-nav-button {
	margin-left: 0.4rem;
}

.io-info-banner .obsah a i {
	margin-right: 0.5rem;
	font-size: 1.28571rem;
	vertical-align: middle;
	display: inline-block;
}

#io-main-row {
	padding-top: 2.5rem;
}

/* Edit - editace osnovy */
.sticky_simple_offset #app_content_row.row:has(> #app_content > #io-editor) {
	max-width: 100%; /* rušíme max-width hlavního gridu */
}
.sticky_simple_offset #app_content.column:has(> #io-editor) {
	padding-left: 0;
	padding-right: 0;
}
.sticky_simple_offset #io-editor #io-main-row.row { /* vnitřní row chceme vrátit do klasického gridu */
	max-width: 85.71429rem;
	margin-left: auto;
	margin-right: auto;
}

.io-katalog-modal {
	height: 90%;
}

.io-katalog-modal > div,
.io-katalog-modal > div > div {
	height: 100%
}

.io-vyber-predmety {	 /* iframe */
	height: 100%;
	width:	100%;
	border: none;
}

.io-odsazeni-ode {
	margin-left: 80px;
}

.io-odsazeni-0 {
	margin-left: 0;
}

.io-odsazeni,
.io-odsazeni-1 {
	margin-left: 20px;
}

.io-odsazeni-2 {
	margin-left: 40px;
}

.io-odsazeni-3 {
	margin-left: 60px;
}

#io-se-provisional-header {
	z-index: -10;
	height: 4rem;
}

#io-editor > .html-editor-header .se-header.io-edit-header {
	padding: var(--6px) 0 0.5rem 0; /* snížený padding-top kvůli border-top */
	height: 4rem;
}

#io-tools-category,
#io-save-close {
	border-left: 1px solid #9b9b9b;
	padding-left: .5rem;
}
#io-save-close {
	padding-left: 1rem;
}
#io-save-close {
	padding-right: var(--r6-padding);
	display: flex;
	flex-flow: row-reverse;
}

#io-tools-category.io-tools-root {
	width: 9rem;
}

#io-save-close .is-loading {
	margin: 0.5rem;
}

#io-save-close #js-io-leave:hover {
	color: #a11212 !important;
}

#io-save-close button {
	height: 2rem;
	background: none;
	font-size: 2rem;
	margin: 0;
	padding: 0;
}

#io-save-close .fi-save {
	color: #6f5249;
}

#io-save-close .fi-save:hover {
	color: #6f3a29;
}

.io-kat-ikona {
	background-color: #ffffff;
}

#io-tools-text {
	padding-left: var(--r6-padding);
	max-width: 57.5rem; /* odpovídá maximu zobrazených nástrojů */
}

#io-tools-text > .tools_visible,
#io-tools-category > .tools_visible {
	position: relative;
}

#io-tools-category > .tools_visible {
	height: 42px;
}

#io-save-close {
	height: 3rem;
}

#io-tools-category .btn:not(.tools_show_more) {
	width: 3rem;
	height: 3rem;
	margin: 0
}
/* Editace io-tools-category ikonky s popisky */
#io-tools-category .tools_visible {
	display: flex;
}
#io-tools-category .btn:not(.tools_show_more), /* tl. ikonky v kroužku, ale nechci ul.dropdown */
#io-tools-category .tools_show_more .more { /* chci ale tl. Další rozklikávající dropdown */
	min-width: 4.857142857142857rem;
	height: 4rem;
	margin-top: -.5rem;
	width: auto;
	font-size: var(--font-size-XS);
	padding: var(--4px) var(--4px) 0 var(--4px);
	display: flex;
	flex-flow: column;
	align-items: center;
	letter-spacing: normal;
}
#io-tools-category .btn:not(.tools_show_more) span,
#io-tools-category .tools_show_more .more span{ /* popisek ikonek v kroužku vč. "Další" */
	line-height: 1.4;
	margin-top: var(--4px);
	color: var(--text-mene-vyrazny);
}
#io-tools-category .btn .io-kat-ikona { /* ikonka v kroužku */
	font-size: 19px;
	width: 28px;
	height: 28px;
	line-height: 28px;
}
#io-tools-category .dropdown ul.submenu { /* dropdown s ikonkama v kroužku */
	width: calc(5 * (5.1428571428rem + .5rem) + .5rem + 1px) !important;
	max-width: 89vw;
	min-width: 6.1428571428rem;
}

@media screen and (max-width: 570px) {
	#io-tools-category .dropdown ul.submenu {
		right: -100px; /* lepší zarovnání menu pro úzká zařízení */
		left: auto;
	}
}
@media screen and (max-width: 417px) {
	#io-tools-category .dropdown ul.submenu {
		left: -120px; /* lepší zarovnání menu pro úzká zařízení */
		right: auto;
	}
}

#io-tools-category .dropdown ul.submenu li {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 0.5rem;
}
#io-tools-category .tools_show_more.menu {
	margin-right: var(--1px);
}
/* konec – Editace io-tools-category ikonky s popisky */

#js-io-leave {
	font-size: 2rem;
	cursor: pointer;
	margin-top: -.5rem;
}

#io-save-close .js-io-save {
	margin-top: var(--6px);
/*	margin: 0;
	font-size: 3.2rem;
	cursor: pointer;*/
}

#io-save-close .js-io-save i {
/*	display: block;
	margin-top: -0.45rem;*/
}

.io-kat-ikona-popis {
	font-size: 0.78rem;
	line-height: 1.2rem;
	width: 100%;
	text-align: center;
}

.io-element,
#prvek-obsah {
	overflow: hidden;
	_overflow: visible; /* for IE */
	_zoom: 1; /* for IE */
}

.io-img-insert {
	margin: 0!important;
}

.io-web-description {
	height: 112px;
}

#app_menu {
	margin-bottom: 0;
}

.io-edit-drop-after {
	width: 60%;
	opacity: 0.6;
	height: 30px;
	margin-top: -20px;
	position: absolute;
}

.io-edit-drop-after-active {
	width: 100%;
	opacity: 1;
	margin-top: 0;
	position: relative;
	border: 1px dashed #ebebeb;
	background-color: #fbfbfb;
}

.io-element {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	position: relative;
}

.io-element.io-element-odkaz {
	padding: 4px 0;
}


.io-element.io-uvodni-banner {
	margin-bottom: 1.5rem;
}

@media (max-width: 40em) {
	.io-element {
	        margin-left: 0;
	}

	.io-kapitola-box {
                margin-left: 0;
        }
}

.js-io-element {
	position: relative;
}

.io-ramecek {
	border: 1px solid #f1f1f1;
	padding: 1rem;
}

.io-element.io-vice-souboru .io-kat-ikona {
	box-shadow: 4px 0px 0px 0 currentColor;
	outline: 2px solid var(--bg);
}

.io-vice-souboru-dropdown {
	padding: 0;
}

.io-vice-souboru-dropdown a {
	display: block;
	padding: 0.5rem;
}

.io-vice-souboru-dropdown a:hover {
	text-decoration: none;
	background: var(--bgbarva-seda3);
}

.io-element.io-ramecek,
.io-element.io-prvek-df-embed {
	border: 1px solid #f1f1f1;
	margin-left: 1px;
	margin-top: calc(1.5rem - 1px);
	margin-bottom: calc(1.5rem - 1px);
	padding: 1rem 0;
}

.io-element.js-io-moving {
	position: absolute;
	background: #fff;
	z-index: 30;
}

.io-unfinished .io-odkaz-prvek-obsah {
	padding-top: 0.5rem;
	padding-right: 0.5rem;
}

.io-element.js-io-moving:not(.io-ramecek) .io-odkaz-prvek {
	border: 1px solid #ebebeb;
	padding: 0.5rem 0;
	margin-bottom: 0;
}

#io-kontejner:not(.io-code-on) .io-element.io-element-edit-on:hover,
#io-kontejner:not(.io-code-on) .io-element.js-io-moving {
	background: #f9f9f9;
	transition: background 200ms ease;
	/*border: 1px solid #c9c9c9;*/
}
#io-kontejner:not(.io-code-on) #io-welcome-banner.io-element-edit-on:hover {
	border: 1px solid #bababa;
}

#io-kontejner:not(.io-code-on) .io-element.io-element-edit-on:hover .io-prejit {
	opacity: 0;
	transition: opacity 200ms ease-out;
}

.io-element.io-unfinished {
	border: 1px solid #f7d4d4;
	background: #f4e6e6 !important;
	margin-left: 1px;
	margin-top: calc(0.5rem - 1px);
	margin-bottom: calc(1.5rem - 1px);;
	transition: background 200ms ease;
	padding-top: 0.5rem;
	padding-bottom: 1rem;
}

.io-element .io-file-tools {
	position: absolute;
	display: flex;
	opacity: 0;
	right: 4px;
	top: 0;
	z-index: 10;
	align-items: center;
	justify-content: center;
	background: #f9f9f9;
}

.io-element.io-kapitola-box .js-io-kapitola-checklist,
.io-element.io-podkapitola-box .js-io-kapitola-checklist {
	position: absolute;
}

.io-element.io-kapitola-box .io-file-tools,
.io-element.io-kapitola-box .io-kapitola-checklist {
	top: var(--5px);
	right: 3rem;
	padding-left: 1rem;
	padding-right: 1rem;
	max-height: 2.92857142857rem;
}

.io-element.io-podkapitola-box .io-file-tools,
.io-element.io-podkapitola-box .io-kapitola-checklist {
	padding-right: 1rem;
	padding-left: 1rem;
	top: var(--9px);
	right: 2.5rem;
}
.io-mode-edit .io-element.io-kapitola-box:has(> .hlavicka > .io-kapitola-checklist) .io-file-tools,
.io-mode-edit .io-element.io-podkapitola-box:has(> .io-kapitola-checklist) .io-file-tools,
.io-element.io-kapitola-box:has(> .hlavicka > .io-kapitola-checklist) .shrink > .stitek-inline,
.io-element.io-podkapitola-box .io-kapitola-checklist + a .shrink > .stitek-inline{
	margin-right: 3.8rem;
}
.io-element.io-kapitola-box:has(> .hlavicka > .io-kapitola-checklist > .js-io-kapitola-checklist-ucitel + .js-io-kapitola-checklist-student) .shrink > .stitek-inline,
.io-element.io-podkapitola-box .io-kapitola-checklist:has(> .js-io-kapitola-checklist-ucitel + .js-io-kapitola-checklist-student) + a .shrink > .stitek-inline {
	margin-right: 6.5rem;
}
.io-element.io-kapitola-box .io-file-tools .io-file-tool-prejit,
.io-element.io-podkapitola-box .io-file-tools .io-file-tool-prejit {
	margin-left: 1rem;
	display: none;
}
.io-element.io-kapitola-box .io-file-tools .io-file-tool-prejit i,
.io-element.io-podkapitola-box .io-file-tools .io-file-tool-prejit i {
	font-size: 2.5rem !important;
}
.io-element.io-kapitola-box:has(> .io-zamceno) .io-file-tools {
	padding-right: .5rem;
	right: var(--2px);
}
.io-element.io-podkapitola-box:has(> .io-nav-zamceno) .io-file-tools {
	padding-right: .5rem;
	right: 0;
}
.io-element.io-kapitola-box:has(> .io-zamceno) .io-file-tools .io-file-tool-prejit,
.io-element.io-podkapitola-box:has(> .io-nav-zamceno) .io-file-tools .io-file-tool-prejit {
	display: block;
}

.io-element.io-element-edit-on:hover .io-file-tools,
.io-element.js-io-moving .io-file-tools,
.io-element.io-unfinished .io-file-tools {
	opacity: 1;
	z-index: 10;
	transition: opacity 300ms ease-out;
}

.io-element.io-element-edit-on.io-podkapitola-box .io-file-tools {
	background-color: var(--bgbarva-sedahover);
}

.io-element.io-element-edit-on.io-podkapitola-box .io-file-tools:hover {
	background-color: #f9f9f9;
}

.io-element.io-unfinished .io-file-tools {
	background: #f4e6e6;
}

.io-file-tool {
	font-size: 2rem;
	color: var(--odkaz);
	cursor: pointer;
	margin-left: var(--4px);
}
.io-file-tool:hover,
.io-file-tool:focus {
	color: var(--odkaz-hover);
}

.io-file-tool .isi-sipka-vpravo {
	vertical-align: -7%;
}

.io-file-tool.js-io-move {
	cursor: move;
}

.io-file-tool-disabled {
	color: var(--text-nedurazny);
	cursor: not-allowed;
}

#io-code-furn-off {
	position: relative;
	margin: 0.2rem 1rem;
}

.io-code-on .CodeMirror {
	border: 1px solid #ebebeb !important;	/* important protoze jinak odmaze fmgr */
	margin-bottom: 2rem;
	height: auto;
}

@media (max-width: 40em) {
	#io-code-is-on .html-editor .CodeMirror {
		margin-left: 0;
	}
}

.io-unfinished .radio-group-box {
	background-color: #fff;
}

.io-create-ode-form {
	border: 1px solid #c4c4c4;
	padding: 1rem;
	background: #ebebeb;
}

/* vlozeni obrazku -- bude zmeneno */
.io-odkaz-prvek-obsah .form_files_ajax.drag_drop_target {
	background-color: #fff;
}

/* Medium a mensi */
@media screen and (max-width: 63.997em) {
	#app_menu.empty {
		background: none;
	}
	.io-info-mode-all {
		margin-bottom: 1rem !important;
	}
}

/* Small only */
@media screen and (max-width: 39.9375em) {

	#prvek-obsah.prvek-obsah-podosnova {
		padding-left: 0;
	}
	#prvek-obsah.prvek-obsah-podosnova .io-odkaz-prvek,
	#prvek-obsah.prvek-obsah-podosnova .io-podosnova,
	#prvek-obsah.prvek-obsah-podosnova .io-prev-next,
	.io-element.io-unfinished {
		margin-left: 0;
	}
	.io-navigace {
		padding-top: 0rem;
	}
	.io-uvodni-banner {
		margin-top: 0;
	}
	.io-uvodni-banner .io-uvodni-pruh-obsah {
		padding: 0 1rem 1.5rem 1rem;
	}
	.io-uvodni-banner .io-uvodni-foto {
		width: 4rem;
		height: 4rem;
		border-radius: 4rem;
		font-size: 4rem;
		margin-right: 1rem;
		margin-left: 0.5rem;
	}
	.io-uvodni-banner .io-zmenseny .io-uvodni-foto {
		width: 3rem;
		height: 3rem;
		border-radius: 3rem;
		font-size: 3rem;
	}
	.io-uvodni-banner .io-uvodni-jmeno {
		padding-top: 1rem;
	}
	.io-uvodni-banner .io-uvodni-nazev-osnovy.io-uvodni-bez-jmena {
		top: 3.5rem;
	}
	.small-background-position-15 {
		background-position: 15% !important;
	}
	.small-background-position-20 {
		background-position: 20% !important;
	}
	.small-background-position-70 {
		background-position: 70% !important;
	}
	.small-background-position-0 {
		background-position: 0% !important;
	}
}

.html-editor #io-tools-category .isi-odevzdavarny:before,
.html-editor #io-tools-category .isi-odpovednik:before,
.html-editor #io-tools-category .isi-rozpisy:before,
.html-editor #io-tools-category .isi-studijni-materialy:before,
.html-editor #io-tools-category .isi-web:before,
.html-editor #io-tools-category .isi-diskuse:before,
.html-editor #io-tools-category .isi-dril:before,
.html-editor #io-tools-category .isi-zobrazeni-ikony:before,
.html-editor #io-tools-category .isi-info-3:before {
       position: relative;
       top: 1px;
}

.html-editor #io-tools-category .isi-io-kapitola:before,
.html-editor #io-tools-category .isi-video:before {
       position: relative;
       top: -1px;
}

.js-io-element .io-code-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0.4;
	background: #eee;
}

.io-element.io-unfinished .input-group-button.input-group-button-border {
	background-color: #fefefe;
}

#io-editor .io-edit-header.se-header {
	border-bottom: 1px solid var(--bordersedy);
/*	background: linear-gradient(to bottom, #eaeaea 0%, #f1f1f1 20%);*/
/*	background-repeat: no-repeat;*/
	background-color: var(--bordersedy);
	border-top: 1px solid #e2e2e2;
}

.io-pdfjs {
	margin-top: 0.5rem;
	border-bottom: 1px solid #bfbfbf;
}

#prvek-obsah.prvek-obsah-podosnova ul,
#prvek-obsah.prvek-obsah-podosnova ol {
	margin-left: 5rem;
}
#prvek-obsah.prvek-obsah-podosnova .io-element ul,
#prvek-obsah.prvek-obsah-podosnova .io-element ol {
	margin-left: 1.75rem;
}

#io-kontejner iframe, #io-kontejner video {
	max-width: 100%;
}

.io-element.io-unfinished .se-content {
	background-color: #fff;
}

.io-element.io-unfinished .se-content,
#js-io-elm-prop-setting-modal-infotext .se-content,
#js-io-elm-prop-setting-modal-welcome_banner .js-io-elm-property-text .se-content,
#js-io-elm-prop-setting-modal-nadpis_kapitoly .js-io-elm-property-anotace .se-content,
#js-io-elm-prop-setting-modal-nadpis_kapitoly .js-io-elm-property-vystupy_z_uceni .se-content,
#js-io-elm-prop-setting-modal-podosnova .js-io-elm-property-anotace .se-content,
#js-io-elm-prop-setting-modal-podosnova .js-io-elm-property-vystupy_z_uceni .se-content {
	min-height: 8rem;
}

.io-element.io-unfinished .se-loading-content,
#js-io-elm-prop-setting-modal-infotext .se-loading-content,
#js-io-elm-prop-setting-modal-welcome_banner .js-io-elm-property-text .se-loading-content,
#js-io-elm-prop-setting-modal-nadpis_kapitoly .js-io-elm-property-anotace .se-loading-content,
#js-io-elm-prop-setting-modal-nadpis_kapitoly .js-io-elm-property-vystupy_z_uceni .se-loading-content,
#js-io-elm-prop-setting-modal-podosnova .js-io-elm-property-anotace .se-loading-content,
#js-io-elm-prop-setting-modal-podosnova .js-io-elm-property-vystupy_z_uceni .se-loading-content {
	margin: 3.5rem;
}

.io-fmgr-ikona.ikona {
	padding: 0.5rem;
}

.io-fmgr-ikona.ikona.io-active,
.io-fmgr-ikona.ikona:hover {
	border: 2px solid #00a442;
	padding: calc(0.5rem - 2px);
}

.io-fmgr-ikona.ikona:hover {
	opacity: 1;
	cursor: pointer;
}

.io-fmgr-ikona.ikona:before {
	cursor: pointer;
}

.io-pdf-display-abstr {
	position: relative;
	padding-left: 2.5rem;
	padding-top: 1rem;
	min-height: 12rem;
}

.io-pdf-display-abstr .kolecko {
	position: absolute;
	background: #ccc;
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	left: 0;
}

.io-pdf-display-abstr .radek {
	background: #ccc;
	height: 1rem;
	width: 100%;
	margin: 0.5rem 0;
}

.io-pdf-display-abstr .embed {
	border: 1px solid #ebebeb;
	background: #f8f8f8;
	margin-top: 1rem;
	padding: 0.2rem 0.7rem;
}

.io-pdf-display-abstr .obrazek {
	background: #ccc;
	height: 3rem;
	width: 4rem;
	margin: 0.5rem 0;
}
/* diskuse */
.io-prvek-df-embed #discussion {
	overflow-y: scroll; /* nutné, jinak v prohlížečích s inbox posuvníkem "bliká" */
	overflow-x: hidden; /* jinak vytéká záporný margin pro .row */
	padding-right: 1rem;
	margin-right: -1rem; /* posouvám posuvník na rámeček */
	position: relative;
}
@media screen {
	.io-prvek-df-embed #discussion {
		max-height: 70vh;
	}
}
@media screen and (max-height: 750px) {
	.io-prvek-df-embed #discussion {
		max-height: 400px;
	}
}
.io-prvek-df-embed #discussion > .row { /* TODO: chytat .row není moc safe */
	position: sticky;
	top: 2.714285714rem;
	background: var(--bg-rgba85);
	 -webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	z-index: 6;
}
.io-prvek-df-embed #discussion > .row:first-of-type {
	height: 2.714285714rem;
	top: 0;
}
.io-prvek-df-embed #discussion > .row:nth-child(2)::after {
	content: '';
	display: block;
	height: 1px;
	width: calc(100% - 2rem);
	margin-right: 1rem;
	background-color: var(--bordersedy);
}
/* diskuse konec */

/* galerie */

.io-gallery-wrap {
	margin-right: -1.4rem;
	outline: none;
}

.io-gallery-main {
	position: relative;
	margin-bottom: 0.5rem;
	background: #f5f5f5;
	width: 100%;
}

.io-gallery-main .io-zachovat-pomer-obsah {
	display: flex;
	align-items: center;
}

.io-gallery-prev-next,
.io-gallery-full-size {
	position: absolute;
	top: 0;
	color: rgba(200, 200, 200, 0.6);
}

.io-gallery-prev-next {
	font-size: 3rem;
	height: 100%;
	padding-top: 25%;
}

html:not(.whatinput-types-touch) .io-gallery-prev-next i,
html:not(.whatinput-types-touch) .io-gallery-full-size i {
	visibility: hidden;
}

.io-gallery-main:hover .io-gallery-prev-next i,
.io-gallery-main:hover .io-gallery-full-size i {
	visibility: visible;
}

.io-gallery-prev-next:hover,
.io-gallery-full-size:hover {
	color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
}

.io-gallery-full-size:focus {
	color: rgba(255, 255, 255, 0.8);
}

.io-gallery-prev-next.prev {
	width: 10rem;
	text-align: left;
}

.io-gallery-prev-next.next {
	right: 0;
	width: calc(100% - 5rem);
	text-align: right;
}

.io-gallery-full-size {
	display: block;
	right: 0.5rem;
	font-size: 2.5rem !important;
}

.io-img-descriptions {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 1rem;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}

.io-gallery-title {
	font-weight: 600;
}

.io-gallery-thumbnails {
	overflow: auto;
	display: flex;
	margin-top: 0.5rem;
}

.io-gallery-thumbnail-wrap {
	width: 10rem;
	display: inline-block;
}

.io-gallery-thumbnail-wrap + .io-gallery-thumbnail-wrap {
	margin-left: 4px;
}

.io-gallery-thumbnail-wrap .io-zachovat-pomer-obal {
	width: 10rem;
}

.io-gallery-thumbnails img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.io-gallery-thumbnail-wrap:not(.io-active) {
	opacity: 0.7;
	cursor: pointer;
}

.io-gallery-missing-pics {
	font-size: 12rem;
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	color: #ccc;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.io-gallery-thumbnail-wrap .io-gallery-missing-pics {
	font-size: 4rem;
}

#js-io-elm-prop-setting-modal-gallery .io-gallery-url {
	word-break: break-all;
}

#js-io-elm-prop-setting-modal-gallery .io-thumbnail-wrap {
	display: block;
	height: 8.8rem;
	width: 14rem;
	background: #f5f5f5;
	display: flex;
	align-items: center;
}

.io-gallery-main .io-cover,
#js-io-elm-prop-setting-modal-gallery .io-thumbnail.io-cover {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.io-gallery-main .io-full,
#js-io-elm-prop-setting-modal-gallery .io-thumbnail.io-full {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
}

#js-io-elm-prop-setting-modal-gallery .io-gallery-img-wrap {
	border: 1px solid #e3e3e3;
	margin-bottom: 2rem;
}

#js-io-elm-prop-setting-modal-gallery .io-gallery-img-wrap .io-gallery-setting-btns {
	background: #e3e3e3;
	font-size: 1.7rem;
	line-height: 2rem;
	width: 4rem;
	text-align: center;
}

#js-io-elm-prop-setting-modal-gallery .io-gallery-img-wrap .io-gallery-setting-btn,
#js-io-elm-prop-setting-modal-gallery .io-gallery-img-wrap .io-gallery-setting-btn i {
	display: block;
}

#js-io-elm-prop-setting-modal-gallery .io-gallery-img-wrap .io-gallery-setting-btn:hover,
#js-io-elm-prop-setting-modal-gallery .io-gallery-img-wrap .io-gallery-setting-btn:focus,
#js-io-elm-prop-setting-modal-gallery .io-gallery-img-wrap .io-gallery-setting-btn:active {
	text-decoration: none;
}

#js-io-elm-prop-setting-modal-gallery .io-gallery-img-wrap .io-gallery-move-top .isi-zobacek-nahoru-bold + .isi-zobacek-nahoru-bold,
#js-io-elm-prop-setting-modal-gallery .io-gallery-img-wrap .io-gallery-move-bottom .isi-zobacek-dolu-bold + .isi-zobacek-dolu-bold {
	margin-top: -1.6rem;
}

.io-zachovat-pomer-obal {
	position: relative;
}

.io-zachovat-pomer-8-5 {
	padding-bottom: 62.5%;
}

.io-zachovat-pomer-16-9 {
	padding-bottom: 56.25%;
}

.io-zachovat-pomer-obsah {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.se-editor.js-io-elm-property-content .se-loading-content,
.se-editor.js-io-elm-property-question .se-loading-content,
.se-editor.js-io-elm-property-answer .se-loading-content {
	margin-top: 3rem;
}

.io-element .io-video-zastupny-blok {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #656565;
	color: #c7c7c7;
	height: 100%;
}

.rozklikavatko-nadpis.expanded {
	display: block;
}

.rozklikavatko-nadpis.expanded:hover,
.rozklikavatko-nadpis.expanded:focus {
	text-decoration: none;
}

.rozklikavatko-nadpis.io-rozklikavatko-prouzek {
	background-color: #6b6969;
	color: #e1e1e1;
}

.rozklikavatko-nadpis.io-rozklikavatko-prouzek:hover {
	background-color: #4f4c4c;
}

.rozklikavatko-nadpis.io-rozklikavatko-prouzek.io-zelena {
	background-color: #00a442;
	color: #fff;
}

.rozklikavatko-nadpis.io-rozklikavatko-prouzek.io-zelena:hover {
	background-color: #008335;
}

.bgbarvacerna {
	background: #3a3a3a;
}

.bgbarvatmaveseda {
	background: #6b6969;
}

.ml-15 {
	margin-left: 1.5rem !important;
}

.io-bolder {
	font-weight: 600;
}

.io-barvazelena {
	color: #038739;
}

.io-borderbarvazelena {
	border-color: #038739;
}

.io-border {
	border: 1px solid #ddd;
}

@media screen and (max-width: 39.9375em) {

	.io-gallery-thumbnail-wrap,
	.io-gallery-thumbnail-wrap .io-zachovat-pomer-obal {
		width: 7rem;
	}

	.io-img-descriptions {
		font-size: 0.929rem;
		padding: 0.5rem;
	}

	.io-gallery-prev-next {
		font-size: 2rem;
		padding-top: 20%;
	}

}

.io-flex-center-05 {
	display: flex;
	column-gap: 0.5rem;
	align-items: center;
}

.io-space-between {
	justify-content: space-between;
}

.io-vertikalni-slider {
	border-left: 2px solid var(--barvadoplnkova);
	background: var(--bg);
	margin-left: 0;
}

.io-vertikalni-slider-odrazka {
	position: relative;
	padding-left: 16px;
	display: flex;
	align-items: center;
}

.io-vertikalni-slider-operace {
	align-self: center;
}

.io-selective-overview-links {
	display: inline;
}

.io-vertikalni-slider-operace .io-sipka-dolu,
.io-vertikalni-slider-operace .io-sipka-dolu:hover {
	background-color: transparent;
}

.io-vertikalni-slider-odrazka-stejna-verze::before {
	width: 16px !important;
	height: 16px !important;
	border: 3px solid var(--barva9);
	left: -9px !important;
}

/****** Strom kapitol pro zobrazeni zmen verzi ***********/

.io-verze-prehled {
	margin-left: 0;
}

.io-verze-prehled .io-verze-je-zmena,
.io-verze-prehled .io-verze-zneviditelna,
.io-verze-prehled .io-verze-neni-zmena {
	display: flex;
	column-gap: 0.5rem;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.5rem;
	padding-right: 1rem;

	/* vysoky (nedefinovany) level*/
	padding-left: 7rem;
}

.io-verze-prehled .io-verze-zneviditelna {
	border: 1px solid var(--bordersedy);
	background: var(--bgbarva-seda2);
}

.io-verze-prehled .io-level-1 > .io-verze-neni-zmena {
	background: var(--bgbarva-seda2);
}

.io-verze-prehled .io-verze-je-zmena {
	padding: 0.5rem 1rem;
	border: 1px solid var(--barvadoplnkova);
	background: var(--bgbarvadoplnkova-svetla);
}

.io-verze-prehled .io-level-0 > div {
	margin-bottom: 1rem;
}

.io-verze-prehled .io-level-0 > div.io-verze-neni-zmena {
	padding-left: 0rem;
}

.io-verze-prehled .io-level-1 > div {
	padding: 0.5rem 1rem;
}

.io-verze-prehled .io-level-2 > div {
	padding-left: 3rem;
}

.io-verze-prehled .io-level-3 > div {
	padding-left: 5rem;
}

/***********************/

.io-verze-odrazka {
	height: 12px;
	width: 12px;
	background-color: var(--barvadoplnkova);
	border-radius: 50%;
	display: inline-block;
	margin-bottom: -1px;
}

.io-vertikalni-slider-odrazka::before {
	content: "";
	height: 12px;
	width: 12px;
	background-color: var(--barvadoplnkova);
	border-radius: 50%;
	position: absolute;
	left: -7px;
}

.io-aktualni-verze {
	border: 1px solid var(--barvadoplnkova);
	border-left: none;
	background: var(--bgbarvadoplnkova-svetla);
}

.io-flex-1 {
	flex: 1;
}

.before-bgbarva2::before { background-color: var(--barva2); }
.before-bgbarva4::before { background-color: var(--barva4); }
.before-bgbarvadoplnkova::before { background-color: var(--barvadoplnkova); }

.bgbarvadoplnkova-svetla {
	background-color: var(--bgbarvadoplnkova-svetla);
}

.io-verze-html-odrazka-container {
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
}

.io-verze-html-odrazka-container .io-verze-odrazka {
	margin-right: 0.75rem;
}

.io-skryt-kapitola-obsahuje .io-kapitola-obsahuje {
	display: none;
}