/*

Проверить все conatiner

*/

:root {
	--color-green: #184;
	--color-green: #13964b;
	--color-green: rgb(132, 204, 22);
	--color-green: #2b6;
	--color-green: #2a6;
	--color-green-light: #bfc;
	--color-red: #b5003c;
	--color-red: #c70042;
	--color-rose: #e38;
	--color-purple: #e0b;
	--color-eba: #eba;
	--color-ebf: #ebf;
	/*--color-red: #e03131;
	/*--color-red: #b82627;*/
	--color-black: #222;
	--color-white: #fcfcfc;
	--color-white: #f8fafb;
	--color-white-light: #ffffff;
	--color-blue: #48b;
	--color-blue: #59b;
	--color-blue: #5da8ce;
	--color-blue: rgb(14, 165, 233);
	--color-blue-light: #def;
	--color-gray-light: #eef;
	--color-gray-blue: #456;
	/*--color-gray-blue: #4b5d70;
	--color-gray-blue: rgb(24, 49, 83);
	/*--color-gray-blue: #334155;*/
	--color-yellow: #fe0;
	--color-hint: #e70;
	--color-hint: #ff8300;
	--color-highlight: #ffd;
	--color-highlight: #ffa;
	--color-agent-cell: #987;
	--color-self-cell: #68a;
	--color-text-disabled: #ccd;
	--color-text-notes: #888;
	--color-bg-thead: #dee;
	--color-bg-hover: #efe;
	--color-bg-even: #f7f8f9;
	--color-bg-even: #f5f6f7;
	--color-bg-disabled: #f6f8fa;
	
	--box-shadow: 0px 3px 10px -4px var(--color-blue);
	--box-shadow-button: 0px 1px 10px -5px var(--color-blue);
	--box-shadow-active: 0px 1px 10px 0px var(--color-hint);
	
	--border-radius: 3px;
	
	--time-slow: 0.6s;
	--time-medium: 0.4s;
	--time-fast: 0.2s;

}

/*
@font-face {
	font-family: 'Exo2Variable';
	src: url('/assets/fonts/Exo2-VariableFont_wght.ttf') format('ttf');
	font-weight: 100 900;
}

@font-face {
	font-family: 'Exo2Variable';
	src: url('/assets/fonts/Exo2-Italic-VariableFont_wght.ttf') format('ttf');
	font-weight: 100 900;
	font-style: italic;
}
*/
@font-face {
	font-family: 'Exo2';
	src: url('/assets/fonts/static/Exo2-Regular.woff2') format('woff2');
	font-weight: 400;
}

@font-face {
	font-family: 'Exo2';
	src: url('/assets/fonts/static/Exo2-Bold.woff2') format('woff2');
	font-weight: 600;
}

@font-face {
	font-family: 'Exo2';
	src: url('/assets/fonts/static/Exo2-Black.woff2') format('woff2');
	font-weight: 900;
}

