/* open-sans-300 - cyrillic_latin */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local("Open Sans Light"), local("OpenSans-Light"), url("../style/fonts/open-sans-v15-cyrillic_latin-300.woff2") format("woff2"), url("../style/fonts/open-sans-v15-cyrillic_latin-300.woff") format("woff");
}
/* open-sans-regular - cyrillic_latin */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../style/fonts/open-sans-v15-cyrillic_latin-regular.woff2") format("woff2"), url("../style/fonts/open-sans-v15-cyrillic_latin-regular.woff") format("woff");
}
/* open-sans-600 - cyrillic_latin */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../style/fonts/open-sans-v15-cyrillic_latin-600.woff2") format("woff2"), url("../style/fonts/open-sans-v15-cyrillic_latin-600.woff") format("woff");
}
/* open-sans-700 - cyrillic_latin */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../style/fonts/open-sans-v15-cyrillic_latin-700.woff2") format("woff2"), url("../style/fonts/open-sans-v15-cyrillic_latin-700.woff") format("woff");
}
/* open-sans-800 - cyrillic_latin */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("../style/fonts/open-sans-v15-cyrillic_latin-800.woff2") format("woff2"), url("../style/fonts/open-sans-v15-cyrillic_latin-800.woff") format("woff");
}

html {
	height: 100%;
	overflow-x: auto;
}

html, body {
	font-family: "Open Sans", Segoe UI, Arial, Verdana;
	font-size: 14px;
	line-height: 1.5;
	color: var(--text-color);
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	font-size: 16px;
	--text-color: #1E2328;
	--primary-color: #173766;
	--link-color: #32588f;
	--orange-color: #e37225;
	--foreground-color: #fff;
	--background-color: #ebedf0;
	--background-color-disabled: #f5f6f7;
	--border-color: #b9c3d1;
	--border-color-disabled: #dce1e8;
	--input-border-color: #b9c3d1;
	--neutral-icon-color: #464b50;
	--green-color: #319124;
	--red-color: #cf222e;
	--warning-bg-color: #FFE6C3;
	--standard-border-radius: 4px;
	--medium-border-radius: 6px;
	--medium-shadow: 0 1px 5px rgba(70, 75, 80, 0.3);
	--font-base: calc(0.875 * 1rem); /*14px*/
	--font-small: calc(0.625 * 1rem); /*10px*/
	--space-unit: 1rem;
	--space-xs: calc(0.25 * var(--space-unit));
	--space-s: calc(0.5 * var(--space-unit));
	--space-m: calc(1 * var(--space-unit));
	--space-l: calc(2 * var(--space-unit));
	--space-xl: calc(4 * var(--space-unit));
	--space-xxl: calc(8 * var(--space-unit));
}

body.noresizex {
	padding: 16px 24px 16px 0;
	min-width: 600px;
	max-width: 900px;
	width: 100%;
	will-change: transform;
}

.gap-xs{
	gap: 4px;
}

.gap-s {
	gap: 8px;
}

.hideTreeview.noresizex {
	max-width: calc(1280px + 24px);
}


.frameroot, .frameroot form {
	height: 100%;
	overflow: hidden;
}

/* Text */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
}

.textred {
	color: #EA170D;
}

.textgreen
{
	color: #2B8D03;
}

.textlightgreen
{
	color: #58ab3f;
}

.textgrey
{
	color: #949494;
}

.textblue
{
	color: #4D6171;
}

.textlist /* for list-like text which uses bullets not available in <ul> */
{
	line-height: 18px;
}

.ellipsis
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ellipsisleft
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: right;
}

/* Links */

a {
	color: var(--link-color);
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.black {
  color: var(--text-color);
}

.linkbutton {
  display: inline-flex;
  font-size: inherit;
  font-family: inherit;
  color: var(--link-color);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  line-height: inherit;
  text-align: left;
  align-items: center;
}

.linkbutton:hover {
  text-decoration: underline;
}

/* Buttons */

.button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  background-color: var(--background-color);
  color: var(--text-color);
  border: 1px solid var(--input-border-color);
  border-radius: var(--standard-border-radius);
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 4px 16px;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  font-weight: 600;
}

.button svg {
  fill: var(--neutral-icon-color);
}

.button:hover {
  background-color: #d8dce2;
  border-color: var(--input-border-color);
  text-decoration: none;
}

.button.icon:hover {
  background-color: var(--background-color);
  text-decoration: none;
}

.button.icon.dark-hover:hover {
  background-color: #d8dce2;
}

.button:active {
  background-color: var(--background-color);
}

