:root {
	--simple_panel_h: 50px;
}
:root .sticky_simple_offset {
	--simple-bg: #f0f0f0;
	--simple-color: var(--barva1);
	--simple-color-app: var(--text);
}
:root .sticky_simple_offset.motiv-tmavy {
	--simple-bg: #222;
	--simple-color: var(--text);
}
:root .simple_modra.sticky_simple_offset {
	--simple-bg: #002776;
	--simple-color: #f0f0f0;
	--simple-color-app: var(--simple-color);
}
/* layout */
.fullwidth .row {
	max-width: 100%;
}
.fullwidth .row.max1200 {
	max-width: 85.71429rem;
	margin-left: auto;
	margin-right: auto;
}

/* podpora pro plný barevný background stránky
/* TODO: toto vlastně není potřeba, protože stačí pod main zavěsit .row a to bg dát tam nebo do .column, protože .row .column > .row dělá přesně to, co teď .fullbg */

:root {
	--grid-odstupy: 0.71429rem;
}
@media print,screen and (min-width:40em) {
	:root {
		--grid-odstupy: 1.07143rem;
	}
}

/* sticky lišta */
#sticky_panel.sticky_simple {
	padding-top: 0;
	width: 100%;
	height: var(--simple_panel_h);
	background-color: var(--simple-bg);
	color: var(--simple-color);
	top: 0;
}
#sticky_panel.sticky_simple .simple-app {
	color: var(--simple-color-app);
}
body.noauth #sticky_panel.sticky_simple .ikony .sticky-item {
	color: #002776;
}

body.noauth #sticky_panel.sticky_simple .ikony .sticky-item:hover {
	color: #00a442;
}

/* podpora pro barevnost lišty při myučo */
.sticky_simple_offset #sticky_panel.sticky_simple.sticky_panel_myuco { background-color: rgba(242, 193, 191, 0.9); }
.sticky_simple_offset.simple_modra #sticky_panel.sticky_simple.sticky_panel_myuco { background-color: #760000; }

.sticky_simple .sticky-grid {
	display: grid;
	height: var(--simple_panel_h);
	grid-template-columns: max-content minmax(5rem, max-content) auto max-content max-content;
	grid-template-areas: "logo drobecky app ikony menu";
}
.sticky_simple .sticky-grid > div {
	padding-left: var(--grid-odstupy);
	padding-right: var(--grid-odstupy);
}
.sticky_simple .sticky-grid-logo { grid-area: logo; }
.sticky_simple .sticky-grid-drobecky { grid-area: drobecky; }
.sticky_simple .sticky-grid-app { grid-area: app; }
.sticky_simple .sticky-grid-ikony { grid-area: ikony; }
.sticky_simple .sticky-grid-menu { grid-area: menu; }

.sticky_simple .sticky-grid-app {
	white-space: nowrap;
}

/* sticky lišta respons volitelný
 *
 * breakpointy na 640px (small) a 800px
 * uživatelský obsah se přesune do druhé lišty, lišta tak zdvojnásobí svoji výšku (uloženo v --simple_panel_h: 100px)
 *
 * */
@media screen and (max-width: 799px) {
	:root .simple_respons_800  {
		--simple_panel_h: 100px;
	}
	.simple_respons_800 #sticky_panel.sticky_simple {
		text-align: left;
	}
	.simple_respons_800 .sticky_simple .sticky-grid {
		grid-template-columns: min-content minmax(5rem, 15fr) minmax(5rem,auto) auto min-content;
		grid-template-areas:
			"logo drobecky drobecky ikony menu"
			"app app app app app";
	}
	.simple_respons_800 .sticky_simple .sticky-grid-app {
		height: 50px;
		line-height: 50px;
		border-top: 1px solid var(--simple-color);
	}
}
@media screen and (max-width: 39.9375em) {
	:root .simple_respons_small  {
		--simple_panel_h: 100px;
	}
	.simple_respons_small #sticky_panel.sticky_simple {
		text-align: left;
	}
	.simple_respons_small .sticky_simple .sticky-grid {
		grid-template-columns: min-content minmax(5rem, max-content) auto auto min-content;
		grid-template-areas:
			"logo drobecky . ikony menu"
			"app app app app app";
	}
	.simple_respons_small .sticky_simple .sticky-grid-app {
		height: 50px;
		line-height: 50px;
		border-top: 1px solid var(--simple-color);
	}
}

/* konec - sticky lišta respons volitelný */

/* Korekce pro fullwidth */
.fullwidth hr {
	max-width: 100%;
}
/* konec - korekce pro fullwdith */


.sticky_simple .logo {
	background-size: 100% auto;
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: -.71428rem;
	float: left;
	cursor: pointer;
	text-decoration: none;
	margin-top: 0;
	font-weight: 600;
    font-size: 17px;
}
.motiv-992 .sticky_simple .logo {
	color: var(--text);
}
.sticky_simple .logo.logo--skola_14 {
	background-image: url(/pics/design/r6/loga/14-plne_is.svg);
	width: 56px;
	height: 50px;
}
.motiv-992 .sticky_simple .logo.logo--skola_14 {
	background-image: url(/pics/design/r6/loga/14-plne_inv.svg);
}