@font-face {
	font-family: 'Exo2';
	src: url('/assets/fonts/static/Exo2-Italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Exo2';
	src: url('/assets/fonts/static/Exo2-BoldItalic.woff2') format('woff2');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Exo2';
	src: url('/assets/fonts/static/Exo2-BlackItalic.woff2') format('woff2');
	font-weight: 900;
	font-style: italic;
}


/* cyrillic-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/Exo2-Cyrillic-Italic-Ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/Exo2-Cyrillic-Italic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/Exo2-Latin-Italic-Ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/Exo2-Latin-Italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/Exo2-Cyrillic-Ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/Exo2-Cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/Exo2-Latin-Ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/Exo2-Latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.ff-math { font-family: math; }

html {
	font-family: Exo2, system-ui;
	background: var(--color-white);
}

@supports (font-variation-settings: normal) {
	html {
		font-family: 'Exo 2', Exo2, system-ui;
	}
}

body {
	margin: 0;
	padding: 0;
}

.anchor {
	margin-top: -120px;
	margin-bottom: 150px;
	display: block;
}

a {
	text-decoration: none;
	color: var(--color-gray-blue);
	transition: var(--time-medium);
}

a:hover {
	color: var(--color-blue);
}


.link {
	cursor: pointer;
}

header {
	display: flex;
	padding: 8px;
	box-shadow: var(--box-shadow-button);
	position: sticky;
    top: 0;
    z-index: 100;
    background: var(--color-white-light);
	padding-right: 150px;
}

header .item {
	padding: 5px 15px;
}

header .item a {
	display: flex;
	align-items: center;
	font-weight: 550;
	line-height: 1;
	column-gap: 5px;
}

header .item a {
	margin-bottom: 10px;
}

header .item a:last-child {
	margin-bottom: 0;
}

header .item a i {
	display: block;
	width: 26px;
	text-align: center;
	font-size: 120%;
	color: var(--color-blue);
}

header .item a.active,
header .item a.active i,
header .item a:hover i {
	color: var(--color-green);
}

header .item:not(:last-child) {
	border-right: 1px solid var(--color-bg-thead);
}

header .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 5px;
	padding: 15px 10px;
	background: var(--color-white-light);
	box-shadow: var(--box-shadow);
	width: max-content;
}

header .has-childs {
	position: relative;
	height: min-content;
	padding-right: 30px;
}

header .item a.has-childs-title {
	cursor: default;
	margin-bottom: 0;
}

header .has-childs:after {
	display: block;
	position: absolute;
	right: 15px;
	top: 9px;
	font-size: 12px;
	font-family: "Font Awesome 6 Free";
	content: "\f078";
	content: "\f0d7";
	font-weight: 900;
	transition: var(--time-medium);
}

header .has-childs:hover:after {
	transform: rotate(180deg);
	color: var(--color-blue);
}

header .has-childs:hover .sub-menu {
	display: block;
}

hr {
	box-shadow: none;
    border: none;
    border-bottom: 1px solid var(--color-gray-light);	
}

table {
	border-collapse: collapse;
	font-size: 90%;
	background: var(--color-white-light);
	box-shadow: var(--box-shadow-button);
	border-radius: var(--border-radius);
	overflow: hidden;
	border-spacing: 0;
}

table th, table td {
	padding: 5px 10px;
	padding: 2px 5px;
}

table.compact th, table.compact td {
	padding: 2px 5px;
}

/*table td:has(button),*/
table td:has(.button-link) {
	padding-left: 2px;
	padding-right: 2px;
}

table tr {
	transition: 0.3s;
}

table tbody tr:nth-child(even) {
	background-color: var(--color-bg-even);
}

.pass-list-no-gibdd table tbody tr.even:hover,
.pass-list-no-gibdd table tbody tr.odd:hover,
table tbody tr:hover {
	background-color: var(--color-bg-hover);
}

.pass-list-no-gibdd table tbody tr.odd:nth-child(even),
.pass-list-no-gibdd table tbody tr.odd,
table.grouped-rows tbody tr.odd:nth-child(odd),
table.grouped-rows tbody tr.odd:nth-child(even),
table.grouped-rows tbody tr.odd:hover,
table.grouped-rows tbody tr.odd {
	background-color: var(--color-white-light);
}

.pass-list-no-gibdd table tbody tr.even:nth-child(even),
.pass-list-no-gibdd table tbody tr.even,
table.grouped-rows tbody tr.even:nth-child(odd),
table.grouped-rows tbody tr.even:nth-child(even),
table.grouped-rows tbody tr.even:hover,
table.grouped-rows tbody tr.even {
	background-color: var(--color-bg-even);
}

.pass-list-no-gibdd table tbody tr.first {
	border-top: 2px solid var(--color-self-cell);
}

.pass-list-no-gibdd table tbody tr {
	border-bottom: 1px solid var(--color-bg-thead);
}

.table-sopr tr {
	border-top: none;
	border-bottom: none;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	
}

.table-sopr thead tr,
.table-sopr tfoot tr {
	border-color: var(--color-blue);
}

table.table-sopr tbody tr:nth-child(even) {
	border-color: var(--color-bg-even);
}

table.table-sopr tbody tr.order-is-checked-1:nth-child(even), 
tr.order-is-checked-1 {
	border-left-color: var(--color-green);
}

table.table-sopr tbody tr.order-is-payed-1:nth-child(even), 
tr.order-is-payed-1 {
	color: var(--color-green);
	border-right-color: var(--color-green);
}

/*table tbody tr:last-child td {
	padding-bottom: 10px;
}*/

table.grouped-rows tbody tr td {
	border: 1px solid var(--color-bg-thead);
}


table thead tr,
table tfoot tr {
	background-color: var(--color-bg-thead);
	background-color: var(--color-blue);
	color: var(--color-white-light);
}

tr {
	transition: var(--time-medium);
}

.td-left { text-align: left; } .td-left-i { text-align: left !important; }
.td-center { text-align: center; } .td-center-i { text-align: center !important; }
.td-right { text-align: right; } .td-right-i { text-align: right !important; }

.td-number { text-align: right; }

.td-phone { white-space: nowrap; }

.td-room-list {
	font-size: 11px;
	font-weight: 300;
	line-height: 1;
}

.td-room-list span {
	display: block;
}

.td-status-5 {
	color: var(--color-green);
}
.td-status-6 {
	color: var(--color-red);
}

.td-status-call-1 {
	color: var(--color-red);
}

.td-status-call-2 {
	color: var(--color-green);
}

.short-list table {
	font-size: 85%;
	margin-bottom: 20px;
}

.short-list table tr td {
	padding: 2px 5px;
}

/*.short-list table button i,*/
.short-list table .button-link i,
.short-list table .layout-icon {
	font-size: 16px;
}

.short-list .tr-order {
	cursor: pointer;
}

.layout-icon {
	font-size: 18px;
	color: var(--color-gray-blue);
}

th .layout-icon {
	color: inherit;
}

td:has(.layout-icon) {
	text-align: center;
}

td:has(.href-only) {
	text-align: initial;
}


.table-body-scrolled {
	display: block;
	height: 500px;
	overflow: auto;	
	width: max-content;
}

.table-body-scrolled thead  {
	position: sticky;
	top: 0;
	z-index: 100;
}

.table-body-scrolled tfoot  {
	position: sticky;
	bottom: 0;
	z-index: 100;
}

.table-body-scrolled table {
	overflow: initial;
	border-collapse: separate;
}

.bordered-thead thead th {
	border: 1px solid var(--color-white);
	border-top: none;
}

.table-sopr-number {
	display: inline-block;
	width: 15px;
}




/*
.table-body-scrolled tbody {
	display: block;
	height: 400px;
	overflow: auto;
}

.table-body-scrolled thead, .table-body-scrolled tfoot, .table-body-scrolled tbody tr {
	display: table;
    /*width: 100%;*/
	/*width: -webkit-fill-available;*//*
}

.table-body-scrolled thead { display: table-header-group; }
.table-body-scrolled tfoot { display: table-footer-group; }
.table-body-scrolled tbody tr { display: table-row-group; width: 100%; }

/*.table-body-scrolled tbody td {
	width: max-content;
}*//*

table.table-body-scrolled {
    /*width: 100%;*/
    /*table-layout: fixed;*/
/*
}
*/







.user-color-square {
	width: 16px;
	height: 16px;
	box-shadow: var(--box-shadow-button);
	background-color: #000000;
}

.icon-active-0 { color: var(--color-bg-thead); }
.icon-active-1 { color: var(--color-green); }

.uppercase {
	text-transform: uppercase;
}

.transition-0, .transition-0 * { transition: 0s !important; }
.overflow-initial { overflow: initial !important; }

.ta-left { text-align: left; }
.ta-right { text-align: right; }
.ta-center { text-align: center; }
.ta-justify { text-align: justify; }

.va-top { vertical-align: top; }
.va-middle { vertical-align: middle; }
.va-bottom { vertical-align: bottom; }

.flex { display: flex; }
.vtop { display: flex; align-items: flex-start !important; }
.vcenter { display: flex; align-items: center !important; }
.vbottom { display: flex; align-items: flex-end !important; }
.vstretch { display: flex; align-items: stretch !important; }
.flex-start { display: flex; justify-content: flex-start !important; }
.flex-end { display: flex; justify-content: flex-end !important; }
.space-between { display: flex; justify-content: space-between !important; }
.flex-wrap { flex-wrap: wrap; }

.h100 { height: 100%; }
.h100-imp { height: 100% !important; }

.cgap-10 { column-gap: 10px; }
.cgap-20 { column-gap: 20px; }
.cgap-50 { column-gap: 50px; }

.mb-0 {	margin-bottom: 0; } .mb-0-i { margin-bottom: 0 !important; }
.mt-0 {	margin-top: 0; }
.ml-0 {	margin-left: 0; }
.mr-0 {	margin-right: 0; }

.mb-5 {	margin-bottom: 5px; }
.mt-5 {	margin-top: 5px; }
.ml-5 {	margin-left: 5px; }
.mr-5 {	margin-right: 5px; }

.mb-10 { margin-bottom: 10px; }
.mt-10 { margin-top: 10px; }
.ml-10 { margin-left: 10px; }
.mr-10 { margin-right: 10px; }

.mb-20 { margin-bottom: 20px; }
.mt-20 { margin-top: 20px; }
.ml-20 { margin-left: 20px; }
.mr-20 { margin-right: 20px; }

.no-margin { margin: 0; } .no-margin-i { margin: 0 !important; }

.p-2 { padding: 2px; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }

.pb-0 {	padding-bottom: 0px; }
.pt-0 {	padding-top: 0px; }
.pl-0 {	padding-left: 0px; }
.pr-0 {	padding-right: 0px; }

.pb-3 {	padding-bottom: 3px; }
.pt-3 {	padding-top: 3px; }
.pl-3 {	padding-left: 3px; }
.pr-3 {	padding-right: 3px; }

.pb-5 {	padding-bottom: 5px; }
.pt-5 {	padding-top: 5px; }
.pl-5 {	padding-left: 5px; }
.pr-5 {	padding-right: 5px; }

.pb-10 { padding-bottom: 10px; }
.pt-10 { padding-top: 10px; }
.pl-10 { padding-left: 10px; }
.pr-10 { padding-right: 10px; }

.min-width-100 { min-width: 100px; }
.min-width-200 { min-width: 200px; }
.min-width-300 { min-width: 300px; }
.min-width-400 { min-width: 400px; }
.min-width-500 { min-width: 500px; }
.min-width-600 { min-width: 600px; }
.min-width-800 { min-width: 800px; }
.min-width-1000 { min-width: 1000px; }

.pl-10 {
	padding-left: 10px;
}

.br-2 { border-radius: 2px; }
.br-3 { border-radius: 3px; }
.br-4 { border-radius: 4px; }
.br-5 { border-radius: 5px; }

.w-16 { width: 16px !important; }
.w-24 { width: 24px !important; }
.w-32 { width: 32px !important; }
.w-150 { width: 150px !important; }

.w-auto { width: auto !important; }

.w-634 { width: 634px !important; }
.w-834 { width: 834px !important; }
.w-900 { width: 900px !important; }

.fit {
	width: 100% !important;
}

.row-active-0 {
	color: var(--color-text-disabled);
}

.centered {
	display: block;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}

.d-none {
	display: none !important;
}

.d-block {
	display: block !important;
}

.overflow-hidden {
	overflow: hidden;
}

.inline-block { display: inline-block; }


.bold { font-weight: 600; }

.columns-2 {
	columns: 2;
}


.bg-white { background-color: var(--color-white); color: var(--color-black); }
.bg-white-light { background-color: var(--color-white-light); color: var(--color-black); }

.button-link {
	border: none;
	box-shadow: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-radius: var(--border-radius);
    width: max-content;
    padding: 5px 10px;
	box-shadow: var(--box-shadow-button);
	transition: var(--time-medium);
	background: var(--color-white-light);
	color: var(--color-gray-blue);
	transition: var(--time-medium);
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	padding-bottom: 0.4em;
	height: max-content;

	/*color: var(--color-blue);
	color: var(--color-white*/
}

.button-link:hover, .selected .button-link {
	color: var(--color-blue);
	color: var(--color-white);
	background-color: var(--color-blue);

	/*background: var(--color-white-light);
	color: var(--color-gray-blue);*/

}

thead .button-link {
	border: 2px solid var(--color-white-light);
	box-sizing: border-box;
	padding: 3px 6px;
}

thead .button-link:hover, thead .selected .button-link {
}

.button-link.disabled:hover,
.button-link.disabled,
.button-link:disabled:hover,
.button-link:disabled {
	background: var(--color-bg-disabled);
	color: var(--color-text-disabled);
	cursor: initial;
}

.button-link i,
.button-link .layout-icon {
	color: inherit;
}

.button-link i {
	font-size: 18px;
	padding-top: 1px;
}

.button-link span {
	color: inherit;
}

.button-link:has(i) {
	padding: 3px 5px;
	box-shadow: var(--box-shadow);
}

.button-link i+span,
.button-link .layout-icon+span {
	display: inline-block;
	margin-left: 5px;
	padding-bottom: 0.1em;
}

.button-small, .button-small i, .button-small .layout-icon {
	font-size: 85%;
}

.extra-item-buttons {
	position: relative;
	min-height: 40px;
}

.extra-item-buttons .hint {
	display: inline-block;
	margin-left: 20px;
}

.hotel-action-button,
.extra-item-action-button {
	transform: translateX(-1000px);
	opacity: 0;
	transition: var(--time-fast);
}

.delete-hotel, .delete-extra-item {
	position: absolute;
}

.hotel-action-button.active,
.extra-item-action-button.active {
	transform: none;
	opacity: 1;
}

.button-link.href-only {
	border: none;
	box-shadow: none;
	background: none;
}

.button-link.href-only:hover {
	border: none;
	box-shadow: none;
	background: none;
	color: var(--color-blue);
}


.success {
	color: var(--color-green);
}

.success-light { color: var(--color-green-light); }
	
.errors, .errors-0 {
	color: var(--color-red);
}

.is-deposit {
	color: rgba(0,0,0,0.5);
}

.success.is-deposit {
	color: rgba(34,170,102,0.5);
	color: var(--color-green);
}

.errors.is-deposit {
	color: rgba(199,0,66,0.5);
}

.number-is-booked {
	color: var(--color-red);
}

.hint {
	background: var(--color-white-light);
	border-left: 4px solid var(--color-hint);
	padding: 5px;
	font-size: 14px;
	color: var(--color-text-notes);
	width: max-content;
	transition: var(--time-medium);
	max-width: 100%;
	box-sizing: border-box;
}

.hint:hover {
	color: var(--color-black);
}

.notes {
	color: var(--color-text-notes);
	font-size: 80%;
}

.input {
	position: relative;
	display: flex;
	/*align-items: center;*/
}

.input.block {
	display: block;
}

.input .input-label {
	display: inline-block;
	width: 200px;
	line-height: 0.9;
	transition: var(--time-medium);
	
	padding-top: 9px;
}

.input.block .input-label {
	width: initial;
	padding-left: 10px;
}

.input.input-checkbox {
	margin-top: 10px;
	margin-bottom: 10px;
	align-items: center;
}

table.compact .input.input-checkbox {
	margin-top: 0;
	margin-bottom: 0;
	align-items: center;
}

.input.input-checkbox .input-label {
	order: 10;
	width: auto;
	margin-left: 10px;
	padding-top: 0;
}

.hotel-room-cells .input.input-checkbox .input-field {
	border: 2px solid transparent;
	border-radius: 50%;
}
	
.input.input-checkbox.current-order .input-field {
	border-color: var(--color-gray-blue);
}

.input.input-checkbox.current-booking .input-field {
	border-color: var(--color-green);
}

.auth-form .input .input-label {
	width: 70px;
}

.input:hover > .input-label {
	/*background-color: var(--color-bg-hover);*/
	color: var(--color-blue);
}


.input input:not([type=checkbox],[type=hidden]), 
.input input.suggestions-input,
.input select,
.input textarea,
.input #editor—wrapper,
.input-checkboxes
{
	box-sizing: border-box;
	box-shadow: none;
	border: none;
	font-family: inherit;
	font-size: inherit;
	background: var(--color-white-light);
    box-shadow: var(--box-shadow-button);
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 5px 10px;
    border-radius: var(--border-radius);
    color: var(--color-gray-blue);
	outline: none;
	width: auto;
	min-width: initial;
}

.input-checkboxes {
	padding-top: 8px;
	padding-bottom: 8px;
}

.input-checkbox,
.input-checkbox input,
.input-checkbox label {
	cursor: pointer;
}

/*.input input:not([type=checkbox]) {*/
.input input[type=number] {
	width: 90px;
}

table .input {
	justify-content: center;
}
table .input input:not([type=checkbox]) {
	margin: 0;
	padding: 5px;
	border: 1px solid var(--color-text-disabled);
	transition: var(--time-fast);
}

table .input input:not([type=checkbox]):hover {
	border-color: var(--color-self-cell);
}
table .input input:not([type=checkbox]):focus {
	border-color: var(--color-green);
}

table td:has(.input) {
	padding: 2px;
}

.input table {
	width: 900px;
}

.input-with-label input:not([type=checkbox],[type=hidden]), 
.input-with-label input.suggestions-input,
.input-with-label select,
.input-with-label textarea,
.input-with-label #editor—wrapper {
	width: 900px;
}