.button.primary {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
  color: #fff;
}

.button.primary svg {
  fill: #fff;
}

.button.primary:active {
  background-color: var(--primary-color);
}

.button.onPrimary {
  border: 1px solid #32507c;
  background-color: #32507c;
  color: #fff;
}

.button.onPrimary svg {
  fill: #fff;
}

.button.onPrimary:hover svg {
  fill: var(--neutral-icon-color);
}

.button.onPrimary:hover {
  border: 1px solid #fff;
  background-color: #fff;
  color: var(--text-color);
}

.button.onPrimary:active {
  border: 1px solid #32507c;
  background-color: #32507c;
  color: #fff;
}

.button.green {
  border: 1px solid var(--green-color);
  background-color: var(--green-color);
  color: #fff;
}

.button.green svg {
  fill: #fff;
}

.button.green:hover {
  border: 1px solid #27741d;
  background-color: #27741d;
}

.button.green:active {
  background-color: var(--green-color);
  border: 1px solid var(--green-color);
}

.button.red {
  border: 1px solid var(--red-color);
  background-color: var(--red-color);
  color: #fff;
}

.button.red:hover {
  border: 1px solid #bd0e0e;
  background-color: #bd0e0e;
}

.button.red:active {
  border: 1px solid var(--red-color);
  background-color: var(--red-color);
}

.button.red-secondary:hover {
  border: 1px solid var(--red-color);
  background-color: var(--red-color);
  color: #fff;
}

.button.red-secondary:hover svg {
  fill: #fff;
}

.button.icon {
  background: transparent;
  border: 1px solid transparent !important;
  min-height: 31px;
  padding: 6px;
  justify-content: center;
  align-self: center;
}

.button.icon svg {
	fill: var(--primary-color);
}

.button.disabled,
.button:disabled,
.button.primary.disabled,
.button.primary:disabled,
.button.green.disabled,
.button.green:disabled,
.button.red.disabled,
.button.red:disabled,
.button.red-secondary.disabled,
.button.red-secondary:disabled {
  opacity: 0.5;
  cursor: default;
}

.button.disabled:hover,
.button:disabled:hover {
  border: 1px solid var(--input-border-color);
  background-color: var(--background-color);
}

.button.primary.disabled:hover,
.button.primary:disabled:hover {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
}

.button.green.disabled:hover,
.button.green:disabled:hover {
  border: 1px solid var(--green-color);
  background-color: var(--green-color);
}

.button.red.disabled:hover,
.button.red:disabled:hover {
  border: 1px solid var(--red-color);
  background-color: var(--red-color);
}

.button.red-secondary.disabled:hover,
.button.red-secondary:disabled:hover {
  border: 1px solid var(--input-border-color);
  color: var(--text-color);
}

.button.icon.disabled,
.button.icon:disabled,
.button.icon.disabled:hover,
.button.icon:disabled:hover {
  background: transparent;
}

.buttongroup {
  display: flex;
  align-self: center;
  border-radius: var(--standard-border-radius);
}

.buttongroup > * {
	border-radius: 0 !important;
	border-left-width: 0 !important;
	padding: 4px 12px !important;
}

.buttongroup > :first-child {
  border-top-left-radius: var(--standard-border-radius) !important;
  border-bottom-left-radius: var(--standard-border-radius) !important;
  border-left-width: 1px !important;
}

.buttongroup > :last-child {
  border-top-right-radius: var(--standard-border-radius) !important;
  border-bottom-right-radius: var(--standard-border-radius) !important;
}


/* Formulare */

.textcolor{
	color: var(--text-color);
}

input:not([type="checkbox"], [type="radio"], [type="submit"], [type="image"], [type="button"]),
textarea,
select {
font-size: inherit;
font-family: "Open Sans", Segoe UI, Arial, Verdana;
line-height: inherit;
background-color: #fff;
border: 1px solid var(--input-border-color);
border-radius: var(--standard-border-radius);
resize: none;
color: var(--text-color);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
padding: 4px 8px;
}

input:not([type="checkbox"], [type="radio"], [type="submit"], [type="image"], [type="button"]):hover,
textarea:hover,
select:hover {
  border-color: #637692;
}