.sticky_simple .sticky-grid div.sticky-grid-logo {
	padding-right: 1.3rem;
}
.sticky_simple .sticky-grid div.simple-drobecky {
	position: relative;
	padding-left: 1.3rem;
	text-align: left;
}
.sticky_simple .sticky-grid div.simple-drobecky .drobecky_simple {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	vertical-align: middle;
	display: inline-block;
}
.sticky_simple .sticky-grid div.simple-drobecky .drobecky_simple .isi-is-color {
	vertical-align: -10%;
}
.sticky_simple .simple-drobecky::before {
	content: "";
	float: left;
	width: 1px;
	height: 26px;
	background-color: var(--simple-color);
	display: block;
	position: absolute;
	left: 0; top: calc(50% - 13px);
}
.motiv-992 .sticky_simple .simple-drobecky::before {
	background-color: var(--text);
}

.drobecky_simple .strong {
	font-weight: 600;
}
.drobecky_simple > .sep {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.drobecek_logo i:not(.isi-is-color) {
	font-size: 150%;
}

/* aplikace */
.sticky_simple_offset #app_content {
	margin-top: var(--simple_panel_h);
}

.sticky_simple .simple-menu .circle {
	width: 30px;
	height: 30px;
	background: white;
	color: white;
	border-radius:50%;
	display: block;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position-y: -3px;
	text-align: center;
	line-height: 30px;
	font-size: 11px;
	font-weight: 600;
}
.sticky_simple .simple-menu .circle.large {
	width: 60px;
	height: 60px;
	background-size: 60px;
}

.sticky_simple .simple-menu .circle.postava {
	background: none;
	font-size: 1.64285rem;
}

.sticky_simple .simple-menu .circle--without-photo {
	background: var(--simple-color);
}
.sticky_simple .simple-menu .circle--without-photo.large {
	font-size: 1.5rem;
	padding-top: 15px;
}

.sticky_simple .simple-menu .circle:hover {
	text-decoration: none;
}

.sticky_simple .simple-menu #jmeno_menu_dropdown {
	text-align: left;
}

.sticky_simple .simple-menu .simple_dropdown_jmeno {
	padding: 1rem 0;
}


/* Barevnost lišty */
body.simple_modra .sticky_simple .drobecky_simple .isi-is-color::after, 
body.simple_modra .sticky_simple .drobecky_simple .isi-is-color::before,
body.noauth .sticky_simple .drobecky_simple .isi-is-color::after,
body.noauth .sticky_simple .drobecky_simple .isi-is-color::before {
	color: #fff !important;
}
body.simple_modra .sticky_simple .logo.logo--skola_14,
body.noauth .sticky_simple .logo.logo--skola_14 {
	background-image: url(/pics/design/r6/loga/14-plne_inv.svg);
}
body.noauth .sticky_simple .simple-drobecky::before {
	background-color: #fff;
}
body.simple_modra .sticky_simple a {
	color: var(--simple-color);
}
body.noauth .sticky_simple a {
	color: #fff;
}
body.simple_modra .sticky_simple a:not(.button):hover,
body.simple_modra .sticky_simple a:not(.button):focus,
body.noauth .sticky_simple a:not(.button):hover,
body.noauth .sticky_simple a:not(.button):focus {
	opacity: .85;
}

body.simple_modra .sticky_simple .dropdown-pane a,
body.simple_modra .sticky_simple .dropdown a {
	color: var(--barva1);
}
body.simple_modra .sticky_simple .dropdown-pane a:hover,
body.simple_modra .sticky_simple .dropdown-pane a:focus,
body.simple_modra .sticky_simple .dropdown a:hover,
body.simple_modra .sticky_simple .dropdown a:focus {
	opacity: 1;
	color: var(--odkaz-hover);
}

body.simple_modra .sticky_simple button.btn-inv:not(.clear),
body.simple_modra .sticky_simple a.button.btn-inv:not(.clear) {
	background: var(--simple-color);
	color: var(--simple-bg);
}
body.simple_modra .sticky_simple button.btn-inv:hover,
body.simple_modra .sticky_simple button.btn-inv:focus,
body.simple_modra .sticky_simple a.button.btn-inv:hover,
body.simple_modra .sticky_simple a.button.btn-inv:focus {
	opacity: .85;
}
body.simple_modra .sticky_simple button.btn-inv.clear,
body.simple_modra .sticky_simple a.button.btn-inv.clear {
	color: var(--simple-color);
}

/* Obecná podpora pro .simple-app část */
.sticky_simple .simple-app .oddelovac {
	display: inline-block;
	width: 1px;
	height: 2rem;
	vertical-align: middle;
	margin: 0 1rem;
	background-color: var(--bordersedy-dark);
}
body.simple_modra .sticky_simple .simple-app .oddelovac { background-color: var(--barva-bila); }

/* TODO: není implementovaná podpora pro tlačítka */