.input #editor—wrapper {
	padding: 0;
	overflow: hidden;
}


.input select {
	padding-left: 7px;
    padding-right: 15px;
}

.select-multiple-1 .select-container {
	display: flex;
	justify-content: space-between;
	width: 900px;
	column-gap: 10px;
}



.input .button-link {
	margin-top: 3px;
	margin-bottom: 3px;
	height: auto;
}

.input input:not([type=checkbox]):disabled, 
.input input.suggestions-input:disabled,
.input select:disabled {
	background: var(--color-bg-disabled);
	color: var(--color-text-disabled);
	color: var(--color-text-notes);
}


.input .suggestions-wrapper {
	width: 600px;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
    color: var(--color-gray-blue);
	outline: none;
}

.input input.new-field {
	width: 200px;
}

.auth-form .input input, 
.auth-form .input input.suggestions-input, 
.auth-form .input .suggestions-wrapper {
	width: 250px;
	box-sizing: border-box;
}

/*
.input .suggestions-wrapper {
	margin-left: 200px;
}

.auth-form .input .suggestions-wrapper {
	margin-left: 70px;
}*/

.input.required:before {
	content: '*';
	display: block;
	position: absolute;
	/*top: 5px;*/
	left: -10px;
	color: var(--color-red);
	
}

.input.block.required:before {
	left: 0;
}

.input input.input-dates {
	width: 100px;
	position: relative;
}

.input .input-datepicker {
	position: relative;
}

.input .input-datepicker:after {
	content: "\f073";
	font-family: "Font Awesome 6 Free";
	display: block;
	position: absolute;
	right: 4px;
	top: 0;
	font-size: 16px;
}


.input-radio {
	display: flex;
	align-items: center;
	transition: var(--time-fast);
	width: max-content;
	cursor: pointer;
}

.input-radio:hover {
	color: var(--color-blue);
}

input[type="radio" i] {
	cursor: pointer;
	margin: 5px 0 2px;
}

input[type="radio" i]+label {
	padding-left: 6px;
}

input[type="radio"] {
	cursor: pointer;
	margin: 5px 0 2px;
}

input[type="radio"]+label {
	padding-left: 6px;
	cursor: pointer;
}


.input:has(.data-type),
.data-type {
	height: 0;
	/*width: 0;*/
	transform: scale(0);
	opacity: 0;
	transition: var(--time-fast);
}

.input:has(.data-type.active),
.data-type.active,
.input:has(.data-type.data-type-all),
.data-type.data-type-all {
	height: initial;
	/*width: initial;*/
	transform: none;
	opacity: 1;
}

.input-field {
	position: relative;
}

.delete-input {
	color: var(--color-red);
    font-weight: 500;
    font-size: 24px;
    position: absolute;
    top: 2px;
    right: 5px;
	cursor: pointer;
}






.order-status {
	display: none;
	margin-bottom: 20px;
	display: none;
	width: 900px;
	justify-content: space-between;
}

.order-status.active {
	display: flex;
}

.order-status.active:has(+ #booking_clients) {
	margin-bottom: 0;
}

.order-status .input:has(#order_data__payed_sum) {
	display: none;
}

.order-status.order-status-5 .input:has(#order_data__payed_sum) {
	display: block;	
}


.order-status.order-status-5 .input.select > div {
	width: auto !important;
}

.order-status.order-status-5 .input input,
.order-status.order-status-5 .input select {
	width:100%;
}

.order-status.order-status-5 select {
	padding-top: 3px;
}

.order-status.order-status-5 .input {
	width: 49%;
}


.order-status .input:not(.input-checkbox),
.order-status textarea,
.search-info > .input:not(.input-checkbox) {
	display: block;
}

.order-status .input .input-label,
.search-info > .input .input-label {
	width: auto;
	padding-left: 10px;
	font-size: 90%;
}

.search-info form .input input:not([type=checkbox]),
.search-info form .input textarea,
.search-info form .input select{
	width: 600px;
}

.order-status .notes,
.search-info .notes {
	padding-left: 10px;
}

.client-actions {
	display: flex;
	column-gap: 9px;
}



.filter-title {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 10px;
}

.filter-elements-bar {
    background: var(--color-bg-thead);
    width: max-content;
    padding: 10px;
    box-shadow: var(--box-shadow-button);
    border-radius: var(--border-radius);
}

.filter-elements {
	display: flex;
    align-items: flex-end;
    width: max-content;
    column-gap: 20px;
    column-gap: 10px;
    max-width: calc(100vw - 60px);
	box-sizing: border-box;
}

.filter-elements + .filter-elements {
	margin-top: 10px;
}

.filter-elements .input {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.filter-elements .input input:not([type=checkbox]), 
.filter-elements .input input.suggestions-input,
.filter-elements .input select,
.filter-elements .input textarea {
	width: 100%;
	margin: 0;
}

.filter-elements .input .input-label {
	padding-left: 0;
	padding-bottom: 3px;
	font-weight: 300;
	width: auto;
}

.filter-elements button {
	padding: 6px 12px;
}


.button-data-range-month {
	transition: var(--time-medium);
}

.button-data-range-month.active {
	background-color: var(--color-green);
	color: var(--color-white);
}

.air-datepicker-global-container button {
	margin-left: auto;
	margin-right: auto;
}

.button-plus {
    font-size: 18px;
    line-height: 15px;
    padding: 0 4px;
}

.select-notes {
	font-size: 12px;
	color: var(--color-text-notes);
	margin-top: 0;
}


.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.5);
	backdrop-filter: blur(3px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: -1;
	opacity: 0;
	transform: scale(0);
	overflow: hidden;
}

.popup.active {
	z-index: 1000;
	opacity: 1;
	transform: none;
}