select {
  background-color: #fff;
  padding-right: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiBmaWxsPSIjMzIzNzNjIiB2aWV3Qm94PSIwIDAgMTAgNiI+PHBhdGggZD0iTTkuMjUyLDBhLjczNy43MzcsMCwwLDEsLjUyNS4yMTdBLjc2Ni43NjYsMCwwLDEsMTAsLjc2MWEuNzU0Ljc1NCwwLDAsMS0uMjEuNTRMNS43NzcsNS42NzhhMS4xLDEuMSwwLDAsMS0xLjU1NCwwTC4yMSwxLjNBLjc0OS43NDksMCwwLDEsMCwuNzYyLjc3MS43NzEsMCwwLDEsLjIyMi4yMTcuNzQxLjc0MSwwLDAsMSwuNzQ4LDBaIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="date"],
input[type="datetime-local"] {
  padding: 3px 8px;
}

input[type="number"] {
	padding-right: 2px;
}

input:not([type="checkbox"], [type="radio"], [type="submit"], [type="image"], [type="button"]):disabled,
select:disabled,
textarea:disabled {
  background-color: #f5f6f7;
  border: 1px solid #f5f6f7;
  color: #a0a2a4;
  opacity: 1;
}

select:disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiBmaWxsPSIjYzljOWM5IiB2aWV3Qm94PSIwIDAgMTAgNiI+PHBhdGggZD0iTTkuMjUyLDBhLjczNy43MzcsMCwwLDEsLjUyNS4yMTdBLjc2Ni43NjYsMCwwLDEsMTAsLjc2MWEuNzU0Ljc1NCwwLDAsMS0uMjEuNTRMNS43NzcsNS42NzhhMS4xLDEuMSwwLDAsMS0xLjU1NCwwTC4yMSwxLjNBLjc0OS43NDksMCwwLDEsMCwuNzYyLjc3MS43NzEsMCwwLDEsLjIyMi4yMTcuNzQxLjc0MSwwLDAsMSwuNzQ4LDBaIi8+PC9zdmc+);
}

option {
  font-family: inherit;
  font-size: inherit;
  background-color: #fff;
}

*:focus {
  outline-offset: 1px;
  outline-color: var(--primary-color);
}

input.red 
{
	border:1px solid red;
}

/* checkboxes and radio buttons */

input[type="checkbox"],
input[type="radio"] {
	accent-color: var(--primary-color);
	min-height: 14px;
	min-width: 14px;
	height: 14px;
	width: 14px;
	margin: 0;
}

/* radio buttons */

input[type="radio"] {
	accent-color: var(--primary-color);
	height: 14px;
	width: 14px;
}


/* range slider */

input[type="range"] {
	accent-color: var(--primary-color);
	padding: 0;
	margin: 0;
}


/* info container */
.info-container {
	display: flex;
	gap: 16px;
	align-items: center;
	border: 1px solid var(--border-color);
	padding: 16px;
	border-radius: var(--medium-border-radius);
	background-color: var(--background-color);
}

input.checknoindent, .checknoindent input
{
	padding-left: 0;
	margin-left: 0;
	margin-right: 4px;
	vertical-align: -2px;
}

.checknoindent.expandBtn
{
	position: relative;
	text-align: center;
	width: 35px !important;
}

.hideMsReveal::-ms-reveal {
	display: none;
}

.fa-eye, .fa-eye-slash {
	position: absolute;
	top: 8px;
	right: 8px;
	cursor: pointer;
	height: 20px;
	width: 20px;
}

.fa-eye {
	background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDY0YjUwIj4KPHBhdGggZD0iTTkuNSw4YzAsMC44LTAuNywxLjUtMS41LDEuNUM3LjIsOS41LDYuNSw4LjgsNi41LDhTNy4yLDYuNSw4LDYuNUM4LjgsNi41LDkuNSw3LjIsOS41LDh6IE0xNiw4YzAsMC0zLDUuNS04LDUuNVMwLDgsMCw4CglzMy01LjUsOC01LjVTMTYsOCwxNiw4eiBNMTEsOGMwLTEuNy0xLjMtMy0zLTNDNi4zLDUsNSw2LjMsNSw4czEuMywzLDMsM0M5LjcsMTEsMTEsOS43LDExLDh6Ii8+Cjwvc3ZnPgo=")
}

