/* basic */
@media (max-width: 1023.98px) {
	p,
	table.form {
		margin-bottom: 12px;
	}
	input,
	select,
	textarea {
		border-radius: 0;
		color: #000;
	}
	.no-padding.header {
		padding: 6px 4px !important;
	}
	div.footable-loader > span.fooicon {
		width: 20px !important;
		height: 20px !important;
	}
	.fooicon-loader:before {
		content: '' !important;
		display: block;
		width: 20px;
		height: 20px;
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAghJREFUeNqkk09rU1EQxX9N0xqTlrYp1j+RYFuwIIi7gqCLVuxC8IN0IQqiKLp0IQqiKORLuFOsKG0R60JXiigqJMGYiCY2trRNNUmLc959r3mW7HphuHNnzpn7zsx9HQ9n5mm3jn6ZuGHbtH/MvD88f70dLrKNdNqszz9Oj54lKQsKKSdM2wKWuB8f4lmkiyXzr3TuItnZDZ6Zr5hywggb8DokwQKT8T3MHjwJzXUov4PEPugbdqDlPKz9gKFjEN0NxZdQq3DKZM1F/UJv/vyG+ip098KB4y7YrLldhYJi9RUQVpwtCVZpdbPJhfLbFrFgvc3NUJDJb6y5nDDCiuNJ+HyPa2qSaU0NHoH+Ufj2AtZ/cdVAN/3+XIoluZWegKUsLH6EjToVTUcFiiNnSEmblm7KPyVv5JFtE/p0aIoxSdTa+AvZx1Qi7HCpQCb3hFL2kfu8rgTEBhnW2EK3S4J3uzDC6nZPQvASDXQ+sZe7qROuid9fW7erFJQzcnr/uCteWrCR/uSiSbwTfgc9kSgr6Uk3xmAFY4zGW7GG9f7rrDeJXk0i6MF4bMDIPa6JpVf2qTlHlMlXTDlP4oDjhN/BnL2sB8UFV91e3eXFD61b5SumnDDCivPfv2CBc7UyU5sN+s2/bXOumuFbVTHlhBE24EXDI7HE89AxY93e+p39/LJtYQz/BBgAhnHwY9FgNQcAAAAASUVORK5CYII=") no-repeat 50% 50%;
		background-size: 100% auto;
	}
}

@media (max-width: 767.98px) {
	.no-padding.header {
		padding: 4px !important;
	}
}

/* header */
@media (max-width: 1023.98px) {
	div.header {
		display: flex;
		align-items: center;
		gap: 0 5px;
		padding: 10px 0 10px 10px;
		box-sizing: border-box;
	}
	div.header > h1 {
		margin: 0;
		font-size: 16px;
		line-height: 16px;
	}
	div.header > span.arrow {
		margin: 0;
		position: relative;
		top: -2px;
		font-size: 30px;
		line-height: 30px;
	}
	div.header > h3 {
		margin: 0;
		font-size: 16px;
		line-height: 16px;
	}
	div.header > select.language {
		margin: 0 0 0 15px;
		padding: 0 4px;
		border: 0;
		color: #000;
	}
	div.header > ul.toolbar {
		margin-left: auto;
	}
	div.header > ul.toolbar a,
	div.header > ul.toolbar span {
		display: inline-flex;
		align-items: center;
		font-size: 12px;
		line-height: 12px;
	}
	div.header > ul.toolbar a[class*="icon-"] {
		padding: 13px 8px 11px 20px;
		background-position: 5px 50%;
		background-size: auto 10px;
	}
	div.header > ul.toolbar .icon-help {
		display: none;
	}
}

@media (max-width: 767.98px) {
	div.header {
		padding-left: 5px;
	}
	div.header > span.arrow,
	div.header > h3 {
		display: none;
	}
	div.header > select.language {
		width: auto;
	}
	div.header > ul.toolbar a[class*="icon-"] {
		width: 40px;
		height: 40px;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background-position: 50% 50%;
		background-size: auto 12px;
	}
}

/* burger */
div.header .burger {
	display: none;
}
@keyframes goDown {
	from {
		top: 0;
	}
	to {
		top: 6px;
	}
}
@keyframes goUp {
	from {
		top: 0;
	}
	to {
		top: -6px;
	}
}

