@font-face {
    font-family: "Segoe UI";
    font-weight: normal;
    src: local("Segoe UI");
}

@font-face {
    font-family: "Segoe UI";
    font-weight: bold;
    src: local("Segoe UI Semibold");
}

/* 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('./fonts/open-sans-v15-cyrillic_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('./fonts/open-sans-v15-cyrillic_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* 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('./fonts/open-sans-v15-cyrillic_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('./fonts/open-sans-v15-cyrillic_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* 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('./fonts/open-sans-v15-cyrillic_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('./fonts/open-sans-v15-cyrillic_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* 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('./fonts/open-sans-v15-cyrillic_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('./fonts/open-sans-v15-cyrillic_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* 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('./fonts/open-sans-v15-cyrillic_latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('./fonts/open-sans-v15-cyrillic_latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*
-------------------------------
Body
-------------------------------
*/
html
{
	height: 100%;
}

body {
	margin: 0;
	color: black;
	background-color: white;
	font-family: Segoe UI, Arial, Verdana;
	font-size: 14px;
	box-sizing: border-box;
}

body.noresizex {
    min-width: 600px;
	max-width: 800px;
	padding: 16px 16px 16px 0;
}


.frameroot, .frameroot form {
    height: 100%;
    overflow: hidden;
    background-color: #f0f0f0;
}

/*
-------------------------------
Text
-------------------------------
*/

.charLimiter {
	max-width: 66ch; /* 66 chars are widely regarded as the ideal length for a line of text. */
}

.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: #1280bc;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.black
{
	color: black;
}

/*
-------------------------------
Formulare
-------------------------------
*/
input, textarea, select {
	border: 1px solid #a7abad;
	border-radius: 3px;
	padding: 4px 2px;
	resize: none;
}

*:focus{
	outline-color: #1894d8;
}

input, textarea {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

input.blue
{
	border: 1px solid #7E9CB8;
}

.bigblue
{
	border: 1px solid #7E9CB8;
}

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

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

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

.checknoindent.expandBtn div.btnstate
{
	margin-top: 15px;
}

.checknoindent.expandBtn div.btntext
{
	height: 51px;
}

textarea.blue
{
	border: 1px solid #7E9CB8;
}

input.btnnoindent, .btnnoindent input
{
	width: 14px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	vertical-align: -2px;
}

/*
-------------------------------
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;
	height: 15px;
	color: #4F6171;
	font-size: 11px;
	text-align: left;
	padding-left: 5px;
	border: 1px solid #6D8294;
	white-space: nowrap;
}

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

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

div.box /* for performance diagram */
{ 
	width: 8px; 
	height: 8px; 
	font-size: 0; 
	margin-right: 4px;
}

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
{
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	color: black;
	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
-------------------------------
*/

/* Change default width to 325px to display file system tab. For other req. changes search sajofjasdfj.*/
body.frameroot div.leftframe {
	width: 300px;
	min-width: 300px;
	border-radius: 8px;
	overflow: hidden;
	margin: 16px 16px;
	margin-right: 0;
	padding-right: 8px;
}

body.frameroot .treeview--react {
	display: flex;
	border-radius: 8px;
	margin: 8px 0 16px 16px;
}

#subsubmenu--react {
}

div.rightframe {
	border-radius: 8px;
	display: flex;
	flex-direction: column;
}

.flex{
	display: flex;
}

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

.sidebar--react {
	min-width: 64px;
	flex-shrink: 0;
	user-select: none;
}

.topbar--react {
	width: 100%;
	min-height: 50px;
	margin-bottom: 5px;
	background-color: #fff;
}

.bottomdiv {
	border-radius: 8px 0 0 0;
	background-color: #f0f0f0;
	border-left: solid 1px #dcdcdc;
	border-top: solid 1px #dcdcdc;
	overflow: hidden;
}

.frameContainer {
	border-radius: 0 8px 0 0;
	background-color: #ffffff;
	z-index: 1;
}

.leftframeresizehelper {
    border-right: 1px solid #CDCDCD;
}

body.toolbar div.topframe, body.toolbarminimized div.topframe
{
	height: 40px;
	border-bottom: 1px solid #1894d8;
}

iframe{
	border: none;
	margin: 0;
}

#mk_LeftFrame {
	width: 100%;
	height: 100%;
}

