:root {
    --box-shadow: grey 3px 3px 6px 1px;
    --error-color: #ef1d1d;
    --warning-color: #ea9617;
    --info-color: #6565f8;
    --main-blue: #1c3a75;
}
*, ::after, ::before {box-sizing: border-box;}
html, body {font-family: 'Arial', 'Helvetica', sans-serif; padding: 0; margin: 0; background-color: white;}
input, select, textarea {font-family: 'Arial', 'Helvetica', sans-serif; font-size: 0.9em; border: 1px solid black; border-radius: 4px; padding: 3px; background: white;}
select:disabled, input:disabled, textarea:disabled, button:disabled {color: #777777; opacity: 1; pointer-events: none;}
input[type=number] {-moz-appearance: textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=search] {background: white url(../IMG/search-icon.png) no-repeat scroll 5px center;background-size: 12px; padding-left: 22px !important;}
select.no-arrow {appearance: none;}
select.select2 {width: 100%;}
label {position: relative;}
form table th label {position: relative; display: block; text-align: right; padding: 4px;}
form table th label.required::after {position: absolute; right: -0.05em; top: 0.2em; display: block; content: '*'; color: var(--error-color);}
form table input:not([type=radio]):not([type=checkbox]), form table select, form table textarea {font-size: 1em; height: 30px; width: 100%; min-width: 100px; padding: 2px 2px 2px 5px; border: 1px solid grey; border-radius: 6px;}
input[type=radio], input[type=checkbox] {width: 15px; height: 15px; margin: 0}
form table textarea:not([type=search]) {min-height: 80px;}
form table input[disabled], form table input[readonly] {background-color: #eeeeee;}
form .row {text-align: left; margin-bottom: 10px;}
form .row label {position: relative; font-weight: bolder;}
form .row label.required::after {position: absolute; right: -0.3em; top: 0; display: block; content: '*'; color: var(--error-color);}
form .row input, form .row select {width: 100%;}
td {padding: 0;}
h1 {text-align: center; margin: 0 auto 15px; padding-top: 10px;}
h2 {text-align: center; margin: 10px auto 15px;}
h3 {text-align: center; margin: 4px auto}
h4 {text-align: center; margin: 3px auto; font-size: 1.05em;}
h1 > div {display: inline-block; font-size: 0.65em; margin: 0 5px;}
hr {border: none; border-top: 1px solid grey;}
a {color: inherit;}
form {margin: 0;}
table {border-collapse: collapse;}
table caption {margin: 5px 0;}
button, a.btn {display: inline-block; text-decoration: none; text-align: center; border-radius: 4px; font-size: 0.9em; color: black; border: 1px solid grey; padding: 4px; margin: 0; cursor: pointer;}
button:disabled, button.disabled, a.btn.disabled {color: #acacac; background: #e6e6e6; border-color: #acacac; cursor: not-allowed;}
button:not(:disabled):not(.disabled):hover, a.btn:not(.disabled):hover {background-color: #e6e6e6;}
a.icon {display: inline-block; color: black; padding: 4px; cursor: pointer; text-decoration: none; margin: 0;}
i.clickable, input.clickable, a.clickable {cursor: pointer;}
label.btn {padding: 2px 5px; margin: 4px 6px;}
label.btn-sm {padding: 2px 5px; margin: 4px 3px 4px 0; font-size: 0.9em;}
table.border th, table.border td {border: 1px solid black;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.error {color: var(--error-color) !important;}
.error-bg {background: #ffc2c2;}
.bold {font-weight: bold;}
.more, .less {cursor: pointer; text-align: center;}
.gray {color: grey;}
.close {display: inline-block; position: absolute; top: 0; right: 0; padding: 5px 12px; cursor: pointer;}
.loading {display: none; height: 100%; min-height: 100px; min-width: 100px; background: url("../IMG/spinner.gif") no-repeat center center; background-blend-mode: screen;}
#full-loading {position: sticky; height: 100vh; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; background-color: rgba(0,0,0,0.15)}
.note {color: grey; font-size: 0.8em;}
.cols {display: flex; flex-wrap: wrap; justify-content: space-between;}
.cols > * {flex: 1;}
.cols > *:not(:last-child) {margin-right: 20px;}
.php-error {position: absolute; white-space: pre; text-align: left; font-size: 14px; top: 0; left: 0; background-color: #ffc2c2; padding: 20px;  border: 1px solid black; z-index: 1000;}
.note-editable {background-color: white;}
.note-dropdown-menu {box-sizing: initial;}

.w-100 {width: 100%;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.w-60 {width: 60% !important;}
.mt-0 {margin-top: 0;}
.mb-0 {margin-bottom: 0 !important;}
.m-0 {margin: 0 !important;}
.display-flex {display: flex; justify-content: space-between;}
.display-none {display: none !important;}
.table-auto {table-layout: auto !important; width: auto !important;}
.table-full {width: 100%;}
i.i-disabled {color: grey; cursor: default;}
i.i-help {font-size: 1.4em; color: var(--main-blue);}
button.btn-disabled {color: #acacac; background: #e6e6e6; border-color: #acacac; cursor: default;}

div.left-box {float:left; width: 50%;}
div.right-box {float:right; width: 50%;}
div.clearfix {clear: both;}


tr.first-row-from-group > td {border-top: 2px solid var(--main-blue); }

/*.tooltip {position: relative; display: inline-block;}*/
/*.tooltip .tooltip-text {visibility: hidden; background-color: #000000db; color: #fff; width: 130px; margin-bottom: 5px; padding: 5px; border-radius: 5px; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -60px; }*/
/*.tooltip .tooltip-text::after {content: " "; position: absolute; top: 100%; left: 50%; margin-left: -10px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}*/
/*.tooltip:hover .tooltip-text {visibility: visible;}*/

/***** NAVBAR *****/
#main-nav:not(#timetable-nav) {width: 100%; background-color: #ecf0f1;}
#main-nav {display: flex; justify-content: space-between; height: 60px;}
#main-nav p {display: inline-block; padding: 20px; margin: 0;}
#main-nav h1 {padding: 15px 20px 0 20px;}
#main-nav a {cursor: pointer; text-decoration: none;}
#main-nav.develop, header.develop {background-color: #ffff86 !important;}
#main-nav.develop .dev-text, header.develop .dev-text {display: inline-block; color: red;}
.dropdown-btn {padding: 2px 20px; cursor: pointer;}
.dropdown-content {display: none; position: absolute; min-width: 200px; z-index: 100; padding: 5px 0 5px 20px; background-color: #d7d8d9;}
.dropdown-content a {display: block; padding: 12px 0;}
.dropdown-content i, .dropdown-btn p {padding-right: 15px; cursor: pointer;}
.visible {display: block;}
.dropdown-btn-bg {background-color: #e3e5e6;}

/***** MODÁLNÍ OKNA *****/
.dialog-fixed {position: fixed;}
.dialog {display: none;}
.dialog table {width: 100%; font-size: inherit;}
.dialog table th, .dialog table td {padding: 2px; vertical-align: middle; min-width: 25px;}
.dialog table.days {width: auto;}
.dialog table.days th, .dialog table.days td {padding: 2px; text-align: left; vertical-align: top; min-width: 18px;}
.dialog div.request {margin: 3px 0;}
.request div.request-icon {display: inline-block; width: 1.5em;}

table#distance td.st-h.low {background-color: #ffd5dd;}
table#distance td.st-h.med {background-color: #ff96a5;}
table#distance td.st-h.high {background-color: #e05769;}

.ui-dialog .dialog-nopadding {padding: 0;}
.ui-dialog {box-shadow: var(--box-shadow)}
.ui-dialog, .ui-dialog-content {box-sizing: content-box;}
.ui-widget-content {color: black;}
label.room-checkbox {width: 65px;}
.ui-widget.ui-tabs {border: none;}
.ui-tabs-nav {background: none; border: none;}
.ui-tabs .ui-tabs-nav li {margin: 0 5px 0 0}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 8px 10px;}
.ui-tabs :focus {outline: none;}
.ui-tabs-tab.ui-state-active {border-color: #282828; background: #5a5a5a !important;}
.ui-tabs-tab.ui-state-active:active,
.ui-tabs-tab.ui-button.ui-state-active:hover,
.ui-tabs-tab.ui-button:active {border-color: #000000; background: #474747;}
.ui-tabs-tab.ui-visual-focus {box-shadow: 0 0 3px 1px #bfbfbf;}
.ui-tabs-tab.ui-visual-focus.ui-state-active,
.ui-tabs-tab.ui-visual-focus.ui-state-active:hover,
.ui-tabs-tab.ui-visual-focus.ui-state-active:active {border-color: #000000; background: #474747;}
.ui-tabs .ui-tabs-panel {padding: 15px 5px 0;}

#dialog-new-period th {width: 200px; vertical-align: top;}
#dialog-new-period th label {text-align: left;}
#dialog-new-period textarea {max-width: 100%; resize: vertical;}

/***** jQuery UI checkbox *****/
.ui-checkboxradio-label.ui-state-active {border-color: #282828; background: #5a5a5a;}
.ui-checkboxradio-label.ui-state-active:active,
.ui-checkboxradio-label.ui-button.ui-state-active:hover,
.ui-checkboxradio-label.ui-button:active {border-color: #000000; background: #474747;}
.ui-checkboxradio-label.ui-visual-focus {box-shadow: 0 0 3px 1px #bfbfbf;}
.ui-checkboxradio-label.ui-visual-focus.ui-state-active,
.ui-checkboxradio-label.ui-visual-focus.ui-state-active:hover,
.ui-checkboxradio-label.ui-visual-focus.ui-state-active:active {border-color: #000000; background: #474747;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-size: 0.9em;}


/***** LOGIN/REGISTRACE *****/
#login-form {display: block; margin: 50px auto 20px; width: 350px; border: 1px solid grey; box-shadow: var(--box-shadow); padding: 5px 20px 20px;}
#login-form button {margin: 0 auto; font-size: 1em; padding: 5px 10px;}
#login-form .g_id_signin {display: flex;}
#login-form .g_id_signin > div {margin: 5px auto;}

/***** formulář s ikonami místo popisků *****/
div.input {display: flex; height: 30px; margin-bottom: 12px;}
div.input label {display: inline-flex; align-items: center; justify-content: space-around; min-width: 40px; text-align: center; padding: 4px;
    background: linear-gradient(to bottom, #ffffff, #e6e6e6) repeat-x; border: 1px solid grey; border-right: 0; border-radius: 6px 0 0 6px;}
div.input input{width: 100%; min-width: 100px; font-size: 1em; padding: 2px 2px 2px 5px; border: 1px solid grey; border-left: 0; border-radius: 0;}
div.input input:last-of-type {border-radius: 0 6px 6px 0;}

/***** HLAVNÍ OBSAH *****/
main {margin: 15px auto;}
main.sm {max-width: 1000px;}
main.md {max-width: 1400px;}
main.lg {max-width: 1600px;}
main.xl {}

.content-box {padding: 15px;}
.content-box-full {overflow-x: auto; overflow-y: auto; height: calc(100vh - 100px); margin: 0;}
.content-box-full > * {padding: 0 15px;}

section {padding: 15px 5px;}

ul.nav {margin: 0; list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
ul.nav > li {display: block;}

ul.nav.buttons {justify-content: center; gap: 20px;}
ul.nav.buttons li {width: 160px; height: 155px; text-align: center; border: 1px solid #e2e2e2; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1); border-radius: 5px;}
ul.nav.buttons li > * {display: flex; flex-direction: column; justify-content: space-evenly; text-decoration: none; height: 100%; padding: 10px;}


/***** HOMEPAGE ******/
section#hot-menu {display: flex; flex-wrap: wrap; justify-content: center;}
section#hot-menu > div {flex-grow: 1; max-width: 500px;}

section#all-years div.year {border-top: 1px solid grey;}
section#all-years div.year h2 {text-align: center; margin: 20px auto;}
section#all-years div.year-admin {margin-bottom: 1em; text-align: center;}
ul.periods {margin: 0; list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
ul.periods > li.hidden {opacity: 0;}
ul.periods > li {width: 85%; min-width: 280px; border: 1px solid grey; box-shadow: var(--box-shadow); padding: 10px; margin-bottom: 25px; overflow: hidden; font-size: 14px;}
@media (min-width: 580px) and (max-width: 1290px) {
    section#all-years ul.periods > li {width: 38%;}
    section#all-years ul.periods > li:nth-of-type(1) {order: 1;}
    section#all-years ul.periods > li:nth-of-type(2) {order: 3;}
    section#all-years ul.periods > li:nth-of-type(3) {order: 2;}
    section#all-years ul.periods > li:nth-of-type(4) {order: 4;}
}
@media (min-width: 1291px) {
    section#all-years ul.periods > li {width: 22%;}
}
ul.periods > li[data-semester=W][data-type=T], section#all-years div.year ul.periods > li:nth-of-type(1) {background: #91e4fb}
ul.periods > li[data-semester=W][data-type=E], section#all-years div.year ul.periods > li:nth-of-type(2) {background: #75a9f9}
ul.periods > li[data-semester=S][data-type=T], section#all-years div.year ul.periods > li:nth-of-type(3) {background: #fef67f}
ul.periods > li[data-semester=S][data-type=E], section#all-years div.year ul.periods > li:nth-of-type(4) {background: #fec63d}
ul.periods > li h3 {text-transform: uppercase; margin: 0 0 5px; display: flex; text-align: left; justify-content: space-between;}
ul.periods > li h3 .settings {text-align: right; font-size: 14px;}
ul.periods > li h3 .settings > * {padding: 2px 4px; display: inline-block;}

ul.timetables {padding-left: 0; list-style: none;}
ul.timetables > li {font-weight: bold;}
ul.versions {list-style: none; padding-left: 0;}
ul.versions .new-version, ul.periods .no-timetable {display: inline-block; font-style: italic; color: grey;}
ul.versions > li {font-weight: normal; padding: 2px 0;}
ul.versions > li a {display: inline-block; padding: 1px 0;}
ul.versions {padding-left: 10px;}

/***** ROZVRH *****/
header#sticky-menu {position: sticky; display: flex; justify-content: space-between; top: 0; z-index: 50; background: #eeeeee; border: 1px solid black; border-left: none; border-right: none; padding: 3px; user-select: none;}
#subversion-current {display: inline-block; width: 4ch; text-align: center;}
input.straightforward {border: none; font-size: inherit; font-family: inherit; min-width: 30px; background: inherit;}
input.straightforward:not(:read-only) {border-bottom: 1px solid black; border-radius: 0;}
input.straightforward:focus {outline: none;}
div.menu {margin: 6px;}
div.menu:first-of-type {margin-top: 25px;}
div.menu div.divider {display: inline-block; width: 10px;}
div.menu .icons {display: inline-block; padding-left: 10px;}
div.menu .icon {font-size: 20px;}
#change-rooms {padding: 4px; border-radius: 4px; font-size: 0.75em; height: auto;}
#show-rooms-label, label.filter-group {padding: 4px 8px; border-radius: 4px; font-size: 0.9em;}
#navbar-center-content {text-align: center; position: static; margin-top: -55px; font-size: 1.5rem;}
#navbar-center-content #period-short-name {font-weight: normal; text-decoration: none;}

/***** okno nastavení rozvrhu *****/
fieldset.specialities {max-width: 400px; margin-top: 12px; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; border-width: 2px 0 0 0;}
fieldset.specialities legend {font-style: inherit; margin: 0 10px; padding: 2px 7px;}
fieldset.specialities label {width: 100%; padding: 3px 5px;}
fieldset.specialities div {width: 65px; margin: 5px;}
fieldset.specialities div:empty {height: 0;}

/***** info bublina *****/
#subject-info {display: none; position: absolute; z-index: 100; background: white; box-shadow: var(--box-shadow); border: 1px solid grey; border-radius: 6px;}
#subject-info:before{content: ' '; position: absolute; left: 30px; bottom: -12px; border: 11px solid; border-bottom: 0; border-color: grey transparent transparent transparent;}
#subject-info:after{content: ' '; position: absolute; left: 30px; bottom: -11px; border: 11px solid; border-bottom: 0; border-color: white transparent transparent transparent;}
#subject-info-text {min-width: 200px; max-width: 450px; min-height: 100px; max-height: 400px; font-size: 0.7em; overflow-y: auto;}
#subject-info-text h4 {border-bottom: 1px solid grey; font-size: 1.08em}
#subject-info-text > div {font-size: inherit; margin: 5px;}
#subject-info-text table {font-size: inherit; margin: 5px auto;}
#subject-info-text table th, #subject-info-text table td {vertical-align: top; padding: 1px 2px;}
#subject-info-text table.teachers th {text-align: right;}
/*#subject-info-text table.teachers td div {max-height: 43px; overflow:hidden;}*/
#subject-info-text table.teachers a {display: inline-block; padding: 1px 3px 0;}
#subject-info-text table td.problems {text-align: center;}
#subject-info-text table td.problems i {font-size: 1.2em; }
#subject-info-text input[type=checkbox] {width: initial; height: initial;}

.exam-conflict.ui-checkboxradio-label {padding: 2px 4px; margin: 1px 2px; color: var(--error-color);}
.exam-conflict.ui-checkboxradio-label.ui-state-active {color: #999999; background: white; border-color: #cccccc;}
.exam-conflict.ui-checkboxradio-label.ui-state-active:active,
.exam-conflict.ui-checkboxradio-label.ui-button.ui-state-active:hover,
.exam-conflict.ui-checkboxradio-label.ui-button:active {color: var(--error-color); background: #eeeeee; border-color: #cccccc;}
.exam-conflict.ui-checkboxradio-label.ui-visual-focus {box-shadow: 0 0 3px 1px #e8e8e8;}
.exam-conflict.ui-checkboxradio-label.ui-visual-focus.ui-state-active,
.exam-conflict.ui-checkboxradio-label.ui-visual-focus.ui-state-active:hover,
.exam-conflict.ui-checkboxradio-label.ui-visual-focus.ui-state-active:active {color: #999999; background: #fefefe; border-color: #cccccc;}

tr.conflict-ignored > td {opacity: 50%;}
tr.conflict-ignored > td.problems {opacity: 35%;}

/***** ROZVRHOVÁ TABULKA *****/
table#timetable {font-size: 0.8em; width: 100%}
table#timetable tbody td {position: relative; width: 60px; height: 28px; overflow: hidden; white-space: nowrap;}
table#timetable tbody td input {width: 100%; margin: 0; height: 100%; overflow: hidden; border: none; font-size: inherit;}
table#timetable tbody th {position: relative; width: 40px; height: 55px; text-align: left; vertical-align: top; font-size: 0.9em; padding: 3px;}
table#timetable tbody tr.layout {height: 0;}
table#timetable tbody tr.layout td.layout {padding: 0; height: 0;}
table#timetable tbody tr.layout td.layout div {min-width: 750px;}
table#timetable tbody tr.fill td {height: 0;}
table#timetable tbody td input {background: inherit;}
table#timetable .remove-room {padding: 3px 5px;}
table#timetable .add-room {position: absolute; bottom: 0; padding: 1px 4px; margin: 0 0 3px; width: 85%;}

/** pozadí **/
table#timetable thead th {background: #add8e6;}
table#timetable thead th.common-students {background: #ffc2c2}
table#timetable tbody td[data-type='1'] {background: #e0ffe0;}
table#timetable tbody div[data-type='1'] {background: #D3ffD3;}
table#timetable tbody div[data-type='1'][data-arbitrary] {background: #E9ffE9}
table#timetable tbody div[data-type='1'][data-obligation='PV']:not([data-arbitrary]) {background: #ACffAC}
table#timetable tbody td[data-type='2'] {background: #e8ffff;}
table#timetable tbody div[data-type='2'] {background: #DAffff;}
table#timetable tbody div[data-type='2'][data-arbitrary] {background: #F1ffff}
table#timetable tbody div[data-type='2'][data-obligation='PV']:not([data-arbitrary]) {background: #B2ffff}
table#timetable tbody td[data-type='3'] {background: #e8ffff;}
table#timetable tbody div[data-type='3'] {background: #DAffff;}
table#timetable tbody div[data-type='3'][data-arbitrary] {background: #F1ffff}
table#timetable tbody div[data-type='3'][data-obligation='PV']:not([data-arbitrary]) {background: #B2ffff}
table#timetable tbody td[data-type='4'] {background: #ffffdc;}
table#timetable tbody div[data-type='4'] {background: #ffffCF;}
table#timetable tbody div[data-type='4'][data-arbitrary] {background: #ffffE5}
table#timetable tbody div[data-type='4'][data-obligation='PV']:not([data-arbitrary]) {background: #ffffA9}
table#timetable tbody td[data-type='5'] {background: #ffffdc;}
table#timetable tbody div[data-type='5'] {background: #ffffCF;}
table#timetable tbody div[data-type='5'][data-arbitrary] {background: #ffffE5}
table#timetable tbody div[data-type='5'][data-obligation='PV']:not([data-arbitrary]) {background: #ffffA9}
table#timetable tbody td[data-type='6'] {background: #e8ffff;}
table#timetable tbody div[data-type='6'] {background: #DAffff;}
table#timetable tbody div[data-type='6'][data-arbitrary] {background: #F1ffff}
table#timetable tbody div[data-type='6'][data-obligation='PV']:not([data-arbitrary]) {background: #B2ffff}
table#timetable tbody td[data-term='2'] {background: #e0ffe0;}
table#timetable tbody div[data-term='2'], div.arb-legend[data-term='2'] {background: #D3ffD3;}
table#timetable tbody div[data-term='2'][data-arbitrary], div.arb-legend[data-term='2'][data-arbitrary] {background: #E9ffE9}
table#timetable tbody div[data-term='2'][data-obligation='PV']:not([data-arbitrary]), div.arb-legend[data-term='2'][data-obligation='PV'] {background: #ACffAC}
table#timetable tbody td[data-term='1'] {background: #e0ffe0;}
table#timetable tbody div[data-term='1'], div.arb-legend[data-term='1'] {background: #D3ffD3;}
table#timetable tbody div[data-term='1'][data-arbitrary], div.arb-legend[data-term='1'][data-arbitrary] {background: #E9ffE9}
table#timetable tbody div[data-term='1'][data-obligation='PV']:not([data-arbitrary]), div.arb-legend[data-term='1'][data-obligation='PV'] {background: #ACffAC}
table#timetable tbody td[data-term='3'] {background: #ffe6cc;}
table#timetable tbody div[data-term='3'], div.arb-legend[data-term='3'] {background: #ffD8C0;}
table#timetable tbody div[data-term='3'][data-arbitrary], div.arb-legend[data-term='3'][data-arbitrary] {background: #ffEFD4}
table#timetable tbody div[data-term='3'][data-obligation='PV']:not([data-arbitrary]), div.arb-legend[data-term='3'][data-obligation='PV'] {background: #ffB09C}
table#timetable tbody td[data-term='4'] {background: #ff9999;}
table#timetable tbody div[data-term='4'], div.arb-legend[data-term='4'] {background: #ff9090;}
table#timetable tbody div[data-term='4'][data-arbitrary], div.arb-legend[data-term='4'][data-arbitrary] {background: #ff9F9F}
table#timetable tbody div[data-term='4'][data-obligation='PV']:not([data-arbitrary]), div.arb-legend[data-term='4'][data-obligation='PV'] {background: #ff7575}
table#timetable tbody td[data-term='5'] {background: #ff9999;}
table#timetable tbody div[data-term='5'], div.arb-legend[data-term='5'] {background: #ff9090;}
table#timetable tbody div[data-term='5'][data-arbitrary], div.arb-legend[data-term='5'][data-arbitrary] {background: #ff9F9F}
table#timetable tbody div[data-term='5'][data-obligation='PV']:not([data-arbitrary]), div.arb-legend[data-term='5'][data-obligation='PV'] {background: #ff7575}
table#timetable tbody td[data-term='6'] {background: #ff9999;}
table#timetable tbody div[data-term='6'], div.arb-legend[data-term='6'] {background: #ff9090;}
table#timetable tbody div[data-term='6'][data-arbitrary], div.arb-legend[data-term='6'][data-arbitrary] {background: #ff9F9F}
table#timetable tbody div[data-term='6'][data-obligation='PV']:not([data-arbitrary]), div.arb-legend[data-term='6'][data-obligation='PV'] {background: #ff7575}
table#timetable tbody td[data-term='7'] {background: #ff9999;}
table#timetable tbody div[data-term='7'], div.arb-legend[data-term='7'] {background: #ff9090;}
table#timetable tbody div[data-term='7'][data-arbitrary], div.arb-legend[data-term='7'][data-arbitrary] {background: #ff9F9F}
table#timetable tbody div[data-term='7'][data-obligation='PV']:not([data-arbitrary]), div.arb-legend[data-term='7'][data-obligation='PV'] {background: #ff7575}
table#timetable tbody td[data-term='8'] {background: #ff9999;}
table#timetable tbody div[data-term='8'], div.arb-legend[data-term='8'] {background: #ff9090;}
table#timetable tbody div[data-term='8'][data-arbitrary], div.arb-legend[data-term='8'][data-arbitrary] {background: #ff9F9F}
table#timetable tbody div[data-term='8'][data-obligation='PV']:not([data-arbitrary]), div.arb-legend[data-term='8'][data-obligation='PV'] {background: #ff7575}
table#timetable.editable tbody td[data-problems]:after, table#timetable.editable tbody td[data-collision]:after {content: ' '; border: 6px solid; position: absolute; top: 0; right: 0;}
table#timetable.editable tbody td[data-problems=low]:after {border-color: var(--info-color) var(--info-color) transparent transparent;}
.problems.low {color: var(--info-color); text-shadow: white 0 0 2px;}
table#timetable.editable tbody td[data-problems=med]:after {border-color: var(--warning-color) var(--warning-color) transparent transparent;}
.problems.med {color: var(--warning-color); text-shadow: white 0 0 2px;}
table#timetable.editable tbody td[data-problems=high]:after, table#timetable.editable tbody td[data-collision]:after {border-color: var(--error-color) var(--error-color) transparent transparent;}
.problems.high, #subject-info-text .error {color: var(--error-color); text-shadow: white 0 0 2px;}
table#timetable tbody tr[data-limitation] td:first-of-type, table#timetable tbody tr[data-error] td:first-of-type {background: #ffc2c2;}
table#timetable.editable tbody tr[data-bad-room] td:first-of-type > * {color: #da0000;}
table#timetable tbody td[data-limitation] {background: #eeeeee;}
@keyframes blink-red {to {background-color: red;}}
.blink-red {animation: blink-red alternate 0.2s infinite linear; animation-iteration-count: 6}
@keyframes blink-green {to {background-color: green;}}
.blink-green {animation: blink-green alternate 0.2s infinite linear; animation-iteration-count: 6}
.highlight-1 {background-color: #ecff7f !important;}
.highlight-2 {background-color: #70fccc !important;}
.highlight-3 {background-color: #f7b0ff !important;}
.highlight-4 {background-color: #ff7f8a !important;}
.highlight-5 {background-color: #fdb06d !important;}
.highlight-6 {background-color: #ae8dff !important;}
.highlight-7 {background-color: #ffecdb !important;}
.highlight-8 {background-color: #bdbdbd !important;}
.highlight-9 {background-color: #89ff97 !important;}
.row-highlight {background-color: #fafafa;}

/** ohraničení **/
table#timetable thead th {border: none;}
table#timetable thead tr:first-child th:last-child {border-right: 1px solid black;}
table#timetable tbody th  {border-right: 1px solid #ccc;}
table#timetable tbody td:not([data-time]) {border: 1px solid #ccc; border-bottom: none;}
table#timetable tbody td[data-time] {border: 1px solid #ccc; border-bottom: none;}
table#timetable thead, table#timetable tbody {border: 1px solid black !important;}
table#timetable tbody tr:first-child td {border-top: 1px solid black !important;}
table#timetable tbody tr td:last-child {border-right: 1px solid black !important;}
table#timetable tbody tr:last-child td {border-bottom: 1px solid black !important;}
table#timetable tbody tr.layout td.layout {border: none;}
table#timetable thead tr th.common-students, table#timetable tbody tr td.common-students  {border: 1px solid black;}
table#timetable thead tr:first-child th.speciality {border-left: 1px solid black; border-bottom: 1px solid black;}
table#timetable thead tr:last-child th.speciality {border-left: 1px solid black;}

/** společní studenti **/
table#timetable td.common-students {font-size: 0.8em; vertical-align: top; padding: 0;}
table#timetable td.common-students div {overflow-y: auto; cursor: default;}
table#timetable td.common-students div div {padding: 2px; min-width: 100px;}
table#timetable td.common-students div div > span {display: inline-block; width: 35%}
table#timetable td.common-students div div > span:last-child {display: inline-block; width: 30%}

/** graf povinností **/
table#timetable thead th.speciality {font-size: 0.9em;}
table#timetable tbody tr td.speciality {vertical-align: top; width: 16px;}
table#timetable tbody tr td.speciality > div {text-align: center; height: 28px; overflow: hidden; border-bottom: 1px solid #ccc}

footer {display: flex; flex-direction: row; flex-wrap: wrap; height: 40px; justify-content: center; align-content: center;}

/***** Správa období *****/
#period-timetable-actions {display: flex; justify-content: space-between;}
#period-timetable-actions {padding: 10px 40px; background-color: var(--main-blue);}
#period-timetable-actions button {color: white; border: 1px solid #8796b4; background-color: transparent; padding: 5px 10px;}
#period-timetable-actions h2 {color: white; font-size: 1.35em; margin: 0;}

#dialog-timetable th {width: 200px; vertical-align: top;}
#dialog-timetable th label {text-align: left;}
#dialog-timetable textarea {max-width: 100%; resize: vertical;}
.clearfix {clear: both;}

/***** POŽADAVKY NA ZKOUŠKY *****/
.requirements td {vertical-align: top;}
.requirements {table-layout: fixed; width: 100%;}
.requirements input, .requirements select, .requirements textarea {font-size: 0.97em; background-color: transparent; width: 100%; height: 100%;}
.requirements select {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: initial;}
.requirements td {font-size: 0.8em; padding: 5px 2px; width: 60px; word-break: break-word; border: 1px solid #dee2e6;}
.requirements td.center > select, .requirements td.center > input, #subjects td.center > select, #subjects td.center > input {text-align: center;}
.requirements th:not(.center), .requirements td:not(.center) {text-align: left; overflow: hidden;}
.requirements input[type="time"]::-webkit-calendar-picker-indicator {display: none;}
.requirements textarea, .requirements input, .requirements select, .requirements select:focus-visible,
#subjects textarea, #subjects input, #subjects select, #subjects select:focus-visible {width: 100%; border: none; padding: 3px 1px; background-color: transparent;}
.requirements textarea {overflow: hidden; }
.requirements i {display: block; }
.requirements i:not(:last-child) {margin-bottom: 5px;}

.requirements .border-bot-black {border-bottom: 1px solid black;}
.requirements tr[first-row-of-subject] {border-top: 3px solid black;}
.requirements .border-right-black {border-right: 1px solid black;}

.requirements .cell-bot-bar {margin-top: 5px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.requirements .cell-bot-bar i {display: inline-block; padding: 1px; margin: 2px;}
.requirements .cell-bot-bar i:not(:last-of-type) {margin-right: 5px;}

.requirements [data-cell-type="subject"] i {width: 15px;}
.requirements [data-cell-type="lecturers"] div {margin-bottom: 5px;}

/* oddělená hlavička (#requirements-head) + možnosti nad ní */
#requirements-options {position: sticky; top: 0; background-color: white; padding-top: 5px; z-index: 1;}
/* oddělená hlavička (#requirements-head) */
#requirements-head {table-layout: fixed; width: 100%; text-align: left;}
#requirements-head thead, #requirements-head-2 {background-color: #1B152F; color: white; border: 1px solid #1B152F; font-size: 0.8em;}
#requirements-head th:not(.center), #requirements-head-2 th:not(.center) { padding-left: 1px; }
#requirements-head th, #requirements-head-2 th { padding-top: 10px; padding-bottom: 5px; }
#requirements-head-2 {position: sticky; top: 5.1em;}

/* různé velikosti buněk */
table .cell-max {width: 180px;}
table .cell-max-150 {width: 150px;}
table .cell-xl {width: 105px;}
table .cell-lg {width: 100px; }
table .cell-lg-90 {width: 90px;}
table .cell-md {width: 80px;}
table .cell-md-70 {width: 70px;}
table .cell-md-60 {width: 60px;}
table .cell-sm {width: 54px;}
table .cell-sm-50 {width: 51px;}
table .cell-sm-40 {width: 40px;}
table .cell-sm-30 {width: 30px;}
table .cell-xs {width: 25px;}

/* zobrazení všech sloupců tabulky + barevná paleta @deprecated */
#requirements-options #table-controls {align-items: center;}
#show-all-columns-box {font-size: 0.95em; padding-bottom:4px;}
#show-all-columns-box input[type="checkbox"] {margin: 0 3px;}
#show-all-columns-box label {vertical-align: top; cursor:pointer;}
#show-all-columns-box div:first-child {margin-bottom: 3px;}
#color-box {margin-bottom: 5px; display: flex; justify-content: flex-end;}
#color-box > div:not(#color-info) {cursor: pointer;}
#color-box #color-info p {line-height: 25px; padding-right: 10px; font-size: 0.95em;}
#color-box #color-info i {margin-right: 5px; font-size: 0.9em; cursor: default;}
#color-box > div.color, #color-box > div.lock-open, #color-box > div.lock-closed {width: 25px; height: 25px; display: flex; justify-content: center; align-items: center;}
#color-box > div.color.eraser {border: 2px solid lightgray;}
#color-box > div.lock-open, div.lock-closed {margin: 0 5px;}
#color-box > div.color.selected {border: 2px solid black;}
#color-box > div.color.note {background-color: mistyrose;}
#color-box > div.color.lect {background-color: #FFF2CC;}
#color-box > div.color.last-ls {background-color: #D9D2E9;}
#color-box > div.color.last-zs {background-color: #C9DAF8;}
#color-box > div.color.done {background-color: #D9EAD3;}
#color-box > div.color.not-planned {background-color: yellow;}
#color-box > div.color.modified {background-color: fuchsia;}
#color-box > div.color.unfulfilled {background-color: red;}
#planned-last-year-warning {align-items: center; color: var(--main-blue);}
#planned-last-year-warning span {padding-left: 5px;}
#planned-last-year-warning i, #planned-last-year-warning span {cursor: pointer;}
#planned-last-year-modal .modal-content-box p {margin: 0;}

/***** PŘÍZNAKY K PŘEDMĚTŮM A PŘEDMĚTY *****/
/* Pravidla pro generování příznaků */
#gen-settings > table {width: 100%;}
#gen-settings table {text-align: left; font-size: 0.9em; margin-bottom: 15px;}
#gen-settings table td {margin-top: 10px; vertical-align: top;}
#gen-settings table td:not(:last-child) {padding-right: 10px; padding-top: 5px;}
#gen-settings table td:last-child {vertical-align: middle;}
#gen-settings td input, #gen-settings td select {width: 100%;}
#gen-settings .cell-lg {width: 300px; max-width: 100%;}
#gen-settings .cell-md {width: 200px; min-width: 90px; max-width: 100%;}
#gen-settings .cell-sm {width: 60px; min-width: 50px; max-width: 100%;}
#gen-settings .row-divider {border-bottom: 0.5px solid black;}
#gen-settings .row-divider tr:last-child td {padding-bottom: 10px;}
#gen-settings .row-divider+tbody tr:first-child td {padding-top: 10px;}

#gen-settings .select2-container--default .select2-selection--single {min-height: 32px;}
#gen-settings .select2-selection.changed {border: 1px solid orange;}

#gen-settings-exceptions {border-bottom: 1px solid black; margin-bottom: 15px;}
#gen-settings-exceptions table {width: 80%;}
button#gen-flags-exceptions {margin-left: 15px;}

#subjects-and-flags th:first-child {width: 100px; border-left: 1px solid var(--main-blue);}
#subjects-and-flags select, #subjects-and-flags select:focus-visible {border: none; max-width: 100%; outline: none; margin: 2px 0; background-color: transparent;}
#subjects-and-flags select:not(:last-of-type) {display: block;}

#info-text-box p:first-of-type {margin-top: 0;}
#showed-cnt-select, .search-box {margin: 10px 0 15px 0; font-weight:600;}
#showed-cnt-select select, .search-box input {border-color: #dee2e6;}
#gen-settings-box {margin-left: 10px;}
#gen-settings-box i {display: block;}
#gen-settings #load-rules {margin-right: 10px;}
button#gen-settings-btn, button.gray-btn {padding: 8px; border: 1px solid #e2e2e2; box-shadow: 0 0 6px -3px rgba(0,0,0,0.3);}
button.gray-btn i {margin-right: 0.5em;}
.search-box {text-align: right; display: inline-block; margin-left: 10px;}
.search-box i#filter-subjects {padding: 0 5px;}
.search-box i#filter-subjects[data-active="true"] {color: #c8aa25;}

/* Předměty */
button#set-plan-teaching, button#plan-teaching-add, button#obligation-table-btn, button#obligation-table-btn {border: none; border-radius: 0; box-shadow: 0 0 3px -1px #000000; padding: 5px 10px; color: white;}
button#set-plan-teaching, button#plan-teaching-add {margin: 5px; background-color: var(--main-blue);}
button#obligation-table-btn {background-color: #858585; margin-right: 15px;}
#obligation-modal, #subject-teachers-modal, #subject-students-modal {overflow: hidden;}
#obligation-modal #d-obligation-help-text {width: 300px; display: none; text-align: justify; font-size: 0.9em; overflow-y: auto; max-height: 240px; padding-right: 10px; margin-top: 15px;}
#obligation-modal #d-obligation-help-text > p {margin-block-start: 5px; margin-block-end: 5px;}
#obligation-modal form.add {position: relative; min-height: 500px;}
#obligation-modal form.add #copy-obligations {position: absolute; bottom: 0;}
#subjects thead {top: -1px;}
#subjects th.center {text-align: center; padding-left: 7px;}
#subjects th:first-child {border-left: 1px solid var(--main-blue);}
#subjects td:first-child {font-size: 0.8em; padding-left: 5px;}

/***** IMPORT DAT *****/
#import-settings {padding: 10px 20px;}
#import-settings .green {color: green}
#import-help-btn {position: absolute; bottom: 0; right: 0; margin: 20px; font-size: 30px; color: var(--main-blue);}
#import-modal h3 {text-align: left; font-size: 1.05em;}
#import {display: grid; grid-template-columns: auto 375px; }
#import form {display: flex; flex-wrap: wrap; justify-content: space-between; float:left;}
#import .card {margin: 0 20px 15px 0; border: 1px solid #e2e2e2; width: 300px; box-shadow: 0 0 2px 0 rgba(0,0,0,0.1); border-radius: 5px}
#import .card .card-header {padding: 10px 15px 5px 15px;}
#import .card .card-content {padding: 0 15px 15px 15px; direction: rtl; text-align: left;}
#import .card .card-content select {-webkit-appearance: none; -moz-appearance: none; border: none; font-weight: 600; margin-right: 4px;}
#start-import {width: 100%; padding: 10px 20px;}
#import-log {width: 100%; overflow-y: auto; padding: 10px; text-align: left;}
#import-log h3 {text-align: left;}
#start-import div.inline > input, #start-import div.inline > select {width: 60px; display: inline-block; margin-right: 5px;}
#start-import div.inline > label {display: inline-block;}
#start-import input:not([type=checkbox]), #start-import select, #start-import label.checkbox {border-color: #dee2e6; padding: 4px 2px 4px 8px; margin-bottom: 10px; display: block; width: 95%;}
#start-import input[type=checkbox] {scale: 1.1}
#start-import button {background-color: var(--main-blue); border: none; border-radius: 0; box-shadow: 0 0 3px -1px #7a6400; padding: 5px 10px; color: white;}
#start-import button[disabled] {background-color: #858585;}
#start-import button:hover {box-shadow: -1px 1px 5px 0px #00000069; }
#start-import #legend {margin-top: 10px; font-size: 0.9em; background-color: #efefef; padding: 5px; color: #515151;}
#start-import #legend i {display: block;}
#start-import #import-err {font-size: 0.9em; color: var(--error-color);}
#start-import #import-info {font-size: 0.9em; color: var(--info-color);}

#progress-bar { width: 100%; background-color: #ddd; }
#progress-bar-done { width: 0%; height: 20px; background-color: #18c559; }
#progress-bar-done.ok { background-color: #18c559; }
#progress-bar-done.warning { background-color: var(--warning-color); }
#progress-bar-message {font-size: 0.9em;}
#progress-bar-message .left-box {width: 70%;}
#progress-bar-message .right-box {width: 30%; text-align: center;}
#progress-bar-message .right-box p.ok {color: #18c559;}
#progress-bar-message .right-box p.warning {color: var(--warning-color);}
#progress-bar-message .right-box p > u {cursor: pointer;}
#progress-bar-message p {margin-top: 5px; margin-bottom: 0;}

.custom-modal.fixed-height .modal-content {margin: 5% auto; }
.custom-modal.fixed-height table {table-layout: fixed;}
.custom-modal.fixed-height tbody {max-height: 450px;}
.custom-modal.fixed-height tfoot::-webkit-scrollbar, .custom-modal.fixed-height thead::-webkit-scrollbar {visibility: hidden;}
.custom-modal.fixed-height tbody, .custom-modal.fixed-height thead {overflow-y: scroll;}
.custom-modal.fixed-height thead, .custom-modal.fixed-height tbody, .custom-modal.fixed-height th, .custom-modal.fixed-height td {display: block; width: 100%;}
.custom-modal.fixed-height th:last-child, .custom-modal.fixed-height td:last-child { padding: 5px;}
.custom-modal.fixed-height td:last-child { padding: 5px;}
/*.custom-modal.fixed-height th:nth-last-child(2), .custom-modal.fixed-height td:nth-last-child(2) {width: 50%;}*/
.custom-modal.fixed-height tr {display: flex;}
.custom-modal.fixed-height td {padding: 9px 10px 6px 10px;}

.custom-modal .search-box {text-align: left;}
.custom-modal .add input, .custom-modal .add select {display: block; border: 1px solid #dee2e6; padding: 4px; margin-bottom: 5px; min-width: 300px;}
.custom-modal .add input {padding: 4px 2px 4px 8px;}
.custom-modal .add button {padding: 5px; border: 1px solid #e2e2e2; box-shadow: 0 0 6px -3px rgba(0,0,0,0.3);}
.custom-modal .list {flex-grow: 1; margin-right: 20px;}

.custom-modal h2 {text-align: left;}
.custom-modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.custom-modal i {cursor: pointer; padding: 5px;}
.custom-modal h2 {font-size: 1.2em; margin: 0;}
.custom-modal hr { margin: 0; width: 100%; border-top: 1px solid #dddddd;}
.custom-modal .modal-content-box {padding: 15px 20px;}
.custom-modal .modal-content {background-color: #fefefe; margin: 15% auto; width: 80%; box-shadow: 0 0 6px 1px rgba(0,0,0,0.3); border-radius: 3px;}
.custom-modal.modal-md .modal-content {max-width: 1000px;}
.custom-modal .close {color: #aaa; float: right; font-size: 28px; position: relative; padding: 10px 15px; }
.custom-modal .close:hover, .modal .close:focus { color: black; text-decoration: none; cursor: pointer; }
.scroll-disabled {overflow: hidden;}

.custom-input {display: block; border: 1px solid #dee2e6; padding: 4px; margin-bottom: 5px; min-width: 300px;}
.custom-btn {padding: 7px 10px; border: 1px solid #e2e2e2; box-shadow: 0 0 6px -3px rgba(0,0,0,0.3);}

/* POČTY NA VÝUKU */
#teaching-cnt-settings {display: flex; justify-content: space-between;}
#teaching-cnt-settings, #collisions-settings, #obligations-settings {padding: 10px 0; background-color: white; position: sticky; top: 0; z-index: 10;}
#teaching-cnt-settings label, #collisions-settings label {margin-right: 5px; cursor: pointer; }
#teaching-cnt-settings #hide-checkbox {margin-left: 20px; }
#teaching-cnt.custom-table thead, #collisions.custom-table thead {top: 40px;}
#obligations.custom-table thead {top: 66px;}

/* POČTY NA ZKOUŠKU */
#exam-cnt input {max-width: 100%; border: none;}
#exam-cnt th:not(:first-child):not(:nth-child(2)), #exam-cnt tr td:not(:first-child):not(:nth-child(2)), #exam-cnt tr td:not(:first-child):not(:nth-child(2)) input {text-align: center;}
#exam-cnt .term-shift {text-align: center;}
#exam-cnt .term-shift i {font-size: 1.1em; }
#exam-cnt .term-shift i:first-child { padding-right: 20px; }

/* TABULKA POVINNOSTÍ */
#obligations-settings #specializations-checkbox {margin-left: 20px;}
#obligations-settings .advanced-filter {display: block; margin-top: 5px;}
#obligations-settings .advanced-filter input {border-color: #dee2e6;}
#obligations thead tr th {min-width: 65px; padding: 5px;}
#obligations thead tr th:first-child {min-width: 90px;}
#obligations tbody tr td.compulsory, span.compulsory {background-color: #A28711;}
#obligations tbody tr td.selective, span.selective {background-color: #c8aa25;}
#obligations tbody tr td.elective, span.elective {background-color: #DEC44C;}
#obligations tbody tr td.recommended, span.recommended {background-color: #E1D5A0;}

/* ROZSAH SKUPIN */
#groups-form {margin-left: 20px;}
#groups-form button {width: 100%;}
#groups-form, #groups {margin-top: 10px;}


/** TABULKY **/
.table-controls {display: flex; justify-content: space-between; margin-bottom: 10px; gap: 10px; font-size: 0.9em; align-items: center;}
.button-box {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 auto;}

.custom-table {font-size: 0.85em; table-layout: fixed; position: relative;}
.custom-table colgroup {border-right: 1px solid white;}
.custom-table thead {background-color: var(--main-blue); color: white; position: sticky; top: 0; z-index: 1;}
.custom-table thead th {border: none; padding-bottom: 5px; text-align: left; }
.custom-table td, .custom-table th {border: 1px solid #ccc; padding: 5px 10px; }
.custom-table td.small, .custom-table th.small {font-size: 0.8em;}
.custom-table td.nopadding, .custom-table th.nopadding {padding: 1px;}
.custom-table tr.changed {background-color: #D0B439;}
.custom-table tr.changed td {border-color: #b8a13c;}
.custom-table tr.row-highlight.changed {background-color: #c8aa25;}
.custom-table.striped tbody tr:nth-child(2n) td {background: rgba(199, 199, 199, 0.18)}
.custom-table tr:not(:first-of-type) [rowspan], .custom-table tr:not(:first-of-type) [rowspan] ~ th, .custom-table tr:not(:first-of-type) [rowspan] ~ td {border-top-width: 3px;}

.dialog .custom-table thead {top: -0.5em;}


/* TABLESORTER STYLY */
.tablesorter-default .header, .tablesorter-default .tablesorter-header {cursor: pointer; white-space: normal; padding: 4px 20px 4px 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAYAAADdA2d2AAAAAXNSR0IArs4c6QAAALlJREFUOE91UkkSwCAII/7/zdIJm0hbpoeKkYQA5CMgIioQgfIT5VlVATBpeUsy3kdLvUD1wN/I1q38Y52FhaAsYse7lORJXXXnQhxEhQZW57dHC84wI+o67JBcMN3suWqdO+pm4av9qbS86z52psFajn2rGWxdKEQpNRqxdqN9ohZAl+5GgyyaSweHFRyJ1XVP0wrfghO1LXNQf/tBObQ2Z0WF18IMK0hQjJ2tnGo/tKIUdkDb5Rz4A/1Jbg30UwFFAAAAAElFTkSuQmCC) no-repeat center right;}
.tablesorter-default thead .sorter-false { background-image: none; cursor: default; padding: 4px; }
.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerAsc, .tablesorter-default thead .tablesorter-headerSortUp {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAYAAABhnXSoAAAAAXNSR0IArs4c6QAAAGRJREFUKFNtjwkOACEIA1v+/2a64RCPLDFGK7QjcRUBCLNTcQVacUlGY4ujV/8uroGSTtMzjZB85khGY/U/wcvlyTjoqJzxMBRjZWxgmTGebt/G6sQ/36JwV3jV/+4DknhgN/UH/R0xBonVnx4AAAAASUVORK5CYII=);}
.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .tablesorter-headerSortDown {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAYAAABhnXSoAAAAAXNSR0IArs4c6QAAAGZJREFUKFNtUNsWgDAIAv//m6WDLtcqn9QhlxEuAtBqKFA9SqrtXwVpZB2+zmt+8BLD6CcKmVKBLOSVSRgcujHReBtq0pHqvp1uF6mUGU0aDB7CB7KDlfbK/mV/HEipiXz/z5Fyn19aAjkH+03rqwAAAABJRU5ErkJggg==);}
.tablesorter-default th, .tablesorter-default thead td {background-color: var(--main-blue); color: white; }

/* OBECNÉ */
table.legend td, table.legend th {padding: 0.5em; font-size: 0.7em}


@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
    section {padding: 15px 70px; margin: 0 auto;}

}