html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
}

html {
    background-color: white;/*fix for fullscreen mode. otherwise black borders would appear*/
}

#zak-init-loader {
	position: fixed !important;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 9999;
	background: url(/res/brand/loaderLogo) center no-repeat;
	background-color: #eee !important;
	background-position-y: 40%;
}
#zak-init-loader > .dhx_cell_acc, .zak-init-loader > .dhx_cell_acc > .dhx_cell_progress_svg {
	width: 100% !important;
	height: 100% !important;
	background-color: transparent !important;
}

.zak-bg {
	background-color: #eee !important;
}

.zak-bg label {
	font-weight: normal;
}

.zak-modal-panel {
	position: fixed; top: 50%; text-align: center; width: 100%
}
.zak-modal-panel > .panel {
	max-width: 520px; display: inline-block; margin-top: -75px; margin-right: 10px;
}
.zak-modal-panel > .panel > .panel-heading {
	background-color: #6E95AD; color: white
}
.zak-modal-panel > .panel > .panel-body div:last-of-type {
	float:right;
}
.zak-modal-panel > .panel > .panel-body div:first-of-type {
	float:left; text-align: left
}
.zak-modal-panel > .panel > .panel-body abbr {
	color: #aaa;
}
.zak-modal-panel > .panel > .panel-body span {
	margin-left:2px; vertical-align: middle; color: #aaa;
}
.zak-modal-panel > .panel > .panel-body div:last-of-type img {
	height: 1em;
}