@media (max-width: 1023.98px) {
	div.header .burger {
		display: inline-flex;
		flex-direction: column;
		justify-content: space-between;
		width: 30px;
		min-width: 0;
		height: 30px;
		margin-right: 15px;
		padding: 8px 10px 8px 0;
		background: transparent;
		cursor: pointer;
	}
	div.header .burger span {
		width: 100%;
		height: 2px;
		position: relative;
		background: #fff;
	}
	div.header .burger span:nth-child(1),
	div.header .burger span:nth-child(3) {
		transition: 0.2s transform;
		transform: rotate(0);
	}
	div.header .burger span:nth-child(2) {
		left: 0;
		transition: 0.2s left;
	}
	body.main.has-menu-opened div.header .burger span:nth-child(1) {
		animation: goDown 0.2s forwards;
		animation-delay: 0.1s;
		transform: rotate(45deg);
	}
	body.main.has-menu-opened div.header .burger span:nth-child(2) {
		left: -150%;
	}
	body.main.has-menu-opened div.header .burger span:nth-child(3) {
		animation: goUp 0.2s forwards;
		animation-delay: 0.2s;
		transform: rotate(-45deg);
	}
}

/* main menu */
@media (max-width: 1023.98px) {
	body.main > div.left-column {
		left: -100%;
		z-index: 10;
		transition: 0.3s left;
	}
	body.main.has-menu-opened > div.left-column {
		left: 0;
	}
	body.main.has-menu-opened div.left-column-shadow {
		width: 100vw;
		height: calc(100dvh - 64px);
		background: rgba(0, 0, 0, 0.3);
		position: relative;
		top: 40px;
		z-index: 10;
	}
	body.main.has-menu-opened body.main > div.footer {
		z-index: 10;
	}
	body.main ul.menu a {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		background-position-y: 5px !important;
	}
	body.main ul.menu span.node,
	body.main ul.menu li span.node {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 26px;
		height: 26px;
		top: 0;
		left: 0;
		background: none !important;
	}
	body.main ul.menu span.node:after {
		content: '';
		width: 12px;
		height: 12px;
		background-image: url('nodes.png');
		background-position: -1px -17px;
		background-repeat: no-repeat;
	}
	body.main ul.menu li.closed span.node:after {
		background-position: -1px -1px;
	}
	body.main ul.menu li ul li span.node {
		left: 20px;
	}
	body.main ul.menu li ul li ul li span.node {
		left: 37px;
	}

	body.main > .left-column-expander {
		display: none;
	}
}

/* splitter */
@media (max-width: 1023.98px) {
	body.main > div.splitter {
		display: none;
	}
}

/* content */
@media (max-width: 1023.98px) {
	body.main > div.module {
		left: 0 !important; /* for inline styles */
	}
	body.module > div.content {
		display: block;
		width: 100%;
		min-width: 0;
		height: auto;
		padding-right: 12px;
		padding-bottom: 12px;
		padding-left: 12px;
		overflow: hidden;
		word-wrap: break-word;
	}
	body.module > div.content > *:last-child {
		margin-bottom: 1px;
	}
}

/* cmd line */
@media (max-width: 1023.98px) {
	div.cmd-line {
		min-height: 30px;
	}
	body:not(.dialog) div.cmd-line a,
	body:not(.dialog) div.cmd-line span {
		display: inline-flex;
		align-items: center;
		font-size: 12px;
		line-height: 12px;
	}
	body:not(.dialog) div.cmd-line a[class*="icon-"] {
		height: auto;
		min-height: 30px;
		padding: 8px 8px 8px 20px;
		background-position: 5px 50%;
		background-size: auto 10px;
		box-sizing: border-box;
	}
	body:not(.dialog) div.cmd-line [class*="icon-"].disabled,
	body:not(.dialog) div.cmd-line [class*="icon-"].resize-left,
	body:not(.dialog) div.cmd-line [class*="icon-"].resize-right,
	body:not(.dialog) div.cmd-line [class*="icon-"].icon-tree {
		display: none;
	}
}

@media (max-width: 767.98px) {
	body:not(.dialog) div.cmd-line a[class*="icon-"] {
		width: 40px;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background-position: 50% 50%;
		background-size: auto 12px;
	}
	body:not(.dialog) div.cmd-line a[class*="icon-"].icon-module {
		filter: saturate(200%);
	}
	body:not(.dialog) div.cmd-line a[class*="icon-"].icon-plus[title="Přidat zvací dopis"] {
		filter: invert(1);
	}
	body.dialog div.cmd-line a,
	body.dialog div.cmd-line span {
		display: inline-flex;
		align-items: center;
		font-size: 12px;
		line-height: 12px;
	}
	body.dialog div.cmd-line a[class*="icon-"] {
		height: auto;
		min-height: 30px;
		padding: 8px 8px 8px 20px;
		background-position: 5px 50%;
		background-size: auto 10px;
		box-sizing: border-box;
	}
	body.dialog div.cmd-line [class*="icon-"].disabled,
	body.dialog div.cmd-line [class*="icon-"].resize-left,
	body.dialog div.cmd-line [class*="icon-"].resize-right,
	body.dialog div.cmd-line [class*="icon-"].icon-tree {
		display: none;
	}
}

