/* Helper functions  */
/* Mixin for breakpoints */
/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/** Mixin for custom scrollbar styles */
/* Browser support & Vendor prefixes */
/*$experimental-support-for-khtml: true;*/
/* Constants */
/* menu width */
.ui-widget { font-family: 'OpenSans', 'Verdana', 'Arial', sans-serif; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'OpenSans', 'Verdana', 'Arial', sans-serif; }

.ui-igedit, .ui-draggable-dragging .ui-iggrid-headertext, .ui-chart-piechart-container, .ui-chart-legend-item-text, .ui-sparkline, .ui-sparkline-axis-x, .ui-sparkline-axis-y, .ui-funnel, .ui-doughnut, .ui-radialgauge, .ui-bulletgraph, .ui-lineargauge { font-family: 'OpenSans', 'Verdana', 'Arial', sans-serif; }

.ui-iggrid-scrolldiv { background: transparent; border-bottom: 0 !important; /* damit ein horizontaler Scrollbalken zu sehen ist, wenn nicht alle Spalten dargestellt werden */ /*funktioniert nicht mit Virtualization!*/ /*height: auto !important;*/ }

/*.ui-iggrid { height: 100% !important; display: flex; flex: 1; flex-direction: column;
}*/
.ui-iggrid-fixedcontainer { background: transparent; border-bottom: 0 !important; border-right: 1px solid #E1E1E1 !important; }

.ui-iggrid-modifiedrecord > td { font-style: normal; color: inherit; }

.timeRecording .throbberoverlay { z-index: 101; border-radius: 0; background: rgba(255, 255, 255, 0.2); }
.timeRecording .controlBarContainer .controlBarItem[data-type=SortCombo] { width: 12em; }
.timeRecording .controlBarContainer .controlBarItem[data-type=FinishedActivitiesIntervals] { width: 22em; }
.timeRecording .controlBarContainer label { cursor: pointer; }
.timeRecording .ui-iggrid { height: 100% !important; }
.timeRecording .ui-iggrid.waiting > .ui-widget-header .ui-iggrid-headertable, .timeRecording .ui-iggrid.waiting > .ui-iggrid-scrolldiv, .timeRecording .ui-iggrid.waiting > .ui-widget-footer, .timeRecording .ui-iggrid.waiting > div[id$=_hscroller_container] { opacity: 0; }
.timeRecording .ui-iggrid .ui-widget-footer { border-color: transparent; }
.timeRecording .ui-iggrid .ui-widget-footer.ui-iggrid-footertable { border-top: 1px solid #dadada; padding-top: 3px; }
.timeRecording .ui-iggrid .ui-iggrid-table tr { height: 44px; }
.timeRecording .ui-iggrid .ui-iggrid-headertable tr[data-header-row] { display: table-row !important; }
.timeRecording .ui-iggrid tr.deprecated .ActualWorkingTimeCell, .timeRecording .ui-iggrid tr.deprecated span, .timeRecording .ui-iggrid tr.deprecated svg { opacity: 0.35; }
.timeRecording .ui-iggrid td { vertical-align: middle; border-width: 1px !important; }
.timeRecording .ui-iggrid td.ui-state-active, .timeRecording .ui-iggrid td.ui-state-active.ui-state-focus, .timeRecording .ui-iggrid td.ui-state-focus { background: #b4e3f8; color: #191919; }
.timeRecording .ui-iggrid td.ui-state-active:not(.ui-iggrid-editingcell) *, .timeRecording .ui-iggrid td.ui-state-active.ui-state-focus:not(.ui-iggrid-editingcell) *, .timeRecording .ui-iggrid td.ui-state-focus:not(.ui-iggrid-editingcell) * { color: #191919 !important; }
.timeRecording .ui-iggrid td.ui-state-active .ActualWorkingTimeCell, .timeRecording .ui-iggrid td.ui-state-active.ui-state-focus .ActualWorkingTimeCell, .timeRecording .ui-iggrid td.ui-state-focus .ActualWorkingTimeCell { position: relative; }
.timeRecording .ui-iggrid td.timeRecordingDateCell, .timeRecording .ui-iggrid td.timeRecordingDateCell.ui-state-active, .timeRecording .ui-iggrid td.timeRecordingDateCell.ui-state-active.ui-state-focus, .timeRecording .ui-iggrid td.timeRecordingDateCell.ui-state-focus { padding: 0 !important; }
.timeRecording .ui-iggrid td .ActualWorkingTimeCell { height: 100%; width: 100%; overflow: hidden; position: relative; }
.timeRecording .ui-iggrid td .ActualWorkingTimeCell input { pointer-events: all; margin: 3px auto; cursor: default; width: 60px; }
.timeRecording .ui-iggrid td .ActualWorkingTimeCell input.largeCell { width: 90%; }
.timeRecording .ui-iggrid td .ActualWorkingTimeCell input:focus { cursor: text; }
.timeRecording .ui-iggrid td .ActualWorkingTimeCell input:not(:focus)::selection { background: transparent; }
.timeRecording .ui-iggrid td .ActualWorkingTimeCell .ActualWorkingTimeDescriptionIcon { position: absolute; top: 0px; right: 0px; z-index: 2; }
.timeRecording .ui-iggrid td .ActualWorkingTimeCell .ActualWorkingTimeMarker { height: 5px; width: 60%; margin: 3px auto; -moz-border-radius: 2.5px; -webkit-border-radius: 2.5px; border-radius: 2.5px; }
.timeRecording .ui-iggrid td .ActualWorkingTimeCell .ActualWorkingTimeMarker.unplanned, .timeRecording .ui-iggrid td .ActualWorkingTimeCell .ActualWorkingTimeMarker.unedited { background-color: #959597; }
.timeRecording .ui-iggrid td .ActualWorkingTimeCell .ActualWorkingTimeMarker.thresholdunmet { background-color: #90BC24; }
.timeRecording .ui-iggrid td .ActualWorkingTimeCell .ActualWorkingTimeMarker.thresholdmet { background-color: #0097BE; }
.timeRecording .ui-iggrid td .ActualWorkingTimeCell .ActualWorkingTimeMarker.thresholdexceeded { background-color: #B80D29; }
.timeRecording .ui-iggrid td .ActualWorkingTimeCell .cellHandleArea { z-index: 1; }
.timeRecording .ui-iggrid td.currentDay:not(.ui-state):not(.ui-state-active):not(.ui-state-hover) { background-color: #d8e8b2; }
.timeRecording .ui-iggrid td.unplanned:not(.currentDay):not(.ui-state-active):not(.ui-state-hover), .timeRecording .ui-iggrid td.spareTime:not(.currentDay):not(.ui-state-active):not(.ui-state-hover) { background-color: #e6ecf7; }
.timeRecording .ui-iggrid td .timeRecordingSummaryCol span {                 /*font-weight: bold;
 &:first-child { color: #7D7D7D; }*/ }
.timeRecording .ui-iggrid td .timeRecordingSummaryCol span.unplanned, .timeRecording .ui-iggrid td .timeRecordingSummaryCol span.unedited { color: #959597; }
.timeRecording .ui-iggrid td .timeRecordingSummaryCol span.thresholdunmet { color: #90BC24; }
.timeRecording .ui-iggrid td .timeRecordingSummaryCol span.thresholdmet { color: #0097BE; }
.timeRecording .ui-iggrid td .timeRecordingSummaryCol span.thresholdexceeded { color: #B80D29; }
.timeRecording .ui-iggrid td.ui-state-active .cellHandleArea, .timeRecording .ui-iggrid th.ui-iggrid-header .cellHandleArea { width: 28px; }
.timeRecording .ui-iggrid th.ui-iggrid-header.active { position: relative; }
.timeRecording .ui-iggrid td.dragActive, .timeRecording .ui-iggrid th.dragActive { background-color: rgba(0, 161, 255, 0.2) !important; background-image: none; }
.timeRecording .ui-iggrid td.selectionMarker, .timeRecording .ui-iggrid th.selectionMarker { font-weight: bold; }
.timeRecording div[id$="_hscroller_container"] { left: 0px !important; }

.timeRecording td.ui-state-active .cellHandle, .timeRecording th.ui-iggrid-header .cellHandle, body .cellHandle.mtdrgclone { position: absolute; border-top: 7px solid transparent; border-right: 7px solid #00a1ff; right: 0; bottom: 0; width: 0; height: 0; }

.timeRecording td.ui-state-active .cellHandleArea, .timeRecording th.ui-iggrid-header .cellHandleArea, body .cellHandleArea.mtdrgclone { height: 68px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; position: absolute; right: -10px; bottom: -12px; z-index: 101; }

.timeRecording .controlBarContainer, .ganttChart .controlBarContainer, .timeScaleView .controlBarContainer { margin: 5px 0 0 0; }
.timeRecording .controlBarContainer #timeRecordingOptionsPopup, .timeRecording .controlBarContainer #ganttChartOptionsPopup, .ganttChart .controlBarContainer #timeRecordingOptionsPopup, .ganttChart .controlBarContainer #ganttChartOptionsPopup, .timeScaleView .controlBarContainer #timeRecordingOptionsPopup, .timeScaleView .controlBarContainer #ganttChartOptionsPopup { right: 0; margin-top: 5px; }
.timeRecording .controlBarContainer .controlBarItem, .ganttChart .controlBarContainer .controlBarItem, .timeScaleView .controlBarContainer .controlBarItem { /*display: inline-block;*/ vertical-align: middle; }
.timeRecording .controlBarContainer .controlBarItem.hidden, .ganttChart .controlBarContainer .controlBarItem.hidden, .timeScaleView .controlBarContainer .controlBarItem.hidden { width: 0px; }
.timeRecording .controlBarContainer .controlBarItem .dialogbutton, .ganttChart .controlBarContainer .controlBarItem .dialogbutton, .timeScaleView .controlBarContainer .controlBarItem .dialogbutton { vertical-align: middle; max-height: 24px; margin-right: 3px; }
.timeRecording .controlBarContainer > .controlBarItem, .ganttChart .controlBarContainer > .controlBarItem, .timeScaleView .controlBarContainer > .controlBarItem { margin-bottom: 5px; }
.timeRecording .controlBarContainer .controlBarItem.dateRangePicker, .ganttChart .controlBarContainer .controlBarItem.dateRangePicker, .timeScaleView .controlBarContainer .controlBarItem.dateRangePicker { -moz-animation: dateRangeBlink 1.5s step-start 0s 3; -webkit-animation: dateRangeBlink 1.5s step-start 0s 3; animation: dateRangeBlink 1.5s step-start 0s 3; -moz-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
@-moz-keyframes dateRangeBlink { 0% { border-color: #00A1FF; box-shadow: 0 0 1px #00A1FF; }
  50% { border-color: #00A1FF; box-shadow: 0 0 5px #00A1FF; }
  100% { border-color: #00A1FF; } }
@-webkit-keyframes dateRangeBlink { 0% { border-color: #00A1FF; box-shadow: 0 0 1px #00A1FF; }
  50% { border-color: #00A1FF; box-shadow: 0 0 5px #00A1FF; }
  100% { border-color: #00A1FF; } }
@keyframes dateRangeBlink { 0% { border-color: #00A1FF; box-shadow: 0 0 1px #00A1FF; }
  50% { border-color: #00A1FF; box-shadow: 0 0 5px #00A1FF; }
  100% { border-color: #00A1FF; } }
.timeRecording .controlBarContainer .controlBarItem .ui-igedit, .ganttChart .controlBarContainer .controlBarItem .ui-igedit, .timeScaleView .controlBarContainer .controlBarItem .ui-igedit { border-width: 1px !important; }
.timeRecording .controlBarContainer .ui-igcombo-wrapper, .timeRecording .controlBarContainer .ui-igedit, .ganttChart .controlBarContainer .ui-igcombo-wrapper, .ganttChart .controlBarContainer .ui-igedit, .timeScaleView .controlBarContainer .ui-igcombo-wrapper, .timeScaleView .controlBarContainer .ui-igedit { vertical-align: middle; }

body {     /*.ui-menu.defaultWorkingTimeMenu { border-color: #2194C2; background: #ffffff;
 .ui-menu-item { color: #000000; padding: 0 !important; cursor: default;
 a { padding: 0rem 0.5rem 0.2rem 0.35rem !important; }
 &.ui-state-hover { background-color: #00a1ff !important; color: #ffffff !important; border-radius: 0; border-color: none; }
 &.ui-state-focus { background-color: #00a1ff !important; color: #ffffff !important; border-radius: 0; border-color: none; }
 &.ui-state-focus:active { background-color: #00A1FF !important; color: #ffffff !important; } } }*/ }
body .cellHandleArea.mtdrgclone { width: 1px; height: 18px; }
body .selectorFrame { background-color: rgba(0, 161, 255, 0.2); border: 2px dashed #00A1FF; z-index: 5; position: absolute; }
body input.mtdrgclone { background-color: white; border-color: #00A1FF !important; z-index: 5; position: absolute; opacity: 1 !important; }
body span.mtdrgclone { background-color: white; border-color: #00A1FF !important; z-index: 5; position: absolute; opacity: 1 !important; width: auto !important; }
body .ui-menu.defaultWorkingTimeMenu .ui-menu-item.selected { background: #b4e3f8; border: 1px solid #4897AA; }

.focusInput { background: transparent; border-color: transparent !important; pointer-events: none; -moz-border-radius: 2px / 2px; -webkit-border-radius: 2px 2px; border-radius: 2px / 2px; }

.focusInput:focus { background: white; border-color: #7d7d7d; pointer-events: all; }

.focusInput[readonly="readonly"] { color: black; background: transparent; }

.focusInput[readonly="readonly"]:focus { outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.ui-iggrid { position: relative; background: white; }
.ui-iggrid .ui-iggrid-indicatorcontainer { min-width: 16px; margin-top: 0; }
.ui-iggrid .ui-iggrid-indicatorcontainer .ui-iggrid-colindicator { margin: 4px 0 0 0; }
.ui-iggrid .ui-iggrid-indicatorcontainer .ui-iggrid-summaries-headerbuttoncontainer { display: none; }
.ui-iggrid tfoot tr:first-child td, .ui-iggrid > table tfoot tr:first-child td { border-top: 1px solid #dadada !important; }
.ui-iggrid tfoot td:first-child, .ui-iggrid tfoot .ui-iggrid-footerextracell { border-left-width: 0px; border-right-width: 0px; }
.ui-iggrid tfoot td.ui-widget-footer.ui-state-hover { background-color: transparent; }
.ui-iggrid table td { vertical-align: top; white-space: nowrap; text-overflow: clip; }
.ui-iggrid table th { text-overflow: clip; }
.ui-iggrid .ui-iggrid-summaries-footer-text-container { font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0px 0px 0px 0px; }
.ui-iggrid .ui-iggrid-summaries-footer-icon-container { display: none; visiblility: collapse; }
.ui-iggrid td.ui-state-default, .ui-iggrid td.ui-state-highlight { border-width: 1px 0px 1px 0px; border-left-width: 0px; border-right-width: 0px; }
.ui-iggrid table th.ui-iggrid-rowselector-header > .ui-state-default { margin: 0; }
.ui-iggrid .ui-iggrid-headertext { min-height: 22px; display: flex; overflow: hidden; align-items: center; line-height: 22px; }
.ui-iggrid .ui-iggrid-headercell-featureenabled .ui-iggrid-headertext { width: 100% !important; }
.ui-iggrid .ui-iggrid-colheaderasc .ui-iggrid-headertext, .ui-iggrid .ui-iggrid-colheaderdesc .ui-iggrid-headertext { line-height: 22px; width: -webkit-calc(100% - 17px) !important; width: -moz-calc(100% - 17px) !important; width: calc(100% - 17px) !important; }
.ui-iggrid th .ui-icon { background-image: url("Infragistics/themes/metro/images/ui-icons_565656_256x240.png") !important; outline: 0; }
.ui-iggrid th .ui-icon::before { content: none !important; }
.ui-iggrid div.ui-widget-footer { border-color: transparent; }
.ui-iggrid div.ui-widget-header { background: -webkit-linear-gradient(top, #fafbfc 0%, #f5f6f7 100%); background: linear-gradient(to bottom, #fafbfc 0%, #f5f6f7 100%); border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.ui-iggrid div.ui-widget-header .ui-iggrid-headertable { background: transparent; }
.ui-iggrid div.ui-widget-header.ui-helper-reset { border-width: 1px; }
.ui-iggrid div.ui-widget-header th, .ui-iggrid div.ui-widget-header .ui-iggrid-filterrow td { border: 0; border-right: 1px solid #dadada; }
.ui-iggrid div.ui-widget-header th .ui-igedit, .ui-iggrid div.ui-widget-header .ui-iggrid-filterrow td .ui-igedit { border: 0; }
.ui-iggrid div.ui-widget-header th .ui-igedit-input, .ui-iggrid div.ui-widget-header .ui-iggrid-filterrow td .ui-igedit-input { min-height: 21px; line-height: 21px; }
.ui-iggrid div.ui-widget-header th { background: -webkit-linear-gradient(top, #fafbfc 0%, #f5f6f7 100%); background: linear-gradient(to bottom, #fafbfc 0%, #f5f6f7 100%); color: #191919; outline: 0; }
.ui-iggrid > table tr:first-child td { border-top: 0 !important; }
.ui-iggrid .ui-iggrid-tablebody > tr > td:first-child, .ui-iggrid .ui-iggrid-table > tbody > tr > td:first-child, .ui-iggrid .ui-iggrid-tablebody > tr > td:last-child, .ui-iggrid .ui-iggrid-table > tbody > tr > td:last-child { border-left: 0; border-right: 0; }
.ui-iggrid td, .ui-iggrid th.ui-iggrid-rowselector-class { outline: 0; }
.ui-iggrid td.ui-state-hover, .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-hover { background: #e0f3ff !important; }
.ui-iggrid td.ui-state-active, .ui-iggrid td.ui-state-active.ui-state-focus .ui-iggrid td.ui-state-focus, .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-active, .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-active.ui-state-focus .ui-iggrid td.ui-state-focus, .ui-iggrid td.ui-state-active.ui-state-focus .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-focus, .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-active.ui-state-focus .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-focus { background: #00a1ff !important; color: white; border: 0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: 3px 10px; }
.ui-iggrid td.ui-state-active:not(.ui-iggrid-editingcell) *:not(input), .ui-iggrid td.ui-state-active.ui-state-focus .ui-iggrid td.ui-state-focus:not(.ui-iggrid-editingcell) *:not(input), .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-active:not(.ui-iggrid-editingcell) *:not(input), .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-active.ui-state-focus .ui-iggrid td.ui-state-focus:not(.ui-iggrid-editingcell) *:not(input), .ui-iggrid td.ui-state-active.ui-state-focus .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-focus:not(.ui-iggrid-editingcell) *:not(input), .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-active.ui-state-focus .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-focus:not(.ui-iggrid-editingcell) *:not(input) { color: white !important; }
.ui-iggrid tr.ui-state-focus td, .ui-iggrid tr td.ui-state-focus { padding: 3px 10px !important; }
.ui-iggrid .hoverButton, .ui-iggrid .cellEditableHoverButton { display: none; position: absolute; right: 0; }
.ui-iggrid tr.ui-state-hover .hoverButton, .ui-iggrid tr td.ui-state-hover .hoverButton, .ui-iggrid tr.ui-state-hover.ui-state-active .hoverButton, .ui-iggrid tr td.ui-state-hover.ui-state-active .hoverButton, .ui-iggrid tr.ui-state-hover td[data-editmode="dialog"]:focus-within .cellEditableHoverButton, .ui-iggrid tr td[data-editmode="dialog"].ui-state-hover:focus-within .cellEditableHoverButton, .ui-iggrid tr.ui-state-hover.ui-state-active td[data-editmode="dialog"]:focus-within .cellEditableHoverButton, .ui-iggrid tr td[data-editmode="dialog"].ui-state-hover.ui-state-active:focus-within .cellEditableHoverButton { display: block; }
.ui-iggrid tbody .ui-iggrid-table tr .ui-icon.ui-icon-plus, .ui-iggrid tbody .ui-iggrid-table tr .ui-icon.ui-icon-minus { outline: 0; background-image: url("../Images/sprite-TreeNodeIcons.png") !important; }
.ui-iggrid tbody .ui-iggrid-table tr .ui-icon.ui-icon-plus:before, .ui-iggrid tbody .ui-iggrid-table tr .ui-icon.ui-icon-minus:before { content: ""; }
.ui-iggrid tbody .ui-iggrid-table tr:hover .ui-icon-plus { background-position: 0 0; }
.ui-iggrid tbody .ui-iggrid-table tr:hover .ui-icon-minus { background-position: 0 -28px; }
.ui-iggrid .ui-iggrid-groupedrow div.inlineflexrowmiddle { margin-bottom: 1px; width: auto; }
.ui-iggrid table tbody td, .ui-iggrid .ui-iggrid-header, .ui-iggrid table th { padding: 3px 10px !important; }
.ui-iggrid table th.ui-iggrid-header.ui-iggrid-rowselector-header { padding: 0 6px; }
.ui-iggrid .ui-iggrid-layout-helper > tbody > tr > td { padding: 0 !important; }
.ui-iggrid .ui-icon.ui-icon-plus, .ui-iggrid .ui-icon.ui-icon-minus { outline: 0; cursor: pointer; width: 21px !important; height: 21px !important; background-image: url("../Images/sprite-TreeNodeIcons.png") !important; }
.ui-iggrid .ui-icon.ui-icon-plus:before, .ui-iggrid .ui-icon.ui-icon-minus:before { content: ""; }
.ui-iggrid .ui-iggrid-header.center .ui-iggrid-headertext, .ui-iggrid .ui-iggrid-header.ui-iggrid-multiheader-cell .ui-iggrid-headertext { justify-content: center; }

.ui-iggrid table td.top { vertical-align: top; }

.ui-igloadingmsg { background-image: url("../Images/empty.gif"); }

.gridBorder { border: 1px solid #b0b0b0; background: white; }
.gridBorder:not(.scrolly) { overflow: hidden; }

.activityDisplayContainer .gridBorder { background: #fafbfc; }

.multiGridPaneBorder { border-top: 1px solid #dadada; }

.ui-iggrid-featurechooser-list li, .touch .ui-iggrid-featurechooser-list.ui-menu li { max-width: 80px; }
.ui-iggrid-featurechooser-list li.ui-iggrid-featurechooser-separator, .ui-iggrid-featurechooser-list li[data-fc-groupname="modaldialog"], .touch .ui-iggrid-featurechooser-list.ui-menu li.ui-iggrid-featurechooser-separator, .touch .ui-iggrid-featurechooser-list.ui-menu li[data-fc-groupname="modaldialog"] { display: none !important; }
.ui-iggrid-featurechooser-list li.ui-state-default:hover, .ui-iggrid-featurechooser-list li.ui-state-hover, .touch .ui-iggrid-featurechooser-list.ui-menu li.ui-state-default:hover, .touch .ui-iggrid-featurechooser-list.ui-menu li.ui-state-hover { background: #e0f3ff; }

.ui-igpopover[id$="tooltips_popover"] { max-height: 200px; }
.ui-igpopover[id$="tooltips_popover"] img, .ui-igpopover[id$="tooltips_popover"] .dialogbutton, .ui-igpopover[id$="tooltips_popover"] .rectangularbutton { display: none; }
.ui-igpopover > .ui-widget-content { padding: 7px; background: white; border: 1px solid #b0b0b0; border-radius: 4px; max-height: 184px; overflow: hidden; }
.ui-igpopover > .ui-widget-content > div { display: flex; word-wrap: break-word; }
.ui-igpopover > .ui-widget-content > div .smallicon { margin-top: 2px; }
.ui-igpopover > .ui-widget-content .ui-igpopover-close-button { margin-top: 6px; }
.ui-igpopover > .ui-widget-content .ui-menu { background: transparent; box-shadow: 0 0; }
.ui-igpopover .ui-igpopover-arrow.ui-igpopover-arrow-top { top: 1px; border-bottom-color: #b0b0b0; }
.ui-igpopover .ui-igpopover-arrow.ui-igpopover-arrow-top::after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: white; left: 50%; }
.ui-igpopover .ui-igpopover-arrow.ui-igpopover-arrow-bottom { bottom: 1px; border-top-color: #b0b0b0; }
.ui-igpopover .ui-igpopover-arrow.ui-igpopover-arrow-bottom::after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: white; left: 50%; }
.ui-igpopover .ui-igpopover-arrow.ui-igpopover-arrow-left { left: 1px; border-right-color: #b0b0b0; }
.ui-igpopover .ui-igpopover-arrow.ui-igpopover-arrow-left::after { left: 1px; margin-top: -10px; border-left-width: 0; border-right-color: white; top: 50%; }
.ui-igpopover .ui-igpopover-arrow.ui-igpopover-arrow-right { right: 1px; border-left-color: #b0b0b0; }
.ui-igpopover .ui-igpopover-arrow.ui-igpopover-arrow-right::after { right: 1px; margin-top: -10px; border-right-width: 0; border-left-color: white; top: 50%; }
.ui-igpopover .ui-igpopover-arrow::after { content: " "; position: absolute; display: block; width: 0; height: 0; border-width: 10px; z-index: 11000; border-style: solid; border-color: transparent; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

.touch .ui-iggrid-resizing-handle { width: 15px !important; }

.ui-iggrid-filterddlist li { margin: 0 !important; padding: 4px 25px; }
.ui-iggrid-filterddlist li.ui-state-hover { background: #e0f3ff; border-color: #00a1ff; cursor: pointer; }
.ui-iggrid-filterddlist li.ui-state-active { background: #00a1ff; color: white; }
.ui-iggrid-filterddlist .ui-iggrid-filterddlistitemadvanced { display: none; }

.ui-igtreegrid-expandcell { min-width: 21px; min-height: 21px; vertical-align: middle; }

.ui-icon-plus { background-position: 0 -56px; }

.ui-icon-plus:hover { background-position: 0 0; }

.ui-icon-minus { background-position: 0 -84px; }

.ui-icon-minus:hover { background-position: 0 -28px; }

.ui-widget-overlay { height: auto !important; width: auto !important; position: fixed !important; left: 0; bottom: 0; right: 0; top: 0; background: black; opacity: 0.2; }

.ui-iggrid-sorting-dialog-unsortedcolumns li, .ui-iggrid-columnchooser-listitems li { padding: 0 7px; border-radius: 4px; }
.ui-iggrid-sorting-dialog-unsortedcolumns li .ui-iggrid-sorting-dialog-unsortedcolumns-sortbybutton > a, .ui-iggrid-sorting-dialog-unsortedcolumns li:not(.ui-iggrid-columnchooser-itemhidden) .ui-iggrid-columnchooser-hidebutton > a, .ui-iggrid-columnchooser-listitems li .ui-iggrid-sorting-dialog-unsortedcolumns-sortbybutton > a, .ui-iggrid-columnchooser-listitems li:not(.ui-iggrid-columnchooser-itemhidden) .ui-iggrid-columnchooser-hidebutton > a { color: #006193; }
.ui-iggrid-sorting-dialog-unsortedcolumns li:hover, .ui-iggrid-columnchooser-listitems li:hover { background-color: #e0f3ff; }

.ui-dialog { position: fixed !important; border: 0 !important; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.ui-dialog .ui-dialog-titlebar { background: white; border-bottom: 1px solid #006193; font-size: 1.333rem; color: #191919; padding: 7px; }
.ui-dialog .ui-dialog-content { padding: 7px; }
.ui-dialog .ui-dialog-buttonpane { background-image: url("../images/sprite-BackgroundFills.png"); margin: 0; padding: 0; height: 49px; }
.ui-dialog .ui-dialog-buttonpane .ui-button { border: 1px solid #B9B9B9; color: WhiteSmoke; background: transparent; text-shadow: 0 -1px 0px rgba(25, 25, 25, 0.5); min-width: 100px; height: 30px; line-height: 30px; padding-left: 8.75px; padding-right: 8.75px; font-family: 'OpenSans Bold', 'Verdana', 'Arial', sans-serif; font-size: 1rem; margin-top: 10px; }

.ui-iggrid-filterdialogaddcondition { display: flex; padding-left: 4px; padding-right: 4px; line-height: 28px; }
.ui-iggrid-filterdialogaddcondition + div { padding: 0 4px; }

.ui-iggrid-filtertable { width: 100%; }
.ui-iggrid-filtertable td > div, .ui-iggrid-filtertable td input, .ui-iggrid-filtertable td select { width: 100% !important; }
.ui-iggrid-filtertable .ui-icon-closethick { margin-top: 4px; cursor: pointer; }

.ui-iggrid-filterdialogclearall { margin-top: 4px; }

.ui-iggrid-filterrow { background-color: #f5f6f7; }
.ui-iggrid-filterrow .ui-iggrid-filtercell > div.ui-igedit { display: flex; }
.ui-iggrid-filterrow .ui-iggrid-filtercell > div.ui-igedit > .ui-iggrid-indicatorcontainer { width: 21px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #efefef; margin-top: 0; }
.ui-iggrid-filterrow .ui-iggrid-filtercell > div.ui-igedit > .ui-iggrid-indicatorcontainer > a { outline: 0; }
.ui-iggrid-filterrow .ui-iggrid-filtercell > div.ui-igedit > .ui-iggrid-indicatorcontainer > a:before { display: none; }
.ui-iggrid-filterrow .ui-iggrid-filtercell > div.ui-igedit > .ui-igeditor-input-container { display: flex; flex: 1; }
.ui-iggrid-filterrow .ui-iggrid-filtercell > div.ui-igedit > .ui-igeditor-input-container > * { width: 100%; }
.ui-iggrid-filterrow .ui-iggrid-filtercell > div.ui-igedit > .ui-igeditor-input-container input { padding: 0 4px !important; min-height: 21px; line-height: 21px; }
.ui-iggrid-filterrow .ui-iggrid-filtercell > div.ui-igedit > .ui-igeditor-input-container input[readonly] { background: transparent; }

.ui-iggrid-filtercell { /*.ui-iggrid-filterbutton { position: relative; margin-top: 0!important; margin-left: 0!important; top: 0; left: 0; float: none;
}*/ }
.ui-iggrid-filtercell .ui-iggrid-indicatorcontainer a { margin-right: 0; float: none; }
.ui-iggrid-filtercell .ui-igedit-button-common { order: 3; background: white; border-color: #efefef; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 0; }

.ui-button-text-only { cursor: pointer; }

/*.ui-igcombo-wrapper { .ui-state-default { border: 1px solid #b0b0b0; }
}*/
.ui-igedit.ui-state-default, .ui-igedit.ui-state-hover, .ui-igcombo.ui-state-default, .ui-igcombo.ui-state-hover, .ui-splitbutton.ui-state-default, .ui-splitbutton.ui-state-hover { border: 1px solid #b0b0b0; }
.ui-igedit.ui-state-active, .ui-igedit.ui-state-focus, .ui-igedit.ui-state-focus.ui-state-hover, .ui-igcombo.ui-state-active, .ui-igcombo.ui-state-focus, .ui-igcombo.ui-state-focus.ui-state-hover, .ui-splitbutton.ui-state-active, .ui-splitbutton.ui-state-focus, .ui-splitbutton.ui-state-focus.ui-state-hover { border: 1px solid #00A1FF; }
.ui-igedit.ui-state-active .ui-igedit-button-common, .ui-igedit.ui-state-active .ui-igcombo-button, .ui-igedit.ui-state-focus .ui-igedit-button-common, .ui-igedit.ui-state-focus .ui-igcombo-button, .ui-igedit.ui-state-focus.ui-state-hover .ui-igedit-button-common, .ui-igedit.ui-state-focus.ui-state-hover .ui-igcombo-button, .ui-igcombo.ui-state-active .ui-igedit-button-common, .ui-igcombo.ui-state-active .ui-igcombo-button, .ui-igcombo.ui-state-focus .ui-igedit-button-common, .ui-igcombo.ui-state-focus .ui-igcombo-button, .ui-igcombo.ui-state-focus.ui-state-hover .ui-igedit-button-common, .ui-igcombo.ui-state-focus.ui-state-hover .ui-igcombo-button, .ui-splitbutton.ui-state-active .ui-igedit-button-common, .ui-splitbutton.ui-state-active .ui-igcombo-button, .ui-splitbutton.ui-state-focus .ui-igedit-button-common, .ui-splitbutton.ui-state-focus .ui-igcombo-button, .ui-splitbutton.ui-state-focus.ui-state-hover .ui-igedit-button-common, .ui-splitbutton.ui-state-focus.ui-state-hover .ui-igcombo-button { border-color: #00a1ff; }
.ui-igedit .ui-splitbutton-arrow .ui-icon, .ui-igcombo .ui-splitbutton-arrow .ui-icon, .ui-splitbutton .ui-splitbutton-arrow .ui-icon { color: #888; }
.ui-igedit .ui-splitbutton-arrow.ui-state-hover, .ui-igcombo .ui-splitbutton-arrow.ui-state-hover, .ui-splitbutton .ui-splitbutton-arrow.ui-state-hover { background-color: #444 !important; }
.ui-igedit .ui-splitbutton-arrow.ui-state-hover .ui-icon, .ui-igcombo .ui-splitbutton-arrow.ui-state-hover .ui-icon, .ui-splitbutton .ui-splitbutton-arrow.ui-state-hover .ui-icon { color: #fff; }

.ui-igedit:not([size]) input.ui-igedit-input { min-width: 30px; }

/*.ui-igedit-button-common,
.ui-igcombo-button { &.ui-state-hover { background: rgba(0, 161, 255, 0.25); }
}*/
.ui-igcombo-wrapper:not(.ui-state-disabled) input[readonly] { background: white; color: initial; }

.ui-igcombo-wrapper.ui-state-disabled .ui-igcombo-mode-dropdown .ui-igcombo-field { cursor: text; }

.ui-igcombo-dropdown .ui-state-hover { background: #e0f3ff !important; border-color: #00a1ff !important; }
.ui-igcombo-dropdown .ui-state-active { background: #00a1ff !important; border-color: #00a1ff !important; color: white !important; }

.touch .ui-iggrid-expandbutton { margin: 6px; }
.touch .ui-iggrid-expandbuttoncontainer, .touch .ui-iggrid-expandbuttoncontainer-group-by { height: auto; }

.ui-ightmleditor { background-color: transparent; border: 0;     /*.ui-igtoolbars-holder { transform: translateZ(0); position: fixed; background: white; padding: 6px 6px 0 6px; border: 1px solid #7D7D7D;  .ui-igtoolbar { margin: 0 6px 6px 0; div[id$="_collapseButton"] { display:none; }
 .ig-toolbar-buttons-holder { height: 28px; }  .ui-button { width: 20px; height: 20px; min-width: 20px; min-height: 20px;
 .ui-igbutton-table { border: 1px solid transparent; } &.ui-state-default:not(.ui-state-hover):not(.ui-state-active) .ui-icon { color: #444; } }
 .ui-igcombo-wrapper { min-height: 28px; .ui-igcombo { height: 100%; } &[id$="_editor_toolbars_textToolbar_item_fontSize"] { min-width: 89px; } input[readonly] { @include background-image(none); color: #444; } }
 //remove toolbar elements which are not implemented in WPF div[id$="_editor_toolbars_formattingToolbar_item_backgroundTextColor"], div[id$="_editor_toolbars_textToolbar_item_Strikethrough"], //or work different then expected... div[id$="_editor_toolbars_textToolbar_item_fontSize"], div[id$="_editor_toolbars_textToolbar_item_formatsList"], div[id$="_editor_toolbars_insertObjectToolbar_item_image"], div[id$="_editor_toolbars_insertObjectToolbar_item_link"] { display: none } }  display: none; &.open { display: block; } }*/ }
.ui-ightmleditor .ui-ightmleditor-content, .ui-ightmleditor .ui-igtoolbars-holder { padding: 0; margin: 0; }
.ui-ightmleditor .ui-ightmleditor-content { height: 100%; }
.ui-ightmleditor .ui-ightmleditor-content > iframe { height: 100% !important; -webkit-box-shadow: none; box-shadow: none; }
.ui-ightmleditor .ui-igPathFinder, .ui-ightmleditor .ui-igbutton-viewsource { display: none; }

#ui-datepicker-div { z-index: 300 !important; border-color: #006193; }
#ui-datepicker-div .ui-datepicker-header { background: #006193; }
#ui-datepicker-div td.ui-datepicker-week-col { text-align: center; border-right: 1px solid #006193; color: #006193; }
#ui-datepicker-div.monthPicker .ui-datepicker-prev, #ui-datepicker-div.monthPicker .ui-datepicker-next { height: 32px; }
#ui-datepicker-div.monthPicker .ui-datepicker-title { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
#ui-datepicker-div.monthPicker .ui-datepicker-calendar a.ui-state-customHover { background-color: #ccc; color: #444; }
#ui-datepicker-div.monthPicker .ui-datepicker-buttonpane { border-color: #006193; }
#ui-datepicker-div.monthPicker .ui-datepicker-buttonpane button.ui-datepicker-current { display: none; }
#ui-datepicker-div.monthPicker td, #ui-datepicker-div.weekPicker td { padding: 0; }
#ui-datepicker-div.monthPicker .ui-datepicker-calendar a, #ui-datepicker-div.weekPicker .ui-datepicker-calendar a { border: 1px solid transparent !important; }

.mtClassic #systembar { background: #006193; display: flex; }

#activeProjectContainer { font-size: 1.166rem; line-height: 42px; margin-left: 4px; white-space: nowrap; }
#activeProjectContainer > *:not(:last-child) { cursor: pointer; }
#activeProjectContainer > .loginTitle { cursor: default; }

#selectProjectContainer > * { line-height: 28px; }

#navbar { width: 0; max-width: 100%; -moz-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
#navbar.open { width: 300px; padding: 7px; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
@media only screen and (max-width: 64em) { #navbar { width: 300px !important; position: absolute; top: 0; left: 0; bottom: 0; z-index: 100; border-right: 1px solid #e1e1e1; }
  #navbar.open { -moz-box-shadow: 20px 0px 41px -15px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 20px 0px 41px -15px rgba(0, 0, 0, 0.75); box-shadow: 20px 0px 41px -15px rgba(0, 0, 0, 0.75); } }
#navbar .NavigationBarGroup { margin-bottom: 7px; }
#navbar .NavigationBarGroup .NavigationBarHeaderIcon > .icon { transform: rotate(0); transition: all 0.3s ease; padding: 0; }
#navbar .NavigationBarGroup .NavigationBarHeaderText { margin-left: 9px; }
#navbar .NavigationBarGroup.expanded .NavigationBarHeaderIcon > .icon { transform: rotate(-180deg); transition: all 0.3s ease; }
#navbar .NavigationBarGroup:not(.expanded) > .NavigationBarItems { overflow: hidden; }
#navbar .NavigationBarHeader { height: 32px; flex-direction: row; margin-bottom: 1px; padding: 0 4px; line-height: 32px; align-items: center; }
#navbar .NavigationBarHeader:hover { background: #c8e0ee; }
#navbar .NavigationBarHeaderIcon, #navbar .NavigationBarItemIcon { margin: 5px; }
#navbar .NavigationBarItemIcon { margin-left: 9px; }
#navbar .NavigationBarHeaderIcon { margin: 0; display: flex; align-items: center; margin-right: 6px; }
#navbar .NavigationBarHeaderIcon > svg.icon { width: 16px; height: 16px; }
#navbar .NavigationBarHeaderIcon > img, #navbar .NavigationBarItemIcon > img { vertical-align: text-top; }
#navbar .NavigationBarItem { line-height: 26px; }
#navbar .NavigationBarItems { background: white; }

#navbar.animate { transition: all 0.3s ease; }
#navbar.animate.open { transition: all 0.3s ease; }

.outputMessageRemove.flexrowcenter { display: none; }

.outputMessageBody { margin-top: 4px; }
.outputMessageBody .outputMessageError { color: #F97148; font-weight: bold; }

#output { width: 300px; max-width: 100%; position: absolute; top: 0; right: 0; bottom: 0; z-index: 209; border-left: 1px solid #e1e1e1; word-wrap: break-word; transition: all 0.3s ease; -moz-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
#output.open { -moz-box-shadow: -20px 0px 41px -15px rgba(0, 0, 0, 0.75); -webkit-box-shadow: -20px 0px 41px -15px rgba(0, 0, 0, 0.75); box-shadow: -20px 0px 41px -15px rgba(0, 0, 0, 0.75); transition: all 0.3s ease; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#output .outputMessageBody { margin-top: 5px; }
#output .outputMessageRemove { display: flex; }

#outputMenuButton { min-width: 42px; width: auto; }

#outputMessagePopup, #outputMessageErrorPopup { z-index: 210; max-height: calc(100% - 42px); }

.newOutputMessageCount { color: #89adc0; margin-left: -7px; }

#workspaceContainer { background: white; }

#appcontent.defaultContent { top: 42px; }

#appcontent.contentOnly { top: 0px; }

.icon > img { height: 28px; }

.largebutton { height: 30px; line-height: 30px; }

.modaldialog .dialog { background: white; border-top-right-radius: 0; border-top-left-radius: 0; border: 1px solid #006193; max-width: 100%; max-height: 100%; min-width: 275px; height: auto; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.modaldialog .dialog .headerContainer { border-bottom: 1px solid #006193; }
.modaldialog .dialog .headerContainer .headerName { font-size: 1.333rem; color: #006193; }
.modaldialog .dialog .headerContainer .headerExpand { width: 21px; font-size: 1.333rem; line-height: 21px; color: #006193; cursor: pointer; }
.modaldialog .dialog.small { height: auto; }
.modaldialog .dialog .buttonbar .ui-igcombo-wrapper { max-width: 140px; }
.modaldialog .dialog .buttonbar { z-index: 10; }
.modaldialog .dialog.fullscreen { top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; box-shadow: 0 0 0; box-sizing: border-box; }
.modaldialog .dialog.fullscreen .ui-resizable-handle { display: none; }

.modaldialog .messagebox { width: 400px; height: 200px; }

.wrap { height: auto; white-space: normal; line-height: 28px; }

.normalfont { font-family: 'OpenSans', 'Verdana', 'Arial', sans-serif; }

.modaldialog .modaloverlay { background: black; opacity: 0.2; }

.modaldialog > *:not(.modaloverlay) { z-index: 21; }

.tabContent { padding: 0; min-height: 28px; }

.tabs .tabLink { min-height: 32px; border-radius: 0; line-height: 32px; padding: 0 7px; }

.horizontalLine { border-bottom: 1px solid #b0b0b0; height: 1px; }

.verticalLine { border-right: 1px solid #b0b0b0; width: 1px; }

#systembar .menubutton { justify-content: center; align-items: center; color: #ffffff; }

#systembar .menubutton > .icon { width: 28px; height: 28px; }

input, select, textarea { border-radius: 0; }

input, select { padding: 0 7px; margin-bottom: 0; }

input[type=radio] { flex: 0; }

input[type="radio"], input[type="checkbox"] { margin: 0 7px; }

.ui-igcombo-wrapper.ui-state-disabled { opacity: 1; }
.ui-igcombo-wrapper.ui-state-disabled .ui-igcombo-button { opacity: 0.35; }

.invisible-border { border-color: transparent; }

.child-invisible-border * { border-color: transparent; }

.invisible-background { background-color: transparent; }
.invisible-background:not(:invalid) { background: transparent !important; }

.child-invisible-background * { background-color: transparent; }
.child-invisible-background *:not(:invalid) { background: transparent !important; }

textarea { margin-bottom: 0; cursor: auto; }
textarea:not(.noscroll):invalid { background-image: none; }

.multiValueContainer.horizontal .multiValueItem { display: inline-block; margin-right: 7px; }
.multiValueContainer .multiValueItem.selected .ui-igedit:not(.ui-state-hover), .multiValueContainer .multiValueItem.selected input:not(:focus), .multiValueContainer .multiValueItem.selected textarea:not(:focus) { border-color: #767d81; }

.listBox.horizontal > * { display: inline-block; padding-right: 7px; }

div[data-linkcontroltype=url] input[type=text] { color: #0000EE; text-decoration: underline; }

form div[data-contenttype=Part][data-required] .ui-igedit input:invalid { border: 1px #F74E1A solid !important; border-bottom-width: 3px !important; }
form div[data-contenttype=Part][data-required] > .icon { background-image: url(../images/sprite-MiscIcons.png); background-repeat: no-repeat; background-position: 0 -631px; position: absolute; top: 0; left: 0; display: none; }
form div[data-contenttype=Part][data-required].invalid { position: relative; }
form div[data-contenttype=Part][data-required].invalid > .icon { display: block; }
form div[data-contenttype=Part][data-required].invalid .ui-igedit, form div[data-contenttype=Part][data-required].invalid .multiValueContainer { border: 1px #F74E1A solid; }

/*.dateContainer[data-required].invalid { > .icon { margin-left: 30px; margin-top: 3px; z-index: 1; }
}*/
.referencesContainer[data-required].invalid > .icon { margin-left: 1px; z-index: 1; }
.referencesContainer[data-required].invalid .gridBorder, .referencesContainer[data-required].invalid input { border: 1px #F74E1A solid; }

.referencesContainer.referencesGrid[data-required].invalid > .icon { top: 28px; }

.comboContainer[data-required].invalid .ui-igcombo { border: 1px #F74E1A solid; }
.comboContainer[data-required].invalid input { padding-left: 28px; }
.comboContainer[data-required].invalid > .icon { margin-top: 1px; z-index: 1; }

.listBox[data-required].invalid { border-color: #F74E1A; }
.listBox[data-required].invalid > div:not(.icon) { padding-left: 28px; }
.listBox div.checked { background-color: #00A1FF; /*border-bottom: 1px solid cyan;*/ }
.listBox div.checked label { color: white; }
.listBox[data-hidecheckboxes] input[type=checkbox], .listBox[data-hidecheckboxes] input[type=radio] { display: none; }
.listBox[data-hidecheckboxes] div :nth-child(2) { margin-left: 7px; }

form div.showBorder { border: 1px solid #B0B0B0; }

.ui-igedit.ui-state-active { border-style: solid; border-width: 1px; }

.textEditorContainer[data-required].invalid > div.icon:first-child { background-image: url(../images/sprite-MiscIcons.png); background-repeat: no-repeat; background-position: 0 -631px; width: 28px; height: 28px; position: absolute; z-index: 10; }
.textEditorContainer[data-required].invalid iframe, .textEditorContainer[data-required].invalid .k-editor { border-color: #F74E1A; }

.rtfeditor { background: white; border: 1px solid #7D7D7D; padding: 0 7px; }

.service { margin-right: 0; }

#navbarcontainer, #workspaceContentContainer { background: #E1E1E1; }

.horizontalWorkspaceSplitterContainer, .verticalWorkspaceSplitterContainer { display: flex; flex: 1; background: #E1E1E1; }

.horizontalWorkspaceSplitterContainer { flex-direction: column; }

.verticalWorkspaceSplitterContainer { flex-direction: row; }

.horizontalTouchWorkspaceSplitter, .verticalTouchWorkspaceSplitter { display: flex; z-index: 2; }

.horizontalTouchWorkspaceSplitter { height: 17px; min-height: 17px; margin: -5px 0; }

.verticalTouchWorkspaceSplitter { width: 17px; min-width: 17px; margin: 0 -5px; }

.horizontalWorkspaceSplitter { height: 7px; cursor: ns-resize; margin-top: 5px; width: 100%; }

.verticalWorkspaceSplitter { width: 7px; cursor: ew-resize; margin-left: 5px; }

.horizontalWorkspaceSplitter:hover, .verticalWorkspaceSplitter:hover { background-color: #85c2e4; }

.verticalWorkspaceDragSplitter { background: #85c2e4; opacity: .5; position: absolute; top: 0; bottom: 0; width: 7px; z-index: 1000; }

.horizontalWorkspaceDragSplitter { background: #85c2e4; opacity: .5; position: absolute; width: 100%; height: 7px; z-index: 1000; }

@media only screen and (max-width: 64em) { #navbarcontainer .verticalTouchWorkspaceSplitter { display: none; } }

.TouchNavigationBar { box-shadow: initial; background: #2b2b2b; }

.TouchNavigationBar > li { width: 42px; height: 42px; }

.touchNavigationButton.current { background: rgba(0, 97, 147, 0.5); }

.NavigationBarLabel { height: 42px; background: #888; }

.openContextNameText { color: white; }

.popup { background-color: #fff; border-left: 1px solid #006193; border-right: 1px solid #006193; border-bottom: 1px solid #006193; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 0; z-index: 103; width: 300px; max-width: 100%; box-sizing: border-box; max-height: calc(100% - 42px); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.popup.allBorders { border-top: 1px solid #006193; }

.popupMenuButton { line-height: 42px; height: 42px; width: 100%; cursor: pointer; box-sizing: border-box; margin-bottom: 4px; }

.popupMenuButton:last-child { margin-bottom: 0; }

.popupMenuButton:hover { background: #e0f3ff; }

.htmleditorbuttonrow { cursor: pointer; z-index: 1; }

.htmleditorbuttonrow:hover { background-color: #e3e3e3; }

.toolbarExpander { height: 16px; }

.toolbarExpanderLine { background-image: url("../Images/New/ToolbarExpanderLine.png"); -webkit-flex: 1; flex: 1; }

.toolbarExpanderArrow { width: 17px; }

.toolbarExpanderArrow { background-image: url("../Images/New/ToolbarExpanderArrowUp.png"); }

.open .toolbarExpanderArrow { background-image: url("../Images/New/ToolbarExpanderArrowDown.png"); }

#circle-indicator { position: absolute; color: #999; z-index: 10000; width: 100px; height: 100px; }
#circle-indicator svg { position: absolute; top: 0; left: 0; }
#circle-indicator .circle { fill: transparent; stroke: #666; stroke-width: 8; stroke-dasharray: 534; transition: stroke-dashoffset .6s; -webkit-animation-play-state: running; /* firefox bug fix - won't rotate at 90deg angles */ -moz-transform: rotate(-89deg) translateX(-190px); stroke-dashoffset: 0; -webkit-animation: show100 .6s; animation: show100 .6s; }

@-webkit-keyframes show100 { from { stroke-dashoffset: 537; }
  to { stroke-dashoffset: 0; } }
@keyframes show100 { from { stroke-dashoffset: 537; }
  to { stroke-dashoffset: 0; } }
@-webkit-keyframes fadeopacity { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeopacity { from { opacity: 0; }
  to { opacity: 1; } }
#formsContainer .flexsinglerow { min-height: 28px; }
#formsContainer .tabContent { padding: 7px 0 7px 7px; overflow-x: auto; }
#formsContainer label { min-width: 14px; }
#formsContainer input:not(input[type="checkbox"]) { max-height: 28px; width: 100%; }
#formsContainer .formWrapRow { flex-direction: column; }
#formsContainer .formWrapRow > :not(:last-child):not(:only-child) { margin-bottom: 7px; }
#formsContainer .formWrapRow > .alignselfcenter, #formsContainer .formWrapRow > .alignselfend { align-self: stretch; }

.flexrow.wrapRow { flex-direction: column; }
.flexrow.wrapRow > .flexcol { margin-right: 0 !important; }

.k-editor-inline { border: 1px solid #7D7D7D; }

.k-state-selected .k-icon { color: white; }

.k-colorpalette .k-palette { border-spacing: 4px; border-collapse: separate; }
.k-colorpalette .k-item { width: 28px; height: 28px; }

.ui-iggrid .ui-igpopover { -webkit-animation: fadeopacity .2s; animation: fadeopacity .2s; }

.ui-iggrid tr.mtdrpHover, .ganttChartItem.mtdrpHover { background-color: #e0f3ff; border-color: transparent !important; }

div.errorColor, span.errorColor { color: #F74E1A; }

.ui-igedit-negative { color: #000000 !important; }

.gridContainer div.collapsed .expander .smallicon { transform: rotate(0); transition: all 0.3s ease; padding: 0; }
.gridContainer .expander .smallicon { transform: rotate(-180deg); transition: all 0.3s ease; }
.gridContainer.mtdrp { border-width: 0px !important; }

.hideHeaderCheckbox thead span[data-role="checkbox"] { display: none; visibility: collapse; }

.ui-iggrid-paging > div, .ui-iggrid-paging > ul > li, .ui-iggrid-paging .ui-igedit, .ui-iggrid-results > div, .ui-iggrid-results > ul > li, .ui-iggrid-results .ui-igedit { margin-left: 7px; margin-right: 7px; }

.ui-iggrid-results > div, .ui-iggrid-results > ul > li, .ui-iggrid-results .ui-igedit { height: 28px !important; }
.ui-iggrid-results span, .ui-iggrid-results a { line-height: 28px !important; }

.ui-iggrid-paging > div, .ui-iggrid-paging > ul > li { height: 21px !important; }
.ui-iggrid-paging .ui-igedit { height: 26px !important; }
.ui-iggrid-paging span, .ui-iggrid-paging a { line-height: 21px !important; }

.ui-iggrid-pager > span { line-height: 28px !important; }

.leftSideContainer.flexrow { margin-bottom: 0 !important; }

td[aria-readonly='false'].ui-state-hover:hover { outline: 1px dotted #191919; }
td[aria-readonly='false'].ui-state-hover:hover.ui-iggrid-selectedcell { outline: 1px dotted white; }

td[aria-readonly]:focus-within { outline: 1px solid #191919; }
td[aria-readonly]:focus-within.ui-iggrid-selectedcell { outline: 1px solid white; }

td[aria-readonly='true'] { background-color: WhiteSmoke; }

.ui-iggrid td[role='gridcell'] > span, .ui-iggrid td[role='gridcell'] > span, .ui-igtreegrid td[role='gridcell'] > span, .ui-igtreegrid td[role='gridcell'] > span { height: 100%; min-height: 21px; }
.ui-iggrid .ui-icon.ui-icon-check, .ui-igtreegrid .ui-icon.ui-icon-check { color: #90c163; }

.twoFactorAuthentification-digit-input { font-size: 1.5em; width: 7em; height: 1.5em; text-align: center; margin-right: 0.5em; margin-left: 0.5em; }

.twoFactorAuthenticationLink { color: #0000EE; text-decoration: underline; }

.twoFactorAuthenticationLink:hover { color: darkblue; cursor: pointer; }

.noresize { resize: none; }

.mtFooter { background: WhiteSmoke; }

div.resetMarginAndMinSize { margin: 0px 0px 0px 0px; min-height: 0px; min-width: 0px; }