.popup-container {
	padding: 25px;
	box-sizing: border-box;
	position: relative;
	opacity: 0;
	transition: var(--time-medium);
	max-height: 100vh;
}

.popup.active .popup-container {
	opacity: 1;
}

.popup-inner {
	position: relative;
	background: var(--color-white);
	box-shadow: 0 0 8px rgba(0.0.0.0.5);
	box-shadow: var(--box-shadow);
	border-radius: var(--border-radius);
	overflow: auto;
	max-width: calc(100vw - 20px);
	max-height: calc(100vh - 20px);
	transform: scale(0);
	transition: var(--time-fast);
	max-height: calc(100vh - 50px);
}

.popup.active .popup-inner {
	transform: none;
}

.popup-content {
	padding: 25px;
	overflow: auto;
	max-height: calc(100vh - 100px);
	box-sizing: border-box;
}

.popup-close-button {
	position: absolute;
	right: 30px;
	top: 16px;
	color: var(--color-black);
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
	cursor: pointer;
	transition: var(--time-fast);
}

.popup-close-button:hover {
	color: var(--color-red);
}

.popup-cancel {
	margin-top: -30px;
	float: right;
}

.popup-content form + hr {
	display: none;
}



.transport-scheme, .ts-scheme-block {
	position: relative;
	z-index: 1;
}

.ts-blocking-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	height: 0px;
	transition: 0s;
	background: none;
	cursor: initial;
	z-index: 0;
}

.ts-blocking-overlay.active {
	z-index: 100;
	width: 100%;
	height: 100%;
}

.ts-container {
	border-radius: 20px;
	border: 2px solid #678;
	border: 1px solid var(--color-gray-blue);
	padding: 3px;
	background: #f1f3f7;
	width: max-content;
	transition: var(--time-slow);
	border-top-left-radius: 30px 50px;
    border-top-right-radius: 30px 50px;	
	box-shadow: var(--box-shadow-button);
	position: relative;
	z-index: 10;
}

.ts-block-worker .ts-container {
	background: var(--color-red);
}

.ts-container-driver, .ts-container-seats {
	border: 1px solid #678;
	border: 1px solid var(--color-gray-blue);
	padding: 5px;
	transition: var(--time-medium);
}

.ts-block-worker .ts-container-driver, .ts-block-worker .ts-container-seats {
	background: var(--color-white-light);
}

.ts-container-driver {
	border-top-left-radius: 28px 48px;
    border-top-right-radius: 28px 48px;	
	padding-top: 20px;
	padding-bottom: 10px;
}

.ts-container-seats {
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-top: -1px;
}


.ts-row {
	display: flex;
	position: relative;
}

.ts-row:not(:last-child) {
	margin-bottom: 20px;
}



.ts-row-driver {
	justify-content: center;
}


.ts-row-add-block:has(.ts-row-button:hover) {
	background: var(--color-blue);
}

.ts-row-copy-remove-block {
	position: absolute;
	left: 100%;
	top: 0;
	padding: 0 15px;
    display: flex;
    align-items: center;
    height: 100%;
    column-gap: 10px;
}

.ts-row-button {
	color: var(--color-text-disabled);
	transition: var(--time-fast);
	cursor: pointer;
}


.ts-row-add-block {
	position: absolute;
	top: -6px;
	left: 0;
	width: calc(100% + 15px);
	height: 1px;
	background: transparent;
	transition: var(--time-fast);
}

.ts-row-button-add {
	position: absolute;
	top: -7px;
	left: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	line-height: 10px;
	border-radius: 50%;
	border: 1px solid transparent;
	width: 14px;
	height: 14px;
	box-sizing: border-box;
}

.ts-row-button-add:hover {
	border-color: var(--color-blue);
}

.ts-row-button-add:hover,
.ts-row-button-copy:hover {
	color: var(--color-blue);
}

.ts-row-button-remove:hover {
	color: var(--color-red);
}


.ts-cell {
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	position: relative;
	opacity: 1;
	transition: var(--time-fast);
	display: flex;
	align-items: center;
	justify-content: center;
}

.ts-cell:hover {
	opacity: 1;
	box-shadow: 0 0 2px;
}

.ts-cell-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.ts-cell-icon {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 90%;
	height: 90%;
	transition: var(--time-slow);

}

.ts-cell-driver {
	margin-right: 20px;
}

.ts-cell-driver > .ts-cell-inner > .ts-cell-icon {
	background-image: url('/assets/img/icons/steering-wheel.png');
	position: absolute;
	top: -20px;
}

.ts-cell-service > .ts-cell-inner > .ts-cell-icon {
	background-image: url('/assets/img/icons/guide-3.png');
	filter: invert(1);
	width: 60%;
	height: 60%;
	margin-left: 5px;

}

.ts-cell-exit > .ts-cell-inner > .ts-cell-icon {
	background-image: url('/assets/img/icons/exit.png');
	background-image: url('/assets/img/icons/exit2.png');
	width: 100%;
	height: 100%;
	background-position: right;
	
	position: relative;
	background: none;
}

.ts-cell-exit > .ts-cell-inner > .ts-cell-icon:before {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 30px;
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Font Awesome 6 Free";
	content: '\f2f5';
	font-weight: 900;
	background-image: none;
	width: 100%;
	height: 100%;
	color: var(--color-blue);
	text-align: right;
}

.ts-cell-seat {
	border-radius: 4px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;	
	background: #678;
	background: var(--color-blue);

}

.ts-cell-seat:before,
.ts-cell-seat:after,
.ts-cell-seat > .ts-cell-inner:before,
.ts-cell-seat > .ts-cell-inner:after {
	display: block;
	content: '';
	position: absolute;
	top: 8px;
	width: 5px;
	height: calc(100% - 12px);
	box-sizing: border-box;
	background: var(--color-gray-blue);
}

.ts-cell-seat.booking-tech-cell:before,
.ts-cell-seat.booking-tech-cell:after,
.ts-cell-seat.booking-tech-cell > .ts-cell-inner:before,
.ts-cell-seat.booking-tech-cell > .ts-cell-inner:after,
.ts-cell-seat.booking-is-tech-cell:before,
.ts-cell-seat.booking-is-tech-cell:after,
.ts-cell-seat.booking-is-tech-cell > .ts-cell-inner:before,
.ts-cell-seat.booking-is-tech-cell > .ts-cell-inner:after {
	background: var(--color-hint);
}

.ts-cell-seat:before {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	right: 100%;
}

.ts-cell-seat:after {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	left: 100%;
}


.ts-cell-seat > .ts-cell-inner:before {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	width: calc(100% - 6px);
	height: 8px;
	top: 100%;
	left: 3px;
}

.ts-cell-seat > .ts-cell-inner:after {
	top: calc(100% + 2px);
	left: 25%;
	width: 50%;
	height: 4px;
	border-radius: 4px;
	background: #123;
	display:none;
}

.ts-cell-seat:not(.ts-cell-driver):has(+ .ts-cell-seat):not(.ts-cell-driver):after,
.ts-cell-seat:not(.ts-cell-driver) + .ts-cell-seat:not(.ts-cell-driver):before {
	display: none;
}

.ts-cell-seat:has(+ .ts-cell-seat) {
	border-right: 1px solid #345;
}


.ts-cell-controllers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,20,40,0.2);
	opacity: 0;
	transition: var(--time-fast);
}

.ts-cell-change-button {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 18px;
	height: 18px;
	background-position:center;
	background-size: 80%;
	background-repeat: no-repeat;
	background-image: url('/assets/img/icons/change.png');
	cursor: pointer;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0;
	transition: var(--time-medium);
	
}

.ts-cell:hover .ts-cell-controllers,
.ts-cell:hover .ts-cell-change-button {
	opacity: 1;
}


.ts-cell-controllers-type-container {
	position: absolute;
	left: 100%;
	bottom: 0;
	background: #fff;
	padding: 10px;
	transform: scale(0);
	opacity: 0;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
	box-shadow: var(--box-shadow);
	border-radius: var(--border-radius);
	transition: var(--time-fast);
}

.show-types .ts-cell-controllers-type-container {
	transform: none;
	opacity: 1;
	z-index: 10;
}

.ts-cell-controllers-type-container > span {
	display: block;
	padding-left: 5px;
}

.ts-cell-controllers-type {
	display: flex;
	column-gap: 12px;
	border: 2px solid transparent;
	transition: var(--time-fast);
	padding: 5px;
	cursor: pointer;
	border-radius: var(--border-radius);
	transition: var(--time-medium);
}

.ts-cell-controllers-type.selected {
	border-color: var(--color-red);
}

.ts-cell-controllers-type:hover {
	border-color: var(--color-blue-light);
}

.ts-cell-controllers-type .ts-cell {
	width: 24px;
	height: 24px;
}

.ts-cell-controllers-type .ts-cell-driver {
	margin-left: 0;
	margin-right: 0;
}

.ts-cell-controllers-type .ts-cell-driver .ts-cell-icon {
	filter: invert(1);
	position: static;
}

