@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-Black.ttf");
	font-weight: 851 999;
	font-style: normal;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-ExtraBold.ttf");
	font-weight: 751 850;
	font-style: normal;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-Bold.ttf");
	font-weight: 651 750;
	font-style: normal;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-SemiBold.ttf");
	font-weight: 551 650;
	font-style: normal;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-Medium.ttf");
	font-weight: 451 550;
	font-style: normal;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-Regular.ttf");
	font-weight: 351 450;
	font-style: normal;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-Light.ttf");
	font-weight: 220 350;
	font-style: normal;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-ExtraLight.ttf");
	font-weight: 100 219;
	font-style: normal;
}

@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-BlackItalic.ttf");
	font-weight: 851 1000;
	font-style: italic;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-ExtraBoldItalic.ttf");
	font-weight: 751 850;
	font-style: italic;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-BoldItalic.ttf");
	font-weight: 651 750;
	font-style: italic;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-SemiBoldItalic.ttf");
	font-weight: 551 650;
	font-style: italic;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-MediumItalic.ttf");
	font-weight: 451 550;
	font-style: italic;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-Italic.ttf");
	font-weight: 351 450;
	font-style: italic;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-LightItalic.ttf");
	font-weight: 220 350;
	font-style: italic;
}
@font-face {
	font-family: "Nunito";
	src: url("../fonts/static/Nunito-ExtraLightItalic.ttf");
	font-weight: 100 219;
	font-style: italic;
}

:root, html {
	height: 100%;
	font-size: min(9.77pt, 2.5vw, 2.3vh);
	-webkit-font-smoothing: antialiased;
}
body {
	margin: 0;
	line-height: 1.3;
	height: 100%;

	--mainBtnColorOld: #016565;
	--mainBtnColor: #19686E;
	--mainBtnColorActive: #0A3D47;
	--mainBtnColorHover: #0A4852;
	--mainBtnColorFocus: #46908C;
	--linkColor: #19686E;
	--focusColor: #016565;

	--editBtnColor: #E8E3E0;
	--editBtnColorActive: #C6C4C4;
	--editBtnColorHover: #D7D5D5;
	--editBtnColorFocus: #aaaaaa;

	--widgetSectionBorder: #D7D5D5;

	--headerPanelHeight: min(4.77em, 8.75vw);
	--subHeaderPanelHeight: min(4.3em, 8.75vw);

	--pageContentHeight: calc(100vh - var(--headerPanelHeight));
	--noscrollWidgetHeight: calc(var(--pageContentHeight) - min(62px, 4vw));
	--noscrollWidgetHalfHeight: calc(var(--noscrollWidgetHeight) / 2 - min(16px, 1vw));

	--dialogHeaderHeight: 4.3rem;
	--dialogContentHeight: calc(100vh - var(--dialogHeaderHeight) * 2 - 40px);
	--dialogContentInnerHeight: calc(var(--dialogContentHeight) - 40px);
}
body.firefox * {
	scrollbar-width: thin;
}
:focus-visible {
	outline: outset 2px #6C7175;
}
p:first-child {
	margin-top: 0;
}

.intake
, .flow
, .hpFlow .expense
, .sensor1
{
	--graphBasic: #56B9FE;
	--graphGradTop: #56B9FE;
	--graphGradBottom: #85ccff;
	--captionBg: #008CF5;
	--dotTypeColor: #42B1FE;
	--icon: url('/img/icons_rin/hp/drop_intake.svg');
	--waves: url('/img/waves/waves_ltblue.png');
}
.supply
, .expense
, .hpFlow .flow
, .bsrDiff
{
	--graphBasic: #008CF5;
	--graphGradTop: #007BD6;
	--graphGradBottom: #008CF5;
	--captionBg: #016BBD;
	--dotTypeColor: #008CF5;
	--icon: url('/img/icons_rin/hp/drop_supply.svg');
	--waves: url('/img/waves/waves_blue.png');
}
.bsrDiff
{
	--captionBg: #007BD6;
}
.loss
, .sensor5 {
	--graphBasic: #E46066;
	--graphGradTop: #F75353;
	--graphGradBottom: #F75353;
	--captionBg: #FF7678;
	--dotTypeColor: #F75353;
	--icon: url('/img/icons_rin/hp/drop_loss.svg');
	--waves: url('/img/waves/waves_whitets.png');
}
.discard
, .balance
, .sensor4 {
	--graphBasic: #C7C8CA;
	--graphGradTop: #7B8291;
	--graphGradBottom: #959FAC;
	--captionBg: #7B8291;
	--dotTypeColor: #C7C8CA;
	--icon: url('/img/icons_rin/hp/drop_discard.svg');
	--waves: url('/img/waves/waves_whitets.png');
}
.bsrFeed
, .sensor2
{
	--graphBasic: #64aeA2;
	--graphGradTop: #64aeA2;
	--graphGradBottom: #AAD4C7;
	--captionBg: #64aeA2;
	--dotTypeColor: #8CC5B4;
	--icon: url('/img/icons_rin/hp/drop_bsr.svg');
	--waves: url('/img/waves/waves_whitets.png');
}
.bsrIntake
, .sensor3
{
	--graphBasic: #0b6b6b;
	--graphGradTop: #08494A;
	--graphGradBottom: #0b6b6b;
	--captionBg: #326C79;
	--dotTypeColor: #326C79;
	--icon: url('/img/icons_rin/hp/drop_bsr.svg');
	--waves: url('/img/waves/waves_whitets.png');
}

.hpType.undefined
, .hpType.null
{
	--hpTypeColorDark: #C32D34;
	--hpTypeColor: #F75353;
	--hpTypeColorLight: #FF7678;
	--hpTypeColorHighlight: #FDA9AB;
	--hpTypeArrowIcon: url('/img/icons/hptypes/red.svg');
	--hpTypeIcon: url('/img/svg_vita_logo/red.svg');
}
.hpType.commerce
{
	--hpTypeColorDark: #38A0E8;
	--hpTypeColor: #42B1FE;
	--hpTypeColorLight: #99D7FF;
	--hpTypeColorHighlight: #C7E7FE;
	--hpTypeArrowIcon: url('/img/icons/hptypes/ltblue.svg');
	--hpTypeIcon: url('/img/svg_vita_logo/ltblue.svg');
	--icon: url('/img/icons_rin/hp/drop_intake.svg');
	--waves: url('/img/waves/waves_ltblue.png');
}
.hpType.intake
, .hpType.intakePlusComm
, .hpType.magistralIntake
{
	--hpTypeColorDark: #016BBD;
	--hpTypeColor: #008CF5;
	--hpTypeColorLight: #56B9FE;
	--hpTypeColorHighlight: #99D7FF;
	--hpTypeArrowIcon: url('/img/icons/hptypes/blue.svg');
	--hpTypeIcon: url('/img/svg_vita_logo/blue.svg');
	--contrastFilter: hue-rotate(10deg) brightness(1.4);
	--icon: url('/img/icons_rin/hp/drop_supply.svg');
	--waves: url('/img/waves/waves_blue.png');
}
.hpType.reserveSupply
, .hpType.reserveSupplyPlusComm
{
	--hpTypeColorDark: #0b6b6b;
	--hpTypeColor: #326C79;
	--hpTypeColorLight: #8CC5B4;
	--hpTypeColorHighlight: #8CC5B4;
	--hpTypeArrowIcon: url('/img/icons/hptypes/green.svg');
	--hpTypeIcon: url('/img/svg_vita_logo/green.svg');
	--icon: url('/img/icons_rin/hp/drop_bsr.svg');
	--waves: url('/img/waves/waves_whitets.png');
}
.hpType.reserveIntake
{
	--hpTypeColorDark: #64aeA2;
	--hpTypeColor: #8CC5B4;
	--hpTypeColorLight: #AAD4C7;
	--hpTypeColorHighlight: #AAD4C7;
	--hpTypeArrowIcon: url('/img/icons/hptypes/ltgreen.svg');
	--hpTypeIcon: url('/img/svg_vita_logo/ltgreen.svg');
	--icon: url('/img/icons_rin/hp/drop_bsr.svg');
	--waves: url('/img/waves/waves_whitets.png');
}
.hpType.magistralDiscard
{
	--hpTypeColorDark: #242A3A;
	--hpTypeColor: #363640;
	--hpTypeColorLight: #BBBDC1;
	--hpTypeColorHighlight: #BBBDC1;
	--hpTypeArrowIcon: url('/img/icons/hptypes/black.svg');
	--hpTypeIcon: url('/img/svg_vita_logo/black.svg');
	--icon: url('/img/icons_rin/hp/drop_discard.svg');
	--waves: url('/img/waves/waves_whitets.png');
}
.hpType.balance
{
	--hpTypeColorDark: #7B8291;
	--hpTypeColor: #999999;
	--hpTypeColorLight: #C7C8CA;
	--hpTypeColorHighlight: #D7D5D5;
	--hpTypeArrowIcon: url('/img/icons/hptypes/grey.svg');
	--hpTypeIcon: url('/img/svg_vita_logo/grey.svg');
	--icon: url('/img/icons_rin/hp/drop_discard.svg');
	--waves: url('/img/waves/waves_whitets.png');
}

* {
	box-sizing: border-box;
	font-family: Nunito, Arial, sans-serif;
}
table {
	border-spacing: 0;
	/*font-size: max(min(1em, 2vh), 12px);*/
}
td, th {
	padding: 0.8em 0.2em;
}
hr {
	margin: 1em 0.1em;
}

h4 {
	margin-block-start: 1em;
	margin-block-end: 1em;
	font-weight: 650;
	font-size: 1.1em;
}

h1:first-child
, h2:first-child
, h3:first-child
, h4:first-child
, h5:first-child
, h6:first-child
{
	margin-top: 0;
}
.vita-pageWidgetBody:first-child > h1:first-child
, .vita-pageWidgetBody:first-child > h2:first-child
, .vita-pageWidgetBody:first-child > h3:first-child
, .vita-pageWidgetBody:first-child > h4:first-child
, .vita-pageWidgetBody:first-child > h5:first-child
, .vita-pageWidgetBody:first-child > h6:first-child
{
	margin-top: -0.1em;
}
h1 + br
, h2 + br
, h3 + br
, h4 + br
, h5 + br
, h6 + br
{
	display: none;
}

.hiddenInput {
	position: absolute;
	left: -200%;
}
input[type="checkbox"] {
	margin: -0.02em 0.4em 0 0;
}
input[type="number"] {
	width: 7em;
}
input.smallValue {
	width: 4em;
}
input.medValue {
	width: 14em;
}
input.longValue {
	width: 24em;
}
input:not([type="checkbox"], [type="button"], [type="radio"], [type="color"])
, textarea {
	font-size: 1em;
	border-radius: 3px;
	border: 1px solid #67676C;
	resize: none;
}
body.firefox input[type="number"] {
	padding-right: 0px;
	width: 5em;
}
input:not([type="checkbox"], [type="button"], [type="radio"], [type="color"]):disabled
, textarea:disabled {
	background-color: #D7D5D560;
	border-color: #999999;
	color: #363638;
}
input.invalid {
	border: 1px solid #C32D34;
}
input:focus-visible
, textarea:focus-visible {
	outline: 1px solid var(--focusColor);
	border: 1px solid var(--focusColor);
}
input[readonly]:focus-visible
, textarea[readonly]:focus-visible {
	outline: 1px solid var(--editBtnColorFocus);
	border: 1px solid var(--editBtnColorFocus);
}
textarea, pre, code {
	tab-size : 4;
}
textarea.editor {
	width: 100%;
	resize: vertical;
	font-family: Consolas, "Lucida Console", monospace;
}

textarea.verticalResize {
	resize: vertical;
}
textarea.verticalResize::-webkit-resizer {
	background-position: bottom right;
	background-image: url(/img/resizer_vertical.png);
	background-repeat: no-repeat;
}

label {
	display: inline-flex;
	align-items: center;
}

.scrollableX {
	overflow-x: auto;
}

.attractor {
	z-index: 5;
	box-shadow: #940019 0 0 0.5rem;
	animation: attractAttention 190ms linear;
}
@keyframes attractAttention {
	0% {
		transform: scale(1);
	}
	15% {
		transform: scale(2);
	}
	85% {
		transform: scale(2);
	}
	100% {
		transform: scale(1);
	}
}
.validatedInputContainer .errorDisplay {
	font-size: 0.86rem;
	color: #C32D34;
	font-weight: 500;
}
.validatedInputContainer .errorDisplay:not(:empty) {
	margin-bottom: -1rem;
	line-height: 1rem;
}

pre, span.monospaced {
	font-size: 0.95em;
	font-family: Consolas, "Lucida Console", monospace;
	white-space-collapse: preserve;
	padding: 0 1px;
	background-color: #ffffff;
}
pre {
	border: 1px solid var(--widgetSectionBorder);
	border-radius: 0.6em;
	padding: 0.8em 1em;
	tab-size: 4;
	text-wrap: wrap;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: transparent;
}
::-webkit-resizer {
	background-color: transparent;
}
::-webkit-scrollbar-button {
	width: 8px;
	height: 8px;
	background-color: #8E98A1;
	border-radius: 10px;
	display: none;
}
::-webkit-scrollbar-thumb {
	width: 8px;
	background-color: #8E98A180;
	border-radius: 10px;
}
::-webkit-scrollbar-button:hover
, ::-webkit-scrollbar-thumb:hover {
	background-color: #8E98A1f0;
}
::-webkit-scrollbar-button:active
, ::-webkit-scrollbar-thumb:active {
	background-color: #8E98A1c0;
}
::-webkit-scrollbar-corner {
	background: #8E98A1c0;
	border-radius: 10px;
}

#shadowDatepicker {
	position: absolute;
	top: -40px;
	font-size: 1px;
}

#screenLocker {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 0%;
	opacity: 0;
	z-index: 999;
	background-color: #383d3c70;
	transition: opacity 0.15s linear, height 0.01s 0.15s linear;
}
#screenLocker.visible {
	/*cursor: progress;*/
	opacity: 1;
	height: 100%;
	transition: opacity 3s 0.7s linear;
}
#screenLocker.visible.instant {
	transition: none;
}
#screenLocker .progressContainer {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
}
#screenLocker .progressBar {
	display: none;
}
#screenLocker .progressBar.visible {
	display: block;
	position: relative;
	overflow: hidden;
	background: #9999;
	width: min(94vw, 600px);
	height: 2.4vh;
	border: 4px solid #E5E4E3;
	border-radius: 2vh;
	box-shadow: 0 0 10px #0007;
}
#screenLocker .progressBar .shadower {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: inset 0 0 10px #0005;
}
#screenLocker .progressBarLine {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #2cbbff;
}
#screenLocker .progressBarText:not(:empty) {
	background-color: #9999;
	border-radius: 2vh;
	margin-top: 0.5rem;
	padding: 0.4em 0.6em;
	max-width: min(1200px, 85vw);
	color: #fff;
	font-size: 1.1rem;
	text-shadow: #000e 0 0 1rem, #000d 0 0 0.3rem;
}

#connectionProblemIndicator {
	position: fixed;
	top: 0;
	left: 0;
	height: 12px;
	width: 10px;
	z-index: 999999;
	background-color: #C32D34;
	color: #fff;
	border-radius: 10px;
	font-size: 8px;
	line-height: 12px;
	text-align: center;
	font-weight: 800;
	user-select: none;
}
/*#screenLocker.visible .loading {
	position: absolute;
	right: 3vmin;
	bottom: 3vmin;
	width: 8vmin;
	height: 8vmin;
	border-radius: 10vmin;
	border: #fff solid 1vmin;
	box-shadow: 0 0 2vmin #0007, inset 0 0 2vmin #0007;
	animation: loadingRoller 2.55s infinite linear;
}
#screenLocker.visible .loading-roller {
	position: absolute;
	left: 2vmin;
	top: -1.3vmin;
	width: 2vmin;
	height: 2vmin;
	border-radius: 2vmin;
	background: #fff;
	box-shadow: #000 0 0 0.4vmin 1px;
}*/
/*#screenLocker.visible .loading {
	position: absolute;
	right: 2.8vh;
	bottom: 3.1vh;
	width: 10vh;
	height: 10vh;
	border-radius: 10vmin;
	border: #fffb solid 1vh;
	box-shadow: 0 0 2vmin #0007, inset 0 0 2vmin #0007;
	animation: loadingRoller 4.55s infinite linear;
}
/*#screenLocker.visible .loading-roller {
	position: absolute;
	left: 3vh;
	top: -1vh;
	width: 1vh;
	height: 1vh;
	border-radius: 2vmin;
	background: #6d6c6a;
}*/
/*#screenLocker.visible .loading-roller {
	position: absolute;
	left: 3.5vh;
	top: 0vh;
	width: 1vh;
	height: 8vh;
}
#screenLocker.visible .loading-roller::after {
	content: '';
	position: absolute;
	left: 0;
	top: -1.05vh;
	width: 100%;
	height: 1.15vh;
	background: #6d6c6a;
}*/
#screenLocker.visible .loading {
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
	width: 100px;
	height: 100px;
	border-radius: 100px;
	border: #fffb solid 10px;
	box-shadow: 0 0 20px #0007, inset 0 0 20px #0007;
	animation: loadingRoller 4.55s infinite linear;
}
#screenLocker.visible .loading-roller {
	position: absolute;
	left: 35px;
	top: 0vh;
	width: 10px;
	height: 80px;
}
#screenLocker.visible .loading-roller::after {
	content: '';
	position: absolute;
	left: 0;
	top: -11px;
	width: 100%;
	height: 12px;
	background: #7b7a78;
}
#screenLocker.visible .loading-roller.r2 {
	transform: rotate(120deg);
}
#screenLocker.visible .loading-roller.r3 {
	transform: rotate(240deg);
}

@keyframes loadingRoller {
	0% {
		transform: rotate(0);
	}
	25% {
		transform: rotate(90deg);
	}
	50% {
		transform: rotate(180deg);
	}
	75% {
		transform: rotate(270deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.sideMenuHeaderImage:hover:not(:has(
	.vita-profileCreds:hover, .profilePictureHoverTrigger:hover
)) {
	cursor: pointer;
}
.sideMenuHeaderImage:hover:not(:has(
	.vita-profileCreds:hover, .profilePictureHoverTrigger:hover
)):after {
	content: '';
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(/img/icons/home.png);
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 2px;
	right: 2px;
	opacity: 60%;
}

.fieldLabel {
	display: flex;
	align-items: center;
	gap: 0.7em;
}

.basicBtn
, .kb-dialog .button
, .kbDropdown
, .vita-datepicker
{
	position: relative;
	background-color: var(--mainBtnColor);
	color: #fff;
	border-radius: 7px;
	font-weight: 500;
	background-repeat: no-repeat;
	cursor: pointer;
	user-select: none;
	flex-shrink: 0;
}
.basicBtn[disabled]
, .kb-dialog .button[disabled]
, .kbDropdown[disabled]
, .vita-datepicker[disabled]
{
	opacity: 0.4;
}
.basicBtn
, .kb-dialog .button {
	display: inline-flex;
	padding: 0.6em 1.4em;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.kbDropdown {
	overflow: hidden;
}
.kbDropdownOptions {
	background-color: var(--mainBtnColor);
}

.basicBtn:active
, .vita-datepicker:active
, .kb-dialog .button.primary:active
, .kbDropdownOption:active
, .kbDropdownValue:active
{
	background-color: var(--mainBtnColorActive);
}
.basicBtn:hover
, .vita-datepicker:hover
, .kb-dialog .button.primary:hover
, .kbDropdownOption:hover
, .kbDropdownValue:hover
{
	background-color: var(--mainBtnColorHover);
}

.kbDropdown.active .kbDropdownValue {
	box-shadow: inset 0 1px 2em 0.5em #16263530;
}

.basicBtn:focus-visible
, .kb-dialog .button:focus-visible
, .vita-datepicker:focus-visible
, .kbDropdown:focus-visible
, .kbCheckBoxContainer:focus-visible
{
	outline: 3px outset var(--mainBtnColorFocus);
}

.kbDropdownOption:focus-visible
{
	outline: 0;
	background-color: var(--mainBtnColorHover);
}

.kbDropdown.menu
, .kbDropdown.menu .kbDropdownValue
, .kbDropdownOptions.menu
, .kbDropdownOptions.menu .kbDropdownValue
{
	background-color: #3B5A7D;
}
.kbDropdown.menu:focus-visible {
	outline: 3px outset #677C99;
}
.kbDropdown.menu .kbDropdownValue:hover
, .kbDropdownOptions.menu .kbDropdownOption:hover
, .kbDropdownOptions.menu .kbDropdownOption:focus-visible
{
	background-color: #576F8C;
}
.kbDropdown.menu .kbDropdownValue:active {
	background-color: #2C3948;
}

.kbDropdown.menu.inactive.lowContrast
, .kbDropdown.menu.inactive.lowContrast .kbDropdownValue
{
	background-color: #7B8291;
}

.basicBtn.editBtn
, .kbDropdown.editBtn
, .vita-datepicker.editBtn
{
	color: #000;
	background-color: var(--editBtnColor);
	border-radius: 5px;
}
.kbDropdown.editBtn .kbDropdownValue {
	color: #000;
	background-color: var(--editBtnColor);
}
.kbDropdownOptions.editBtn
, .kbDropdownOptions.editBtn .kbDropdownOption {
	color: #000;
	background-color: var(--editBtnColor);
}
.basicBtn.editBtn
, .kbDropdown.editBtn .kbDropdownValue
, .vita-datepicker.editBtn
{
	padding: 0.32em 0.9em;
}
.kbDropdownOptions.editBtn .kbDropdownOption {
	padding: 0.3em 0.86em;
}

.kb-dialog .button:active
, .basicBtn.editBtn:active
, .kbDropdown.editBtn .kbDropdownValue:active
, .kbDropdownOptions.editBtn .kbDropdownOption:active
, .vita-datepicker.editBtn:active
{
	background-color: var(--editBtnColorActive);
}
.kb-dialog .button:hover
, .basicBtn.editBtn:hover
, .kbDropdown.editBtn .kbDropdownValue:hover
, .kbDropdownOptions.editBtn .kbDropdownOption:hover
, .kbDropdownOptions.editBtn .kbDropdownOption:focus-visible
, .vita-datepicker.editBtn:hover
{
	background-color: var(--editBtnColorHover);
}
.kb-dialog .button:not(.primary) {
	background-color: #6c7175;
}
.kb-dialog .button:not(.primary):hover {
	background-color: #5d646a;
}
.basicBtn.editBtn:focus-visible
, .kbDropdown.editBtn .kbDropdownValue:focus-visible
, .kbDropdownOptions.editBtn .kbDropdownOption:focus-visible
, .vita-datepicker.editBtn:focus-visible
{
	outline: 2px outset var(--editBtnColorFocus);
}
.kb-dialog .button:not(.primary):focus-visible {
	outline: 3px outset #999;
}
.kbDropdown.active.editBtn .kbDropdownValue {
	box-shadow: inset 0 1px 2em 0.5em #16263512;
}

.basicBtn.dlBtn {
	padding-left: 3em;
	background-position: 1em center;
	background-image: url(/img/icons/dl_white.png);
}
.basicBtn.editBtn.dlBtn {
	padding-left: 2em;
	background-position: 0.6em center;
	background-image: url(/img/icons/dl.png);
	background-size: 1em auto;
}

input[type="color"].basicBtn.editBtn {
	border: 0;
	padding: 3px 0.6em;
}
input[type="color"].basicBtn {
	padding: 0.1em 0.7em;
	border: 0;
}

.basicBtn.hasNotifs
, .kbDropdown.hasNotifs {
	position: relative;
}
.hasNotifs .notificationCounter {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
	background-color: #E46066;
	border-radius: 1em;
	padding: 3px 5px;
	font-size: 0.75em;
	line-height: 1;
}
.hasNotifs .notificationCounter:empty {
	display: none;
}

.kbDropdown
, .vita-datepicker {
	display: inline-block;
}
.vita-dropdown {
	min-width: 10em;
}
.kbDropdown.fullWidth {
	width: 100%;
}
.vita-pageWidgetTitle .vita-dropdown
, .vita-pageWidgetTitle .vita-datepicker {
	font-weight: 500;
}
.kbDropdown .kbDropdownValue
{
	padding: 0.6em 1.4em;
	width: 100%;
}

.vita-dropdown:not(.readonly) .kbDropdownValue {
	padding-right: calc(2em + 10px);
	background-image: url(/img/icons/spoiler_light.png);
	background-size: auto 0.56rem;
	background-position: calc(100% - 1em) center;
	background-repeat: no-repeat;
}
.vita-dropdown.editBtn:not(.readonly) .kbDropdownValue {
	background-image: url(/img/icons/spoiler_dark.png);
	background-size: auto 8px;
}
.kbDropdownOptions
{
	background-color: var(--mainBtnColor);
	border-radius: 5px;
	overflow-y: auto;
	color: #fff;
	width: max-content;
	max-width: 25vw;
}
.kbDropdownOption
{
	padding: 0.5em 1em 0.5em calc(1em - 5px);
	border-top: 1px solid #89A9;
	cursor: pointer;
}
.kbDropdownOption:last-child
{
	padding-bottom: 0.6em;
}

.vita-dropdown.precision {
	width: 6.3em;
	min-width: unset;
	vertical-align: middle;
}
.vita-dropdown.precision.inline {
	margin-left: 0.5em;
}

.vita-datepicker {
	padding: 0.6em calc(2em + 10px) 0.6em 1em;
}

.basicBtn.titleSpoilerBtn {
	background-position: calc(100% - 1em) 50%;
	background-repeat: no-repeat;
	background-size: auto 0.95em;
	background-color: #F7F7F7;
	color: #000;
	outline: 1px solid #D8D4D4;
	padding-right: 2.3em;
}
.basicBtn.titleSpoilerBtn:hover
, .basicBtn.filterStaticButton:hover
{
	background-color: #E8E3E0;
}
.basicBtn.titleSpoilerBtn:active
, .basicBtn.filterStaticButton:active
{
	background-color: #C6C4C4;
}
.basicBtn.titleSpoilerBtn:focus-visible
, .basicBtn.filterStaticButton:focus-visible
{
	outline: 2px outset var(--editBtnColorFocus);
}

.basicBtn.titleSpoilerBtn.left {
	background-image: url(/img/icons/arrow_right_dark.png);
	background-position: 1em 50%;
	padding-left: 2.3em;
	padding-right: 1.4em;
}

.basicBtn.titleSpoilerBtn.right
, .basicBtn.titleSpoilerBtn.left.expand {
	background-image: url(/img/icons/arrow_left_dark.png);
}
.basicBtn.titleSpoilerBtn.right.expand {
	background-image: url(/img/icons/arrow_right_dark.png);
}

img.clickable {
	cursor: pointer;
	border: 1px solid #D7D5D5;
}
img.clickable:hover {
	filter: brightness(0.95) contrast(1.1);
	border: 1px solid #999;
}

.kbDropdown.menu.iconDD {
	padding: 0;
	width: 2.46em;
	height: 2.46em;
}
.kbDropdown.menu.iconDD.light {
	background-color: var(--editBtnColor);
	width: 1.85em;
	height: 1.85em;
	border-radius: 5px;
}
.kbDropdown.menu.iconDD .kbDropdownValue {
	padding: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.41em auto;
}
.kbDropdown.menu.iconDD.light.inactive .kbDropdownValue {
	background-color: var(--editBtnColor);
	color: #000;
}
.kbDropdown.menu.iconDD.light.inactive .kbDropdownValue:hover {
	background-color: var(--editBtnColorHover);
}
.kbDropdown.menu.iconDD.light.active .kbDropdownValue {
	background-color: #C4A582;
	box-shadow: inset 0 1px 1em 0.3em #E9D9CA30;
	color: #000;
	filter: invert(1);
}
.kbDropdown.menu.iconDD.light.active .kbDropdownValue:hover {
	background-color: #D3C6B7;
}

.kbDropdown.menu.iconDD.settings .kbDropdownValue {
	background-image: url(/img/icons_rin/menu/settings_white.svg);
}
.kbDropdown.menu.iconDD.settingsBlack .kbDropdownValue {
	background-image: url(/img/icons/settings.png);
}

.kbDropdown.up-right.active
, .kbDropdown.up-mid.active
, .kbDropdown.up-left.active
{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.kbDropdown.down-right.active
, .kbDropdown.down-mid.active
, .kbDropdown.down-left.active
{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.kbDropdown.left-down.active
, .kbDropdown.left-mid.active
, .kbDropdown.left-up.active
{
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}
.kbDropdown.right-down.active
, .kbDropdown.right-mid.active
, .kbDropdown.right-up.active
{
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.kbDropdown.menu.iconDD.up-right.active
, .kbDropdown.menu.iconDD.up-mid.active
, .kbDropdown.menu.iconDD.up-left.active
{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.kbDropdown.menu.iconDD.down-right.active
, .kbDropdown.menu.iconDD.down-mid.active
, .kbDropdown.menu.iconDD.down-left.active
{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.kbDropdown.menu.iconDD.left-down.active
, .kbDropdown.menu.iconDD.left-mid.active
, .kbDropdown.menu.iconDD.left-up.active
{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.kbDropdown.menu.iconDD.right-down.active
, .kbDropdown.menu.iconDD.right-mid.active
, .kbDropdown.menu.iconDD.right-up.active
{
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.kbDropdownOptions.up-right {
	left: 0;
	bottom: 0;
}
.kbDropdownOptions.up-mid {
	left: 0;
	bottom: 0;
	transform: translateX(-50%);
}
.kbDropdownOptions.up-left {
	right: 0;
	bottom: 0;
}
.kbDropdownOptions.down-right {
	left: 0;
	top: 0;
}
.kbDropdownOptions.down-mid {
	left: 0;
	top: 0;
	transform: translateX(-50%);
}
.kbDropdownOptions.down-left {
	right: 0;
	top: 0;
}
.kbDropdownOptions.left-down {
	right: 0;
	top: 0;
}
.kbDropdownOptions.left-mid {
	right: 0;
	top: 0;
	transform: translateY(-50%);
}
.kbDropdownOptions.left-up {
	right: 0;
	bottom: 0;
}
.kbDropdownOptions.right-down {
	left: 0;
	top: 0;
}
.kbDropdownOptions.right-mid {
	left: 0;
	top: 0;
	transform: translateY(-50%);
}
.kbDropdownOptions.right-up {
	left: 0;
	bottom: 0;
}

.vita-hint {
	cursor: help;
	background-color: var(--linkColor);
	display: inline-flex;
	color: #fff;
	border-radius: 1em;
	border: 1px solid #fff;
	width: 1.8em;
	height: 1.8em;
	padding-top: 1px;
	font-size: 0.7em;
	font-weight: 500;
	margin: 0 0.5em 0.7em 0.4em;
	vertical-align: bottom;
	align-items: center;
	justify-content: center;

	/*width: 1.2em;
	height: 1.2em;
	margin: 0 0.4em;
	padding: 0;
	background-size: 75%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/img/hint_question_black.png);*/
}
/*.vita-hint.accented {
	background-image: url(/img/hint_question.png);
}*/
/*label .vita-hint {
	margin: 0 0.4em 0.2em;
}*/

.kbSwitch {
	display: inline-flex;
	background-color: #fff;
	border-radius: 7px;
	overflow: hidden;
}

.kbSwitchOption {
	background-color: var(--editBtnColor);
	padding: 0.6em 1.1em;
	user-select: none;
	border-left: 1px solid #D0CCC9;
}
.kbSwitchOption.selected {
	background-color: var(--mainBtnColor);
	color: #fff;
}
.kbSwitchOption:not(.selected):hover {
	background-color: var(--editBtnColorHover);
	cursor: pointer;
}
.kbSwitchOption:first-child {
	border: none;
	padding-left: calc(1.1em + 3px);
}
.kbSwitchOption:last-child {
	padding-right: calc(1.1em + 4px);
}
.kbSwitchOption:focus-visible {
	outline: none;
	box-shadow: 0 0 0px 2px #318282 inset;
}
.kbSwitch.graphMode .kbSwitchOption {
	padding: 0.57em 1.3em;
}
.kbSwitch.graphMode .kbSwitchOption:first-child {
	padding-left: 1.45em;
}
.kbSwitch.graphMode .kbSwitchOption:last-child {
	padding-right: 1.45em;
}

.kbSwitch.inline .kbSwitchOption {
	padding: 0.32em 0.9em;
}
.kbSwitch.inline .kbSwitchOption:last-child {
	padding-right: calc(0.9em + 1px);
}
.kbSwitch.inline .kbSwitchOption:first-child {
	padding-left: calc(0.9em + 1px);
}

.kbCheckBoxContainer
{
	background-color: #e7e4e2;
	display: inline-flex;
	align-items: center;
	border-radius: 5px;
	padding: 0.5em 0.8em;
	background-repeat: no-repeat;
	cursor: pointer;
	font-weight: 500;
}
.kbCheckBoxContainer:active {
	background-color: var(--editBtnColorActive);
}
.kbCheckBoxContainer:hover {
	background-color: var(--editBtnColorHover);
}
.kbCheckBoxContainer:focus-visible {
	background-color: var(--editBtnColorFocus);
}
.kbCheckBoxContainer.checked
, .kbCheckBoxContainer.positive
{
	background-color: #aad4c7;
}
.kbCheckBoxContainer.checked:hover
, .kbCheckBoxContainer.positive:hover
{
	background-color: #8CC5B4;
}
.kbCheckBoxContainer.checked:active
, .kbCheckBoxContainer.positive:active
{
	background-color: #78b6a4;
}
.kbCheckBoxContainer.negative {
	background-color: #FFADAF;
}
.kbCheckBoxContainer.negative:hover {
	background-color: #FF8184;
}
.kbCheckBoxContainer.negative:active {
	background-color: #FF7678;
}

.kbCheckBoxContainer.hasCheckbox .kbCheckBox {
	width: 13px;
	height: 13px;
	margin-right: 0.6em;
	margin-bottom: 1px;
	background-color: #FFF;
	background-size: 102% auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 2px;
	border: 1px solid #363640;
}
.kbCheckBoxContainer.hasCheckbox:hover .kbCheckBox
, .kbCheckBoxContainer.hasCheckbox:active .kbCheckBox
{
	box-shadow: inset 0 0 3px #0003;
}

.kbCheckBoxContainer.negative .kbCheckBox {
	background-image: url('/img/icons/cross_red.png');
}
.kbCheckBoxContainer.checked .kbCheckBox
, .kbCheckBoxContainer.positive .kbCheckBox
{
	background-image: url('/img/icons/check_green.png');
}

.basicBtn.editBtn.listBtn {
	justify-content: flex-start;
	padding: 0.5rem;
	border-radius: 5px;
	color: #000;
	background-color: var(--editBtnColor);
}
.basicBtn.editBtn.listBtn.selected {
	background-color: #b9def8;
}
.basicBtn.editBtn.listBtn:not(.selected):hover {
	background-color: var(--editBtnColorHover);
}
.basicBtn.editBtn.listBtn.selected:focus-visible {
	outline: 1px outset var(--editBtnColorHover);
}
.basicBtn.editBtn.listBtn:not(.selected):focus-visible {
	outline: 2px outset var(--editBtnColorFocus);
}
.basicBtn.editBtn.listBtn.addBtn {
	padding: 0.6rem;
	padding-left: 4.5rem;
	background-position: 1.5rem 50%;
	background-size: 1rem auto;
	background-image: url('/img/icons/plus_black.png');
}

.basicBtn.editBtn.listBtn.marked:after {
	display: block;
	content: '';
	background-color: var(--mainBtnColor);
	width: 7px;
	height: 7px;
	border-radius: 7px;
	position: absolute;
	top: 7px;
	right: 7px;
}

.basicBtn.editBtn.helpBtn {
	background-position: center;
	background-size: 70% auto;
	background-image: url('/img/icons/hint.png');
}
.vita-pageWidgetTitle .basicBtn.editBtn.helpBtn {
	margin-left: 0.7rem;
	background-size: 90% auto;
	width: calc(1.2* min(1.6em, 2.5vw));
	height: calc(1.2* min(1.6em, 2.5vw));
	border-radius: 100%;
}

.basicBtn.inliny
, .basicBtn.editBtn.inliny
{
	min-height: 1.9rem;
	padding: 0.29em 0.84em;
}


.vita-loading {
	width: min(50vh, min(70vw, 256px));
	height: min(50vh, min(70vw, 256px));
	margin: 1em auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('/img/vita_loading.png');
	animation: loadingCoinAnim 1.45s ease-in-out infinite;
}
@keyframes loadingCoinAnim {
	0% {
		transform: scaleX(100%);
	}
	50% {
		transform: scaleX(-100%);
	}
	100% {
		transform: scaleX(100%);
	}
}


table.permissionsSetupTable td:not(:last-child) {
	border-bottom: 1px solid #D0CCC9;
}
.permissionsSetupTable .permSwitchContainer {
	display: flex;
	gap: 0.5em;
}

.permissionsDisplayTable td.permission {
	text-align: center;
}
.permissionsDisplayTable td.permission .permissionIndicator {
	display: inline-block;
}
.permissionIndicator {
	width: 1.5em;
	height: 1.5em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.permissionIndicator.allowed {
	background-image: url(/img/icons_rin/checkmark-circle.svg);
}
.permissionIndicator.unallowed {
	background-image: url(/img/icons_rin/minus-sign-circle.svg);
}

.paginationBlock {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5em;
	margin: 1em 0;
}
.paginationBlock.top:empty {
	display: none;
}
.paginationItem {
	padding: 5px 8px 4px;
	border-radius: 4px;
	border: 1px solid #C5C2C1;
}
.paginationItem:not(.active):hover {
	cursor: pointer;
	background-color: #DfDbD9;
}
.paginationItem.active {
	border-color: #688DB7;
	font-weight: 700;
	background-color: #688DB7;
	color: #fff;
}

.vita-mainLoginPage {
	background-image: url(/img/login_bg.png);
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	background-color: #fff;
	z-index: 1;
}
.vita-mainLoginPage .kniiir-logo {
	background-image: url(/img/kniiir_small.png);
	width: 100%;
	height: 8.4em;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.vita-mainLoginPage .welcome {
	font-size: 2.8em;
	font-weight: 600;
	color: #262626;
}
.vita-mainLoginPage .loginForm {
	width: min(36em, 80%);
}
.vita-mainLoginPage .loginLine input {
	width: 100%;
	border-radius: 8px;
	border: 2px solid #D3D2D4;
	font-size: 1.4em;
	padding: 0.7em 0.85em;
}
.vita-mainLoginPage .loginCaption {
	font-size: 1.7em;
	font-weight: 500;
	padding: 0.5em 0.2em;
}
.vita-mainLoginPage .loginLine {
	padding-bottom: 0.6em;
}
.basicBtn.login {
	font-size: 1.4em;
	padding: 0.7em 0.85em;
	width: 60%;
	border-radius: 9px;
	margin-top: 1.7em;
	margin-left: 20%;
}

.vita-mainLoginForm {
	position: relative;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 0;
	gap: 1.2rem;
	padding-bottom: 4rem;
	width: 60vw;
	height: 100%;
	padding-left: 2rem;
}
.vita-mainLoginAds {
	text-align: center;
	flex-shrink: 1;
	flex-grow: 0;
	width: calc(40vw - 3rem);
	margin: 3rem 3rem 3rem 0;
	height: calc(100% - 6rem);
	background-color: #F8F8F7;
	border-radius: 2.8rem;
}
.vita-mainLoginForm .langSelection {
	display: flex;
	gap: 0.7rem;
	align-items: center;
	position: absolute;
	bottom: 1.5rem;
}

.vita-mainLoginPage.unprepared .vita-mainLoginForm
, .vita-mainLoginPage.unprepared .vita-mainLoginAds {
	display: none;
}

.loginAdsContainer {
	width: 100%;
	height: 100%;
}
.loginAdsSlider {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
	width: calc(40vw - 3rem);
	user-select: none;
}
.loginAdsSlider .carouselOriginal
, .loginAdsSlider .loginAdContainer {
	flex-grow: 0;
	flex-shrink: 0;
	height: 100%;
}
.loginAdsSlider .loginAdContainer {
	width: calc(40vw - 3rem);
}
.loginAdsSingle
, .loginAdContainer {
	gap: 1.4em;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	height: calc(100% - 2.4em);
	padding: 2.8rem;
}
.loginAdsSliderControls {

}
.loginAdImage {
	border-radius: 2.8em;
	box-shadow: 0px 4px 2em 0px #19686E21;
	flex-shrink: 1;
	height: 100%;
	width: 100%;
	margin-bottom: 1em;
	/*background-image: url(/img/promo1.png);*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: #fff;
}
.loginAdHeader {
	font-weight: 600;
	font-size: 1.8em;
	flex-shrink: 0;
}
.loginAdMessage {
	flex-shrink: 0;
	font-size: 1.22em;
	font-weight: 400;
}

/*.loginLine {
	width: 300px;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	align-items: center;
	margin-bottom: 8px;
}

.loginLine span {
	font-weight: 600;
}

.loginButtons {
	width: 300px;
	display: flex;
	gap: 20px;
	justify-content: flex-end;
}*/

.vita-toast {
	position: absolute;
	border-radius: 1em;
	font-size: 1.1em;
	padding: 1em 1.5em;
	background-color: #162635;
	color: #fff;
	z-index: 399;
	transform: translate(-50%, -50%);
}

.vita-imageDisplayDialog {
	position: absolute;
	padding: min(4em, 18vmin);
	background-color: #1a252ed9;
	z-index: 299;
	backdrop-filter: blur(5px);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.vita-imageDisplayDialog .imageContent {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: relative;
}
.vita-imageDisplayDialog .imageContent img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	border-radius: 4px;
}

.vita-imageDisplayDialog .closeBtn {
	width: 2em;
	height: 2em;
	position: absolute;
	cursor: pointer;
	top: 0px;
	right: 0px;
	text-align: center;
	user-select: none;
	font-size: min(2em, 9vmin);
	line-height: 1.8em;
	color: #c0c3c6;
}
.vita-imageDisplayDialog .closeBtn:hover {
	background-color: #1a252e;
	color: #fff;
}

.vita-imageDisplayDialog.systemScheme .imageContent {
	background-color: #F2F1EF;
	border-radius: 1em;
}

.vita-infoHint {
	position: absolute;
	border-radius: 18px;
	padding: 16px;
	background-color: #2C3948D0;
	z-index: 289;
	backdrop-filter: blur(2px);
}
.vita-infoHint.interactive {
	z-index: 99;
}
.vita-infoHint.centered {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.vita-infoHint .hintContent {
	border-radius: 8px;
}
.vita-infoHint-defaultBody {
	background-color: #e8e3e0;
	width: 100%;
	height: 100%;
	border-radius: 7px;
	overflow-x: hidden;
	overflow-y: auto;
}
.vita-infoHint-defaultBody.noOverflow {
	overflow: hidden;
}
.vita-infoHint-defaultBody .sketchfab-embed-wrapper {
	width: 100%;
	height: 100%;
}
.sketchfab-embed-wrapper iframe {
	width: 100%;
	height: 100%;
}

.tableSelectGrid {
	background-color: #fff;
	border-radius: 2px;
}
.tableSelectGrid > .header {
	font-weight: 600;
	background-color: #F7F7F7;
	border-bottom: var(--widgetSectionBorder) 1px solid;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.tableSelectGrid > .info {
	font-weight: 600;
	font-size: 1.1em;
	background-color: #F7F7F7;
	padding: 0.5rem 0;
}
.tableSelectGrid > .row {
	cursor: pointer;
	border-bottom: #E5E4E3 1px solid;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.tableSelectGrid .row.selected {
	box-shadow: inset 3px 0 0 2px #8CC5B4, inset -3px 0 0 2px #8CC5B4;
}
.tableSelectGrid .row:hover
, .tableSelectGrid .row:focus-visible
{
	background-color: #f4f3f2;
	border-bottom: var(--widgetSectionBorder) 1px solid;
}
.tableSelectGrid .row:active {
	background-color: #C6C4C4;
}

.tableSelectGrid .cell
, .tableSelectGrid .headerCell
{
	flex-shrink: 0;
	flex-grow: 0;
	padding: 0.3em;
}

.vita-mainContainer {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: row;
	background-color: #E8E3E0;
}

.vita-sideMenuContainer {
	width: 256px;
	background-color: #162635;
	color: #ECF0F1;
	display: flex;
	flex-direction: column;
}

.vita-sideMenuAwayClicker
, .vita-sideMenuShowBtn {
	display: none;
}
.vita-wideModeSideMenuShowBtn {
	display: none;
}

.vita-sideMenuHeader {
	height: min(100px, max(20vh, 54px));
	width: 100%;
	padding: 10px;
	flex-shrink: 0;
	flex-grow: 0;
}
.sideMenuHeaderImage {
	height: 100%;
	width: 100%;
	background-image: url(/img/menubg.jpg);
	background-size: cover;
	background-position: center 40%;
	border-radius: 8px;
	position: relative;
}
.vita-sideMenuProfileContainer {
	height: 100%;
	width: 90%;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 10px;
	/*top: 50%;
	transform: translateY(-50%);*/
	--avatarSize: min(60px, 14vh);
	overflow: hidden;
}
.vita-sideMenuProfileContainer .vita-profileCreds {
	height: min-content;
	padding: 6px 14px 6px 13px;
	min-height: 32px;
	width: max-content;
	max-width: 200px;
	width: 160px;
	left: calc(100% - 3px);
	font-size: 0.95em;
	border-radius: 0 8px 8px 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.vita-sideMenuProfileContainer.shadow .vita-profileCreds
, .vita-sideMenuProfileContainer.blurer .vita-profileCreds
{
	position: unset;
	color: #f0f;
	color: transparent;
	left: calc(100% - 10px);
	flex-shrink: 0;
	flex-grow: 0;
	margin-left: -10px;
	transform: none;
}
.vita-sideMenuProfileContainer.shadow {
	opacity: 0.75;
}
.vita-sideMenuProfileContainer.blurer > * {
	backdrop-filter: blur(5px);
}
.vita-profilePictureShadow
, .vita-profilePictureBlurer
{
	width: var(--avatarSize);
	height: var(--avatarSize);
	flex-shrink: 0;
	flex-grow: 0;
	border-radius: 100px;
	position: relative;
}
.vita-profilePictureShadow {
	background-color: #162635;
}
.vita-sideMenuProfileContainer.shadow .vita-profileCreds {
	background-color: #162635;
}

.vita-sideMenuBottomProfileContainer
, .vita-sideMenuBottomLoginContainer
{
	flex-shrink: 0;
	flex-grow: 0;
	height: 6em;
	display: flex;
	align-items: center;
	padding-bottom: 2px;
	font-size: 10.3pt;
}
.vita-sideMenuLoginContainer {
	justify-content: center;
}
.vita-profilePicture {
	flex-shrink: 0;
	flex-grow: 0;
	border-radius: 100px;
	background-size: cover;
	background-position: center;
}
.vita-sideMenuProfileContainer .vita-profilePicture {
	width: calc(var(--avatarSize) - 14px);
	height: calc(var(--avatarSize) - 14px);
	margin-left: 7px;
	box-shadow: 0 0 1px inset #16263590;
	position: relative;
}
.vita-sideMenuProfileContainer .vita-profilePicture:hover {
	filter: contrast(1.1);
	text-decoration: underline;
	cursor: pointer;
}
.vita-sideMenuProfileContainer .vita-profilePicture:hover .vita-profileCreds {
	text-decoration: underline;
}
.vita-sideMenuProfileContainer .profilePictureHoverTrigger {
	width: var(--avatarSize);
	height: var(--avatarSize);
	top: -7px;
	left: -7px;
	border-radius: 100px;
	position: absolute;
}

.vita-sideMenuBottomProfileContainer .vita-profilePicture {
	width: 3.8em;
	height: 3.8em;
	margin: 0 0.8em 0 1em;
	border: 4px solid #fff;
	box-shadow: 1px 1px 3px #0009, 1px 1px 2px inset #0004;
}

.vita-profilePosition {
	color: #bbbcbd;
	font-size: 0.9em;
	margin: -2px 0 2px;
}
.vita-profileLogout {
	font-size: 0.9em;
}
.vita-profileLogin {
	font-size: 1.05em;
}
.vita-profileLogout:hover
, .vita-profileLogin:hover
, .vita-profileName:hover
{
	cursor: pointer;
	text-decoration: underline;
}

.vita-sideMenuPopup {
	position: absolute;
	left: 100%;
	z-index: 1;
}
.vita-menuPopupSpoilerContent {
	position: absolute;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	transform: translateY(-50%) translateX(-75%) scale(0) rotate(180deg);
	padding-left: 0.5em;
	gap: 0.5em;
	transition: transform 0.5s linear;
	width: 10.5em;
}
.vita-menuPopupSpoilerContent.shown {
	transform: translateY(-50%) translateX(0) scale(1) rotate(0);
}
.vita-popupMenuBtn {
	border-radius: 5em;
	width: 4.6em;
	height: 4.6em;
	background-color: #124f82;
	background-size: 45%;
	background-position: 50% 32%;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
}
.vita-popupMenuBtn:hover {
	background-color: #1264a9;
}
.vita-popupMenuBtn .vita-menu-hint {
	position: absolute;
	bottom: 1em;
	font-size: 0.73em;
	width: 100%;
	text-align: center;
	transform: scaleX(0.95);
}

.vita-sideMenu {
	flex-shrink: 1;
	line-height: 1.4;
	flex-grow: 1;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	transform: scaleX(-1);
	font-size: 0.9em
}
.vita-sideMenu::-webkit-scrollbar {
	width: 5px;
}
.vita-sideMenu > div {
	width: 256px;
	transform: scaleX(-1);
}
.vita-sideMenu-section:empty {
	display: none;
}
/*.vita-sideMenu-section:not(:empty, :last-child):after {
	content: '1';
	font-size: 0px;
	display: block;
	width: 226px;
	height: 1px;
	margin: 10px 15px;
	background-color: #2C3948;
}*/
.vita-sideMenu-section .sectionTitle {
	padding: 6px 12px 4px;
	display: flex;
	align-items: center;
}
.vita-sideMenu-section .sectionTitle .caption {
	opacity: 0.7;
	max-width: 90%;
	min-width: 10%;
	flex-shrink: 0;
	padding-right: 0.8rem;
}
.vita-sideMenu-section .sectionTitle .hr {
	width: 10%;
	flex-shrink: 1;
	flex-grow: 1;
	padding-right: 0.8rem;
	margin-bottom: 2px;
	height: 2px;
	background-color: #2C3948;
}
.vita-menu {
	width: 100%;
	user-select: none;
	--bulletTopOffset: 2px;
	--bulletLeftOffset: 6px;
	overflow: hidden;
}
.vita-menu.level0 {
	margin: 2px 10px 8px 10px;
	border-radius: 6px;
	background-color: #2C3948;
	width: calc(100% - 20px);
}
/*.vita-menu.spoiler.shown {
	padding: 0px;
	border-top: 1px solid #546371;
	border-left: 2px solid #1ABB9C;
}*/
.vita-menuBtn {
	padding: min(1em, 2vh);
	padding-right: 2.45em;
	position: relative;
}
.vita-menuBtn:not(:empty):not(.shownPage):hover {
	cursor: pointer;
	background-color: #ffffff16;
}
.vita-menuBtn.shownPage
, .vita-menuBtn.shownPageParent {
	--bulletTopOffset: 3px;
	--bulletLeftOffset: 7px;
}
.vita-menuBtn.shownPage {
	background-color: #16263590;
}
.vita-menuBtn:focus-visible {
	outline: 0;
	box-shadow: inset 0 -2px 1px 0px #525F6B;
}

.vita-menu.level0 > .vita-menuBtn {
	background-image: url(/img/icons_rin/menu/droplet_grey.svg);
	background-position: 11px center;
	background-repeat: no-repeat;
	background-size: auto 16px;
	padding-left: 34px;
}

.vita-menuSpoilerArrow {
	position: absolute;
	width: 2.4em;
	height: calc(100% - 6px);
	border-radius: 6px;
	right: 3px;
	top: 3px;
	cursor: pointer;
}
.vita-menuSpoilerArrow:after {
	content: '';
	width: 100%;
	height: 100%;
	opacity: 0.55;
	display: block;
	background-image: url(/img/icons/spoiler_light.png);
	background-size: 34% auto;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 150ms linear;
}
.vita-menuSpoilerArrow:hover {
	background-color: #2c3948;
}
.vita-menuSpoilerArrow:focus-visible {
	outline: 2px solid #5A6874;
}
/*.vita-menu.spoiler.shown > .vita-menuBtn {
	box-shadow: 0 1px 0 #1F2F3F;
}*/
.vita-menu.spoiler.shown > .vita-menuBtn .vita-menuSpoilerArrow:after {
	transform: rotate(180deg);
}
.vita-menuSpoilerContent {
	/*display: none;*/
}
.vita-menuSpoilerContent.asIcons {
	display: flex;
	gap: 3px;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
/*.vita-menu.level0 > .vita-menuSpoilerContent.asIcons {
	padding-left: 2em;
}
.vita-menu.level1 > .vita-menuSpoilerContent.asIcons {
	padding-left: 3em;
}
.vita-menu.level2 > .vita-menuSpoilerContent.asIcons {
	padding-left: 4.5em;
}*/

.vita-menuBtn.shownPage + .vita-menuSpoilerContent.asIcons {
	background-color: #16263590;
}

.vita-menuSpoilerContent.asIcons .vita-menu {
	width: 50%;
	flex-shrink: 1;
	flex-grow: 1;
	padding-top: 3px;
	padding-bottom: 5px;
}
.vita-menuSpoilerContent.asIcons .vita-menu .vita-menuBtn {
	padding: 0;
	background-size: auto 2.1em;
	background-position: center 0.7em;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	height: 5em;
	cursor: pointer;
	border-radius: 5px;
}
/*.vita-menuSpoilerContent.asIcons .vita-menu:first-child .vita-menuBtn {
	border-left: 1px solid #677C99;
	border-radius: 4px 0 0 4px;
}
.vita-menuSpoilerContent.asIcons .vita-menu:last-child .vita-menuBtn {
	border-right: 1px solid #677C99;
	border-radius: 0 4px 4px 0;
}*/
.vita-menuSpoilerContent.asIcons .vita-menu .vita-menuBtn.shownPage {
	background-color: #162635;
}
.vita-menuSpoilerContent.asIcons .vita-menu .vita-menuBtn:before {
	display: none;
}
.vita-menuSpoilerContent.asIcons .vita-menu .vita-menuBtn:hover {
	background-color: #ffffff16;
}
.vita-menuSpoilerContent.asIcons .vita-menu-hint {
	width: 100%;
	text-align: center;
	padding: 0 0.5em 0.7em;
	font-size: 0.9em;
	position: absolute;
	bottom: 0;
}
/*.vita-menuSpoilerContent.asIcons .vita-menu-hint {
	position: absolute;
	top: 95%;
	left: -10%;
	width: 120%;
	text-align: center;
	padding: 3px 0;
	font-size: 0.9em;
	background-color: #162635;
	border-radius: 4px;
	z-index: 2;
	pointer-events: none;
}*/

.vita-menuNotifyCount {
	border-radius: 50px;
	font-size: 0.8em;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding-top: 1px;
}
.vita-menuNotifyCount:empty {
	display: none;
}
.vita-menu .vita-menuNotifyCount {
	position: absolute;
	right: calc(min(0.3em, 1vh) + 5px);
	top: calc(50% - 1em);
	width: 2em;
	height: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #1ABB9C;
}
.vita-pageWidgetTitle .vita-menuNotifyCount {
	background-color: #C32D34;
	font-size: 0.7em;
	display: inline-block;
	text-align: center;
	margin-left: 0.8em;
	padding: 0.2em 0.5em;
}

.vita-menu[page="sensors-all"] .vita-menuNotifyCount
, .vita-menu[page="sensors-level-all"] .vita-menuNotifyCount
, .vita-menu[page="sensors-moist-all"] .vita-menuNotifyCount
{
	background-color: #677C99;
}
.vita-menu[page="sensors-active"] .vita-menuNotifyCount
, .vita-menu[page="sensors-level-active"] .vita-menuNotifyCount
, .vita-menu[page="sensors-moist-active"] .vita-menuNotifyCount
{
	background-color: #008CF5;
}
.vita-menu[page="sensors-inactive"] .vita-menuNotifyCount
, .vita-menu[page="sensors-level-inactive"] .vita-menuNotifyCount
, .vita-menu[page="sensors-moist-inactive"] .vita-menuNotifyCount
{
	background-color: #f75353;
}

.vita-pageWidget.sensors-active .icon {
	background-color: #008CF5;
}
.vita-pageWidget.sensors-inactive .icon {
	background-color: #F75353;
}

.vita-menu.level1 {
	color: #E0E1E1;
}
.vita-menu.level2 {
	font-size: 0.95em;
	color: #E0E1E1;
}
.vita-menu.level3 {
	font-size: 0.95em;
	color: #E0E1E1;
}
.vita-menu.level1 > .vita-menuBtn {
	padding-left: 45px;
	background-position: 24px center;
	background-repeat: no-repeat;
	background-size: 14px auto;
}
.vita-sideMenu-section.systems .vita-menu.level1 > .vita-menuBtn {
	background-image: url(/img/icons_rin/menu/droplet_grey.svg);
}
.vita-sideMenu-section.top .vita-menu.level1 > .vita-menuBtn
, .vita-sideMenu-section.general .vita-menu.level1 > .vita-menuBtn
{
	background-image: url(/img/icons_rin/menu/chart_grey.svg);
}
.vita-sideMenu-section.settings .vita-menu.level1 > .vita-menuBtn
, .vita-sideMenu-section.structure .vita-menu.level1 > .vita-menuBtn
{
	background-image: url(/img/icons_rin/menu/settings_grey.svg);
}
.vita-menu.level2 > .vita-menuBtn {
	--padding: 45px;
}
.vita-menu.level3 > .vita-menuBtn {
	--padding: 57px;
}
.vita-menu:not(.level0, .level1) > .vita-menuBtn {
	padding-left: calc(var(--padding) + 12px);
}
.vita-menu:not(.level0, .level1) > .vita-menuBtn:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	opacity: 0.2;
	left: var(--padding);
	top: 0;
	background-color: #fff;
}
.vita-menu:not(.level0, .level1):first-child > .vita-menuBtn:before {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.vita-menu:not(.level0, .level1):last-child > .vita-menuBtn:before {
	height: 80%;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.vita-menu:not(.level0, .level1) > .vita-menuBtn.shownPage:before
, .vita-menu:not(.level0, .level1) > .vita-menuBtn.shownPageParent:before
{
	width: 4px;
	margin-left: -2px;
	border-radius: 2px 0 0 2px;
}

.vita-headerProfileContainer
, .vita-headerLoginContainer {
	position: absolute;
	right: -8px;
	top: 0;
	height: 100%;
	background-color: #f2f1ef;
	border-radius: 3em 0 0 3em;
	line-height: 1.3;
	display: flex;
	align-items: center;
	padding-right: calc(8px + 1.175em);
}
.vita-headerProfileContainer .vita-profilePicture {
	width: 3.5em;
	height: 3.5em;
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0 1em 0 0;
}
.vita-headerProfileContainer .vita-profilePicture:not(.rin) {
	border: 4px solid #fff;
	box-shadow: 1px 1px 3px #0009, 1px 1px 2px inset #0004;
}
.vita-profilePicture.rin {
	border-radius: 8px;
	cursor: pointer;
}
.vita-profilePicture.rin:hover {
	filter: contrast(1.2);
}
.vita-headerProfileContainer .vita-profilePicture.rin {
	width: calc(var(--headerPanelHeight) * 0.7);
	height: calc(var(--headerPanelHeight) * 0.6);
	margin: 0 1.75em 0 0;
	border-radius: 8px;
	border: 2px solid #4d8f87;
}

.vita-headerNotificationsContainer {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	line-height: 1.3;
	display: flex;
	align-items: center;
}

.vita-profileCreds {
	flex-shrink: 1;
	width: 100%;
	height: 100%;
	font-size: 1.175em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 6.5em;
	max-width: 14em;
}

/*.vita-headerProfileContainer
, .vita-headerLoginContainer
{
	position: absolute;
	right: -8px;
	top: 0;
	height: 100%;
	background-color: #f2f1ef;
	border-radius: 3em 0 0 3em;
	font-size: 0.47em;
	box-shadow: inset 0px 0px 4px #B5B1AF;
	line-height: 1.3;
}
.vita-headerProfileContainer {
	min-width: 15em;
	max-width: 24em;
}
.vita-headerLoginContainer {
	width: 15em;
}
.vita-headerProfileContainer .vita-profilePicture {
	width: 3.5em;
	height: 3.5em;
	left: 1em;
	top: calc(50% - 1.75em);
	position: absolute;
	margin: 0;
}
.vita-profileCreds {
	left: 5.2em;
	width: calc(100% - 6em);
	top: 0;
	height: 100%;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
}*/
.vita-profileCreds *:focus-visible {
	outline: 0;
	box-shadow: inset 0 -3px 3px -3px #000;
	background-color: #E8E3E0;
}

table.profileData {
	width: min(100%, 800px);
}
table.profileData td:first-child {
	padding-right: 2em;
	width: 35%;
}

.settingsSwitchLine {
	display: flex;
	align-items: center;
	gap: 1em;
	margin-bottom: 10px;
}
.settingsSwitchLine .kbSwitch {
	font-size: 0.9em;
}

.vita-pageWidgetBody.notifications {
	max-height: 350px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.vita-pageHeader .vita-notifications.round {
	position: absolute;
	right: calc(100% + 1em);
	top: calc(50% - 1.5em);
	height: 3em;
	width: 3em;
	border-radius: 4em;
	background-color: #f2f1ef;
	box-shadow: inset 0px 0px 4px #B5B1AF;
}

.vita-notifications.round.red {
	box-shadow: inset 0px 0px 4px #E46066;
}
.vita-notifications.round:focus-visible {
	outline: 3px outset #B5B1AF;
}
.vita-notifications.round.red:focus-visible {
	outline: 3px outset #FF5D5D;
}

.vita-pageHeader .vita-notifications.rin
, .vita-notificationsContainer .showHideNotificationsBtn.rin {
	height: calc(var(--headerPanelHeight) * 0.7);
	width: calc(var(--headerPanelHeight) * 0.7);
	margin-right: calc(var(--headerPanelHeight)* 0.35);
	flex-shrink: 0;
	background-image: url(/img/icons_rin/notifications.svg);
	background-size: auto 70%;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	border: 1px solid #D7D5D5;
	border-radius: 7px;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	box-shadow: 0 1px 7px #0001;
}
.vita-headerProfileContainer .vita-notifications.rin
, .vita-notificationsContainer .showHideNotificationsBtn.rin {
	margin-right: 4.25em;
}
.vita-pageHeader .vita-notifications.rin:hover
, .vita-notificationsContainer .showHideNotificationsBtn.rin:hover
{
	background-color: #fbfaf9;
	filter: brightness(0.9) contrast(1.12);
}
.vita-pageHeader .vita-notifications.rin.red
, .vita-notificationsContainer .showHideNotificationsBtn.rin.red
{
	border-color: #E46066;
}
/*.vita-pageHeader .vita-notifications.rin.red:hover
, .vita-notificationsContainer .showHideNotificationsBtn.rin.red:hover
{
	background-color: #fff8f5;
}*/


.vita-notificationsIndicator {
	background-image: url(/img/icons/check_ltgreen.png);
	background-size: 55% auto;
	background-position:center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	cursor: pointer;
}
.vita-notifications.cross .vita-notificationsIndicator {
	background-image: url(/img/icons/cross_grey.png);
}
.vita-notifications.red .vita-notificationsIndicator {
	background-image: url(/img/icons/exclamation_red.png);
}
.vita-notifications.red.cross .vita-notificationsIndicator {
	background-image: url(/img/icons/cross_red.png);
}
.vita-notificationsIndicator:hover {
	opacity: 1;
}

/* V1 - tail

.vita-notificationsListContainer {
	position: absolute;
	display: none;
	transform: translateX(50%);
	width: 440px;
	filter: drop-shadow(1px 3px 6px #0007) drop-shadow(0px -1px 1px #B5B1AF30);
	z-index: 2;
}
.vita-notificationsListContainer.shown {
	display: block;
}
.vita-notificationsListContainer .showHideNotificationsBtn {
	display: none;
}
.vita-notificationsList {
	margin-top: 18px;
	width: 100%;
	background-color: #f2f1ef;
	border-radius: 18px;
	padding: min(30px, 2vw);
	display: flex;
	flex-direction: column;
	gap: 1em;
	overflow-y: auto;
}
.vita-notificationsBubbletail {
	background-image: url(/img/bubbletail_down.png);
	background-size: auto;
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0px;
	width: 100%;
	height: 18px;
}*/

/* V2 - Slide down

.vita-notificationsListContainer {
	position: absolute;
	transform: translateY(-110%);
	width: 440px;
	opacity: 0;
	top: 0;
	right: 0;
	filter: drop-shadow(1px 3px 6px #0007) drop-shadow(0px -1px 1px #B5B1AF30);
	z-index: 2;
	transition: transform 0.31s ease-in-out, opacity 0.25s ease-in-out;
}
.vita-notificationsListContainer.shown {
	transform: translateY(0);
	opacity: 1;
}
.vita-notificationsList {
	width: 100%;
	background-color: #f2f1ef;
	padding: min(30px, 2vw);
	display: flex;
	flex-direction: column;
	gap: 1em;
	overflow-y: auto;
}

.vita-notificationsListContainer .showHideNotificationsBtn {
	display: block;
	border-radius: 3em;
	background-image: url(/img/icons/spoiler_dark.png);
	background-size: 49% auto;
	background-position:center;
	background-repeat: no-repeat;
	background-color: #F2F1EF;
	border: 1px solid #8e8e8e;
	width: 2.6em;
	height: 2.6em;
	cursor: pointer;
	position: absolute;
	right: calc(100% - 0.8em);
	top: 0.8em;
	transform: rotate(180deg);
}
.vita-notificationsListContainer .showHideNotificationsBtn:hover {
	background-color: #FFF;
}
.vita-notificationsListContainer .showHideNotificationsBtn:active {
	transform: rotate(180deg) translateY(1px);
	background-color: #D7D5D5;
}
*/

.vita-notificationsContainer {
	position: absolute;
	--ntfcWidth: min(490px, 95vw);
	--groupTabsHeight: min(36px, 10vh);
	width: var(--ntfcWidth);
	top: var(--headerPanelHeight);
	height: calc(100% - var(--headerPanelHeight));
	right: calc(-10px - var(--ntfcWidth));
	filter: drop-shadow(1px 3px 6px #0007) drop-shadow(0px -1px 1px #B5B1AF30);
	z-index: 2;
	opacity: 0;
	transition: right 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.vita-notificationsContainer.shown {
	right: 0;
	opacity: 1;
}

.vita-notificationsListContainer {
	width: 100%;
	height: 100%;
	background-color: #f2f1ef;
	border-radius: 10px 0 0 10px;
	overflow: hidden;
}
.vita-notificationGroupTabs {
	width: 100%;
	flex: 1 1 100%;
	height: var(--groupTabsHeight);
	font-size: calc(var(--groupTabsHeight) * 0.4);
	background-color: var(--widgetSectionBorder);
	display: flex;
	flex-direction: row;
	gap: 1px;
	border-radius: 7px;
	overflow: hidden;
	padding-bottom: 1px;
}
.vita-notificationGroupTab {
	height: 100%;
	width: 100%;
	flex-shrink: 1;
	background-color: #f7f7f7;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.vita-notificationGroupTab.active {
	box-shadow: 0 -2px 0 inset #B5B1AFA0;
	background-color: #F7F7F7;
}
.vita-notificationGroupTab:not(.active):hover {
	background-color: #E9E8E7;
	cursor: pointer;
}
.vita-notificationGroupTab:not(.active):not(:hover) {
	color: #101010;
}

.vita-notificationGroupTab .caption {
	position: relative;
}

.groupNotificationsCount.red {
	font-weight: 700;
	font-size: 0.77rem;
	padding: 2px 5px 1px 5px;
	color: #fff;
	background-color: #E46066;
	position: absolute;
	top: -25%;
	left: calc(100% + 0.2rem);
	border-radius: 100px;
}

.vita-notificationsList {
	width: 100%;
	height: calc(100% - var(--groupTabsHeight) - 2rem);
	padding: 0 min(30px, 2vw);
	display: flex;
	flex-direction: column;
	gap: 1em;
	overflow-y: auto;
	border-radius: 10px 0 0 10px;
}
.vita-notificationsListContainerTab {
	background-color: #f2f1ef;
	position: absolute;
	bottom: 100%;
	border-radius: 8px 8px 0 0;
	transform: translateX(2em);
	/*transform: translateX(50%);
	/*right: calc(50% - var(--headerPanelHeight) * 0.325 - 2em);*/
	width: calc(var(--headerPanelHeight) * 0.65 + 4em);
	height: calc(var(--headerPanelHeight) * 0.9);
}

.vita-notificationsContainer .showHideNotificationsBtn.rin {
	margin: 0;
	position: absolute;
	bottom: calc(100% + var(--headerPanelHeight) * 0.2);
	transform: scaleY(-1); /*translateX(50%) */
	background-size: 55% auto;
	background-image: url("/img/icons_rin/arrow_down_grey.svg");
}
.vita-notificationsContainer .showHideNotificationsBtn.rin.red {
	background-image: url("/img/icons_rin/arrow_down_red.svg");
}

.vita-notificationsPositionSwitch {
	display: none;
}
.vita-notificationsListHeader {
	padding: 1rem;
	display: flex;
	gap: 1rem;
}
.vita-notificationsContainer .showHideNotificationsBtn.simple {
	margin: 0;
	flex: 0 0 var(--groupTabsHeight);
	width: var(--groupTabsHeight);
	height: var(--groupTabsHeight);
	opacity: 0.65;
	cursor: pointer;
	border-radius: 7px;
	background-size: 56% auto;
	background-color: #FFF;
	background-image: url(/img/icons_rin/close_biege.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.vita-notificationsContainer .showHideNotificationsBtn.simple:hover {
	opacity: 1;
}

.noNotifications {
	font-size: 1.1em;
	color: #363640;
	padding-left: 0.5em;
}

.vita-notifications.round .vita-notificationsCount:not(:empty) {
	position: absolute;
	bottom: 0em;
	right: -0.3em;
	border-radius: 2em;
	font-size: 0.75em;
	background-color: #FF5D5D;
	color: #fff;
	padding: 2px 0.5em;
}

.vita-notifications.rin .vita-notificationsCount:not(:empty) {
	font-weight: 700;
	font-size: 0.77em;
	padding: 2px 4px 1px 5px;
	color: #fff;
	background-color: #E46066;
	position: absolute;
	top: 0;
	right: 0;
	border-bottom-left-radius: 40%;
}

.vita-notification {
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	border-radius: 10px;
	position: relative;
	box-shadow: 0 0 8px #0001;
	padding: 1em 1em 1em 1.2em;
	flex-shrink: 0;
	flex-grow: 0;
}
.vita-notification.removed {
	display: none;
	animation: notificationHide 200ms linear;
}
.vita-notification.removed .ntfRemove {
	pointer-events: none;
}
@keyframes notificationHide {
	0% {
		display: block;
		height: 5.8rem;
		opacity: 1;
	}
	50% {
		display: block;
		height: 2.9rem;
		opacity: 0.5;
	}
	99% {
		display: block;
		height: 0.1rem;
		opacity: 0;
	}
	100% {
		display: none;
		height: 0rem;
	}
}

.vita-notification .pageLink {
	font-size: 0.95em;
	width: fit-content;
}
.vita-notification .pageLink .pageLinkIcon {
	width: 1.2em;
	height: 1.2em;
	background-size: 0.7em;
	margin-left: 0.6em;
}
.vita-notification .pageLink .pageLinkIcon.modal {
	background-size: 0.9em;
}
.vita-notificationSpoiler {
	display: flex;
	gap: 0.3em;
	padding: 0.41em 0.6em 0.4em;
	border: 1px solid #D7D5D5;
	border-radius: 5px;
	background-image: url(/img/icons/spoiler_dark.png);
	background-position: calc(100% - 0.7em) center;
	background-size: auto 0.6em;
	background-repeat: no-repeat;
	cursor: pointer;
	user-select: none;
}
.vita-notificationSpoiler.shown {
	border-radius: 4px 4px 0 0;
	background-image: url(/img/icons/spoiler_dark_up.png);
}
.vita-notificationSpoiler:hover {
	background-color: #F2F1EF;
}
.vita-notificationSpoilerContent {
	border-radius: 0 0 4px 4px;
	height: 0;
	overflow: hidden;
	transition: height 0.17s ease-out;
}
.vita-notificationSpoilerContent.shown {
	height: auto;
	overflow: auto;
	max-height: 50vh;
	border: 1px solid #D7D5D5;
	border-top: 0;
}

.vita-notificationSpoilerContent .vita-notification {
	box-shadow: none;
	border-radius: 0;
	margin: 0 0.5em;
	width: calc(100% - 1em);
	padding: 0.3em 1.5em 0.7em 0.5em;
}
.vita-notificationSpoilerContent .vita-notification:not(:last-child) {
	border-bottom: 1px solid #D7D5D5;
}
.vita-notificationSpoilerContent .vita-icon.ntfRemove {
	position: absolute;
	right: 0.2em;
	top: 0.5em;
}

.sensorErrorEntry {
	display: flex;
	margin-top: 0.4em;
}
.sensorErrorTitle
, .hpErrorTitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.7em;
	font-weight: 600;
}
.sensorErrorEntry .indicator {
	width: 1.1em;
	height: 1.1em;
	margin-right: 0.4em;
	background-size: 1em;
}
.sensorErrorEntry .caption {
	font-size: 0.88em;
}
.sensorErrorHPLinks
, .errorHPLinks
, .hpErrorTitle .ntfInfo {
	display: flex;
	justify-content: flex-start;
	gap: 0.5em;
}
.hpErrorEntry {
	margin-top: 0.4em;
	font-size: 0.88em;
}
.ntfInfo .dateCaption {
	font-size: 0.9em;
}
.hpErrorEntry .dateCaption
, .hpErrorEntry .measuredAtCaption
{
	padding-right: 0.5em;
	margin-right: 0.5em;
	border-right: 2px solid #D7D5D5;
	font-size: 0.95em;
}

.vita-icon.ntfRemove {
	background-size: 56% auto;
	background-color: #FFF;
	background-image: url(/img/icons_rin/close_biege.svg);
	border: 1px solid #B5B1AF90;
	border-radius: 3px;
	width: 1em;
	height: 1em;
	margin-left: 0.3rem;
	cursor: pointer;
}
.vita-icon.ntfRemove:hover {
	border: 1px solid #B5B1AF;
	filter: brightness(0.75) contrast(2);
}


.vita-pageContentContainer {
	width: calc(100% - 256px);
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	position: relative;
	background-color: #E8E3E0;
}

.vita-pageHeader {
	position: relative;
	background-color: #F2F1EF;
	font-family: Nunito, Calibri, Arial, sans-serif;
	width: 100%;
	line-height: 1;
	flex-shrink: 0;
	flex-grow: 0;
	height: var(--headerPanelHeight);
	display: flex;
	align-items: center;
	z-index: 1;
	box-shadow: 0 1px 8px #0001;
	overflow: hidden;
}
.vita-pageHeader .vita-pageTitle {
	font-weight: 500;
	font-size: calc(var(--headerPanelHeight)* 0.4);
	width: calc(100% - var(--headerPanelHeight) * 1.4);
	padding-left: max(min(32px, 2vw), 1rem);
}
.vita-pageTitleParentLink {
	cursor: pointer;
	font-size: 0.9em;
}
.vita-pageTitleParentLink:hover {
	color: #35526A;
	text-decoration: underline;
}

.vita-pageContainer {
	background-color: #E8E3E0;
	position: relative;
	width: 100%;
	flex-grow: 1;
	flex-shrink: 1;
	background-image: url(/img/kniiir.png);
	background-size: auto 12vh;
	background-position: calc(100% - 2vh) calc(100% - 2vh);
	background-repeat: no-repeat;
}
.vita-pageContainer:not(.shown) {
	display: none;
}

.vita-pageSubHeader {
	position: relative;
	z-index: 1;
	background-color: #F2F1EF;
	width: 100%;
	line-height: 1;
	height: var(--subHeaderPanelHeight);
	display: flex;
	align-items: center;
	box-shadow: 0 2px 6px #0001, inset 0 2px 2px #00000019;
	overflow-y: hidden;
	overflow-x: auto;
	padding: 2px max(min(32px, 2vw), 1rem) 0;
}
.vita-pageSubHeader.spaceBetween {
	place-content: space-between;
}
.vita-pageSubHeader .filterContainer {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	overflow-x: scroll;
	margin-right: 1rem;
	margin-top: 8px;
	padding: 3px 0;
}

.vita-pageContent {
	position: relative;
	width: 100%;
	height: var(--pageContentHeight);
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	gap: min(30px, 2vw);
	padding-top: min(30px, 2vw);
	padding-bottom: min(32px, 2vw);
	padding-left: min(32px, 2vw);
	padding-right: calc(min(32px, 2vw) - 6px);
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-gutter: stable;
}

.vita-pageSubHeader + .vita-pageContent {
	--pageContentHeight: calc(100vh - var(--headerPanelHeight) - var(--subHeaderPanelHeight));
}

.subHeaderDateFilter {
	display: flex;
}
.subHeaderDateFilter .basicBtn.filterStaticButton {
	font-size: 1.065rem;
}
.subHeaderDateFilter .vita-filterTitle {
	font-size: 1.065rem;
	padding: 0.5em 2.3em 0.5em 1em;
	background-size: 1em auto;
	width: max-content;
}

.vita-pageWidget {
	background-color: #F2F1EF;
	border-radius: 18px;
	position: relative;
	padding: min(30px, 2vw);
	box-shadow: 0 0 8px #0001;
}
.vita-pageWidget:empty {
	display: none;
}
.vita-pageWidgetBody {
	position: relative;
}

.vita-pageWidgetTitle {
	display: flex;
	align-items: center;
	position: relative;
	margin: -2px 0 min(20px, 1.7vw);
	justify-content: space-between;
	flex-shrink: 0;
}
.vita-pageWidgetTitle:not(:first-child) {
	margin-top: min(28px, 2vw);
	padding-top: min(20px, 1.7vw);
	border-top: 2px solid #b0a9a0;
	background-position: left calc(min(20px, 1.7vw) - 3px);
	box-sizing: content-box;
}
.vita-pageWidgetTitle:last-child {
	margin-bottom: -2px;
}
.vita-pageWidgetTitle .icon {
	font-size: min(1.6em, 2.5vw);
	position: absolute;
	left: -1px;
	width: 1.49em;
	height: 1.49em;
	background-size: 0.8em auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--mainBtnColor);
	background-image: url(/img/icons_rin/menu/droplet_white.svg);
	border-radius: 100px;
}


.vita-pageWidgetTitle .title {
	font-weight: 400;
	font-size: min(1.6em, 2.5vw);
	margin-left: 2.1em;
}
.vita-pageWidgetTitle .title b {
	font-weight: 800;
}

.pageLink {
	color: var(--linkColor);
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	vertical-align: middle;
}
.docLink {
	color: var(--linkColor);
	cursor: pointer;
	text-decoration: underline;
	text-decoration-style: dashed;
}
.vita-pageWidgetTitle .pageLink {
	font-size: 0.88em;
	position: absolute;
	right: 0;
}
.pageLink .link {
	text-decoration: underline;
}
.pageLink .pageLinkIcon {
	border-radius: 3px;
	display: inline-block;
	background-color: var(--linkColor);
	background-image: url(/img/icons/link_arrow.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 10px;
	width: 18px;
	height: 18px;
	margin-left: 1em;
}
.pageLink:hover
, .docLink:hover
{
	color: #008575;
}
.pageLink:hover .pageLinkIcon {
	background-color: #008575;
}
.pageLink .pageLinkIcon.modal {
	background-image: url(/img/icons/link_modal.png);
}
.pageLink .pageLinkIcon.incell {
	width: 15px;
	height: 15px;
	background-size: 9px;
	margin-left: 0.5em;
}
.pageLink .pageLinkIcon.pre {
	margin-left: unset;
	margin-right: 0.7em;
}
.pageLink .pageLinkIcon.pale {
	opacity: 0.2;
}
.pageLink:hover .pageLinkIcon.pale {
	background-color: var(--linkColor);
	opacity: 0.6;
}

.vita-pageWidgetBody.sensor-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: min(22px, 1.5vw);
}

.vita-pageSubHeader .kbDropdown {
	margin-right: 1rem;
}
.vita-pageSubHeader .systemFilter {
	display: flex;
	flex-shrink: 0;
}
.vita-pageSubHeader .nestedFilter {
	display: flex;
	/*margin-left: 1em;*/
}

.vita-titleContextButtons .systemFilter {
	display: flex;
}
.vita-titleContextButtons .nestedFilter {
	display: flex;
	margin-left: 0.5em;
}


.kb-dialog.hpCalibratedStatus > .dialog {
	width: min(660px, 100%);
	left: calc(50% - min(330px, 50%));
}
.hpLimitsEditableEntry {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.kb-dialog.dwdmSelectionDialog > .dialog {
	width: min(30rem, 100%);
	left: calc(50% - min(15rem, 50%));
}
.vita-dwdmSelection {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.vita-dwdmSelection > .editBtn {
	width: 100%;
	margin-top: 0.8rem;
	font-size: 1.1rem;
	padding: 1rem;
	background-color: #D7D5D5;
}
.vita-dwdmSelection > .editBtn:hover {
	width: 100%;
	margin-top: 0.8rem;
	font-size: 1.1rem;
	padding: 1rem;
	background-color: #C7C8CA;
}

.vita-sensorWidget {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.vita-sensorWidget-infoRow {
	display: flex;
	flex-direction: row;
}
.vita-sensorWidget.card {
	background-color: #fff;
	border-radius: 18px;
	width: 252px;
	box-shadow: 0 0 8px #0001;
	min-height: 140px;
}
.vita-sensorWidget.vita-popup {
	box-shadow: #0007 1px 2px 12px;
}
.vita-sensorWidget .sensorModelImage {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0;
	flex-grow: 0;
}
.vita-sensorWidget.card .sensorModelImage {
	width: 5.5rem;
	height: 6rem;
	background-size: 80%;
}

.vita-sensorWidget-header {
	padding: 2px 16px 0px 0;
	display: flex;
	height: 48px;
	align-items: center;
}
.vita-sensorWidget-header .name {
	font-size: 1.3em;
	line-height: 1;
}
.vita-sensorWidget-info .imei
, .vita-sensorWidget-info .phone
{
	line-height: 1;
	margin-bottom: 0.8em;
	font-size: 0.93em;
	margin-left: -0.1em;
}
.vita-sensorWidget-options
, .vita-infoHint .closeBtn
, .vita-popup .closeBtn
, .vita-sensorWidget-optionsContainerClose
{
	position: absolute;
	height: 24px;
	width: 24px;
	border-radius: 50px;
	cursor: pointer;
	top: 8px;
	right: 8px;
	text-align: center;
	user-select: none;
	line-height: 22px;
}
.vita-infoHint .closeBtn {
	background-color: #2c3948;
	color: #fff;
}
.vita-sensorWidget-options:hover
, .vita-infoHint .closeBtn:hover
, .vita-popup .closeBtn:hover
{
	background-color: #C7C8CA;
}
.vita-sensorWidget-optionsContainerClose:hover
{
	background-color: #2c3948;
}

.vita-popup .vita-sensorWidget-options {
	right: 40px;
}

.vita-sensorWidget-optionsContainer
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #F2F1EF;
	background-color: #2c3948e0;
	padding: 8px 40px 8px 8px;
	backdrop-filter: blur(1px);

	box-shadow: 0 0 6px #2c3948;
	background-color: #2c3948e9;
	width: 100%;
	padding-right: 34px;
	display: block;
	left: calc(-100% - 10px);
	transition: left 0.19s linear;
}
.vita-sensorWidget.vita-popup .vita-sensorWidget-optionsContainer {
	left: calc(-100% - 26px);
	width: calc(100% - 36px);
}
.vita-sensorWidget-optionsContainer.shown
, .vita-sensorWidget.vita-popup .vita-sensorWidget-optionsContainer.shown
{
	left: 0;
}
.vita-sensorWidget-optionsContainer:not(.shown) {
	visibility: hidden;
	animation: makeInvisible 0.2s linear;
}
.vita-sensorWidget-optionsContainer.shown {
	visibility: visible;
}
.vita-sensorWidget-optionsContainerClose {
	right: 8px;
}
.vita-sensorWidget.vita-popup .vita-sensorWidget-optionsContainerClose {
	right: 4px;
}

.vita-sensorWidget.embedded .vita-sensorWidget-options
, .vita-sensorWidget.embedded .vita-sensorWidget-optionsContainerClose
{
	top: 2px;
	right: 2px;
}
.vita-sensorWidget.embedded .vita-sensorWidget-optionsContainer
{
	border-radius: 6px;
	box-shadow: none;
}
.vita-sensorWidget.embedded .vita-sensorWidget-option
{
	border-radius: 4px;
}
.vita-sensorWidget-optionEntry {
	padding: 0px 0 4px 8px;
}

@keyframes makeInvisible {
	0% {
		visibility: visible;
	}
	95% {
		visibility: visible;
	}
	100% {
		visibility: hidden;
	}
}

.vita-sensorWidget-option {
	padding: 4px 8px;
	border-radius: 11px;
}
.vita-sensorWidget-option:hover {
	cursor: pointer;
	background-color: #2c3948;
}

.vita-sensorWidget-info {
	padding: 0 16px 8px 0;
	font-size: 0.9em;
	font-weight: 600;
	min-height: 48px;
	width: 100%;
}
.vita-sensorWidget-info .sensorStats {
	display: flex;
	height: 16px;
	align-items: center;
}
.vita-sensorWidget-info .sensorStats .power
, .vita-sensorWidget-info .sensorStats .signal
{
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: left;
}
.vita-sensorWidget-info .sensorStats .power {
	width: 70px;
}
.vita-sensorWidget-info .sensorStats .power.unknown
, .sensorInfo .power.unknown
{
	background-image: url(/img/icons_rin/power/unknown.svg);
	color: #333;
}
.indicator.power.unknown
{
	background-image: url(/img/icons_rin/power/unknown.svg);
	color: #F93040;
}
.vita-sensorWidget-info .sensorStats .power.powerLevel0
, .sensorInfo .power.powerLevel0
, .indicator.power.powerLevel0
{
	background-image: url(/img/icons_rin/power/empty.svg);
	color: #F93040;
}
.vita-sensorWidget-info .sensorStats .power.powerLevel1
, .sensorInfo .power.powerLevel1
, .indicator.power.powerLevel1
{
	background-image: url(/img/icons_rin/power/low.svg);
	color: #940019;
}
.vita-sensorWidget-info .sensorStats .power.powerLevel2
, .sensorInfo .power.powerLevel2
, .indicator.power.powerLevel2
{
	background-image: url(/img/icons_rin/power/med.svg);
}
.vita-sensorWidget-info .sensorStats .power.powerLevel3
, .sensorInfo .power.powerLevel3
, .indicator.power.powerLevel3
{
	background-image: url(/img/icons_rin/power/med.svg);
}
.vita-sensorWidget-info .sensorStats .power.powerLevel4
, .sensorInfo .power.powerLevel4
, .indicator.power.powerLevel4
{
	background-image: url(/img/icons_rin/power/full.svg);
}
.vita-sensorWidget-info .sensorStats .signal.unknown
, .sensorInfo .signal.unknown
{
	background-image: url(/img/icons_rin/signal/unknown.svg);
	color: #333;
}
.indicator.signal.unknown
{
	background-image: url(/img/icons_rin/signal/unknown.svg);
	color: #F93040;
}
.vita-sensorWidget-info .sensorStats .signal.signalLevel0
, .sensorInfo .signal.signalLevel0
, .indicator.signal.signalLevel0
{
	background-image: url(/img/icons_rin/signal/low.svg);
	color: #F93040;
}
.vita-sensorWidget-info .sensorStats .signal.signalLevel1
, .sensorInfo .signal.signalLevel1
, .indicator.signal.signalLevel1
{
	background-image: url(/img/icons_rin/signal/low.svg);
	color: #940019;
}
.vita-sensorWidget-info .sensorStats .signal.signalLevel2
, .sensorInfo .signal.signalLevel2
, .indicator.signal.signalLevel2
{
	background-image: url(/img/icons_rin/signal/lowmed.svg);
}
.vita-sensorWidget-info .sensorStats .signal.signalLevel3
, .sensorInfo .signal.signalLevel3
, .indicator.signal.signalLevel3
{
	background-image: url(/img/icons_rin/signal/himed.svg);
}
.vita-sensorWidget-info .sensorStats .signal.signalLevel4
, .sensorInfo .signal.signalLevel4
, .indicator.signal.signalLevel4
{
	background-image: url(/img/icons_rin/signal/high.svg);
}

.vita-sensorWidget .sensorLastComm {
	padding: 4px 4px 5px 28px;
	background-repeat: no-repeat;
	background-image: url(/img/icons/clock.svg);
	background-size: 17px auto;
	background-position: 4px 6px;
	margin: 4px -4px 0 -4px;
	border-radius: 0.5em;
}
.vita-sensorWidget .sensorLastComm.hasComm {
	cursor: pointer;
}
.vita-sensorWidget .sensorLastComm.hasComm:hover {
	background-color: #99979720;
}
.vita-sensorWidget-info .sensorLastCommLabel {
	font-size: 0.9em;
	font-weight: normal;
	padding-bottom: 3px;
}
.vita-sensorWidget.card .sensorLastComm {
	margin: 0 6px 4px;
	font-size: 0.9em;
	font-weight: 600;
}

.vita-sensorWidget-hp {
	background-color: #C7C8CA;
	background-image: url(/img/icons/hp_unlink.png);
	padding: 14px 16px 16px 44px;
	background-repeat: no-repeat;
	background-position: 18px 9px;
	background-size: 20px;
}
.vita-sensorWidget.hasHP .vita-sensorWidget-hp {
	background-color: #99D7FF;
	padding-top: 4px;
	background-image: url(/img/icons/hp_link.png);
}
.vita-sensorWidget.hasHP .vita-sensorWidget-hp.uncalibrated {
	background-color: #ffe999;
}
.vita-sensorWidget.hasHP .vita-sensorWidget-hp.awaitsCalibration {
	background-color: #d5e4ed;
}
.vita-sensorWidget.hasHP .vita-sensorWidget-hp.inexistent {
	background-color: #FDA9AB;
}
.vita-sensorWidget:not(.hasHP) .vita-sensorWidget-hp.editable:hover {
	cursor: pointer;
	background-color: #C0C1C2;
}
.vita-sensorWidget.addSensor {
	background-image: url(/img/sensors/sensor_default.png);
	background-size: contain;
	background-position: top;
	min-height: 15rem;
}
.vita-sensorWidget.addSensor:hover {
	cursor: pointer;
	filter: brightness(0.9) contrast(1.13);
}
.vita-sensorWidget.addSensor .vita-sensorWidget-hp {
	font-weight: 600;
	background-image: url(/img/icons/sensor_add.png);
	position: absolute;
	bottom: 0;
	width: 100%;
	background-size: 15px;
	background-position: 21px 14px;
}

.vita-sensorWidget-hp.clickable {
	cursor: pointer;
}
.vita-sensorWidget-hp.clickable:hover {
	filter: brightness(0.9) saturate(1.3) contrast(1.05);
}

.vita-sensorWidget-hp .hpName {
	font-weight: bold;
	height: 33px;
	display: flex;
	align-items: center;
	line-height: 1;
}
.vita-sensorWidget-hp .hpChannel {
	font-size: 0.82em;
}
.vita-sensorWidget-hp .hpWaterCourse
, .vita-sensorWidget-hp .hpID {
	font-size: 0.82em;
	margin: 2px 0;
}

.vita-sensorWidget-hp .hpType {
	background-image: var(--hpTypeIcon);
	border-radius: 4px;
	margin: 0 -5px 0 -26px;
	padding: 2px 5px 2px 26px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: auto 20px;
}
.vita-sensorWidget-hp .systemLine {
	font-size: 0.82em;
	padding-top: 6px;
}
.vita-sensorWidget-hp .pageLink {
	color: #000;
}
.vita-sensorWidget-hp .pageLink:hover {
	color: #162635;
}

.vita-sensorWidget.compact .sensorLastComm {
	margin: 4px -4px -4px 0;
	padding-left: 23px;
	background-size: 15px auto;
	background-position: 4px 3px;
}
.vita-sensorWidget.compact .sensorLastComm.hasComm {
	background-position: 4px 8px;
}

.vita-sensorWidget-warning {
	padding: 0.5em 0.4em 0.5em 0.8em;
	background-color: #542a2fb0;
	border-radius: 12px;
}

.hourInputContainer {
	display: flex;
	gap: 0.5em;
}

/*.vita-pageContent#overview {
	flex-wrap: nowrap;
}*/
.widgetColumnLeft
, .widgetColumnRight {
	display: flex;
	flex-direction: column;
	gap: min(32px, 2vw);
}
.widgetColumnRight {
	width: max(min(30vw, 440px), 22vw);
	flex-shrink: 0;
	flex-grow: 0;
}
body:not(.vertical) #startup .widgetColumnRight {
	width: 64%;
}
.widgetColumnRight .vita-pageWidget {
	/*width: 440px;*/
	width: 100%;
}
.widgetColumnLeft {
	flex-shrink: 1;
	flex-grow: 1;
	max-width: 100%;
}
.widgetColumnLeft:not(:last-child) {
	width: calc(100% - min(32vw, 440px) - min(30px, 2vw));
}

.widgetColumnRight .overview-tiles {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
}
.widgetColumnRight .overview-tiles.single {
	display: flex;
	flex-direction: column;
	gap: 1em;
}
.widgetColumnRight .overview-tiles.single .vita-card {
	display: flex;
}
.overview-tiles.single .vita-card-image {
	width: 45%;
}
.overview-tiles.single .vita-card-infoContainer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.1em;
	padding-left: 3%;
}

.vita-card {
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	border-radius: 18px;
	position: relative;
	font-size: 0.9em;
	box-shadow: 0 0 8px #0001;
}
.vita-card.interactive {
	cursor: pointer;
	transition: transform 0.12s linear;
}
.vita-card.interactive:hover {
	transform: scale(1.04);
}

.vita-card-description {
	padding: 1.3em 1.8em 1.4em;
}
.vita-card-description .card-header {
	font-weight: 650;
	font-size: 1.1em;
}

.vita-cardSet {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: max-content;
	gap: 1.5em;
}
.vita-cardSet.x2 {
	grid-template-columns: 1fr 1fr;
}
.vita-cardSet.x4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.vita-card-image {
	height: 86px;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.statusText {
	text-align: center;
	padding: 0.8em;
}

.vita-card.hp-summary .vita-card-image {
	background-image: url(/img/menubg.jpg);
}
.vita-card.activeSensor-summary .vita-card-image
{
	background-image: url(/img/icons/widget/blue.png), url(/img/sensors/sensor_default.png);
	background-position: 8px 50px, center;
	background-size: auto 28px, cover;
}
.vita-card.inactiveSensor-summary .vita-card-image
{
	background-image: url(/img/icons/widget/red.png), url(/img/sensors/sensor_default.png);
	background-position: 8px 50px, center;
	background-size: auto 28px, cover;
}

.vita-card.sensor-model .vita-card-image {
	height: 18em;
}
.vita-card.sensor-model .vita-card-description .card-header {
	font-weight: 600;
	font-size: 1.3em;
}

.vita-sensorWidget.compact {
	width: 100%;
	border-radius: 14px;
	background-color: #fff;
	box-shadow: 0 0 8px #0001;
	padding: 1em 1em 1em 1.2em;
}
.vita-sensorWidget.compact .hpInfo {
	font-size: 0.7em;
	color: #606060;
}
.vita-sensorWidget.compact .sensorInfo {
	display: flex;
	align-items: center;
	margin-top: 0.65em;
}
.vita-sensorWidget.compact .sensorInfo .nameStats {
	flex-grow: 1;
}
.vita-sensorWidget.compact .sensorInfo .name {
	font-size: 1.1em;
	font-weight: 600;
	flex-grow: 1;
}
.vita-sensorWidget.compact .sensorInfo .name .pageLinkIcon {
	margin-left: 0.6em;
	margin-top: -0.4em;
	width: 12px;
	height: 12px;
	background-size: 8px;
}
.vita-sensorWidget.compact .sensorInfo .sensorStats {
	font-size: 0.8em;
	font-weight: 600;
	/*width: 96px;
	flex-shrink: 0;
	flex-grow: 0;*/
	display: flex;
	align-items: center;
	margin-top: 5px;
	flex-direction: row-reverse;
	gap: 0.5em;
}
.vita-sensorWidget.compact .sensorInfo .lastOnline {
	padding: 2px 1px 1px 24px;
	font-size: 0.9em;
	font-weight: 600;
	background-position: 3px center;
	width: 50%;
	margin-left: 0.8em;
}
.vita-sensorWidget.compact .sensorInfo .sensorLastCommLabel {
	font-size: 0.73em;
	font-weight: 600;
	color: #707070;
	padding-bottom: 2px;
}
.vita-sensorWidget.compact .sensorInfo .sensorLastCommDate {
	font-size: 0.83em;
	font-weight: 700;
}
.vita-sensorWidget.compact .sensorInfo .power {
	padding: 2px 0 2px 22px;
	background-position: 1px center;
	width: 40%;
}
.vita-sensorWidget.compact .sensorInfo .signal {
	padding: 4px 0 2px 22px;
	background-position: left;
	/*margin-bottom: 4px;*/
	width: 60%;
}
.vita-sensorWidget.compact .sensorInfo .power
, .vita-sensorWidget.compact .sensorInfo .signal {
	background-repeat: no-repeat;
	line-height: 1;
	display: flex;
	align-items: center;
	background-size: 1.5em auto;
	padding-left: 1.8em;
}

.vita-sensorWidget.compact .pageLinkIcon {
	width: 1.5em;
	height: 1.5em;
	background-size: 1.3em;
}

.vita-sensorWidget.embedded {
	width: 100%;
}
.vita-sensorWidget.embedded .hpInfo {
	font-size: 0.7em;
	color: #606060;
	margin-bottom: 1em;
}
.vita-sensorWidget.embedded .sensorInfoContainer {
	display: flex;
	align-items: center;
	gap: 1em;
}
.vita-sensorWidget.embedded.hpv .sensorInfoContainer {
	gap: 0.3rem;
}
.vita-sensorWidget.embedded.hpv .vita-sensorWidget-optionsList {
	font-size: 0.96em;
}
.vita-sensorWidget.embedded .sensorInfo {
	width: 100%;
}
.vita-sensorWidget.embedded .sensorModelImage {
	width: 5em;
	height: 5em;
}
.vita-sensorWidget.embedded.hpv .sensorModelImage {
	width: 4.7rem;
	height: 4.7rem;
}
.vita-sensorWidget.embedded .sensorInfo .name {
	font-weight: 600;
}
.vita-sensorWidget.embedded.hpv .sensorInfo .name {
	margin-bottom: -1px;
	padding: 1px 2em 0 2px;
}
.vita-sensorWidget.embedded .sensorInfo .name .pageLinkIcon {
	margin-left: 0.6em;
	margin-top: -0.4em;
	width: 12px;
	height: 12px;
	background-size: 8px;
}
.vita-sensorWidget.embedded .sensorLastComm {
	font-size: 0.9em;
	font-weight: 600;
	margin: 6px 0 0 0;
	border-radius: 5px;
	padding: 0.4em 0.6em 0.4em 24px;
	background-position: 0.3em 0.4em;
}
.vita-sensorWidget.embedded > .sensorLastComm .sensorLastCommDate {
	font-size: 1.1em;
	color: #0d4586;
}
.vita-sensorWidget.embedded .sensorLastComm.hasComm {
	cursor: pointer;
	background-color: #F2F1EF;
}
.vita-sensorWidget.embedded .sensorLastComm.hasComm:hover {
	background-color: #E8E3E0;
}
.vita-sensorWidget.embedded .sensorInfo .sensorLastCommLabel {
	font-size: 0.95em;
}

.vita-sensorWidget.embedded .sensorInfo .sensorStats {
	font-size: 0.8em;
	font-weight: 600;
	display: flex;
	align-items: center;
	margin-top: 4px;
	flex-direction: row-reverse;
	place-content: baseline;
}
.vita-sensorWidget.embedded.hpv .sensorInfo .sensorStats {
	margin-left: 0.4rem;
}
.vita-sensorWidget.embedded .sensorInfo .power
, .vita-sensorWidget.embedded .sensorInfo .signal {
	background-repeat: no-repeat;
	line-height: 1;
	display: flex;
	align-items: center;
}
.vita-sensorWidget.embedded .sensorInfo .power {
	padding: 2px 0 2px 26px;
	background-position: 1px center;
	width: min(6em, 50%);
}
.vita-sensorWidget.embedded .sensorInfo .signal {
	padding: 4px 0 2px 23px;
	background-position: left;
	width: min(calc(100% - min(6em, 50%)), 12em);
}
.vita-sensorWidget.embedded.hpv .sensorInfo .signal {
	width: max(45%, 7.5em);
}


.hydropostInfoColumn .vita-sensorWidget.embedded.hpv .sensorInfoContainer {
	font-size: min(1.6em, 2.5vw);
	gap: 2px;
}
.hydropostInfoColumn .vita-sensorWidget.embedded.hpv .sensorModelImage {
	width: calc(3.25em - 2px);
	height: 3.5em;
}
.hydropostInfoColumn .vita-sensorWidget.embedded.hpv .sensorInfo {
	font-size: max(1rem, 0.7em);
}

.sensors-last-messages-widget .vita-pageWidgetBody {
	overflow-x: auto;
}

table.vita-sensorsLastMessages.dataTable.fullWidth th {
	font-size: 0.9em;
	padding: 0.5em 0.8em;
	text-align: center;
	font-weight: 600;
}
table.vita-sensorsLastMessages > tr.recent:nth-child(odd) {
	background-color: #DFEBE7;
}
table.vita-sensorsLastMessages > tr.recent:nth-child(even) {
	background-color: #EBF5F2;
}
.vita-sensorsLastMessages td.imei
, .vita-sensorsLastMessages td.phone
, .vita-sensorsLastMessages.mobile td.sensorName
{
	font-size: 0.9em;
}
.vita-sensorsLastMessages td.measureDate
, .vita-sensorsLastMessages td.transmissionDate
{
	font-size: 0.86em;
}
.vita-sensorsLastMessages td.range
, .vita-sensorsLastMessages td.signal
, .vita-sensorsLastMessages td.power
{
	font-weight: 500;
}
.vita-sensorsLastMessages.mobile tr
{
	font-size: 1.1em;
}
.vita-sensorsLastMessages td.signal.signalLevel1 {
	color: #940019;
}
.vita-sensorsLastMessages td.signal.signalLevel0 {
	color: #F93040;
}
.vita-sensorsLastMessages td.signal.signalLevel4 {
	color: #0A3D47;
}

.kb-dialog.sensorTransmissionsDialog > .dialog {
	width: min(840px, 100%);
}
.vita-sensorMeasurements.dataTable th {
	font-size: 0.86em;
	font-weight: 500;
}

.balanceHeader .hpIcon
, .hpList-grid .cell.hpIcon .cellValue
{
	width: 4.16em;
	min-height: 2.47em;
	padding: 0;
	cursor: pointer;
	background-image: var(--hpTypeArrowIcon);
	background-repeat: no-repeat;
	background-size: 5.7em auto;
	background-position: left;
}

.balanceHeader .hpIcon:hover
, .hpList-grid .cell.hpIcon .cellValue:hover
, .vita-hydropostsTable .hpTypeIcon:hover
{
	filter: drop-shadow(0px 0px 1px #242A3A) brightness(1.05);
}
.balanceHeader .hpIcon:focus-visible
, .hpList-grid .cell.hpIcon .cellValue:focus-visible
, .vita-hydropostsTable .hpTypeIcon:focus-visible {
	outline: #E8E3E0 2px outset;
}

td.chartCol {
	position: relative;
	cursor: pointer;
}

.vita-infoHint .sensor-chart {
	background-color: #f2f1ef;
	border-radius: 0 0 10px 10px;
	flex-shrink: 1;
	flex-grow: 1;
}
.vita-infoHint .sensor-stats-info {
	width: 100%;
	color: #000;
	background-color: #f2f1ef;
	border-radius: 10px 10px 0 0;
	padding: 1em 1em 0;
}
.vita-infoHint .sensor-stats-total {
	display: flex;
	align-items: center;
	padding-bottom: 0.4em;
}
.vita-infoHint .sensor-stats-info .title {
	font-size: 1.2em;
	padding-bottom: 0.4em;
}
.vita-infoHint .sensor-stats-total .flowCaption
, .vita-infoHint .sensor-stats-total .expCaption {
	width: 35%;
	padding-right: 10px;
	font-size: 0.9em;
}
.vita-infoHint .sensor-stats-total .flowVal
, .vita-infoHint .sensor-stats-total .expVal {
	width: 50%;
	font-size: 1.2em;
}

.kb-dialog.massSensorImportDialog > .dialog {
	width: min(600px, 100%);
	left: calc(50% - min(300px, 50%));
}
textarea.sensorImportText {
	width: 100%;
	margin-top: 1em;
}
.massSensorImportForm .importProgress {
	padding: 0.7em 1.2em;
	background-color: #fff;
	margin-top: 1em;
	border-radius: 3em;
	font-size: 0.9em;
	font-weight: 800;
	text-shadow: 2px 0 10px #fff, -2px 0 10px #fff;
	--progressColor: #80c2c6;
}


.sensorModelContainer
, .sensorGroupContainer
{
	border-radius: 10px;
	box-shadow: 0 0 7px #0003;
	padding: 1rem;
	position: relative;
}
.sensorModelContainer:not(:last-child)
, .sensorGroupContainer:not(:last-child)
{
	margin-bottom: 1.7rem;
}
.sensorModelInfo {
	display: flex;
}
.sensorModelInfo .modelImage {
	border-radius: 10px;
	box-shadow: 0 0 2px #0003, 0 0 3px inset #0002;
	width: 10rem;
	height: 7.5rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 3px #fff solid;
}
.sensorModelInfo .modelDetails {
	padding-left: 1rem;
	width: 100%;
	flex-shrink: 1;
}
.sensorModelInfo .modelName
, .sensorGroupContainer .groupName
{
	font-size: 1.1rem;
	font-weight: 600;
}
.sensorGroupContainer .groupName {
	margin-bottom: 0.5em;
}
.sensorModelInfo .modelPropertyEntry {
	display: flex;
	max-width: 21rem;
	border-bottom: 1px dashed #D7D5D5;
	padding-top: 4px;
}
.sensorModelInfo .modelPropertyEntry .value {
	text-align: right;
	flex-basis: 30%;
}
.sensorModelInfo .modelPropertyEntry .label {
	flex-basis: 70%;
}
.sensorModelContainer .basicBtn.modelEdit {
	background-image: url(/img/icons_rin/hp/edit.svg);
	width: 2rem;
	height: 2rem;
	padding: 0;
	background-position: 44%;
	background-repeat: no-repeat;
	background-size: 60% auto;
	position: absolute;
	right: 5px;
	top: 5px;
}
.sensorModelContainer .sensorList
, .sensorGroupContainer .sensorList
{
	border-top: 1px dashed #999;
	width: 100%;
	font-size: 0.95rem;
}
.sensorModelContainer .sensorList td
, .sensorGroupContainer .sensorList td
{
	padding: 0.4em 0.2em;
	border-bottom: 1px solid #D7D5D5;
}
.sensorModelContainer .sensorList tr:hover
, .sensorGroupContainer .sensorList tr:hover
{
	background-color: #fff;
}

.vita-spoilerButton.sensorListSpoilerBtn {
	margin: 0.5em 0 0 -0.5em;
}

.kbDropdown.vita-sensorGroup-options {
	position: absolute;
	right: 5px;
	top: 5px;
}
.kbDropdown.vita-sensorGroup-options .kbDropdownValue {
	padding: 4px 8px;
}

.vita-selectSystemTableWidget-grid .header {
	display: grid;
	grid-template-columns: 3.5rem 1fr 6.6rem;
}
.vita-selectSystemTableWidget-grid .row {
	display: grid;
	grid-template-columns: 3.5rem 1fr 3.3rem 3.5rem;
}
.vita-selectSystemTableWidget-grid .header {
	font-size: 0.96rem;
}
.vita-selectSystemTableWidget-grid .cell.sysid
, .vita-selectSensorGroupTableWidget-grid .cell.groupId
, .vita-selectSystemTableWidget-grid .headerCell.sysid
, .vita-selectSensorGroupTableWidget-grid .headerCell.groupId
{
	text-align: right;
	padding-right: 0.65rem;
	font-size: 0.96rem;
}
.vita-selectSystemTableWidget-grid .row.level1 .cell.sysname {
	padding-left: 1.4em;
}
.vita-selectSystemTableWidget-grid .row.level2 .cell.sysname {
	padding-left: 2.8em;
}
.vita-selectSystemTableWidget-grid .row.level3 .cell.sysname {
	padding-left: 4.2em;
}
.vita-selectSystemTableWidget-grid .row.level4 .cell.sysname {
	padding-left: 5.6em;
}
.vita-selectSystemTableWidget-grid .cell.sysname .permsIndicator
, .vita-selectHydropostTableWidget-grid .cell.hpName .permsIndicator
{
	display: inline-block;
	width: 0.82em;
	height: 0.82em;
	margin-left: 0.87em;
	background-color: #e3565d;
	border-radius: 1em;
	margin-bottom: -1px;
}
.vita-selectSystemTableWidget-grid .cell.sysname .permsIndicator:hover
, .vita-selectHydropostTableWidget-grid .cell.hpName .permsIndicator:hover
{
	background-color: #b72930;
}
.vita-selectSystemTableWidget-grid .cell.hpnum {
	width: 3.3rem;
	text-align: right;
	padding-right: 0.65rem;
	font-size: 0.96rem;
}
.vita-selectSystemTableWidget-grid .cell.systype {
	width: 3.3rem;
	height: 100%;
	background-size: auto 1.2rem;
	background-position: center;
	background-repeat: no-repeat;
}
.vita-selectSystemTableWidget-grid .cell.systype.nestshps {
	background-image: url(/img/icons/hpgroup.png);
}

.vita-selectSensorGroupTableWidget-grid .row
, .vita-selectSensorGroupTableWidget-grid .header {
	display: grid;
	grid-template-columns: 3.5rem 3fr 2fr;
}
.vita-selectSensorGroupTableWidget-grid .cell.groupSystems {
	font-size: 0.87rem;
}

.kb-dialog.sensorExamEditDialog > .dialog {
	width: min(620px, 100%);
	left: calc(50% - min(310px, 50%));
}
.sensorExamsListDialog .createBtnWrapper {
	margin-top: 2rem;
	text-align: right;
}
.sensorExamEditForm {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.8rem;
}
.sensorExamEditForm > div {
	margin-bottom: 0.4rem;
}
.sensorExamEditForm img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vita-selectSensorExamTableWidget .tableSelectGrid .header
, .vita-selectSensorExamTableWidget .tableSelectGrid .row
{
	justify-content: space-evenly;
}
.vita-selectSensorExamTableWidget .headerCell
, .vita-selectSensorExamTableWidget .cell {
	width: 23%;
}
.vita-selectSensorExamTableWidget .headerCell.controls {
	width: 30%;
}
.vita-selectSensorExamTableWidget .cell.controls {
	width: 30%;
	display: flex;
	gap: 0.5rem;
}


.inDevPlaque {
	width:100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f2f1efA0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.inDevPlaque .message {
	background-color: #f2f1ef;
	border-radius: 1em;
	font-size: 2em;
	padding: 1.2em 2em;
}

.googleMapView {
	width: 100%;
	height: 100%;
	border: 2px solid #016565;
	border-radius: 8px;
	background-color: #016565;
}

.vita-mapMarker {
	width: 26px;
	height: 26px;
}
.vita-mapMarker.hpMapMarker {
	background-image: var(--hpTypeIcon);
	background-size: cover;
	border-radius: 100%;
}
.vita-mapMarker.hpMapMarker.noSensor {
	background-image: radial-gradient(#9998, #999d), var(--hpTypeIcon);
}


.mapHPIconContainer .vita-mapMarker
, .mapDotContainer .canalNodeMarker
{
	position: absolute;
	transform: translate(-50%, -50%);
}
.mapHPIconContainer:hover
, .mapDotContainer:hover {
	z-index: 2;
}
.mapHPIconContainer.selected .vita-mapMarker {
	outline: 2px solid;
}

.mapHPIconContainer .hpMarkerActionContainer {
	position: absolute;
	transform: translate(-50%, -50%);
	width: 0;
	height: 18px;
	display: flex;
	transition: width 0.1s ease-out;
}
.mapHPIconContainer:hover .hpMarkerActionContainer {
	width: 64px;
}
.hpMarkerActionContainer .hpMarkerAction {
	width: 50%;
	background-color: #2f3c4c;
	background-repeat: no-repeat;
	background-size: auto 12px;
	cursor: pointer;
}
.hpMarkerActionContainer .hpMarkerAction:hover {
	background-color: #162635;
}
.hpMarkerAction.connect {
	background-position: 25% center;
	background-image: url(/img/icons/map/connect.png);
	border-radius: 20px 0 0 20px;
}
.hpMarkerAction.showInfo {
	background-position: 75% center;
	background-image: url(/img/icons/link_modal.png);
	border-radius: 0 20px 20px 0;
}

.vita-mapMarkerStatusContainer {
	position: absolute;
	top: 13px;
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 8px;
}
.vita-mapMarkerStatusContainer .hpWarningsContainer {
	display: flex;
	flex-direction: row;
	padding: 1px;
}
/*.vita-mapMarkerStatusContainer .indicator {
	width: 4px;
	height: 4px;
	margin: 3px;
	border-radius: 4px;
	background-color: #ff0000;
	transition: background-color 50ms linear, height 100ms linear, width 100ms linear;
}
.vita-mapMarkerStatusContainer .indicator:not(:first-child) {
	margin-left: 0;
}
.mapHPIconContainer:hover .indicator {
	width: 15px;
	height: 15px;
	background-color: #ffffff;
}*/
.vita-mapMarkerStatusContainer .indicator {
	width: 11px;
	height: 11px;
	margin: 1px;
	background-size: auto 100%;
}

.canalNodeMarker {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	transform: translateY(50%);
}
.canalNodeMarker.selected
, .mapDotContainer.selected .canalNodeMarker {
	border: 4px solid #FFF;
	outline: 3px solid #FFF;
}
.canalNodeMarkerLabel {
	position: absolute;
	display: none;
	font-size: 0.76rem;
	top: 100%;
	background-color: #f9f8f0;
	color: #000;
	left: 100%;
	border-radius: 4px;
	padding: 2px;
}
.canalNodeMarker:hover .canalNodeMarkerLabel {
	display: block;
}

.mapDotContainer:hover .canalNodeMarker {
	width: 12px;
	height: 12px
}

.mapDotContainer .dotActionContainer {
	position: absolute;
	right: 0;
	transform: translateY(-50%);
	width: 0px;
	height: 4px;
	transition: width 0.1s ease-out, height 0.05s ease-out;
}
.mapDotContainer:hover .dotActionContainer {
	width: 25px;
	height: 12px;
}
.dotActionContainer .dotAction {
	width: 100%;
	height: 100%;
	background-color: #2f3c4c;
	background-repeat: no-repeat;
	background-size: auto 12px;
	cursor: pointer;
}
.dotActionContainer .dotAction:hover {
	background-color: #162635;
}
.dotAction.connect {
	background-position: 25% center;
	background-image: url(/img/icons/map/connect.png);
	border-radius: 20px 1px 1px 20px;
}

.mapWeatherContainer .weatherWidget {
	position: absolute;
	transform: translate(-50%, 10%);
	background-color: #2c3948a0;
	color: #fff;
	border-radius: 1rem;
	padding: 0.6rem 0.8rem;
	display: flex;
	gap: 0.5rem;
	opacity: 0.3;
}
.mapWeatherContainer .weatherWidget:hover {
	opacity: 1;
}
.mapWeatherContainer .weatherWidget .details {
	font-size: 0.86rem;
}
.mapWeatherContainer .weatherWidget .temp {
	font-size: 1.4rem;
	font-weight: 500;
}

.vita-map-editor-tools .buttonsLine {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
}
.vita-map-editor-tools .toolsLine {
	display: flex;
	align-items: center;
	margin-top: 1em;
}
.vita-map-editor-tools .toolsLine .label {
	margin-right: 0.8em;
}

.vita-map-editor-tools .vita-pageWidgetBody
, .vita-map-editor-hps .vita-pageWidgetBody
{
	overflow-y: auto;
}

.vita-map-editor-tools .toolsLine .basicBtn.editBtn {
	width: 50%;
	flex-shrink: 1;
}
.vita-map-editor-tools .toolsLine .basicBtn.editBtn:not(:first-child) {
	margin-left: 1em;
}

.vita-systemMapEditor-page .hpList-grid {
	display: grid;
	grid-template-columns: 4.5em auto auto auto;
	background-color: #F7F7F7;
	border-radius: 2px;
	padding: 0.2em;
	align-items: center;
}

.hpList-grid .cellValue.link {
	color: var(--linkColor);
	text-decoration: underline;
	cursor: pointer;
}
.hpList-grid .cellValue.link.dashed {
	text-decoration-style: dashed;
}
.hpList-grid .cellValue.link:hover {
	color: var(--mainBtnColorHover);
}

.vita-map-big .canalNodeMarker {
	width: 4px;
	height: 4px;
}



.vita-chartContainer {
	position: relative;
	width: 100%;
	--dataHeight: max(100px, min(240px, 45vh));
	padding-top: min(20px, 1.5vw);
	font-weight: 600;
	font-size: max(min(1.07em, 1.8vh), 10px);
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 1px 10px 0px #0000001A;
}
.vita-chartContainer.hasHeader {
	padding-top: 2.6em;
}
.chartList .vita-chartContainer {
	border-radius: 1em;
	margin: 0 10px 0.9em 0;
	background: #fff;
}
.chartList.fixedHeight .vita-chartContainer {
	height: calc(100% / 3 - 0.6em);
}
.chartList .vita-chartContainer:last-child {
	margin-bottom: 0;
}
.chartList.fixedHeight.merged .vita-chartContainer {
	height: min(30vw, 100%);
}
.vita-chartContainer.hasGrouping {
	padding-top: 6em;
}
.vita-chartContainer.hasGrouping.extendedGrouping {
	padding-top: 8.3em;
}
.vita-hydropost-page .vita-chartContainer {
	--dataHeight: max(100px, max(240px, calc(100vh - 9em - 50px - var(--headerPanelHeight) - var(--subHeaderPanelHeight)) - 2 * min(1.6em, 2.5vw)));
}
.vita-hydropost-page .vita-chartContainer.hasGrouping {
	--dataHeight: max(100px, max(240px, calc(100vh - 13.7em - 50px - var(--headerPanelHeight) - var(--subHeaderPanelHeight)) - 2 * min(1.6em, 2.5vw)));
}
.vita-hydropost-page .vita-chartContainer.hasGrouping.extendedGrouping {
	--dataHeight: max(100px, max(240px, calc(100vh - 16em - 50px - var(--headerPanelHeight) - var(--subHeaderPanelHeight)) - 2 * min(1.6em, 2.5vw)));
}
.vita-chartGrid {
	position: relative;
	width: 100%;
	height: var(--dataHeight);
	padding: 0 1em 3em 0em;
	display: flex;
	flex-direction: column-reverse;
}
.vita-chartGridUnit {
	height: 100%;
	display: flex;
	align-items: flex-end;
}
.vita-chartGridUnit .caption {
	font-size: 0.6em;
	text-align: right;
	width: 5em;
	padding-right: 0.7em;
	transform: translateY(48%);
}
.vita-chartGridUnit .line {
	width: calc(100% - 3em);
	height: 2px;
	background-color: #e0dfde;
}
.vita-chartHeader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	padding: 0 1.5em;
	height: 2.6em;
	justify-content: space-between;
	align-items: center;
	background-color: var(--hpTypeColorDark, #69ADA0);
	border-radius: 1em 1em 0 0;
	color: #fff;
	font-weight: 400;
}
.vita-chartHeaderCaption {
	
}
.vita-chartContainer.intake .vita-chartHeader {
	background-color: #008CF5;
}
.vita-chartContainer.supply .vita-chartHeader {
	background-color: #38A0E8;
}

.vita-chartUnits {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2.5em;
	text-align: right;
	width: 40px;
	line-height: 1;
}
.chartUnits {
	font-size: 0.7em;
}
.chartUnits.y {
	text-align: center;
}
.chartUnits.x:before {
	content: '/ ';
}
.vita-dailySystemOverview .chartList .vita-chartUnits
, .dailySystemOverview2-chartsContainer .vita-chartUnits
{
	height: 1.8em;
	line-height: 0.9;
}

.vita-chartBody {
	height: var(--dataHeight);
	padding: 0 1em 0 42px;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	display: flex;
}

.vita-chartContainer.hasHeader .vita-chartBody {
	top: 2.6em;
	height: calc(100% - 2.6em);
}
.vita-chartContainer.hasHeader.hasFooter .vita-chartBody {
	height: calc(100% - 5.2em);
}
.vita-chartContainer.hasHeader.hasFooter .vita-chartGrid {
	height: calc(100% - 2.6em);
}

.vita-chartBody .chartGroupsContainer {
	position: absolute;
	display: flex;
	bottom: 100%;
	width: calc(100% - 4em);
}
.vita-chartBody .groupStatsContainer {
	display: flex;
	justify-content: space-evenly;
	border-left: 1px dashed #9999;
	padding: 0 0.5em;
	gap: 0.5em;
}
.vita-chartBody .chartGroup:last-child .groupStatsContainer {
	border-right: 1px dashed #9999;
}
.vita-chartBody .chartGroup .groupTitle {
	font-size: 1.1em;
	margin-bottom: 0.86em;
	text-align: center;
}
.vita-chartBody .groupStats {
	border-radius: 8px;
	border: 1px solid #E8E8E8;
	box-shadow: 0 1px 3px #0001;
	padding: 3px;
	width: 50%;
}
.vita-chartBody .groupStats .caption {
	font-size: 0.95em;
	font-weight: 500;
	color: #fff;
	background-color: var(--captionBg);
	padding: 0.5em 0 0.45em;
	text-align: center;
	border-radius: 5px;
}
.vita-chartBody .groupStats .value {
	font-size: 1.1em;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 0.4em 0 0.25em;
}
.vita-chartBody .groupStats .value .units {
	font-size: 0.85em;
	padding-left: 0.3em;
}
.vita-chartGridColumn.groupEnd:last-child {
	border-right: 1px dashed #9999;
}
.vita-chartGridColumn.groupStart {
	border-left: 1px dashed #9999;
}

.chartGroup .groupZoom {
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-color: #666;
	cursor: pointer;
	display: inline-block;
}
.chartGroup .groupZoom:hover
, .chartGroup .groupZoom:active
{
	color: #016BBD;
}
.vita-chartBody .unitZoom:hover
, .vita-chartBody .unitZoom:active
{
	text-decoration: underline;
	cursor: pointer;
	color: #016BBD;
}

.vita-chartBody .dotField {
	height: calc(100% - 3em);
	position: absolute;
	left: 3em;
	top: 0;
	right: 0.5em;
	width: calc(100% - 1em - 42px);
}
.vita-chartBody .dotField .refLevelBar {
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	background-color: #FFB368;
}
.vita-chartBody .dotField .refLevelBar.moist1 {
	background-color: #7B8291;
}
.vita-chartBody .dotField .refLevelBar.moist2 {
	background-color: #64AEA2;
}
.vita-chartBody .dotField .refLevelBar.moist3 {
	background-color: #FC8612;
}
.vita-chartBody .dotField .refLevelBar.moist4 {
	background-color: #F75353;
}

.vita-chartFooter {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2.6em;
	padding: 0 2px;
}
.hpostsLegend {
	font-size: 0.9em;
	padding-left: 1em;
	display: flex;
	width: 100%;
	margin: 2px 0 1px;
	overflow-x: auto;
	overflow-y: hidden;
}

.hpLegendUnit {
	display: inline-flex;
	align-items: center;
	text-wrap: nowrap;
	margin-right: 1em;
}
.hpLegendUnit .hpLegendIcon {
	background-image: url(/img/icons/widget/transparent.png);
	background-repeat: no-repeat;
	background-size: 0.96em auto;
	background-position: center;
	border: 2px solid #fff;
	width: 1.92em;
	height: 1.92em;
	margin-right: 0.3em;
	border-radius: 100px;
}

.hpostsLegend::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.vita-chartGridColumn {
	height: calc(100% - 3em);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	width: 100%;
}
.vita-chartGridColumn .dotContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.vita-chartGridColumn .dotContainer:not(.withHours):hover {
	background-color: #565f6710;
}
.vita-chartGridColumn:nth-child(odd)
, .vita-chartGridColumn:nth-child(odd) > .caption
{
	background-color: #10000008;
}
.vita-chartGridColumn.preliminary .dotContainer > div:not(.columnHint) {
	opacity: 0.55;
}
.vita-chartGridColumn .chartColumnContainer {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column-reverse;
}
.vita-chartGridColumn .chartColumnContainer:empty {
	display: none;
}

.vita-chartGrid .refLevelBars {
	position: absolute;
	top: 0;
	bottom: 3em;
	width: calc(100% - 4em);
	right: 1em;
}
.vita-chartGrid .refLevelBar {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}
.vita-chartGrid .refLevelBar.moist2 {
	border-bottom: #64AEA2 solid 2px;
	background-image: linear-gradient(0deg, #00100014, transparent);
}
.vita-chartGrid .refLevelBar.moist3 {
	border-top: #F93040 solid 2px;
	background-image: linear-gradient(180deg, #00100014, transparent);
}
.vita-chartGrid .refLevelBar.moist2.revert {
	border-bottom: none;
	border-top: #64AEA2 solid 2px;
	background-image: linear-gradient(180deg, #00100014, transparent);
}
.vita-chartGrid .refLevelBar.moist3.revert {
	border-top: none;
	border-bottom: #F93040 solid 2px;
	background-image: linear-gradient(0deg, #00100014, transparent);
}

.chartDot:hover
, .chartDot.toggled {
	z-index: 2;
}
.chartDot:hover {
	z-index: 2;
}
.msrDotHover {
	position: absolute;
	left: -3px;
	top: -3px;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	cursor: pointer;
	z-index: 1;
}
.chartDot:hover .msrDotHover
, .chartDot.toggled .msrDotHover
{
	background-color: #fff;
	border: 3px solid var(--dotColor);
	border-radius: 100px;
}
.chartDot:hover .msrDotHint.up.left
, .chartDot.toggled .msrDotHint.up.left
{
	transform: translate(-100%, -100%) scale(1);
}
.chartDot:hover .msrDotHint.up.right
, .chartDot.toggled .msrDotHint.up.right
{
	left: 100%;
	transform: translate(0, -100%) scale(1);
}
.chartDot:hover .msrDotHint.down.left
, .chartDot.toggled .msrDotHint.down.left
{
	top: 100%;
	transform: translate(-100%, 0) scale(1);
}
.chartDot:hover .msrDotHint.down.right
, .chartDot.toggled .msrDotHint.down.right
{
	left: 100%;
	top: 100%;
	transform: translate(0, 0) scale(1);
}

.columnHint
, .msrDotHint
{
	position: absolute;
	border: 2px solid #C3D7EF;
	box-shadow: 0 1px 10px #00000020;
	border-radius: 1em;
	font-size: 0.81em;
	line-height: 1.7;
	background-color: #fff;
	padding: 0.7em 0.9em 0.7em;
	transition: transform 0.1s linear;
	transform: translate(-50%, -50%) scale(0);
	z-index: 2;
}
.columnHint:not(.fractional)
, .msrDotHint:not(.fractional)
{
	left: 50%;
}
.msrDotHint {
	transform: translate(-50%, -50%) scale(0);
}
.columnHint.bottom {
	bottom: unset;
	top: calc(100% + 10px);
}
.columnHint.shown {
	transform: translate(-50%, -2px) scale(1);
}
.columnHint.fractional.shown
, .dotContainer.withHours .columnHint.shown
{
	transform: translate(-50%, -10px) scale(1);
}
.colHintDate {
	padding: 0 0.2em 0.2em;
}
.colHintEntry {
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 1em;
	padding-left: 1.6em;
	background-image: var(--icon);
	background-size: auto 1.25em;
	background-repeat: no-repeat;
	background-position: 0 45%;
}
.colHintEntry:not(:first-child) {
	margin-top: 3px;
}
.colHintEntry .caption {
	width: max-content;
	max-width: 40vw;
}
.colHintEntry .value {
	white-space: nowrap;
}
.colHintEntry.photo {
	background-image: url('/img/icons_rin/hp/photo.png');
	background-size: auto 0.94em;
}
.colHintEntry.user {
	/*background-image: url('/img/icons_rin/hp/photo.png');*/
}

.columnHint .spacer {
	width: calc(100% - 0.2em);
	height: 1px;
	margin: 0.3em 0.1em 0.4em;
	background-color: #D7D5D5;
}

/*.vita-chartGridColumn .column.overuse {
	background-color: #ffa6a0;
}
.vita-chartGridColumn .column.main {
	background-color: #008cf5;
}
.vita-chartGridColumn .column.overuse.main {
	background-color: #f50044;
}*/

.vita-chartGridColumn > .caption {
	height: 2.6em;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 0.1em;
	font-size: 0.9em;
	text-align: center;
}
.vita-chartGridColumn > .caption .small {
	font-size: 0.75em;
}
.vita-chartGridColumn > .caption .normal {
	font-size: 0.92em;
}
.vita-chartGridColumn > .caption.vertExp {
	transform: translateX(-100%) rotate(90deg);
	width: min-content;
	height: 0;
	transform-origin: right;
	left: 50%;
	padding-right: 1.5em;

	display: none;
}
.vita-chartGridColumn > .caption.date {
	font-size: 0.7em;
}

.vita-chartGridColumn .requested {
	position: absolute;
	bottom: 0;
	left: 5%;
	width: 90%;
	border-top: 2px #f00060a0 solid;
}
.vita-chartGridColumn .requested .caption {
	display: inline-block;
	background-color: #fff9;
	padding: 0.2em;
	font-size: max(0.8em, 9px);
	transform: rotate(-90deg) translateX(-100%);
	transform-origin: top left;
}

.vita-titleContextButtons {
	display: flex;
	gap: 0.5em;
}
.vita-titleContextButtons:empty {
	display: none;
}
.vita-titleContextButtons.reverse {
	flex-direction: row-reverse;
}

.widgetColumnRight.width20vw {
	width: min(20vw, 440px);
}
.vita-pageWidget.width20vw .vita-titleContextButtons {
	margin-left: 1em;
}

.basicBtn.dark {
	background-color: #35526a;
	background-color: var(--mainBtnColor);
}
.basicBtn.dark:hover {
	background-color: #294357;
	background-color: var(--mainBtnColorHover);
}
.basicBtn.dark:active {
	background-color: #233B4D;
	background-color: var(--mainBtnColorActive);
}

.vita-filterButton {
	position: relative;
	overflow: visible;
}
.vita-pageWidgetTitle .icon + .vita-filterButton {
	margin-left: 3em;
}
.vita-pageWidgetTitle .vita-filterButton.expanded {
	filter: drop-shadow(#23202080 0 2px 7px);
	z-index: 5;
}
.subHeaderDateFilter .vita-filterButton.expanded {
	z-index: 2;
}
.vita-filterTitle {
	font-weight: 400;
	font-size: min(1.3em, 2.5vw);
	outline: 1px solid #D8D4D4;
	cursor: pointer;
	padding: 0.35em 2.2em 0.35em 0.7em;
	background-image: url(/img/icons_rin/arrow_down_grey.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 0.7em) center;
	border-radius: 8px;
	background-color: #F7F7F7;
}
.vita-filterButton.expanded .vita-filterTitle {
	background-color: #F7F7F7;
	border-radius: 8px 8px 0 0;
}
.vita-pageWidgetTitle .vita-filterButton.expanded .vita-filterTitle {
	outline: none;
}
.vita-filterTitle:hover
, .vita-filterButton.expanded .vita-filterTitle:hover {
	background-color: #E8E3E0;
}
.vita-filterTitle.active
, .basicBtn.filterStaticButton.active
, .vita-filterButton.expanded .vita-filterTitle.active {
	background-color: var(--mainBtnColor);
	color: #fff;
}
.vita-filterTitle.active:hover
, .basicBtn.filterStaticButton.active:hover
, .vita-filterButton.expanded .vita-filterTitle.active:hover {
	background-color: var(--mainBtnColorHover);
}
.vita-filterContainer {
	position: absolute;
	left: 0;
	top: 100%;
	border-radius: 0 8px 8px 8px;
	display: none;
	padding: 0.5em;
	gap: 0.5em;
	background-color: #ffffff;
}
.filterDir-left .vita-filterContainer {
	left: unset;
	right: 0;
	border-radius: 8px 0 8px 8px;
	flex-direction: row-reverse;
}
.vita-filterButton.expanded .vita-filterContainer
, .vita-filterContainer.detached
{
	display: flex;
}
.vita-filterContainer.detached {
	box-shadow: 0 1px 8px #23202080;
	z-index: 1;
}
.vita-filterSettingsContainer {
	width: min-content;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0.5em;
	overflow: hidden;
	height: inherit;
	padding: 0.5em;
	padding-left: 0;
}
.vita-periodContainer {
	width: max-content;
	max-width: 14em;
	display: flex;
	flex-direction: column;
}
.vita-filterContainer.singleFilter .vita-periodContainer {
	display: none;
}
.vita-filterContainer.singleFilter .vita-filterSettingsContainer {
	padding-left: 0.5em;
}
.periodOption {
	background-color: #FFFFFF;
	border-radius: 0.8em;
	padding: 0.6em 0.9em 0.6em 0.8em;
	font-size: 1.08em;
	border: 0.48em solid #fff;
	min-width: 8.2em;
	font-weight: 500;
}
.periodOption:not(:last-child) {
	box-shadow: 0 9px 0 -8px #e9e9e9;
	margin-bottom: 1px;
}
.periodOption.active {
	background-color: #bae5d8;
}
.periodOption:not(.active):hover {
	cursor: pointer;
	background-color: #bae5d8a0;
}

.basicBtn.vita-filterApplyBtn {
	width: 100%;
	font-size: 1.03em;
}

.filterApplyBtnContainer {
	width: 100%;
	padding-top: 0.5em;
}

.vita-filterStaticContainer {
	display: flex;
	justify-content: flex-end;
}
.vita-pageWidgetTitle .vita-filterStaticContainer {
	flex-wrap: wrap;
}
.basicBtn.filterStaticButton {
	font-size: min(1.15em, 1.8vw);
	outline: 1px solid #D8D4D4;
	padding: 0.5em 1em;
	margin-left: 0.5em;
	background-color: #F7F7F7;
	width: max-content;
	color: #101010;
}

.kbDropdown.vita-date-filter
, .vita-filterContainer .vita-datepicker {
	background-color: #fff;
	color: #000;
	border: 1px solid #DFE3E8;
	display: flex;
	margin-bottom: 0.5em;
}
.kbDropdown.vita-date-filter.active {
	border-bottom-color: #FFF;
}
.kbDropdown.vita-dropdown.vita-date-filter:not(.readonly) .kbDropdownValue {
	background-image: url(/img/icons/spoiler_dark.svg);
	background-size: auto 0.55em;
}
.kbDropdown.vita-date-filter .kbDropdownValue
, .kbDropdownOptions.vita-date-filter
, .kbDropdownOptions.vita-date-filter .kbDropdownOption
, .vita-filterContainer .vita-datepicker
{
	color: #000;
	background-color: #FFFFFF;
	white-space: nowrap;
	width: 100%;
}
.kbDropdownOptions.vita-date-filter {
	outline: 1px solid #D8D4D4;
}
.kbDropdown.vita-date-filter {
	min-width: 12em;
}

.kbDropdown.vita-date-filter .kbDropdownValue:hover
, .kbDropdownOptions.vita-date-filter .kbDropdownOption:hover
, .vita-filterContainer .vita-datepicker:hover {
	background-color: #E8E3E0;
}
.vita-filterContainer .vita-datepicker:active
, .kbDropdown.vita-date-filter .kbDropdownValue:active
, .kbDropdownOptions.vita-date-filter .kbDropdownOption:active
{
	background-color: #E8E3E0;
}
.vita-filterContainer .vita-datepicker:focus-visible
, .kbDropdown.vita-date-filter .kbDropdownValue:focus-visible
, .kbDropdownOptions.vita-date-filter .kbDropdownOption:focus-visible
{
	outline: 3px outset var(--mainBtnColorFocus);
}
.kbDropdown.active.vita-date-filter .kbDropdownValue {
	box-shadow: inset 0 1px 2em 0.5em #16263512;
}

.kbDropdown.system-select {
	width: max(min(20vw, 22em), 10em);
}
.kbDropdownOption.hydrosite:before
, .kbDropdownOption.system:before
, .kbDropdownOption.subsystem:before
, .kbDropdownOption.canal:before
{
	content: '•';
	padding-right: 0.5em;
	padding-left: 3px;
}
.kbDropdownOption.system {
	padding-left: 1.7em;
}
.kbDropdownOption.subsystem {
	padding-left: 3.4em;
}
.kbDropdownOption.canal {
	padding-left: 5.1em;
}


.subFacilitiesList {
	font-size: max(min(1.05em, 2vh), 12px);
}
.subFacilitiesList td {
	padding: 0.2em;
}
.subFacilitiesList td.name {
	min-width: 160px;
	font-weight: 600;
	padding-left: 18px;
	position: relative;
}
.subFacilitiesList td.name:before {
	content: '';
	position: absolute;
	top: 0.54em;
	left: 0;
	width: 8px;
	height: 8px;
	background-color: var(--mainBtnColor);
	border-radius: 10px;
}
.subFacilitiesList td.hpnum {
	font-weight: 800;
}


.vita-chartDecadeExpense {
	padding: 0 1em 0 42px;
	width: 100%;
	display: flex;
	margin-top: 20px;
}
.subFacilitiesList + .vita-chartDecadeExpense {
	margin-top: 38px;
}
.vita-chartDecadeExpense .decadeExp {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.vita-chartDecadeExpense .decadeExpValue .value {
	font-size: 1.13em;
	font-weight: 600;
}
.vita-chartDecadeExpense .decadeExpValue .units {
	font-size: 0.9em;
	font-weight: 600;
	margin-left: 0.2em;
}
.vita-chartDecadeExpense .caption {
	font-size: 0.8em;
	text-align: center;
	padding: 0 0.6em;
}
.vita-chartBody .decadeSeparator {
	height: calc(100% - 3em);
	border-left: #aba8a4 dashed 1px;
}

.vita-pageWidget.systemChartWidget.main {
	background-color: #Fbfbfb;
}

.vita-chartSummary {
	display: flex;
	padding-top: 1.8em;
	gap: 1.2em;
}
.vita-chartSummary .volumeSummary
, .vita-chartSummary .flowSummary
{
	min-width: 12rem;
	width: 40%;
	max-width: 18rem;
	height: calc(7rem + 6px);
	line-height: 1;
	flex-grow: 1;
	background-color: var(--captionBg);
	background-image: linear-gradient(180deg, var(--captionBg) calc(100% - 20px), #fff calc(100% - 15px));
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 1px 10px 0px #0000001A;
}
.vita-chartSummary .volumeSummary.loss {
	min-width: 14em;
	width: 45%;
}
.vita-chartSummary.fivePlus .volumeSummary
, .vita-chartSummary.fivePlus .flowSummary
{
	width: 20%;
}
.vita-chartSummary .summaryValueBlock .value {
	font-size: 1.5em;
	font-weight: 600;
}
.vita-chartSummary .summaryValueBlock .units {
	font-size: 1.1em;
	font-weight: 600;
	padding-left: 0.3em;
	white-space: nowrap;
	padding-top: 0.2em;
}
.vita-chartSummary .caption {
	font-size: 1.2rem;
	font-weight: 500;
	padding: 0 1.2rem 0;
	position: relative;
	background-position: right;
	background-size: auto 1.2em;
	background-repeat: no-repeat;
	height: 45%;
	display: flex;
	align-items: center;
}
.vita-chartSummary .caption.checkBox {
	cursor: pointer;
}
.vita-chartSummary .summaryValueBlock {
	border-radius: 8px 8px 0 0;
	padding: 0 1.2rem 0;
	box-shadow: 0px 0px 5px #0001;
	background-color: #fff;
	height: 55%;
	display: flex;
	align-items: center;
}
.vita-chartSummary .volumeSummary .summaryValue.plus {
	color: #008CF5;
}
.vita-chartSummary .volumeSummary .summaryValue.loss {
	color: #e46066;
}
.vita-chartSummary .summaryValueBlock.mult {
	display: flex;
	padding: 0.9em 1.3em 1em;
	justify-content: space-between;
	align-items: flex-end;
	gap: 1em;
}
.vita-chartSummary .summaryValueBlock.mult .summaryValue {
	padding: 0;
}
.vita-chartSummary .summaryValue.secondary {
	font-size: 0.8em;
	padding-bottom: 0.1em;
}
.vita-chartSummary .caption.checkBox:hover {
	filter: brightness(0.93);
}
.vita-chartSummary .caption.checkBox:after {
	content: ' ';
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-49%);
	height: 14px;
	width: 14px;
	border: 2px solid #fffd;
	border-radius: 100px;
}
.vita-chartSummary .caption.checkBox.checked:after {
	background-image: url(/img/icons/check_white.png);
	background-position: center;
	background-size: contain;
	border-color: #fff;
}
.vita-chartSummary.discard .caption.checkBox:after {
	border-color: #000d;
}
.vita-chartSummary.discard .caption.checkBox.checked:after {
	background-image: url('/img/icons/check_black.png');
	border-color: #000;
}
.volumeSummary .caption
, .volumeGroupSummary .caption {
	background-color: var(--captionBg);
	background-image: var(--waves);
	color: #fff;
}

.volumeSummary .caption.radio
, .flowSummary .caption.radio
{
	background-color: #56B9FE;
	color: #fff;
	background-image: url(/img/waves/waves_blue.png);
}
.volumeSummary .caption.radio:not(.checked):hover
, .flowSummary .caption.radio:not(.checked):hover
{
	background-color: #42B1FE;
	cursor: pointer;
}
.volumeSummary .caption.radio.checked
, .flowSummary .caption.radio.checked
{
	background-color: #008CF5;
	background-image: url('/img/waves/waves_ltblue.png');
}

/*.vita-chartContainer.hpExp .groupStats.expense
, .vita-chartContainer.hpFlow .groupStats.flow {
	--captionBg: #008CF5;
}
.vita-chartContainer.hpFlow .groupStats.expense
, .vita-chartContainer.hpExp .groupStats.flow {
	--captionBg: #42B1FE;
}*/


.chartSummaryGroup {
	display: flex;
	position: relative;
	width: 40%;
	max-width: 40rem;
}
.volumeGroupSummary {
	position: absolute;
	left: 50%;
	top: 3px;
	transform: translateX(-50%);
	border-radius: 20vh;
	height: 7rem;
	background: #fff;
	width: 7rem;
	line-height: 1;
	min-width: unset;
	max-width: unset;
	box-shadow: 0 0 0px 3px #0002;
	transition: width 0.14s linear;
	overflow: hidden;
}
.volumeGroupSummary:hover
, .volumeGroupSummary.expanded
{
	width: min(55%, 24rem);
}
.volumeGroupSummary .caption {
	background-image: none;
	font-weight: 500;
	height: calc(46% - 1rem);
	padding: 0 1rem 0;
	position: relative;
	text-align: center;
	flex-grow: 1;
	flex-shrink: 1;
	transition: padding 0.14s linear;
}
.volumeGroupSummary:hover .caption
, .volumeGroupSummary.expanded .caption {
	padding-left: calc(100% - 7rem);
}
.summaryHintBlock {
	position: absolute;
	top: 2.2rem;
	width: calc(100% - 8.5rem);
	transform: translateY(-50%);
	left: 1rem;
	text-align: right;
	font-size: 0;
	transition: font-size 0.14s linear;
}
.volumeGroupSummary:hover .summaryHintBlock
, .volumeGroupSummary.expanded .summaryHintBlock {
	font-size: 0.9rem;
}

.chartSummaryGroup .volumeSummary {
	min-width: unset;
	max-width: unset;
	width: 50% !important;
	border-radius: 10px 0 0 10px;
}
.chartSummaryGroup .volumeSummary.right {
	border-radius: 0 10px 10px 0;
	text-align: right;
}
.chartSummaryGroup .volumeSummary .caption {
	background-color: var(--captionBg);
	background-image: none;
	padding: 0 3.5rem 0 1.2rem;
	justify-content: left;
}
.chartSummaryGroup .volumeSummary.right .caption {
	padding: 0 1.2rem 0 3.5rem;
	justify-content: right;
}
.chartSummaryGroup .volumeSummary .summaryValueBlock {
	padding: 0 3.5rem 0 1.2rem;
	justify-content: left;
}
.chartSummaryGroup .volumeSummary.right .summaryValueBlock {
	padding: 0 1.2rem 0 3.5rem;
	justify-content: right;
}
.volumeGroupSummary .summaryValueBlock {
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	height: 54%;
	flex-grow: 1;
	flex-shrink: 1;
	font-size: 1.3rem;
	gap: 0;
	padding: 0 1rem 0.1rem 1rem;
	display: flex;
	padding-bottom: 0.2rem;
	border-radius: unset;
	box-shadow: none;
	transition: margin 0.14s linear;
}
.volumeGroupSummary:hover .summaryValueBlock
, .volumeGroupSummary.expanded .summaryValueBlock {
	margin-left: calc(100% - 8rem);
}

.volumeGroupSummary.noBottom .summaryValueBlock {
	height: 68%;
	padding-bottom: 0.3rem;
}
.volumeGroupSummary.noBottom .caption {
	height: calc(32% - 1rem);
}
.volumeGroupSummary.noBottom .summaryHintBlock {
	top: 3rem;
}
.volumeGroupSummary .summaryValueBlock .value {
	font-size: 1.35rem;
}
.volumeGroupSummary .caption .summaryValue {
	font-size: 1.3rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	height: 100%;
	width: 100%;
}
.volumeGroupSummary .wavesAnimBlock {
	height: 1rem;
	flex-grow: 0;
	flex-shrink: 0;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.volumeGroupSummary .wavesAnimBg {
	height: 100%;
	width: 40rem;
	position: absolute;
	top: 0;
	left: 0;
	background-position: right;
	background-size: 5rem 100%;
	background-repeat: repeat-x;
	animation: chartSummaryFlowAnim 9.4s linear infinite;
}
.volumeGroupSummary.loss .wavesAnimBg {
	background-image: url('/img/waves/anim_red.png');
}
.volumeGroupSummary.bsrDiff .wavesAnimBg {
	background-image: url('/img/waves/anim_blue.png');
}
@keyframes chartSummaryFlowAnim {
	0% {
		left: 0;
	}
	50% {
		left: -5rem;
	}
	100% {
		left: -10rem;
	}
}

.chartSummaryGroup .volumeGroupSummary .summaryValueBlock:not(.mult) .summaryValue {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}
.chartSummaryGroup .volumeGroupSummary .summaryValueBlock:not(.mult) .summaryValue .units {
	font-size: 0.9rem;
	padding: 0;
}

.vita-chartSummaryHint {
	font-size: 0.9rem;
	margin: 1em 0 0 0.5em;
}


.hp-balance-table {
	font-size: 1rem;
	font-weight: 600;
	width: 100%;
}
.hp-balance-table th {
	padding: 0.6em;
	text-align: right;
	border-bottom: 1px solid #555;
}
.hp-balance-table td {
	padding: 0.6em;
	text-align: right;
	border-bottom: 1px solid #dddcdb;
}
.hp-balance-table td.preliminary {
	color: #7b7a78;
}
.hp-balance-table th.day {
	text-align: center;
}
.hp-balance-table th.centered {
	text-align: center;
	font-weight: 600;
}
.hp-balance-table td.day {
	font-weight: 600;
	text-align: center;
}
.hp-balance-table td.dec {
	background-color: #c7e7fe;
	background-color: #F2EFE2;
	font-weight: 700;
}
.hp-balance-table td.month {
	background-color: #EFE7DD;
	font-weight: 700;
}
.hp-balance-table td.tot {
	background-color: #EDE0D4;
	font-weight: 700;
}
.hp-balance-table td.total {
	background-color: #E8E3E0;
	font-weight: 700;
}
.hp-balance-table td.dec.total {
	background-color: #99D7FF;
	background-color: #E3DDC6;
}
.hp-balance-table td.month.total {
	background-color: #E3DACE;
}
.hp-balance-table td.tot.total {
	background-color: #E3D4C6;
}

.balanceContainer {
	box-shadow: 0 0 10px #0001;
	border-radius: 10px;
	border: 1px solid #0001;
	background-color: #f7f7f7;
	overflow: hidden;
}
.balanceContainer:not(:last-child) {
	margin-bottom: 1em;
}
.balanceHeader {
	display: grid;
	justify-content: space-between;
	padding: 0.5rem;
	align-items: center;
	grid-template-columns: 5rem 1fr calc(min(19rem, 40%) + 3rem);
	font-weight: 500;
	border-radius: 10px;
}
.balanceHeader.noData {
	box-shadow: #FF7678 0 0 0 3px inset;
}
.balanceHeader .noData {
	color: #940019;
}
.balanceHeader.hasData {
	grid-template-columns: 5rem 1fr min(9rem, 20%) min(10rem, 20%) 3rem;
}
.balanceHeader.notSetUp.hasData {
	grid-template-columns: 5rem 1fr min(19rem, 40%) 3rem;
}
.balanceHeader.hasData.noExpander {
	grid-template-columns: 5rem 1fr min(9rem, 20%) min(10rem, 20%);
}
.balanceHeader .caption {
	font-size: 0.9rem;
}
.balanceHeader .hpName {
	font-size: 1.1rem;
}
.balanceTableContainer {
	overflow-x: auto;
}
.balanceContainer .balanceTableContainer {
	border-top: 1px solid #0001;
}

.balanceHeader .hpName .pageLink .pageLinkIcon
, .vita-hydropostsTable .hpName .pageLink .pageLinkIcon
{
	visibility: hidden;
}
.balanceHeader .hpName .pageLink:hover .pageLinkIcon
, .balanceHeader .hpName .pageLink:focus-visible .pageLinkIcon
, .vita-hydropostsTable .hpName .pageLink:hover .pageLinkIcon
, .vita-hydropostsTable .hpName .pageLink:focus-visible .pageLinkIcon
{
	visibility: visible;
}

.noDataCaption {
	margin-top: 1em;
	font-size: 1.3em;
	font-weight: 700;
}

table.dischargeTable {
	font-size: 0.9em;
	font-weight: 640;
	border-radius: 7px;
	overflow: hidden;
}
table.dischargeTable td
, table.dischargeTable th {
	padding: 0.5em 1em;
	text-align: center;
}
table.dischargeTable th {
	border-right: 1px solid #aba8a4;
	border-bottom: 1px solid #808080;
}
table.dischargeTable th
, table.dischargeTable td.rowHeader {
	font-weight: 500;
	background-color: #E8E3E0;
}
table.dischargeTable td:nth-child(odd):not(.rowHeader) {
	background-color: #e3e2e124;
}
table.dischargeTable tr:nth-child(odd) {
	background-color: #ffffff;
}
table.dischargeTable td.sidebar {
	border-right-color: #808080;
	font-size: 0.9em;
	font-weight: 500;
}
table.dischargeTable td {
	border: solid #aba8a4;
	border-width: 0 1px 1px 0;
}

table.dischargeTable th:last-child
, table.dischargeTable td:last-child {
	border-right: 0;
}
table.dischargeTable tr:last-child td {
	border-bottom: 0;
}

.vita-hydropost-page .widgetColumnRight .vita-pageWidgetBody > div:not(:last-child) {
	border-bottom: 2px solid #B5B1AF90;
	padding-bottom: 1rem;
}
.vita-hydropost-page .widgetColumnRight .vita-pageWidgetBody > div:not(:first-child) {
	padding-top: 1rem;
}

.widgetColumnRight.hydropostInfoColumn {
	width: min(max(240px, 30vw), 370px);
}

.widgetColumnRight .hpInfoContainer {
	display: flex;
	gap: 1em;
}

.hydropostInfoColumn .hpLinksWidget {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding-left: calc(min(1.6em, 2.5vw)* 3.5 - 1.6em);
}
.hydropostInfoColumn .noSensor
, .hydropostInfoColumn .weatherWidget
{
	padding-left: calc(min(1.6em, 2.5vw)* 3.5 - 1.6em);
}

.hpInfo-photo {
	width: 100%;
}
.hpInfo-photo img {
	width: 100%;
	border-radius: 0.7em;
	cursor: pointer;
	border-radius: 4px;
}


table.fullWidth {
	width: 100%;
}
table.smallPadding > tr > td
, table.smallPadding > tr > th
{
	padding: 0.5em 0.6em;
	text-align: left;
}

table.dataTable {
	border-radius: 6px;
	overflow: hidden;
	border-bottom: #D1CFCE 2px solid;
}

table.dataTable > tr > td:not(:last-child)
, table.dataTable > tr > th:not(:last-child)
{
	border-right: #D1CFCE 1px solid;
}

table.dataTable > tr:nth-child(odd) {
	background-color: #F8F8F7;
}
table.dataTable > tr:nth-child(even) {
	background-color: #ffffff;
}
table.dataTable > tr:not(:first-child):hover {
	filter: brightness(0.89) contrast(1.1);
}
table.dataTable > tr > td
, table.dataTable > tr > th
{
	padding: 0.5em 0.6em;
	font-weight: 400;
	text-align: left;
}
table.dataTable.small > tr > td
, table.dataTable.small > tr > th
{
	font-size: 0.92em;
}
table.dataTable.tiny > tr > td
, table.dataTable.tiny > tr > th
{
	font-size: 0.82em;
}
table.dataTable tr:last-child td
{
	padding-bottom: 0.6em;
}
table.dataTable > tr > th
, table.dataTable > tr > td.header
{
	background-color: #E8E3E0;
}
table.dataTable > tr > .sortable {
	text-decoration: underline;
	cursor: pointer;
}
table.dataTable > tr > .sortable:not(:hover) {
	text-decoration-color: #a0a0a0;
}
table.dataTable > tr.selected {
	box-shadow: inset 0 0 0 2px #8CC5B4;
}
table.dataTable > tr > td.noVPadding
, table.dataTable > tr > th.noVPadding
{
	padding-top: 0;
	padding-bottom: 0;
}
table.dataTable > tr > td.noHPadding
, table.dataTable > tr > th.noHPadding
{
	padding-left: 0;
	padding-right: 0;
}
.refreshBtn {
	width: 2.5em;
	height: 2.5em;
	display: flex;
	line-height: 1;
	align-items: center;
	position: absolute;
	right: 0;
	justify-content: center;
	border-radius: 0.5em;
	/* font-size: 2em; */
	box-shadow: 0 0 3px #3329;
	cursor: pointer;
}
.refreshBtn:hover {
	background-color: #9873;
}


.kb-dialog {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 199;
	display: none;
	width: 100%;
	height: 100%;
	background-color: #0009;
	outline: 0;
}

.kb-dialog > .dialog {
	animation-name: dialogDown;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
	width: min(720px, 100%);
	position: absolute;
	top: 20px;
	margin: 0;
	left: calc(50% - min(360px, 50%));
	box-shadow: 0 0px 40px #000b;
	border-radius: 8px;
	overflow: hidden;

	transition: height 0.2s ease-out, width 0.2s ease-out, top 0.2s ease-out, left 0.2s ease-out;
}
.kb-dialog.smallSelectTableDialog > .dialog {
	width: min(400px, 100%);
	left: calc(50% - min(200px, 50%));
}
.kb-dialog > .dialog > .header {
	display: flex;
	position: relative;
	color: #ECF0F1;
	background-color: #2c3948;
	place-content: flex-start;
	align-items: center;
	font-size: 1.4em;
	height: var(--dialogHeaderHeight);
}
.kb-dialog > .dialog > .header .title {
	width: 100%;
	padding: 0 2.8em 0 1em;
}
.kb-dialog > .dialog > .header .closeBtn {
	cursor: pointer;
	background-image: url('/img/icons/close.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px;
	height: calc(var(--dialogHeaderHeight) - 0.4em);
	width: calc(var(--dialogHeaderHeight) - 0.4em);
	position: absolute;
	top: 50%;
	right: 0.2em;
	transform: translateY(-50%);
	opacity: 0.5;
	background-color: #162635;
	border-radius: 6px;
}
.kb-dialog > .dialog > .header .closeBtn:hover {
	opacity: 1;
}
.kb-dialog > .dialog > .content {
	position: relative;
	scroll-behavior: smooth;
	overflow-y: auto;
	padding: 20px 24px;
	max-height: var(--dialogContentHeight);
	background-color: #f6f6f7;
}
.kb-dialog > .dialog > .content h2 {
	font-weight: bold;
}
.kb-dialog > .dialog > .content > ul {
	padding: 0.2vmin 0;
}
.kb-dialog > .dialog > .footer {
	height: var(--dialogHeaderHeight);
	padding: 0.87rem;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	background-color: #f6f6f7;
	background-color: #E8E3E0;
}
.kb-dialog .button {
	padding: 0.6em 1.5em;
}

.kb-dialog.noFooter {
	--dialogContentHeight: calc(100vh - var(--dialogHeaderHeight) - 40px);
	--dialogContentInnerHeight: calc(var(--dialogContentHeight) - 40px);
}
.kb-dialog.hasMainTable {
	--dialogContentInnerHeight: calc(var(--dialogContentHeight) - 20px);
}
.kb-dialog.hasMainTable > .dialog > .content {
	padding-top: 0px;
}
.kb-dialog.hasMainTable > .dialog > .content .filterContainer {
	padding-top: 20px;
}
.kb-dialog.hasMainTable table.dataTable {
	position: relative;
	overflow: unset;
}
.kb-dialog.hasMainTable table.dataTable th {
	position: sticky;
	top: 0;
}

.tableWidgetHeader {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 2em;
	gap: 1rem;
}
.tableWidgetHeader .search {
	display: flex;
	align-items: center;
	gap: 1em;
}

.kb-dialog.hydropostSelectDialog > .dialog {
	width: min(800px, 100%);
	left: calc(50% - min(400px, 50%));
}

.kb-dialog.bindSensorSelection > .dialog {
	width: min(1030px, 100%);
	left: 50%;
	transform: translateX(-50%);
}
.vita-sensorWidget.compact.clickable {
	cursor: pointer;
}
.vita-sensorWidget.compact.clickable:hover {
	background-color: #f4f3f2;
	outline: 1px solid #e1dedd;
}
.vita-sensorWidget.compact.clickable:active {
	background-color: #C6C4C4;
}

.vita-selectSensorTableWidget-grid {
	display: grid;
	gap: 1em;
	grid-template-columns: 1fr 1fr 1fr;
}

.kb-dialog.hasDDBuffer .content {
	min-height: 20em;
}

.vita-dischargeTableEditForm .vita-dropdown.precision {
	min-width: 7em;
}
.vita-dischargeTableEditForm .vita-dropdown.units {
	min-width: 6em;
}
.vita-dischargeTableEditForm .fieldLabel.gridConstraints input {
	width: 4em;
}

.vita-createDischargeTable-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1.6rem;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.vita-dischargeTable-grid.editor td {
	padding: 0.2em;
}
.vita-dischargeTable-grid.editor th {
	padding: 0.2em;
	font-weight: 600;
}
.vita-dischargeTable-grid.editor td:first-child {
	font-weight: 600;
	text-align: right;
	padding-right: 0.4em;
}
.vita-createDischargeTable-header .basicBtn
, .vita-scheduleEditorWidget .basicBtn
{
	padding: 0.5em 0.9em;
}
.vita-createDischargeTable-header .vita-dropdown .kbDropdownValue
, .vita-scheduleEditorWidget .vita-dropdown .kbDropdownValue
{
	padding: 0.5em calc(1.8em + 10px) 0.5em 0.9em;
}

.vita-scheduleEditorBody
, .vita-scheduleEditor-retriesOnFailSettings
, .vita-scheduleEditor-singleHourSettings
{
	margin-top: 1em;
}

.vita-scheduleEditor-singleHourSettings {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}


.vita-scheduleEditor-table td {
	padding: 0.2em;
}
.vita-scheduleEditor-table td:not(.lastMonth) .kbCheckBoxContainer {
	width: 100%;
	text-align: right;
}
.vita-scheduleEditor-table td.lastMonth {
	text-align: right;
}
.vita-scheduleEditor-selectAll {
	margin-top: 1em;
}


.kb-dialog.forecastDialog .dialog {
	width: min(960px, 100%);
	left: calc(50% - min(480px, 50%));
}
.kb-dialog.forecastDialog > .dialog > .content {
	padding: 0;
}
.forecastContainer {
	display: flex;
	overflow: hidden;
}
.forecastContainer .weatherStats {
	width: 12.5%;
	font-weight: 500;
	text-align: center;
	padding: 1.5rem 0.5rem 1.5rem 1rem;
}
.forecastContainer .weatherStats:hover {
	transform: scale(1.02);
	z-index: 2;
	outline: 1px solid #00000019;
}
.forecastContainer .weatherStats .temp {
	font-size: 1.8rem;
}
.forecastContainer .weatherStats .date {
	text-align: center;
}
.forecastContainer .weatherStats .date .hour {
	font-size: 1.4rem;
}
.forecastContainer .weatherStats .misc > div {
	margin: 0.5rem 0;
	line-height: 1.2;
}
.forecastContainer .weatherStats.d {
	background-color: #b4dcff;
}
.forecastContainer .weatherStats.n {
	background-color: #475a6b;
	color: #fff;
}
.forecastContainer .weatherStats.d.w11 {
	background-color: #88adcd;
	color: #fff;
	text-shadow: 0 0 10px #346;
}
.forecastContainer .weatherStats.w02
, .forecastContainer .weatherStats.w50
{
	box-shadow: #9998 0 10rem 2rem -2rem inset;
}
.forecastContainer .weatherStats.w03
, .forecastContainer .weatherStats.w04
{
	box-shadow: #999A 0 10rem 2rem -2rem inset;
}
.forecastContainer .weatherStats.w09
, .forecastContainer .weatherStats.w10
, .forecastContainer .weatherStats.w13
{
	box-shadow: #999D 0 10rem 2rem -2rem inset;
}
.forecastContainer .weatherStats.w11
{
	box-shadow: #73777f 0 10rem 2rem -2rem inset;
}
.forecastContainer img.weather {
	max-width: 105%;
	margin-left: -0.25rem;
}

.newSensorTable .groupTd .editBtn {
	margin-left: 0.6em;
}
td.hpCardColumn {
	vertical-align: bottom;
	padding-left: 1.2em;
}
.vita-hp-card:not(:empty) {
	position: relative;
	background-color: #fff;
	border-radius: 12px;
	padding: 0.6em 1em;
	box-shadow: 1px 1px 6px #b4b2b0;
	box-shadow: 0 0 8px #0001;
}
.vita-sensorInfoCard {
	position: fixed;
	display: none;
	z-index: 249;
}
.vita-hp-card .sensor {
	text-decoration: underline;
	cursor: help;
}

.system-weather .weatherWidget .weatherStats
, .hydropostInfoColumn .weatherWidget .weatherStats
{
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
}
.system-weather .weatherWidget .details
, .hydropostInfoColumn .weatherWidget .details
{
	font-weight: 500;
}
.system-weather .weatherWidget .temp
, .hydropostInfoColumn .weatherWidget .temp
{
	font-size: 1.8rem;
	font-weight: 500;
}
.system-weather .weatherWidget .forecast
, .hydropostInfoColumn .weatherWidget .forecast
{
	padding-top: 0.3rem;
	text-align: right;
}

/*.vita-card-systemScheme {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: calc((440px - 2vw) * 1.61);
}*/
.vita-card-systemScheme {
	width: 98%;
	height: auto;
	margin: 0 1%;
	border-radius: 4px;
}
.vita-card-systemScheme.zoomable {
	cursor: zoom-in;
}

.vita-documentsView .systemList {
	width: min(24em, 30vw);
	border-right: 1px solid #c2c1bf;
	flex-shrink: 0;
	flex-grow: 0;
}
.vita-documentsView .documentListContainer {
	flex-shrink: 1;
	flex-grow: 1;
}
.vita-documentsView .systemList .systemOption {
	width: 100%;
	padding: 0.8em 1em;
	font-size: 1.2em;
	font-weight: 600;
	background-color: #E8E3E0;
	border-radius: 1em 0 0 1em;
	margin-bottom: 0.5em;
	cursor: pointer;
}
.vita-documentsView .systemList .systemOption.child1 {
	margin-left: 1.5em;
	width: calc(100% - 1.5em);
}
.vita-documentsView .systemList .systemOption:hover {
	background-color: #D7D5D5;
}
.vita-documentsView .systemList .systemOption.active
, .vita-documentsView .systemList .systemOption.active:hover
{
	cursor: default;
	background-color: #FFFA;
}

.vita-documents-table.dataTable {
	border-radius: 0 1em 1em 0;
}

.vita-documents-table th {
	text-align: left;
}

.vita-pageWidget.fixedHeight {
	height: var(--noscrollWidgetHeight);
	display: flex;
	flex-direction: column;
}
.vita-pageWidget.halfFixedWidth {
	height: var(--noscrollWidgetHalfHeight);
	display: flex;
	flex-direction: column;
}
.vita-pageWidget.fixedHeight .vita-pageWidgetBody
, .vita-pageWidget.halfFixedWidth .vita-pageWidgetBody
{
	height: 50%;
	flex-shrink: 1;
	flex-grow: 1;
}

.vita-dailySystemOverview {
	display: flex;
	gap: 1.5em;
	margin-right: -8px;
}

.vita-dailySystemOverview .hpList
, .vita-dailySystemOverview .chartList {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-gutter: stable;
}
.vita-dailySystemOverview .hpListTitle {
	background-color: #fff;
	padding: 5px 0.5em;
	font-size: 1.1em;
	border-bottom: 1px solid #D7D5D5;
}
.vita-dailySystemOverview .hpListTitle:not(:first-child) {
	margin-top: 2em;
}

.vita-dailySystemOverview .chartList .chart {
	border-radius: 1em;
	margin-bottom: 1em;
	background: #fff;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}

.vita-dailySystemOverview .hpList-grid .cell.active .cellValue
{
	background-color: var(--hpTypeColorHighlight);
}

.vita-dailySystemOverview .hpList-grid {
	display: grid;
	grid-template-columns: 4.5em auto auto auto auto auto;
}
.vita-dailySystemOverview .hpList-grid .gridHeader {
	font-size: 0.85em;
	font-weight: 600;
	padding: 0.7em;
}
.vita-dailySystemOverview .hpList-grid .cell {
	cursor: pointer;
}
.vita-dailySystemOverview .hpList-grid .cell.hover:not(.hpIcon) .cellValue {
	border-bottom: 1px solid #D1CFCE;
}
.vita-dailySystemOverview .hpList-grid .cell:not(.hpIcon)
, .vita-dailySystemOverview .hpList-grid .gridHeader:not(.hpIcon) {
	border-right: #D1CFCE 1px solid;
}
.vita-dailySystemOverview .hpList-grid .cell.hpName .cellValue
, .vita-dailySystemOverview .hpList-grid .gridHeader.hpName {
	padding-left: 0;
}
.vita-dailySystemOverview .hpList-grid .cell .cellValue {
	margin: 2px 0;
	padding: 0.7em;
	height: calc(100% - 4px);
	display: flex;
	align-items: center;
	border-bottom: 1px solid transparent;
}

.hpList-grid .cell.hpIcon .cellValue {
	width: 100%;
	background-position: 0.34em center;
}
.hpList-grid .cell.flow .cellValue
, .hpList-grid .cell.level .cellValue
, .hpList-grid .cell.date .cellValue
, .hpList-grid .gridHeader.flow
, .hpList-grid .gridHeader.level
, .hpList-grid .gridHeader.date
{
	text-align: right;
	justify-content: flex-end;
	padding: 0.7em 1em 0.7em 0.4em;
}
.hpList-grid .cell.flow .cellValue
, .hpList-grid .cell.level .cellValue
, .hpList-grid .cell.hpName .cellValue
{
	font-size: 1.1em;
}
.hpList-grid .cell.hpType .cellValue
{
	font-size: 0.85em;
}

.hpList-grid .cell.level.high .cellValue
, .hpList-grid .cell.level.critical .cellValue
, .hpList-grid .cell.level.abnormal .cellValue
{
	--warnColor: #F04400;
	background-image: linear-gradient(0deg, transparent 10%, var(--warnColor) 23%, var(--warnColor) 80%, transparent 93%);
	color: #fff;
	font-weight: 700;
}
.hpList-grid .cell.level.critical .cellValue {
	--warnColor: #FF2E29;
}
.hpList-grid .cell.level.abnormal .cellValue {
	--warnColor: #E90B64;
}
.chartDot {
	width: 5px;
	height: 5px;
	position: absolute;
	--dotColor: var(--graphBasic, var(--hpTypeColor, #008CF5));
	background-color: var(--dotColor);
	border-radius: 5px;
	z-index: 1;
}
.chartDot:not(.fractional) {
	left: 50%;
	transform: translate(-50%, 50%);
}
.chartDot.invalid {
	filter: invert(100%);
}
.chartLine {
	position: absolute;
	background-color: var(--dotColor);
	transform-origin: left;
	height: 3px;
	top: calc(50% - 1.5px);
	left: 50%;
	pointer-events: none;
}
.chartLine.abrupted {
	background-color: transparent;
	background-image: linear-gradient(90deg, var(--dotColor), transparent);
}

.vita-chartGridColumn .dotContainer:not(.withHours):hover .chartDot:not(.hasEvents, .fractional):after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	outline: 2px solid var(--dotColor);
	z-index: 2;
	border-radius: 50px;
}
.chartDot.fractional:hover:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	outline: 2px solid var(--dotColor);
	z-index: 2;
	border-radius: 50px;
}
.vita-dailySystemOverview .chartList .vita-chartBody {
	padding: 0 0.5em 0 3em;
}
.vita-dailySystemOverview .chartList .vita-chartGrid {
	padding: 0 0.5em 2em 0;
	height: 100%;
}

.vita-chartGridColumn .dotContainer .chartDot.hasEvents:after
{
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	width: 14px;
	height: 14px;
	background-color: var(--dotColor);
	z-index: 2;
	border-radius: 50px;
	box-sizing: border-box;
}
.vita-chartGridColumn .dotContainer:hover .chartDot.hasEvents:after
{
	background-color: #FFF;
}
.chartDot.hasEvents.dischargeTable:after
{
	border: 4px solid #242A3A;
}
.chartDot.hasEvents.dtCorrection:after {
	border: 4px solid #162635;
}
.chartDot.hasEvents.calibration:after {
	border: 4px solid #e1be00;
}
.chartDot.hasEvents.bottomLevel:after {
	border: 4px solid #8E401E;
}
.chartDot.hasEvents.sensor:after {
	border: 4px solid #E37411;
}
.chartDot.hasEvents.dischargeTable.dtCorrection:after
, .chartDot.hasEvents.dischargeTable.calibration:after
, .chartDot.hasEvents.dischargeTable.bottomLevel:after
, .chartDot.hasEvents.dischargeTable.sensor:after {
	border-left-color: #242A3A;
	border-top-color: #242A3A;
}
.chartDot.hasEvents.dtCorrection.calibration:after
, .chartDot.hasEvents.dtCorrection.bottomLevel:after
, .chartDot.hasEvents.dtCorrection.sensor:after {
	border-left-color: #162635;
	border-top-color: #162635;
}
.chartDot.hasEvents.calibration.bottomLevel:after
, .chartDot.hasEvents.calibration.sensor:after {
	border-left-color: #e1be00;
	border-top-color: #e1be00;
}
.chartDot.hasEvents.bottomLevel.sensor:after {
	border-left-color: #8E401E;
	border-top-color: #8E401E;
}
.chartDot.hasEvents.calibration.bottomLevel.sensor:after {
	border-left-color: #e1be00;
	border-top-color: #e1be00;
	border-bottom-color: #8E401E;
	border-right-color: #E37411;
}

.vita-dailySystemOverview .chartList .vita-chartGridColumn
, .vita-dailySystemOverview .chartList .vita-chartBody .dotField
{
	height: calc(100% - 2em);
}

.chartColumnContainer .chartColumn {
	width: calc(100% - 6px);
	margin: 0 3px;
	transition: height 0.1s cubic-bezier(0.34, 0.06, 0.56, 0.23);
	background-color: var(--graphBasic);
	background: linear-gradient(180deg, var(--graphGradTop) 10%, var(--graphGradBottom) 100%);
}
.chartColumnContainer .chartColumn.collapsed {
	height: 0% !important;
}
.chartColumnContainer .chartColumn:last-child {
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}

.vita-chartBody .currentTimeBorder {
	position: absolute;
	top: 1em;
	height: calc(100% - 1em);
	width: 2px;
	background-color: #9996;
}

.vita-chartTitleHint {
	position: absolute;
	right: 1em;
	top: 0.5em;
	font-size: 0.9em;
}

.vita-hpListSystemContainer
, .vita-sysListDWMDContainer
{
	background-color: #fefefd;
	border-radius: 18px;
	padding: 1.3em 1.7em 1.5em;
}
.vita-hpListSystemContainer:not(:last-child)
, .vita-sysListDWMDContainer:not(:last-child)
{
	margin-bottom: 1.2em;
}
.vita-hpListSystemContainer .systemHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.8em;
	background-image: url(/img/icons_rin/systree/green/bullet.svg);
	background-position: 1px 47%;
	background-repeat: no-repeat;
	padding-left: 1.8em;
}
.vita-hpListSystemContainer .systemHeader .title {
	font-weight: 600;
	font-size: 1.2em;
}
.vita-hpListSystemContainer .systemHeader .controls {
	display: flex;
	gap: 0.5em;
}
.hpTypeIcon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: var(--hpTypeIcon);
}

.vita-sysListDWMDContainer > .vita-sysListDWMDContainer
, .vita-sysListDWMDContainer > .vita-hpListSystemContainer
{
	padding-right: 0;
	border-radius: 0 0 0 18px;
	border-left: 1px solid #f2f1ef;
	border-bottom: 1px solid #e8e3e0;
	overflow: hidden;
	position: relative;
}


.vita-systemsTable
, .vita-hydropostsTable
{
	background-color: #fff;
	border-radius: 12px;
	overflow: hidden;
}

.vita-hydropostsTable .hpTypeIcon {
	width: 2.2em;
	height: 2.1em;
	background-size: 2em;
	cursor: pointer;
}
.system-hydroposts-widget .vita-hydropostsTable .hpTypeIcon {
	width: 2.5em;
	height: 2.5em;
	margin-left: 0.4em;
	background-size: 2.5em;
}
.system-hydroposts-widget .vita-hydropostsTable th {
	font-size: 0.87em;
}
.system-hydroposts-widget .vita-hydropostsTable .vita-icon {
	font-size: 1.2em;
}
.system-hydroposts-widget .vita-hydropostsTable td:not(.hpName):not(.hpCorr) {
	font-size: 0.9em;
}

.vita-sysListDWMDContainer .dwmdHeader {
	margin-bottom: 0.8em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.vita-sysListDWMDContainer .dwmdHeader .title {
	display: flex;
	align-items: center;
	min-height: 1.5em;
	font-size: 1.28em;
	font-weight: 600;
	padding-left: 2.1em;
	background-image: url(/img/icons_rin/systree/green/drop_circled.svg);
	background-size: 1.5em;
	background-repeat: no-repeat;
	background-position: left center;
}
.vita-systemsSettingsTable .sysName
, .vita-systemsStartupTable .sysName
{
	padding: 0.5em 0 0.5em 2em;
	background-size: 1em;
	background-repeat: no-repeat;
	background-position: left;
}
.vita-systemsSettingsTable .sysName {
	font-weight: 600;
	
}
.vita-systemsSettingsTable .depth1 .sysName {
	font-size: 1.1em;
}
.vita-systemsSettingsTable .depth2 .sysName {
	margin-left: 3em;
}
.vita-systemsSettingsTable .depth3 .sysName {
	margin-left: 6em;
}
.vita-systemsSettingsTable .depth4 .sysName {
	font-size: 0.92em;
	margin-left: 9.3em;
}
.vita-systemsSettingsTable .depth5 .sysName {
	font-size: 0.85em;
	margin-left: 13em;
}
.vita-systemsSettingsTable .nestsSystems {
	background-size: 1.4em;
	background-image: url(/img/icons_rin/systree/green/droplet.svg);
}
.vita-systemsSettingsTable .nestsHps {
	background-image: url(/img/icons_rin/systree/green/bullet.svg);
	background-position: 0.2em center;
}
.vita-startup-description p {
	font-size: 1.1em;
	font-weight: 500;
}
.vita-startup-description .feature {
	display: flex;
	border-bottom: 1px solid var(--widgetSectionBorder);
	align-items: center;
}
.vita-startup-description p + .feature {
	border-top: 1px solid var(--widgetSectionBorder);
}
.vita-startup-description .featureImage {
	width: 7em;
	height: 6em;
	flex-shrink: 0;
	flex-grow: 0;
	margin: 0.5em 1.4em 0.5em 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.vita-pageWidget.vita-startup-systems .vita-pageWidgetTitle .title {
	font-weight: 600;
}
.vita-pageWidget.vita-startup-systems .vita-pageWidgetBody {
	display: flex;
	align-items: flex-start;
	gap: 1em;
}
.vita-pageWidget.vita-startup-systems .illustration {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 30%;
	border-radius: 2em;
	box-shadow: 1px 2px 2px #0002;
}
.vita-pageWidget.vita-startup-systems .illustration img {
	width: 100%;
	border-radius: 2em;
}
.vita-systemsStartupTable {
	width: calc(100% - 3em);
}
.vita-systemsStartupTable td
, .vita-systemsStartupTable th
{
	padding: 0.2em;
}
.vita-systemsStartupTable .depth1 {
	font-size: 1.45em;
	font-weight: 600;
}
.vita-systemsStartupTable tr:has(+ .depth1) td {
	padding-bottom: 0.5em;
}
.vita-systemsStartupTable .depth1:not(:first-child) td {
	border-top: 1px solid var(--widgetSectionBorder);
	padding-top: 0.5em;
}
.vita-systemsStartupTable .depth2 {
	font-size: 1.35em;
	font-weight: 400;
}
.vita-systemsStartupTable .depth3 {
	font-size: 1.2em;
}
.vita-systemsStartupTable .depth4 {
	font-size: 1.1em;
}
.vita-systemsStartupTable .depth5 {
	font-size: 1em;
}
.vita-systemsStartupTable .depth1 .sysName {
	background-size: 1.5em;
}
.vita-systemsStartupTable .depth2 .sysName {
	background-position: 3.4em center;
	padding-left: 5.2em;
}
.vita-systemsStartupTable .depth3 .sysName {
	background-position: 6.4em center;
	padding-left: 8.2em;
}
.vita-systemsStartupTable .depth4 .sysName {
	background-position: 9.6em center;
	padding-left: 11.4em;
}
.vita-systemsStartupTable .depth5 .sysName {
	background-position: 13.4em center;
	padding-left: 15.2em;
}

.vita-hydropostsTable th
, .vita-hydropostsTable.dataTable > tr > th
, .vita-systemsSettingsTable.dataTable > tr > th
{
	background-color: #faf8f8;
	font-weight: 600;
}
.vita-hydropostsTable tr:nth-child(odd) td
, .vita-systemsSettingsTable tr:nth-child(odd) td
{
	background-color: #faf8f8;
}
.vita-hydropostsTable th
, .vita-hydropostsTable td
, .vita-systemsSettingsTable th
, .vita-systemsSettingsTable td
{
	border: none !important;
}

.vita-systemsSettingsTable th.sysCanHaveHPs {
	width: 3.7rem;
}
.vita-systemsSettingsTable td.sysCanHaveHPs {
	padding: 0;
}
.vita-systemsSettingsTable td.sysCanHaveHPs .indicator {
	width: 100%;
	height: 1.4rem;
	background-position: center;
	background-size: auto 76%;
	background-repeat: no-repeat;
	opacity: 0.7;
}
.vita-systemsSettingsTable td.sysCanHaveHPs .indicator.yes {
	background-image: url('/img/icons/hpgroup.png');
}

td.typeIcon
, table.dataTable > tr > td.typeIcon
{
	width: 2.2em;
	height: 2.1em;
	padding: 0;
}
td.settings
, table.dataTable > tr > td.settings
{
	padding: 0;
}
td.settings > * {
	vertical-align: middle;
}
td.settings > .kbDropdown.menu.iconDD {
	opacity: 0.8;
}
td.settings > .kbDropdown.menu.iconDD:hover {
	opacity: 0.9;
}
td.settings > .kbDropdown.menu.iconDD.active
, td.settings > .kbDropdown.menu.iconDD.active:hover
{
	opacity: 1;
}

.vita-hydropostsTable th.hpNameCol {
	width: 17%;
}
.settings-hydroposts-widget .vita-hydropostsTable th.hpWCourseCol
, .settings-hydroposts-widget .vita-hydropostsTable th.hpWChannelCol
, .settings-hydroposts-widget .vita-hydropostsTable th.hpSensCol
{
	width: 15%;
}
.vita-hydropostsTable th.hpTypeCol {
	width: 11em;
}
.vita-hydropostsTable th.hpCalCol
, .vita-hydropostsTable th.hpBLCol
, .vita-hydropostsTable th.hpDTCol
, .vita-hydropostsTable th.hpCorrCol
{
	width: 7em;
}

.vita-icon {
	width: 1.2em;
	height: 1.2em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 96%;
}
.vita-icon.irrelevant {
	opacity: 0.4;
}
.vita-icon.check {
	background-image: url('/img/icons/status/check.png');
}
.vita-icon.none {
	background-image: url('/img/icons/status/none.png');
}
.vita-icon.check-grey {
	background-image: url('/img/icons/status/check_grey.png');
}
.vita-icon.pending {
	background-image: url('/img/icons/status/pending.png');
}
.vita-icon.settings {
	background-image: url('/img/icons/settings.png');
}
.vita-icon.interactive {
	cursor: pointer;
}
.vita-icon.interactive:focus-visible {
	outline: 3px outset #3B5A7D;
	border-radius: 2px;
}
.vita-icon.interactive:hover {
	filter: drop-shadow(#19686EA0 0 0 2px);
}
.vita-icon.interactive:active {
	filter: drop-shadow(#19686E 0 0 3px);
}


a.downloadLink {
	display: block;
	color: var(--linkColor);
	font-weight: 500;
	padding: 0.5em 0 0.5em 2.5em;
	background-position: left;
	background-size: auto 90%;
	background-repeat: no-repeat;
}
a.downloadLink:hover {
	filter: brightness(1.3) saturate(0.8);
}
a.downloadLink:active {
	filter: brightness(0.6);
}
a.downloadLink.excel {
	background-image: url(/img/icons/excel_color.svg);
}

.vita-documents-grid {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
}
.vita-documents-grid.fullWidth {
	width: 100%;
}
.vita-documents-grid .dataColumn {
	width: 33%;
	padding: 0.7rem 1rem 0.7rem 0;
}
.vita-documents-grid .dataColumn .header {
	padding: 0.5em 0 0.5em 3em;
	background-color: #fdfdfc;
}

.vita-documents-grid .dataColumn a.downloadLink {
	font-size: 1rem;
	font-weight: 600;
	background-size: auto 1.2em;
	padding-left: 1.8em;
}

.vita-documentsContainer {
	width: 100%;
	display: flex;
	gap: 1.7em;
}

.vita-ducumentsContent {
	background: #fff;
	border: 1px solid var(--widgetSectionBorder);
	border-radius: 7px;
	width: 100%;
	height: fit-content;
	flex-shrink: 1;
}

.vita-documentsSidebar {
	display: flex;
	flex-direction: column;
	gap: 1em;
	--sidebarWidth: min(21rem, 20vw);
	width: var(--sidebarWidth);
	flex-shrink: 0;
}

.vita-documentsSidebar .sidebarNode.primary {
	background: #fff;
	border-radius: 7px;
	padding: 0.7rem;
	overflow: hidden;
}

.vita-documentsSidebar .sidebar-item {
	text-align: left;
	width: 100%;
	padding: 4px;
	font-weight: 500;
	font-size: min(1.03rem, 1.24vw);
	border-radius: 7px;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	min-height: 1.38rem;
	background-position: 4px center;
	letter-spacing: -0.1px;
}

.vita-documentsSidebar .sidebar-item:not(.active):hover {
	cursor: pointer;
	color: var(--mainBtnColor);
}
.vita-documentsSidebar .sidebar-item.active {
	background-color: #E7E6E5;
}

.vita-documentsSidebar .sidebarNode.primary > .sidebar-item {
	background-image: url("/img/icons_rin/systree/blue/drop_circled.svg");
	background-size: 1.38rem;
	font-size: min(1.11rem, 1.3vw);
	font-weight: 650;
	margin-bottom: 4px;
	padding-left: 2rem;
}

.vita-documentsSidebar .sidebarNode.secondary {
	margin-left: 0.7rem;
}

.vita-documentsSidebar .sidebarNode.secondary > .sidebar-item {
	font-weight: 500;
	background-image: url("/img/icons_rin/systree/blue/droplet.svg");
	background-size: 1.23rem;
	padding-left: 1.85rem;
	margin-bottom: 2px;
}

.vita-documentsSidebar .sidebarNode.other {
	margin-left: 1.4rem;
	position: relative;
}
.vita-documentsSidebar .sidebarNode.other:before {
	content: '';
	width: 2px;
	background-color: #E7E6E5;
	height: 100%;
	position: absolute;
	top: 0;
	left: -0.6rem;
}
.vita-documentsSidebar .sidebarNode.other:first-child:before {
	top: 3px;
	height: calc(100% - 3px);
}
.vita-documentsSidebar .sidebarNode.other:last-child:before {
	height: calc(100% - 6px);
}

.vita-documentsSidebar .sidebarNode.other > .sidebar-item {
	padding-left: 0.5em;
}

.vita-documentsSidebar .sidebarNode.secondary:not(:last-child) > .sidebarNode:last-child {
	margin-bottom: 1.1rem;
}
.vita-documentsSidebar .sidebarNode.secondary:not(:last-child)
> .sidebarNode:last-child:after {
	content: '';
	width: calc(var(--sidebarWidth) - 1.4rem);
	background-color: #F2F1EF;
	height: 2px;
	position: absolute;
	bottom: -0.7rem;
	right: 0rem;
}

.vita-documents-tableHeader {
	display: flex;
	border-bottom: #F2F2F2 solid 1px;
}
.vita-documents-tableHeader .dataHeader:first-child {
	width: 31%;
}
.vita-documents-tableHeader .dataHeader {
	width: 23%;
	padding: 0.6em 0 0.5em;
}

.documentsSystemList h2 {
	margin: 0;
	padding: 0.8rem 1.2rem;
	font-size: 1.4rem;
	font-weight: 600;
}

.systemRowOption {
	border-bottom: 1px solid #F2F2F2;
	display: flex;
}

.systemRowOption .systemRowName {
	font-size: min(1.11rem, 1.3vw);
	font-weight: 600;
	width: 31%;
	padding: 0.9em 1em 0.9em 7rem;
	background-image: url("/img/icons_rin/systree/blue/bullet.svg");
	background-size: 0.92rem;
	background-repeat: no-repeat;
	background-position: 5rem 1.08em;
}
.systemRowOption.child0 .systemRowName {
	font-size: min(1.4rem, 1.6vw);
	font-weight: 700;
	background-image: url("/img/icons_rin/systree/blue/drop_circled.svg");
	background-size: 2.3rem;
	padding-left: 4rem;
	background-position: 1rem 0.7em;
}
.systemRowOption.child1 .systemRowName {
	background-image: url("/img/icons_rin/systree/blue/droplet.svg");
	background-size: 1.38rem;
	background-position: 0.45em 0.9em;
	background-position: 2rem 0.9em;
	padding-left: 4.1rem;
}
.systemRowOption.child2 .systemRowName {
	background-position: 3rem 1.08em;
	padding-left: 5rem;
}
.systemRowOption.child3 .systemRowName {
	background-position: 4rem 1.08em;
	padding-left: 6rem;
}

.systemRowOption.empty .systemRowName {
	opacity: 0.5;
}

.systemRowOption .documentList {
	width: 69%;
	position: relative;
}

/*.systemRowOption .documentList .vita-documents-grid {
	transition: transform 0.5s linear;
	transform: scaleY(1);
}
.systemRowOption:not(.expanded) .documentList .vita-documents-grid {
	transform: scaleY(0);
}*/

.systemRowOption .documentList .noData {
	color: #aaa;
	height: 100%;
	display: flex;
	align-items: center;
}

/*.systemRowOption .documentList .showBtn {
	color: #000;
	padding: 1em 2.5em 1em 1.5em;
	background-color: #E8E3E0;
	position: absolute;
	bottom: 0.5em;
	left: 0;
	transition: left 0.15s linear, padding 0.15s linear, background-position 0.15s linear;
	background-image: url(/img/arrow_downright.png);
	background-size: 0.9em;
	background-repeat: no-repeat;
	background-position: 89%;
}
.systemRowOption.expanded .documentList .showBtn {
	background-image: url(/img/arrow_upleft.png);
	left: calc(100% - 8em);
	padding: 1em 1.5em 1em 2.5em;
	background-position: 12%;
}
.systemRowOption .documentList .showBtn:active
{
	background-color: #C6C4C4;
}
.systemRowOption .documentList .showBtn:hover
{
	background-color: #D7D5D5;
}*/


.vita-pageWidget.vita-documents .vita-dropdown:first-child {
	display: none;
}


.vita-schemeContainer {
	height: 612px;
	position: relative;
}
.vita-schemeContainer canvas {
	border-radius: 1em;
}
.vita-schemeContainer .markerinfo {
	position: absolute;
	bottom: 0;
	left: 3em;
	right: 3em;
	background-color: #f2f1ef;
	padding: 1em 1.3em 0.8em;
	border-radius: 0.8em 0.8em 0 0;
}
.vita-schemeContainer .markerinfo {
	position: absolute;
	bottom: 0;
	left: 14%;
	right: 14%;
	background-color: #f2f1ef;
	padding: 1em 1.3em 0.8em;
	border-radius: 0.8em 0.8em 0 0;
	transition: transform 0.12s linear;
}
.vita-schemeContainer .markerinfo.hidden {
	transform: translateY(50%) scaleY(0);
}
.vita-schemeContainer .markerinfo .sensorModelImage {
	display: none;
}
.vita-schemeContainer .markerinfo .sensorInfoContainer {
	width: 100%;
}
.vita-schemeContainer .markerinfo .sensorData:not(:empty) {
	border-top: 1.5px solid var(--widgetSectionBorder);
	padding-top: 0.5em;
	margin-top: 0.5em;
}
.vita-schemeContainer .markerinfo .hpIcon {
	width: 2.5em;
	min-height: 2.47em;
	padding: 0;
	background-image: var(--hpTypeIcon);
	background-repeat: no-repeat;
	background-size: 2em auto;
	background-position: left;
	flex-shrink: 0;
}
.vita-schemeContainer .markerinfo .actions {
	text-align: right;
	font-size: 0.9em;
}
.vita-schemeContainer .markerinfo .hpTypeLine {
	display: flex;
}
.vita-schemeContainer .markerinfo .name {
	font-size: 1.05em;
	font-weight: 600;
}
.vita-schemeContainer .markerinfo .hpType {
	font-size: 0.9em;
}

.vita-documentationView {
	display: flex;
	gap: 1.5em;
}
.vita-documentationView .menuList {
	width: max(16em, 25%);
	flex-shrink: 0;
	flex-grow: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	border-radius: 7px;
}
.vita-documentationView .docPagePane {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}
.vita-documentationView .docTitle {
	width: 100%;
	font-size: max(1.1em, min(1.5em, 7vh, 2vw));
	font-weight: 500;
	margin-bottom: 1.2em;
}
.vita-documentationView .docContent {
	width:100%;
}
.vita-documentationView .menuList .docMenu
, .vita-documentationView .menuList .docPage {
	padding: 0.5em 0 0.4em;
	border-bottom: 1px solid #B5B1AF;
	display: flex;
	justify-content: space-between;
	padding-right: 0.25em;
	flex-wrap: wrap;
}
.vita-documentationView .menuList .docMenu {
	cursor: default;
	font-weight: 600;
	background-color: #f5f5f5;
}
.vita-documentationView .menuList .docPage {
	cursor: pointer;
	font-weight: 500;
}
.vita-documentationView .menuList .docPage:hover {
	background-color: #C7E7FE;
}
.vita-documentationView .menuList .level0 {
	font-size: 1.15em;
	padding-left: 0.7em;
}
.vita-documentationView .menuList .docMenu.level0 {
	background-color: #e9e9e9;
}
.vita-documentationView .menuList .level1 {
	font-size: 1.08em;
	padding-left: 1.4em;
}
.vita-documentationView .menuList .docMenu.level1 {
	font-weight: 600;
	background-color: #f0f0f0;
}
.vita-documentationView .menuList .level2 {
	padding-left: 2.2em;
}
.vita-documentationView .menuList .level3 {
	padding-left: 3.1em;
}
.vita-documentationView .menuList .level4 {
	padding-left: 4em;
}
.vita-documentationView .menuList .contextBtns {
	flex-shrink: 0;
	display: flex;
	gap: 0.5em;
}
.basicBtn.editBtn.contextBtn {
	width: 1.2em;
	height: 1.2em;
	padding: 0;
	background-position: center;
	background-size: 80%;
	background-repeat: no-repeat;
}
.basicBtn.editBtn.contextBtn.larger {
	width: 1.5em;
	height: 1.4em;
	background-size: auto 86%;
}
.contextBtn.edit {
	background-image: url('/img/context_icons/icon_edit.png');
}
.contextBtn.addFolder {
	background-image: url('/img/context_icons/icon_add_folder.png');
}
.contextBtn.addFile {
	background-image: url('/img/context_icons/icon_add_file.png');
}
.contextBtn.delete {
	background-image: url('/img/context_icons/icon_delete.png');
}
.contextBtn.contacts {
	background-image: url('/img/context_icons/icon_contacts.png');
}

.basicBtn.settings {
	background-position: center;
	background-size: 80%;
	background-repeat: no-repeat;
	background-image: url(/img/icons_rin/menu/settings_white.svg);
}

.vita-selectLoosePagesTableWidget-grid  .headerCell {
	padding-left: 1.5em;
	min-width: 80px;
}
.vita-selectLoosePagesTableWidget-grid  .cell {
	padding-left: 1.5em;
	min-width: 80px;
}

.vita-selectDocMenuTableWidget-grid .row.level1 .folderName {
	padding-left: 1.5em;
}
.vita-selectDocMenuTableWidget-grid .row.level2 .folderName {
	padding-left: 3em;
}
.vita-selectDocMenuTableWidget-grid .row.level3 .folderName {
	padding-left: 4.5em;
}
.vita-selectDocMenuTableWidget-grid .row.level4 .folderName {
	padding-left: 6em;
}

.vita-selectDocMenuTableWidget-grid .folderId
, .vita-selectDocMenuTableWidget-grid .pagesNum
{
	width: 3.5em;
}
.vita-selectDocMenuTableWidget-grid .folderName
, .vita-selectUserTableWidget-grid .name
{
	width: 99%;
	flex-shrink: 1;
	padding-left: 1em
}
.vita-selectUserTableWidget-grid .uid {
	width: 4em;
	text-align: right;
	padding-right: 1em;
}
.vita-selectUserTableWidget-grid .regdate {
	width: 12em;
	font-size: 0.92em;
}

.vita-selectLocaleTableWidget-grid .lcid
, .vita-selectLocaleTableWidget-grid .bcp47 {
	width: 20%;
}
.vita-selectLocaleTableWidget-grid .name
, .vita-selectLocaleTableWidget-grid .nameEng {
	width: 30%;
}
.vita-selectLanguageTableWidget-grid .cell {
	width: 50%;
}

.vita-selectHydropostTableWidget-grid .row
, .vita-selectHydropostTableWidget-grid .header
{
	display: grid;
	grid-template-columns: 3em 3.5em 1fr;
}
.vita-selectHydropostTableWidget-grid .row.hasTypeName
, .vita-selectHydropostTableWidget-grid .header.hasTypeName
, .vita-selectHydropostTableWidget-grid .row.hasSensor
, .vita-selectHydropostTableWidget-grid .header.hasSensor
, .vita-selectHydropostTableWidget-grid .row.hasStatus
, .vita-selectHydropostTableWidget-grid .header.hasStatus
{
	grid-template-columns: 3em 3.5em 1fr 1fr;
}
.vita-selectHydropostTableWidget-grid .row.hasTypeName.hasSensor
, .vita-selectHydropostTableWidget-grid .header.hasTypeName.hasSensor
{
	grid-template-columns: 3em 3.5em 3fr 3fr 2fr;
}
.vita-selectHydropostTableWidget-grid .row.hasTypeName.hasStatus
, .vita-selectHydropostTableWidget-grid .header.hasTypeName.hasStatus
, .vita-selectHydropostTableWidget-grid .row.hasSensor.hasStatus
, .vita-selectHydropostTableWidget-grid .header.hasSensor.hasStatus
{
	grid-template-columns: 3em 3.5em 5fr 5fr 6fr;
}
.vita-selectHydropostTableWidget-grid .row.hasTypeName.hasSensor.hasStatus
, .vita-selectHydropostTableWidget-grid .header.hasTypeName.hasSensor.hasStatus
{
	grid-template-columns: 3em 3.5em 2fr 2fr 2fr 3fr;
}
.vita-selectHydropostTableWidget-grid .row.hasStatus.hasLevel
{
	grid-template-columns: 3em 3.5em 3fr 1fr 2fr;
}
.vita-selectHydropostTableWidget-grid .row.hasTypeName.hasStatus.hasLevel
, .vita-selectHydropostTableWidget-grid .row.hasSensor.hasStatus.hasLevel
{
	grid-template-columns: 3em 3.5em 5fr 5fr 2fr 4fr;
}
.vita-selectHydropostTableWidget-grid .row.hasTypeName.hasSensor.hasStatus.hasLevel
{
	grid-template-columns: 3em 3.5em 2fr 2fr 2fr 1fr 2fr;
}
/*.vita-selectHydropostTableWidget-grid .row.hasStatus.hasLevel
{
	grid-template-columns: 3em 3.5em 6fr 1fr 1fr 4fr;
}
.vita-selectHydropostTableWidget-grid .row.hasTypeName.hasStatus.hasLevel
, .vita-selectHydropostTableWidget-grid .row.hasSensor.hasStatus.hasLevel
{
	grid-template-columns: 3em 3.5em 5fr 5fr 1fr 1fr 4fr;
}
.vita-selectHydropostTableWidget-grid .row.hasTypeName.hasSensor.hasStatus.hasLevel
{
	grid-template-columns: 3em 3.5em 4fr 4fr 4fr 1fr 1fr 4fr;
}*/

.vita-selectHydropostTableWidget-grid .hpid
, .vita-selectHydropostTableWidget-grid .checkBox {
	vertical-align: middle;
}
.vita-selectHydropostTableWidget-grid .cell.hpTypeName {
	font-size: 0.9em;
}
.vita-selectHydropostTableWidget-grid .cell.hpType {
	height: 1.9rem;
	background-image: var(--hpTypeArrowIcon);
	background-size: auto 1.5rem;
	background-position: left;
	background-repeat: no-repeat;
}

.vita-selectHydropostTableWidget-grid .selCheckBox {
	width: 12px;
	background-size: 12px;
	background-color: #fff;
	background-position: 45% center;
	background-repeat: no-repeat;
	height: 12px;
	border-radius: 2px;
	border: 1px solid #677C99;
}
.vita-selectHydropostTableWidget-grid .row.disabled .selCheckBox {
	display: none;
}
.vita-selectHydropostTableWidget-grid .row.selected .selCheckBox {
	background-image: url('/img/icons/check_green.png');
	border-color: var(--focusColor);
}

.vita-selectHydropostStatusTableWidget .systemSelect
{
	line-height: 1;
}
.vita-selectHydropostStatusTableWidget-grid .headerCell
, .vita-selectHydropostStatusTableWidget-grid .cell
{
	width: 12%;
	flex-shrink: 0;
	flex-grow: 0;
}
.vita-selectHydropostStatusTableWidget-grid .headerCell.hptype
, .vita-selectHydropostStatusTableWidget-grid .cell.hptype {
	width: 1.8rem;
	padding: 0;
}
.vita-selectHydropostStatusTableWidget-grid .cell.hptype {
	background-image: var(--hpTypeIcon);
	background-repeat: no-repeat;
	background-size: auto 1.5rem;
	background-position: 0.3rem 0;
	height: 1.5rem;
}
.vita-selectHydropostStatusTableWidget-grid .headerCell.hpname
, .vita-selectHydropostStatusTableWidget-grid .cell.hpname {
	width: calc(28% - 1.8rem);
}
.vita-selectHydropostStatusTableWidget-grid .row.systemName {
	font-weight: 600;
	padding: 0.6rem 0.5rem 0.5rem 2.1rem;
	border-top: 1px solid #D7D5D5;
	background-image: url(/img/icons_rin/systree/blue/droplet.svg);
	background-size: auto 0.9rem;
	background-repeat: no-repeat;
	background-position: 0.55rem;
	background-color: #F7F7F7;
}

.vita-orderHydropostsTableWidget-header {
	justify-content: flex-start;
	gap: 1rem;
}
.vita-orderHydropostsTableWidget-grid .hpid {
	width: 3rem;
}
.vita-orderHydropostsTableWidget-grid .hptype {
	background-image: var(--hpTypeIcon);
	background-repeat: no-repeat;
	background-size: auto 1.5rem;
	background-position: 0.3rem 0;
	height: 1.5rem;
	width: 1.8rem;
	padding: 0;
}
.vita-orderHydropostsTableWidget-grid .hpname {
	width: 50%;
	flex-shrink: 1;
	flex-grow: 1;
}
.vita-orderHydropostsTableWidget-grid .order {
	width: 2rem;
	padding: 0;
}
.vita-orderHydropostsTableWidget-grid .order .dragger {
	width: 1.8rem;
	height: 1.5rem;
	background-image: url('/img/icons/dragger.png');
	background-size: auto 0.9rem;
	background-repeat: no-repeat;
	background-position: center;
}

.vita-orderHydropostsTableWidget-grid .row.draggedAfter {
	border-bottom: 1px solid #000;
	box-shadow: 0 0 20rem inset #2222;
}
.vita-orderHydropostsTableWidget-grid .row.draggedBefore {
	border-top: 2px solid #000;
}



.kb-dialog.docPageDialog .dialog
, .kb-dialog.taskPageDialog .dialog
{
	width: min(90vw, 90vh);
	left: calc(50% - min(45vw, 45vh));
}
.kb-dialog.newDocPageDialog .dialog
, .kb-dialog.motdEditDialog .dialog
, .kb-dialog.newTaskDialog.wide .dialog
{
	width: 90vw;
	left: 5vw;
}
.kb-dialog.newDocPageDialog .dialog > .content
, .kb-dialog.newTaskDialog.wide .dialog > .content
{
	max-height: calc(100vh - 150px);
}
.newDocPageContainer
, .newMOTDContainer
, .newTaskContainer
{
	display: flex;
	gap: 2em;
	align-items: flex-start;
}
.newDocPageTable
, .newMOTDTable
, .newTaskDialog.wide .newTaskTable
{
	width: 40%;
	flex-shrink: 0;
}
.editorControls {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3em;
	font-size: 0.93em;
	margin-bottom: 0.5em;
}
.editorControls .basicBtn.editBtn {
	padding: 4px 8px;
	border-radius: 4px;
}

.localeMergeTable .mergeOption {
	background-image: url(/img/icons/cross_red.png);
	background-position: calc(100% - 0.5em) center;
	background-size: auto 1em;
	background-repeat: no-repeat;
	padding-right: min(1.6em, 2vw);
}
.localeMergeTable .mergeOption.selected {
	background-color: #0f71;
	background-image: url(/img/icons/check_green.png);
}
.lineListTable td.locKey
, .mergeDialogContent td.locKey {
	font-family: Consolas, monospace;
	font-size: 0.9em;
	width: 30%;
	line-break: anywhere;
}
.mergeDialogContent .mergeSectionTitle {
	margin-bottom: 1.2em;
}

.vita-localizationView .editorBody {
	display: flex;
	align-items: flex-start;
	gap: 2em;
	height: 100%;
}
.vita-localizationView .editorBody .lineListContainer {
	width: 100%;
	flex-shrink: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.vita-localizationView .editorBody .lineListContainer .dataTable {
	border-bottom: 0;
}
.vita-localizationView .editorBody .lineList {
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	border-bottom: #D1CFCE 2px solid;
}
.vita-localizationView .editorBody .lineListHeader {
	border-radius: 4px 4px 0 0;
	flex-shrink: 0;
}
.vita-localizationView .editorBody .lineListHeader th {
	background-color: #fff;
	height: 3em;
	border-bottom: #D1CFCE 1px solid;
	vertical-align: middle;
}
.vita-localizationView .editorBody .lineListHeader th.scrollerBuffer {
	width: 16px;
	padding: 0;
}
.webkit .vita-localizationView .editorBody .lineListHeader th.scrollerBuffer {
	width: 8px;
}
.vita-localizationView .editorBody .lineEditor {
	width: min(32em, 25vw);
	flex-shrink: 0;
	flex-grow: 0;
}
.vita-localizationView .editorBody .idField {
	display: flex;
	gap: 0.5em;
	align-items: center;
}
.vita-localizationView .editorBody .keyInput {
	width: 100%;
	flex-shrink: 1;
}
.vita-localizationView .editorBody .delRowRow {
	margin-top: 0.5em;
	margin-bottom: -2em;
	font-size: 0.9em;
	display: flex;
	justify-content: flex-end;
	gap: 1em;
}
.vita-localizationView .editorBody .fieldLabel {
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.vita-localizationView .editorBody .lineEditor textarea {
	width: 100%;
	height: calc((100vh - min(255px, 20vw) - 13em) / 2);
}
.vita-localizationView .editorBody .lineList td.absent {
	background-color: #c0c0c080;
}
.vita-localizationView .editorBody .lineList tr.active {
	background-color: #baded2;
}

.customLineEditTable td.keyHint {
	padding-top: 0;
	font-size: 0.92em;
}

.vita-selectImageWidget .imageDisplay {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.vita-selectImageWidget .imageSelectBtnsContainer {
	display: flex;
	justify-content: space-between;
	gap: 1em;
}

.vita-selectHPTypeTableWidget-grid .cell.hpIcon {
	width: 4.5em;
	min-height: 2.47em;
	background-image: var(--hpTypeArrowIcon);
	background-repeat: no-repeat;
	background-size: 5em auto;
	background-position: 0.3em center;
}
.vita-selectHPTypeTableWidget-grid .cell.name {
	width: calc(100% - 4.5em);
}

.kb-dialog.hpEditDialog > .dialog {
	width: min(80em, 100%);
	left: calc(50% - min(40em, 50%));
}
.hydropostEditForm {
	display: flex;
}
.editHydropostColLeft {
	width: calc(100% - 370px);
	padding-right: 1.5em;
}
.editHydropostColRight {
	position: relative;
	width: 370px;
	padding-left: 1.5em;
}
.editHydropostColRight:not(.disabled) {
	border-left: 1px solid var(--widgetSectionBorder);
}
.editHydropostColRight.disabled:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #67676C40;
}
.editHydropostColLeft > div:not(:last-child)
, .editHydropostColRight > div:not(:last-child)
{
	padding-bottom: 1em;
	border-bottom: 1px solid var(--widgetSectionBorder);
	margin-bottom: 1em;
}
.editHydropostColLeft .basicInfoSection {
	display: flex;
}
.editHydropostColLeft .basicInfoSection .fieldsSection
, .editHydropostColLeft .basicInfoSection .photoSection {
	width: 50%;
	border-color: var(--widgetSectionBorder);
	border-style: solid;
}
.editHydropostColLeft .basicInfoSection .fieldsSection {
	padding-right: 1em;
	border-width: 0 1px 0 0;
}
.editHydropostColLeft .basicInfoSection .photoSection {
	padding-left: 1em;
	border-width: 0;
}

.hydropostEditForm .fieldContainerRow {
	display: flex;
	gap: 1em;
}
.hydropostEditForm .fieldContainerRow > .fieldContainer {
	width: 50%;
}
.hydropostEditForm .fieldContainerRow > .fieldContainer input {
	width: 100%;
}
.hydropostEditForm .fieldContainer {
	margin-bottom: 1em;
}
.hydropostEditForm .fieldContainer .label {
	padding-bottom: 0.3em;
}
.hydropostEditForm input.medValue {
	width: min(17em, 95%);
}
.hydropostEditForm .vita-selectImageWidget .imageDisplay {
	width: 100%;
	height: 12em;
	border-radius: 1em;
	margin-bottom: 1em;
}
.hydropostEditForm .sensorWidgetContainer:not(:empty) {
	margin: 0.7em 0 1em;
}
.hydropostEditForm .hpTypeContainer.basicBtn.editBtn {
	padding-left: 0.5em;
	padding-right: 1.4em;
	margin-bottom: 0.2em;
}
.hydropostEditForm .hpTypeContainer .hpIcon {
	width: 4.16em;
	min-height: 2.47em;
	background-image: var(--hpTypeArrowIcon);
	background-repeat: no-repeat;
	background-size: 5em auto;
	background-position: left;
}
.hydropostEditForm .sensorSelectBtnsContainer {
	display: flex;
	justify-content: space-between;
}
.hydropostEditForm .systemTree {
	padding-bottom: 0.8rem;
}
.hydropostEditForm .systemPart > .systemPart {
	padding-left: 1rem;
	padding-top: 2px;
	background-image: url('/img/icons/arrow_right_dark.png');
	background-position: 2px 0.4rem;
	background-repeat: no-repeat;
	background-size: auto 0.5rem;
}

.contactsEditor h4.contacts {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.5em;
}
.basicBtn.editBtn.contactsPreviewEdit {
	font-size: 0.9em;
}
.contactsPreview {
	min-height: 4rem;
}
.contactsPreview.hasBorder {
	border-radius: 8px;
	border: 1px solid var(--widgetSectionBorder);
	padding: 0.4em 0.5em;
}

.kb-dialog.hpChangesListDialog .dialog {
	width: min(90vw, 80em);
	left: calc(50% - min(40em, 45vw));
}
.kb-dialog.hpChangesListDialog .dialog p {
	margin-top: 0;
}
.changesList td.changeEntryTitle {
	font-weight: 500;
}
.changesList .controlsHeader {
	width: 7.7em;
}
.changesList .beforeHeader
, .changesList .afterHeader {
	width: 50%;
}
.changesList .photoChangeDisplay {
	height: 20em;
	background-size: contain;
	background-color: transparent;
	background-repeat: no-repeat;
}
.changesList table.dischargeTable {
	font-size: 0.72em;
}

.changesList .changesListSubtitle {
	padding: 1em 0;
}
.changesList .changesListSubtitle:first-child {
	padding-top: 2px;
}


.imgSelectionContent .buttonsContainer {
	display: flex;
	justify-content: center;
	gap: 2em;
}
.imgSelectionContent .buttonsContainer > .basicBtn {
	height: min(3.5em, 10vh);
	font-size: 1.1em;
	padding-left: 1.7em;
	padding-right: 1.7em;
}
.imgSelectionContent .imagePreview {
	width: 100%;
	height: calc(var(--dialogContentInnerHeight) - 1.5em - min(3.5em, 10vh));
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 1.5em;
}

.individualPermissionsSetup {
	display: flex;
	flex-direction: column;
	gap: 1em;
}
.individualPermissionsSetup .recursiveSwitch {
	margin-top: 0.8rem;
	width: max-content;
}

.vita-selectImageWidget.simple .imageDisplay
, .newSystemFormContainer .vita-selectImageWidget .imageDisplay
{
	width: 100%;
	height: 20em;
	border-radius: 1em;
	margin-bottom: 1em;
}
.newSystemFormContainer .systemRespName {
	margin-right: 0.8rem;
}

.measureDateFormattedCell .date {
	font-size: 0.87em;
	padding-right: 0.5em;
}

.overviewHpostSelectListContainer .vita-selectHydropostTableWidget {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.overviewHpostSelectListContainer .vita-selectHydropostTableWidget-header {
	padding-bottom: 1rem;
}
.overviewHpostSelectListContainer .vita-selectHydropostTableWidget-grid {
	overflow: auto;
	font-size: 0.9rem;
}
.overviewHpostSelectListContainer .tableSelectGrid .row.selected {
	box-shadow: none;
	background-image: linear-gradient(90deg, #AAD4C7 0.5rem, transparent 5rem);
}
.overviewHpostSelectListContainer .indicator {
	width: 19px;
	padding: 0;
	min-height: 1.1em;
}
.overviewHpostSelectListContainer .indicator.power {
	background-size: 17px auto;
}
.overviewHpostSelectListContainer .hpWarningsContainer {
	flex-direction: row;
	display: flex;
	flex-wrap: wrap;
}
.indicator {
	background-size: 15px auto;
	background-position: center;
	background-repeat: no-repeat;
}
.indicator.lost.active {
	background-image: url('/img/icons_rin/indicators/offline.svg');
}
.indicator.temp.active {
	background-image: url('/img/icons_rin/indicators/temp_high.svg');
}
.indicator.susp.active {
	background-image: url('/img/icons_rin/indicators/susp.svg');
}
.indicator.invalidData.active {
	background-image: url('/img/icons_rin/indicators/invalid_data.svg');
}
.indicator.warning.active {
	background-image: url('/img/icons_rin/indicators/warning.svg');
}
.indicator.overflow.active {
	background-image: url('/img/icons_rin/indicators/level_high.svg');
}

.vita-pageWidgetBody.overviewHpostScheme {
	text-align: center;
}
.vita-pageWidgetBody.overviewHpostScheme .vita-card-systemScheme {
	max-height: 100%;
	max-width: 100%;
	width: unset;
}

.vita-pageContent#scada {
	flex-direction: row-reverse;
}
.dailySystemOverview2-hpsPane {
	overflow-y: auto;
	display: grid;
	grid-auto-rows: max-content;
	grid-template-columns: repeat(auto-fill, 200px);
	padding: 2px 1em 8px 4px;
	margin: -2px 0 0 -4px;
	width: calc(100% + 4px);
	gap: calc(1em + 10px) 1em;
	justify-content: space-between;
	height: min(60%, calc(100% - 236px));
}
.dailySystemOverview2-chartsContainer {
	position: relative;
	height: max(40%, 236px);
	display: flex;
	padding-top: calc(2em - 8px);
	gap: 2em;
}
.vita-dailySystemOverview2.expanded .dailySystemOverview2-hpsPane {
	height: min(30%, calc(100% - 236px));
}
.vita-dailySystemOverview2.expanded .dailySystemOverview2-chartsContainer {
	height: max(70%, 236px);
}
.dailySystemOverview2-chartsContainer .supplyChartContainer {
	height: 100%;
	width: calc(60% - 2em);
}
.dailySystemOverview2-chartsContainer .leftColumn {
	height: 100%;
	width: 40%;
	display: flex;
	flex-direction: column;
	gap: 1em;
}
.dailySystemOverview2-chartsContainer .leftColumn .systemStatsContainer {
	display: flex;
	gap: 1em;
	flex-shrink: 0;
	height: 60px;
}
.dailySystemOverview2-chartsContainer .leftColumn .systemStatsDisplay {
	border-style: solid;
	border-width: 0 0 0 5px;
	border-radius: 6px;
	background-color: #fff;
	padding: 2px 4px 2px 8px;
	width: 33%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
}
.systemStatsDisplay.supply {
	border-color: #42B1FE;
}
.systemStatsDisplay.discard {
	border-color: #363640;
}
.systemStatsDisplay.intake {
	border-color: #008CF5;
}
.dailySystemOverview2-chartsContainer .leftColumn .systemStatsValue .value {
	font-size: 1.3em;
	font-weight: 600;
	padding-right: 0.2em;
}
.dailySystemOverview2-chartsContainer .intakeChartContainer {
	height: 100%;
	flex-shrink: 1;
}
.dailySystemOverview2-chartsContainer .vita-chartContainer {
	height: 100%;
	margin-top: 0;
	background-color: #fff;
	border-radius: 1em 1em 6px 6px;
}
.dailySystemOverview2-chartsContainer .vita-chartGrid {
	padding-bottom: 2em;
}
.dailySystemOverview2-chartsContainer .vita-chartGridColumn
, .dailySystemOverview2-chartsContainer .vita-chartBody .dotField
{
	height: calc(100% - 2em);
}

.dailySystemOverview2-chartsContainer .vita-spoilerButton.expander {
	position: absolute;
	top: 0;
	right: 0;
	width: 5rem;
	height: 1rem;
}
.dailySystemOverview2-chartsContainer .vita-spoilerButton.expander::after {
	background-size: auto 56%;
}

.vita-chartGridColumn .eventMarkers {
	position: absolute;
	top: 0;
}
.vita-chartGridColumn .eventMarker {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 3px solid;
}
.vita-chartGridColumn .eventMarker.dischargeTable {
	border-color: #007BD6;
}
.vita-chartGridColumn .eventMarker.dtCorrection {
	border-color: #2A6E76;
}
.vita-chartGridColumn .eventMarker.calibration {
	border-color: #1AA224;
}
.vita-chartGridColumn .eventMarker.bottomLevel {
	border-color: #8E401E;
}
.vita-chartGridColumn .eventMarker.sensor {
	border-color: #E37411;
}

.hydropostWidgetWrapper {
	width: 210px;
	position: relative;
	display: flex;
}
.hydropostWidget {
	padding-bottom: 0.6rem;
	position: relative;
}
.hydropostWidget:not(.embedded) {
	overflow: hidden;
	background-color: #fff;
	width: 190px;
	box-shadow: 0px 1px 2px #B5B1AF;
	border-radius: 10px;
}
.hydropostWidget.mapMarker {
	position: absolute;
	top: -10px;
	left: -10px;
}
.hydropostWidget.clickable:hover {
	background-color: #F4F5F6;
	cursor: pointer;
}
.hydropostWidget .title {
	padding: 0.7rem 1em 4px 5rem;
	position: relative;
	min-height: 3rem;
	font-size: 1.1rem;
	display: flex;
	font-weight: 500;
	color: #fff;
	/*background-size: auto 2.1rem;
	background-position: 0.7rem 0.7rem;*/
	background-color: var(--hpTypeColorDark);
	/*background-image: var(--hpTypeArrowIcon);
	background-repeat: no-repeat;*/
	align-items: center;
	line-height: 1.06;
}
.hydropostWidget .title:before
, .hydropostWidget .title:after {
	position: absolute;
	top: 0.6rem;
	left: 0.6rem;
	width: 4rem;
	height: 2.3rem;
	content: '';
	display: block;
	background-size: 3.524rem 2.1rem;
	background-position: 0.1rem center;
	background-image: var(--hpTypeArrowIcon);
	background-repeat: no-repeat;
}
.hydropostWidget .title:before {
	filter: brightness(0.6) saturate(1.3);
	background-size: 3.625rem 2.2rem;
	background-position: 0.05rem center;
}
.hydropostWidget .titleContainer .title {
	position: absolute;
	left: -20px;
	top: calc(50% - 22px);
	width: 44px;
	height: 44px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 100px;
	border: 3.5px solid #fff;
	font-weight: 700;
	padding: 1px 2px 0;
}
.hydropostWidget .hpType {
	position: relative;
	padding: 0px 0.5rem 0.7rem 5rem;
	margin-bottom: 0.4rem;
	color: #fff;
	background-color: var(--hpTypeColorDark);
}

.hydropostWidget.embedded.hpPage {
	font-size: min(1.6em, 2.5vw);
	padding-left: 3.5em;
}
body.smallScreen .hydropostWidget.embedded.hpPage
, body.smallScreen .hydropostInfoColumn .vita-sensorWidget.embedded.hpv .sensorInfoContainer
{
	font-size: calc(min(1.6em, 2.5vw) * 0.8);
}
body.smallScreen .hydropostInfoColumn .hpLinksWidget {
	padding-left: calc(min(1.6em, 2.5vw)* 2.8 - 1.5em);
}
.hydropostWidget.embedded.hpPage .title {
	background-color: transparent;
	color: #000;
	padding: 0 0.7em 0.32em 3.5em;
	margin-left: -3.5em;
	min-height: 1.8em;
	line-height: 1.02;
	font-size: 1em;
	background-size: auto 1.8em;
	background-position: -0.16em -0.16em;
}
.hydropostWidget.embedded.hpPage .hpType
{
	background-color: transparent;
	color: #000;
	font-size: max(1rem, 0.8em);
	font-weight: 600;
	padding: 0 0.7em 0.7em 0;
}
.hydropostWidget.embedded.hpPage .basicBtn.settings {
	background-image: url(/img/icons_rin/menu/settings_grey.svg);
	width: 1.1em;
	height: 1.1em;
	top: -0.2em;
	right: -0.2em;
}
.hydropostWidget.embedded.hpPage .levelMeter {
	left: 0;
	width: 1.48em;
	top: 2.2em;
	bottom: 1em;
	max-height: 10em;
}
.hydropostWidget.embedded.hpPage .canalBlock
, .hydropostWidget.embedded.hpPage .systemBlock
, .hydropostWidget.embedded.hpPage .hpReadinessWarnings:not(:empty)
, .hydropostWidget.embedded.hpPage > .watercourse
, .hydropostWidget.embedded.hpPage .mainContact
, .hydropostWidget.embedded.hpPage .contacts
{
	font-size: max(0.62em, 0.8rem);
	padding: 0.5em 0.7em 0.2em 0;
}
.hydropostWidget.embedded.hpPage .levels {
	padding: 0.5em 0.7em 0 0;
	font-size: max(1rem, 0.68em);
	font-weight: 500;
	margin-left: -1.4em;
}
.hydropostWidget.embedded.hpPage .levels .drop {
	background-size: auto 1em;
	background-position: 0 40%;
	width: 1.4em;
}

.hydropostWidget.embedded.hpPage .mainContact {
	padding-top: 0.7rem;
	margin-top: 0.5rem;
	padding-right: 0;
	margin-right: 0.7em;
	border-top: 1px solid #B5B1AF90;
}

.mainContact .contact
, .contacts .contact
, .contactsPreview .contact
{
	display: block;
	background-image: url(/img/icons_rin/menu/user_grey.svg);
	background-repeat: no-repeat;
	background-size: auto 1em;
	background-position: 0 0.3em;
	padding-left: 1.7em;
}
.contacts .contact, .contactsPreview .contact {
	padding-bottom: 0.7em;
}
.mainContact .contact b
, .mainContact .contact span
, .contacts .contact b
, .contacts .contact span
, .contactsPreview .contact b
, .contactsPreview .contact span
{
	display: block;
}
.mainContact .contact .name:not(:empty)
, .contacts .contact .name:not(:empty)
, .contactsPreview .contact .name:not(:empty)
{
	font-size: 1.086em;
	margin-bottom: 2px;
}

.contactCardEditContainer {
	display: flex;
	width: 100%;
	align-items: flex-start;
}
.contactCardEditContainer > div {
	min-width: 30%;
}
.contactCardEditContainer .form {
	display: flex;
	flex-direction: column;
	margin-right: 1.4rem;
	width: 50%;
}
.contactCardEditContainer .form h4 {
	margin-bottom: 2px;
}


.hydropostWidget.embedded.hpPage .contact {
	margin-left: -1.7em;
	padding-left: 1.7em;
}

.hydropostWidget .levels {
	padding: 0.5rem 0.5rem 0 3.8rem;
}
.hydropostWidget:not(.embedded) .levels {
	font-size: 0.9rem;
	padding: 0.3rem 0.5rem 0.5rem 3.8rem;
}
.hydropostWidget .levels td {
	padding: 1px 0;
}
.hydropostWidget .levels .drop {
	background-image: var(--icon);
	background-repeat: no-repeat;
	background-size: 0.9rem 0.97rem;
	background-position: 0 30%;
	width: 1.2rem;
}
.hydropostWidget .levels .value {
	font-weight: 600;
	padding-left: 0.3em;
}

/*.hydropostWidget .systemName:not(.level0) {
	background-image: url(/img/icons_rin/systree/green/bullet.svg);
	background-size: 0.6em;
	background-repeat: no-repeat;
}
.hydropostWidget .systemName.level1 {
	padding-left: 1.1em;
	background-position: 0.1em 0.3em;
}
.hydropostWidget .systemName.level2 {
	padding-left: 2.3em;
	background-position: 1.3em 0.3em;
}
.hydropostWidget .systemName.level3 {
	padding-left: 3.5em;
	background-position: 2.5em 0.3em;
}
.hydropostWidget .systemName.level4 {
	padding-left: 4.7em;
	background-position: 3.7em 0.3em;
}*/
.hydropostWidget .hpReadinessWarnings:not(:empty) {
	color: #C32D34;
}
.hydropostWidget .canalBlock
, .hydropostWidget .systemBlock
, .hydropostWidget .hpReadinessWarnings:not(:empty)
, .hydropostWidget > .watercourse
{
	font-size: 0.86em;
	padding: 0.5rem 0.5rem 0.2rem 3.8rem;
	font-weight: 700;
}
.hydropostWidget .mainContact
, .hydropostWidget .contacts
{
	font-size: 0.86em;
	padding: 0.5rem 0.5rem 0.2rem 3.8rem;
}
.hydropostWidget.embedded .canalBlock
, .hydropostWidget.embedded .systemBlock
, .hydropostWidget.embedded .mainContact
, .hydropostWidget.embedded .contacts
, .hydropostWidget.embedded .hpReadinessWarnings:not(:empty)
, .hydropostWidget.embedded > .watercourse
{
	padding: 0.5rem 0.5rem 0.2rem 5rem;
}
.hydropostWidget:not(.embedded) > .watercourse {
	padding-top: 0.3rem;
}
.hydropostWidget .lastMeasure {
	display: flex;
	flex-direction: column;
	font-size: 0.86rem;
	padding: 0.5rem 0.5rem 2px 3.8rem;
	border-top: #D7D5D5 1px solid;
}
.hydropostWidget .label {
	padding-bottom: 2px;
}
.hydropostWidget .levelMeter {
	position: absolute;
	top: 3.4rem;
	left: calc(0.7rem - 1px);
	width: calc(2.1rem + 2px);
	border-radius: 100px;
	bottom: 0.6rem;
	background-color: #fff;
	overflow: hidden;
	border: 2px solid var(--hpTypeColorDark);
}
.hydropostWidget .levelMeter.disabled {
	border-color: #999;
	background-color: #ddd;
}
.hydropostWidget .levelMeter.disabled .widgetLevelIndicator
, .hydropostWidget .levelMeter.disabled .widgetLevelValue
{
	display: none;
}
.hydropostWidget.embedded .levelMeter {
	bottom: 0.5rem;
}
.levelMeter .widgetLevelIndicator {
	position: absolute;
	width: 400%;
	height: 100%;
	background-image: url('/img/hp_level_indicator.png');
	background-repeat: repeat-x;
	background-size: 25% auto;
	animation: hpLevelFlowAnim 1.45s linear infinite;
	filter: var(--contrastFilter);
}
.levelMeter .widgetLevelIndicator.warn {
	filter: hue-rotate(170deg);
}
.levelMeter .widgetLevelIndicator.overflow {
	background-color: #008CF5;
	background-image: none;
	filter: hue-rotate(150deg);
}
.widgetLevelGlass {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(336deg, #1352, transparent), linear-gradient(90deg, transparent, #FFF3);
}
/*.widgetLevelValue {
	font-size: 0.78rem;
	position: absolute;
	bottom: 4%;
	left: 0;
	width: 100%;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	text-align: center;
}*/
.widgetLevelValue {
	font-size: 0.74rem;
	font-weight: 700;
	position: absolute;
	left: 0;
	width: 100%;
	color: #000;
	text-align: center;
	line-height: 1;
	padding: 3px 0;
}
.widgetLevelValue.over70 {
	background-color: #0002;
	transform: translateY(8px);
	color: #fff;
}

@keyframes hpLevelFlowAnim {
	0% {
		left: -100%;
	}
	50% {
		left: -150%;
	}
	100% {
		left: -200%;
	}
}

.hydropostWidget .basicBtn.settings {
	position: absolute;
	padding: 0;
	top: 4px;
	right: 5px;
	width: 1.4rem;
	height: 1.4rem;
	background-color: transparent;
	border-radius: 100px;
}
.hydropostWidget .basicBtn.settings:hover {
	background-color: #3333;
}

.hydropostWidget .hpWarningsContainer {
	padding: 0 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.hydropostWidget .hpWarningsContainer .indicator {
	width: 15px;
	height: 15px;
}
.hydropostWidget .hpLinks {
	border-radius: 5px;
	background-color: #F2F1EF;
	margin: 2px 6px 0 6px;
	padding: 5px calc(0.88em - 5px) 6px;
	display: flex;
	flex-direction: column;
	font-size: 0.96em;
	letter-spacing: -0.2px;
	gap: 4px;
}
.hydropostWidget .pageLink .pageLinkIcon
, .settingsLinksContainer .pageLink .pageLinkIcon
{
	width: 1.05em;
	height: 1.05em;
	background-size: 0.85em;
	margin-left: 0.5em;
}
.settingsLinksContainer {
	padding: 0.5em 0.8em;
	display: flex;
	flex-direction: column;
	font-size: 0.96em;
	letter-spacing: -0.2px;
	gap: 3px;
}

.hydropostWidgetWrapper .status {
	/*position: absolute;
	top: 0;
	left: 100%;*/
	height: 100%;
	width: 20px;
	padding: 4px 0 0 4px;
}
.hydropostWidgetWrapper .status .indicator {
	height: 16px;
	width: 16px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

@media (min-width: 1050px) {
	.hydropostWidget.embedded:not(.hpPage) .title {
		padding: 1rem 2em 4px 5.7rem;
		min-height: 3.5rem;
		font-size: 1.25rem;
		background-size: auto 2.3rem;
		background-position: 1rem 1rem;
	}
	.hydropostWidget.embedded:not(.hpPage) .hpType {
		padding: 0px 0.7rem 0.7rem 5.7rem;
	}
	.hydropostWidget.embedded:not(.hpPage) .levelMeter {
		top: 4rem;
		left: calc(1rem - 1px);
		width: calc(2.3rem + 2px);
	}

	.hydropostWidget.embedded:not(.hpPage) .canalBlock
	, .hydropostWidget.embedded:not(.hpPage) .systemBlock
	, .hydropostWidget.embedded:not(.hpPage) .hpReadinessWarnings:not(:empty)
	, .hydropostWidget.embedded:not(.hpPage) .mainContact
	, .hydropostWidget.embedded:not(.hpPage) .contacts
	, .hydropostWidget.embedded:not(.hpPage) > .watercourse
	{
		font-size: 0.92em;
		padding: 0.5rem 0.7rem 0.2rem 5.7rem;
	}

	.hydropostWidget.embedded:not(.hpPage) .levels {
		padding: 0.5rem 0.7rem 0 4.4rem;
	}
	.hydropostWidget.embedded:not(.hpPage) .levels .drop {
		background-size: auto 1.1em;
		background-position: 0 40%;
		width: 1.3rem;
	}

	.hydropostWidget .basicBtn.settings {
		width: 1.6rem;
		height: 1.6rem;
	}
	.hydropostWidget.embedded.hpPage .basicBtn.settings {
		width: 1.3em;
		height: 1.3em;
		top: -0.5em;
		right: -0.5em;
	}
}

@media (min-width: 2000px) {
	.dailySystemOverview2-hpsPane {
		grid-template-columns: repeat(auto-fill, 204px);
	}
}

@media (min-width: 2500px) {
	.dailySystemOverview2-hpsPane {
		grid-template-columns: repeat(auto-fill, 230px);
	}
	.hydropostWidgetWrapper {
		width: 240px;
	}
	.hydropostWidget:not(.embedded) {
		width: 220px;
	}
	.hydropostWidget:not(.embedded) .title {
		padding: 1rem 2em 4px 5.7rem;
		min-height: 3.5rem;
		font-size: 1.25rem;
		background-size: auto 2.3rem;
		background-position: 1rem 1rem;
	}
	.hydropostWidget:not(.embedded) .hpType {
		padding: 0px 0.7rem 0.7rem 5.7rem;
	}
	.hydropostWidget:not(.embedded) .levelMeter {
		top: 4rem;
		left: calc(1rem - 1px);
		width: calc(2.3rem + 2px);
	}

	.hydropostWidget:not(.embedded) > .watercourse {
		font-size: 0.92em;
		padding: 0.5rem 0.7rem 0.2rem 5.7rem;
	}

	.hydropostWidget:not(.embedded) .levels {
		font-size: 1rem;
		padding: 0.5rem 0.7rem 0.5rem 4.4rem;
	}
	.hydropostWidget:not(.embedded) .levels .drop {
		background-size: auto 1.1em;
		background-position: 0 40%;
		width: 1.3rem;
	}
}

@media (min-width: 3200px) {
	.dailySystemOverview2-hpsPane {
		grid-template-columns: repeat(auto-fill, 294px);
	}
	.hydropostWidgetWrapper {
		width: 300px;
	}
	.hydropostWidget:not(.embedded) {
		width: 280px;
	}
}


.vita-menuSpoilerContent.asIcons .vita-menu.mini {
	width: 16px;
}
.vita-menuSpoilerContent.asIcons .vita-menu.mini .vita-menu-hint {
	font-size: 0;
}
.vita-menuSpoilerContent.asIcons .vita-menu.mini .vita-menuBtn {
	background-image: none !important;
}

.vita-selectMultipleHydropostWidget {
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 0.6em;
}
.vita-selectMultipleHydropostListContainer {
	overflow-y: auto;
}
tr.overviewHpostSelectListRow:hover {
	cursor: pointer;
	background-color: #D7D5D560;
}

.kb-dialog.mapDialog .dialog {
	width: max(min(900px, 100%), 90%);
	left: calc(50% - max(min(450px, 50%), 45%));
}
.kb-dialog.mapDialog .mapDialogContent {
	height: var(--dialogContentInnerHeight);
	width: 100%;
}

.kb-dialog.hydropostDetailsDialog .dialog {
	width: max(min(1060px, 100%), 80%);
	left: calc(50% - max(min(530px, 50%), 40%));
}
.kb-dialog.hydropostDetailsDialog.split .dialog {
	width: max(min(1800px, 100%), 96%);
	left: calc(50% - max(min(900px, 50%), 48%));
}
.kb-dialog.hydropostDetailsDialog .dialog > .content {
	padding: 1.2em;
}
.hydropostDetailsForm {
	display: flex;
	gap: 14px;
	margin-bottom: 4px;
}
.hydropostDetailsColLeft {
	width: max(220px, min(30%, 320px));
	flex-shrink: 0;

	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 1px 10px 0px #0000001A;
}
.hydropostDetailsColRight {
	flex-grow: 1;
	width: 50%;
}
/*.hydropostDetailsColLeft > div {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 1px 10px 0px #0000001A;
}*/
.hydropostDetailsColLeft > div:not(:last-child) {
	margin-bottom: 0.8em;
}
.hydropostDetailsColLeft > hr {
	border: 0;
	width: calc(100% - 2rem);
	background-color: #B5B1AF60;
	height: 2px;
	margin: 0 1rem;
}
.hydropostDetailsForm .hpStatusContainer {
	width: 100%;
	padding: 0.9em 1em;
	display: flex;
	flex-wrap: wrap;
}
.hydropostDetailsForm .hpLinksWidget {
	width: 100%;
	padding: 0.9em 1em;
	font-size: 0.9rem;
	display: flex;
	gap: 0.4em;
	flex-direction: column;
}
.hydropostDetailsForm .weatherContainer {
	width: 100%;
	padding: 0.9em 1em 0.2rem;
}
.hydropostDetailsForm .weatherWidget .weatherStats {
	display: flex;
	justify-content: space-between;
}
.hydropostDetailsForm .weatherWidget .details {
	font-size: 0.9rem;
}
.hydropostDetailsForm .weatherWidget .temp {
	font-size: 1.6rem;
	font-weight: 500;
}
.hydropostDetailsForm .weatherWidget .forecast {
	font-size: 0.9rem;
	padding-top: 0.3rem;
	text-align: right;
}
.weatherWidget .forecast .pageLinkIcon {
	width: 1.1em;
	height: 1.1em;
	margin-left: 0.5em;
}
.weatherWidget .errorTitle {
	font-weight: 600;
	color: #940019;
}


.hydropostDetailsForm .hpPhotoContainer {
	height: 220px;
	padding: 0.7rem;
	position: relative;
}
.hydropostDetailsForm .hpStatusContainer:empty
, .hydropostDetailsForm .hpPhotoContainer:empty
, .hydropostDetailsForm .sensorWidgetContainer:empty
, .hydropostDetailsForm .hpLinksWidget:empty
, .hydropostDetailsForm .weatherContainer:empty
, .hydropostDetailsForm .hpStatusContainer:empty + hr
, .hydropostDetailsForm .hpPhotoContainer:empty + hr
, .hydropostDetailsForm .sensorWidgetContainer:empty + hr
, .hydropostDetailsForm .hpLinksWidget:empty + hr
, .hydropostDetailsForm .weatherContainer:empty + hr
{
	display: none;
}
.hydropostDetailsForm .hpLinksWidget .pageLinkIcon {
	width: 14px;
	height: 14px;
	margin-left: 0.5em;
}
.hpLinksWidget .hpLinkLine {
	display: inline-block;
}
.hpLinksWidget .copyCoordsBtn {
	background-image: url('/img/icons/copy.svg');
	background-repeat: no-repeat;
	background-size: auto 85%;
	background-position: center;
	display: inline-block;
	margin-left: 0.4em;
	height: 1.4em;
	width: 1.4em;
	border-radius: 4px;
	vertical-align: middle;
	cursor: pointer;
}
.hpLinksWidget .copyCoordsBtn:hover {
	background-color: #3333;
}

.hpLink {
	padding-left: 1.6em;
	background-repeat: no-repeat;
	background-size: 1.1em;
	background-position: left;
}
.hpLink.dischargeTable.none
, .hpLink.passport.none
{
	color: #C32D34;
}
.hpLink.passport {
	background-image: url(/img/icons_rin/menu/doc_grey.svg);
}
.hpLink.dischargeTable, .hpLink.rulers {
	background-image: url(/img/icons/chart.svg);
}
.hpLink.photos {
	background-image: url(/img/icons/photo.svg);
}
.hpLink.map {
	background-image: url(/img/icons/map2.svg);
	background-size: auto 1.2em;
	background-position: 1px center;
}
.indicatorLine {
	display: flex;
	gap: 8px;
	font-size: 0.91rem;
	font-weight: 500;
}
.indicatorLine:not(:last-child) {
	margin-bottom: 0.5em;
}
.hydropostDetailsForm .hpStatusContainer .indicator {
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	flex-shrink: 0;
	flex-grow: 0;
}
.hydropostDetailsForm .sensorWidgetContainer {
	padding: 0.5rem 0.7rem 0 0.5rem;
}
.hydropostDetailsForm .hpConditionWidget {
	padding: 0.5em 0.7rem 0 0.7rem;
}
.hydropostDetailsForm .hpConditionWidget .hpConditionStatus {
	display: flex;
}
.hydropostDetailsForm .hpConditionWidget .hpConditionList {
	display: flex;
	flex-direction: column;
	gap: 8px;
	background-color: #fff;
	overflow: hidden;
	padding: 0.2em 0;
}
.hydropostDetailsForm .hpConditionWidget .hpConditionList .row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 0.38em;
}
.hydropostDetailsForm .hpConditionWidget .hpConditionList .row .label {
	text-align: left;
}
.hydropostDetailsForm .hpConditionWidget .hpConditionList .row .value {
	text-align: right;
}

.hydropostDetailsForm .hpConditionWidget .entry {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0.3rem;
	font-size: 0.96rem;
	text-align: right;
}
.hydropostDetailsForm .hpConditionWidget .entry .label {
	text-align: left;
}
.hydropostDetailsForm .hpConditionWidget .entry:not(.media) {
	border-bottom: 1px dotted #D7D5D5;
}

.hydropostDetailsForm .hpConditionWidget .comment {
	width: 100%;
	margin: 0;
}
.hydropostDetailsForm .hpConditionWidget .comment .commentTitle {
	color: #525F6B;
	font-size: 0.9em;
	margin-top: -1px;
	margin-bottom: 0.5em;
	font-weight: 600;
}
.hydropostDetailsForm .hpConditionWidget .toggleButton {
	width: 100%;
	margin-top: 8px;
}
.hydropostDetailsForm .hpConditionSummary {
	overflow: hidden;
	background-color: #fff;
	padding: 0.2em 0.38em;
}
.hydropostDetailsForm .imageDisplay {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
}
.hydropostDetailsForm .imageDisplay:hover {
	filter: brightness(0.95) contrast(1.3);
}
.hydropostDetailsForm .photoComment {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 0.7em 1em;
	font-size: 0.9em;
	background-color: #fffb;
}

@media (min-width: 1050px) {
	.hydropostDetailsForm .sensorWidgetContainer {
		padding: 0.5rem 1rem 0.1rem 0.5rem;
	}
	.hydropostDetailsForm .hpConditionWidget {
		padding: 0.5em 1rem 0.1rem 1rem;
	}
	.hydropostDetailsForm .hpPhotoContainer {
		height: 240px;
		padding: 1rem;
	}
	.hydropostDetailsForm .hpStatusContainer {
		padding: 0.7rem 0.7rem 0.1rem calc(5.7rem - 24px);
	}
	.hydropostDetailsForm .hpLinksWidget
	, .hydropostDetailsForm .weatherContainer
	{
		padding: 0.7rem 0.7rem 0.1rem 4.1rem;
	}
}



.hydropostDetailsForm .measurementsHeader {
	width: 100%;
	height: 2.8em;
	background-color: var(--hpTypeColorDark);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1em;
	font-weight: 500;
	font-size: 1.1em;
	border-radius: 10px 10px 0 0;
	line-height: 1;
}
.hydropostDetailsForm .vita-chartContainer {
	margin-top: 0;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	padding-top: 0;
}

.hydropostDetailsForm .measurementsHeader .chartControls {
	display: flex;
}
.hydropostDetailsForm .chartOuterContainer.expanded .vita-chartContainer {
	--dataHeight: calc(var(--dialogContentInnerHeight) - 2.8em);
}
.hydropostDetailsForm .chartContainer.multiple
, .hydropostDetailsForm .measurementsOuterContainer.multiple {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	gap: 3px;
}
.basicBtn.chartSwitch {
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 70%;
}
.basicBtn.chartSwitch.prevDay {
	background-image: url(/img/icons/arrow_left_white.png);
	background-size: auto 50%;
}
.basicBtn.chartSwitch.nextDay {
	transform: scaleX(-1);
	background-size: auto 50%;
	background-image: url(/img/icons/arrow_left_white.png);
}
.basicBtn.chartSwitch.split {
	background-image: url(/img/icons/switch_split.png);
}
.basicBtn.chartSwitch.merge {
	background-image: url(/img/icons/switch_merge.png);
}
.basicBtn.chartSwitch.expand {
	background-image: url(/img/icons/switch_hpchart_expand.png);
}
.basicBtn.chartSwitch.collapse {
	background-image: url(/img/icons/switch_hpchart_collapse.png);
}
.basicBtn.chartSwitch.disabled {
	opacity: 0.5;
}
.hydropostDetailsForm .measurementsHeader .basicBtn.chartSwitch {
	height: 1.6em;
	width: 2em;
	margin-left: 0.5em;
	background-color: #16263540;
}
.hydropostDetailsForm .measurementsHeader .basicBtn.chartSwitch:hover {
	background-color: #16263558;
}
.hydropostDetailsForm .measurementsHeader .basicBtn.chartSwitch:focus-visible {
	outline: #16263570 2px outset;
}

.hydropostDetailsForm .measurementsContainer {
	background-color: #fff;
	margin-top: 0.8em;
	overflow: hidden;
	border-radius: 10px;
}
.hydropostDetailsForm .measurementsTableContainer {
	height: calc(var(--dialogContentInnerHeight) - max(100px, min(240px, 45vh)) - 6em);
	width: 100%;
	overflow-y: auto;
}
.hydropostDetailsForm .measurementsTable td {
	padding: 6px 0.2em 4px min(2em, 20%);
	font-size: 1.1em;
	width: 33%;
	border-bottom: 1px solid #EAE9E9;
}
.hydropostDetailsForm .measurementsHeaderTable {
	border-bottom: 1px solid #E0E0E0;
}
.hydropostDetailsForm .measurementsHeaderTable th {
	padding: 0.6em 0.2em 0.6em min(2em, 20%);
	width: 33%;
	text-align: left;
	font-weight: 400;
	background-color: var(--hpTypeColorDark);
	color: #fff;
}
.hydropostDetailsForm .measurementsTable.threeCol td:first-child
, .hydropostDetailsForm .measurementsHeaderTable.threeCol th:first-child {
	width: 34%;
}
.hydropostDetailsForm .measurementsTable.fourCol td
, .hydropostDetailsForm .measurementsHeaderTable.fourCol th {
	width: 25%;
}
.hydropostDetailsForm .measurementsHeaderTable th.scrollPadding {
	width: 8px;
}

.measurementsTable tr:hover {
	background-color: #F2F1EF;
}

.vita-childSystemsTable {
	/*margin-left: 3em;
	width: calc(100% - 3em);*/
	width: 100%;
}
.vita-childSystemsTable td
, .vita-childSystemsTable th
{
	padding: 6px 3px;
	line-height: 1;
}
.vita-childSystemsTable .depth0 {
	font-size: 1.15em;
	font-weight: 600;
}
.vita-childSystemsTable .depth0:not(:first-child) td {
	border-top: 1px solid var(--widgetSectionBorder);
	padding-top: 9px;
}
.vita-childSystemsTable .depth1 {
	font-size: 1.1em;
	font-weight: 400;
}
.vita-childSystemsTable .depth2 {
	font-size: 1.05em;
}
.vita-childSystemsTable .depth3 {
	font-size: 1em;
}
.vita-childSystemsTable .depth4 {
	font-size: 1em;
}
/*.vita-childSystemsTable .depth1 .sysName {
	background-size: 1.1em;
}
.vita-childSystemsTable .depth2 .sysName {
	background-position: 3.4em center;
	padding-left: 5.2em;
}
.vita-childSystemsTable .depth3 .sysName {
	background-position: 6.4em center;
	padding-left: 8.2em;
}
.vita-childSystemsTable .depth4 .sysName {
	background-position: 9.6em center;
	padding-left: 11.4em;
}
.vita-childSystemsTable .depth5 .sysName {
	background-position: 13.4em center;
	padding-left: 15.2em;
}*/

.vita-childSystemsTable .contextBtn.contacts {
	opacity: 0.55;
}
.vita-childSystemsTable .contextBtn.contacts:hover {
	opacity: 0.7;
}

.vita-filterContainer.tasksFilter {
	right: calc(40% - 2em);
	position: absolute;
}
.vita-pageWidgetBody.vita-tasksView {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	font-size: min(1em, 1.3vw);
}
.taskList {
	flex-shrink: 0;
	width: 60%;
}

.taskContentPane {
	flex-shrink: 0;
	width: calc(40% - 2em);
	padding-left: 2em;
	margin-left: 2em;
	border-left: 2px solid var(--widgetSectionBorder);
	position: relative;
}
.taskEntry {
	border-bottom: 1px solid var(--widgetSectionBorder);
	padding: 0.6em 0;
}
.taskEntry.header {
	background-color: #E8E3E0;
	color: #363640;
	/*padding: 0.4em 1.1em 0.6em 1.2em;*/
	padding: 0.9em 1.1em 0.4em 1.2em;
	margin: 0 -1.1em;
	border-radius: 12px 12px 0 0;
}
.taskEntryTopRow
, .taskEntryBottomRow
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1em;
}
.taskEntryBottomRow {
	padding-bottom: 0.6em;
}
.taskEntry .title {
	width: 100%;
	flex-shrink: 1;
}
.taskEntry:not(.header) .title {
	/*border-left: 1px solid var(--widgetSectionBorder);
	padding-left: 1em;*/
	font-weight: 600;
	font-size: 1.07em;
	line-height: 0.95;
	padding-bottom: 1px;
}
.taskEntry .created
, .taskEntry .closed
{
	font-size: 0.81em;
	font-weight: 500;
}
.taskEntry .author
, .taskEntry .exec
{
	flex-shrink: 1;
	width: 50%;
}
.taskEntry .exec {
	text-align: right;
}
.taskEntry .priority
, .taskEntry .status
{
	width: min-content;
	flex-shrink: 0;
	flex-grow: 0;
	border-radius: 1em;
	padding: 0.3em 1em;
	line-height: 1.1;
}

.taskEntry .sortLabel.date {
	text-align: center;
	font-size: 0.9em;
	font-weight: 500;
	width: 5.87em;
	flex-shrink: 0;
}
.taskEntry .sortLabel:first-child {
	flex-shrink: 0;
	width: 6.5em;
}

.taskEntry .actionsNum
, .taskEntry .commentNum
, .taskEntry .sortLabel.counter {
	text-align: center;
	width: 2em;
	flex-shrink: 0;
}


.status.s1 {
	background-color: #fff;
}
.status.s2 {
	background-color: #016565;
	color: #fff;
}
.status.s3 {
	background-color: #363640;
	color: #fff;
}
.status.s4 {
	background-color: #C32D34;
	color: #fff;
}
.status.s5 {
	background-color: #999999;
	color: #fff;
}
.status.s6 {
	background-color: #64aeA2;
	color: #fff;
}
.priority.p1 {
	background-color: #C32D34;
	color: #fff;
}
.priority.p2 {
	background-color: #F75353;
	color: #fff;
}
.priority.p3 {
	background-color: #E46066;
	color: #fff;
}
.priority.p4 {
	background-color: #016565;
	color: #fff;
}
.priority.p5 {
	background-color: #8CC5B4;
	color: #fff;
}
.priority.p6 {
	background-color: #008CF5;
	color: #fff;
}
.priority.p7 {
	background-color: #42B1FE;
	color: #fff;
}
.priority.p8 {
	background-color: #fff;
	color: #403f3d;
}
.priority.p9 {
	background-color: #999999;
	color: #fff;
}
.priority.p10 {
	background-color: #DD66F6;
	color: #fff;
}

.taskActions {
	/*position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	z-index: 1;*/
	display: flex;
	font-size: 0.9em;
}
.taskDetails {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	font-size: 0.95em;
	position: sticky;
}
.taskDetails .priority
, .taskDetails .status
{
	display: inline-block;
	border-radius: 1em;
	padding: 0.3em 1em;
	line-height: 1.1;
}
.taskTitle {
	font-weight: 600;
	font-size: 1.1em;
	line-height: 1.05;
	margin-bottom: 0.8em;
}
.taskDescription {
	margin-top: 0.8em;
	padding-bottom: 0.5em;
}
.taskResolution {
	padding: 0.5em 0;
	border-top: var(--widgetSectionBorder) 1px solid;
}

.taskCommentListTitle {
	font-weight: bold;
}

.taskActionText .priority
, .taskActionText .status
{
	border-radius: 1em;
	padding: 1px 0.7em;
	margin: 0 0.2em;
}
.taskCommentList {
	display: flex;
	flex-direction: column;
	margin-top: 30px;
	gap: 20px;
}
.taskCommentList:empty {
	margin-top: 10px;
}

.taskCommentActionBlock {
	display: flex;
	flex-direction: column;
	gap: 6px;
	background-color: #eeeeee;
	padding: 5px;
	border-radius: 5px;
}
.taskCommentTitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.taskCommentTitle .title {
	font-weight: bold;
}
.taskCommentTitle .taskCommentActions {
	display: flex;
	gap: 4px;
	font-size: 0.87em;
}
.taskCommentActionBlock img {
	height: min-content;
	width: min-content;
}
.taskActionTitle {
	font-weight: bold;
	display: flex;
	gap: 5px;
}

.commentForm {
	border: 1px solid var(--widgetSectionBorder);
	border-radius: 0.5em;
	padding: 0.8em;
	margin: 1em 2px;
}
.commentForm .preview {
	border-top: 1px solid var(--widgetSectionBorder);
	padding: 0.8em;
	margin: 0.2em 0 1em;
	background-color: #F7F7F7;
}
.commentButtons {
	display: flex;
	justify-content: space-between;
}
.commentButtons > .basicBtn {
	padding: 0.32em 0.9em;
}
.taskActions > .editBtn {
	border-radius: 0;
	border-left: 1px solid #A09999;
	padding: 0.32em 0.5em;
}
.taskActions > .editBtn:first-child {
	border-radius: 100px 0 0 100px;
	border-left: none;
	padding-left: 1em;
}
.taskActions > .editBtn:last-child {
	border-radius: 0 100px 100px 0;
	padding-right: 1em;
}

.taskFilterTable td {
	padding: 0.2em;
}
.taskFilterTable tr:nth-child(even) td {
	padding-bottom: 0.4em;
}
.taskFilterDialog > .dialog {
	width: min(480px, 100%);
	left: calc(50% - min(240px, 50%));
}

.taskCardsContainer {
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
}
.taskCard {
	background-color: #ffffff;
	box-shadow: 1px 2px 4px #0003;
	width: min(22.2em, calc(50% - 1em));
	overflow: hidden;
}
.taskCard .statusLine {
	display: flex;
	align-items: center;
}
.taskCard .statusLine > * {
	width: 50%;
	flex-shrink: 0;
	flex-grow: 0;
	padding: 0.3em 0.3em 0.35em 0.8em;
	text-shadow: 0 0.5px 6px #0007;
}
.taskCard .statusLine > .status {
	padding: 0.3em 0.8em 0.35em 0.3em;
	text-align: right;
}
.taskCard .statusLine > .status.s1 {
	text-shadow: none;
	border-top: 1px solid var(--widgetSectionBorder);
	border-bottom: 1px solid var(--widgetSectionBorder);
}
.taskCardTitle .title {
	padding: 0.8em 0.6em 0.7em 0.8em;
	font-weight: 700;
	min-height: 4.1em;
	text-wrap: pretty;
}
.taskCard.resolved .taskCardTitle .title {
	font-weight: 400;
}

.taskCardDetails {
	gap: 0.5em;
	display: flex;
	flex-direction: column;
	padding: 0.8em 1em;
}
.taskCardDetails .entry {
	display: flex;
	justify-content: space-between;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #D7D5D5a0;
}
.taskCardDetails .entry .value {
	text-align: right;
}


.hydropostsConditionTable {
	background: #fff;
	/*border-radius: 9px 9px 0 0;*/
	overflow: hidden;
}
.hydropostsConditionTable tr.header {
	background-image: linear-gradient(175deg, #ffffff09, #00000009);
	background-color: #488687;
}
.hydropostsConditionTable tr.header th {
	border-bottom: 1px var(--widgetSectionBorder) solid;
	font-size: 0.82em;
	font-weight: 400;
	width: 10%;
	text-align: center;
	color: #fff;
}
.hydropostsConditionTable td.hpNameRow {
	padding: 0;
	/*background-image: linear-gradient(128deg, var(--hpTypeColorDark) calc(100% - 5em), transparent calc(100% - 4.95em));
	color: #fff;*/
}
.hydropostsConditionTable .hpNameRowContainer {
	position: relative;
	padding: 1em 3em 1em 4.1em;
	width: 100%;
	display: flex;
	gap: 1em;
	align-items: center;
}

.hydropostsConditionTable.withPhotos td.canal
, .hydropostsConditionTable.withPhotos td.well
, .hydropostsConditionTable.withPhotos td.ruler
, .hydropostsConditionTable.withPhotos td.tareTable
, .hydropostsConditionTable.withPhotos td.protection
{
	width: 11%;
}


.hydropostsConditionTable .dataRow td {
	text-align: center;
	padding: 0.2em 2px 0.4em;
	min-height: 3.4em;
	position: relative;
}
.hydropostsConditionTable tr.dataRow td:not(:first-child) {
	border-left: #e6e5e5 1px solid;
}
.hydropostsConditionTable .dataRow td.draggedOver:after
, .hpConditionCard .conditionData .entry.draggedOver:after
{
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0.1rem;
	background-color: #0001;
}

.hydropostsConditionTable .hpTypeIcon
, .hydropostsConditionTable .conditionEditBtn
, .hydropostsConditionTable .galleryBtn
{
	width: 2.23em;
	height: 2.23em;
	top: calc(50% - 1.15em);
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.hydropostsConditionTable.commonHeaders .hpTypeIcon
, .hydropostsConditionTable.commonHeaders .conditionEditBtn
, .hydropostsConditionTable.commonHeaders .galleryBtn
{
	box-shadow: #00000010 0 1px 10px;
}
.hydropostsConditionTable .hpTypeIcon {
	left: 1em;
	background-image: url(/img/icons_rin/hp/drop.svg);
	background-size: 1.115em auto;
	border-radius: 100px;
	background-color: var(--hpTypeColor);
}
.hydropostsConditionTable.individualHeaders .hpTypeIcon {
	border: 1px solid #ffffff9c;
	background-color: #0000002A;
}

.hydropostsConditionTable .conditionEditBtn {
	right: 0.8em;
	border-radius: 6px;
	background-size: 60%;
	background-color: #00000010;
	background-image: url(/img/icons_rin/hp/edit.svg);
}
.hydropostsConditionTable .galleryBtn {
	right: 3.6em;
	border-radius: 6px;
	background-size: 74%;
	background-color: #00000010;
	background-image: url(/img/icons/photo_white.svg);
}
.hydropostsConditionTable .galleryBtn:last-child {
	right: 0.8em;
}
.hydropostsConditionTable.individualHeaders .conditionEditBtn
, .hydropostsConditionTable.individualHeaders .galleryBtn
{
	background-color: #0000002A;
}

.hydropostsConditionTable .conditionEditBtn:hover
, .hydropostsConditionTable .hpTypeIcon:hover
, .hydropostsConditionTable .galleryBtn:hover
{
	background-color: #0004;
}

.hydropostsConditionTable .hpType6 .conditionEditBtn
, .hydropostsConditionTable .hpType6 .hpTypeIcon
, .hydropostsConditionTable .hpType6 .galleryBtn
{
	background-color: #f9fbff1b;
}
.hydropostsConditionTable .hpType6 .conditionEditBtn:hover
, .hydropostsConditionTable .hpType6 .hpTypeIcon:hover
, .hydropostsConditionTable .hpType6 .galleryBtn:hover
{
	background-color: #f0f6ff2f;
}

.hydropostsConditionTable .conditionEditBtn:focus-visible
, .hydropostsConditionTable .hpTypeIcon:focus-visible
, .hydropostsConditionTable .galleryBtn:focus-visible
{
	outline: #fff 2px outset;
}

.hydropostsConditionTable .hpDetails {
	display: flex;
	padding-bottom: 1px;
	gap: 0.7em;
	font-size: 0.97em;
}
.hydropostsConditionTable.commonHeaders .hpDetails {
	padding-bottom: 1px;
	color: #444444;
}
.hydropostsConditionTable.individualHeaders .hpDetails {
	color: #fffffff0;
}
.hydropostsConditionTable .hpName {
	font-size: 1.4em;
}
.hydropostsConditionTable .hpName .pageLink .pageLinkIcon {
	margin: 0 0 0.2em 0.5em;
}

.hydropostsConditionTable tr.dataRow {
	font-size: 0.89em;
	font-weight: 600;
}
.hydropostsConditionTable.commonHeaders tr.even {
	background-color: #F5F9F8;
}
.hydropostsConditionTable .dataRow.even td:not(:first-child) {
	border-left: #e3e6e5 1px solid;
}
.hydropostsConditionTable td.comment {
	padding: 1em 1em 1.2em 5.7em;
	font-size: 0.89em;
	font-weight: 600;
}
.hydropostsConditionTable.commonHeaders td.comment {
	border-bottom: 1px #999999 solid;
}
.hydropostsConditionTable td.comment .commentHeader {
	font-size: 0.95em;
	color: #5f5f5f;
	padding-bottom: 0.3em;
}

.hydropostsConditionTable.individualHeaders td.comment {
	padding: 10px;
}
.hydropostsConditionTable.individualHeaders .commentBubble {
	padding: 0.8em 1em;
	/*box-shadow: 0 1px 10px #00000012;*/
	border-radius: 8px;
	background-color: #F0F7FE;
}

.hydropostsConditionTable td.produced {
	padding-left: 6em;
}
.hydropostsConditionTable td.media {
	padding-right: 1em;
}
.hydropostsConditionTable.individualHeaders td.produced {
	padding-left: 0.8em;
}
.hydropostsConditionTable.individualHeaders td.media {
	padding-right: 0.8em;
}
.hydropostsConditionTable tr.header th.produced {
	padding-left: 6.7em;
	width: 15%;
}
.hydropostsConditionTable tr.header th.media {
	padding-right: 3em;
	width: 13%;
}
.hydropostsConditionTable tr.header th.passport {
	width: 12%;
}

.hydropostsConditionTable .dataHeader td {
	font-size: 0.8em;
	font-weight: 600;
	text-align: center;
	padding: 1.4em 3px 1.2em;
}
.hydropostsConditionTable.individualHeaders .hpNameRow {
	background-color: var(--hpTypeColorDark);
	color: #fff;
}

.hpConditionEditCard {
	border-radius: 10px;
	box-shadow: 0 0 8px #0001;
	background-color: #fff;
	padding: 1em 1.2em;
	width: 16em;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.hpConditionEditCard .title {
	margin-bottom: 0.5em;
	font-weight: 600;
	font-size: 1.16em;
}
.hpConditionEditCard input[type="text"] {
	width: 100%;
}
.hpConditionEditCard .vita-dropdown {
	width: 100%;
}
.hpConditionImageSelector {
	margin-top: 1em;
}
.photoPreview {
	width: 100%;
	height: 10em;
	border-radius: 9px;
	margin-bottom: 1em;
	box-shadow: inset 0 1px 5px #0003;
	background-image: url(/img/no_image.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.hpConditionEditForm .imageCards {
	display: flex;
	gap: 1em;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hpConditionEditCard .buttonRow {
	display: flex;
	justify-content: center;
	gap: 0.7em;
}

.hpConditionGeneralCard
, .hpConditionMediaArea {
	border-radius: 10px;
	box-shadow: 0 0 8px #0001;
	background-color: #fff;
	padding: 1em 1.4em;
	width: 100%;
	text-align: left;
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	gap: 1em;
	margin-bottom: 2em;
}
.hpConditionGeneralCard .title
, .hpConditionMediaArea .title {
	font-weight: 500;
	font-size: 1.1em;
}
.hpConditionGeneralCard .save {
	width: max(30%, 10em);
}

.hpConditionEditForm .saveIndicator {
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 0.8em 2em 0.8em 1.9em;
	background-color: #f6f6f7;
	border-top-left-radius: 1em;
	font-size: 1.05em;
	font-weight: 600;
}

.hpConditionGeneralCard .condEntry {
	display: flex;
	gap: 0.5em;
	align-items: center;
}

.vita-hpConditionContainer .mediaLink
, .vita-hpConditionContainer .hasphoto
, .hpConditionWidget .mediaLink
, .hpConditionWidget .hasphoto
{
	text-decoration: underline;
	cursor: pointer;
}
.vita-hpConditionContainer .good
, .hpConditionWidget .good {
	color: #016565;
}
.vita-hpConditionContainer .good .hasphoto:hover
, .hpConditionWidget .good.hasphoto:hover {
	color: #46908C;
}

.vita-hpConditionContainer .bad
, .hpConditionWidget .bad
{
	color: #C32D34;
}
.vita-hpConditionContainer .warn
, .hpConditionWidget .warn
{
	color: #b85c00;
}
.vita-hpConditionContainer .bad .hasphoto:hover
, .hpConditionWidget .bad.hasphoto:hover {
	color: #E46066;
}

.vita-hpConditionContainer .mediaLink
, .vita-hpConditionContainer .passport .hasphoto
, .hpConditionWidget .mediaLink
, .hpConditionWidget .passport .hasphoto
{
	color: #162635;
}
.vita-hpConditionContainer .mediaLink:hover
, .vita-hpConditionContainer .passport .hasphoto:hover
, .hpConditionWidget .mediaLink:hover
, .hpConditionWidget .passport .hasphoto:hover
{
	color: #3B5A7D;
}

.hydropostsConditionTable .mediaList {
	display: flex;
	flex-direction: column;
	font-size: 0.9em;
	align-items: center;
}
.hydropostsConditionTable .mediaList .basicBtn {
	font-size: 1.11em;
}

.hpConditionGeneralCard .passportTitle {
	flex-grow: 1;
}

.hpConditionMediaArea {
	margin-top: 2em;
	margin-bottom: 0;
}

.hpConditionMediaArea .mediaList {
	border: 1px solid var(--widgetSectionBorder);
	padding: 1em;
	border-radius: 9px;
	box-shadow: inset 0 1px 5px #0003;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 1em;
}

.hpConditionMediaArea .mediaList .addMediaBtn {
	width: 14em;
	height: 11em;
	border-radius: 6px;
	box-shadow: 0 1px 3px #0004;
	background-image: url('/img/icons/plus_grey.png');
	background-position: center;
	background-size: auto 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
.hpConditionMediaArea .mediaList .addMediaBtn:hover {
	background-color: #eeedec;
}

.hpConditionMediaArea .mediaList .mediaFileContainer {
	width: 14em;
	height: 11em;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 1px 3px #0004;
	position: relative;
}
.hpConditionMediaArea .mediaList .preview {
	cursor: pointer;
	background-position: center;
	background-size: auto 38%;
	background-repeat: no-repeat;
	width: 100%;
	height: calc(100% - 2em);
}
.hpConditionMediaArea .mediaList .preview:hover {
	background-color: #eeedec;
}
.hpConditionMediaArea .mediaList .preview.video {
	background-image: url('/img/video_icon_t.png');
}
.hpConditionMediaArea .mediaList .preview.photo {
	background-size: cover;
}
.hpConditionMediaArea .mediaList .preview.photo:hover {
	box-shadow: #2C3948 inset 0 0 12px -2px;
}

.hpConditionMediaArea .mediaList .mediaControls {
	height: 2em;
	display: flex;
	gap: 1px;
	background-color: #999999;
}
.hpConditionMediaArea .mediaList .basicBtn.mediaControlBtn {
	font-size: 0.8em;
	border-radius: 0;
	padding: 0;
	flex-grow: 1;
}

.hpConditionMediaArea .mediaFileContainer .titleDisplay {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	max-height: 50%;
	font-size: 0.91em;
	font-weight: 600;
	padding: 0.7em 1em;
	display: none;
	background-color: #F2F1EF;
	border-bottom-right-radius: 6px;
}
.hpConditionMediaArea .mediaFileContainer:hover .titleDisplay:not(:empty) {
	display: block;
}

.mediaUploadDialogContent .newTitle
, .mediaUploadDialogContent .dateTaken
, .mediaRenameDialogContent .old
, .mediaRenameDialogContent .new {
	display: flex;
	gap: 0.6em;
	align-items: center;
}

.mediaUploadDialogContent .newTitle input
, .mediaRenameDialogContent .new input {
	flex-grow: 1;
}
.mediaUploadDialogContent > div {
	margin-bottom: 1.3rem;
}
.mediaUploadDialogContent .upload input {
	width: 100%;
}

.hpConditionMinPhoto {
	position: relative;
	width: 95%;
	max-width: 10em;
	border-radius: 9px;
	height: 7em;
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	background-size: cover;
	background-position: center;
	border: 2px solid #c5d6e7;
	overflow: hidden;
	cursor: pointer;
}
.hpConditionMinPhoto .photoTitle {
	border-radius: 7px 7px 0 0;
	background-color: #fffd;
	text-shadow: 0 1px 0.5em #fff;
	padding: 4px 7px 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.hpConditionMinPhoto:hover .photoTitle {
	background-color: #fffe;
}
.bad .hpConditionMinPhoto {
	border-color: #e46066;
}
.hpConditionMinPhoto:hover {
	border-color: #38A0E8;
}
.bad .hpConditionMinPhoto:hover {
	border-color: #C32D34;
}
.hpConditionMinPhoto > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.viewSwitch {
	/*position: relative;
	width: 7em;
	border-radius: 1em;
	background-color: #e8e3e0;
	box-shadow: inset 0 0 9px -2px #0003;
	display: flex;
	justify-content: space-between;
	padding: 4px;
	gap: 4px;*/
	min-height: 2.5rem;
	border-radius: 7px;
	display: flex;
	gap: 2px;
	padding: 3px;
	background-color: var(--mainBtnColor);
}
.viewSwitchBtn {
	width: 3.2em;
	flex-grow: 1;
	flex-shrink: 0;
	border-radius: 5px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 80%;
	opacity: 0.8;
}
.viewSwitchBtn:focus-visible {
	outline: 3px outset #97C9C0;
}
.viewSwitchBtn.active {
	/*background-color: #f2f1ef;
	box-shadow: 0 0 9px -2px #0003;*/
	background-color: #0000002E;
	opacity: 1;
}
.viewSwitchBtn:not(.active):hover {
	/*background-color: #CEC9C7;*/
	background-color: #0000004B;
	cursor: pointer;
	opacity: 1;
}
.viewSwitchBtn.table {
	background-image: url(/img/icons_rin/list.svg);
}
.viewSwitchBtn.ctable {
	background-image: url(/img/icons_rin/ctable.svg);
}
.viewSwitchBtn.cards {
	background-image: url(/img/icons_rin/grid.svg);
}
.viewSwitchBtn.bigcards {
	background-image: url(/img/icons/switch_big_cards.png);
}
.viewSwitchBtn.overview {
	background-image: url(/img/icons/switch_chart.png);
}
.viewSwitchBtn.powerSingle {
	background-image: url(/img/icons/switch_battery_single.png);
	background-size: auto 65%;
}
.viewSwitchBtn.powerBoth {
	background-image: url(/img/icons/switch_battery_divided.png);
}
.viewSwitchBtn.mobile {
	background-image: url(/img/icons/switch_mobile.png);
}

.vita-pageWidgetBody > .hpListParentSystemContainer
, .vita-pageWidgetBody > .hpListSystemContainer
{
	background-color: #F7F7F7;
	box-shadow: 0 1px 9px #0003;
	border-radius: 1.2em;
	overflow: hidden;
}

.vita-pageWidgetBody > .hpListSystemContainer .systemHeader {
	border-top: 0;
}
.hpListParentSystemContainer:not(:last-child)
, .vita-pageWidgetBody > .hpListSystemContainer:not(:last-child)
{
	margin-bottom: 2em;
}
.hpListParentSystemContainer > .hpListSystemContainer:not(:last-child):after
{
	content: '';
	width: 100%;
	height: 1.2em;
	background-color: #2C394830;
}

.hpListParentSystemContainer .titleBlock
, .hpListSystemContainer .titleBlock
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1em 0.7em;
}
.vita-pageWidgetBody > .hpListParentSystemContainer .dwmdHeader {
	font-size: 1.3em;
	font-weight: 600;
	width: 100%;
}
.hpListParentSystemContainer > .hpListParentSystemContainer .dwmdHeader {
	font-size: 1.25em;
	font-weight: 600;
	width: 100%;
	border-top: 2px solid var(--widgetSectionBorder);
	background-color: #F2F1EF;
}

.hpListSystemContainer .systemHeader {
	font-size: 1.18em;
	font-weight: 600;
	width: 100%;
	padding: 0.7em;
	border: 2px solid var(--widgetSectionBorder);
	background-color: #E8E3E0;
	border-width: 2px 0;
}
.hydropostsConditionCardsContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 1.5em;
	padding: 1.5em 1.7em 1.7em;
}
.hpConditionCard {
	background-color: #ffffff;
	box-shadow: 0 1px 9px #0003;
	border-radius: 10px;
	width: min(21.6em, calc(50% - 0.75em));
	overflow: hidden;
}
.hpConditionCard > * {
	font-size: min(1em, 2vmin);
}
.hpConditionCard .header {
	/*background-color: #4572A6;
	background-image: linear-gradient(161deg, #4d7bb0, #3b6698);
	background-image: linear-gradient(161deg, #ffffff09, #00000009);*/
	background-color: var(--hpTypeColor);
	background-image: linear-gradient(161deg, transparent, #00000010);
	color: #fff;
	padding: 0.77rem 5.4rem 0.4rem 4rem;
	display: flex;
	position: relative;
	min-height: 4.3rem;
}

.treeSpacer {
	display: inline-block;
	height: 0.3em;
	/*background-color: #2c3948;*/
	margin: 0 0.5em 0.2em 0;
}

.hpConditionCard .conditionEditBtn
, .hpConditionCard .hpTypeIcon
, .hpConditionCard .galleryBtn
{
	cursor: pointer;
	position: absolute;
	top: 0.8rem;
	width: 2.4rem;
	height: 2.4rem;
	flex-shrink: 0;
	flex-grow: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #0000002E;
}
.hpConditionCard .hpTypeIcon {
	left: 0.85rem;
	top: 0.85rem;
	border-radius: 2.4rem;
	background-size: 50%;
	background-image: url(/img/icons_rin/hp/drop.svg);
}
.hpConditionCard .conditionEditBtn {
	right: 0.85rem;
	top: 0.85rem;
	border-radius: 6px;
	background-size: 60%;
	background-image: url(/img/icons_rin/hp/edit.svg);
}
.hpConditionCard .galleryBtn {
	right: 3.4rem;
	top: 0.85rem;
	border-radius: 6px;
	background-size: 78%;
	background-image: url(/img/icons/photo_white.svg);
}
.hpConditionCard .galleryBtn:last-child {
	right: 0.85rem;
}
.hpConditionCard .hpTypeIcon:hover
, .hpConditionCard .conditionEditBtn:hover
, .hpConditionCard .galleryBtn:hover
{
	background-color: #0000004b;
}
.hpConditionCard .conditionEditBtn:focus-visible
, .hpConditionCard .hpTypeIcon:focus-visible
, .hpConditionCard .galleryBtn:focus-visible
{
	outline: #fff 2px outset;
}

.hpConditionCard .hpNameContainer {
	display: flex;
	flex-direction: column;
}
.hpConditionCard .hpNameContainer .hpName {
	font-size: 1.2em;
}
.hpConditionCard .hpNameContainer .hpDetails {
	font-size: 0.8em;
	display: flex;
	column-gap: 0.6em;
	line-height: 1.15;
	flex-wrap: wrap;
	margin-top: 1px;
}

.hpConditionCard .conditionData {
	padding: 1em 1.1em;
	gap: 1em;
	display: flex;
	flex-direction: column;
	font-weight: 500;
}
.hpConditionCard .conditionData .entry {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.hpConditionCard .conditionData .entry .value
, .hpConditionCard .conditionData .entry .nophoto
, .hpConditionCard .conditionData .entry .hasphoto
{
	text-align: right;
}

.hpConditionCard .comment
, .hpConditionWidget .comment {
	padding: 0.8em 1em;
	background-color: #f7f6f4;
	border-radius: 8px;
}

.hpConditionCard .commentHeader {
	font-size: 1.05em;
	color: #303030;
	font-weight: 600;
	padding-bottom: 0.4em;
}

.hpConditionCard .commentText {
	font-size: 0.94em;
	font-weight: 500;
	line-height: 1.4;
}

.hpConditionCard .mediaList {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	font-size: 0.9em;
	gap: 2px;
}

.hpConditionCard .mediaLink
, .hpConditionWidget .mediaLink
{
	display: inline-block;
	background-position: right 3px;
	background-repeat: no-repeat;
	background-size: 12px 10px;
}
.hpConditionCard .mediaSingleLink .editBtn {
	margin-left: 8px;
	font-size: 0.9em;
	padding: 0.15em 0.9em;
}
.hpConditionCard .mediaList .editBtn {
	font-size: 0.9em;
	padding: 0.15em 0.9em;
	margin-bottom: 0.3em;
}

.hpConditionCard .mediaLink[mediatype=p]
, .hpConditionWidget .mediaLink[mediatype=p]
{
	padding-right: 16px;
	background-image: url('/img/icons_rin/hp/photo.png');
}
.hpConditionCard .mediaLink[mediatype=v]
, .hpConditionWidget .mediaLink[mediatype=v]
{
	padding-right: 16px;
	background-image: url('/img/icons_rin/hp/video.png');
}

.hpConditionCard.large {
	width: 100%;
}

.hydropostsConditionCardsContainer.large {
	display: grid;
	grid-template-columns: repeat(var(--hpcLargeCardFittingTimes), 1fr);
}
/*.hydropostsConditionCardsContainer.large {
	grid-template-columns: 1fr;
}
@media (min-width: 1150px) {
	.hydropostsConditionCardsContainer.large {
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width: 1200px) {
	.hydropostsConditionCardsContainer.large {
		grid-template-columns: repeat(round(down, calc((100vw - 256px - 4rem) / 580)), 1fr);
	}
}*/

.largeCardContainer {
	display: flex;
	align-items: flex-start;
	padding-top: 4px;
}
.largeCardLeftColumn {
	flex-grow: 1;
	flex-shrink: 1;
	padding: 0 0 0.6em 0.6em;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.largeCardRightColumn {
	flex-shrink: 0;
	flex-grow: 1;
	width: 50%;
	max-width: 32rem;
}
.hpConditionCard.large .hpDetails {
	display: flex;
	gap: 1em;
	padding: 0.7em 1em 0.8em;
	font-size: 1.05rem;
	font-weight: 500;
}
.hpConditionCard.large .header {
	min-height: 3rem;
}
.hpConditionCard.large .hpTypeIcon
, .hpConditionCard.large .conditionEditBtn
, .hpConditionCard.large .galleryBtn
{
	top: calc(50% - 1rem);
	width: 2rem;
	height: 2rem;
}
.hpConditionCard.large .comment {
	margin: 0;
	width: 100%;
}
.largeCardRightColumn .conditionData {
	padding-top: 0;
	gap: 0.5em;
}
.hpConditionCard .entry {
	border-bottom: 1px solid #E5E4E3;
}
.hpConditionCard .largeCardRightColumn .entry {
	border-bottom: 1px solid #D7D5D5;
	padding-bottom: 0.4rem;
}
.hpConditionCard .entry:last-child {
	border-bottom: 0;
}
.hpConditionCard .largeCardRightColumn .entry .label {
	font-weight: 600;
}
.largeCardLeftColumn .hpPhotoImg {
	max-width: 100%;
	max-height: 20rem;
	margin-bottom: 0.7rem;
	border-radius: 6px;
	box-shadow: 0 1px 3px #0004;
}
.largeCardLeftColumn .hpPhotoImg.clickable {
	cursor: pointer;
}

.systemConditionGrid {
	display: grid;
	gap: 3.5rem 2.5rem;
	margin-right: -0.5rem;
	padding: 1rem 0;
	grid-template-columns: 1fr 1fr 1fr 1fr calc(20% - 2.6rem);
	grid-template-areas:"null0 structureHeader null1 null1 null1"
						"main canal well protection null2"
						"main metrologyHeader null3 null3 null3"
						"legend mergedDTable ruler mergedPassExp null5"
						"legend null6 null6 null6 null6";
}
.systemConditionGrid.hasChildren {
	grid-template-areas: "null0 structureHeader null1 null1 null1"
						"main canal well protection null2"
						"main metrologyHeader null3 null3 null3"
						"children mergedDTable ruler mergedPassExp null4"
						"legend mergedDTable ruler mergedPassExp null4"
						"legend null5 null5 null5 null5";
						/*"legend null6 null6 null6 null6";
	
	/*"main canal well protection null"
						"children mergedDTable ruler mergedPassExp null1"
						"children null2 null2 null2 null2";*/
}
.systemConditionGrid.hasChildren.manyChildren {
	grid-template-areas: "null0 structureHeader null1 null1 null1"
						"main canal well protection null2"
						"main metrologyHeader null3 null3 null3"
						"children mergedDTable ruler mergedPassExp null4"
						"children null5 null5 null5 null5"
						"legend legend null6 null6 null6";
}

.systemConditionCard.protection
, .systemConditionCard.mergedPassExp
{
	border-right: none;
}

.systemConditionCard {
	display: flex;
	border-right: 2px solid #326C79;
	padding-right: 1.5rem;
	padding-bottom: 0.2rem;
	height: min-content;

	--okColor: #0B6B6B;
	--goodColor: #0B6B6B;
	--presentColor: #0B6B6B;

	--metrologicColor: #b5ded2;
	--replacementRequiredColor: #b5ded2;
	--cleaningRequiredColor: #b5ded2;

	--repairColor: #FFE999;
	--expColor: #FFE999;

	--updateRequiredColor: #FFB368;
	--constructionColor: #FFB368;
	--reconstructionRequiredColor: #FFB368;

	--criticalColor: #FF5D5D;
	--absentColor: #FF5D5D;

	--notEnoughDataColor: #959FAC;
	--nullColor: #959FAC;
}
.systemConditionCard .entry.subsys .values {
	--okColor: #326C79;
	--goodColor: #326C79;
	--presentColor: #326C79;

	--metrologicColor: #64AEA2;
	--replacementRequiredColor: #64AEA2;
	--cleaningRequiredColor: #64AEA2;

	--repairColor: #bda700;
	--expColor: #bda700;

	--updateRequiredColor: #f99a15;
	--constructionColor: #f99a15;
	--reconstructionRequiredColor: #f99a15;

	--notEnoughDataColor: #576F8C;
	--nullColor: #576F8C;
}

.chartSectionHeader {
	font-size: 1.7rem;
	font-weight: 600;
	margin-bottom: -1.5rem;
	margin-left: -0.3rem;
}

.systemConditionCard.legend
, .systemConditionCard.children
{
	flex-direction: column;
}
.systemConditionCard .legend.embedded
{
	padding-top: 3.5rem;
}
.systemConditionCard .legendEntry {
	flex-grow: 1;
	display: flex;
}
.systemConditionCard .legendEntry .swatch {
	flex-shrink: 0;
	flex-grow: 0;
	width: 2rem;
	height: 2rem;
	border-radius: 3px;
}
.systemConditionCard .legendEntry .description {
	padding-left: 1rem;
	padding-bottom: 1.2rem;
}
.systemConditionCard .legendEntry .title {
	font-size: 1.1rem;
	text-transform: uppercase;
	font-weight: 500;
	display: flex;
	align-items: center;
	padding: 0.3rem 0 0.5rem;
}

.systemConditionCard.children {
	grid-area: children;
}
.systemConditionCard .statsColumn {
	flex-shrink: 1;
	flex-grow: 1;
}
.systemConditionCard .chartColumn {
	width: 10rem;
	flex-shrink: 0;
	padding-top: 2.5rem;
}
.systemConditionCard .chart {
	width: 10rem;
	height: 10rem;
	padding: 25%;
	border-radius: 100%;
	background-color: #677C99;
}
.systemConditionCard.main .chartColumn {
	width: 14rem;
	padding-top: 1.5rem;
}
.systemConditionCard.main .chart {
	width: 14rem;
	height: 14rem;
	padding: 24%;
}

@media (max-width: 3600px) {
	#startup .systemConditionGrid {
		grid-template-columns: 1fr 1fr 1fr calc(25% - 2.6rem);
		grid-template-areas:"null0 structureHeader null1 null1"
							"main canal well protection"
							"main metrologyHeader null3 null3"
							"legend mergedDTable ruler mergedPassExp"
							"legend null6 null6 null6";
	}
	#startup .systemConditionGrid.hasChildren {
		grid-template-areas: "null0 structureHeader null1 null1"
							"main canal well protection"
							"main metrologyHeader null3 null3"
							"children mergedDTable ruler mergedPassExp"
							"legend mergedDTable ruler mergedPassExp"
							"legend null5 null5 null5";
	}
	#startup .systemConditionGrid.hasChildren.manyChildren {
		grid-template-areas: "null0 structureHeader null1 null1"
							"main canal well protection"
							"main metrologyHeader null3 null3"
							"children mergedDTable ruler mergedPassExp"
							"children null5 null5 null5"
							"legend legend null5 null5";
	}
}
@media (max-width: 3000px) {
	.systemConditionGrid {
		grid-template-columns: 1fr 1fr 1fr calc(25% - 2.6rem);
		grid-template-areas:"null0 structureHeader null1 null1"
							"main canal well protection"
							"main metrologyHeader null3 null3"
							"legend mergedDTable ruler mergedPassExp"
							"legend null6 null6 null6";
	}
	.systemConditionGrid.hasChildren {
		grid-template-areas: "null0 structureHeader null1 null1"
							"main canal well protection"
							"main metrologyHeader null3 null3"
							"children mergedDTable ruler mergedPassExp"
							"legend mergedDTable ruler mergedPassExp"
							"legend null5 null5 null5";
	}
	.systemConditionGrid.hasChildren.manyChildren {
		grid-template-areas: "null0 structureHeader null1 null1"
							"main canal well protection"
							"main metrologyHeader null3 null3"
							"children mergedDTable ruler mergedPassExp"
							"children null5 null5 null5"
							"legend legend null6 null6";
	}

	#startup .systemConditionCard.mergedDTable
	, #startup .systemConditionCard.ruler
	{
		border-right: none;
	}
	#startup .systemConditionCard.protection
	{
		border-right: 2px solid #326C79;
	}
	#startup .systemConditionGrid {
		grid-template-columns: 1fr 1fr calc(34% - 2.6rem);
		grid-template-areas: "null0 structureHeader metrologyHeader"
							"main canal ruler"
							"main well mergedDTable"
							"legend protection mergedPassExp"
							"legend null null";
	}
	#startup .systemConditionGrid.hasChildren {
		grid-template-areas: "null0 structureHeader metrologyHeader"
							"main canal ruler"
							"children well mergedDTable"
							"legend well mergedDTable"
							"legend protection mergedPassExp"
							"legend null null";
	}
	#startup .systemConditionGrid.hasChildren.manyChildren {
		grid-template-areas: "null0 structureHeader metrologyHeader"
							"main canal ruler"
							"children well mergedDTable"
							"children protection mergedPassExp"
							"legend protection mergedPassExp"
							"legend null null";
	}
}
@media (max-width: 2250px) {
	.systemConditionCard.mergedDTable
	, .systemConditionCard.ruler
	{
		border-right: none;
	}
	.systemConditionCard.protection
	{
		border-right: 2px solid #326C79;
	}
	.systemConditionGrid {
		grid-template-columns: 1fr 1fr calc(34% - 2.6rem);
		grid-template-areas: "null0 structureHeader metrologyHeader"
							"main canal ruler"
							"main well mergedDTable"
							"legend protection mergedPassExp"
							"legend null null";
	}
	.systemConditionGrid.hasChildren {
		grid-template-areas: "null0 structureHeader metrologyHeader"
							"main canal ruler"
							"children well mergedDTable"
							"legend well mergedDTable"
							"legend protection mergedPassExp"
							"legend null null";
	}
	.systemConditionGrid.hasChildren.manyChildren {
		grid-template-areas: "null0 structureHeader metrologyHeader"
							"main canal ruler"
							"children well mergedDTable"
							"children protection mergedPassExp"
							"legend protection mergedPassExp"
							"legend null null";
	}

	#startup .systemConditionGrid {
		gap: 2rem 1.5rem;
		padding: 1rem 0 1.5rem 1rem;
	}
	#startup .systemConditionCard .statsColumn .entries {
		padding-right: 0.8rem;
	}
}
@media (max-width: 2080px) {
	#startup .systemConditionCard.children
	, #startup .systemConditionGrid:not(.hasChildren) .systemConditionCard.legend
	{
		border-right: none;
	}

	#startup .systemConditionCard.main .chartColumn
	, #startup .systemConditionCard .chartColumn {
		width: 12rem;
		padding-top: 1.5rem;
	}
	#startup .systemConditionCard.main .chart
	, #startup .systemConditionCard .chart {
		width: 12rem;
		height: 12rem;
		padding: 24%;
	}

	#startup .systemConditionGrid {
		grid-template-columns: 1fr calc(50% - 2.6rem);
		grid-template-areas: "main legend"
							"structureHeader metrologyHeader"
							"canal ruler"
							"well mergedDTable"
							"protection mergedPassExp";
	}
	#startup .systemConditionGrid.hasChildren
	, #startup .systemConditionGrid.hasChildren.manyChildren {
		grid-template-columns: 1fr calc(50% - 2.6rem);
		grid-template-areas: "main legend"
							"children legend"
							"structureHeader metrologyHeader"
							"canal ruler"
							"well mergedDTable"
							"protection mergedPassExp";
	}
}

@media (max-width: 1590px) {
	.systemConditionGrid {
		gap: 2rem 1.5rem;
		padding: 1rem 0 1.5rem 1rem;
	}
	.systemConditionCard .statsColumn .entries {
		padding-right: 0.8rem;
	}
}

@media (max-width: 1500px) {
	.systemConditionGrid .systemConditionCard.legend
	{
		border-right: none;
	}

	.systemConditionCard.main .chartColumn
	, .systemConditionCard .chartColumn {
		width: 12rem;
		padding-top: 1.5rem;
	}
	.systemConditionCard.main .chart
	, .systemConditionCard .chart {
		width: 12rem;
		height: 12rem;
		padding: 24%;
	}

	.systemConditionGrid {
		grid-template-columns: 1fr calc(50% - 2.6rem);
		grid-template-areas: "main legend"
							"structureHeader metrologyHeader"
							"canal ruler"
							"well mergedDTable"
							"protection mergedPassExp";
	}
	.systemConditionGrid.hasChildren
	, .systemConditionGrid.hasChildren.manyChildren {
		grid-template-columns: 1fr calc(50% - 2.6rem);
		grid-template-areas: "main legend"
							"children legend"
							"structureHeader metrologyHeader"
							"canal ruler"
							"well mergedDTable"
							"protection mergedPassExp";
	}
}

@media (max-width: 1440px) {
	#startup .systemConditionCard
	, #startup .systemConditionCard.protection
	{
		border-right: none;
	}

	#startup .systemConditionGrid {
		grid-template-columns: 1fr;
		grid-template-areas: "main"
							"structureHeader"
							"canal"
							"well"
							"protection"
							"metrologyHeader"
							"mergedDTable"
							"ruler"
							"mergedPassExp"
							"legend";
	}
	#startup .systemConditionGrid.hasChildren
	, #startup .systemConditionGrid.hasChildren.manyChildren {
		grid-template-columns: 1fr;
		grid-template-areas: "main"
							"children"
							"structureHeader"
							"canal"
							"well"
							"protection"
							"metrologyHeader"
							"mergedDTable"
							"ruler"
							"mergedPassExp"
							"legend";
	}
}
@media (max-width: 860px) {
	.systemConditionCard
	, .systemConditionCard.protection
	{
		border-right: none;
	}

	.systemConditionGrid {
		grid-template-columns: 1fr;
		grid-template-areas: "main"
							"structureHeader"
							"canal"
							"well"
							"protection"
							"metrologyHeader"
							"mergedDTable"
							"ruler"
							"mergedPassExp"
							"legend";
	}
	.systemConditionGrid.hasChildren
	, .systemConditionGrid.hasChildren.manyChildren {
		grid-template-columns: 1fr;
		grid-template-areas: "main"
							"children"
							"structureHeader"
							"canal"
							"well"
							"protection"
							"metrologyHeader"
							"mergedDTable"
							"ruler"
							"mergedPassExp"
							"legend";
	}
}

.systemConditionCard .chart .chartValue {
	border-radius: 100%;
	width: 100%;
	height: 100%;
	background-color: #f2f1ef;
	font-size: 1.8rem;
	font-weight: 700;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.systemConditionCard .statsColumn .title {
	background-image: url('/img/icons/pie_chart.svg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: auto 1.6em;
	font-size: 1.3rem;
	padding: 0.2em 0 0.2em 2em;
	font-weight: 700;
	line-height: 1;
	margin-left: -0.5em;
	width: calc(100% + 1.5em);
}
.systemConditionCard .statsColumn .entries {
	padding-top: 1rem;
	padding-right: 1.5rem;
}
.systemConditionCard .statsColumn .entry {
	display: flex;
	cursor: pointer;
	justify-content: space-between;
	padding: 0.55em 0.2em 0.25em 1.2em;
	border-bottom: 1px solid #326C79;
	background-image: var(--conditionTypeIcon);
	background-position: left;
	background-repeat: no-repeat;
	background-size: auto 0.97em;
	align-items: center;
	gap: 0.5em;
	--conditionColor: #677C99;
	--conditionTypeIcon: url(/img/icons_rin/hp/drop_discard.svg);
}
.systemConditionCard .statsColumn .entry:hover {
	background-color: #E8E3E0;
}
.systemConditionCard .statsColumn .entry:focus-visible {
	background-color: #E8E3E0;
	border-width: 2px;
}
.systemConditionCard .statsColumn .entry:active {
	background-color: #D8D6D4;
}
.systemConditionCard .statsColumn .entry .caption {
	font-size: 0.92em;
	font-weight: 600;
}
.systemConditionCard .statsColumn .entry .value {
	font-size: 1.4em;
	font-weight: 500;
	color: var(--conditionColor);
}
.systemConditionCard.children .statsColumn .entry .caption {
	font-size: 1em;
	font-weight: 600;
}
.systemConditionCard .statsColumn .entry .values {
	font-size: 1.3em;
	font-weight: 500;
}

.systemConditionCard .statsColumn .entry.good
, .systemConditionCard .statsColumn .entry.present
, .systemConditionCard .statsColumn .entry.subsys
{
	--conditionColor: #326C79;
	--conditionTypeIcon: url(/img/icons_rin/hp/drop_bsr.svg);
}
.systemConditionCard .statsColumn .entry.metrologic
, .systemConditionCard .statsColumn .entry.replacementRequired
, .systemConditionCard .statsColumn .entry.cleaningRequired
{
	--conditionColor: #64AEA2;
	--conditionTypeIcon: url(/img/icons_rin/hp/drop_discard.svg);
}
.systemConditionCard .statsColumn .entry.repair
, .systemConditionCard .statsColumn .entry.exp
{
	--conditionColor: #bda700;
	--conditionTypeIcon: url(/img/icons_rin/hp/drop_discard.svg);
}
.systemConditionCard .statsColumn .entry.construction
, .systemConditionCard .statsColumn .entry.reconstructionRequired
, .systemConditionCard .statsColumn .entry.updateRequired
{
	--conditionColor: #f99a15;
	--conditionTypeIcon: url(/img/icons_rin/hp/drop_loss.svg);
}
.systemConditionCard .statsColumn .entry.critical
, .systemConditionCard .statsColumn .entry.absent
{
	--conditionColor: #FF5D5D;
	--conditionTypeIcon: url(/img/icons_rin/hp/drop_loss.svg);
}
.systemConditionCard .statsColumn .entry.null
, .systemConditionCard .statsColumn .entry.notEnoughData
{
	--conditionColor: #576F8C;
	--conditionTypeIcon: url(/img/icons_rin/hp/drop_discard.svg);
}


.kb-dialog.hydropostPhotosDialog > .dialog {
	width: min(66em, 100%);
	left: calc(50% - min(33em, 50%));
}
.hydropostPhotosDialog .photoSection {
	border-radius: 11px;
	box-shadow: 0 1px 0.5em #0003;
	margin-bottom: 1.4em;
	overflow: hidden;
}
.photoSectionHeader {
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	padding: 0.7em;
	align-items: center;
}
.photoSectionHeader .title {
	font-size: 1.3em;
	font-weight: 600;
	padding-left: 0.7em;
}
.photoGrid {
	display: flex;
	flex-wrap: wrap;
	padding: 1em;
	gap: 1em;
}
.hpPhoto {
	cursor: pointer;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 14em;
	height: 11em;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 1px 3px #0004;
	position: relative;
}
.hpPhoto:hover
, .photoPreview:hover {
	filter: brightness(0.9);
}
.hpPhoto .hpPhotoHiddenLabel
, .hpPhoto .hpPhotoCommentLabel
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fffc;
	padding: 1em;
}
.hpPhoto .hpPhotoHiddenLabel {
	top: 0;
	font-size: 1.05em;
	font-weight: 600;
}
.hpPhoto .hpPhotoCommentLabel {
	bottom: 0;
}
.kbDropdown.menu.vita-photo-options {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	border-radius: 50%;
	width: 2em;
	height: 2em;
}
.kbDropdown.menu.vita-photo-options .kbDropdownValue {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.kbDropdown.menu.vita-photo-options.active {
	border-radius: 50% 50% 5px 0;
}
.hpPhotoInfoEditForm
, .hpMediaInfoEditForm
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
}
.hpPhotoCommentText {
	width: 100%;
}
.kb-dialog.hpPhotoInfoEditDialog > .dialog
, .kb-dialog.hpMediaInfoEditDialog > .dialog
{
	width: min(500px, 100%);
	left: calc(50% - min(250px, 50%));
}
.hpPhotoInfoEditForm .additionalImages {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.hpPhotoInfoEditForm .additionalImages .hpPhoto {
	width: 24%;
	height: 6rem;
}

.photoStatusDD {
	min-width: 50%;
}

.hpPhotoInfoEditForm .hidePhotosRow {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	padding-top: 0.5rem;
	font-weight: 500;
}
.hpPhotoInfoEditForm .hidePhotosHint {
	font-size: 0.89rem;
	font-weight: 500;
}
.hpPhotoInfoEditForm .hidePhotosRow .kbSwitch {
	font-size: 0.96em;
}
.hpPhotoInfoEditForm .hidePhotosRow .kbSwitchOption {
	padding-top: 3px;
	padding-bottom: 4px;
}


.kb-dialog.hydropostRulersDialog > .dialog {
	width: min(1600px, 100%);
	left: calc(50% - min(800px, 50%));
}
.hydropostRulersForm .vita-titleContextButtons {
	margin-bottom: 0.5rem;
	justify-content: flex-end;
}

.kb-dialog.hydropostGalleryDialog > .dialog {
	width: max(min(1380px, 100%), 80%);
	left: calc(50% - max(min(690px, 50%), 40%));
}
.kb-dialog.hydropostGalleryDialog > .dialog > .content {
	padding: 0 10px 10px;
}
.hpGalleryCategories {
	position: relative;
	width: 100%;
	line-height: 1;
	height: auto;
	display: flex;
	align-items: center;
	overflow-y: hidden;
	overflow-x: auto;
	padding: 10px 0;
	gap: 10px;
}
.hpGalleryWrapper {
	display: flex;
	flex-direction: column;
	height: calc(var(--dialogContentHeight) - 10px);
}
.hpGalleryCategoryContent {
	height: 100%;
	flex-shrink: 1;
	display: flex;
}
.hpGalleryPhotoListContainer {
	width: min(40%, 310px);
	height: 100%;
	flex-shrink: 0;
	flex-grow: 0;
	overflow-y: auto;
	overflow-x: hidden;
}
.hpGalleryPhotoListContainer.draggedOver
, .hpGalleryCategory.draggedOver
{
	outline: dashed 2px #0006;
}
.hpGalleryDisplayContainer {
	width: 100%;
	height: 100%;
	flex-shrink: 1;
	flex-grow: 1;
	display: flex;
	align-items: center;
}
.hpGalleryPhotoList {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.hpGalleryDisplay {
	width: 100%;
	height: 100%;
	flex-shrink: 1;
	flex-grow: 1;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: relative;
	display: flex;
	flex-direction: column;
}
.hpGalleryDisplay .imageContainer {
	position: relative;
	height: 100%;
	flex-shrink: 1;
}
.hpGalleryDisplay .infoContainer {
	width: 100%;
	padding: 0.6rem 0.8rem;
	background-color: #fff;
	border-radius: 1rem;
	font-weight: 600;
	flex-shrink: 0;
	box-shadow: 0 1px 0.7rem #0001;
	opacity: 0.2;
	position: absolute;
	bottom: 0;
}
.hpGalleryDisplay .infoContainer:hover {
	opacity: 1;
}
/*.hpGalleryDisplay .photoComment:not(:empty) {
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 2px;
	background-color: #FFFD;
	width: 100%;
	padding: 0.7rem 1rem;
}*/
.hpMediaInfoEditForm .hpMediaPreview {
	width: 100%;
	height: min(30vh, 25rem);
	position: relative;
}
.hpMediaInfoEditForm .hpMediaPreview:not(.video):hover {
	cursor: pointer;
	filter: brightness(0.96);
	background-color: #9991;
}
.hpGalleryDisplay img
, .hpGalleryDisplay video
, .hpMediaPreview img
, .hpMediaPreview video
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	border-radius: 4px;
}
.hpGalleryArrowBtn {
	width: 2rem;
	flex-shrink: 0;
	flex-grow: 0;
	height: min(50%, 10rem);
	margin: 0 0.7rem;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: center;
}
.hpGalleryArrowBtn.prev {
	background-image: url('/img/icons/arrow_left_dark.png');
}
.hpGalleryArrowBtn.next {
	background-image: url('/img/icons/arrow_right_dark.png');
}

.basicBtn.editBtn.listBtn.hpGalleryCategory {
	padding: 0.8em 1.2em;
	font-size: 1.1rem;
	flex-grow: 1;
	justify-content: center;
}

.galleryEntryButton .preview {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 2px solid #19686E;
	height: 2.4rem;
	width: 3rem;
	border-radius: 4px;
	margin-right: 0.5rem;
	flex-grow: 0;
	flex-shrink: 0;
}
.galleryEntryButton .preview.video {
	border: none;
	background-image: url('/img/video_icon.png');
	background-size: contain;
	border-radius: 0;
}
.basicBtn.editBtn.hpGalleryCategory.selected {
	padding: 1em 1.2em;
}

.galleryEntryButton .date {
	font-size: 1.05rem;
	flex-shrink: 1;
	flex-grow: 1;
	text-align: start;
}
.galleryEntryButton .status
, .hpGalleryDisplay .infoContainer .photoStatus
, .hpGalleryDisplay .infoContainer .hpStatusValue
{
	background-color: #999999;
	font-weight: 600;
	padding: 3px 7px 4px;
	color: #fff;
	border-radius: 4px;
	font-size: 0.92rem;
	flex-grow: 0;
	flex-shrink: 0;
}
.galleryEntryButton .status.active
, .hpGalleryDisplay .infoContainer .photoStatus.active
, .hpGalleryDisplay .infoContainer .status.good
{
	background-color: #016565;
}
.hpGalleryDisplay .infoContainer .status.bad {
	background-color: #FC8612;
}
.hpGalleryDisplay .infoContainer .status.critical {
	background-color: #C32D34;
}

.kbDropdown.menu.hpGalleryOptions {
	margin-left: 6px;
	filter: brightness(0.92);
}
.kbDropdown.menu.hpGalleryOptions .kbDropdownValue {
	padding: 0.32em 0.7em;
}

.hpGalleryDisplay .infoContainer .systemTree > div:not(.hpTitle) {
	display: inline-block;
}
.hpGalleryDisplay .infoContainer .systemTree .pageLinkIcon {
	margin-left: 0.3rem;
	width: 1.15rem;
	height: 1.15rem;
	background-size: 0.7rem;
}
.hpGalleryDisplay .infoContainer .statusContainer {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
	align-items: center;
	margin: 0.3rem 0 0.5rem;
	border: 1px solid #E0E1E1;
	padding: 3px 0;
	border-width: 1px 0;
}
.hpGalleryDisplay .infoContainer .statusContainer:last-child {
	border-bottom: 0;
}
.hpGalleryDisplay .infoContainer .hpPhotoCondition div {
	display: inline-block;
	vertical-align: middle;
}
.hpGalleryDisplay .infoContainer .hpStatusItem {
	padding-right: 0.4rem;
}
.hpGalleryDisplay .infoContainer .hpStatusItem:after {
	content: ':';
}
.hpGalleryDisplay .infoContainer .hpTitle {
	margin-bottom: 2px;
	margin-left: -0.2rem;
	padding-left: 1.7rem;
	background-image: var(--hpTypeIcon);
	background-repeat: no-repeat;
	background-size: 1.4rem;
	background-position: left;
}
.hpGalleryDisplay .infoContainer .photoComment {
	font-weight: 500;
}

.hpGalleryPhotoInfo {
	position: absolute;
	height: 80%;
	padding: 1.5rem 2rem;
	background-image: linear-gradient(180deg, #b9def8, transparent);
	max-width: 30%;
	font-size: 1.1rem;
	font-weight: 600;
	text-shadow: 0 0 4px #b9def8;
}
.hpGalleryPhotoInfo .dwdmTitle {
	font-size: 1.5em;
	margin-bottom: 1.5rem;
}
.hpGalleryPhotoInfo .systemTitle {
	margin-bottom: 4px;
}
.hpGalleryPhotoInfo .canalBlock
, .hpGalleryPhotoInfo .dateContainer {
	margin-top: 1rem;
}
.hpGalleryPhotoInfo .hpTitle {
	margin-top: 1rem;
	padding-left: 1.7rem;
	background-image: var(--hpTypeIcon);
	background-repeat: no-repeat;
	background-size: 1.4rem;
	background-position: left;
}
.hpGalleryPhotoInfo .pageLink {
	color: #000;
}
.hpGalleryPhotoInfo .pageLink:hover {
	color: #0A3D47;
}
.hpGalleryPhotoInfo .pageLink .link {
	text-decoration: underline;
	text-decoration-color: #0A3D4740;
	text-underline-offset: 3px;
}
.hpGalleryPhotoInfo .pageLink .link:hover {
	text-decoration-color: #0A3D4780;
}
.hpGalleryPhotoInfo .pageLink .pageLinkIcon {
	background-size: 10px;
	width: 14px;
	height: 14px;
	margin-left: 0.6rem;
	margin-bottom: 3px;
}


.vita-auditTable td.data {
	font-family: Consolas, monospace;
	font-size: 0.9em;
	width: 50%;
}
.vita-auditTable td {
	vertical-align: top;
}
.vita-auditTable .audit-entry .value {
	word-break: break-all;
}

.audit-error-log {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
	font-size: 14px;
	gap: 5px;
	padding: 10px 20px;
	color: #C32D34;
	border-radius: 20px;
	background: #fff;
}

.audit-filters-wrapper{
	display: flex;
	flex-direction: column;
	gap: 20px;
	overflow-wrap: normal;
}
.audit-filter-by-date {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.audit-filter-dialog .dialog {
	min-width: 450px;
	height: min-content;
	width: min-content;
}

.audit-filter-dialog .dialog .content {
	width: min(450px, 100%);
	left: calc(50% - min(225px, 50%));
}

.audit-form-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.audit-form-group-label {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.audit-form-group .selectedUsersContainer {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;
}
.audit-form-group .selectedUsers {
	border: 1px solid #D7D5D5;
	border-radius: 0.6rem;
	padding: 0.6rem 1rem;
	max-width: 250px;
}

.audit-filter-date-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.audit-filter-list-item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: #E8E3E0;
	width: 100%;
	padding: 5px 10px;
	border-radius:5px;
	cursor: pointer;
}

.audit-filter-list-item:hover {
	background: #688DB7;
	color: #fff;
}

.audit-filter-selected-date-wrapper {
	display: flex;
	gap: 10px;
}

.audit-entry {
	display: flex;
}

.vita-spoilerButton:not(.disabled) {
	cursor: pointer;
}
.vita-spoilerButton:after {
	content: '';
	width: 100%;
	height: 100%;
	opacity: 0.8;
	display: block;
	background-image: url(/img/icons/spoiler_light.png);
	background-size: 34% auto;
	background-position: center;
	background-repeat: no-repeat;
	transform: rotate(0deg);
	transition: transform 101ms linear;
}
.vita-spoilerButton:not(.disabled):hover:after {
	opacity: 0.9;
}
.vita-spoilerButton.shown:after {
	transform: rotate(180deg);
}
.vita-spoilerButton.editBtn:after {
	background-image: url(/img/icons/spoiler_dark.png);
}
.vita-spoilerButton.basicBtn:not(.hasText)
, .vita-spoilerButton.editBtn:not(.hasText)
{
	padding: 0;
}
.vita-spoilerButton.editBtn.disabled {
	background-color: #e9e9e9;
}
.vita-spoilerButton.disabled:after {
	opacity: 0.4;
}
.vita-spoilerButton.listDropdownButton{
	width: 3rem;
	height: 2.2rem;
}
.vita-spoilerButton.hasText:after {
	width: 1.3em;
	height: 1.3em;
	background-size: auto 38%;
	margin-left: 0.8em;
}

.hpListSystemContainer .systemHeader .vita-spoilerButton.editBtn {
	filter: brightness(0.9);
}

.vita-spoilerButton.editBtn.systemPlotSpoiler {
	width: 100%;
	height: auto;
	justify-content: space-between;
}
/*.vita-spoilerButton.editBtn.systemPlotSpoiler::after {
	background-size: auto 70%;
	width: 2em;
	height: 1em;
}*/


.rulersList .rulerPhotoCell
, .rulersList .passportPhotoCell
{
	width: 6rem;
}
.rulersList .rulerPhoto
, .rulersList .passportPhoto
{
	height: 3rem;
	width: 4rem;
	border: 2px solid var(--mainBtnColor);
	border-radius: 4px;
	margin-left: 0.4rem;
	cursor: pointer;
}
.rulersList .rulerPhoto:hover
, .rulersList .passportPhoto:hover
{
	border-color: var(--mainBtnColorHover);
}
.rulersList .rulerPhoto:focus-visible
, .rulersList .passportPhoto:focus-visible
{
	border-color: var(--mainBtnColorFocus);
}
.rulersList img
, .rulerPassportsForm img
{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
table.rulersList > tr > td.settings {
	padding: 0 0.4em;
	width: 1%;
}
table.rulersList > tr > td.hpName {
	border-right: 0;
}

.kb-dialog.rulerPassportsDialog > .dialog {
	width: min(960px, 100%);
	left: calc(50% - min(480px, 50%));
}
.rulerPassportsForm
, .hydropostPassportsForm
{
	display: flex;
	height: max(min(var(--dialogContentInnerHeight), 800px), 67vh);
}
.rulerPassportsForm .passportList
, .hydropostPassportsForm .passportList
{
	height: 100%;
	overflow-y: scroll;
	width: 40%;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.rulerPassportsForm .previewPhoto
, .hydropostPassportsForm .previewPhoto
{
	width: 4rem;
	height: 5rem;
	margin-right: 0.5rem;
	position: relative;
}
.rulerPassportsForm .previewPhoto img
, .hydropostPassportsForm .previewPhoto img
{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
.rulerPassportsForm .passportDisplay
, .hydropostPassportsForm .passportDisplay
{
	height: 100%;
	width: 60%;
	padding-left: 1rem;
}
.rulerPassportsForm .passportHeader
, .hydropostPassportsForm .passportHeader
{
	background: #fff;
	border-radius: 10px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.5rem;
}
.rulerPassportsForm .passportHeader .passportDate {
	padding: 0.5rem 1rem;
	font-size: 1.4rem;
	font-weight: 600;
}
.hydropostPassportsForm .passportHeader .passportName {
	padding: 0.5rem 1rem;
	font-size: 1.2rem;
	font-weight: 600;
}
.hydropostPassportsForm .previewMeta {
	text-align: left;
	padding-left: 0.4rem;
}
.rulerPassportsForm .passportHeader .passportContext
, .hydropostPassportsForm .passportHeader .passportContext
{
	font-size: 0.86rem;
	padding-right: 0.5rem;
	display: flex;
	gap: 0.5rem;
}
.rulerPassportsForm .passportPhoto
, .hydropostPassportsForm .passportPhoto
{
	width: 100%;
}
.rulerPassportsForm .passportPhoto img
, .hydropostPassportsForm .passportPhoto img
{
	max-width: 100%;
	max-height: calc(var(--dialogContentInnerHeight) - 4rem);
	border-radius: 6px;
}

.dataTable > tr > td .basicBtn.editBtn.icon {
	height: 2rem;
	width: 2rem;
	background-position: center;
	background-size: 60%;
}
.dataTable td .basicBtn.editBtn.icon.edit {
	background-image: url('/img/context_icons/icon_edit.png');
}
.dataTable td .basicBtn.editBtn.icon.delete {
	background-image: url('/img/context_icons/icon_delete.png');
}
.dataTable td .basicBtn.editBtn.icon.save {
	background-image: url('/img/context_icons/icon_save_apply.png');
}
.dataTable td .basicBtn.editBtn.icon.revert {
	background-image: url('/img/context_icons/icon_revert.png');
}
.dataTable td .basicBtn.editBtn.icon.orderDown {
	background-image: url('/img/icons/spoiler_dark.png');
}
.dataTable td .basicBtn.editBtn.icon.orderUp {
	background-image: url('/img/icons/spoiler_dark_up.png');
}

.kb-dialog.customLocLinesSelectDialog > .dialog {
	width: min(max(80%, 1300px), 100%);
	left: calc(50% - min(max(40%, 650px), 50%));
}
.vita-selectCustomLocTableWidget-grid .header, .vita-selectCustomLocTableWidget-grid .row {
	display: grid;
	grid-template-columns: 1fr 1.5fr 2fr 2fr 2fr;
	justify-content: start;
	align-items: start;
	justify-items: start;
}


.customLocLineInfo .label:after {
	content: ': ';
}
.customLocLineInfo {
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	border-bottom: 1px dashed #D7D5D5;
}
.customLocLineInfo > div {
	padding-bottom: 0.4rem;
}
.locValueList .editValue {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
	width: 2rem;
}
.locValueList textarea {
	width: 100%;
}
.orderSwitcher {
	display: flex;
	align-items: center;
}
.orderSwitcher .orderDisplay {
	background-color: #f2f1ef;
	padding: 0 0.6em;
	height: 2rem;
	line-height: 2rem;
	border-radius: 2px;
}

.bannersList td.order
, .bannersList td.edit
, .bannersList td.delete
{
	width: 1%;
}
.bannersList td.duration
, .bannersList td.isActive
{
	width: 4em;
}
.bannersList td.name
{
	width: 20%;
}
.bannersList td.title
, .bannersList td.subtitle
{
	width: 30%;
}

table.dataTable.bannersList td.banner {
	padding: 0;
}
.bannersList .bannerImage {
	min-width: min(max(60px, 11vw), 200px);
}
.bannersList .bannerImage img {
	width: 100%;
	height: min(max(60px, 11vh), 200px);
	object-fit: contain;
}

.kb-dialog.dischargeTablesDialog > .dialog {
	width: min(960px, 100%);
	left: calc(50% - min(480px, 50%));
}
.dischargeTablesDialogContainer
, .hpCorrectionsDialogContainer
{
	display: flex;
}
.dischargeTableList
, .dtCorrectionList
{
	width: 15.5rem;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	flex-grow: 0;
	gap: 0.5rem;
	margin-right: 1rem;
	padding-right: 1rem;
	border-right: 1px solid #D7D5D5;
}
.dischargeTableSummary .summary > div
, .passportDisplay .summary > div
{
	margin-top: 4px;
}
.dischargeTableSummary .photo img {
	max-height: 16rem;
	border-radius: 6px;
}
.dischargeTableSummary .summary .correction .caption
, .dischargeTableSummary .summary .updateRequired .caption
{
	margin-right: 0.5em;
}
.dischargeTableSummary .summary .updateRequired .status.req {
	font-weight: 600;
	color: #C32D34;
}
.dischargeTableSummary .summary .updateRequired .status.noreq {
	font-weight: 500;
	color: #0A3D47;
}
.dischargeTableContext {
	position: absolute;
	top: 1rem;
	right: 1rem;
}

.basicBtn.editBtn.listBtn.dischargeTableEntry 
, .basicBtn.editBtn.listBtn.dtCorrectionEntry
{
	flex-direction: column;
	align-items: baseline;
	padding: 0.5rem 0.8rem;
	font-size: 0.97rem;
	gap: 1px;
}

.vita-dischargeTableWidget table.dischargeTable {
	font-size: min(0.91rem, calc((100vw - 21rem) / 53));
}

.kb-dialog.dischargeTableEditDialog > .dialog {
	width: min(1140px, 100%);
	left: calc(50% - min(570px, 50%));
}
.dischargeTableEditDialogContent .sectionEnd
, .hpCorrectionEditDialogContent .sectionEnd
{
	margin-bottom: 0.8rem;
	padding-bottom: 0.8rem;
	border-bottom: 1px dashed #D7D5D5;
}
.dischargeTableEditDialogContent .effectiveDateHint
, .hpCorrectionEditDialogContent .effectiveDateHint
{
	font-size: 0.89rem;
}
.dischargeTableEditDialogContent .updateRequired .caption {
	margin-right: 0.65em;
}
.dischargeTableEditDialogContent .effectiveDate
, .hpCorrectionEditDialogContent .effectiveDate
, .hpCorrectionEditDialogContent .correction
{
	display: flex;
	gap: 0.7rem;
	align-items: center;
	margin-bottom: 5px;
}
.dischargeTableEditDialogContent {
	display: flex;
	gap: 1rem;
}
.dischargeTableEditDialogContent .leftColumn {
	margin-right: 0.8rem;
	padding-right: 0.8rem;
	border-right: 1px dashed #D7D5D5;
	min-width: 400px;
}
.dischargeTableEditDialogContent .vita-dischargeTableEditForm {
	min-width: 670px;
	flex-shrink: 0;
	flex-grow: 1;
	width: 60%;
}
@media (max-width: 1160px) {
	.dischargeTableEditDialogContent {
		flex-direction: column;
	}
	.dischargeTableEditDialogContent .vita-dischargeTableEditForm {
		min-width: unset;
		width: 100%;
	}
	.dischargeTableEditDialogContent .leftColumn {
		min-width: unset;
		width: 100%;
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
		margin-bottom: 0.8rem;
		padding-bottom: 0.8rem;
		border-bottom: 1px dashed #D7D5D5;
	}
}

.kb-dialog.calibrationStatusDialog > .dialog {
	width: min(560px, 100%);
	left: calc(50% - min(280px, 50%));
}
.calibrationStatusDialogContent > div {
	display: flex;
	gap: 0.8rem;
	margin-bottom: 1rem;
	align-items: center;
}
.calibrationStatusDialogContent .calibrateBtnSection {
	width: 100%;
	justify-content: center;
	margin-bottom: 0rem;
	margin-top: 3rem;
}
.calibrationStatusDialogContent .basicBtn.calibrateBtn {
	padding: 0.8rem 1.5rem;
	font-weight: 600;
}

.helpContent .main {
	font-size: 1.09rem;
}
.helpContent .legendCaption {
	font-weight: 600;
	margin: 1rem 0 0.5rem;
}
.hpHelpTypesWidget .hpTypeEntry {
	padding-left: 4em;
	background-image: var(--hpTypeArrowIcon);
	background-size: auto 2em;
	background-position: left;
	background-repeat: no-repeat;
	min-height: 2em;
	display: flex;
	align-items: center;
	font-weight: 500;
}
.hpHelpTypesWidget .hpTypeEntryDescr {
	padding-left: 4.17em;
	margin-bottom: 0.6rem;
	font-size: 0.96em;
}

.kb-dialog.motdEditUsersDialog > .dialog {
	width: min(480px, 100%);
	left: calc(50% - min(240px, 50%));
}
.motdUsersContent .userList .userEntry {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #D7D5D5;
	padding: 2px 2px 2px 0.6rem;
}
.motdUsersContent .userList .userEntry:not(:first-child) {
	border-top: 0;
}
.motdUsersContent .userList .userEntry:first-child {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.motdUsersContent .userList .userEntry:last-child {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.motdUsersContent .userList .userEntry.addUser {
	cursor: pointer;
	padding: 0.5rem 0.6rem;
	background-color: #FBFBFB;
}
.motdUsersContent .userList .userEntry.addUser:hover {
	background-color: #ebe7e6;
}
.motdUsersContent .userList .userEntry.addUser:active {
	background-color: #D7D5D5;
}
.motdUsersContent .userList .userEntry.addUser:focus-visible {
	background-color: #ebe7e6;
	outline: 2px outset var(--editBtnColorFocus);
}

.newMOTDTable td.hasSpacer > *:not(:last-child) {
	margin-right: 0.8rem;
}
.kb-dialog.motdsDialog > .dialog > .content {
	background-color: #E8E3E0;
}
.motdContainer {
	background-color: #F7F7F7;
	padding: 0.6rem 1rem;
	border-radius: 4px;
}
.motdContainer .motdTitle {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.1px;
	margin-bottom: 0.5rem;
	border-bottom: 1px dotted #C6C4C4;
	padding-bottom: 0.5rem;
}
.motdContainer .motdMeta {
	font-size: 0.96rem;
	font-weight: 500;
	display: flex;
	margin-top: 0.5rem;
	border-top: 1px dotted #C6C4C4;
	padding-top: 0.5rem;
	justify-content: space-between;
}

.kb-dialog.motdsDialog.april > .dialog {
	backdrop-filter: blur(4px);
}
.kb-dialog.motdsDialog.april > .dialog * {
	font-family: Arial, Nunito, sans-serif;
	letter-spacing: 0.1px;
}
.kb-dialog.motdsDialog.april > .dialog > .header {
	color: #FFAC00;
	background: #000a;
	padding-left: 0.8rem;
	margin-bottom: 2px;
}
.kb-dialog.motdsDialog.april > .dialog > .header .closeBtn {
	opacity: 0;
	background-color: transparent;
}
.kb-dialog.motdsDialog.april > .dialog > .header .closeBtn:hover {
	opacity: 0.5;
}
.kb-dialog.motdsDialog.april > .dialog > .content {
	background-color: #000a;
}
.kb-dialog.motdsDialog.april > .dialog .motdContainer {
	color: #f9f9f9;
	background-color: #111;
	padding: 1rem 1.2rem;
	font-size: 1.1rem;
	font-weight: 500;
	min-height: 20vh;
	border-radius: 0px;
}
.kb-dialog.motdsDialog.april > .dialog .motdContainer a
, .kb-dialog.motdsDialog.april > .dialog .motdContainer .docLink
{
	color: #FFAC00;
	text-decoration: underline;
}
.kb-dialog.motdsDialog.april > .dialog .motdContainer a:hover
, .kb-dialog.motdsDialog.april > .dialog .motdContainer .docLink:hover
{
	color: #FFF;
}
.kb-dialog.motdsDialog.april > .dialog .motdContainer .motdTitle {
	border-bottom: 1px dotted #999;
}
.kb-dialog.motdsDialog.april > .dialog .motdContainer .motdMeta {
	color: #FFAC00;
	font-size: 0.95rem;
	border-top: 1px dotted #999;
}
.kb-dialog.motdsDialog.april > .dialog > .footer {
	background-color: #000a;
	padding: 0.5rem 0 1rem 2rem;
}
.kb-dialog.motdsDialog.april > .dialog > .footer .button {
	border-radius: 0;
	border: 1px solid #ffac0090;
	color: #ffac00;
	background-color: #0004;
	min-width: 16rem;
	cursor: default;
}
.kb-dialog.motdsDialog.april > .dialog > .footer .button:hover {
	color: #101010;
	background-color: #ffac00;
	cursor: default;
}

.sensorExamsListDialog td.settings {
	width: 10%;
}
.sensorExamsListDialog td.settings .opts {
	display: flex;
	padding: 0.5rem;
	gap: 0.5rem;
}
.sensorExamsListDialog .vita-titleContextButtons {
	margin-bottom: 1rem;
	justify-content: flex-end;
}


.vita-service-logs textarea.log {
	width: 100%;
	height: 1em;
	background-color: #e9e5e4;
}
.vita-service-logs textarea.log.filled {
	height: var(--noscrollWidgetHeight);
}