#mk_RightFrame {
	width: 100%;
	height: 100%;
	flex: 1;
	top: 0;
	left: 0;
	z-index:1 ;
}

#mk_LeftFrame {
    border-right: 3px double #CDCDCD;
    border-left: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    border-radius: 8px;
    box-sizing: border-box;
}

body.hideTreeview .leftframe
{
	display: none;
}

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


.hideTreeview.noresizex {
	max-width: 1200px;
	min-width: 1024px;
	width: auto;
	padding: 16px 16px 16px 0;
}


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

.contentbox {
	min-width: 200px;
	border: 1px solid #C8C8C8;
	border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;
}

.contentboxWithMargin {
	border: 1px solid #C8C8C8;
	border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;

	margin-top: 16px;
}

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

div.headline, div.headlineright, div.headlinestripe {
	font-size: 14px;
	font-weight: 600;
	color: black;
	text-align: left;
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #C8C8C8;
}

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

div.headline {
	min-height: 38px;
	position: relative;
	display: flex;
	justify-content: space-between;
}

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

div.headlineimg, div.subheadlineimg
{
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: center;
}

div.headlineimg
{
	line-height: 26px;
}

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
{
	height: 21px;
	line-height: 21px;
	
	border-bottom: 1px solid #c8c8c8;
	background-repeat: repeat-x;
	
	font-weight: normal;
	color: black;
	text-align: center;
	white-space: nowrap;
	
	padding: 0 10px;
}

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

img
{
	border: 0;
}

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

table.info /* Standardtabelle */
{
	width: 729px;
	background-color: white;
	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: #FFE6C3;
}

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
{
	font-size: 14px;
	font-weight: normal;
	color: black;
}

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: 11px 10px 9px 32px;
}

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

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

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

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, td.subtabpress
{
	height: 21px;
	background-repeat: repeat-x;
}

.subtab, td.subtabpress, .subtitletab /* Subheadline (kommt vom Rootoverview Design) */
{
	padding: 0 10px;
	vertical-align: middle;
	white-space: nowrap;
	color: black;
	text-align: center;
	box-sizing: border-box;
}

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

.subtitletab
{
	height: 18px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #c8c8c8;
	font-weight: normal;
}

td.subtabpress {
	background-color: #1a96da;
	color: White;
	font-size: 8pt;
}

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;
}

td.addressfieldcaption
{
	padding-right: 10px;
	width: 115px;
	text-align: right;
}

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: 10px 0 3px;
	background-repeat: repeat-x;
	text-align: center;
	margin-left: 10px;
}

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

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

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 #C8C8C8;
}

.GreyRight, .LightGreyRight
{
	border-right:1px solid #C8C8C8;
}

.GreyLeft, .LightGreyLeft
{
	border-left:1px solid #C8C8C8;
}

.GreyTop, .LightGreyTop
{
	border-top:1px solid #C8C8C8;
}

.GreyBottom, .LightGreyBottom
{
	border-bottom: 1px solid #C8C8C8;
}

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

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

/* text button */

div.imgbtn {
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 2px;
	
}

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

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

div.btntext, div.btntextsmall
{
	position: relative;
	left: 0;
	top: 0;
	text-align: center; 
	outline: none;
	font-size: 8pt;
}

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

div.gray_btntext {
	position: relative;
	left: 0;
	top: 0;
	text-align: center;
	color: black;
	font-size: 8pt;
	background-color: #ffffff;
	border: 1px solid #C8C8C8;
	line-height: 21px !important;
}

.button--blue {
	 display: flex;
	 border-radius: 2px;
	 background-color: #1a96da;
	 color: #fff;
	 border: none;
	 font-family: Segoe UI, Arial, Verdana;
	 padding: 6px 16px;
	 font-size: 8pt;
	 cursor: pointer;
}
.button--green:hover {
	background-color: #000000;
}

.button--green {
	display: flex;
	border-radius: 2px;
	background-color: #2a9f21;
	color: #fff;
	border: none;
	font-family: Segoe UI, Arial, Verdana;
	padding: 6px 16px;
	font-size: 8pt;
	cursor: pointer;
}

	.button--blue:hover {
		background-color: #000000;
	}