.ts-cell-controllers-type .ts-cell-seat {
	border-radius: 3px;
}

.ts-cell-controllers-type .ts-cell-seat:before ,
.ts-cell-controllers-type .ts-cell-seat:after {
	top: 5px;
	width: 3px;
	height: calc(100% - 6px);
}


.ts-cell-controllers-type .ts-cell-seat .ts-cell-inner:before {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	width: calc(100% - 4px);
	height: 4px;
	top: 100%;
	left: 2px;
}

.ts-cell-controllers-type .ts-cell-floor {
	background: rgba(0,20,40,0.2);
}

.ts-cell-controllers-type .ts-cell-floor .ts-cell-inner:before,
.ts-cell-controllers-type .ts-cell-exit .ts-cell-inner:before {
	display: none;
}


.ts-cell-controllers-type > span {
	text-align: center;
}


.ts-cell-controllers .ts-cell-input-number input {
	position: absolute;
	top: 3px;
	left: 10%;
	min-width: initial;
	height: auto;
	width: 80%;
	border: none;
	box-shadow: none;
	box-shadow: var(--box-shadow-button);
	background: var(--color-white-light);
	padding: 2px 5px;
	box-sizing: border-box;
	outline: none;
	border-radius: calc(var(--border-radius) / 2);
	
	display: none;
}

.ts-cell-passenger .ts-cell-input-number input {
	display: block;
}

.ts-cell-number {
	font-weight: 600;
	color: #fff;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	line-height: 1;
	transition: var(--time-slow);
	display: none;
}

.ts-cell-number small {
	font-size: 80%;
	margin-top: 5px;
}

.ts-cell-passenger .ts-cell-number {
	display: flex;
}


.ts-cell.focused, .ts-scheme-booking .ts-cell-passenger.focused:hover {
	box-shadow: 0 0 4px 4px var(--color-green);
}


.ts-row-seats .ts-cell-controllers-type:has(.ts-cell-driver) {
	display: none;
}



.rotate-scheme {
	display: block;
    margin-top: -45px;
    margin-left: 250px;
}



.ts-scheme-block-booking .rotate-scheme {
	display: block;
	margin-top: -33px;
	margin-left: 150px;
}


.ts-scheme-booking .ts-container-driver, .ts-scheme-booking .ts-container-seats {
	padding: 4px;
}

.ts-scheme-booking .ts-container {
    border-radius: 12px;
    padding: 2px;
    border-top-left-radius: 20px 30px;
    border-top-right-radius: 20px 30px;	
}

.ts-scheme-booking .ts-container-driver {
	border-top-left-radius: 18px 28px;
    border-top-right-radius: 18px 28px;
    padding-top: 14px;
    padding-bottom: 7px;
}

.ts-scheme-booking .ts-cell-driver > .ts-cell-inner > .ts-cell-icon {
	top: -12px;
}

.ts-scheme-booking .ts-cell-driver {
    margin-right: 14px;
}




