@import "tablet.css";

html, body, #app, .main {
	height: 100%;
	min-height: 100%;
	margin: 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#app .version {
	font-size: 0.7em;
	font-weight: 100;
	cursor: auto;
	color: #777;
}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}

.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
	padding: 1rem 1rem 1rem 3.7rem;
	color: white;
}

	.blazor-error-boundary::after {
		content: "An error has occurred."
	}

/* runtime error */

#blazor-error-ui {
	width: 300px;
	background: rgb(255, 248, 248);
	bottom: 15px;
	left: 15px;
	border-radius: 5px;
	font-size: 14px;
	border: 1px solid red;
}

/* Loading */
#app-loading {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 30px;
}

	#app-loading img {
		width: 400px;
		max-width: 90vw;
	}


	#app-loading .row {
		width: auto;
	}

	#app-loading .progress-bar {
		width: 400px;
		max-width: 90vw;
		/*border: 1px solid #0c1927;*/
		height: 10px;
		border-radius: 3px;
		overflow: hidden;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .2) inset;
	}

		#app-loading .progress-bar .progress {
			margin: -2px;
			border-radius: 0px;
			height: 120%;
			background: rgb(238, 60, 40);
			background: linear-gradient(317deg, rgba(238, 60, 40, 1) 0%, rgba(255, 162, 152, 1) 100%);
			width: calc(var(--blazor-load-percentage, 30%) + 2px);
			box-shadow: 2px 2px 20px black;
		}

.loading-progress {
	position: relative;
	display: block;
	width: 8rem;
	height: 8rem;
	margin: 20vh auto 1rem auto;
}

.loading-progress-text {
	font-weight: bold;
}

	.loading-progress-text:after {
		content: var(--blazor-load-percentage-text, "Loading");
	}

/* NAV */

.k-nav.k-link {
	padding: 2px 4px;
	line-height: 1;
}

.k-nav.k-state-active {
	font-weight: bold;
	color: #656565;
}

