:root {
	--theme-color: #fcc400;
}

a[href^="error: "] {color: red !important;}
body {/*font-family: Calibri;*/ /*overflow-x: hidden;*/ overflow-y: scroll;}
.clear {clear: both;}
.nette-dump:first-of-type {margin-top: 150px;}
.tracy-dump:first-of-type {margin-top: 150px;}
.noResize {resize: none;}
.floatLeft {float: left;}
.floatRight {float: right;}
.table-padding td, .table-padding th {padding: 0 4px;}
table.table-spacing {border-collapse: separate; border-spacing: 4px;}
table.table-spacing-2 {border-collapse: separate; border-spacing: 8px;}
.no-padding {padding: 0 !important;}
.no-select {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.center-text {text-align: center;}
.ui-datepicker {z-index: 100999 !important;}
.errors {color: red;}
td.no-bg {background: none !important;}
td.no-border {border: none !important;}
.spread {width: 100%;}
.block {display: block;}
.align-center {text-align: center;}
.nowrap {white-space: nowrap;}
.gray {color: gray;}
.disabled {/*color: gray0;*/ opacity: 0.5;}
.crossed {text-decoration: line-through;}
.strong, .bold {font-weight: bold;}
.warning {color: orange;}
.info {color: #31708f;}
.success {color: green;}
.danger {color: red;}
.no-overflow {overflow: hidden;}
.text-italic {font-style: italic;}
.p-t-10 {padding-top: 10px;}
.mb-2 {margin-bottom: 20px;}
.flex-grow-1 {flex-grow: 1;}
.ms-auto {margin-block-start: auto !important;}
.btn-block {display: block; width: 100%; text-align: center;}

/* Boostrap 5 polyfills */
.text-warning {color: #ffc107 !important;}

/************************** IKONY ******************************/
.ico {display: inline-block; width: 16px; height: 16px;}
.ico.icoClose {background: url(../images/icons/close.png);}
.ico.icoClose:hover {background-position: -16px;}
.ico.icoClose:active {background-position: -32px;}
.ico.icoCloseBlue {background: url(../images/icons/Search-close.png);}
.ico.icoCloseBlue:hover {background-position: -16px;}
.ico.icoCloseBlue:active {background-position: -32px;}
.ico.icoCloseBig {width: 21px; height: 20px; background: url(../images/icons/win_close2.png);}
.ico.icoCloseBig:hover {background: url(../images/icons/win_close2_hover.png); box-shadow: rgba(221, 117, 91, 1) 0px 0px 2px;}

/*************************** BODY ****************************/


.body > .wrap {position: relative;}
.body > .wrap > .main {padding: 0 15px;}
.body > .wrap > .main .seznam-wrap {/*padding-top: 20px;*/}
.body > .wrap > .main .seznam {width: 100%;}
.body > .wrap > .main .seznam tbody tr:hover {background-color: #C8C8C8;}
.body > .wrap > .main .seznam tbody td {padding: 3px;}
.body > .wrap > .main .seznam tbody td:has(a) {padding: 0;}
/*.body > .wrap > .main .seznam tbody td {border-bottom: 1px solid black;}
.body > .wrap > .main .seznam.dataTable tbody td {padding-left: 10px;}*/
.body > .wrap > .main .seznam tbody tr a {display: block; color: black; text-decoration: none; padding: 3px;}
.body > .wrap > .main .seznam tbody tr.disabled a {color: gray;}
.body > .wrap > .flashesMain .flashes {/*margin-bottom: -20px;*/}
.body .zavrit-vysouvaci {float: right; padding-right: 20px;}

/************************** OBECNÉ ******************************/
.column-content { display: flex; flex-direction: column; align-items: center; }
.column-content .flashes { width: 100%; }
.column-content h1, .column-content h2, .column-content h3 { text-align: center; }
.column-content dl.dl-horizontal dt { text-align: left; }
.button-box { width: 250px; height: 250px; max-width: 100%; display: flex; flex-direction: column; justify-content: center; white-space: initial; }
.button-box .button-image { flex-grow: 1; display: flex; align-items: center; justify-content: center; }
.button-box .button-image .fa { font-size: 100px !important; }
table.udaje th {text-align: right; padding-left: 10px; padding-right: 10px;}
table.udaje td {text-align: left; padding-left: 10px; padding-right: 10px;}

/************************** FLASHES *****************************/
.flashes {padding: 0 20px; max-width: 800px;}
.flashes .alert {margin-bottom: 5px; padding: 10px 15px;}
.flashes .alert-success div:not(:last-of-type) {border-bottom: 1px solid #3c763d;}
.flashes .alert-info div:not(:last-of-type) {border-bottom: 1px solid #31708f;}
.flashes .alert-warning div:not(:last-of-type) {border-bottom: 1px solid #8a6d3b;}
.flashes .alert-danger div:not(:last-of-type) {border-bottom: 1px solid #a94442;}
.flashes .alert > div {padding: 5px 0;}
/*.flashes .alert > div span.close {float: right;}*/
.body .flashesMain .alert:last-of-type {/*margin-bottom: -20px;*/}
ul.flashes {padding-left: 5px;}
li.alert {list-style-type: none; }

/************************** FORMULÁŘ ************************/
form.float > fieldset {float: left; margin-bottom: 15px;}
form.float fieldset {padding-right: 45px; /*max-width: 100%; overflow-x: auto;*/ /*font-size: 16px;*/}

form.flex {display: flex; gap: 45px;}

form.columns {column-width: 25em;}

form.default fieldset > fieldset {margin-top: 15px; }
form.default table th {padding-right: 10px;}
form.default table td {padding-top: 5px; padding-bottom: 5px; padding-right: 5px;}
form.default td label {font-weight: normal; margin: 0;}
form.default input[type="checkbox"] {margin-right: 5px;}
form.default td div.skupiny div.typ {float: left;}
form.default td div.skupiny div.typ label {/*margin-right: 10px;*/ width: 57px; cursor: pointer;}
form.default button.description {float: right; margin-top: -34px; margin-right: -28px;}
form.default .inline-text {display: inline-block; width: auto;}

form input.big-chb {display: inline-block; width: 100%; margin: 0; min-height: 28px; height: 100%;}

form.default.slim table td {padding: 0;}

form.form-inline.padded > *:not(:first-child) {padding-left: 15px;}

.select2-drop.bigdrop {min-width: 500px;}
.select2-container {min-width: 100px;}

form .help-container input {padding-right: 40px;}
form .help-container .btn-help {float: right; margin-bottom: -34px;}
form .btn-help {color: white !important;}
form .btn-help.help-right {float: right; margin-left: 5px;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {color: #333333;}

select.bootstrap-types.default, select.bootstrap-types option[value="default"] {color: #333; background-color: #f5f5f5; border-color: #ddd;}
select.bootstrap-types.success, select.bootstrap-types option[value="success"] {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
select.bootstrap-types.primary, select.bootstrap-types option[value="primary"] {color: #fff; background-color: #428bca; border-color: #428bca;}
select.bootstrap-types.info, select.bootstrap-types option[value="info"] {color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
select.bootstrap-types.warning, select.bootstrap-types option[value="warning"] {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
select.bootstrap-types.danger, select.bootstrap-types option[value="danger"] {color: #a94442; background-color: #f2dede; border-color: #ebccd1;}

.datepicker-wrapper {
	position: relative;
}
.datepicker-wrapper .popover.right {
	margin-left: 50px;
}
form .popover {
	min-width: 230px;
}

/********************* DETAIL ***********************/
.body > .wrap > .detail {position: absolute; width: 100%; top: 0; display: table;}
.body > .wrap > .detail > div {border: 2px solid #333; border-radius: 5px; padding: 5px; margin: 0 10px; min-height: 300px; background-color: white;}
.body > .wrap > .detail h1 {margin-top: 0px;}
.body > .wrap > .detail section {/*float: left;*/ padding: 0 12px; float: none; display: table-cell; vertical-align: top;}
.body > .wrap > .detail section:not(:last-of-type) {border-right: 1px solid #333;}
.body > .wrap > .detail section table {border-collapse: separate; border-spacing: 5px;}
.body > .wrap > .detail section > table, .body > .wrap > .detail section > p {padding-left: 10px;}
.body > .wrap > .detail section ul:not(.dropdown-menu):not(.list-unstyled) {padding-left: 24px;}


/******************** VYSOUVACÍ *********************/
.body > .wrap > .vysouvaci {position: absolute; width: 100%; left: 0%; top: 0; /*background-color: white;*/}
.body > .wrap > .vysouvaci > div {height: 100%; padding: 0px 50px 0px 10px; /*overflow-y: auto;*/}
.body > .wrap > .vysouvaci > h1 {margin-top: 0px;}
.body > .wrap > .vysouvaci section {float: left; padding-right: 30px;}

/********************* LOADER ***********************/
body > .loader {position: fixed; top: 0; width: 100%; height: 100%; z-index: 1050; display: none;}
body > .loader > .text {z-index: 1001; position: fixed; top: 64px; width: 100%; text-align: center; font-size: 72px; color: gray;}
body > .loader > .background {position: absolute; top: 0; height: 100%; width: 100%; background: url(../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) repeat scroll 50% 50% #666666; opacity: 0.2;}


/******************** SPECIÁLNÍ ***********************/
.semafor {display: inline-block; text-align: center; margin: 1px; height: 18px; width: 18px; line-height: 18px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; vertical-align: text-bottom;}
.semafor.cervena {background-color: red; color: #DDD;}
.semafor.zluta {background-color: orange; color: #000;}
.semafor.zelena {background-color: green; color: #FFF;}
.semafor.fialova {background-color: purple; color: #AAF; font-weight: bold; font-size: 19px;}
table.seznam tr td.number {text-align: right;}
.bootstrap-datetimepicker-widget table td.today {border-bottom: 2px solid #337ab7;}
.bootstrap-datetimepicker-widget table td.weekend:not(.new) {font-style: italic; color: darkred;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {color: white !important;}

.highlighted-tooltip-container {text-decoration: underline dotted; cursor: help !important;}

/*********************** DOCHÁZKA ******************************/
.prehledova-tabulka td {border-bottom: 1px solid black;}
.prehledova-tabulka tbody td, .prehledova-tabulka .ligh {background-color: rgb(255,230,153);}
.prehledova-tabulka .dark {background-color: rgb(205,180,103);}
.tabulka-dochazka label {cursor: pointer; cursor: hand;}
.tabulka-dochazka tfoot input.chb {visibility: hidden; position: absolute; left: -10000px;}
.tabulka-dochazka tfoot label.chb {background-color: red; display: inline-block; width: 100%; height: 100%; margin: 0;}
.tabulka-dochazka tfoot label.chb.ucast {background-color: green;}

/*********************** JÍZDY **********************************/
#seznam-jizdy td {border-bottom: 1px solid black;}
#seznam-jizdy thead td {background-color: #FFA500;}

/*********************** TABULKY *******************************/
table.table-gray thead td, table.table-gray thead th {border-bottom: 1px solid black; background-color: rgb(217, 217, 217);}
table.table-gray tbody td, table.table-gray tbody th {background-color: rgb(242, 242, 242);}

table.info {border-spacing: 0 !important;}
table.info td {padding: 0 4px; border-bottom: 1px dashed lightgray;}

table.even > tbody > tr:nth-child(2n+1) > td, table.even > tbody > tr:nth-child(2n) > th, table.odd > tbody > tr:nth-child(2n+1) > td, table.odd > tbody > tr:nth-child(2n+1) > th {background-color: rgba(200, 200, 200, 0.3);}
.force-hard-wrap {word-break: break-all;}

/************ NÁSTĚNKA *********/
/*#nastenka {border-right: 1px solid gray;}*/
#nastenka .panel-heading .date {font-size: 11px;}
#nastenka .panel-old .panel-heading, #nastenka .panel-old .panel-body {opacity: 0.5;}

/************ MODÁNÍ OKNA (MODALS) ***********/
.modal .warning {color: darkorange;}
.disclaimer {
    border: 1px solid black;
    padding: 5px;
	margin-bottom: 10px;
}
.disclaimer > .fa {
	float: left;
	padding-right: 7px;
}
.disclaimer:after {
	clear: both;
	content: " ";
    display: table;
}
.disclaimer-danger {
	border-color: red;
	color: red;
}
/************ CONTEXT MENU *************/
#contextMenu {position: absolute; display:none;}
#contextMenu .dropdown-menu {display: block; position: static; margin-bottom: 5px;}




.pridat-zaky .fa-exclamation-triangle {color: red; font-size: 1.2em;}
.help, *[data-help] {cursor: help;}
.select2-container .select2-choice abbr {top: 6px;}

/*span.chb-nice {position: relative; padding: 10px 0;}*/
/*span.chb-nice label.btn {position: absolute !important; top: 0px; left: 0; padding: 6px 34px 6px 12px;}
span.chb-nice label.btn-off {padding: 6px 21px;}*/
.chb-nice input {display: none;}
.chb-nice .btn {min-width: 55px;}
.chb-nice .btn-off, .chb-nice .btn-off:active {background: linear-gradient(to bottom, #c9433f 0%, #b11e1a 100%); border-color: #990c08;}
.chb-nice .btn-off, .chb-nice .btn-off:focus, .chb-nice .btn-off:active, .btn-off:hover {color: #600;}
.chb-nice .btn-success {box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 0 5px #5cb85c;}
/*.btn-off:after {content: "OFF"; color: black; position: absolute; width: 100%; left: 0;}*/

.main .dataTables_wrapper {padding-top: 30px;}
@media (min-width: 600px) {
	.main .dataTables_filter {
		position: fixed;
		right: 20px;
		margin-top: -32px !important;
		z-index: 10;
	}
}
.main .dataTables_wrapper .btn-sort-neutral {margin-top: -38px;}

.body > div.licence {
	color: white;
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
	border-radius: 20px;
	margin: 5px 20px;
}
.body > div.licence a {
	text-decoration: underline;
	color: white;
}
.body > div.licence a:hover {
	text-decoration: none;
	color: #ccc;
}
.body > div.licence.propadnuta {
	background: linear-gradient(to bottom, rgb(252, 45, 32), rgb(174, 26, 23));
}
.body > div.licence.varovani {
	/*background-color: orangered;*/
	background: linear-gradient(to bottom, rgb(255, 69, 0), rgb(174, 29, 0));
}

#pristupy-autoskoly > div {
	display: none;
}

/******** PAGE SPECIFIC *******/
.pridat-zaky-kurz .table-wrap {
	display: inline-block;
	/*margin-top: 35px;*/
}
.pridat-zaky-kurz .pridat-zaky {
	width: auto;
	margin: 0;
}
.pridat-zaky-kurz .dataTables_filter {
	right: 20%;
}
.pridat-zaky-kurz {
	padding-top: 34px;
}
.pridat-zaky-kurz input.inline-text {
	min-width: 100px;
}
@media(min-width: 600px) {
	.pridat-zaky-kurz .btn-fixed, .pridat-zaky-kurz .dataTables_filter {
		position: fixed;
		margin-top: -100px;
		z-index: 10;
	}
}

#kurz-seznam-zaku .zak.vyrazen {
	font-style: italic;
}

.duplicity-grid {display: grid;width: 100%;grid-template-columns: max-content auto auto auto auto auto max-content;grid-template-rows: repeat(auto-fill, auto);}
.duplicity-grid > div {padding: 5px;border-top: 1px solid #ddd;}
.duplicity-grid .heading {grid-column: 1 / -1;}
.duplicity-grid .sticky-heading {position: sticky;top: calc(var(--body-offset, 0) - 2px);background: var(--bs-body-bg);border-bottom: 2px solid gray;border-top: none;}
/*
.qr-scanning {z-index: 100; position: fixed; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); display: none;}
.qr-scanning #qr-reader {width: 600px; max-width: 100%;}
.qr-scanning .stop-button {position: fixed; bottom: 10px; left: 0; width: 100%; display: block;}
*/

.e-jizda .poznamky {
	column-gap: 1rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.e-jizda .poznamky > div {
	min-width: 0;
}

.list-group-radios label.list-group-item {
	display: grid;
	grid-template-areas: "input label" "input description";
	grid-template-columns: 18px 1fr;
	align-items: center;
	column-gap: 1rem;
	cursor: pointer;
}
/* Make labels behave like list-group-item-action (hover + active states) */
.list-group-radios label.list-group-item {
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.list-group-radios label.list-group-item:hover,
.list-group-radios label.list-group-item:focus {
	z-index: 1;
	color: var(--bs-list-group-action-hover-color, #1e2125);
	text-decoration: none;
	background-color: var(--bs-list-group-action-hover-bg, #f8f9fa);
}
.list-group-radios label.list-group-item:has(input:checked) {
	z-index: 2;
	color: var(--bs-list-group-active-color, #fff);
	background-color: var(--bs-list-group-active-bg, #0d6efd);
	border-color: var(--bs-list-group-active-border-color, #0d6efd);
}
.list-group-radios label.list-group-item:has(input:checked) .list-group-radios-item-heading,
.list-group-radios label.list-group-item:has(input:checked) .list-group-radios-item-description {
	color: inherit;
}
.list-group-radios label.list-group-item input {
	grid-area: input;
	width: 1.125rem;
	height: 1.125rem;
	accent-color: var(--bs-primary, #0d6efd);
	cursor: pointer;
}
.list-group-radios label.list-group-item .list-group-radios-item-heading {
	grid-area: label;
	margin: 0 0 0.25rem 0;
	font-weight: 600;
	color: var(--bs-body-color, #212529);
}
.list-group-radios label.list-group-item .list-group-radios-item-description {
	grid-area: description;
	font-size: 0.875em;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.4;
}


.layout-simple .navbar {
	background-color: var(--theme-color);
}
.layout-simple .navbar {
	margin-bottom: 3rem;
}