.ts-scheme-booking .ts-container-seats {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ts-scheme-booking .ts-row:not(:last-child) {
    margin-bottom: 10px;
}


.ts-scheme-booking .ts-cell {
	width: 30px;
	height: 30px;
	width: 36px;
	height: 36px;
}

.ts-scheme-booking .ts-cell-seat:before ,
.ts-scheme-booking .ts-cell-seat:after {
	top: 6px;
	width: 4px;
	height: calc(100% - 8px);
}


.ts-scheme-booking .ts-cell-seat .ts-cell-inner:before {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	width: calc(100% - 5px);
	height: 5px;
	top: 100%;
	left: 3px;
}

.ts-scheme-booking .ts-cell-passenger {
	cursor: pointer;
}


.ts-scheme-booking .booking-reserve-is-over {
	background-color: var(--color-rose);
	background-color: var(--color-purple);
	background-color: var(--color-eba);
	background-color: var(--color-ebf);
}

.ts-scheme-booking .ts-cell-passenger:hover {
	background-color: var(--color-green);
}

.ts-scheme-booking.readonly .booking-free.ts-cell-passenger:hover,
.ts-scheme-booking .booking-free-replace-old.ts-cell-passenger:hover,
.ts-scheme-booking .booking-free-replace-new.ts-cell-passenger:hover {
	background-color: var(--color-blue);
	cursor: initial;
}

.ts-scheme-booking .booking-reserved-replace-old.ts-cell-passenger,
.ts-scheme-booking .booking-reserved-replace-new.ts-cell-passenger,
.ts-scheme-booking .booking-reserved.ts-cell-passenger,
.ts-scheme-booking .booking-reserved.ts-cell-passenger:hover,
.ts-scheme-booking .booking-reserved.ts-cell-service,
.ts-scheme-booking .booking-reserved.ts-cell-service:hover {
	background-color: var(--color-red);
}

.ts-scheme-booking .booking-reserved-by-others-replace-old.ts-cell-passenger,
.ts-scheme-booking .booking-reserved-by-others-replace-new.ts-cell-passenger,
.ts-scheme-booking .booking-reserved-by-others.ts-cell-passenger,
.ts-scheme-booking .booking-reserved-by-others.ts-cell-passenger:hover,
.ts-scheme-booking .booking-reserved-by-others.ts-cell-service,
.ts-scheme-booking .booking-reserved-by-others.ts-cell-service:hover {
	cursor: initial;
	background-color: var(--color-red);
	opacity: 0.4;
}

.ts-scheme-booking .booking-booked-replace-old.ts-cell-passenger,
.ts-scheme-booking .booking-booked-replace-new.ts-cell-passenger,
.ts-scheme-booking .booking-booked.ts-cell-passenger,
.ts-scheme-booking .booking-booked.ts-cell-passenger:hover,
.ts-scheme-booking .booking-booked.ts-cell-service,
.ts-scheme-booking .booking-booked.ts-cell-service:hover {
	cursor: initial;
	background-color: var(--color-bg-disabled);
	background-color: var(--color-blue);
	opacity: 0.4;
}


/*.ts-scheme-booking .booking-booked-replace-old.ts-cell-passenger:not(.replace-old-disabled):hover,
.ts-scheme-booking .booking-reserved-by-others-replace-old.ts-cell-passenger:not(.replace-old-disabled):hover,
.ts-scheme-booking .booking-reserved-replace-old.ts-cell-passenger:not(.replace-old-disabled):hover,
.replace-new-block.active .ts-scheme-booking .replace-new.ts-cell-passenger:hover {*/
.ts-scheme-booking .replace-old.ts-cell-passenger:not(.replace-old-disabled,.replace-new-disabled):hover,
.ts-scheme-booking .replace-old-selected.ts-cell-passenger:not(.replace-old-disabled,.replace-new-disabled):hover,
.replace-new-block.active .ts-scheme-booking .replace-new.ts-cell-passenger:hover {
	cursor: pointer;
	background-color: var(--color-green);
	opacity: 1;
}

.ts-scheme-booking .replace-old-selected.ts-cell-passenger {
	background: var(--color-hint);
	opacity: 1;
}

.ts-scheme-booking .replace-old.ts-cell-passenger.replaced:hover,
.ts-scheme-booking .replace-old-selected.ts-cell-passenger.replaced:hover {
	cursor: initial;
}

/*.ts-scheme-booking .replace-old-selected.ts-cell-passenger,
.ts-scheme-booking .replace-old-selected.ts-cell-passenger:not(.replace-old-disabled):hover,
.ts-scheme-booking .replace-new-selected.ts-cell-passenger,
.ts-scheme-booking .replace-new-selected.ts-cell-passenger:hover {*/
.ts-scheme-booking .replaced.ts-cell-passenger,
.ts-scheme-booking .replaced.ts-cell-passenger:not(.replace-old-disabled):hover,
.ts-scheme-booking .replace-new-selected.ts-cell-passenger,
.ts-scheme-booking .replace-new-selected.ts-cell-passenger:hover {
	background-color: var(--color-hint);
	background-color: var(--color-red);
	opacity: 1;
}


.ts-scheme-booking .booking-booked-self.ts-cell-passenger,
.ts-scheme-booking .booking-booked-self.ts-cell-service {
	background-color: var(--color-green);
}

.ts-scheme-booking .replace-old-disabled.ts-cell-passenger,
.ts-scheme-booking .replace-new-disabled.ts-cell-passenger {
	filter: blur(1.75px) saturate(0.8);
}

.ts-scheme-booking .ts-cell:hover {
	box-shadow: none;
}

.ts-scheme-booking  .ts-cell-passenger.highlight {
	background: var(--color-hint) !important;
	/*opacity: 1;*/
}

.ts-scheme-booking  .ts-cell-passenger.highlight:not(.replaced,.replace-new-selected,.replace-old-disabled,.replace-new-disabled):hover {
	background: var(--color-green) !important;
	opacity: 1;
}

.ts-scheme-booking.readonly .ts-cell-passenger.highlight,
.ts-scheme-booking.readonly .ts-cell-passenger.highlight:hover {
	background: var(--color-hint) !important;
	cursor: pointer;
	opacity: 1;
}

.replace-old-block .ts-scheme-booking .ts-cell-passenger.replace-cell-highlight:not(.replace-old-disabled),
.replace-new-block:not(.active) .ts-scheme-booking .ts-cell-passenger.replace-cell-highlight:not(.replace-new-disabled) {
	transform: scale(1.2);
	background: var(--color-green) !important;
	border: 1px solid var(--color-gray-blue);
	z-index: 100;
	opacity: 1;
}

/* reserving is-reserve-edit  is-reserved is-reserved-owner-'.$is_reserve['owner'].' is-reserved-self- */
.ts-scheme-booking .is-reserved.ts-cell-passenger,
.ts-scheme-booking .is-reserved.ts-cell-passenger:hover,
.ts-scheme-booking.readonly .is-reserved.booking-free.ts-cell-passenger:hover {
	background: var(--color-agent-cell);
	cursor: default;
}

.ts-scheme-booking .is-reserved.is-reserved-self-1.ts-cell-passenger,
.ts-scheme-booking .is-reserved.is-reserved-self-1.ts-cell-passenger:hover,
.ts-scheme-booking.readonly .is-reserved.is-reserved-self-1.booking-free.ts-cell-passenger:hover {
	background: var(--color-self-cell);
}

.ts-scheme-booking .is-reserved.booking-free:hover,
.ts-scheme-booking .is-reserved.booking-reserved,
.ts-scheme-booking .is-reserved.booking-reserved:hover,
.ts-scheme-booking .is-reserved.is-reserved-self-1.booking-free:hover,
.ts-scheme-booking .is-reserved.is-reserved-self-1.booking-reserved,
.ts-scheme-booking .is-reserved.is-reserved-self-1.booking-reserved:hover {
	background: var(--color-red);
	cursor: pointer;
}

/*.replace-transport .ts-cell {
	transition: 0s;
}*/

.ts-scheme-booking .booking-tech-cell,
.ts-scheme-booking .booking-tech-cell:hover,
.ts-scheme-booking .booking-is-tech-cell,
.ts-scheme-booking .booking-is-tech-cell:hover,
.transport-tech-cells .ts-scheme-booking .booking-reserved:hover,
.transport-tech-cells .ts-scheme-booking .booking-reserved {
	background-color: var(--color-gray-blue);
}


table tbody tr.highlight {
	background: var(--color-highlight);
}


table tbody tr.replace-old-selected {
	color: var(--color-white-light);
	background: var(--color-hint);
}

/*table tbody tr.replaced {
	color: var(--color-white-light);
	background: var(--color-red);
}*/

.short-list table tbody tr.replaced td:first-child {
	position: relative;
	text-align: right;
	padding-left: 25px;
}

.short-list table tbody tr.replaced td:first-child:before {
	position: absolute;
	display: block;
	left: 8px;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: '\f00c';
	font-size: 18px;
	color: var(--color-green);
}

.short-list table tbody tr.highlight {
	background: var(--color-highlight);
	color: var(--color-black);
}

.short-list table tbody tr.replace-cell-highlight {
	color: var(--color-white-light);
	background: var(--color-hint);
}

.short-list table tbody tr.replace-cell-highlight td:first-child:before {
	color: var(--color-white-light);
}


.tr-order.hidden {
	display: none;
}

.button-show-all-orders {
	max-height: 0px;
	transform: scale(0);
	opacity: 0;
	transition: var(--time-fast);
	margin: 0;
}

.button-show-all-orders.active {
	max-height: 100px;
	transform: scale(1);
	opacity: 1;
	margin-top: 15px;
	margin-bottom: 15px;
}


.transport-scheme {
	margin-top: 15px;
	transition: var(--time-slow);
	width: max-content;
}

.rotate-90 {
	margin-bottom: 20px;
	margin-right: 180px;
}

.ts-scheme-booking.rotate-90 {
	margin-bottom: 0;
	margin-right: 0;
}

.rotate-90 .ts-container {
	transform: rotate(90deg) translate(0,-100%);
	transform-origin: left top;
}

.rotate-90 .ts-row-button,
.rotate-90 .ts-cell-number,
.rotate-90 .ts-cell-controllers,
.rotate-90 .ts-cell-service > .ts-cell-inner > .ts-cell-icon {
	transform: rotate(-90deg);
}

.rotate-90 .ts-row-copy-remove-block {
	flex-direction: column;
}

.rotate-90 .ts-row-button-copy {
	order: 10;
}

.rotate-90 .ts-cell-controllers-type .ts-cell-number,
.rotate-90 .ts-cell-controllers-type .ts-cell-service .ts-cell-icon {
	transform: none;
}




.selected-visibility:not(.active) .selected-visibility-hidden {
	display: none;	
}



table.departure-info {
	width: 900px;
}

table.departure-info tr td:not(:first-child) {
	font-size: 110%;
	width: 100%;
}

table.departure-info tr:first-child td:not(:first-child) {
	font-size: 120%;
	font-weight: 700;
}




.client-summary {
	display: flex;
	column-gap: 25px;
}

.client-info-table table {
	margin-top: 20px;
	width: 100%;
	width: 900px;
}

.client-info-table table tr td:first-child {
	width: 110px;
}

.client-info-table table tr td:not(:first-child) {
	font-size: 110%;
}

.client-info-table table tr:first-child td:not(:first-child) {
	font-size: 120%;
	font-weight: 700;
}

.passengers .client-info-table table {
	width: 900px;
}


/*.payer .search-info {
	width: 100%;
}*/

.search-result {
	position: absolute;
    background: var(--color-white-light);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
	z-index: 10;
}

.search-result-row {
    padding: 12px;
	transition: var(--time-medium);
	cursor: pointer;
}

.search-result-row:nth-child(even) {
	background: var(--color-bg-even);
}

.search-result-row:hover {
	background: var(--color-bg-hover);
	color: var(--color-blue);
}

.search-result-row p {
	margin: 0;
}

.search-client-fio {
	font-weight: 500;
}

.search-client-dob {
	color: var(--color-text-notes);
	font-size: 90%;
	display: flex;
	justify-content: space-between;
	min-width: 250px;
}

.passenger-info {
	padding: 20px 20px;
	margin-left: -20px;
	margin-right: -20px;
}

.booking-room-row {
	padding-left: 15px;
	border-left: 3px solid var(--color-self-cell);
}


.passenger-info:has(h2) {
	padding-top: 30px;
}

.passenger-info > h2 {
	margin-top: 0;
}

.passenger-info:nth-child(odd) {
	background: var(--color-bg-even);
}

.passenger-info:nth-child(odd) .booking-room-row {
	border-color: var(--color-self-cell);
}

.passenger-info:nth-child(odd) + .form-result + button {
	margin-top: 20px;
}

.order-booking-conatiner:has(.readonly) {
	display: flex;
	column-gap: 30px;
}


.order-booking-conatiner:has(.readonly) form.step1 {
	order: 2;
	position: sticky;
	top: 70px;
	padding-top: 20px;
	padding-top: 40px;
	/*position: fixed;
	left: 850px;*/
}

.order-booking-conatiner:has(.readonly) form.step2 {
	order: 1;
}

.order-booking-conatiner:has(.readonly) .departure-info {
	width: max-content;
}

.bookings-list .rotate-scheme,
.order-booking-conatiner:has(.readonly) .rotate-scheme {
    margin-top: 20px;
    margin-left: 0;
}




.readonly .passenger-info,
.readonly .passenger-info:has(h2) {
	padding: 10px 20px;
}


.readonly p.client-info-table-title {
	margin-bottom: -20px;
	padding-left: 10px;
}

.readonly .payer p.client-info-table-title {
	margin-top: 0;
}

.readonly .passenger-info:nth-child(odd) {
	background: none;
}

.extra-hotel-input .inner,
.extra-input .inner {
	transition: var(--time-medium);
}

.extra-hotel-input.deleted .inner,
.extra-input.deleted .inner {
	opacity: 0.25;
}




.booking-hotel-room h4 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.booking-hotel-room .input-radio {
	width: auto;
}
/*
.booking-hotel-room .input-radio:hover {
	background: var(--color-bg-hover);
}
*/
.booking-hotel-room .input-radio label {
	display: inline-flex;
	column-gap: 15px;
	cursor: pointer;
	width: max-content;
}

.booking-hotel-room .input-radio label > span:last-child {
	min-width: 100px;
	text-align: right;
	display: inline-block;
}

.booking-hotel-room .input-radio label > span:first-child {
	min-width: 250px;
	display: inline-block;
	text-align: left;
}

.booking-hotel-room.booking-departure-price .input-radio label span:first-child {
	min-width: 100px;
	display: inline-block;
}


.booking-hotel-room .input input[type=text],
.booking-hotel-room .input input[type=number] {
	width: initial;
	min-width: 384px;
	margin-top: 10px;
}

.booking-hotel-room.booking-departure-price .input input[type=number] {
	min-width: 234px;
}


.hotel-room-agent-comission {
	margin-top: 5px;
	text-align: right;
	color: var(--color-red);
	font-size: 90%;
}



.progress-bar {
	width: 100%;
	min-width: 120px;
	display: flex;
	column-gap: 5px;
	align-items: center;
	justify-content: center;
	border-radius: calc(var(--border-radius));
	position: relative;
	padding: 4px;
	box-shadow: var(--box-shadow-button);
	border: 2px solid var(--color-blue-light);
    background: var(--color-white-light);
	transition: var(--time-medium);
	box-sizing: border-box;
	overflow: hidden;
	z-index: 1;
	min-height: 30px;
	white-space: nowrap;
	flex-direction: row;
}

.progress-bar:hover {
	box-shadow: var(--box-shadow);
	border-color: var(--color-blue) !important;
}

.progress-bar span {
	position: relative;
	z-index: 10;
	transition: var(--time-medium);
	white-space: nowrap;
}

.progress-bar span.progress-bg {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--color-green-light);
	height: 100%;
	z-index: 1;
	min-height: 30px;
}