.button--blue:disabled
 {
	 background-color:#c8c8c8;
	 cursor: initial;
}

.button {
	display: flex;
	border-radius: 2px;
	border: none;
	font-family: Segoe UI, Arial, Verdana;
	padding: 4px 16px;
	font-size: 8pt;
	cursor: pointer;
	box-sizing: border-box;
}

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

.btnstate0, .btnstate1, .btnstate2, .btnstate3 {
	height: 100%;
}

.btnstate0 {
	background-color: #1a96da;
	color: #fff;
}
.btnstate1 {
	background-color: #000000;
	color: #fff;
}
.btnstate2 {
	background-color: #000000;
	color: #fff;
}
.btnstate3 {
	background-color: #c8c8c8;
}

.btnstate4 {
	background-color: #ffffff;
	border: 1px solid #C8C8C8;
}


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

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

/* text image button */

.imgbtntext
{
	color: #4E6171;
	vertical-align: middle;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 9pt;
	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;
}

/*
--------------------------
Alert lists
--------------------------
*/

table.alert-list
{
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

table.alert-list .graytext {
	font-size: 14px;
}

table.alert-list > tbody > tr > td {
	padding: 8px 10px;
	border-bottom: 1px solid #C8C8C8;
}

table.alert-list > tbody > tr:last-child  > td{
	border-bottom:none;
}

div.alerticon
{
	background: url("../images/message/error_ico.png") no-repeat;
	position: absolute;
	top: 5px;
	left: 0;
	width: 16px;
	height: 16px;
}

.alertbutton {
	position: absolute; 
	top: -5px; 
	left: inherit;
}

/*
-------------------------
Job lists
-------------------------
*/

table.job-list
{
	border-spacing: 0;
}

table.job-list td
{
	padding: 4px 8px;
}

table.job-list .btn td
{
	padding: 0;
}

table.job-list th.jobtoggle
{
	width: 35px;
}

table.job-list td.jobtoggle
{
	width: 35px;
	height: 51px;
}

table.job-list td.jobtoggle input
{
	margin-right: 0;
	cursor: pointer;
}
table.job-list td.jobimage
{
	width: 16px;
	height: 16px;
	padding-right: 0;
}
table.job-list td.jobtitle
{
	width: 125px;
}
table.job-list td.cmdcell
{
	padding: 0 14px;
	text-align: center;
	white-space: nowrap;
}

table.job-list td.cmdcell3btn
{
	padding: 0 3px;
}
table.job-list td.cmdcell input, .clickable
{
	cursor: pointer;
}


.cmdcell .btn
{
	white-space: nowrap;
}


.cmdcell .btn > span
{
	margin-top: 8px;
	margin-right: 3px;
	display: inline-block;
}

.cmdcell.jobs .btn > span
{
	margin-top: 5px;
}

table.jobterminal-list > tbody > tr:last-child > td
{
	border-bottom: 0 !important;
}

table.jobterminal-list td
{
	padding: 0 13px;
}
table.jobterminal-list td.terminaltitle
{
	padding-top: 2px;
	padding-bottom: 2px;
}
table.jobterminal-list td.terminaltitle div
{
	width: 200px;
	height: 18px;
	padding-left: 29px;
	background-repeat: no-repeat;
	background-position: left 0;
}
table.jobterminal-list td.terminaltitle img
{
	vertical-align: middle;
	margin-right: 11px;
}
table.jobterminal-list td.terminaljobstatus
{
	padding-left: 16px;
	vertical-align: middle;
}
table.job-list td.scheduledjobtitle
{
	width: 184px;
	border-left: none;
}
table.job-list td.jobtemplatetitle
{
	width: 165px;
	border-left: none;
}
/*
-------------------------
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: #f0f0f0;
}

.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: url('../images/pillars/pillar_blue_top_gfx.png');
}
.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: url('../images/pillars/pillar_horizontal_blue_left_gfx.png');
}
.green_horizontal .nearendfill_h
{
	background: url('../images/pillars/pillar_horizontal_green_left_gfx.png');
}
.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: url('../images/pillars/pillar_blue_center_gfx.png');
}
.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: url('../images/pillars/pillar_horizontal_blue_center_gfx.png');
}
.green_horizontal .centerfill_h
{
	background: url('../images/pillars/pillar_horizontal_green_center_gfx.png');
}
.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: url('../images/pillars/pillar_blue_bottom_gfx.png');
}
.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: url('../images/pillars/pillar_horizontal_blue_right_gfx.png');
}
.green_horizontal .farendfill_h
{
	background: url('../images/pillars/pillar_horizontal_green_right_gfx.png');
}
.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: url('../images/pillars/pillar_blue_middle_gfx.png');
}
.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: url('../images/pillars/pillar_horizontal_blue_middle_gfx.png');
}
.green_horizontal .middle_h
{
	background: url('../images/pillars/pillar_horizontal_green_middle_gfx.png');
}
.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
-------------------------
*/

tr.toolbar td
{
	height: 37px;
}

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; 
}
div.tagcontainer li.tagline
{
	padding: 8px;
	border-bottom: 1px solid #c8c8c8;
}

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
{
	width: 140px;
}

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