.k-menu-group .k-item:not(.menu-button) > .k-menu-link {
	line-height: 1;
	padding: 2px 4px;
	padding-right: 32px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

/* GRID */
.k-grid-md .k-table-th, .k-grid-md td, .k-grid-md .k-table-td {
	padding-block: 3px !important;
	padding-inline: 5px !important;
	font-size: 13px;
}

html, body, .k-table-md, .k-form, .k-input-inner {
	/*font-size: 12px !important;*/
}

.k-filter-row .k-table-td {
	margin: 0px;
	padding: 0px !important;
}

.k-filtercell .k-filtercell-wrapper {
	gap: 0px !important;
}

.k-filtercell .k-rounded-md {
	border-radius: 0 !important;
}

.k-filtercell .k-input,
.k-filtercell .k-picker,
.k-filtercell .k-button {
	border: 0 !important;
	height: 25px !important;
}

/* edit grid */

.wr-grid-input:has(+ .wr-grid-details-button) {
	width: calc(100% - 24px);
	display: inline-block;
	margin-right: 5px;
}

.wr-delete-button:hover {
	background: red !important;
	color: white;
}

.wr-edit-grid.k-grid .k-hierarchy-cell > .k-icon {
	padding: 0px;
}

.wr-edit-grid.wr-inner > .k-pager,
.wr-remote-grid-inner > .k-pager {
	display: none;
}

.wr-edit-grid.wr-inner > .k-grid-toolbar > .k-pager,
.wr-remote-grid-inner > .k-grid-toolbar > .k-pager {
	margin-left: 0;
}

.wr-remote-grid table.k-grid-header-table.k-table,
.wr-remote-grid table.k-grid-table.k-table,
.wr-remote-grid table.k-grid-footer-table.k-table,
.wr-remote-grid-inner table.k-grid-header-table.k-table,
.wr-remote-grid-inner table.k-grid-table.k-table,
.wr-remote-grid-inner table.k-grid-footer-table.k-table {
	width: 1px;
}

.wr-remote-grid .wr-remote-grid-pager-excel-button,
.wr-remote-grid-inner .wr-remote-grid-pager-excel-button {
	display: none;
}

.layout-popup-trigger {
	margin-left: auto;
}
/* Change the icons for the expand + and -

.wr-edit-grid.k-grid .k-hierarchy-cell > .k-icon svg {
	display: none;
}

.wr-edit-grid.k-grid .k-hierarchy-cell > .k-icon.k-svg-i-plus::after {
	content: "\25BC";
}

.wr-edit-grid.k-grid .k-hierarchy-cell > .k-icon.k-svg-i-minus::after {
	content: "\25B2";
}

*/
.wr-edit-grid.k-grid td > .k-button,
.wr-edit-grid.k-grid td .wr-column-actions .k-button {
	padding: 2px 3px;
}

	.wr-edit-grid.k-grid td > .k-button .k-button-icon,
	.wr-edit-grid.k-grid td .wr-column-actions .k-button .k-button-icon {
		min-height: 0;
		min-width: 0;
	}

/* splitter */
/*.k-splitbar {
	background: #777 !important;
	color: white !important;
}

.k-splitbar:hover {
	background: #f87762 !important;
}

.k-splitbar:active {
	background: #ff6358 !important;
	color: white !important;
}*/
.k-splitbar.k-splitbar-vertical {
	max-height: 6px;
}

.k-splitbar.k-splitbar-horizontal {
	max-width: 6px;
}

.k-splitter .k-pane {
	overflow: auto !important;
}

/* form */
.wr-validation-error .k-input,
.wr-validation-error .k-input:hover,
.wr-validation-error .k-input:active,
.wr-validation-error .k-input.k-focus,
.wr-grid-input.wr-validation-error .k-input {
	border: 1px solid red;
}

.wr-placeholder-box-inner {
	/*min-height: 28px;*/
}

.wr-input-wrapper {
	height: 100%;
	display: flex;
	align-items: flex-start;
}

.wr-checkbox-label {
	vertical-align: middle;
}

.wr-text-overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.wr-batch-edit-grid td.k-table-td {
	/*	padding-block: 0px !important;
	padding-inline: 0px !important;*/
}

.wr-batch-edit-grid tr:last-child td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.wr-grid-input {
	height: 26px;
	background: rgba(255, 255, 255, 0);
	margin: -3px -5px;
}

	.wr-grid-input > .wr-checkbox-label {
		width: 100%;
		height: 100%;
		text-align: center;
	}

		.wr-grid-input > .wr-checkbox-label > .k-checkbox-wrap {
			height: 100%;
		}

			.wr-grid-input > .wr-checkbox-label > .k-checkbox-wrap > .k-checkbox {
				box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);
			}


	.wr-grid-input .k-input, .wr-grid-input .k-dropdownlist {
		border: 1px solid rgba(0, 0, 0, 0);
		border-radius: 0;
		height: 26px;
		background: rgba(255, 255, 255, 0);
	}

		.wr-grid-input .k-input .k-input-inner {
			font-size: 13px;
			padding-inline: 4px;
		}

		.wr-grid-input .k-input .k-input-inner-emprty {
			padding-inline: 0 !important;
		}

.wr-custom-ellipsis .k-table-td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wr-grid-row-deleted td:not(:first-child):not(:last-child) {
	filter: opacity(0.3);
	pointer-events: none;
}

.wr-grid-row-selected td:not(:first-child):not(:last-child) {
	filter: drop-shadow(2px 4px 6px red);
	pointer-events: none;
}