.progress-bar:hover span.progress-bg {
	background-color: var(--color-green-light) !important;
}

.progress-bar .progress-bar-icon {
	opacity: 0;
	transform: scale(0);
	position: absolute;
	right: 5px;
	top: 4px;
	transition: var(--time-fast);
}

tr:hover .progress-bar .progress-bar-icon {
	opacity: 1;
	transform: scale(1);
}

.progress-bar-reserves {
	border-color: var(--color-text-disabled);
}

.progress-bar-reserves span.progress-bg {
	background: var(--color-bg-thead);
}


.progress-bar-payed span {
	font-size: 12px;
}


.point-list table tbody tr:first-child td:nth-child(3),
.point-list table tbody tr:last-child td:nth-child(4) {
	opacity: 0;
}



.replace-transport {
	display: flex;
	justify-content: space-between;
	justify-content: flex-start;
	column-gap: 20px;
	position: relative;
	max-width: 90vw;
}

.new-transport {
	margin-left: 180px;
	position: relative;
}



.replace-block {
	display: flex;
	column-gap: 20px;
	position: relative;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
}

.replace-transport  .replace-item {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.replace-transport .transport-scheme {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

.new-transport .ts-container {
	transition: var(--time-medium);
}


.new-transport .replace-cell-info {
/*.new-transport .replace-item:before {*/
    display: block;
	position: absolute;
	top: 105px;
    left: -190px;
    width: 180px;
	opacity: 0;
	transform: translateX(-100px);
	transition: var(--time-fast);
}

.new-transport .replace-cell-info .hint {
	width: 180px;
	min-width: 180px;
	word-wrap: break-word;
    overflow-wrap: break-word;
	margin: 0;
	color: var(--color-black);
}

/*.new-transport .replace-item:before {*/
.new-transport .replace-cell-info:before {
    font-size: 50px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	text-align: center;
	font-family: "Font Awesome 6 Free";
	content: '\f30b';
	font-weight: 900;
	color: var(--color-hint);
}


.replace-new-block.active .ts-container {
	box-shadow: var(--box-shadow-active);
}

.new-transport.active .replace-cell-info {
	opacity: 1;
	transform: translateX(0px);
}



.replace-cell-row {
	display: flex;
	width: 100%;
	column-gap: 10px;
}



.replacements-list .cell-icon {
	color: var(--color-gray-blue);
}


/*.popup-content:has(.replace-complete-button) {
	padding-bottom: 50px;
}*/

.replace-complete-button {
	position: absolute;
	font-size: 110%;
	z-index: 10;
	left: 20px;
	bottom: 30px;
	transition: var(--time-fast);
}

.popup-content:has(.replace-complete-button.active) {
	padding-bottom: 50px;
}

.replace-complete-button.active {
	font-size: 130%;
	padding: 20px;
	color: var(--color-green);
	border: 4px solid var(--color-green);
}

.replace-complete-button.active:hover {
	color: var(--color-white-light);
	background-color: var(--color-green);
}


footer {
	min-height: 100px;	
}



.suggestions-wrapper a {
	display: none !important;
}

.air-datepicker-global-container {
	z-index: 9999;
}


.readmore-default i {
	transition: var(--time-slow);
}

.readmore-default.active i {
	transform: rotate(180deg);
}

tr .readmore-default {
	vertical-align: bottom;
}

.readmore-info {
	display: none;
}


.readmore-info.active {
	display: initial;
}

tr.readmore-info.active {
	display: table-row;
}

tr.readmore-info:not(:hover) {
	background: var(--color-white);
}

.readmore-info td:first-child {
	padding-left: 30px;
}

.readmore-info td {
	font-size: 90%;
}

.records-table tbody tr {
	vertical-align: baseline;
}

.record-info {
	max-height: 0px;
	max-width: 0px;
	opacity: 0;
	overflow: hidden;
	transition: var(--time-fast);
	margin-left: -5px;
	margin-right: -5px;
	/*margin-right: -80px;*/
}


.record-info.active {
	max-height: 5000px;
	max-width: 2000px;
	opacity: 1;
	padding: 5px;
}



.records-table tbody tr:has(.record-info.active) .layout-icon .fa-eye:before {
	content: '\f070';
}


.read-more {
	cursor: pointer;
}

.read-more-info {
	max-height: 0px;
	max-width: 0px;
	opacity: 0;
	overflow: hidden;
	transition: var(--time-fast);
}


.read-more-info.active {
	max-height: 5000px;
	max-width: 2000px;
	opacity: 1;
}

.read-more-block:has(.read-more-info.active) .layout-icon .fa-eye:before {
	content: '\f070';
}


/*
.has-read-more-tr {
	position: relative;
}

.has-read-more-tr .read-more-info {
	position: absolute;
	
}
*/




.doc-scheme table {
	/*border-collapse: collapse;
	font-size: 90%;
	background: var(--color-white-light);
	box-shadow: var(--box-shadow-button);
	border-radius: var(--border-radius);
	overflow: hidden;
	border-spacing: 0;*/
	margin: 5px;
}

.doc-scheme table td {
	padding: 2px 6px;
	height: 50px;
	border: 1px solid var(--color-text-disabled);
	box-sizing: border-box;
	vertical-align: baseline;
}

.transport-type-1 .class-1,
.transport-type-1 .class-3,
.transport-type-1 .class-4,
.transport-type-1 .class-5 {
	min-width: 150px;
}
.transport-type-1 .class-2 {
	width: 50px;
}

.transport-type-2 .class-1,
.transport-type-2 .class-3,
.transport-type-2 .class-4,
.transport-type-2 .class-5 {
	min-width: 150px;
}
.transport-type-2 .class-2 {
	width: 50px;
}

.doc-scheme table tbody tr:nth-child(even) {
	background-color: var(--color-white-light);
}

.doc-scheme table td.class-2, .doc-scheme table td.class-5 {
	background: var(--color-bg-thead);
	border: 1px solid var(--color-bg-thead);
	vertical-align: middle;
	text-align: right;
	font-weight: bold;	
}

.doc-scheme table td.class-3 {
	position: relative;
}

.doc-scheme table td.class-1,
.doc-scheme table td.class-4 {
	vertical-align: middle;
	text-align: center;	
}

.doc-scheme table tbody tr:hover {
	background-color: var(--color-white-light);
}


.doc-scheme table td .seat-number {
	position: absolute;
	bottom: -1px;
	right: -1px;
	border: 1px solid var(--color-text-disabled);
	width: 20px;
	height: 20px;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	border-top-left-radius: 8px;
	padding-top: 1px;
	padding-left: 1px;
}

.doc-scheme table td.class-4 .seat-number {
	display: none;
}

.doc-scheme table td .lastname {
	font-size: 15px;
}
.doc-scheme table.transport-type-2 .lastname {
	font-size: 16px;
}

.doc-scheme table td .point-name {
	diaplay: inline-block;
	padding-right: 20px;
	font-weight: bold;
	font-size: 11px;
}

.doc-scheme table td.class-1 .point-name {
	padding-right: 0;
}

.doc-scheme table.transport-type-2 .point-name {
	font-size: 14px;
}

.doc-scheme table tbody th


.more-item .inner{
	transition: vat(--time-medium);	
}

.more-item.deleted .inner {
	opacity: 0.5;
}

.more-item-buttons {
	position: relative;
	min-height: 40px;
}

.more-item-buttons .hint {
	display: inline-block;
	margin-left: 20px;
}

.more-item-button {
	transform: translateX(-1000px);
	opacity: 0;
	transition: var(--time-fast);
}

.button-delete-more {
	position: absolute;
}

.more-item-button.active {
	transform: none;
	opacity: 1;
}

.doc-scheme .allocations table td, .doc-scheme .allocations table tbody th {
	height: initial;
	border: 1px solid var(--color-text-disabled);
	padding: 2px 6px;
	vertical-align: middle;
}


.allocation-hotel-info {
	background: var(--color-white-light);
	padding: 5px;
	width: 650px;
}



/*

.has-hint {
	position: relative;
}

.has-hint-abs {
	position: absolute;
}

.popup-hint {
	display: none;
	position: absolute;
	top: calc(100% + 10px);
	color: var(--color-white);
	background: var(--color-gray-blue);
	font-size: 12px;
	border-radius: var(--border-radius);
	z-index: 100;
	box-sizing: border-box;
	transition: 0s;
	padding: 10px;
	text-align: center;
}

.popup-hint:after {
	content: ''; 
    position: absolute;
    left: calc(50% - 5px);
	bottom: 100%;
    border: 5px solid transparent;
    border-bottom: 5px solid var(--color-gray-blue);
}

.rotate-90 .popup-hint {
	top: calc(100% - 15px);
	left: calc(100% + 5px);
	transform-origin: 0% 0%;
	transform: rotate(-90deg);
	/*border-top-left-radius: 0;*
}

.rotate-90 .ts-row-button .popup-hint,
.rotate-90 .ts-cell-change-button .popup-hint {
	left: initial;
	top: calc(100% + 10px);
	transform: none;
}

.rotate-90 .popup-hint::after {
	border: 3px solid transparent;
	border-left: 3px solid var(--color-gray-blue);
	border-bottom: 3px solid var(--color-gray-blue);
	left: 0;
	display: none;
}

.rotate-90 .ts-row-button .popup-hint::after,
.rotate-90 .ts-cell-change-button .popup-hint::after {
    border: 5px solid transparent;
    border-bottom: 5px solid var(--color-gray-blue);
	left: calc(50% - 5px);
	display: none;
}

.ts-container .popup-hint {
	color: var(--color-white-light);
	opacity: 0.85;
	min-width: 150px;
}

.ts-container .popup-hint:after {
	opacity: 0.85;
}

.has-hint-common:hover .hint-common .popup-hint,
.has-hint:hover .popup-hint {
	display: block;
}





.ts-scheme-booking:not(.readonly) .has-hint:hover .popup-hint,
.replace-old-block .has-hint:hover .popup-hint,
.replace-new-block .has-hint:hover .popup-hint {
	display: none;
}



.replace-old-block .popup-hint {
	top: calc(100% + 15px);
}

.replace-old-block .rotate-90 .popup-hint {
	top: calc(100% + 10px);
	left: calc(100% + 10px);
}



/*.tippy-box[data-theme~='custom'] {
.tippy-box[data-theme~='tomato'][data-placement^='right'] > .tippy-arrow::before {
*/
.tippy-box[data-theme~='custom'] {
	background-color: var(--color-gray-blue);
	background-color: rgba(68,85,102,0.9);
	color: var(--color-white-light);
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow-button);
	width: initial;
	max-width: 600px !important;
}

.tippy-box[data-theme~='custom'] table {
	color: var(--color-black);
}

.tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: rgba(68,85,102,0.9);
}
.tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: rgba(68,85,102,0.9);
}
.tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: rgba(68,85,102,0.9);
}
.tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: rgba(68,85,102,0.9);
}