.gridbox tr td.group_row img, .gridbox tr td.group_row div {
	display: inline;
}
div.gridbox table.obj.row20px tr td > div {
	overflow: hidden;
	text-overflow: ellipsis;
}
div.gridbox tr.rowhighlight td, .dhx_dataview_item.rowhighlight {
    -moz-animation: flash 3s ease-out;
    -moz-animation-iteration-count: 1;
	-webkit-animation: flash 3s ease-out;
  	-webkit-animation-iteration-count: 1;
	-ms-animation: flash 3s ease-out;
  	-ms-animation-iteration-count: 1;
    animation: flash 3s ease-out;
    animation-iteration-count: 1;
}
@keyframes flash {
    0% { background-color:transparent;}
    5% { background-color:#ffffcd;}
    100% {background-color:transparent;}
}
@-webkit-keyframes flash {
    0% { background-color:transparent;}
    5% { background-color:#ffffcd;}
    100% {background-color:transparent;}
}
@-moz-keyframes flash {
    0% { background-color:transparent;}
    5% { background-color:#ffffcd;}
    100% {background-color:transparent;}
}
@-ms-keyframes flash {
    0% { background-color:transparent;}
    5% { background-color:#ffffcd;}
    100% {background-color:transparent;}
}


.dhtmlx_popup_button, .dhtmlx_popup_title {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.dhtmlx-confirm .dhtmlx_popup_text pre {
    white-space: normal;
}

div.dhx_modal_cover {
    background-color: rgba(0,0,0,.25) !important;
    opacity: 1 !important;
}

*[class^=dhx], *[class^=dhtmlx], *[class*=dhxform] {
	box-sizing: content-box !important;
}
*[class*=dhxform] > .fs_legend {
	box-sizing: content-box !important;
	width: auto !important;
	border-bottom: initial !important;
	margin-bottom: initial !important;
}

/**** ERROR MESSAGE ****/
.dhtmlx-saveError {
	width: 25% !important;
}

.dhtmlx-saveError > div {
	overflow: auto;
}

.errorSummary {
	max-height: 250px;
	text-align: left;
	overflow: auto;
}

/**** ZAKMAP ****/
.zakmap-selection-close {
	margin-right: 23px !important;
    background-image: none !important;
    line-height: 16px !important;
    color: inherit !important;
}
.zakmap-result-edit {
	line-height: 1.4em;
}
.zakmap-result-edit > span {
	background-color: yellow;
	font-weight: bold;
}

/*** ITAM Progress Widget ****/
.zak-itf-task-progress {
	width: auto;
	display: inline-block;
	border-radius: 7px;
    padding: 4px;
    background-color: rgba(0,0,0,0.45);
}

.zak-itf-task-log {
	display: inline-block;
	position: absolute;
	bottom: 40px;
	max-height: 150px;
	overflow-y: auto;
	background: rgba(0,0,0,0.45);
	border-radius: 10px;
	width: 500px;
	right: 0;
	text-align: left;
}

/** LISTE ***/
.zak-liste-reload-timer {
  float: right;
}
.zak-liste-export {
	width: auto;
    position: absolute;
    right: 5px;
    bottom: 5px;
    text-align: right;
    z-index: 2;
}
.zak-liste-export span[rel=desc] {
	color: white;
}
.zak-liste-export .panel-body.logs {
	color: white;
}

.zak-liste-paging-area {
	float: right;
}
.zak-liste-paging-area > div {
	width: auto !important;
}
.zak-liste-paging-area [class^=dhx_pbox] {
	display: none;
}
.zak-liste-paging-area [class^=dhx_pager_info] {
	margin: 0;
	background-color: transparent;
}
.zak-liste-paging-area [class^=dhx_pline]{
	margin: 0;
	background-color: transparent;
	line-height: initial;
}

/*** Special lists ***/
.zak-liste-asset-image {

}

/***** Asset Mask ****/

.zak-bg .dhx_dataview .dhx_dataview_default_item_selected {
	background-image: none;
	border-left: 2px solid #6e95ad;
}
.zak-bg .dhx_dataview .dhx_dataview_default_item_selected > div {
	margin-left: -2px;
}

.zak-assetwindow .dhx_dataview_assetchapter_item, .dhx_dataview_assetchapter_item_selected {
	padding: 5px !important;
	cursor:pointer;
	min-height: 24px !important;
	width: 100% !important;
	border-bottom: 1px solid #a4bed4;
}
.zak-assetwindow .dhx_dataview_assetchapter_item_selected{
	font-weight:bold !important;
	background-color:#D8EAFF;
}
.zak-assetwindow .dhx_dataview {
	overflow-y: auto !important;
}

.zak-assetwindow .dhx_dataview {
	overflow-y: auto !important;
}
.zak-assetwindow .dhxlayout_base_material .dhx_cell_cont_layout.dhx_cell_cont_no_borders {
	overflow: hidden;
}
.zak-assetwindow .dhxlayout_base_material .dhx_cell_nested_layout .dhx_cell_cont_layout.dhx_cell_cont_no_borders {
	overflow: visible;
}
/* Firefox */
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def{
	width: -moz-available !important;
}
/* Chrome */
@supports not ((-webkit-hyphens: auto) or (-ms-hyphens: auto) or (hyphens: auto)) {
	.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def{
		width: -webkit-fill-available !important;
	}
}
/* IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def{
		width: calc(-2px + 100%) !important;
	}
}
/* Edge */
@supports (-ms-ime-align: auto) {
	.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def{
		width: calc(-2px + 100%) !important;
	}
}
.zak-assetwindow .assetname {
	/*font-size:12px !important;
	vertical-align: middle;*/
}

.zak-assetwindow .zak-asset-chapter {
	display: flex;
	gap: 0.25em;
	align-items: center;
}

.zak-assetwindow .asseticon {
	width: 24px !important;
	height: 24px;
	margin-top: -1px;
}

.zak-assetwindow .fa-chapter-icon {
	font-size: 1.4em;
	vertical-align: middle;
	color: #6e95ad;
	text-align: center;
	width: 1.5em;
}

.zak-assetwindow .icon-xsmall {
	font-size: 1em;
	width: 1.6em;
}

.zak-assetwindow .icon-small {
	font-size: 1.2em;
	width: 1.4em;
}

.zak-assetwindow .icon-large {
	font-size: 1.7em;
	width: 1em;
}

.zak-assetwindow .icon-xlarge {
	font-size: 2em;
	width: 0.8em;
}

.zak-assetwindow  .dhx_dataview_item > div {
	margin-top: -3px;
}
.zak-assetwindow .dhxlayout_base_dhx_web div.dhx_cell_cont_layout > div > div > div:nth-child(1) > div.dhx_cell_cont_layout {
	padding: 0;
}
.zak-assetwindow .gridbox table.obj td {
	border-bottom: 1px solid #f2f2f2 !important;
	border-right: 1px solid #f2f2f2 !important
}
.zak-assetwindow .btnBlock .dhxform_base_nested.in_block {
	float: right;
}
.zak-assetwindow i[rel=info_toggle] {
	cursor: pointer;
	margin-right: 0.5em;
}

.zak-assetwindow .btnCell {
}
.zak-assetwindow .btnCell .dhxform_btn {
	margin-bottom: 0 !important;
	min-width: 62px !important;
}
.zak-assetwindow .btnCell .dhxform_btn_txt {
	min-width: 62px !important;
	text-align: center;
}
.zak-assetwindow .btnCell>.dhx_cell_cont_layout {
 	border: none !important;
 	padding: 0 !important;
 	overflow: hidden !important;
}
.dhxwins_vp_dhx_web .zak-assetwindow .btnCell>.dhx_cell_cont_layout {
	left: 10px !important;
	height: 25px !important;
}
.zak-assetwindow .btnCell.dhx_cell_layout>div.dhx_cell_hdr {
 	border: none !important;
}
.zak-assetwindow .btnCell.dhx_cell_layout>div.dhx_cell_cont_layout>div {
	top: -5px !important;
	height: 38px !important;
}
.zak-assetwindow .btnCell.dhx_cell_layout>div.dhx_cell_cont_layout>div {
 	width: auto !important;
 	float: right !important;
	overflow: hidden !important;
}

.zak-assetwindow .btnCell.dhx_cell_layout>div.dhx_cell_cont_layout .infobox {
	z-index:99 !important;
    padding-top: 8px;
    position: relative;
    overflow: hidden !important;
    text-overflow: ellipsis;
    float: none !important;
    left: 0;
    white-space: nowrap;
}
.zak-assetwindow .btnCell.dhx_cell_layout>div.dhx_cell_cont_layout .infobox span {
	font-size: 0.8em;
	cursor: pointer;
    text-decoration: underline;
}

.zak-assetwindow .dhxlayout_base_material .btnCell {
	margin-top: -5px !important;
}
.zak-assetwindow .dhxlayout_base_material .btnCell.dhx_cell_layout>div.dhx_cell_cont_layout>div {
	top: -5px !important;
	height: 40px !important;
}
.zak-assetwindow .dhxlayout_base_material .btnCell.dhx_cell_layout>div.dhx_cell_cont_layout .infobox {
	padding-top: 1.4em !important;
	padding-left: 1em;
}

.zak-assetwindow .dhxlayout_base_dhx_terrace > .dhx_cell_layout > div.dhx_cell_toolbar_def {
	border-width: 1px !important;
}
.zak-assetwindow .dhxcombo_dhx_terrace.dhxcombo_in_grid {
	margin-left: 0;
}

/* increase DHTMLX Material Window Resize Border-size (not in break-out) */
.dhxlayout_base_material.dhxwins_vp_material div.dhxwin_brd {
	border-width: 0 5px 5px 5px !important;
}
.dhxlayout_base_material.dhxwins_vp_material div.dhx_cell_wins {
	left: 5px !important;
}


div.gridbox table.hdr td .hdrcell {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
div.gridbox_dhx_terrace.gridbox table.hdr td .hdrcell {
	border-right: 1px solid #dedede;
}

div.gridbox_dhx_web.gridbox table.hdr tr td {
	border-top: 0 solid white !important;  /* fix chrome on mac rendering error */
}
div.gridbox_material.gridbox table.hdr tr td {
	padding: 6px 0 6px 0 !important;
	background-color: #FAFAFA;
	border-right-color: #dfdfdf;
	border-bottom-color: #FAFAFA;
}
div.gridbox_dhx_web.gridbox table.hdr td {
	position: static !important;
}
div.gridbox_material.gridbox table.hdr td {
	position: static !important;
}
/* multiline cells (e.g. special lists) */
div.gridbox table.hdr tr td .hdrcell > span {
	top: 0 !important;
}
div.gridbox table.hdr tr td[rowspan] {
	vertical-align: middle;
}
div.gridbox table.obj tr td hr {
	margin-top: 6px;
	margin-bottom: 6px;
}
/*******/

div.gridbox table.obj tr.rowchanged {
	font-weight: 900;
}
/* fix tab bug highlighting (ZAK-1756) */
div.objbox table.obj.row20px{
    border-collapse: inherit !important;
}
div.dhxcombo_dhx_terrace.dhxcombo_in_grid {
	margin-left: 0;
	width: auto !important;
}

.dhxform_obj_dhx_skyblue input.dhxform_textarea {
	/*padding: 4px 3px!important;*/
	/*margin-top:6px!important;*/
	padding-top: 5px!important;
	font-size: 1em;
}
.dhx_cell_cont_layout {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}

div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
	text-align: left !important;
	padding-left: 9px;
	padding-right: 15px !important;
	text-overflow: ellipsis;
}

/* DHTMLX Menu Bar Overflow hacks */
.dhxlayout_base_dhx_web div.dhtmlxMenu_dhx_web_Middle {
	height: auto;
	min-height: 26px;
}
/* DHTMLX Toolbar Overflow hacks */
.dhxcelltop_toolbar.zak-bg > div > .dhxtoolbar_float_left {
	float: none;
    display: inline;
}
.dhxcelltop_toolbar.zak-bg > div > .dhxtoolbar_float_right {
	float: none;
	display: inline-block;
    position: absolute;
    right: 0;
    background: inherit;
    z-index: 100;
}

/* DHTMLX IE11 Window hack */
.iframe_cover_IEfix, .iframe_cover_IEfix iframe  {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	z-index: -1;
}

/* DHTMLX and Bootstrap Integration */
.dhx_cell_cont_layout .modal-body {
	padding: 15px 30px;
}
.dhx_cell_cont_layout .modal-footer {
	bottom: 0;
    position: absolute;
    width: 100%;
}
.dhx_cell_cont_layout .input-group .form-control {
	z-index: 1;
}
/*****/

.zak-liste-filters {
	box-sizing: border-box !important;
	padding: 10px;
}

.zak-liste-filters > div.dhxform_base {
	width: 100%;
	display: table;
	float: none;
}
.zak-liste-filters .dhxform_base_nested  {
	padding-left: 5px !important;
	display: table;
}
.zak-liste-filters > div div.dhxform_base {
	display: table-cell;
	float: none;
}
.zak-liste-filters .dhxform_select {
	width: 100%;
}
.zak-liste-filters .dhxform_fs .dhxform_control {
	margin-right: 3px !important;
}

/* fix ZAK-Filters Breite der Select Boxen */
.zak-liste-filters .dhxform_control {
	width: 100% !important;
}

/* fix ZAK-Filters skin terrace Buttons in Forms */
.dhxwins_vp_dhx_terrace .zak-liste-filters .dhxform_fs div.dhxform_btn {
	height: 23px !important;
}

/* fix ZAK-Filters skin sky_blue Input Box margin-top */
.dhxwins_vp_dhx_skyblue .zak-liste-filters .dhxform_control {
	margin-bottom: 5px !important;
}

.dhxwins_vp_dhx_skyblue .zak-liste-filters .dhxform_base {
	/* width: 100%; */
}

/* Fix Liste renderer padding in web skin */
.dhxlayout_base_dhx_web .zak-liste-wrapper div.dhx_cell_layout div.dhx_cell_cont_layout {
	top: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	height: 100% !important;
	border: 0 !important;
}

.zak-liste-wrapper, .zak-liste-wrapper > .dhx_cell_layout, .zak-liste-wrapper  > .dhx_cell_layout > .dhx_cell_cont_layout > div {
	width: 100% !important;
}

.zak-liste-wrapper > .dhx_cell_layout > .dhx_cell_cont_layout {
	width: calc(100% - 2px) !important;
}

.zak-liste-wrapper .icon-in-list {
    width: 1em;
    margin-left: 0.4em;
    margin-right: 0.9em;
    text-align: center;
}

.zak-liste-wrapper .icon-in-list.fa-kit {
	min-width: 1.5em;
	margin-left: 0.1em;
	margin-right: 0.7em;
}

/* CARDS */
.zak-liste.cards {
	background-color: #eee !important;
}
.zak-liste.cards .dhx_dataview_default_item, .zak-liste.cards .dhx_dataview_default_item_selected {
    /*border: 1px solid #d6d6d6 !important;
    border-radius: 5px;*/
    position: relative !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
   	box-shadow: 4px 4px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    font-size: 12.5px;
    line-height: 14px;
}
.zak-liste.cards .dhx_dataview_default_item .asset_image img { /* ZAK-2952 */
	max-height: 50px !important;
}

/* PIVOT */
.zak-pivot .pivot-cell {
	font-size: 12px !important;
}
.zak-pivot .pivot-cell.aggr-0-0 {
	background-color: white;
}
.zak-pivot .pivot-cell.aggr-1-0, .zak-pivot .pivot-cell.aggr-0-1 {
	background-color: #edf5ff;
}
.zak-pivot .pivot-cell.aggr-1-1 {
	background-color: #d8eaff;
}
.zak-pivot .pivot-cell.aggr-0-2, .zak-pivot .pivot-cell.aggr-2-0 {
	background-color: #c8e0fd;
}
.zak-pivot .pivot-cell.aggr-1-2, .zak-pivot .pivot-cell.aggr-2-1 {
	background-color: #b3d3f9;
}
.zak-pivot .pivot-cell.aggr-2-2 {
	background-color: #81bafd;
}
.zak-pivot .pivot-axis-x, .zak-pivot .pivot-data {
	border-left: 2px solid #6e95ad;
}
.zak-pivot .pivot-cell.sum-x {
    background: #fafafa !important;
    border-left: 2px solid #6e95ad;
}
.zak-pivot .pivot-cell.sum-y {
    background: #fafafa !important;
    border-top: 2px solid #6e95ad;
}
.zak-pivot .pivot-axis-y td.sum-y {
    background: #fafafa;
	border-top: 2px solid #6e95ad;
}
.zak-pivot .pivot-axis-x td.sum-x {
	border-left: 2px solid #6e95ad;
}
.zak-pivot .pivot-axis-y .xhdr, .zak-pivot .pivot-axis-x, .zak-pivot .pivot-axis-x tr:last-child {
	height: 150px !important;
	padding-bottom: 2px;
	border-bottom: 2px solid #6e95ad;
}
.zak-pivot .pivot-axis-y .treegrid_cell, .zak-pivot .pivot-axis-x .hdrcell {
	cursor: pointer;
}
.zak-pivot .pivot-axis-x td {
	vertical-align:bottom !important;
}
.zak-pivot .pivot-axis-x div.hdrcell {
	transform: rotate(-90deg) translate(60px, -60px);
	width: 150px !important;
	padding-left: 5px !important;
}
.zak-pivot .pivot-axis-x div.hdrcell img {
	padding-right: 5px !important;
	vertical-align: top;
}
.zak-pivot .pivot-axis-x div.hdrcell.lvl-2 {
	margin-bottom: 7px !important;
	font-weight: 500;
}
.zak-pivot .pivot-axis-x div.hdrcell.lvl-1 {
	font-weight: 600;
}
.zak-pivot .pivot-axis-x div.hdrcell.leaf {
	margin-bottom: 10px !important;
}
.zak-pivot .pivot-axis-x div.hdrcell.sum-x {
	margin-bottom: 5px !important;
}

.zak-pivot .pivot-filters .dhxrb_block_base, .zak-pivot .pivot-filters .dhxrb_block_items {
	height: initial !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.zak-pivot .pivot-filters .dhxrb_block_base, .zak-pivot .pivot-filters .dhxrb_block_items {
		height: auto !important;
	}
}
.zak-pivot .pivot-aggregations .dhxrb_block_base, .zak-pivot .pivot-aggregations .dhxrb_block_items {
	height: initial !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.zak-pivot .pivot-aggregations .dhxrb_block_base, .zak-pivot .pivot-aggregations .dhxrb_block_items {
		height: auto !important;
	}
}
.zak-pivot .pivot-filters, .zak-pivot .pivot-aggregations {
	position: relative;
}
.zak-pivot .pivot-filters .dhxrb_background_area, .zak-pivot .pivot-aggregations .dhxrb_background_area {
	background: none;
}

.zak-pivot .pivot-filters > div {
	background: none;
	border: none !important;
	position: absolute;
	top: 0;
}
.zak-pivot .pivot-aggregations > div {
	background: none;
	border: none !important;
	position: absolute;
	top: 60px;
}
.zak-pivot .pivot-aggregations > div .dhxrb_block_row {
	white-space: nowrap;
}
.zak-pivot .pivot-aggregations > div .dhxrb_in_row {
	display: inline-block;
	float: none;
}
.zak-pivot .pivot-filters .dhtmlxribbon_material div.dhxcombo_material {
	width: 220px !important;
}
.zak-pivot .pivot-filters .dhtmlxribbon_material div.dhxcombo_material input.dhxcombo_input {
	width: 190px !important;
}
.zak-pivot-combolist {
	width: auto !important;
}
.zak-pivot .pivot-axis-y table td img.space {
	width: 1px !important;
}
.zak-pivot .pivot-axis-selected {
	background-color: #deefff !important;
}
.zak-pivot.gridbox_dhx_web.gridbox table.obj.row20px tr td {
	height: 30px; /* fix alignment after split */
}
.zak-pivot.gridbox_material.gridbox table.obj.row20px tr td {
	height: 33px; /* fix alignment after split */
}
div.gridbox_material.gridbox .pivot-data table.obj.row20px tr td {
	border-right: 1px solid #dfdfdf !important;
}
div.gridbox_material.gridbox table.obj tr td.cellselected {
	background-color: #fffcd9 !important;
}
.zak-pivot .pivot-data table td:not(.cellselected):hover {
	background-color: #fffec1 !important;
}
div.gridbox.zak-pivot div.gridbox table.obj.row20px tbody td.cellselected,
div.gridbox table.obj.row20px tbody td.pivot-cell.cellselected {
	background-color: #fffcd9 !important;
}
div.gridbox.zak-pivot div.gridbox div.objbox table.obj.row20px tbody tr td.cellhovered,
div.gridbox table.obj.row20px tbody tr td.pivot-cell.cellhovered,
div.gridbox.zak-pivot div.gridbox div.objbox table.obj.row20px tbody tr td.cellhovered {
	background-color: #fffec1 !important;
}
.zak-pivot .pivot-data table td.cellhovered {
	background-color: #fffec1 !important;
}
.zak-pivot .pivot-axis-x td.colhovered {
	background-color: #fffec1 !important;
}
/* Terrace SKIN */
.zak-pivot.gridbox_dhx_terrace .pivot-axis-x div.hdrcell {
	text-transform: none !important;
    line-height: 28px !important;
    padding: 10px 1px 0 7px !important;
}
.zak-pivot.gridbox_dhx_terrace table.obj td {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
/* Web SKIN */
.zak-pivot.gridbox_dhx_web table.obj td {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.zak-pivot.gridbox_dhx_web.gridbox table.hdr tr td {
	padding: 6px 0 0 0 !important;
}
.zak-pivot.gridbox_dhx_web .pivot-axis-x div.hdrcell {
    padding: 11px 2px 0 4px !important;
    line-height: 26px !important;
}
.zak-pivot.gridbox_dhx_web .pivot-axis-x div.hdrcell > span {
    top: 0 !important;
}
.zak-pivot.gridbox_dhx_web .pivot-axis-x div.hdrcell > img {
	top: 4px;
    position: relative;
}
.zak-pivot.gridbox_dhx_web.gridbox .pivot-axis-y table.obj td {
	font-weight: normal;
	font-size: 12px;
	color: inherit;
}
.zak-pivot.gridbox_dhx_web .pivot-axis-x, .zak-pivot.gridbox_dhx_web .pivot-data {
	border-left: 2px solid #9c9c9c;
}
.zak-pivot.gridbox_dhx_web .pivot-cell.sum-x {
    border-left: 2px solid #9c9c9c;
}
.zak-pivot.gridbox_dhx_web .pivot-cell.sum-y {
    border-top: 2px solid #9c9c9c;
}
.zak-pivot.gridbox_dhx_web .pivot-axis-y td.sum-y {
	border-top: 2px solid #9c9c9c;
}
.zak-pivot.gridbox_dhx_web .pivot-axis-x td.sum-x {
	border-left: 2px solid #9c9c9c !important;
}
.zak-pivot.gridbox_dhx_web .pivot-axis-y .xhdr, .zak-pivot.gridbox_dhx_web .pivot-axis-x, .zak-pivot.gridbox_dhx_web .pivot-axis-x tr:last-child {
	border-bottom: 2px solid #9c9c9c !important;
}
/* Material SKIN */
.zak-pivot.gridbox_material table.obj td {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.zak-pivot.gridbox_material.gridbox table.hdr tr td {
	padding: 6px 0 0 0 !important;
}
.zak-pivot.gridbox_material .pivot-axis-x div.hdrcell {
    padding: 11px 2px 0 4px !important;
    line-height: 26px !important;
}
.zak-pivot.gridbox_material .pivot-axis-x div.hdrcell > span {
    top: 0 !important;
}
.zak-pivot.gridbox_material .pivot-axis-x div.hdrcell > img {
	top: 4px;
    position: relative;
}
.zak-pivot.gridbox_material.gridbox .pivot-axis-y table.obj td {
	font-weight: normal;
	font-size: 12px;
	color: #6E95AD;
}
div.pivot-axis-x > table.hdr{
	margin-left: 0 !important;
}
@-moz-document url-prefix() {
	div.gridbox table.hdr{
		margin-left: 0;
	}
}

/* Fix Table-header shifted by 1px */
div.gridbox table.hdr{
	margin-left: -1px;
	border-collapse: collapse !important;
}
/* Fix Pivot header bug */
div.zak-pivot table.hdr{
	border-collapse: inherit !important;
}

table {
	border-spacing:0;
	border-collapse:inherit !important;
}

/* CSS HACKS */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 	/* Fixes IE 11 cell border rendering */
	.zak-pivot table {
		border-collapse: inherit !important;
	}
}
@-moz-document url-prefix() {
	.zak-pivot table {
		border-collapse: inherit !important;
	}
}
@supports (-ms-ime-align: auto) {
	.zak-pivot table {
		border-collapse: inherit !important;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.zak-pivot .pivot-container .pivot-axis-x table {
		border-collapse: inherit !important;
	}
}

/* SWITCHER */
.zak-switcher {
	display: flex;
    height: 100%;
    position: relative;
    flex-direction: column;
}
.zak-switcher > .header {
	height: 96px;
    background: #eee;
}
.zak-switcher > .header .dhxform_btn {
	width: 24px !important;
	height: 21px !important;
}
.zak-switcher > .header .dhxform_btn .dhxform_btn_txt {
	margin: 0 !important;
	padding: 0 !important;
	width: 24px !important;
	height: 21px !important;
	line-height: 23px !important;
}
.zak-switcher > .tree {
	display: block;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.zak-switcher > .bottom {
	display: block;
   height: 35px;
}

/*CHAINAGE*/
.zakchainage-container {
	height:100%;
}

/* LIST FILTER SWITCHER */
.zak-filter-switcher {
	height: 100%;
	position: relative;
	overflow-y: auto !important;
	background-color: #f5f5f5;
}

.zak-filter-switcher .filter_row {
	clear: both;
	border-bottom: 1px solid #dfdfdf;
	overflow-x: hidden;
	padding: 0;
	background-color: #f5f5f5;
}

.zak-filter-switcher .filter_row .label_container {
	background-color: #eee;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.zak-filter-switcher .filter_row .filter_enabled {
	float: left;
	margin: 12px 0 0 6px;
}

.zak-filter-switcher .filter_row label {
	/*float: left;*/
	margin: 8px 10px 0 6px;
	color: #868686 !important;
}

.zak-filter-switcher .filter_row div {
	float: left;
	white-space: nowrap;
	overflow: hidden;
}

.zak-filter-switcher .filter_row div .dhxform_control {
	margin-top: 4px !important;
}

.zak-filter-switcher .filter_row div .dhxform_item_label_left {
	padding-top: 3px !important;
}

.zak-filter-switcher-statusbar {
	padding: 0 !important;
	margin: 0 !important;
}

.zak-filter-switcher-statusbar .dhx_cell_statusbar_text {
	padding: 5px 4px 2px 4px !important;
	margin: 0 !important;
}


.zak-filter-switcher-statusbar .dhx_toolbar_material {
	padding: 0 !important;
}

.zak-filter-switcher-statusbar .button {
	float: right !important;
	display: inline-block;
	white-space: nowrap !important;
	width: 50% !important;
	height: 26px !important;
	line-height: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	color: black;
	background-color: #fafafa;
	text-align: center;
	cursor: pointer !important;
}

.zak-filter-switcher-statusbar .disabled {
	color: #a6a6a6;
	cursor: default !important;
}

/* fix Drag&Drop von Spalten (grauer Balken) BUG (Ticket-Nr 0000339) */
.dhxwins_vp_dhx_terrace div.gridbox table.hdr td.columnTargetR div.hdrcell {
	border-left: 1px solid #DEDEDE !important;
	border-right: 1px solid #FF6600 !important;
	padding-left: 19px !important;
}
.dhxwins_vp_dhx_terrace div.gridbox table.hdr td.columnTargetL div.hdrcell {
	border-left: 1px solid #FF6600 !important;
	border-right: 1px solid #DEDEDE !important;
	padding-left: 19px !important;
}
.dhxwins_vp_dhx_skyblue div.gridbox table.hdr td.columnTargetR div.hdrcell {
	border-left: 1px solid #DEDEDE !important;
	border-right: 1px solid #FF6600 !important;
	padding-left: 9px !important;
}
.dhxwins_vp_dhx_skyblue div.gridbox table.hdr td.columnTargetL div.hdrcell {
	border-left: 1px solid #FF6600 !important;
	border-right: 1px solid #DEDEDE !important;
	padding-left: 9px !important;
}
.dhxwins_vp_dhx_web div.gridbox table.hdr td.columnTargetR div.hdrcell {
	border-left: 1px solid #DEDEDE !important;
	border-right: 1px solid #FF6600 !important;
	padding-left: 9px !important;
}
.dhxwins_vp_dhx_web div.gridbox table.hdr td.columnTargetL div.hdrcell {
	border-left: 1px solid #FF6600 !important;
	border-right: 1px solid #DEDEDE !important;
	padding-left: 9px !important;
}

.zak-explorer .align_left {
	width: 100% !important;
}
.zak-explorer .dir_left {
	padding: 0 2px 0 0 !important;
}
.zak-explorer .align_left > div {
	width: 100% !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}
.zak-explorer .align_left div .top_level_text {
	width: 100% !important;
	margin: 0 0 0 0 !important;
}
.zak-explorer .align_left div .top_level_text #divSearchbox > div {
	width: 100% !important;
}

/* Font awesome icons in menu & sidebar menu */
.zak-bg > .dhxacc_cont > div.dhx_cell_acc div.dhx_cell_hdr_text span.fa {
	font-size:1.4em;
	margin-right: 7px;
	display: inline-block;
    width: 20px;
    text-align: center;
    vertical-align: baseline;
}

.zak-bg > .dhxcelltop_toolbar div.dhxtoolbar_text i.fa {
	font-size: 1.4em;
	margin-right: 5px;
	display: inline-block;
    width: 20px;
    text-align: center;
    margin-top: -1px;
    vertical-align: top;
}

.zak-bg > .dhxcelltop_toolbar div.dhxtoolbar_text i.fa.fa-chart-network {
	width: 24px; /* special treatment for broad network icon */
}

.zak-divtable {
	overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.zak-divtable .zak-divright {
	display: table-cell;
	text-align: right;
	white-space: nowrap;
	width: auto;
}

.zak-divtable .zak-divleft {
	display: table-cell;
	text-align: left;
	white-space: nowrap;
	width: auto;
}
.zak-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
}

.zak-startpage-container {
	height:100%;
	display:table;
	width: 100%;
	background-image: url(js/../img/brand/zak_full_long.png);
    background-repeat: no-repeat;
    background-size: 200px auto;
    background-position: 100% 100%;
}

.zak-brand-icon-menu {

	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
	height:2em; position:relative; top:-2px;
    /*-webkit-filter: drop-shadow(0px 0 1px #fff);
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#fff')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#fff')";*/
}

.zak-startpage-logo {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	image-rendering: crisp-edges;
}

/* Login */
.zak-login-logo {
	max-width: 310px;
	margin: 0 15px;
}

.zak-startpage-logo img {
	margin: 0 auto;
}

div:has(> .zak-login-logo) {
	padding:0;
	width: auto !important;
	height: auto !important;
}

.buttonLogin div.dhxform_btn {
	width: 100%;
}

.dhxform_obj_material .buttonLogin div.dhxform_btn div.dhxform_btn_txt {
	width: 100%;
	margin: 0;
}

/* Picker */
.zak-picker .btn_picker {
	display: inline-block;
 	vertical-align: top;
 	margin-top: -3px;
}
.zak-picker .btn_picker .dhxform_btn_txt {
	margin: 0 3px !important;
}
.zak-picker .btn_picker_clear {
	display: inline-block;
 	vertical-align: top;
 	margin-top: -3px;
 	margin-left: 22px !important;
}
.zak-picker .btn_picker_clear .dhxform_btn_txt {
	margin: 0 3px !important;
}

/* Code Mirror */
.zak-editor .CodeMirror {
	height: auto !important;
	background: transparent;
	font-family: inherit;
	line-height: 1.5em;
}
.zak-editor .CodeMirror-scroll {
	min-height: 5em;
}

.zak-editor[data-syntax] .CodeMirror {
	font-family: monospace;
}

/* Filter Upload */
.zak-fileUpload .fileInputInput {
	float:left;
}
.zak-fileUpload .fileInputButtons {
	display: inline-block;
 	vertical-align: top;
 	margin-top: -1px;
	float:left;
}
.zak-fileUpload .fileInputButtons div {
	cursor:pointer;
}
.zak-fileUpload .fileInputButtonSelectFile .dhxform_btn_txt {
	margin: 0 3px !important;
}
.zak-fileUpload .fileInputButtonClear {
	margin: 0 3px !important;
 	margin-left: 40px !important;
}
.zak-fileUpload .fileInputButtonClear .dhxform_btn_txt {
	margin: 0 3px !important;
}


/* Terrace Skin Fixes */
.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def, .dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def {
	margin: 0 !important;
}
.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text, .dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
	margin: 0 !important;
}
.dhxacc_base_dhx_terrace div.dhx_cell_acc.zak-maincell div.dhx_cell_cont_acc {
	border-top: 1px solid #ccc !important;
}

.dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:focus {
	color: black !important;
}

/* Web Skin Fixes */
.dhxacc_base_dhx_web div.dhx_cell_acc.zak-maincell div.dhx_cell_cont_acc {
	width:100% !important;
	height: 100% !important;
}
.dhxwins_vp_dhx_web div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
	margin: inherit !important;
}

/* Material Skin Fixes */
.zak-bg .dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr:not([class*="dhx_cell_hdr_hidden"]) {
    height: 28px;
    line-height: 28px;
}
.zak-bg .dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow {
    top: 6px;
}
.zak-bg .dhxlayout_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
    top: 6px;
}
.zak-bg .dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb {
    background-position: -32px 0;
}
.zak-bg .dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb {
    background-position: 0 0;
}
.zak-bg.dhxacc_base_material> .dhxacc_cont > div.dhx_cell_acc div.dhx_cell_hdr:not([class*="dhx_cell_hdr_hidden"]) {
	height: 36px;
	line-height: 37px;
}

.dhxacc_base_material div.dhx_cell_acc.zak-maincell div.dhx_cell_cont_acc {
	width:100% !important;
	height: 100% !important;
	box-sizing: border-box !important;
}
.zak-bg .dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr {
    height: 29px !important;
    line-height: 29px !important;
 }
.dhxlayout_base_material .dhxform_obj_material .dhxform_label > label {
	white-space: nowrap;
}
.dhtmlxMenu_material_Middle {
	font-size: 13px !important;
}
.dhx_cell_cont_wins > .dhxform_obj_material {
	padding: 15px;
}
.dhxlayout_base_material .zak-brand-icon-menu {
	top: -1px;
}
body.dhxlayout_base_material > .dhxcelltop_toolbar.zak-bg {
	margin-top: 5px !important;
}
body.dhxlayout_base_material > .dhxcelltop_toolbar.zak-bg .dhx_toolbar_material {
	height: 35px;
    padding-top: 4px;
}

body.dhxlayout_base_material:not(.breakout) > .dhxlayout_cont {
	top: auto !important;
}

.dhxtabbar_base_material div.dhxtabbar_tabs {
	height: 36px !important;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
	height: 36px !important;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base .dhxtabbar_tabs_cont_left {
	height: 36px !important;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base .dhxtabbar_tab {
	height: 36px !important;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base .dhxtabbar_tab_text {
	height: 34px !important;
	line-height: 34px !important;
    padding-left: 9px !important;
    padding-right: 16px !important;
	text-transform: none !important;
	color: #6e95ad !important;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base .dhxtabbar_tab_dis .dhxtabbar_tab_text {
	color: #a6a6a6 !important;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv .dhxtabbar_tab_text {
	background-color: #f5f5f5;
	color: inherit;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base .dhxtabbar_tab_close {
	top: 10px !important;
	right: 5px !important;
}
.dhxlayout_base_material div.dhxlayout_sep.dhxlayout_sep_resize_v.zak-bg {
	width: 5px !important;
}
.dhxlayout_base_material .dhx_tooltip {
    font-size: 12.5px;
    line-height: 16px;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option {
	height: 27px !important;
	line-height: 27px !important;
}
div.dhxcombolist_material.dhxcombolist_multicolumn .dhxcombo_cell_text {
	font-size: 12.5px !important;
}
div.dhxcombolist_material.dhxcombolist_hdr {
	height: 27px !important;
	border-bottom: 2px solid #6E95AD !important;
}
div.dhxcombolist_material.dhxcombolist_hdr .dhxcombo_hdrcell_text {
	height: 27px !important;
	line-height: 27px !important;
	font-size: 12.5px !important;
	color: #6E95AD;
}

/* makes readonly fields in masks selectable */
div.gridbox table.obj td.field_readonly {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
}


/* ComboBox disabled same style as input disabled */
div.dhxcombo_dhx_web.dhxcombo_disabled input.dhxcombo_input {
	color: #999999 !important;
	background-color: #ffffff !important;
	border: 1px solid #f0f0f0 !important;
}

div.dhxcombo_dhx_web.dhxcombo_disabled {
	color: #999999 !important;
	background-color: #ffffff !important;
	border: 1px solid #f0f0f0 !important;
}

/* ComboBox Images max-height */
div.dhxcombolist_dhx_web div.dhxcombo_option div.dhxcombo_image {
	background-size: 16px 16px !important;
}
div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image {
	background-size: 16px 16px !important;
}

/* DHTMLX Calendar TODAY */
div.dhtmlxcalendar_label.today {
	font-weight: bold !important;
	font-size: 1.1em !important;
}

/*@-moz-document url-prefix() {
	.maskSpecial td {
	    vertical-align: top !important;
	}
}*/

.dhx_cell_cont_layout .maskSpecial {
	overflow-x: hidden !important;
}

.dhx_toolbar_material .toolbar_filters_img {
	background-color: rgb(250, 250, 250) !important;
	border-top-color: rgb(223, 223, 223) !important;
    border-right-color: rgb(223, 223, 223) !important;
    border-bottom-color: rgb(223, 223, 223) !important;
    border-left-color: rgb(223, 223, 223) !important;
    border-style: solid !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-width: 1px !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
}

.gridbox_dhx_web .xhdr {
	background-color: #FAFAFA !important;
}
.gridbox_material .xhdr {
	background-color: #FAFAFA !important;
}

/*.dhxtabbar_base_dhx_web div.dhxtabbar_tabs*/
.filters_wrapper div.dhxtabbar_tabs.toolbar_filters {
	position: absolute !important;
	left: 0 !important;
	right:  199px !important;
	bottom: 0 !important;
	height: 54px !important;
	background-color: transparent !important;
	border: none !important;
}

.filters_wrapper div.dhxtabbar_tabs.toolbar_filters .dhxtabbar_tabs_ar_left .dhxtabbar_arrow_img {
    cursor: pointer;
}

.filters_wrapper div.dhxtabbar_tabs.toolbar_filters .dhxtabbar_tabs_ar_right .dhxtabbar_arrow_img {
    cursor: pointer;
}

/* toolbar filters for lists */
.filters_wrapper div.dhxtabbar_tabs.toolbar_filters .toolbar_filters_img {
	height: 54px !important;
}

.toolbar_filters_button {
	text-align:center;
	margin-top:5px;
	line-height: 1.2em;
}

.filters_wrapper div.dhxtabbar_tabs.toolbar_filters .toolbar_filters_img div {
	background-position-y: 22px !important;
}

.filters_wrapper div.dhxtabbar_tabs.toolbar_filters .toolbar_filters_container {
	margin-left: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	height: 80px;
}

.filters_wrapper div.dhxtabbar_tabs.toolbar_filters .toolbar_filters_container .toolbar_filters_content {

}

.filters_wrapper div.dhxtabbar_tabs.toolbar_filters .toolbar_filters_container .toolbar_filters_content fieldset
{
	-webkit-user-select: none;
	display: block !important;
	float: left;
	border-bottom-color: rgb(214, 214, 214);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(214, 214, 214);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(214, 214, 214);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(214, 214, 214);
	border-top-style: solid;
	border-top-width: 1px;
	box-sizing: content-box;
	color: rgb(0, 0, 0);
	cursor: default;
	display: block;
	font-family: inherit;
	font-size: 12px;
	height: 42px;
	line-height: normal;
	margin-bottom: 0;
	margin-left: 8px;
	margin-right: 0;
	margin-top: 0;
	min-width: 0;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	visibility: visible;
	-webkit-user-select: none;
}

.filters_wrapper div.dhxtabbar_tabs.toolbar_filters .toolbar_filters_container .toolbar_filters_content fieldset legend
{
	-webkit-user-select: none;
	border-bottom-color: rgb(72, 72, 72);
	border-bottom-style: none;
	border-bottom-width: 0;
	border-image-outset: 0;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(72, 72, 72);
	border-left-style: none;
	border-left-width: 0;
	border-right-color: rgb(72, 72, 72);
	border-right-style: none;
	border-right-width: 0;
	border-top-color: rgb(72, 72, 72);
	border-top-style: none;
	border-top-width: 0;
	box-sizing: content-box;
	color: rgb(72, 72, 72);
	cursor: default;
	display: block;
	font-family: inherit;
	font-size: 12px;
	font-weight: normal;
	height: 14px;
	line-height: normal;
	margin-bottom: 0;
	margin-left: 5px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0;
	text-align: left;
	visibility: visible;
}

.filters_wrapper div.dhxtabbar_tabs.toolbar_filters .toolbar_filters_container .toolbar_filters_content fieldset.active
{
	border-color: #777;
}

.filters_wrapper div.dhxtabbar_tabs.toolbar_filters .toolbar_filters_container .toolbar_filters_content fieldset.active legend
{
	font-weight: 700;
}

/* Material toolbar filter */


.dhx_toolbar_material .toolbar_filters fieldset .dhxform_obj_material div.dhxform_btn {
    margin-top: -3px !important; /* material fix */
}

.dhx_toolbar_material .toolbar_filters_button {
    line-height: 22px !important;
    font-size: 0.95em !important;
	white-space: normal;
}
.dhx_toolbar_material .toolbar_filters .toolbar_filters_img div {
	background-position-y: 0 !important;
    left: -2px !important;
    top: 17px !important;
}

.dhtmlxMenu_material_Middle .align_right div {
	margin-right: 4px !important;
}

.dhxlayout_base_material .dragSpanDiv {
	padding: 5px !important;
}

.dhxlayout_base_material .dragSpanDiv div {
	height: auto !important;
}

.dhxlayout_base_material .dragSpanDiv hr {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.dhxform_obj_material input.dhxform_textarea.calendar {
	background-image: none !important;
}

/* ***** */

.field_readonly {
	background-color: #f6f6f6 !important;
	color: #777 !important;
}

.zakfat-container {
	height:100%;
}

.zakfat-placeholder {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgb(222, 222, 222);
	display: table;
}

.zakfat-placeholder div {
	width:100%;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
}

.zak_fat_toolbar .dhx_toolbar_sep {
    border-left: 1px dotted #d0dce4 !important;
    margin: 4px 5px !important;
}

.zak_fat_toolbar .divZoombox .dhxcombo_material {
    display: inline-block;
    margin-top: -2px;
}

.zakfat-breakout div.dhx_cell_cont_layout {
	overflow: hidden;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left, .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
	width: 100000px !important;
}

.dhxform_base > .dhxform_item_label_left > .dhxform_btn {
	margin-top: 3px !important;
}

/** DISABLED BUTTONS IN FORM **/
.dhxform_base > .dhxform_item_label_left.disabled > .dhxform_btn {
	background: #eee;
	cursor: not-allowed;
}
.dhxform_base > .dhxform_item_label_left.disabled > .dhxform_btn > .dhxform_btn_txt {
	opacity: 0.5;
}

/** INCIDENTS SPECIAL MASK **/
.dhtmlxMenu_material_Middle .zak_incidents_btns {
}

.dhtmlxMenu_material_Middle .zak_incidents_btns div {
	float: right;
	height: 28px;
	margin: 0 !important;
	margin-right: 0 !important;
	line-height: 26px;
	padding: 2px 6px 0 6px;
	white-space: nowrap;
	border: 1px solid #fafafa;
	background-color: #fafafa;
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
	cursor: pointer;
}

.dhtmlxMenu_material_Middle .zak_incidents_btns div .icon {
	float: left;
	padding-top: 6px;
	padding-right: 6px;
}

.dhtmlxMenu_material_Middle .zak_incidents_btns .enabled:hover {
	background-color: #ebebeb;
}

.dhtmlxMenu_material_Middle .zak_incidents_btns .disabled {
	color: #a6a6a6;
	border: gray;
	cursor: auto;
}

.dhtmlxMenu_material_Middle .zak_incidents_btns .disabled:hover {
	color: #a6a6a6;
	border: gray;
	cursor: auto;
}

.dhtmlxMenu_material_Middle .zak_incidents_btns .inactive {
}

.dhtmlxMenu_material_Middle .zak_incidents_btns .inactive .fa-exclamation-triangle {
	color: gray;
}

.dhtmlxMenu_material_Middle .zak_incidents_btns .active {
	background-color: #dcdcdc;
	border-color: #d2d2d2;
	box-shadow: 0 0 4px rgba(127,127,127,0.2) inset;
}

.dhtmlxMenu_material_Middle .zak_incidents_btns .active .fa-exclamation-triangle {
	color: #E6C115;
}

/** INCIDENTS CHECKLISTS **/
.dhxform_base .incident-checklist-container {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.dhxform_base .incident-checklist-container .incident-checklist-item-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid #dfdfdf;
	margin: 0 -1px -1px -1px; /* collapse borders */
	align-items: center;
	flex-wrap: wrap;
}
.dhxform_base .incident-checklist-container .incident-checklist-item-container:first-child {
	margin-top: -1px;
}
.dhxform_base .incident-checklist-container .incident-checklist-child-items-container-outer {
	width: 100%;
	padding: 0 1rem;
	border-top: 1px solid #ededed;
}
.dhxform_base .incident-checklist-container .incident-checklist-child-items-container-inner {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 1px solid #dfdfdf;
}
.dhxform_base .incident-checklist-container .incident-checklist-item-container.critical-answered {
	background: #f3ffeb;
	cursor: not-allowed;
}
.dhxform_base .incident-checklist-container .incident-checklist-item-container.critical-current {
	font-size: 1.8rem;
	cursor: pointer;
}
.dhxform_base .incident-checklist-container .incident-checklist-item-container.critical-upcoming {
	background: #eee;
	cursor: not-allowed;
}

.dhxform_base .incident-checklist-container div.incident-checklist-item-container.checklist-section-header {
	background: transparent;
	border: 0;
}
.dhxform_base .incident-checklist-container div.incident-checklist-item-container.checklist-section-header h1 {
	font-size: 1.6rem;
	margin: 2rem 0.8rem 0.4rem 0.8rem;
	color: #6e95ad;
}

.dhxform_base .incident-checklist-container .incident-checklist-item-question-container,
.dhxform_base .incident-checklist-container .incident-checklist-input-critical-question {
    padding: 0.5rem 1rem;
}
.dhxform_base .incident-checklist-container .incident-checklist-item-question-container {
	width: max(10rem, 60%);
	display: flex;
    flex-direction: column;
	cursor: inherit;
}

.dhxform_base .incident-checklist-container .incident-checklist-item-question-hint {
	display: none;
	font-size: 1.3rem;
	cursor: inherit;
}
.dhxform_base .incident-checklist-container .incident-checklist-item-container.critical-current .incident-checklist-item-question-hint,
.dhxform_base .incident-checklist-container.incident-checklist-non-critical .incident-checklist-item-container .incident-checklist-item-question-hint {
	display: unset;
}
.dhxform_base .incident-checklist-container.incident-checklist-non-critical .incident-checklist-item-container .incident-checklist-item-question-hint {
	padding-top: 0.5rem;
	padding-bottom: 0.2rem;
}


.dhxform_base .incident-checklist-container .incident-checklist-item-question {
	cursor: inherit;
	margin: 0;
}

.dhxform_base .incident-checklist-container .incident-checklist-item-question-expand-hint {
	width: 8rem;
	text-align: center;
}
.dhxform_base .incident-checklist-container .incident-checklist-input-critical-question {
	width: max(3rem, calc(40% - 8rem));
	text-align: center;
}
.dhxform_base .incident-checklist-container .incident-checklist-input-critical-question input {
	height: 1.5rem;
	width: 1.5rem;
}
.dhxform_base .incident-checklist-container .incident-checklist-item-container.critical-current .incident-checklist-input-critical-question input {
	height: 1.8rem;
	width: 1.8rem;
}
.dhxform_base .incident-checklist-container .incident-checklist-section-header {
	width: 100%;
}

.dhxform_base .incident-checklist-container .incident-checklist-save-warning,
.dhxform_base .incident-checklist-container .incident-checklist-validity-warning {
	display: block;
	width: 100%;
	padding: 0.5rem 1rem;
	border: 2px solid #FFE59D;
	background: #fffdf8;
	box-sizing: border-box;
}
.dhxform_base .incident-checklist-container .incident-checklist-save-warning {
	position: absolute;
	bottom: 0;
	left: 0;
}

.dhxform_base .incident-checklist-container .incident-checklist-save-warning i,
.dhxform_base .incident-checklist-container .incident-checklist-validity-warning i {
	color: #E6C115;
}

.dhxform_base .incident-checklist-container .incident-checklist-item-invalid-warning {
	margin-right: 1rem;
	color: #E6C115;
}

.dhxform_base .incident-checklist-container .incident-manager-checklist-form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}

.dhxform_base .incident-checklist-container .incident-manager-checklist-form label {
	width: 42.8rem;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0.5rem 1rem;
	border-bottom: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}

.dhxform_base .incident-checklist-container .incident-manager-checklist-form span {
	width: calc(100% - 42.8rem);
	display: block;
	padding: 0.5rem 1rem;
	background: #eee;
	border-bottom: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}

.dhxform_base .incident-checklist-container .incident-checklist-input-non-critical-radio-group {
	display: flex;
	width: max(3rem, 40%);
	justify-content: center;
	align-items: center;
}
.dhxform_base .incident-checklist-container .incident-checklist-input-non-critical-radio-group > div {
	display: flex;
	align-items: center;
	height: 4.3rem;
	width: 33%;
	padding: 0.5rem;
	box-sizing: border-box;
	cursor: pointer;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-collapse: collapse;
}
.dhxform_base .incident-checklist-container .incident-checklist-input-non-critical-radio-group > div:has(input:checked) {
	background: #f3ffeb;
	border-left: 1px solid #bbdda5;
	border-right: 1px solid #bbdda5;
}
.dhxform_base .incident-checklist-container .incident-checklist-input-non-critical-radio-group > div > input {
	width: 1.3rem;
	height: 1.7rem;
	margin: 0 0.5rem 0 0;
	cursor: inherit;
}
.dhxform_base .incident-checklist-container .incident-checklist-input-non-critical-radio-group > div > label {
	margin: 0;
	cursor: inherit;
}

.dhxform_base .incident-checklist-container .incident-manager-checklist-finished {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 2px solid #72a353;
	padding: 1.9rem 1rem;
	background: #f3ffeb;
	margin: 0.5rem 6rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.dhxform_base .incident-checklist-container .incident-manager-checklist-finished i {
	color: #72a353;
	font-size: 4.5rem;
	margin: 0 0 2.4rem;
}

/************************************************************************************************
GCG (graphical component gathering)
************************************************************************************************/
.gcg {

}

.gcg-headline                  { position: absolute; top: 0; left: 0; right: 0; text-align: center; font-size: 1.6em; padding: 6px 80px 6px 6px; margin: 0; background-color: #ffffff; }

.gcg-panel                     { font-family: Roboto,Arial,sans-serif; position: absolute; background-color: rgba(145, 145, 145, .7); border: 1px rgba(0,0,0,0) solid; border-radius: 4px; padding: 3px; font-weight: 500; }
.gcg-panel:hover               { background-color: rgba(255, 255, 255, .6) }
.gcg-panel .visible            { visibility: visible; opacity: 1; transition: opacity 2s linear; }
.gcg-panel .hidden             { visibility: hidden;  opacity: 0; transition: visibility 0s 2s, opacity 2s linear; }
.gcg-horizontal-menu           { display: block; padding: 3px; margin: 0; }
.gcg-vertical-menu             { padding: 3px; }
.gcg-vertical-menu:hover       { background-color: rgba(255, 255, 255, .4); }

.gcg-button                    { width: 23px; height: 23px; color: #fff; background-color: rgba(60, 60, 60, .5); border: none; display: inline-block; font-size: 15px; padding: 0; margin: 0; font-weight: 500; }
.gcg-button :hover             { background-color: rgba(80, 80, 80, .7); }
.gcg-button i                  { width: 23px; height: 100%; display: inline-block; text-align: center; padding: 0; margin: 0; }
.gcg-button-disabled           { color: #999 !important; background-color: #666 !important; }
.gcg-button-disabled :hover    { color: #999; }

.gcg-edit                      { display: inline-block; background: #333; margin: 3px; border-radius: 4px; color: #fff; font-weight: 500; }
.gcg-edit :hover               { background: #555; }
.gcg-edit div                  { background-color: rgba(60, 60, 60, .5); border-radius: 4px; padding: 2px; }
.gcg-edit div   :hover         { background-color: rgba(80, 80, 80, .7); }
.gcg-edit input                { background-color: rgba(60, 60, 60, .5); border-radius: 4px; padding: 0; }
.gcg-edit input :hover         { background-color: rgba(80, 80, 80, .7); }

.gcg-vertical-menu ul          { list-style-type: none; padding: 0; margin: 0; }
.gcg-vertical-menu li          { list-style-type: none; padding: 0; margin: 0; }
.gcg-vertical-menu .gcg-label   { font-size: 10px; color: #ccc; font-weight: 700; text-shadow: none; }
.gcg-vertical-menu i           { width: 23px; height: 100%; text-align: center; }

.gcg-dialog                    { font-size: 13px; font-weight: 500; color: #fff; background-color: rgba(60, 60, 60, .8); padding: 3px; }
.gcg-dialog :hover             { background-color: rgba(60, 60, 60, .5); }
.gcg-dialog .gcg-icon           { display: inline-block; }
.gcg-dialog .gcg-label          { display: inline-block; background-color: rgba(60, 60, 60, .5); padding: 2px; }

.gcg-menu-item                 { width: 200px; height: 30px; color: #fff; background-color: rgba(60, 60, 60, .5); text-align: left; border: none; padding: 0; margin: 0; padding-left: 10px; font-weight: 500; }
.gcg-menu-item .gcg-icon        { display: inline-block; font-size: 15px; font-weight: 500; }
.gcg-menu-item .gcg-label       { display: inline-block; font-size: 13px; font-weight: 400; text-shadow: none; padding-left: 10px; font-weight: 500; }
.gcg-menuitem-selected         { margin: 0; background: rgb(110, 149, 173); }
.gcg-menu-item :disabled       { color: #888; }

.gcg-dropdown                  { background-color: rgba(60, 60, 60, .5); color: #fff; border: 0; margin: 3px; padding: 2px; border-radius: 4px; }

.gcg-hidden                    { visibility: hidden;  opacity: 0; transition: all 0.3s linear; }
.gcg-shown                     { visibility: visible; opacity: 1; transition: all 0.3s linear; }

.gcg-btn-left-border           { border-top-left-radius:    4px; border-bottom-left-radius:  4px; }
.gcg-btn-right-border          { border-top-right-radius:   4px; border-bottom-right-radius: 4px; }
.gcg-btn-left-border :hover    { border-top-left-radius:    4px; border-bottom-left-radius:  4px; }
.gcg-btn-right-border :hover   { border-top-right-radius:   4px; border-bottom-right-radius: 4px; }
.gcg-btn-top-border            { border-top-left-radius:    4px; border-top-right-radius:    4px; }
.gcg-btn-bottom-border         { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.gcg-cb-label                  { font-size: 12px; font-weight: 500; color: #fff; transform: translateY(-2px); }
.gcg-map-state-update          { border-color: rgba(255,255,100,.3); }

.gcg-chapter-tree              { background-color: rgba(60, 60, 60, .5); border-radius: 4px; }
div.gcg-chapter-tree > div > div.containerTableStyle > table >
tbody > tr > td span          { font-family: Roboto,Arial,sans-serif; color: #fff; }

#gcg-history                   { top:    8px; left: 45px; }
#gcg-topright                  { top:    8px; right: 8px; }
#gcg-tools                     { top:   40px; right: 8px; }
#gcg-baselayers                { top:   40px; right: 8px; }
#gcg-actions                   { top:   40px; right: 8px; }
#gcg-find                      { top:   40px; right: 8px; }
#gcg-loader                    { bottom: 8px; right: 8px; }
#gcg-status                    { bottom: 6px; left:  8px; }
#gcg-status-sw                 { bottom: 8px; left:  8px; }
#gcg-select                    { top:   40px; right: 8px; }

div.gcg-popup {
	background-color: #ffa;
	border-radius: 7px;
	overflow-x: hidden;
	overflow-y: auto;
}
div.gcg-popup:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -14px;
  width: 0; height: 0;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
}
div.gcg-popup.top:after{
  border-top: 14px solid #ffa;
  top: 100%;
}
div.gcg-popup.bottom:after{
  border-bottom: 14px solid #ffa;
  top: -14px;
}
div.gcg-popup a.gcg-popup-close {
	display: block;
	position: absolute;
	top: 2.5px;
	right: 2.5px;
}
div.gcg-popup > div {
	padding-right: 20px;
}

@media print {
	#gcg-history    { display: none; }
	#gcg-topright   { display: none; }
	#gcg-tools      { display: none; }
	#gcg-baselayers { display: none; }
	#gcg-actions    { display: none; }
	#gcg-find       { display: none; }
	#gcg-loader     { display: none; }
	#gcg-status-sw  { display: none; }
	.gcg-button     { display: none; }
	#gcg-status     { bottom: 2px; left: 10px; }
}

.gcg-panel                 { position:absolute; color: #000; background: rgba(255,255,255,1.0); border: 1px #ccc solid; }
.gcg-panel:hover           { color: #000; background: rgba(225,225,225,1.0); }

.gcg-vertical-menu         { position:absolute; top:34px; right:0px; border: 1px #ccc solid; }
.gcg-vertical-menu:hover   { background-color: rgba(255, 255, 255, 1.0); }

.gcg-button                { color: #000; background: rgba(225,225,225,1.0); }
.gcg-button :hover         { color: #000; background: rgba(255,255,255,1.0); }
.gcg-button-disabled       { color: #999 !important; background: rgba(245,245,245,1.0) !important; }
.gcg-button-disabled :hover{ color: #666 !important; background: rgba(245,245,245,1.0) !important; }

.gcg-menu-item             { color: #000; background: rgba(225,225,225,1.0); }
.gcg-menu-item .gcg-icon    { color: #000; background: rgba(225,225,225,1.0); }
.gcg-menu-item .gcg-label   { color: #000; }
div .gcg-button-disabled > .gcg-icon  { color: #999; background: rgba(245,245,245,1.0); }
div .gcg-button-disabled > .gcg-label { color: #999; }

.gcg-vertical-menu
.gcg-label                 { color: #333; }

.gcg-menuitem-selected     { background: rgb(110, 149, 173); }

.gcg-edit                  { background: #ccc; color: #000; }
.gcg-edit :hover           { background: #aaa; }
.gcg-edit div              { background-color: rgba(255, 255, 255, 1.0); }
.gcg-edit div   :hover     { background-color: rgba(225, 225, 225, 1.0); }
.gcg-edit input            { background-color: rgba(255, 255, 255, 1.0); }
.gcg-edit input :hover     { background-color: rgba(225, 225, 225, 1.0); }

.gcg-dialog .gcg-label      { background-color: rgba(255, 255, 255, 1.0); }
.gcg-cb-label              { color: #000; }
.gcg-map-state-update      { border-color: #aa2 }

.gcg-chapter-tree          { color: #000; background: rgba(225,225,225,1.0); }
div.gcg-chapter-tree > div > div.containerTableStyle > table >
tbody > tr > td span      { color: #000; }


.condition-monitoring .splitter-h {
  border-top: 2px solid #6e95ad !important;
}

.condition-monitoring .splitter-v {
  border-left: 2px solid #6e95ad !important;
}


/************************************************************************************************
Plotly Integration
************************************************************************************************/

.plotly-notifier {
	font-family: inherit !important;
}


/************************************************************************************************
Colors
************************************************************************************************/

.il-infralife-lightblue {
	color: #94a8c5 !important;
}

.il-infralife-darkblue {
	color: #26436b !important;
}

.il-red {
	color: #D14F52 !important;
}

.il-red.dark {
	color: #764344 !important;
}

.il-green {
	color: #8BC049 !important;
}

.il-green.dark {
	color: #617746 !important;
}

.il-yellow {
	color: #e7ca43 !important;
}

.il-yellow.dark {
	color: #c4b463 !important;
}

.il-orange {
	color: #DB9A41 !important;
}

.il-orange.dark {
	color: #CA9957 !important;
}

.il-blue {
	color: #00436B !important;
}

.il-blue.dark {
	color: #314957 !important;
}

.il-grey {
	color: #333333 !important;
}

  /* Neutrals */
.il-neutral-100 {
	color: #404040 !important;
} 
.il-neutral-110 {
	color: #262626 !important;
}
.il-neutral-120 {
	color: #0D0D0D !important;
}
.il-neutral-90 {
	color: #595959 !important;
}
.il-neutral-80 {
	color: #737373 !important;
}
.il-neutral-70 {
	color: #8C8C8C !important;
}
.il-neutral-60 {
	color: #A6A6A6 !important;
}
.il-neutral-50 {
	color: #BFBFBF !important;
}
.il-neutral-40 {
	color: #D9D9D9 !important;
}
.il-neutral-30 {
	color: #F2F2F2 !important;
}