@media (max-width: 425px) {
	body.dialog div.cmd-line a[class*="icon-"] {
		width: 40px;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background-position: 50% 50%;
		background-size: auto 12px;
	}
	body.dialog div.cmd-line a[class*="icon-"].icon-module {
		filter: saturate(200%);
	}
	body.dialog div.cmd-line a[class*="icon-"].icon-plus[title="Přidat zvací dopis"] {
		filter: invert(1);
	}
}

/* list */
table.list > tbody > tr > td,
table.list > tbody > tr > th {
	position: relative;
}
table.list > tbody > tr > th {
	overflow: visible;
}
table.list > tbody > tr.filters > th > div.filter-dropdown-form {
	z-index: 50;
}

@media (max-width: 1023.98px) {
	table.list {
		line-height: 18px;
	}
	table.list.no-wrap {
		table-layout: fixed;
	}
	table.list > tbody > tr > td > span.footable-toggle {
		margin: 0 10px 0 0;
		position: relative;
		top: 2px;
		opacity: 1;
	}
	table.list > tbody > tr > td > span.footable-toggle
	table.list .footable-header .footable-toggle {
		display: none;
	}
	table.list > tbody > tr > td > span.footable-toggle + a.action {
		width: 16px !important;
		height: 16px !important;
		padding: 0;
		background-position: initial;
	}
	table.list > tbody > tr > td > span.footable-toggle + a .icon {
		display: none;
	}
	table.list .fooicon {
		font-family: inherit !important;
		font-weight: 700;
	}
	table.list .footable-first-visible {
		min-width: 60px;
		padding: 4px !important;
		text-align: left !important;
	}
	table.list .footable-first-visible .fooicon {
		cursor: pointer;
	}
	table.list th.footable-first-visible .fooicon {
		display: none;
	}
	table.list .footable-first-visible a {
		white-space: normal;
	}
	table.list .footable-first-visible input {
		margin: 0 !important;
	}
	table.list .footable-first-visible input:not(:last-child) {
		margin-bottom: 4px !important;
	}
	table.list .fooicon:before {
		content: '';
		display: block;
		width: 15px;
		height: 15px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	table.list .fooicon-plus:before {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFpJREFUeNpiXLN9PwM60L3l+J8BC7istp8RXYyFAQdQC0bl31qLXR0TA4Vg4A1gwRVg2AA2tSzYAoyYQIUF7HAIRFyJhNiExIIteZKSlIdLIGIDuAINHQAEGAA1sRocY6YD+AAAAABJRU5ErkJggg==");
	}
	table.list .fooicon-minus:before {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZJREFUeNpi/P//PwMlgImBQjAMDGC5NYmRolBkARFqweRpvrV2eAQizC/kAsbRpEy5AQABBgDyugwSxRsEZQAAAABJRU5ErkJggg==");
	}
	table.footable-details {
		border-top: 1px solid var(--blue-light-1) !important;
	}
	table.footable-details td,
	table.footable-details th {
		text-align: left !important;
	}
	table.footable > tbody > tr.footable-detail-row > td {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	table.view > tbody > tr > td:first-child,
	table.view > tbody > tr > td.label {
		white-space: normal;
	}
}

@media (max-width: 767.98px) {
	table.list.no-wrap {
		white-space: normal !important; /* for inline styles */
	}
	table.list > tbody > tr > th,
	table.list > tbody > tr > td {
		padding: 4px;
	}
	table.list > tbody > tr > td a:not([class]) {
		display: inline-block;
		min-width: 80px;
		word-break: break-word;
	}
}

@media (min-width: 1024px) {
	body:not(.not-sticky) div.content > table.list > tbody > tr:first-child,
	body:not(.not-sticky) div.content > .tabs > .decorator > table.list > tbody > tr:first-child {
		/* position: sticky;
		top: 32px;
		z-index: 10; */
	}
}

/* tabs */
@media (max-width: 1023.98px) {
	body:not(.dialog) ul.tabs {
		border-top: 1px solid var(--blue-light-3);
	}
	body:not(.dialog) ul.tabs > li > a,
	body:not(.dialog) ul.tabs > li > span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 4px;
		border-top-color: transparent;
		font-size: 12px;
		line-height: 12px;
	}
}

@media (max-width: 767.98px) {
	ul.tabs > li > span select {
		width: 100%;
	}
	body.dialog ul.tabs {
		border-top: 1px solid var(--blue-light-3);
	}
	body.dialog ul.tabs > li > a,
	body.dialog ul.tabs > li > span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 4px;
		border-top-color: transparent;
		font-size: 12px;
		line-height: 12px;
	}
}