.input-field:has(.tt-trigger) {
	position: relative;
}

.input.input-checkbox .tt-trigger,
.input-field .tt-trigger {
	position: absolute;
	top: 9px;
	left: -8px;
	width: 16px;
	height: 16px;
	background: none;
	cursor: help;
	border-radius: 50%;
	z-index: 10;
}

.input-field:has(.tt-trigger) input {
	padding-left: 15px;
}
.input-field:has(.tt-trigger) select {
	padding-left: 12px;
}

.tt-trigger-separate,
.input-field:has(.tt-trigger)::after,
.input.input-checkbox:has(.tt-trigger) .input-label::after {
	width: 16px;
	height: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	font-size: 14px;
	font-weight: 600;
	background: var(--color-white-light);
	color: var(--color-gray-blue);
	cursor: help;
	border-radius: 50%;
	box-shadow: var(--box-shadow-button);
	transition: var(--time-medium);
	border: 1.5px solid var(--color-blue);
}

.tt-trigger-separate.disabled,
.input-field:has(input:disabled + .tt-trigger, select:disabled + .tt-trigger)::after,
.input.input-checkbox:has(input:disabled + .tt-trigger) .input-label::after {
	filter: saturate(0.2);
}


.tt-trigger-separate.trigger-warning {
	color: var(--color-red);
	font-weight: 700;
	border-color: var(--color-red);
	border-width: 2px;
}

.tt-trigger-separate.trigger-warning:hover {
	color: var(--color-white-light);
	background-color: var(--color-red);
}

.input-field:has(.tt-trigger)::after,
.input.input-checkbox:has(.tt-trigger) .input-label::after {
	position: absolute;
	top: 9px;
	left: -8px;
	content: '?';
}

.filter-element .input.input-checkbox .tt-trigger,
.filter-element .input-field .tt-trigger,
.filter-element .input-field:has(.tt-trigger)::after,
.filter-element .input.input-checkbox:has(.tt-trigger) .input-label::after {
	top: 6px;
}

.tt-trigger-separate:hover,
.input-field:has(.tt-trigger:hover)::after,
.input.input-checkbox:has(.tt-trigger:hover) .input-label::after{
	color: var(--color-white-light);
	background: var(--color-blue);
	
}

.tt-trigger-separate {
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
}

.warnings-link {
	position: absolute;
	left: 10px;
	left: 4px;
}

.link .tt-trigger-separate,
.link .tt-trigger-separate:hover {
	cursor: pointer;
}

tbody td .tt-trigger-separate.trigger-warning {
	margin-left: 0px;
	margin-right: 0px;
}

table th .tt-trigger-separate {
	margin: 0;
	vertical-align: initial;
}

table th .tt-trigger-separate:hover {
	border-color: var(--color-white-light);
}

.td-number .tt-trigger-separate {
    margin-left: 5px;
    margin-right: 0px;
    vertical-align: initial;
}

.input.input-checkbox .input-field:has(.tt-trigger)::after {
	display: none;
}

.input.input-checkbox:has(.tt-trigger) .input-label {
	position: relative;
}

.input.input-checkbox:has(.tt-trigger) .input-label::after, 
.input.input-checkbox .tt-trigger {
	top: -1px;
	left: calc(100% + 10px);
}

.hint-only.input.input-checkbox:has(.tt-trigger) .input-label::after, 
.hint-only.input.input-checkbox .tt-trigger {
	top: 0;
	left: 0;
}


.input-radio .tt-trigger-separate {
	vertical-align: initial;
}


.pagination .page-button .button-link,
.pagination-space {
	display: inline-block;
	min-width: 40px;
	text-align: center;
}



.seat-category-block {
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	opacity: 1;
	transition: var(--time-fast);
}

.seat-category-block:hover {
	opacity: 1;
}

.seat-category-content {
	padding: 5px;
	background: var(--color-white-light);
	box-shadow: var(--box-shadow);
	transform: scale(0);
	opacity: 0;
	transition: var(--time-fast);
	width: max-content;
	min-height: 38px;
	font-size: 80%;
}

.seat-category-block.active .seat-category-content {
	opacity: 1;
	transform: none;
}






.checkbox-list .form-content {
	columns: 2;
}








.input-field .added-images {
	width: 900px;
}

.added-img {
	position: relative;
	
}



.added-img {
	width: 286px;
	height: 190px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	z-index: 10;
	box-shadow: var(--box-shadow);
}

 .added-img-loader {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 286px;
	height: 190px;
	background: rgba(0,0,0,0.5);
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.added-img-loader p {
	color: #fff;
	font-size: 14px;
	text-align: center;
}

.added-img-loader.active {
	z-index: 100;
	display: flex;
}

.added-img-bg {
	width: 100%;
	height: 100%;
	transition: 1s;
	background: none;
	background-position: center;
	background-size: cover;
	transition: 0.4s;
	z-index: 10;
	position: relative;
	transition: var(--time-slow);
}

.added-img .added-img-bg {
	background-size: contain;
	background-repeat: no-repeat;
}


.added-img-buttons {
	position: absolute;
	bottom: 2px;
	right: 5px;
	display: flex;
	column-gap: 10px;
	z-index: 50;
}

.added-img-buttons .button-link {
	opacity: 0;
	transition: var(--time-slow);
	transform: scale(0);
	width: 0px;
	height: 0px;
	margin-left: -20px;
	display: none;
}

.added-img-buttons .button-link.active {
	width: initial;
	height: initial;
	margin-left: initial;
	opacity: 0.4;
	transform: none;
	display: flex;
}

.added-img:hover .added-img-buttons .button-link.active {
	opacity: 1;
}


.deleting .added-img-bg {
	opacity: 0.1;
}



.org-logo-input .added-img {
	width: 200px;
	height: 100px;
}






.search-result-content {
	max-height: 500px;
	overflow: auto;
}




.td-point-widget {
	max-height: 200px;
}











.sk-three-bounce {
  width: 3em;
  margin: auto;
  text-align: center;
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: calc(50% - 1.5em);  
}
.sk-three-bounce .sk-child {
  width: 0.75em;
  height: 0.75em;
  background-color: var(--color-white);
  border: 2px solid var(--color-green);
  border-radius: 0%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
          animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce-1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.sk-three-bounce .sk-bounce-2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}