.fa-eye-slash {
	background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDY0YjUwIj4KPHBhdGggZD0iTTIuMSwxMC43QzAuNyw5LjQsMCw4LDAsOHMzLTUuNSw4LTUuNWMwLjksMCwxLjcsMC4yLDIuNSwwLjVMOC4zLDVDOC4yLDUsOC4xLDUsOCw1QzYuMyw1LDUsNi4zLDUsOGMwLDAsMCwwLDAsMC4xCglMMi4xLDEwLjd6IE0xNiw4YzAsMC0zLDUuNS04LDUuNWMtMS4zLDAtMi41LTAuNC0zLjUtMC45bC0yLjksMi42Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuM2MtMC42LDAtMS0wLjQtMS0xCgljMC0wLjMsMC4xLTAuNSwwLjMtMC43bDE0LTEzYzAuMi0wLjIsMC40LTAuMywwLjctMC4zYzAuNiwwLDEsMC40LDEsMWMwLDAuMy0wLjEsMC41LTAuMywwLjdsLTIuNSwyLjRDMTUsNi4xLDE2LDgsMTYsOHogTTExLDgKCWMwLTAuNC0wLjEtMC44LTAuMy0xLjJMOS41LDhjMCwwLDAsMCwwLDBjMCwwLjgtMC43LDEuNS0xLjUsMS41YzAsMC0wLjEsMC0wLjEsMGwtMS4zLDEuMkM3LDEwLjksNy41LDExLDgsMTFDOS43LDExLDExLDkuNywxMSw4eiIKCS8+Cjwvc3ZnPgo=")
}

/*
-------------------------------
Container
-------------------------------
*/

ul
{
	margin: 0 0 0 30pt;
}

tr.line /* for hour bars */
{
	height: 17px
}

td.label /* for hour bars */
{
	padding-right: 3px;
	white-space: nowrap;
}

div.number, td.number {
	width: 50px;
	color: #4F6171;
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
	border: 1px solid #b9c3d1;
	white-space: nowrap;
}

.PerformanceDiagram
{
	position: relative;
	margin-bottom: 5px;
	visibility: visible;
}

form.Invisible .PerformanceDiagram
{
	top: -1000000px;
}

div.box /* for performance diagram */
{ 
	width: 15px; 
	height: 15px; 
	margin-right: 6px;
}

.pillartext {
	color: #666;
}

span.hint {
	font-weight: normal;
	font-size: 8pt;
	margin-left: 8px;
}

span.errormark
{
	font-weight: bold;
	font-size: 10pt;
	margin-left: 6px;
	color: red;
	display: none;
}

tr.headerbar div {
	font-weight: 600;
	color: var(--text-color);
	text-align: center;
	white-space: nowrap;
	position: relative;
}

div.headerbarstripe
{
	border-left: 1px solid #c8c8c8;
	position: absolute !important;
	width: 2px;
	top: 0;
	left: 0;
}

div.tabcontent
{
	padding: 3px 8px 4px;
}

/*
-------------------------------
Top Level frameset-emulating document
-------------------------------
*/

.treeview--react {
	display: flex;
	padding-top: 16px;
}

div.rightframe {
	border-radius: var(--medium-border-radius);
	display: flex;
	flex-direction: column;
	margin-right: -16px;
	margin-bottom: -16px;
}

.flex{
	display: flex;
}

.flex-column{
	display: flex;
	flex-direction: column;
}

.flex-center {
	display: flex;
	align-items: center;
}

.align-items-center {
	align-items: center;
}

.sidebar--react {
	min-width: 68px;
	user-select: none;
	padding: 8px 0;
	border-right: 1px solid var(--border-color);
}

.submenu--react {
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: var(--background-color);
}

.frameContainer {
	z-index: 1;
	padding: 0 0 16px 0;
	width: 100%;
	box-sizing: border-box;
}

.hideTreeview .treeview--react {
	max-width: 1600px;
}

.noMaxWidth .treeview--react {
	max-width: none;
}

body.toolbar div.topframe, body.toolbarminimized div.topframe {
	height: 40px;
	border-bottom: 1px solid var(--primary-color);
}

iframe{
	border: none;
	margin: 0;
}

#mk_RightFrame {
	width: 100%;
	height: 100%;
	max-height: calc(100vh - 96px);
	flex: 1;
	z-index: 1;
}

body.hideTreeview .tablabel-container__treeview, 
body.hideTreeview .tabnode-container__treeview, 
body.hideTreeview .treeview-resize-handle {
	display: none;
}

/*
-------------------------------
Content Box
-------------------------------
*/

.contentbox {
	background-color: var(--foreground-color);
	min-width: 200px;
	border-radius: var(--medium-border-radius);
	box-sizing: border-box;
	border: 1px solid var(--border-color);
}

.contentboxWithMargin {
	background-color: var(--foreground-color);
	border-radius: var(--medium-border-radius);
	box-sizing: border-box;
	margin-top: 16px;
	border: 1px solid var(--border-color);
}

.contentboxWithMargin:first-child
{
	margin-top: 0;
}