.wr-grid-row-new > td:first-child {
	background: linear-gradient(135deg, #32cd326e, #0000ff00 50%); /* Градиентный цвет для треугольника */
}

:not(.wr-grid-row-new):not(.wr-grid-row-deleted) > * > .wr-grid-input.wr-grid-input-changed {
	background: rgb(255 255 0 / 23%) !important
}

.wr-input-adornment {
	padding-inline: 5px;
}

.k-input.h-100, .k-input.h-100 textarea {
	height: 100%;
}

.k-input.inline {
	width: auto;
}

/* hide arrows from numeric textbox */
.k-numerictextbox.wr-numeric-input-no-arrows .k-input-spinner {
	display: none;
}


.k-animation-container.telerik-blazor:has(.k-dropdownlist-popup) {
	white-space: nowrap !important;
}

/* notification */
.wr-notification {
	margin-inline: 15px;
	margin-block: 15px;
}

	.wr-notification .k-notification {
		padding: 10px;
	}

.cursor-pointer {
	cursor: pointer;
}

*::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

*::-webkit-scrollbar-track {
	background: white;
}

*::-webkit-scrollbar-thumb {
	background: #cfcfcf;
	visibility: hidden;
}

*:hover::-webkit-scrollbar-thumb {
	visibility: visible;
	border-radius: 7px;
	border: 0.5px solid white
}

.wr-grid-copy-button > button {
	border-left: none;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.wr-grid-copy-button > .k-numerictextbox {
	width: fit-content !important;
	padding-right: 3px;
	border-right: none;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	background: transparent
}

	.wr-grid-copy-button > .k-numerictextbox input {
		width: 25px;
		padding-inline: 4px;
		text-align: end;
		/* border-radius: 0; */
	}

	.wr-grid-copy-button > .k-numerictextbox .k-input-separator {
		display: none
	}

.wr-grid-rules-tabs > .k-tabstrip-items-wrapper {
	display: none;
}

.wr-grid-rules-tabs > .k-tabstrip-content {
	padding: 0 !important;
}

.wr-toolbar-title-custom .k-button-group {
	align-items: center;
}

	.wr-toolbar-title-custom .k-button-group > * {
		padding: 0 3px;
		font-size: 12px;
		height: 20px;
	}

	.wr-toolbar-title-custom .k-button-group > * {
		padding: 0 3px;
		font-size: 12px;
		height: 20px;
	}

.wr-toolbar-title-custom > span {
	line-height: 1;
}

.wr-toolbar-title-custom {
	display: inline-flex;
	flex-direction: column;
	align-items: start;
}

.wr-grid-filter-popup .k-popup {
	width: fit-content;
	padding: 2px;
	background-color: rgb(250 250 250)
}

	.wr-grid-filter-popup .k-popup > div {
		display: flex;
		flex-direction: column;
		gap: 2px;
		width: min-content;
		min-width: 6em;
	}

.wr-grid-filter-blanks {
	padding: 0;
	width: 100%;
}

	.wr-grid-filter-blanks > button {
		width: -webkit-fill-available;
	}

.wr-grid-filter-clear {
	position: absolute !important;
	right: 0;
	z-index: 1;
	opacity: 0;
	background: linear-gradient(90deg, transparent 0%, white 30%) !important;
	box-shadow: none !important;
}

	.wr-grid-filter-clear:hover {
		opacity: 1;
	}

.wr-grid-filter-date-range {
	gap: 0 !important;
	flex-direction: column !important;
}

	.wr-grid-filter-date-range > .k-floating-label-container {
		padding: 0;
		width: 100%;
	}

		.wr-grid-filter-date-range > .k-floating-label-container > label {
			display: none;
		}

.wr-grid-filter-multiselect-popup:not(.k-animation-container-shown) {
	left: -999px;
}

.wr-grid-filter-multiselect-popup .k-child-animation-container {
	transition: none !important;
}

.wr-grid-filter-multiselect-popup .k-list-footer {
	display: flex;
	flex-direction: column;
}

.wr-grid-filter-multiselect {
	position: relative;
	width: 100%;
}

	.wr-grid-filter-multiselect .k-multiselect.k-focus .k-input-prefix {
		overflow: hidden;
		max-width: 30%;
	}

	.wr-grid-filter-multiselect .k-chip-list {
		display: none !important;
	}

.wr-log-form {
	display: grid;
	grid-template-columns: 7em auto;
}

.wr-column-header .k-column-title,
.wr-column-header .k-column-title div {
	min-width: 0;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-shrink: 1;
	overflow: hidden;
}

.k-radio-label:has(> .wr-layout-radio-item) {
	width: 100%;
}

.wr-layout-radio-item {
	display: inline-grid;
	grid-template-columns: 15em 1.5em 1.5em 1.5em 1.5em 1.5em;
}

	.wr-layout-radio-item > button {
		padding: 0;
	}

	.wr-layout-radio-item > span {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}