/* pager */
@media (max-width: 1023.98px) {
	ul.list-pager > li:first-child {
		padding: 4px 8px;
	}
	ul.list-pager > li > a,
	ul.list-pager > li > span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 4px;
		font-size: 12px;
		line-height: 12px;
	}
	ul.list-pager > li > a[class*="icon-"] {
		padding: 4px 8px 4px 20px;
		background-position: 5px 50%;
		background-size: auto 10px;
	}
	ul.list-pager > li > [class*="icon-"].disabled {
		display: none;
	}
}

@media (max-width: 767.98px) {
	ul.list-pager > li > a[class*="icon-"] {
		width: 25px;
		height: 25px;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background-position: 50% 50%;
		background-size: auto 12px;
	}
}

/* form */
@media (max-width: 1023.98px) {
	.is-field-wrapper {
		width: 100%;
	}
	.is-field-wrapper,
	.is-field-wrapper div.form-password,
	.is-field-wrapper div.form-multiselect {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 3px 3px;
	}
	.is-field-wrapper > *,
	.is-field-wrapper div.form-password > *{
		margin: 0 !important;
	}
	.is-field-wrapper > *.right {
		margin-left: auto !important;
	}
	.is-field-wrapper div.form-html ul.actions {
		margin-left: 0;
	}
	.is-field-wrapper ul.form-file,
	.is-field-wrapper div.form-html,
	.is-field-wrapper div.form-multiselect,
	.is-field-wrapper div.form-textarea,
	.is-field-wrapper div.form-itemlist,
	.is-field-wrapper div.upload-line.wait,
	.is-field-wrapper div.form-multiselect > ul.items {
		width: 100%;
	}
	.is-field-wrapper ul.form-file,
	.is-field-wrapper div.upload-line.wait {
		box-sizing: border-box;
	}
	.is-field-wrapper label + input {
		margin-left: 10px !important;
	}
	.is-field-wrapper div.form-multiselect > ul.groups,
	.is-field-wrapper div.form-multiselect > div.counter {
		margin: 0;
		padding: 0;
	}
	.is-field-wrapper .is-field-wrapper {
		width: 100%;
	}
	.is-cherad-wrapper {
		display: flex;
		align-items: center;
		gap: 0 5px;
	}
	.is-cherad-wrapper + br {
		display: none;
	}
	.is-cherad-wrapper input[type="radio"] {
		margin: 0;
	}
	.is-cherad-wrapper label {
		margin: 0 !important;
		line-height: 18px;
		white-space: normal;
	}
	ul.form-file > li > div.file {
		margin-bottom: 6px;
		padding: 6px 6px 0 6px;
	}
	ul.form-file > li > div.file > .link > a {
		overflow: hidden;
	}
	ul.form-file > li > div.file > .info {
		position: relative;
		top: -3px;
	}
	div.upload-line {
		display: none;
	}
}

@media (max-width: 767.98px) {
	body:not(.dialog) input.input-type-text,
	body:not(.dialog) input[type="text"],
	body:not(.dialog) input[type="date"],
	body:not(.dialog) input[type="number"],
	body:not(.dialog) input[type="password"],
	body:not(.dialog) input[type="file"],
	body:not(.dialog) select,
	body:not(.dialog) div.form-link > div.data > input[type="text"] {
		width: 100%;
	}
	body:not(.dialog) table.form > tbody > tr > td.label {
		white-space: normal;
	}
	div.form-multiselect > ul.items li > a {
		height: auto;
	}
}

@media (max-width: 425px) {
	.is-cherad-wrapper {
		width: 100%;
	}
}

/* archive */
@media (max-width: 767.98px) {
	div.upload-box {
		display: none;
	}
	div.list-tile div.tile {
		width: calc(50% - 8px);
		max-width: 154px;
	}
	div.list-tile .cover {
		width: 100%;
	}
	div.list-tile .cover > p {
		max-width: 100%;
	}
	div.list-tile .cover > p > img {
		max-width: 100%;
		height: auto;
	}
	div.list-tile .cover > h3 {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 6px;
		box-sizing: border-box;
	}
	table.view > tbody > tr > td.field.archive-preview img {
		max-width: 100%;
		height: auto;
	}
	body.imagecrop table.form > tbody > tr > td.foot {
		white-space: normal;
	}
	body.imagecrop div.cropinfo {
		width: 100%;
		float: none;
	}
	body.imagecrop div.buttons {
		display: flex;
		gap: 0 11px;
		width: 100%;
		position: static;
	}
	body.imagecrop div.buttons > input {
		margin: 0;
	}
}

/* gallery */
@media (max-width: 425px) {
	div.gallery-change div.item {
		display: flex;
		flex-direction: column;
		width: calc(100% - 6px);
		margin-right: 0;
		padding: 6px;
		box-sizing: border-box;
	}
	div.gallery-change div.item > p {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	div.gallery-change div.item > h3,
	div.gallery-change div.item > input.name,
	div.gallery-change div.item > textarea.description {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		overflow: visible;
	}
}