.changedTagElement {
	background-color: #DAF2FF;
}

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

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

table.grid > tbody > tr:first-child > td
{
	padding-top: 0;
}
			
table.grid > tbody > tr > td:first-child
{
	padding-left: 0;
}

.graytext {
	color: #4f4f4f;
}

.alertMessage {
	margin-left: 25px;
}

.headlinelink
{
	position: relative;
	border-left:  1px solid #C8C8C8;
	padding: 0 12px 0;
	height: 39px;
	cursor: pointer;
}

.headlinelink a, .headlinelink a:hover, a.headlinetextlink, a.headlinetextlink:hover
{
	color: black;
	text-decoration: none;
	white-space: nowrap;
	margin-right: 8px;
}

.headlinetextlink{
	flex: 1;
}

.headlinelink .headlineimg {
	left: 13px;
}

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

	height: 260px;
}

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

.readcheck input
{
	vertical-align: middle;
}

.machineInfoImg
{
	vertical-align: middle;
}

.machineNotificationIcon
{
	margin-right: 4px;
	vertical-align: -4px;
}


.machineNotificationIcon
{
	display: inline-block;
}

.machineNotificationWarningText
{
	color: #eb9000;
}

div.linkbox
{
	border: 1px solid #c8c8c8;
	border-radius: 8px;
	line-height: 38px;
	padding: 0 10px 0;
	font-size: 12px;
}

div.linkbox a
{
	color: #1a96da;
	padding-right: 6px;
}

input[type="checkbox"]
{
	margin-right: 6px;
}

.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: #1894d8;
}
			
.menuItem .hr
{
	border-bottom: 1px solid #c8c8c8;
	padding: 0;
	margin: 4px 8px 4px;
}
			
.menuItem .hr:hover
{
	background-color: White;
}

/* License */

.license-renew-icon {
	width: 16px;
	height: 16px;
	background-position: 0px -96px;
	display: inline-block;
	align-self: center;
}

.backButton
{
	margin:4px 6px 0 !important;
}

.backButton:hover
{
	background-position: top right;
	cursor: pointer;
}

.pageheadline
{
	font-weight: bold;
	font-size: 16px;
}


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


/* Team rights */
.teamrights td:first-child
{
	width: 580px;
}

.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: 0 2px !important;
}

.licenseErrorBox
{
	padding: 16px;
	background-color: #f5e6c7;
	background-image: url(../images/gfx/warning_box_gfx.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-radius: 8px;
	margin-right: 16px;
}

.licenseErrorBox h2
{
	margin-top: 0;
}

.licenseBtn
{
	display: inline-block;
	margin-right: 8px !important;
}

.ValidationError
{
	color: red;
	font-weight: bold;
}

.MachineInlineBlockChildDiv div
{
	display: inline-block;
	vertical-align: top;
}

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

td.skpackagetitle {
	padding-left: 5px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #C8C8C8;
	font-weight:600;
	font-size:12px;
}
td.skpackage 
{
	padding-left: 5px;
}

.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

.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;
}


/* For every browser except IE11 */
@supports not (-ms-high-contrast: none) {
	.maxHeightOnlyNonIE {
		max-height: 100%;
	}

	.onlyVisibleInIE {
		display: none;
	}
}