div.headline, div.headlineright, div.headlinestripe {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	height: 45px;
	border-bottom: 1px solid #C8C8C8;
}

div.subheadline, div.subheadlineright, div.subheadlinestripe
{
	font-size: 11px;
	font-weight: bold;
	color: var(--text-color);
	text-align: left;
	height: 22px;
	line-height: 22px;
}

div.headline {
	min-height: 45px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.headline .button{
	font-size: 14px;
}

div.subheadline {
	position: relative;
	background-color: #f5f5f5;
}

div.subheadlineimg
{
	height: 21px;
	line-height: 21px;
}

div.headlinestripe
{
	width: 2px;
	position: absolute;
	top: 0;
}

div.subheadlinestripe
{
	width: 2px;
	position: absolute;
	top: 0;
}

div.headlineright, div.subheadlineright
{
	padding: 0 10px 0 10px;
	position: absolute;
	top: 0;
	font-size: 11px;
	font-weight: normal;
}

div.headlineright img, div.subheadlineright img
{
	vertical-align: middle;
}

div.subtitle
{	
	border-bottom: 1px solid #c8c8c8;
	
	font-weight: normal;
	color: var(--text-color);
	text-align: center;
	white-space: nowrap;
	
	padding: 8px 10px;
}

/*
-------------------------------
Images
-------------------------------
*/

img
{
	border: 0;
}

/*
-------------------------------
Tables
-------------------------------
*/

table.info /* Standardtabelle */
{
	width: 729px;
	table-layout: fixed;
	border-left: 1px solid #74899B;
	border-right: 1px solid #74899B;
	border-bottom: 1px solid #74899B;
}

/*
-------------------------------
Table Headers
-------------------------------
*/
th {
	text-align: left;
	font-weight: 600;
}

th.sorting div, th.sorting_asc div, th.sorting_desc div
{
	background-repeat: no-repeat;
	background-position: right center;
}

th.sorting, th.sorting_asc, th.sorting_desc
{
	padding: 0;
}

th.sorting_asc div
{
	background-image: url("../images/icons/sort_up.gif");
}

th.sorting_desc div
{
	background-image: url("../images/icons/sort_down.gif");
}

/*
-------------------------------
Table Rows
-------------------------------
*/

.greyrow, div.greycontent, .odd
{
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
}

.greyrow:last-child, div.greycontent:last-child, .odd:last-child
{
	border-top: 1px solid #C8C8C8;
}

table.alterorange tr, .lightorangerow
{
	background-color: #FFEFD9;
}

table.alterorange .alter, .orangerow
{
	background-color: var(--warning-bg-color);
}

tr.bottomspace td
{
	padding-bottom: 24px;
}

tr.odd td.sorting_1
{
	background-color: #E8E8E8;
}

tr.even td.sorting_1
{
	background-color: #F0F0F0;
}

/*
-------------------------------
Table Cells
-------------------------------
*/

td.settingcaption
{
	padding: 10px;
	width: 196px;
	text-align: left;
}

td.settingcontent, .settingcontent,
td.settinginfo, .settinginfo 
{
	padding: 8px 16px;
}

.nobottompadding td.settinginfo,.nobottompadding .settinginfo
{
	padding-bottom: 0;
}

td.settingnote, .settingnote
{
	padding: 12px 16px;
}

td.tablevalue, .tablevalue
{
	padding: 4px 8px;
}

tr:last-child > td.tablevalue
{
	border-bottom: none;
}

td.separator
{
	line-height: 6px;
	height: 6px;
}

td.greyborder
{
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
}

table.alterorange td
{
	border-color: #FFDDAE;
}

td.headline, td.headlineright, td.headlinestripe, td.headlineimg
{
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-align: left;
	
	height: 26px;
	
	padding: 0 10px 0 10px;
}

td.headlineimg
{
	width: 28px;
	text-align: center;
	line-height: 11px;
	padding: 1px 0 0 0;
}

td.headlinestripe
{
	width: 2px;
	padding: 0;
}

td.subheadline, td.subheadlineright, td.subheadlinestripe, td.subheadlineimg
{
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-align: left;
	
	height: 22px;
	
	padding: 0 10px 0 10px;
}

td.subheadlineimg
{
	width: 28px;
	text-align: center;
	line-height: 11px;
	padding: 1px 0 0 0;
}

td.subheadlinestripe
{
	width: 2px;
	padding: 0;
}

.subtab, td.subtabstripe
{
	height: 21px;
	background-repeat: repeat-x;
}

.subtab, .subtitletab /* Subheadline (kommt vom Rootoverview Design) */
{
	padding: 4px 8px;
	vertical-align: middle;
	white-space: nowrap;
	box-sizing: border-box;
}

.subtab {
	font-weight: 600;
	font-size: 14px;
	border-bottom: 1px solid #c8c8c8;
	text-align: center;
}

.subtitletab {
	border-bottom: 1px solid #c8c8c8;
	font-weight: 600;
}

td.subtabstripe
{
	width: 2px;
	min-width: 2px;
}

td.togglebtncell {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 8px;
	cursor: pointer;
}

td.plaingrey /* Standardzelle mit grauem Rahmen */
{
	padding: 9px 10px 9px 10px;
	text-align: center;
}

.addressfieldcaption
{
	text-align: right;
	white-space: nowrap;
}

tr.headerbar td
{
	padding: 0 !important;
}

table.registerinstructions td
{
	vertical-align: top;
	padding: 2px 7px 2px 0;
}

td.leftcaption
{
	vertical-align: top;
	white-space: nowrap;
}

/*
------------------------------
Pillar table background
------------------------------
*/

div.pillarcontainer {
	padding: 16px 0 8px;
	margin-left: 10px;
	margin-right: 10px;
	display: flex;
	justify-content: center;
}

tr.pillarbg td div
{
	margin: 0 auto;
}

tr.pillarbg td, tr.pillartext td
{
	text-align: center;
	width: 23px;
	font-size: 12px;
}

tr.pillarbg td.first, tr.pillartext td.first
{
	padding-left: 4px;
	padding-right: 4px;
}

tr.pillarbg td.first
{
	background-repeat: no-repeat;
	background-position: bottom left;
}

tr.pillarbg td.center
{
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 4px;
	padding-right: 4px;
}

tr.pillarbg td.last, tr.pillartext td.last
{
	padding-left: 4px;
	padding-right: 14px;
}

tr.pillarbg td.last
{
	background-repeat: no-repeat;
	background-position: bottom right;
}


/*
----------------
Rahmen
----------------
*/

.GreyAll
{
	border: 1px solid var(--border-color);
}

.GreyRight, .LightGreyRight
{
	border-right:1px solid var(--border-color);
}

.GreyLeft, .LightGreyLeft
{
	border-left:1px solid var(--border-color);
}

.GreyTop, .LightGreyTop
{
	border-top:1px solid var(--border-color);
}

.GreyBottom, .LightGreyBottom
{
	border-bottom: 1px solid var(--border-color);
}

.noBottom
{
	border-bottom: none !important;
}

/*
----------------------
Old Buttons
----------------------
*/

/* text button */

div.imgbtn {
	display: inline-block;
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: var(--standard-border-radius);
	width: 100%;
}

div.imgbtn:hover{
    background-color: #f3f2f1;
}

div.imgbtn[enabled="false"] > .btntext, div.imgbtn[enabled="false"] > .imgbtntext
{
	color: Gray !important;
}

span.btntext, div.btntext
{
	color: white;
}

div.btntext
{
	position: relative;
	left: 0;
	top: 0;
	text-align: center; 
	outline: none;
	font-size: 14px;
    padding-left: 16px;
    padding-right: 16px;
}

span.btntext
{
	vertical-align: 3px;
	margin-left: 1px;
}



div.btnstate {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: var(--standard-border-radius);
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

form.Invisible div.btnstate {
	display: none;
}

div.btnstate td
{
	line-height: 11px;
}

/* text image button */

.imgbtntext
{
	text-align: center;
	margin-left: 2px;
	margin-right: 2px;
	font-weight: bold;
}

img.btnimage
{
	vertical-align: middle;
	margin-right: 4px;
}

/*
---------------------------
Report List
---------------------------
*/

table.reportlist .subcontentsmall td, table.reportlist .headerbar td
{
	border-bottom: 1px solid #D7D7D7;
}

#reportlist1, #reportlist2
{
	border-bottom: none;
}

#reportlist1 table, #reportlist2 table
{
	border-collapse: collapse;
}

table.reportlist td
{
	padding: 9px 7px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-left: 1px solid #D7D7D7;
}

table.reportlist td:first-child
{
	border-left: none;
}

table.reportlist td.rightalign
{
	text-align: right;
	padding-right: 15px;
}

table.reportlist td.statusimg
{
	width: 28px;
	padding-right: 2px;
	padding-left: 12px;
	border-left: none;
}

table.reportlist td.link
{
	border-left: none;
	text-align: left;
	white-space: normal;
}
/*
-------------------------
Pillar styles
-------------------------
*/

.nearendfill_v, .nearendempty_v, .middle_v
{
	background-repeat: no-repeat;
}

.nearendempty_v {
	background-color: #f0f0f0;
}

.farendfill_v, .farendempty_v
{
	background-repeat: no-repeat;
}

.farendempty_v {
	background-color: #f0f0f0;
}

.centerfill_v, .centerempty_v
{
	background-repeat: repeat-y;
}

.centerempty_v {
	background-color: var(--background-color);
}

.nearendfill_h, .farendfill_h, .nearendempty_h, .farendempty_h, .middle_h
{
	width: 5px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

.nearendempty_h {
	background-color: #f0f0f0;
}

.farendempty_h {
	background-color: #f0f0f0;
}

.centerfill_h, .centerempty_h
{
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

.centerempty_h {
	background-color: #f0f0f0;
}

.bigred_horizontal .nearendfill_h, .bigred_horizontal .farendfill_h,
.bigred_horizontal .nearendempty_h, .bigred_horizontal .farendempty_h, .bigred_horizontal .middle_h
{
	width: 7px;
	height: 28px;
}

.bigred_horizontal .centerfill_h, .bigred_horizontal .centerempty_h
{
	height: 28px;
}

.bigred_horizontal .nearendempty_h
{
	background: url('../images/pillars/status_empty_left_gfx.png');
}

.bigred_horizontal .farendempty_h
{
	background: url('../images/pillars/status_empty_right_gfx.png');
}

.bigred_horizontal .centerempty_h
{
	background: url('../images/pillars/status_empty_center_gfx.png');
}

.blue_vertical .nearendfill_v
{
	background-color: var(--primary-color);
}
.green_vertical .nearendfill_v
{
	background: url('../images/pillars/pillar_green_top_gfx.png');
}
.orange_vertical .nearendfill_v
{
	background: url('../images/pillars/pillar_orange_top_gfx.png');
}
.blue_horizontal .nearendfill_h
{
	background-color: var(--primary-color);
}
.green_horizontal .nearendfill_h
{
    background-color: var(--green-color);
}
.orange_horizontal .nearendfill_h
{
	background: url('../images/pillars/pillar_horizontal_orange_left_gfx.png');
}
.red_horizontal .nearendfill_h
{
	background: url('../images/pillars/pillar_horizontal_red_left_gfx.png');
}
.bigred_horizontal .nearendfill_h
{
	background: url('../images/pillars/status_full_left_gfx.png');
}

.blue_vertical .centerfill_v
{
	background-color: var(--primary-color);
}
.green_vertical .centerfill_v
{
	background: url('../images/pillars/pillar_green_center_gfx.png');
}
.orange_vertical .centerfill_v
{
	background: url('../images/pillars/pillar_orange_center_gfx.png');
}
.blue_horizontal .centerfill_h
{
	background-color: var(--primary-color);
}
.green_horizontal .centerfill_h
{
	background-color: var(--green-color);
}
.orange_horizontal .centerfill_h
{
	background: url('../images/pillars/pillar_horizontal_orange_center_gfx.png');
}
.red_horizontal .centerfill_h
{
	background: url('../images/pillars/pillar_horizontal_red_center_gfx.png');
}
.bigred_horizontal .centerfill_h
{
	background: url('../images/pillars/status_full_center_gfx.png');
}

.blue_vertical .farendfill_v
{
	background-color: var(--primary-color);
}
.green_vertical .farendfill_v
{
	background: url('../images/pillars/pillar_green_bottom_gfx.png');
}
.orange_vertical .farendfill_v
{
	background: url('../images/pillars/pillar_orange_bottom_gfx.png');
}
.blue_horizontal .farendfill_h
{
	background-color: var(--primary-color);
}
.green_horizontal .farendfill_h
{
	background-color: var(--green-color);
}
.orange_horizontal .farendfill_h
{
	background: url('../images/pillars/pillar_horizontal_orange_right_gfx.png');
}
.red_horizontal .farendfill_h
{
	background: url('../images/pillars/pillar_horizontal_red_right_gfx.png');
}
.bigred_horizontal .farendfill_h
{
	background: url('../images/pillars/status_full_right_gfx.png');
}

.blue_vertical .middle_v
{
	background-color: var(--primary-color);
}
.green_vertical .middle_v
{
	background: url('../images/pillars/pillar_green_middle_gfx.png');
}
.orange_vertical .middle_v
{
	background: url('../images/pillars/pillar_orange_middle_gfx.png');
}
.blue_horizontal .middle_h
{
	background-color: var(--primary-color);
}
.green_horizontal .middle_h
{
	background-color: var(--green-color);
}
.orange_horizontal .middle_h
{
	background: url('../images/pillars/pillar_horizontal_orange_middle_gfx.png');
}
.red_horizontal .middle_h
{
	background: url('../images/pillars/pillar_horizontal_red_middle_gfx.png');
}
.bigred_horizontal .middle_h
{
	background: url('../images/pillars/status_full_middle_gfx.png');
}

/*
-------------------------
Toolbar
-------------------------
*/
div.toolbargrey 
{
	border-bottom: 1px solid #C8C8C8;
}

.toolbarseparator
{
	width: 1px;
	border-left: 1px solid #C8C8C8;
	height: 16px;
}

div.toolbargrey div.imgbtn
{
	line-height: 11px;
}

div.toolbargrey span.imgbtntext
{
	font-size: 8pt;
	font-weight: normal;
}

/*
 Machine tags dialog
*/
div.tagcontainer
{
	overflow-y: auto; 
	height:400px; 
    border: 1px solid var(--input-border-color);
    border-radius: var(--standard-border-radius);
}
div.tagcontainer li.tagline
{
	padding: 0 8px;
}

.taglinecontainer{
	display: flex;
	align-items: center;
}

div.tagcontainer li.tagline div.tagname {
	margin-right: 4px;
}

div.tagcontainer li.tagline input.tagname
{
	width: 100%;
}

div.tagcontainer ul
{
	padding: 0;
	margin: 0;
}

div.tagcontainer label.taglinelabel
{
	flex: 1;
	padding: 8px 0;
	padding-left: 6px;
}

div.tagcontainer div.taglineicon
{
	margin-right: 10px;
}

.changedTagElement {
	background-color: #DAF2FF;
}

table.grid
{
	width: 100%;
	height: 100%;
}

table.grid > tbody > tr > td
{
	width: 50%;
	vertical-align: top;
	padding-top: 16px;
}	

.graytext {
	color: #4f4f4f;
}

.alertMessage {
	margin-left: 25px;
}

.headlinelink {
	margin-right: 5px;
}

.headlinelink a, .headlinelink a:hover, a.headlinetextlink, a.headlinetextlink:hover
{
	display: flex;
	color: var(--text-color);
	text-decoration: none;
	white-space: nowrap;
}

.headlinetextlink{
	flex: 1;
}

.messageLogDiv
{
	overflow: auto;
	overflow-x: hidden;

	height: 260px;
}

.readcheck
{
	position: absolute;
	top: 1px;
	right: 0;
}

.readcheck input
{
	vertical-align: middle;
}

.machineNotificationWarningText
{
	color: #eb9000;
}

div.linkbox {
	border: 1px solid var(--border-color);
	border-radius: var(--medium-border-radius);
	background-color: var(--foreground-color);
	padding: 8px 16px;
	font-size: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 12px;
}

.hardwareperformance .performanceBtns table {
	margin-top: -22px !important;
}

/* menu item */
.menuItem
{
	position: absolute;
	border: 1px solid #C8C8C8;
	padding: 4px 0 4px;
	width: 200px;
	background-color: White;
	z-index: 1000;
	display: none;
}

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

.menuItem div
{
	padding: 4px 8px 4px;
	cursor: pointer;
}

.menuItem div:hover {
	color: White;
	background-color: var(--primary-color);
}
			
.menuItem .hr
{
	border-bottom: 1px solid #c8c8c8;
	padding: 0;
	margin: 4px 8px 4px;
}
			
.menuItem .hr:hover
{
	background-color: White;
}

.deleteCell
{
	padding: 0 !important;
	width: 1px;
}

.tablevalue.min
{
	width: 1px;
	padding-right: 0;
}

.rightsrow td:last-child
{
	vertical-align: top;
}

.trafficHeader {
	font-size: 14px;
	background-color: #f5f5f5;
	padding: 8px 10px;
}

.trafficHeaderSub 
{
	font-size: 14px;
	padding: 8px 10px !important;
}

tr.forcePadding td {
	padding: 4px 8px !important;
}

/*jquery placeholder plugin css*/
input.placeholder, textarea.placeholder
{ 
	color: #aaa;
}

.geomap-button {
    font-size: 14px;
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.65);
    border-radius: 4px;
    padding: 2px 8px;
    color: #4d4d4d;
}

.geomap-button:hover {
    background-color: #f4f4f4
}

.hidden {
	display: none;
}

.maxHeight100Percent {
	max-height: 100%;
}