/* Minification failed. Returning unminified contents.
(2447,22): run-time error CSS1030: Expected identifier, found ','
(2447,183): run-time error CSS1031: Expected selector, found ')'
(2447,183): run-time error CSS1025: Expected comma or open brace, found ')'
(7618,23): run-time error CSS1039: Token not allowed after unary operator: '-vh'
 */
/* .k-widget (generic)
=================================== */
.k-widget {
  color: inherit;
  border-color: #e3e5e5;
}

.k-widget .k-dropdown-wrap,
.k-widget .k-picker-wrap,
.k-widget .k-numeric-wrap {
  background: #fff none;
  border: 1px solid #c6cacc;
  padding: 0 30px 0 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

.k-widget .k-input {
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 30px;
  line-height: 30px;
}

.k-widget .k-select {
  color: #78909c;
  width: 30px;
  border-left-color: transparent;
  border-radius: 0;
}

.k-widget .k-select .k-icon.k-i-arrow-60-up,
.k-widget .k-select .k-icon.k-i-arrow-60-down,
.k-widget .k-select .k-icon.k-i-arrow-60-left,
.k-widget .k-select .k-icon.k-i-arrow-60-right,
.k-widget .k-select .k-icon.k-i-arrow-s,
.k-widget .k-select .k-icon.k-i-arrow-n,
.k-widget .k-select .k-icon.k-i-arrow-e,
.k-widget .k-select .k-icon.k-i-arrow-w {
  width: 11px;
  height: 11px;
  font-size: 11px;
  line-height: 11px;
  background: transparent none;
}

.k-dropdown-wrap .k-select,
.k-numeric-wrap .k-select {
  top: 2px;
}

.k-dropdown-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-picker-wrap.k-state-hover,
.custom-datetimepicker span.fake-timepicker .k-picker-wrap.k-state-hover {
  border-color: #007AC9;
  /*border-width: 2px;*/
}
.k-dropdown-wrap.k-state-hover > input,
.k-numeric-wrap.k-state-hover > input,
.k-picker-wrap.k-state-hover > input,
.custom-datetimepicker span.fake-timepicker .k-picker-wrap.k-state-hover > input {
  color: #7d7d7d;
}

.k-dropdown-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.custom-datetimepicker span.fake-timepicker .k-picker-wrap.k-state-focused {
  border-color: #6fdfe4;
  /*border-width: 2px;*/
}
.k-dropdown-wrap.k-state-focused > input,
.k-numeric-wrap.k-state-focused > input,
.k-picker-wrap.k-state-focused > input,
.custom-datetimepicker span.fake-timepicker .k-picker-wrap.k-state-focused > input {
  color: #061c2b;
}

.k-loading-mask {
  z-index: 9999;
}

.k-loading-none .k-loading-text,
.k-loading-none .k-loading-image {
  display: none;
}

.k-loading-none .k-loading-color {
  opacity: 0;
}

.k-loading-mask.k-loading-opaque {
  background-color: #fff;
}

.k-webkit .k-combobox .k-dropdown-wrap:before,
.k-webkit .k-picker-wrap:before,
.k-webkit .k-numeric-wrap:before,
.k-webkit .icon-caret-down .k-icon.k-i-arrow-60-down {
  display: none;
}

.k-item img {
  position: relative;
  top: -3px;
  float: left;
}

.k-state-focused {
  box-shadow: none !important;
}

/* .k-tooltip-custom
=================================== */
.k-tooltip-custom {
  display: none;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.k-tooltip-label {
  cursor: default;
  padding: 2px 5px;
  font-size: 12px;
  color: #555;
  border-radius: 4px;
  background: #fefefe url("../kendoui/textures/highlight.png") left center repeat-x;
  border: 1px solid #555;
}

/* .k-sort
=================================== */
.k-sort-asc,
.k-sort-desc {
  background: transparent none left top no-repeat;
  padding-left: 15px;
  min-height: 13px;
}

.k-sort-asc {
  background-image: url("../../images/icons/icon_sort_asc.png");
}

.k-sort-desc {
  background-image: url("../../images/icons/icon_sort_desc.png");
}

/* .k-grid
============================================ */
.grid-no-data {
  text-align: center;
  padding: 20px 20px 20px 0;
  font-style: italic;
  font-size: 14px;
  color: #777;
  box-sizing: border-box;
}

div.k-grid-header {
  background-color: #fdfdfd;
  position: relative;
  z-index: 2;
}

div.k-grid-header-locked,
div.k-grid-header-wrap {
  box-shadow: 0 2px 8px #dadada;
  border-color: #d8d8d8;
}

div.k-grid-header,
div.k-grid-header table table {
  border-bottom: 0 !important;
}

div.k-grid-header tr,
div.k-grid-header tr:hover {
  background-color: transparent;
}

div.k-grid-header .k-header {
  position: relative;
  border-left-color: #ddd;
  background-color: #fdfdfd;
  padding: 0;
}

div.k-grid-header .k-header.gridHeaderContainer {
  padding: 0 5px;
  color: #666;
  font-size: 12px;
  font-weight: bold;
  height: 34px;
  vertical-align: middle;
}

div.k-grid-header .k-header.actionable {
  cursor: pointer;
}

.k-grid-header .gridHeaderContainer .sort {
  background: transparent none center center no-repeat;
  float: right;
  position: relative;
  right: -4px;
  top: 7px;
  height: 15px;
  width: 15px;
}

.k-grid-header .gridHeaderContainer.asc .sort,
.k-grid-header .gridHeaderContainer .k-i-arrow-n {
  background-image: url("../../images/icons/icon_sort_asc.png");
  background-position: center center !important;
}

.k-grid-header .gridHeaderContainer.desc .sort,
div.k-grid-header .gridHeaderContainer .k-i-arrow-s {
  background-image: url("../../images/icons/icon_sort_desc.png");
  background-position: center center !important;
}

div.k-grid tbody tr {
  height: 26px;
  color: #333;
  font-size: 10px;
  background-color: #fff;
}

div.k-grid tbody tr:hover {
  background-color: #fff;
  background-image: none;
}

div.k-grid tbody tr.k-alt,
div.k-grid tbody tr.k-alt:hover {
  background-color: #f5f5f5;
}

div.k-grid tbody tr.k-row-selected,
div.k-grid tbody tr.k-row-selected:hover {
  background-color: #006f9b;
  background-image: none;
  color: #fff;
}

.k-grid td {
  font-size: 11px;
  border-bottom: 1px solid #e3e5e5;
  border-color: #e3e5e5;
  padding: 0 5px;
  white-space: pre;
}

div.k-grid-header .k-header.k-column-active {
  background: #d3d3d3 none !important;
  border-top-color: #006f9b !important;
}

div.k-grid-header .k-header.k-column-active,
div.k-grid-header .k-header.k-column-active + th,
div.k-grid tbody td.k-column-active,
div.k-grid tbody td.k-column-active + td {
  border-left-color: #006f9b;
}

div.k-grid .k-grid-header tr th.last.k-column-active,
div.k-grid .k-grid-content tr td.last.k-column-active {
  border-right-color: #006f9b;
}

.k-grid-content .chkIndeterminatable {
  cursor: default;
  position: relative;
  display: inline-block;
  margin-top: 5px;
}

.k-grid-content .chkIndeterminatable.no:hover {
  border-color: #ddd;
}

.k-grid-content .chkIndeterminatable.yes:hover {
  border-color: #358ed7;
}

.k-grid-tooltip {
  display: none;
  position: absolute;
  border-radius: 2px;
  background-color: #061c2b;
  font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif, Tahoma;
  font-size: 11px;
  color: #fff;
  padding: 5px 8px;
  min-height: 15px;
  box-shadow: inset 4px -14px 11px 0 rgba(0, 0, 0, 0.02);
  z-index: 10000;
}

.k-grid-tooltip.k-window-arrow-n:before,
.k-grid-tooltip.k-window-arrow-s:before,
.k-grid-tooltip.k-window-arrow-e:before,
.k-grid-tooltip.k-window-arrow-w:before {
  border-width: 4px;
}

.k-grid-tooltip.k-window-arrow-n:after,
.k-grid-tooltip.k-window-arrow-s:after,
.k-grid-tooltip.k-window-arrow-e:after,
.k-grid-tooltip.k-window-arrow-w:after {
  display: none;
}

.k-grid-tooltip.k-window-arrow-n:before {
  left: 50%;
  margin-left: -4px;
  top: -4px;
  bottom: auto;
  border-bottom-color: #061c2b;
}

.k-grid-tooltip.k-window-arrow-s:before {
  left: 50%;
  margin-left: -4px;
  top: auto;
  bottom: -4px;
  border-top-color: #061c2b;
}

.k-grid-tooltip.k-window-arrow-e:before {
  left: auto;
  right: -4px;
  top: 50%;
  margin-top: -4px;
  border-left-color: #061c2b;
}

.k-grid-tooltip.k-window-arrow-w:before {
  left: -4px;
  right: auto;
  top: 50%;
  margin-top: -4px;
  border-right-color: #061c2b;
}

.k-state-selected,
.k-state-selected > td,
.k-grid td.k-state-selected.k-state-focused,
.k-grid tr.k-state-selected:hover,
.k-grid td.k-state-selected:hover {
  background-color: #eff8ff;
  background-image: none;
  border-color: #e3e5e5;
  box-shadow: none !important;
}

.k-header.k-drag-clue {
  background: #e5e5e5 none;
  border: 1px solid #ddd;
  border-radius: 0;
}

.k-header.k-drag-clue .k-denied,
.k-header.k-drag-clue .k-i-plus,
.k-header.k-drag-clue .k-add {
  background-image: none !important;
}

.k-reorder-cue {
  z-index: 10000;
}

.k-grid.grid-custom-scroller:not(:hover) .k-grid-content {
  padding-right: 0 !important;
}

.k-grid.grid-custom-scroller .k-virtual-scrollable-wrap {
  overflow-x: hidden;
}

.k-grid.grid-custom-scroller:hover .k-virtual-scrollable-wrap,
.no-mouse .k-grid .k-virtual-scrollable-wrap {
  overflow-x: auto;
}

.k-grid.grid-custom-scroller .k-scrollbar-vertical {
  visibility: hidden;
}

.k-grid.grid-custom-scroller:hover .k-scrollbar-vertical,
.no-mouse .k-grid.grid-custom-scroller .k-scrollbar-vertical {
  visibility: visible;
}

.k-grid.grid-custom-scroller .k-grid-content:not([data-role=virtualscrollable]) {
  overflow: hidden;
}

.k-grid.grid-custom-scroller:hover .k-grid-content:not([data-role=virtualscrollable]),
.no-mouse .k-grid.grid-custom-scroller .k-grid-content:not([data-role=virtualscrollable]) {
  overflow: auto;
}

/* .k-window
============================================ */
.k-window {
  opacity: inherit;
}

.k-window,
.k-window-custom {
  background: #fff none;
  border: none;
  left: 0;
  top: 0;
}

.k-overlay {
  background-color: #666;
}

.k-window-arrow-n:before,
.k-window-arrow-s:before,
.k-window-arrow-e:before,
.k-window-arrow-w:before,
.k-window-arrow-sw:before,
.k-window-arrow-n:after,
.k-window-arrow-s:after,
.k-window-arrow-e:after,
.k-window-arrow-w:after,
.k-window-arrow-sw:after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 12;
  width: 0;
  height: 0;
  line-height: 0;
  border: 10px dashed #fff;
}

.k-window-arrow-n:after,
.k-window-arrow-s:after,
.k-window-arrow-e:after,
.k-window-arrow-w:after,
.k-window-arrow-sw:after {
  z-index: 11;
  border-color: #f7f9fa;
}

.k-window-arrow-n:before,
.k-window-arrow-n:after {
  left: 0;
  top: -10px;
  border-bottom-color: #fff;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.k-window-arrow-n:after {
  top: -11px;
  border-bottom-color: #f7f9fa;
}

.k-window-arrow-s:before,
.k-window-arrow-s:after {
  left: 0;
  top: auto;
  bottom: -9px;
  border-top-color: #fff;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.k-window-arrow-s:after {
  top: auto;
  bottom: -10px;
  border-top-color: #f7f9fa;
}

.k-window-arrow-e:before,
.k-window-arrow-e:after {
  left: auto;
  right: -10px;
  top: 10px;
  border-left-color: #fff;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.k-window-arrow-e:after {
  right: -11px;
  border-left-color: #f7f9fa;
}

.k-window-arrow-w:before,
.k-window-arrow-sw:before,
.k-window-arrow-w:after,
.k-window-arrow-sw:after {
  left: -10px;
  top: 0;
  border-right-color: #fff;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.k-window-arrow-sw:before,
.k-window-arrow-sw:after {
  top: auto;
  bottom: 0;
  border-right-color: #f7f9fa;
}

.k-window-arrow-w:after,
.k-window-arrow-sw:after {
  left: -11px;
  border-right-color: #f7f9fa;
}

.k-window .k-button:hover,
.k-window .k-button:focus,
.k-window .k-button:focus::after,
.k-window .k-button:active {
  box-shadow: none !important;
  outline: none;
}

.k-window-custom {
  position: absolute;
  display: inline-block;
  padding-top: 40px;
  z-index: 1002;
}

.k-window-custom .k-window-titlebar {
  margin-top: -40px;
}

.screenMinHeight .k-window,
.screenMinHeight .k-window-custom {
  max-height: 465px;
}

.noPopup .k-window,
.noPopup .k-window-custom,
.noPopup .k-overlay {
  display: none !important;
}

.k-window-titleless {
  padding-top: 0 !important;
}

.k-window-with-buttons {
  padding-bottom: 88px;
  margin-top: -8px;
}

.k-window.k-state-focused {
  border-color: #c1c1c1;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 rgba(0, 0, 0, 0.1);
}

.k-window-titlebar {
  height: 80px;
  padding: 0;
  border-bottom-color: transparent;
  background: #1E2556;
  border-radius: 4px 4px 0px 0px;
}
.k-window-titlebar span {
  color: #fff;
}

.k-window-title {
  font-size: 20px;
  margin: 28px 0 28px 24px;
  line-height: 24px;
  font-weight: 600;
  color: #FFFFFF;
  font-style: normal;
  letter-spacing: 0.1px;
}

.k-window-draggable .k-window-titlebar,
.k-window-draggable .k-window-title {
  cursor: move;
}

.k-window-titlebar .k-window-actions {
  position: absolute;
  right: 13px;
  top: 9px;
  margin-right: 2px;
}

.k-window-titlebar .k-window-action {
  height: 14px;
  width: 14px;
  margin-left: 5px;
  opacity: 1;
}

.k-window-titlebar .k-window-action.k-state-hover {
  box-shadow: none !important;
  background: transparent none !important;
  border-color: transparent !important;
}

.k-window-titlebar .k-window-action.k-button.k-state-hover:before {
  opacity: 0;
}

.k-window-titlebar .k-window-action .k-icon {
  background-image: none;
  font-size: 14px;
  color: #FFFFFF;
  height: 14px;
  width: 14px;
}

div.k-window-content {
  color: inherit;
  background: #fff none;
  padding: 15px;
  margin: 0;
  min-height: 100px;
  border-radius: 0;
}

.k-window-full div.k-window-content,
.k-window-titleless div.k-window-content {
  padding: 0;
}

.k-window-buttons {
  position: absolute;
  width: 100%;
  white-space: nowrap;
  min-height: 16px;
  overflow: hidden;
  right: 0;
  bottom: 0;
  height: 88px;
  border-top: 1px solid #DEE1EA;
  border-radius: 0px 0px 3px 3px;
}

.k-window-buttons-inner {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #FFFFFF;
}
.k-window-buttons-inner a {
  margin: 24px 24px 24px 0;
}

.k-window-buttons .loading16x16 {
  position: static;
  width: 20px;
  height: 20px;
  background-color: transparent;
  min-width: 0;
  margin: 10px 0;
  border: 0;
}

.k-window-buttons .loading16x16 span {
  display: none;
}

/* .k-button
============================================ */
.k-button,
.k-button:hover,
.k-button:focus,
.k-button:active,
.k-button:active:hover,
.k-button.k-state-focused {
  font-size: 12px;
  font-weight: 500;
  background: none #fff;
  border-color: #278838;
  color: #278838;
  border-radius: 2px;
  line-height: 18px;
  box-shadow: none;
  letter-spacing: 0.42px;
  filter: brightness(0.98);
}

.k-button.k-primary {
  background: none #278838;
  border-color: #278838;
  color: #fff;
}
.k-button.k-primary:hover {
  background-color: #03c6cf;
  color: #fff;
}
.k-button.k-primary:active {
  background-color: #17ccd4;
  color: #fff;
}
.k-button.k-primary:focus {
  background-color: #16dfe9;
  color: #fff;
}

/* .k-palette
============================================ */
.k-colorpalette .k-palette {
  border-collapse: separate;
  border-spacing: 2px;
}

.k-colorpalette .k-item,
.k-colorpalette .k-item:hover,
.k-colorpalette .k-item.k-state-selected,
.k-colorpalette .k-item.k-state-selected:hover {
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #c2c2c2 !important;
}

.k-colorpalette .k-item.k-color-preview {
  cursor: default !important;
}

.k-colorpalette .k-item.k-state-selected,
.k-colorpalette .k-item.k-state-selected:hover {
  background-image: url("../../images/icons/icon_check_white.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.k-colorpalette .k-buttons {
  height: auto !important;
}

.k-palette .k-button,
.k-flatcolorpicker .k-controls .k-button {
  font-size: 11px;
}

.k-palette .k-button {
  width: 100%;
  line-height: 18px !important;
}

/* .k-colorpicker
=================================== */
.k-colorpicker .k-picker-wrap {
  height: 29px;
}

.k-colorpicker .k-picker-wrap .k-selected-color {
  width: 32px;
  height: 27px;
  border-radius: 0;
}

.k-colorpicker .k-select {
  border-left-color: #e3e5e5;
}

.k-colorpicker.k-state-disabled .k-select {
  cursor: default;
}

.k-colorpicker .k-tool-icon {
  margin-bottom: -2px;
}

.k-colorpicker .k-tool-icon .k-selected-color {
  left: 0px;
  bottom: -2px;
}

/* .k-editor
============================================ */
table.k-editor {
  background: #f7f9fa none;
  border-width: 0;
  border-spacing: 0;
}

table.k-editor .k-colorpicker .k-picker-wrap .k-selected-color {
  height: 3px;
  width: 22px;
}

.k-editor-disabled {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 76px;
  z-index: 90;
}

.k-editor .k-editor-toolbar-wrap {
  padding-left: 5px;
  padding-right: 5px;
}

.k-editor .k-tool:focus {
  outline: 0;
  border-color: #e6e6e6;
  box-shadow: none;
  background: #e6e6e6;
}

.k-editor .k-editable-area {
  padding: 5px;
  border-width: 0;
}

.k-editor-dialog .k-checkbox-label {
  padding-left: 0;
}

.k-editor-dialog .k-checkbox-label:before,
.k-editor-dialog .k-checkbox-label:after {
  display: none;
}

.k-editor-dialog .k-edit-form-container .k-edit-buttons {
  border-top: 1px dashed #d5d5d5;
  background: none #f7f9fa;
}

.k-button-group .k-tool {
  line-height: 1em !important;
}

.k-editor .k-editor-toolbar .k-select .k-icon {
  top: 1px;
}

.k-editor-toolbar .k-tool-group a.k-tool.k-state-hover {
  background-color: #03c6cf;
  color: #061c2b;
  border-color: #25cad2;
}

.k-editor-toolbar .k-tool-group a.k-tool.k-state-hover.k-state-selected, .k-editor-toolbar .k-tool-group a.k-tool.k-state-selected {
  background-color: #16dfe9;
  color: #061c2b;
  border-color: #25cad2;
}

/* .eaText
=================================== */
input.eaText,
textarea.eaText {
  border: 1px solid #8f8f8f;
  background-color: #fff;
  border-radius: 0;
  padding: 6px 10px;
  margin: 0;
  width: 100%;
  line-height: 1.4;
  box-sizing: border-box;
}

input.eaTextSize40,
textarea.eaTextSize40 {
  padding: 10px;
}

input.eaText.k-invalid,
textarea.eaText.k-invalid {
  border: solid 1px #f00;
}

input.eaText.k-invalid + .k-widget.k-tooltip-validation {
  position: absolute;
  top: 1px;
  right: 1px;
  line-height: 29px;
}

/* .k-autocomplete
=================================== */
.k-widget.k-autocomplete {
  background: #fff none;
  border-color: #c6cacc;
  border-radius: 0;
  box-shadow: none;
}

.k-widget.k-autocomplete.k-state-border-down {
  border-color: #6fdfe4;
}

.k-widget.k-autocomplete .k-input {
  text-indent: 6px;
}

.k-widget.k-autocomplete.k-state-hover {
  border-color: #007AC9;
}
.k-widget.k-autocomplete.k-state-hover .k-input {
  color: #7d7d7d;
}

.k-widget.k-autocomplete.k-state-focused {
  border-color: #6fdfe4;
}
.k-widget.k-autocomplete.k-state-focused .k-input {
  color: #061c2b;
}

/* .k-autocomplete-light
=================================== */
.k-widget.k-autocomplete-light {
  border-color: transparent;
  border-bottom-color: #c6cacc;
}

.k-widget.k-autocomplete-light.k-state-focused {
  border-color: transparent;
  border-bottom-color: #6fdfe4;
}
.k-widget.k-autocomplete-light.k-state-focused .k-input {
  color: #061c2b;
}

.k-widget.k-autocomplete-light.k-state-hover {
  border-color: transparent;
  border-bottom-color: #007AC9;
}
.k-widget.k-autocomplete-light.k-state-hover .k-input {
  color: #7d7d7d;
}

/* .k-dropdown
=================================== */
.k-widget.k-dropdown {
  cursor: default;
  background-color: #fff;
}

.k-widget.k-dropdown .k-dropdown-wrap:not(.k-state-disabled) {
  cursor: pointer;
}

.k-widget.k-dropdown .k-dropdown-wrap,
.k-widget.k-dropdown .k-dropdown-wrap.k-state-focused,
.k-widget.k-dropdown .k-dropdown-wrap.k-state-focused:hover {
  border-color: #b5becc;
}

.k-widget.k-dropdown .k-dropdown-wrap.k-state-border-down,
.k-widget.k-dropdown .k-dropdown-wrap.k-state-border-down.k-state-focused,
.k-widget.k-dropdown .k-dropdown-wrap.k-state-border-down.k-state-focused:hover {
  border-color: #6fdfe4;
  border-bottom-color: transparent;
}

.k-widget.k-dropdown .k-dropdown-wrap.k-state-border-up,
.k-widget.k-dropdown .k-dropdown-wrap.k-state-border-up.k-state-focused,
.k-widget.k-dropdown .k-dropdown-wrap.k-state-border-up.k-state-focused:hover {
  border-color: #6fdfe4;
  border-top-color: #e3e5e5;
}

.k-widget.k-dropdown .k-dropdown-wrap .k-input {
  padding-left: 2px;
}

.k-widget.k-dropdown .k-dropdown-wrap .k-input:before {
  display: none;
}

.k-widget.k-dropdown .k-dropdown-wrap.k-state-hover {
  border-color: #007AC9;
}

.k-widget.k-dropdown .k-dropdown-wrap.k-state-focused {
  border-color: #6fdfe4;
}

/* .k-dropdown-large
=================================== */
.k-widget.k-dropdown-large .k-dropdown-wrap {
  padding-right: 38px;
}

.k-widget.k-dropdown-large .k-dropdown-wrap .k-select {
  width: 38px;
  line-height: 36px;
}

.k-widget.k-dropdown-large .k-dropdown-wrap .k-input {
  height: 38px;
  line-height: 38px;
}

/* .k-dropdown-light
=================================== */
.k-widget.k-dropdown-light {
  background: none transparent;
}

.k-widget.k-dropdown-light .k-dropdown-wrap,
.k-widget.k-dropdown-light .k-dropdown-wrap.k-state-focused,
.k-widget.k-dropdown-light .k-dropdown-wrap.k-state-focused:hover {
  border-color: transparent;
  border-bottom-color: #e1e8ee;
}

.k-widget.k-dropdown-light.clearable .k-dropdown-wrap {
  padding-right: 3.8em;
  background-color: #f7f9fa;
}

.k-widget.k-dropdown-light .k-input {
  color: #919699;
}

.k-widget.k-dropdown-light.clearable .k-input {
  color: #3d4852;
  font-weight: bold;
}

.k-widget.k-dropdown-light .k-clear-select {
  display: none;
  position: absolute;
  top: 0;
  right: 30px;
  width: 20px;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 2em;
}

.k-widget.k-dropdown-light.clearable .k-clear-select {
  display: block;
}

.k-widget.k-dropdown-light .k-clear-select .icon {
  vertical-align: middle;
  background-size: 10px 10px;
}

.k-widget.k-dropdown-light .k-dropdown-wrap.k-state-hover {
  border-color: transparent;
  border-bottom-color: #007AC9;
}

.k-widget.k-dropdown-light .k-dropdown-wrap.k-state-focused {
  border-color: transparent;
  border-bottom-color: #6fdfe4;
}

/* .k-popup.k-list-container
=================================== */
.k-popup.k-list-container {
  border-color: #6fdfe4;
  border-top-color: #e3e5e5;
  border-radius: 0;
  padding: 0;
}

.k-popup.k-list-container.k-state-border-down {
  border-top-color: #6fdfe4;
  border-bottom-color: #e3e5e5;
  box-shadow: none;
}

.k-popup.k-list-container .k-list-filter {
  margin-bottom: 1px;
}

.k-popup.k-list-container .k-list-filter > .k-textbox,
.k-popup.k-list-container .k-list-filter > .k-textbox:focus {
  border: 1px solid #e3e5e5;
  background-color: #fff;
  border-radius: 0;
  line-height: 28px;
  height: 28px;
  box-shadow: none;
}

.k-popup.k-list-container .k-list {
  margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.k-popup.k-list-container .k-item {
  position: relative;
  border: none;
  border-top: 1px solid #e3e5e5;
  border-radius: 0;
  line-height: 1.25;
  min-height: 14px;
  padding: 6px;
  background: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.k-popup.k-list-container .k-list-optionlabel {
  display: none;
}

.k-popup.k-list-container .k-virtual-content > .k-virtual-list > .k-virtual-item {
  position: absolute;
}

.k-popup.k-list-container .k-state-focused,
.k-popup.k-list-container .k-state-focused:after,
.k-popup.k-list-container .k-state-selected,
.k-popup.k-list-container .k-state-selected:after,
.k-popup.k-list-container .k-state-hover,
.k-popup.k-list-container .k-state-hover:after {
  color: #3d4852;
  background-color: #f4f5f5 !important;
}

.k-popup .k-list-scroller .k-list .k-item {
  border-top-color: transparent;
  font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif, Tahoma;
  font-size: 12px;
  line-height: 30px;
  min-height: 30px;
}

.k-popup .k-list-scroller .k-list .k-item.k-state-focused,
.k-popup .k-list-scroller .k-list .k-item.k-state-focused:after,
.k-popup .k-list-scroller .k-list .k-item.k-state-selected,
.k-popup .k-list-scroller .k-list .k-item.k-state-selected:after,
.k-popup .k-list-scroller .k-list .k-item.k-state-hover,
.k-popup .k-list-scroller .k-list .k-item.k-state-hover:after {
  color: rgba(0, 0, 0, 0.87);
  background-color: #ebf8ff !important;
}

/* .k-list-container-large
=================================== */
.k-popup.k-list-container-large .k-item {
  line-height: 2.5;
  min-height: 30px;
}

/* .k-popup.k-list-container-light
=================================== */
.k-popup.k-list-container-light {
  box-shadow: none;
  border-top-color: #fff;
}

.k-popup.k-list-container-light.k-state-border-down {
  border-top-color: #6fdfe4;
  border-bottom-color: #fff;
}

.k-popup.k-list-container-light .k-item {
  border-color: transparent;
}

.k-popup.k-list-container-light .k-item:after {
  display: none;
}

.k-popup.k-list-container-light .k-state-focused,
.k-popup.k-list-container-light .k-state-selected,
.k-popup.k-list-container-light .k-state-hover {
  background-color: #f7f9fa !important;
}

/* .k-datepicker
=================================== */
.k-datepicker {
  background-color: #fff;
}

.k-datepicker .k-picker-wrap .k-icon {
  margin-top: 1px;
  opacity: 1;
}

.k-calendar td.k-state-focused.k-state-selected {
  background-color: #025e7f;
}

/* .k-datepicker-light
=================================== */
.k-widget.k-datepicker-light .k-picker-wrap {
  border-color: transparent;
  border-bottom-color: #e1e8ee;
}

.k-widget.k-datepicker-light .k-picker-wrap.k-state-focused {
  border-bottom-color: #007AC9;
}

.k-widget.k-datepicker-light .k-picker-wrap.k-state-hover {
  border-bottom-color: #007AC9;
}

/* .k-popup.k-calendar-container
=================================== */
.k-popup.k-calendar-container .k-calendar-view,
.k-popup.k-calendar-container .k-month .k-link {
  height: auto;
}

.k-popup.k-calendar-container .k-month th {
  height: auto;
  padding: 0.2em 2px;
}

.k-popup.k-calendar-container .k-content .k-link {
  padding: 0.3em 0.3em;
}

.k-popup.k-calendar-container .k-footer .k-nav-today,
.k-popup.k-calendar-container .k-footer .k-nav-today:hover {
  color: #2e2e2e;
}

.k-popup.k-calendar-container td.k-state-hover .k-link {
  box-shadow: none;
}

.k-popup.k-calendar-container td.k-state-selected .k-link {
  background: #025e7f;
  color: #fff;
  box-shadow: none;
}

/* .k-popup.k-calendar-container-light
=================================== */
.k-popup.k-calendar-container-light {
  border-color: #6fdfe4;
  box-shadow: none;
  border-radius: 0;
}

.k-popup.k-calendar-container-light .k-header {
  background: #ebebeb none;
}

.k-popup.k-calendar-container-light .k-link,
.k-popup.k-calendar-container-light td {
  border-radius: 0;
  background-image: none;
}

.k-popup.k-calendar-container-light th {
  background-color: #f5f5f5;
}

.k-popup.k-calendar-container-light td {
  background-color: #fafafa;
}

.k-popup.k-calendar-container-light .k-today {
  background-color: #fafafa;
  box-shadow: none;
}

.k-popup.k-calendar-container-light .k-today .k-link {
  color: #2e2e2e;
}

.k-popup.k-calendar-container-light td.k-state-selected,
.k-popup.k-calendar-container-light td.k-state-hover,
.k-popup.k-calendar-container-light td.k-state-selected.k-state-hover {
  background-color: #6fdfe4;
}

.k-popup.k-calendar-container-light td.k-state-selected .k-link {
  color: #fff;
}

.k-popup.k-calendar-container-light .k-today .k-link:hover {
  color: #2e2e2e;
}

.k-popup.k-calendar-container-light .k-today .k-link {
  color: #25cad2;
  font-weight: 700;
  box-shadow: none;
}

.k-popup.k-calendar-container-light td.k-state-focused .k-link,
.k-popup.k-calendar-container-light td.k-state-hover .k-link,
.k-popup.k-calendar-container-light td.k-state-selected .k-link {
  background: #6fdfe4;
  box-shadow: none;
}

.k-popup.k-calendar-container-light td.k-state-focused .k-link {
  color: #fff;
}

/* .k-timepicker
=================================== */
.k-timepicker {
  background-color: #fff;
}

.k-timepicker .k-picker-wrap .k-icon {
  margin-top: 1px;
  opacity: 1;
}

/* .custom-datetimepicker
=================================== */
.custom-datetimepicker {
  position: relative;
  display: inline-block;
  padding-right: 95px;
  box-sizing: border-box;
}

.custom-datetimepicker span.fake-datepicker {
  width: 100%;
}

.custom-datetimepicker span.fake-timepicker {
  position: absolute;
  right: 0;
  top: 0;
  width: 95px;
}

.custom-datetimepicker span.fake-timepicker .k-picker-wrap {
  border-left-color: transparent;
}

.custom-datetimepicker span.fake-timepicker .k-picker-wrap.k-state-border-down,
.custom-datetimepicker span.fake-timepicker .k-picker-wrap.k-state-border-down.k-state-focused,
.custom-datetimepicker span.fake-timepicker .k-picker-wrap.k-state-border-down.k-state-focused:hover {
  border-color: #6fdfe4;
  border-bottom-color: transparent;
}

.custom-datetimepicker span.fake-timepicker .k-picker-wrap.k-state-border-up,
.custom-datetimepicker span.fake-timepicker .k-picker-wrap.k-state-border-up.k-state-focused,
.custom-datetimepicker span.fake-timepicker .k-picker-wrap.k-state-border-up.k-state-focused:hover {
  border-color: #6fdfe4;
  border-top-color: transparent;
}

.custom-datetimepicker.time-suffix {
  padding-right: 110px;
}

.custom-datetimepicker.time-suffix span.fake-timepicker {
  width: 110px;
}

/* .k-numerictextbox
=================================== */
.k-numerictextbox .k-numeric-wrap.k-state-hover {
  border-color: #007AC9;
}
.k-numerictextbox .k-numeric-wrap.k-state-focused {
  border-color: #6fdfe4;
}

.k-numerictextbox.no-spinners .k-numeric-wrap {
  padding-right: 0 !important;
}

.k-numerictextbox .k-numeric-wrap .k-link {
  height: 50%;
  border-radius: 0;
}

.k-numerictextbox .k-numeric-wrap .k-link.k-state-selected {
  background: transparent none;
  color: inherit;
  opacity: 0.3;
}

/* .k-numerictextbox-light
=================================== */
.k-widget.k-numerictextbox-light .k-numeric-wrap {
  border-color: transparent;
  border-bottom-color: #c6cacc;
}

.k-widget.k-numerictextbox-light .k-numeric-wrap.k-state-focused {
  border-bottom-color: #6fdfe4;
}

.k-widget.k-numerictextbox-light .k-numeric-wrap.k-state-hover {
  border-bottom-color: #007AC9;
}

/* .k-numerictextbox-custom
=================================== */
.k-numerictextbox-custom {
  position: relative;
}

.k-numerictextbox-custom .k-numerictextbox {
  width: 100%;
  z-index: 2;
}

.k-numerictextbox-custom .k-combobox {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
}

.k-numerictextbox-custom .k-numeric-wrap .k-link {
  float: right;
  width: 50%;
  height: 100%;
  padding-top: 7px;
  box-sizing: border-box;
}

.k-numerictextbox-custom .k-numeric-sign .k-icon {
  font-family: inherit;
  font-size: 16px;
  line-height: 12px;
  font-weight: bold;
  background-image: none;
}

/* .k-timespanpicker
=================================== */
.k-timespanpicker {
  display: inline-block;
  position: relative;
  min-width: 200px;
}

.k-timespanpicker .k-numerictextbox-custom {
  margin-right: 100px;
}

.k-timespanpicker .k-numerictextbox-custom .k-numeric-wrap {
  padding-left: 16px;
}

.k-timespanpicker .k-numeric-wrap .k-numeric-sign {
  left: 0;
  border-left-width: 0;
  border-right-width: 0;
  width: 16px;
}

.k-timespanpicker .k-timepicker {
  width: 100px;
  position: absolute;
  right: 0;
  top: 0;
}

.k-timespanpicker .k-timepicker .k-picker-wrap {
  border-left-color: transparent;
}

.k-timespanpicker .k-timepicker .k-picker-wrap.k-state-hover {
  border-left-color: #007AC9;
}

.k-timespanpicker .k-picker-wrap.k-state-focused {
  border-left-color: #6fdfe4;
}

.k-timespanpicker .k-timepicker .k-picker-wrap.k-state-border-down,
.k-timespanpicker .k-timepicker .k-picker-wrap.k-state-border-down.k-state-focused,
.k-timespanpicker .k-timepicker .k-picker-wrap.k-state-border-down.k-state-focused:hover {
  border-color: #6fdfe4;
  border-bottom-color: transparent;
}

.k-timespanpicker .k-timepicker .k-picker-wrap.k-state-border-up,
.k-timespanpicker .k-timepicker .k-picker-wrap.k-state-border-up.k-state-focused,
.k-timespanpicker .k-timepicker .k-picker-wrap.k-state-border-up.k-state-focused:hover {
  border-color: #6fdfe4;
  border-top-color: transparent;
}

/* .k-notification
=================================== */
.k-notification {
  border: none;
  border-radius: 0;
}

/* .k-periodpicker
=================================== */
.k-periodpicker {
  display: inline-flex;
  width: 100%;
}

.k-periodpicker .k-numerictextbox-custom.k-periodpicker-control {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

.k-periodpicker .k-dropdown.k-periodpicker-control {
  max-width: 110px;
}

.k-periodpicker .k-dropdown.k-periodpicker-control .k-dropdown-wrap {
  border-left-color: transparent;
}

.k-periodpicker .k-dropdown.k-periodpicker-control .k-dropdown-wrap.k-state-border-down,
.k-periodpicker .k-dropdown.k-periodpicker-control .k-dropdown-wrap.k-state-border-down.k-state-focused,
.k-periodpicker .k-dropdown.k-periodpicker-control .k-dropdown-wrap.k-state-border-down.k-state-focused:hover {
  border-color: #6fdfe4;
  border-bottom-color: transparent;
}

.k-periodpicker .k-dropdown.k-periodpicker-control .k-dropdown-wrap.k-state-border-up,
.k-periodpicker .k-dropdown.k-periodpicker-control .k-dropdown-wrap.k-state-border-up.k-state-focused,
.k-periodpicker .k-dropdown.k-periodpicker-control .k-dropdown-wrap.k-state-border-up.k-state-focused:hover {
  border-color: #6fdfe4;
  border-top-color: transparent;
}

div.k-tooltip.k-chart-tooltip {
  margin-top: -27px;
  margin-left: -3px;
  padding-bottom: 1px;
}

/* .k-tagtextbox
   height: 36/20
=================================== */
.k-tagtextbox .k-multiselect-wrap {
  border-color: #e9ecee;
  border-radius: 3px;
  padding-top: 7px;
  padding-left: 7px;
  min-height: 30px;
  box-sizing: border-box;
}
.k-tagtextbox .k-multiselect-wrap .item-label {
  font-size: 12px;
  padding: 0 5px;
  margin: 0 7px 7px 0;
  line-height: 20px;
  min-height: 0;
}
.k-tagtextbox .k-multiselect-wrap .item-label .btn-remove {
  position: relative;
}
.k-tagtextbox .k-multiselect-wrap .k-input {
  height: 20px;
  line-height: 20px;
  margin-bottom: 7px;
  padding-left: 0;
  text-indent: 0;
}
.k-tagtextbox .k-i-loading {
  width: 10px;
  height: 10px;
  padding: 0.5em;
  background-size: 10px 10px;
  margin-right: 5px;
}
.k-tagtextbox .btn-search {
  position: absolute;
  top: 12px;
  right: 6px;
  bottom: 10px;
  color: #78909c;
  font-size: 16px;
}
.k-tagtextbox .k-multiselect-wrap ul[id=SearchTag_taglist] ~ .btn-search,
.k-tagtextbox .k-multiselect-wrap ul.k-reset:empty ~ .btn-search {
  top: 10px;
}
.k-tagtextbox.k-state-focused {
  box-shadow: none;
}
.k-tagtextbox.k-state-focused > .k-multiselect-wrap {
  box-shadow: none;
  border-color: #6fdfe4;
}
.k-tagtextbox.k-state-border-down > .k-multiselect-wrap, .k-tagtextbox.k-state-border-down.k-state-focused > .k-multiselect-wrap, .k-tagtextbox.k-state-border-down.k-state-focused:hover > .k-multiselect-wrap {
  border-color: #6fdfe4;
  border-bottom-color: transparent;
  border-radius: 0;
}
.k-tagtextbox.k-state-border-up > .k-multiselect-wrap, .k-tagtextbox.k-state-border-up.k-state-focused > .k-multiselect-wrap, .k-tagtextbox.k-state-border-up.k-state-focused:hover > .k-multiselect-wrap {
  border-color: #6fdfe4;
  border-top-color: #e3e5e5;
  border-radius: 0;
}
.k-tagtextbox.k-no-click .btn-search, .k-tagtextbox.k-no-click .k-select, .k-tagtextbox.k-no-click .k-input {
  display: none;
}

.k-tagtextbox-list-container {
  background-color: #fff;
  border-color: #6fdfe4 !important;
}
.k-tagtextbox-list-container.k-state-border-up {
  border-top-width: 0;
}
.k-tagtextbox-list-container.k-state-border-down {
  border-bottom-width: 0;
}
.k-tagtextbox-list-container .k-header .k-item {
  color: #78909c;
  font-style: italic;
  border-top-color: transparent;
}
.k-tagtextbox-list-container .k-list .k-item {
  border-color: transparent;
}
.k-tagtextbox-list-container .k-list .k-item.k-state-selected {
  display: none;
}
.k-tagtextbox-list-container .k-list .k-item.k-state-focused, .k-tagtextbox-list-container .k-list .k-item.k-state-hover {
  text-shadow: 0 0 0.65px currentColor, 0 0 0.65px currentColor;
}
.k-tagtextbox-list-container .k-footer .k-item:hover, .k-tagtextbox-list-container .k-footer .k-item.k-state-focused {
  text-shadow: 0 0 0.65px currentColor, 0 0 0.65px currentColor;
  background-color: #f4f5f5;
}
.k-tagtextbox-list-container .k-nodata {
  min-height: 0;
  text-transform: none;
}
.k-tagtextbox-list-container .k-nodata > div {
  padding: 0;
  line-height: 28px;
}

/* .k-dropdown list - side-content
=================================== */
.k-popup ul#DefaultDrilldown_listbox .displayNameContainer.small,
.k-popup ul#DefaultExcelTemplate_listbox .displayNameContainer {
  height: 32px;
}

/* scrollbar */
.ie html, .ie body {
  /* for IE */
  scrollbar-track-color: #ececec;
  scrollbar-face-color: #b5b5b5;
  scrollbar-shadow-color: #b5b5b5;
  scrollbar-highlight-color: #b5b5b5;
  scrollbar-3dlight-color: #b5b5b5;
  scrollbar-darkshadow-color: #b5b5b5;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

::-webkit-scrollbar-thumb {
  background: #b5b5b5;
  border: 0;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: #bdbdbd;
}

::-webkit-scrollbar-thumb:active {
  background: #dadada;
}

::-webkit-scrollbar-track {
  background: #ececec;
  border: 0;
  border-radius: 0;
}

::-webkit-scrollbar-track:hover {
  background: #d8d8d8;
}

::-webkit-scrollbar-track:active {
  background: #f7f7f7;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-wrapper.scroll--rtl {
  direction: rtl;
}

.scroll-element {
  box-sizing: content-box;
  display: none;
}
.scroll-element div {
  box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-textarea {
  border: 1px solid #ccc;
  border-top-color: #999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** CSUTOMIZE SCROLLBAR ***************/
.scrollbar-custom > .scroll-element {
  opacity: 0;
}

.scrollbar-custom:hover > .scroll-element,
.scrollbar-custom > .scroll-element.scroll-draggable {
  opacity: 1;
}

.scrollbar-custom > .scroll-element,
.scrollbar-custom > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-custom > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-custom > .scroll-element .scroll-element_size {
  background-color: #ececec;
}

.scrollbar-custom:hover > .scroll-element .scroll-element_size {
  background-color: #d8d8d8;
}

.scrollbar-custom > .scroll-element.scroll-draggable .scroll-element_size {
  background-color: #f7f7f7;
}

.scrollbar-custom > .scroll-element .scroll-bar {
  background-color: #b5b5b5;
  display: block;
}

.scrollbar-custom:hover > .scroll-element .scroll-bar {
  background-color: #bdbdbd;
}

.scrollbar-custom > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #dadada;
}

.scrollbar-custom > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

.scrollbar-custom > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-custom > .scroll-element.scroll-x .scroll-bar {
  min-width: 12px;
}

.scrollbar-custom > .scroll-element.scroll-y .scroll-bar {
  min-height: 12px;
}

.scrollbar-custom > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

.scrollbar-custom > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-custom > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

.scrollbar-custom > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-custom > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-custom > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Inter-Regular.eot") format("eot"), url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular.ttf") format("truetype"), url("../fonts/Inter-Regular.svg#Inter") format("svg");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url("../fonts/Inter-SemiBold.eot") format("eot"), url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff"), url("../fonts/Inter-SemiBold.ttf") format("truetype"), url("../fonts/Inter-SemiBold.svg#Inter") format("svg");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Inter-medium.eot") format("eot"), url("../fonts/Inter-medium.woff2") format("woff2"), url("../fonts/Inter-medium.woff") format("woff"), url("../fonts/Inter-medium.ttf") format("truetype"), url("../fonts/Inter-medium.svg#Inter") format("svg");
}
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}

html, body, input, textarea {
  font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif, Tahoma;
  color: #555;
  font-size: 12px;
}

::-webkit-input-placeholder {
  color: #909191;
}

:-moz-placeholder {
  opacity: 1;
  color: #909191;
}

::-moz-placeholder {
  opacity: 1;
  color: #909191;
}

:-ms-input-placeholder {
  color: #909191;
}

.placeholder {
  color: #909191;
}

:focus ::-webkit-input-placeholder {
  color: transparent;
}
:focus :-moz-placeholder {
  opacity: 1;
  color: transparent;
}
:focus ::-moz-placeholder {
  opacity: 1;
  color: transparent;
}
:focus :-ms-input-placeholder {
  color: transparent;
}
:focus .placeholder {
  color: transparent;
}

hr {
  border: 0;
  border-top: 1px solid #e6e8e8;
}

label {
  position: relative;
}

a,
.cursorPointer,
.cursor-pointer {
  cursor: pointer;
}

a:link,
a:visited {
  text-decoration: none;
  color: #00f;
}

a:focus,
a:active {
  outline: none;
}

img {
  border: 0;
}

.Show {
  display: block;
}

.Hide,
.hidden {
  display: none;
}

.alwaysVisible,
.always-visible {
  display: block !important;
}

.alwaysHide,
.always-hide {
  display: none !important;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.visible-medium-viewport {
  display: none !important;
}

.hide-medium-viewport {
  display: block !important;
}

.flex-break {
  flex-basis: 100%;
  height: 0;
}

.flex-wrap {
  flex-wrap: wrap;
}

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

.text-error {
  color: #ea3d2f;
}

.strike-through {
  text-decoration: line-through;
}

.scrollable {
  overflow: hidden !important;
}

.scrollable:hover,
.no-mouse .scrollable {
  overflow: auto !important;
}

.no-box-shadow {
  box-shadow: none !important;
}

.box-scrollable {
  overflow: auto !important;
  visibility: hidden !important;
}
.no-mouse .box-scrollable, .box-scrollable:hover,
.box-scrollable > .box-scrollable-content {
  visibility: visible !important;
}

.drop-area-cover {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  color: #78909c;
  background-color: #007AC9;
  background-image: linear-gradient(to right, #358ed7 50%, transparent 50%), linear-gradient(to right, #358ed7 50%, transparent 50%), linear-gradient(to bottom, #358ed7 50%, transparent 50%), linear-gradient(to bottom, #358ed7 50%, transparent 50%);
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
}
.drop-area-cover.focus {
  background-image: linear-gradient(to right, #358ed7 50%, #358ed7 50%), linear-gradient(to right, #358ed7 50%, #358ed7 50%), linear-gradient(to bottom, #358ed7 50%, #358ed7 50%), linear-gradient(to bottom, #358ed7 50%, #358ed7 50%);
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
}

.no-animation,
.no-animation *,
.no-animation *:before,
.no-animation *:after {
  transition: none !important;
}

.animation-shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.flip-x {
  transform: scaleX(-1);
}

.flip-y {
  transform: scaleY(-1);
}

.required {
  color: #e91e3d;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

.infoText,
.info-text {
  font-size: 12px;
  color: #999;
}

.badge {
  position: absolute;
  background-color: #2196f3;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  text-align: center;
  padding: 2px;
  border-radius: 6px;
  box-sizing: border-box;
}

/* .form-row
============================================ */
.form-row {
  display: flex;
  align-items: center;
}

.form-col {
  padding: 5px;
  box-sizing: border-box;
}
.form-col.float-left {
  margin-right: auto;
}
.form-col.float-right {
  margin-left: auto;
}
.form-col.form-col-header {
  flex-grow: 0;
  width: 100px;
  font-weight: bold;
}
.form-col.form-col-body {
  flex-grow: 1;
}
.form-col.form-col-half {
  width: 50%;
}

/* .reportTable
============================================ */
.reportTable {
  border-collapse: collapse;
  width: 100%;
}
.reportTable th, .reportTable td {
  font-size: 14px;
  border: 1px solid #c5c5c5;
  padding: 3px;
  text-align: center;
  font-weight: normal;
}
.reportTable th {
  font-weight: bold;
}

/* .tabMenuWrapper
============================================ */
.tabMenuWrapper {
  position: relative;
}

.tabMenu {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e3e5e5;
}

.tabMenu li {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 1px;
  background-color: #fff;
  text-align: center;
  padding: 0 5px;
  margin-left: -1px;
  width: 110px;
  box-sizing: border-box;
  z-index: 2;
}

.tabMenu li:first-child {
  margin-left: 0;
}

.tabMenu li:hover {
  background-color: #eaeaea;
}

.tabMenu .active {
  cursor: default;
  background-color: #fff;
  border-bottom-color: #fff;
  z-index: 3;
  border-bottom: 2px solid #358ed7;
}

.tabMenu .disabled {
  cursor: default;
}

.tabMenu .disabled:hover {
  background-color: #fff;
}

.tabMenu .active.disabled:hover {
  background-color: #efefef;
}

.tabMenu li > span {
  display: table-cell;
  width: 107px;
  height: 40px;
  vertical-align: middle;
  color: #333;
  font-size: 11px;
  font-weight: bold;
  text-shadow: none !important;
}

.tabMenu .active > span {
  color: #358ed7;
}

.tabMenu .disabled > span {
  color: #aaa;
}

.tabPanel {
  display: none;
  padding: 10px 0;
}

.tabPanel.active {
  display: block;
}

/* input, textarea
============================================ */
input::-ms-clear {
  display: none;
}

input:disabled,
textarea:disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.7;
}

input[type=text],
input[type=password] {
  height: 28px;
}

input[type=text],
input[type=password],
textarea {
  -webkit-appearance: none;
  border: 1px solid #c6cacc;
  border-radius: 0;
  background-color: #fff;
  padding: 6px 12px;
  margin: 0;
  box-sizing: border-box;
  height: 30px;
  font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif, Tahoma;
  font-size: 12px;
  letter-spacing: 0.15px;
  color: #7d7d7d;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: #6fdfe4;
  outline: none;
}
input[type=text]:hover,
input[type=password]:hover,
textarea:hover {
  border-color: #007AC9;
  outline: none;
}
input[type=text].invalid, input[type=text].invalid:focus,
input[type=password].invalid,
input[type=password].invalid:focus,
textarea.invalid,
textarea.invalid:focus {
  border-color: #b00020;
  outline: none;
}

input[type=text].input-light,
input[type=password].input-light,
textarea.input-light {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 0;
}
input[type=text].input-light:focus,
input[type=password].input-light:focus,
textarea.input-light:focus {
  border-bottom-color: #6fdfe4;
  outline: none;
}
input[type=text].input-light:hover,
input[type=password].input-light:hover,
textarea.input-light:hover {
  border-bottom-color: #007AC9;
  outline: none;
}
input[type=text].input-light:active,
input[type=password].input-light:active,
textarea.input-light:active {
  border-bottom-color: #6fdfe4;
  outline: none;
}

.input-fieldset {
  position: relative;
}
.input-fieldset .legend {
  position: absolute;
  left: 10px;
  top: -6px;
  padding: 0 3px;
  background-color: #fff;
  font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif, Tahoma;
  font-size: 11px;
  line-height: 1.33;
  letter-spacing: 0.4px;
  color: #061c2b;
}
.input-fieldset > input,
.input-fieldset > input:hover {
  width: 100%;
  border-radius: 2px;
  padding-left: 12px;
  padding-right: 12px;
}
.input-fieldset > input.invalid + .legend,
.input-fieldset > input:hover.invalid + .legend {
  color: #b00020;
}
.input-fieldset > input:disabled + .legend {
  color: rgba(0, 0, 0, 0.5);
}

/* .btn
============================================ */
.btn,
.btn:link,
.btn:visited {
  -webkit-appearance: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: center;
  padding: 0 8px;
  border-radius: 2px;
  text-align: center;
  text-shadow: none;
  margin-right: 5px;
  margin-left: 5px;
  min-width: 74px;
  cursor: pointer;
  height: 40px;
  outline: none;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.42px;
  border: 1px solid transparent;
  filter: brightness(0.98);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn:not(.btn-primary, .btn-secondary, .btn-ghost, .btn-busy, .btn-light, .btn-split, .btn-success, .btn-split + .btn, btn-display-badge .btn.disabled, .btn[disabled], a[class*=btn-]):hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.btn:focus {
  color: #1fc7cf;
}

.btn-small {
  font-size: 13px !important;
  height: 32px !important;
}

.btn-primary,
.btn-primary:link,
.btn-primary:visited {
  background-color: #278838;
  color: #ffffff;
  font-weight: normal;
}

.btn-primary:hover {
  background-color: #278838;
  text-decoration: none;
}

.btn-primary:focus {
  background-color: #278838;
  border-color: #278838;
  color: #ffffff;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #175222;
}

.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #92C39B;
  opacity: 0.5 !important;
}

.btn-primary-disabled {
  background-color: #92c39b;
  color: #fff;
}
.btn-primary-disabled:hover {
  background-color: #92c39b;
}

.btn-secondary,
.btn-secondary:link,
.btn-secondary:visited {
  background-color: #FFFFFF;
  border: 1px solid #B8C5D5;
  border-radius: 3px;
  color: #546176;
}

.btn-secondary:hover {
  background-color: #E8F4FC;
  border-color: #007AC9;
  text-decoration: none;
  color: #007AC9;
}

.btn-secondary:focus {
  background-color: #f2f2f2;
  border-color: #278838;
  color: #000000;
}

.btn-secondary:active,
.btn-secondary.active {
  background-color: #A1D1EF;
  border: 1px solid #007AC9;
}

.btn-ghost,
.btn-ghost:link,
.btn-ghost:visited {
  background-color: #ffffff;
  border: 1px solid #b8c5d5;
}

.btn-ghost:hover {
  border-color: #E8F4FC;
  color: #007AC9;
  text-decoration: none;
  border: 1px solid #007AC9;
  border-radius: 3px;
}

.btn-ghost:focus {
  background: #FFFFFF;
  border: 1px solid #001737;
  box-shadow: 0px 0px 0px 3px rgba(66, 153, 226, 0.6);
  border-radius: 3px;
}

.btn-ghost:active,
.btn-ghost.active {
  background: #A1D1EF;
  border: 1px solid #007AC9;
  border-radius: 3px;
}

.btn-ghost.disabled,
.btn-ghost[disabled],
.btn-ghost.disabled,
.btn-ghost.disabled:active,
.btn-ghost.disabled:hover,
.btn-ghost[disabled],
.btn-ghost[disabled]:active,
.btn-ghost[disabled]:hover {
  opacity: 0.5 !important;
}

.btn-success,
.btn-success:link,
.btn-success:visited,
.btn-success:hover {
  background-color: #dcf7e3;
  border-color: #dcf7e3;
  color: #7dc855;
}

.btn-success:hover {
  text-decoration: none;
}

.btn-success:focus {
  border-color: #7dc855;
  color: #7dc855;
}

.btn-light,
.btn-light:link,
.btn-light:visited,
.btn-light:hover {
  background-color: #cef4f6;
}

.btn-light:hover {
  text-decoration: none;
  background-color: #bfeff1;
}

.btn-light:focus {
  border-color: #25cad2;
}

.btn-light:active,
.btn-light.active {
  background-color: #caf5f8;
}

.btn-light.disabled,
.btn-light[disabled],
.btn-light.disabled,
.btn-light.disabled:active,
.btn-light.disabled:hover,
.btn-light[disabled],
.btn-light[disabled]:active,
.btn-light[disabled]:hover {
  opacity: 0.5 !important;
}

.btn:after {
  display: block;
  content: "";
  background: transparent none left center no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 31px;
  height: 100%;
}

.btn.executing,
.btn.executing:active,
.btn.executing:hover,
.btn.disabled,
.btn.disabled:active,
.btn.disabled:hover,
.btn[disabled],
.btn[disabled]:active,
.btn[disabled]:hover {
  cursor: default;
  opacity: 0.7;
}

.btn-secondary.executing,
.btn-secondary.executing:active,
.btn-secondary.executing:hover {
  opacity: 1;
  background-color: #f1f3f4;
  border-color: #f1f3f4;
  color: #78909c;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
.btn-secondary.disabled,
.btn-secondary.disabled:active,
.btn-secondary.disabled:hover,
.btn-secondary[disabled],
.btn-secondary[disabled]:active,
.btn-secondary[disabled]:hover {
  opacity: 0.5 !important;
  background-color: #F4F6F8;
}

.btn-ghost.executing,
.btn-ghost.executing:active,
.btn-ghost.executing:hover {
  border-color: #78909c;
  color: #78909c;
}

.btn-busy,
.btn-busy:active,
.btn-busy:hover {
  cursor: default;
}

.btn span,
.btn-busy:before {
  margin: 0 auto;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  font-size: 14px;
}

.btn-busy:before {
  content: attr(data-busy);
}

.btn-busy:after {
  right: 0;
  left: 0;
  width: 50%;
  background-color: #fff;
  opacity: 0.5;
  animation: busy 2s linear infinite;
}

.btn-primary.btn-busy:after {
  opacity: 0.2;
}

.btn-busy span {
  display: none;
}

.btn .icon {
  display: inline-flex;
}

@keyframes busy {
  0% {
    width: 0;
  }
  90% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
.btn-split {
  border-radius: 2px 0 0 2px;
  margin-right: 0;
}
.btn-split + .btn {
  border-radius: 0 2px 2px 0;
  margin-left: 0;
  min-width: unset;
}
.btn-split + .btn:after {
  border-left: 1px solid transparent;
  height: 100%;
  top: 0;
}
.btn-split.disabled, .btn-split[disabled] {
  opacity: 0.5 !important;
  cursor: default;
}

.btn-split.btn-primary.disabled + .btn {
  opacity: 0.5;
}
.btn-split.btn-primary + .btn:after {
  border-left-color: #fff;
}
.btn-split.btn-primary:hover {
  background-color: #03c6cf !important;
}
.btn-split.btn-primary:focus {
  background-color: #16dfe9 !important;
  border-color: #278838;
}
.btn-split.btn-primary.disabled:hover, .btn-split.btn-primary[disabled]:hover, .btn-split.btn-primary.disabled:focus, .btn-split.btn-primary[disabled]:focus {
  background-color: #278838 !important;
}

.btn-split.btn-secondary:hover, .btn-split.btn-secondary + .btn:hover {
  background-color: #e9e9e9 !important;
}
.btn-split.btn-secondary:focus, .btn-split.btn-secondary + .btn:focus {
  background-color: #f2f2f2 !important;
  border-color: #278838;
}
.btn-split.btn-secondary.disabled:hover, .btn-split.btn-secondary[disabled]:hover, .btn-split.btn-secondary.disabled:hover + .btn, .btn-split.btn-secondary.disabled + .btn:hover, .btn-split.btn-secondary.disabled:focus, .btn-split.btn-secondary[disabled]:focus, .btn-split.btn-secondary.disabled:focus + .btn, .btn-split.btn-secondary.disabled:focus + .btn, .btn-split.btn-secondary + .btn.disabled:hover, .btn-split.btn-secondary + .btn[disabled]:hover, .btn-split.btn-secondary + .btn.disabled:hover + .btn, .btn-split.btn-secondary + .btn.disabled + .btn:hover, .btn-split.btn-secondary + .btn.disabled:focus, .btn-split.btn-secondary + .btn[disabled]:focus, .btn-split.btn-secondary + .btn.disabled:focus + .btn, .btn-split.btn-secondary + .btn.disabled:focus + .btn {
  background-color: #007AC9 !important;
  border-color: #007AC9 !important;
}

.btn-split.btn-ghost {
  border-right-width: 0;
}
.btn-split.btn-ghost + .btn {
  border-left-width: 0;
}
.btn-split.btn-ghost + .btn:after {
  border-left-color: #278838;
}

.btn-split.btn-success + .btn:after {
  border-left-color: #7dc855;
}

.btn-split.btn-light + .btn:after {
  border-left-color: #278838;
}

.btn-wrapper {
  display: flex;
  justify-content: flex-start;
  padding: 10px 5px;
  box-sizing: border-box;
}
.btn-wrapper.btn-wrapper-popup {
  background-color: #f7f7f7;
  border-top: 1px solid #f7f7f7;
  border-radius: 0 0 2px 2px;
}
.btn-wrapper .float-right {
  margin-left: auto;
}
.btn-wrapper .float-right + .float-right {
  margin-left: 5px;
}

.btn-display-badge {
  display: flex;
  padding: 0;
  margin: 0;
  border-width: 0;
  font-size: 18px;
  color: #78909c;
  width: 18px;
  min-width: 0;
  height: 18px;
}
.btn-display-badge .icon {
  margin: auto;
}
.btn-display-badge .badge {
  right: -22px;
  top: -14px;
  min-width: 16px;
  border-radius: 50%;
  font-size: 11px;
  left: 0;
  width: 100%;
  height: 100%;
}
.btn-display-badge:hover {
  text-decoration: none !important;
}

.btn-split.btn-secondary.disabled:hover, .btn-split.btn-secondary[disabled]:hover,
.btn-split.btn-secondary.disabled:hover + .btn,
.btn-split.btn-secondary.disabled + .btn:hover, .btn-split.btn-secondary.disabled:focus, .btn-split.btn-secondary[disabled]:focus,
.btn-split.btn-secondary.disabled:focus + .btn,
.btn-split.btn-secondary.disabled:focus + .btn, .btn-split.btn-secondary + .btn.disabled:hover, .btn-split.btn-secondary + .btn[disabled]:hover,
.btn-split.btn-secondary + .btn.disabled:hover + .btn,
.btn-split.btn-secondary + .btn.disabled + .btn:hover, .btn-split.btn-secondary + .btn.disabled:focus, .btn-split.btn-secondary + .btn[disabled]:focus,
.btn-split.btn-secondary + .btn.disabled:focus + .btn,
.btn-split.btn-secondary + .btn.disabled:focus + .btn {
  background-color: #E8F4FC !important;
  border: 1px solid #007AC9 !important;
}

.float-left {
  margin-left: 24px !important;
}

/* .icon
============================================ */
.icon {
  display: inline-block;
  font-family: "WebClientIco";
  background: transparent none center top no-repeat;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon.disabled {
  cursor: default;
  opacity: 0.7;
}

.icon-chevron-down:before {
  content: "\e900";
}

.icon-chevron-left:before {
  display: block;
  content: "\e900";
  transform: rotate(90deg);
}

.icon-chevron-up:before {
  display: block;
  content: "\e900";
  transform: rotate(180deg);
}

.icon-chevron-right:before {
  display: block;
  content: "\e900";
  transform: rotate(270deg);
}

.icon-caret-down:before {
  content: "\e901";
}

.icon-caret-left:before {
  display: block;
  content: "\e901";
  transform: rotate(90deg);
}

.icon-caret-up:before {
  display: block;
  content: "\e901";
  transform: rotate(180deg);
}

.icon-caret-right:before {
  display: block;
  content: "\e901";
  transform: rotate(270deg);
}

.icon-download:before {
  content: "\e902";
}

.icon-close:before {
  content: "\e903";
}

.icon-link:before {
  content: "\e904";
}

.icon-maximize:before {
  content: "\e905";
}

.icon-minimize:before {
  content: "\e906";
}

.icon-info:before {
  content: "\e907";
}

.icon-info {
  color: #34495e;
}

.icon-angle:before {
  content: "";
  display: inline-block;
  background: transparent url("../../images/searchpage/icn_item_angle.svg") center center no-repeat;
  background-size: 18px 18px;
  width: 24px;
  height: 24px;
  margin: auto;
}

.icon-template:before {
  content: "";
  display: inline-block;
  background: transparent url("../../images/searchpage/icn_item_template.svg") center center no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  margin: auto;
}

.icon-dashboard:before {
  content: "";
  display: inline-block;
  background: transparent url(../../images/searchpage/icn_item_dashboard.svg) center center no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  margin: auto;
}

.icon-bin:before {
  content: "\e909";
}

.icon-parameterized:before {
  content: "\e90a";
}

.icon-filter:before {
  content: "\e90b";
}

.icon-no-filter:before {
  content: "\e90b";
  opacity: 0.2;
}

.icon-followup:before {
  content: "\e90c";
}

.icon-list:before {
  content: "\e90d";
}

.icon-chart:before {
  content: "\e90e";
}

.icon-pivot:before {
  content: "\e90f";
}

.icon-private:before {
  content: "";
  display: inline-block;
  background: transparent url("../../images/searchpage/icn_private.svg") center center no-repeat;
  background-size: 18px 18px;
  width: 24px;
  height: 24px;
  margin: auto;
}

.icon-public:before {
  content: "\e911";
}

.icon-validated:before {
  content: "";
  display: inline-block;
  background: transparent url("../../images/searchpage/icn_validate.svg") center center no-repeat;
  background-size: 18px 18px;
  width: 24px;
  height: 24px;
  margin: auto;
}

.icon-plus:before {
  content: "\e913";
}

.icon-star-active:before {
  content: "\e914";
}

.icon-star-inactive:before {
  content: "\e915";
}

.icon-meatballs:before {
  content: "\e916";
}

.icon-meatballs-vertical:before {
  content: "\e916";
  display: block;
  transform: rotate(90deg);
}

.icon-pencil:before {
  content: "\e917";
}

.icon-hamburger:before {
  content: "\e918";
}

.icon-gear:before {
  content: "\e919";
}

.icon-setting:before {
  content: "\e91a";
}

.icon-setting-horizontal:before {
  content: "\e91a";
  display: block;
  transform: rotate(90deg);
}

.icon-undo:before {
  content: "\e91b";
}

.icon-add-filter:before {
  content: "\e91c";
}

.icon-bin-empty:before {
  content: "\e91d";
}

.icon-select-invert:before {
  content: "\e91e";
}

.icon-select-all:before {
  content: "\e91f";
}

.icon-select-none:before {
  content: "\e920";
}

.icon-displays:before {
  content: "\e921";
}

.icon-format:before {
  content: "\e922";
}

.icon-sort-no:before {
  content: "\e923";
}

.icon-sort-desc:before {
  content: "\e924";
}

.icon-sort-asc:before {
  content: "\e925";
}

.icon-reference:before {
  content: "\e926";
}

.icon-find:before {
  content: "\e927";
}

.icon-eye-close:before {
  content: "\e929";
}

.icon-eye-open:before {
  content: "\e928";
}

.icon.new {
  width: 25px;
  background: transparent url(../../images/angle/actiondropdownlist/pastedisplay.svg) center no-repeat;
  background-size: 18px 18px;
}

.icon.list,
.icon.chart,
.icon.pivot {
  position: relative;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-size: 36px 36px;
}

.icon.list {
  background-image: url("../../images/icons/icon_display_list.svg");
}

.icon.chart {
  background-image: url("../../images/icons/icon_display_chart.svg");
  background-size: 30px 30px;
}

.icon.pivot {
  background-image: url("../../images/icons/icon_display_pivot.svg");
}

.icon.default:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #78909c;
}

.icon.schedule:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent url(../../images/icons/icon_schedule_small.png) right bottom no-repeat;
  background-size: 10px;
}

.icon.dashboard {
  width: 25px;
  height: 25px;
  background-image: url("../../images/searchpage/icn_item_dashboard.svg");
}

.icon.public {
  width: 25px;
  height: 25px;
  background-image: url("../../images/searchpage/icn_public.svg");
  background-size: 20px 20px;
  background-position-y: 1px;
}

.icon.private {
  width: 25px;
  height: 25px;
  background-image: url("../../images/searchpage/icn_private.svg");
  background-size: 16px 16px;
  background-position-y: 1px;
  top: -2px;
}

.icon.filter,
.icon.noFilter {
  width: 25px;
  height: 25px;
  background-image: url("../../images/icons/icon_filter.svg");
  background-size: 16px 16px;
  background-position: center center;
}

.icon.followup {
  width: 25px;
  height: 25px;
  background-image: url("../../images/icons/icon_followup_addnew.svg");
  background-size: 14px 16px;
}

.icon.noFilter {
  opacity: 0.2;
}

.icon.angle {
  width: 25px;
  height: 25px;
  background-image: url("../../images/searchpage/icn_item_angle.svg");
}

.icon.template {
  width: 25px;
  height: 25px;
  background-image: url("../../images/searchpage/icn_item_template.svg");
}

.icon.validated {
  background-image: url("../../images/searchpage/icn_validate.svg");
}

.icon.parameterized {
  background-image: url("../../images/icons/icon_execute.svg");
  background-position: center center;
  width: 22px;
  height: 25px;
}

.icon.validWarning {
  display: inline-flex;
  content: "";
  width: 15px;
  height: 15px;
  background: url("../../images/icons/icon_warnings.svg") no-repeat center;
  background-size: 15px 15px;
  border-radius: 50%;
  margin-right: 10px;
}

.btn span + i.icon.validWarning {
  margin-left: 10px;
  margin-right: 0;
}

.icon.validError {
  display: inline-flex;
  content: "";
  width: 30px;
  height: 15px;
  background: url(../../images/icons/icon_error.svg) no-repeat center;
  background-size: 30px 30px;
  margin: auto;
}

.icon.add {
  background-image: url("../../images/icons/icon_plus.svg");
  background-position: center center;
  background-size: 10px 10px;
  width: 16px;
  height: 16px;
}

.icon.remove {
  background-image: url("../../images/icons/icon_delete.svg");
  background-position: center center;
  background-size: 10px 10px;
  width: 16px;
  height: 16px;
}

.icon.delete-red {
  background: transparent url("../../images/icons/icon_delete_red.svg") center center no-repeat;
  width: 12px;
  height: 12px;
}

.icon.info {
  background: transparent url("../externalresource/icon_info.svg") center center no-repeat;
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
}

.icon.icon-create-angle {
  background: transparent url("../../images/icons/icon_create_angle_plus.svg") center center no-repeat;
  width: 16px;
  height: 16px;
}

.icon-quick-filter {
  width: 20px;
  height: 20px;
}

.icon-quick-filter:before {
  content: "";
  display: block;
  margin: auto;
  background: transparent url("../../images/icons/icon_filter_addnew.svg") center no-repeat;
  width: 18px;
  height: 16px;
}

.icon-drilldown {
  background: transparent url("../../images/icons/icon_drilldown.svg") center center no-repeat;
  width: 20px;
  height: 20px;
}

.icon-innowera {
  background: transparent url("../../images/icons/icon_innowera.svg") center center no-repeat;
}

.icon-copy {
  background: transparent url("../../images/icons/icon_copy.svg") center center no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}

.icon-sap {
  background: transparent url("../../images/icons/icon_sap.svg") center center no-repeat;
  width: 20px;
  height: 20px;
}

.icon-home {
  background: url("../../images/icons/icon_home.svg") center/16px 16px no-repeat;
  width: 12px;
  height: 12px;
}

.icon-arrow-left {
  background: url("../../images/icons/ic_arrow-left-line.svg") center/16px 16px no-repeat;
  width: 12px;
  height: 12px;
}

/* icons #2
============================================ */
.SignFavorite {
  cursor: pointer;
  margin: 0 0 0 2px;
  position: absolute;
  top: 8px;
  left: 19px;
  width: 20px;
  height: 20px;
  background: transparent url("../../images/searchpage/icn_starred_active.svg") center center no-repeat;
}

.SignFavoriteDisable {
  cursor: pointer;
  margin: 0 0 0 2px;
  position: absolute;
  top: 8px;
  left: 17px;
  background: transparent url("../../images/searchpage/icn_starred_inactive.svg") center center no-repeat;
  background-size: 16px 16px;
}

.SignFavorite.disabled,
.SignFavoriteDisable.disabled {
  cursor: default;
}

.SignPublic {
  cursor: default;
  margin: 0 0 0 2px;
  position: absolute;
  top: 7px;
  left: 42px;
  width: 20px;
  height: 20px;
  background-image: url("../../images/searchpage/icn_public.svg");
}

.SignPrivate {
  cursor: default;
  margin: 0 0 0 2px;
  position: absolute;
  top: 7px;
  left: 42px;
  width: 20px;
  height: 20px;
  background: transparent url(../../images/searchpage/icn_private.svg) center no-repeat;
  background-size: 18px 18px;
}

.SignValidated {
  cursor: default;
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
  position: relative;
  top: -1px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../../images/searchpage/icon_validate.svg") no-repeat;
}

.SignValidated.gray {
  filter: grayscale(1);
}

.SignType1 {
  cursor: default;
  display: inline-block;
  vertical-align: top;
  margin-left: 2px;
  position: relative;
  top: -1px;
  left: 1px;
  width: 20px;
  height: 20px;
  background: url("../../images/searchpage/icn_item_angle.svg") no-repeat;
}

.SignType2 {
  cursor: default;
  display: inline-block;
  vertical-align: top;
  padding-right: 3px;
  position: relative;
  top: -1px;
  left: 1px;
  width: 20px;
  height: 20px;
  background: url("../../images/searchpage/icn_item_template.svg") no-repeat;
}

.SignType3 {
  cursor: default;
  display: inline-block;
  vertical-align: top;
  padding-right: 3px;
  position: relative;
  top: -1px;
  left: 1px;
  width: 20px;
  height: 20px;
  background: url("../../images/searchpage/icn_item_dashboard.svg") no-repeat;
  background-size: 18px 18px;
}

/* Top bar
============================================ */
.Wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 979px) {
  .Wrapper {
    width: auto;
    min-width: 700px;
  }
}

#TopBar {
  background: #061c2b;
  color: #fafcfc;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
#TopBar .Wrapper {
  height: 48px;
}

.Shadow {
  z-index: 1002;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) !important;
}

#Logo {
  margin-top: 14px;
  margin-left: 54px;
  display: inline-block;
}

#BusinessProcessBadgeWrapper {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  list-style: none;
  display: flex;
}
#BusinessProcessBadgeWrapper > li {
  flex-grow: 1;
}

#UserPanel {
  position: relative;
  float: right;
  height: 100%;
  padding-top: 6px;
  padding-right: 20px;
  box-sizing: border-box;
}
#UserPanel ul {
  display: table;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#UserPanel li {
  vertical-align: middle;
  display: table-cell;
  padding: 0 5px;
}
#UserPanel li.disabled {
  visibility: hidden;
}
#UserPanel li:last-child {
  padding: 0 0 0 5px;
}
#UserPanel li a {
  font-size: 12px;
  color: #fafcfc;
  cursor: pointer;
}
#UserPanel li a:hover {
  color: #fafcfc;
}
#UserPanel li a:not(#UserControl) .icon {
  display: block;
  margin-top: -5px;
  width: 24px;
  height: 24px;
}

#UserControl {
  display: flex;
  align-items: center;
}

/* .popupUserMenu
============================================ */
.popupUserMenu {
  bottom: 0;
  top: auto;
  left: 0;
  width: auto;
  min-width: 200px;
  max-width: 280px;
  box-shadow: rgba(0, 23, 55, 0.1) 0px 10px 15px -3px, rgba(0, 23, 55, 0.05) 0px 4px 6px -2px;
  border-radius: 4px;
  display: none;
}
.popupUserMenu:before, .popupUserMenu:after {
  left: auto;
  right: 30px;
}
.popupUserMenu .k-window-content {
  overflow: hidden;
  padding-bottom: 25px;
  min-height: 0;
}
.popupUserMenu a {
  color: #000;
}
.popupUserMenu a:hover {
  cursor: pointer;
}
.popupUserMenu a span {
  padding-left: 0;
}
.popupUserMenu .btn {
  text-align: left;
  margin: 0 0 10px 0;
  float: none;
  display: block;
}
.popupUserMenu .actionDropdownItem:before {
  background-position: center center;
}
.popupUserMenu .actionDropdownItem.btnMC:before {
  background-image: url("../../images/icons/icon_webclient.svg");
}
.popupUserMenu .actionDropdownItem.btnWorkbench:before {
  background-image: url("../../images/icons/icon_workbench.svg");
}
.popupUserMenu .actionDropdownItem.btnChangePassword:before {
  background-image: url("../../images/icons/icon_change_password.svg");
}
.popupUserMenu .actionDropdownItem.btnLogout:before {
  background-image: url("../../images/shared/icon_logout.svg");
}
.popupUserMenu .UserProfile {
  display: flex;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.popupUserMenu .UserProfile #Userprofile {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #1e2556;
}
.popupUserMenu .UserProfile #Userprofile #UserName {
  display: flex;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: inherit;
  padding-top: 8px;
}
.popupUserMenu #UserprofileName {
  margin-left: 10px;
  margin-top: 5px;
  display: flex;
  flex-direction: column;
}

/* .popupHelpMenu
============================================ */
.popupHelpMenu {
  top: auto;
  left: 0;
  width: 200px;
  display: none;
  z-index: 1000;
  box-shadow: 0px 10px 15px -3px rgba(0, 23, 55, 0.1), 0px 4px 6px -2px rgba(0, 23, 55, 0.05);
  border-radius: 4px;
  bottom: 120px;
}
.popupHelpMenu:before, .popupHelpMenu:after {
  left: auto;
  right: 30px;
}
.popupHelpMenu .k-window-content {
  overflow: hidden;
  padding-bottom: 25px;
}
.popupHelpMenu .actionDropdownItem {
  color: #000;
}
.popupHelpMenu .actionDropdownItem:hover {
  cursor: pointer;
}
.popupHelpMenu .actionDropdownItem:before {
  background-position: center;
}
.popupHelpMenu .actionDropdownItem.btnAbout:before {
  background-image: url("../externalresource/icon_info.svg");
}
.popupHelpMenu .actionDropdownItem.btnModelParameters:before {
  background-image: url("../../images/icons/icon_gear.svg");
}
.popupHelpMenu .actionDropdownItem.btnHelp:before {
  background-image: url("../../images/icons/icon_help.svg");
}
.popupHelpMenu .actionDropdownItem.btnSupport:before {
  background-image: url("../../Images/icons/icon_support.svg");
  background-size: 26px 27px;
}
.popupHelpMenu .actionDropdownItem.btnAbout span {
  line-height: 31px;
}
.popupHelpMenu .actionDropdownItem span {
  padding-left: 0;
}

/* .searchBoxWrapper
============================================ */
.searchBoxWrapper {
  height: 40px;
  position: relative;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-right-width: 0;
  box-sizing: border-box;
  border-radius: 2px;
}
.searchBoxWrapper:hover {
  border-color: #025e7f;
  transition: 0.15s ease-in;
}
.searchBoxWrapper:focus {
  border-color: #025e7f;
}
.searchBoxWrapper > a:hover {
  background: #024b65;
}
.searchBoxWrapper > input {
  position: absolute;
  margin: 0;
  padding: 0 79px 0 18px;
  width: 100%;
  height: 100%;
  color: #333;
  font-size: 14px;
  line-height: normal;
  text-align: left;
  background: none transparent;
  border: 0;
  outline-style: none;
  box-shadow: none;
  box-sizing: border-box;
  z-index: 1;
}
.searchBoxWrapper > a {
  display: block;
  height: 40px;
  right: 0;
  position: absolute;
  top: -1px;
  width: 57px;
  background-color: #025e7f;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  z-index: 2;
}
.searchBoxWrapper > a:before {
  content: "";
  background: transparent url("../../images/search-white.svg") center center no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  height: 20px;
  width: 20px;
}

/* .popupTab
============================================ */
.popupWithTabMenu .k-window-content {
  padding-bottom: 0;
}

.popupTabMenu {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  width: 199px;
  margin-top: -15px;
  margin-left: -15px;
  border-bottom: 1px solid #e6e6e6;
}

.popupTabMenu li {
  cursor: pointer;
  height: 44px;
  border-top: 1px solid #e6e6e6;
  background: #f9f9f9 url("../../images/icons/icon_arrow_right.svg") 99% center no-repeat;
  box-sizing: border-box;
  background-size: 16px 16px;
}

.popupTabMenu li:first-child {
  border-top: 0;
}

.popupTabMenu li:hover {
  background-color: #ffffff;
}

.popupTabMenu .Selected,
.popupTabMenu .Selected:hover {
  background-color: #eaeaea;
  background-image: url("../../images/icons/icon_arrow_right.svg");
}

.popupTabMenu li a {
  display: table-cell;
  vertical-align: middle;
  height: 45px;
  line-height: 16px;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  padding: 0 16px;
  box-sizing: border-box;
}

.popupTabPanel {
  position: relative;
  color: #333333;
  font-size: 12px;
}

.popupWithTabMenu .popupTabPanel {
  border-left: 1px solid #e6e6e6;
  margin-top: -15px;
  margin-left: 184px;
  min-height: 100%;
  padding-bottom: 15px;
}

.no-touch.safari .popupTabPanel {
  height: auto;
}

.popupTabPanel > div {
  overflow: visible;
}

.popupWithTabMenu .popupTabPanel > div {
  display: none;
  padding: 15px 0 0 15px;
}

.popupTabPanel > div:before,
.popupTabPanel > div:after {
  display: table;
  content: "";
}

.popupTabPanel > div:after {
  clear: both;
}

.popupWithTabMenu .popupTabPanel > .Selected {
  display: block;
}

.popupTabPanel > div > h2,
.popupTabPanel h2 {
  color: #666666;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 10px 0;
}

.popupTabPanel .row {
  position: relative;
  min-height: 16px;
  margin-bottom: 5px;
}

.popupTabPanel .field {
  position: absolute;
  width: 130px;
  min-height: 1px;
  font-weight: bold;
  top: 50%;
  left: 0;
  margin-top: -12px;
  padding: 3px 0;
}

.popupTabPanel .field + .input {
  margin-left: 165px;
  padding: 3px 0;
}

.popupTabPanel .input {
  min-height: 1px;
  position: relative;
}

.popupTabPanel .input > label {
  display: inline-block;
}

/* .popupNotification
============================================ */
.popupNotification {
  width: 430px;
  height: 269px;
  min-height: 150px;
  box-shadow: 0px 10px 15px -3px rgba(0, 23, 55, 0.1), 0px 4px 6px -2px rgba(0, 23, 55, 0.05);
  border-radius: 3px;
}
.popupNotification .k-window-titlebar {
  background: #FFFFFF;
  height: 70px;
}
.popupNotification .k-window-title {
  color: #001737;
  margin: 24px 0 24px 24px;
  font-weight: 600;
}

.screenMinHeight .popupNotification {
  max-height: 250px;
}

.popupNotification .notificationIcon {
  float: left;
  width: 30px;
  height: 20px;
  background: transparent none left top no-repeat;
}

.popupNotification .notificationIcon.alert {
  background-image: url("../../images/Icons/icon_warnings.svg");
}

.popupNotification .notificationIcon.error {
  background-image: url("../../images/popup/error/icn_error.png");
}

.popupNotification .notificationIcon.confirm {
  background-image: url("../../images/popup/error/icn_question.png");
}

.popupNotification .notificationIcon.info {
  background-image: url("../../images/popup/error/icn_info.png");
}

.popupNotification .notificationMessages {
  margin-left: 30px;
  color: #282828;
  font-size: 14px;
  line-height: 18px;
  word-wrap: break-word;
  height: 120px;
}

.popupNotification .notificationMessages ul {
  margin: 0 0 0 -15px;
}

.popupNotification .warningSession {
  padding-top: 10px;
}

.popupNotification .errorSource {
  display: block;
  word-wrap: break-word;
  padding-top: 5px;
  font-size: 10px;
  line-height: 12px;
}

.popupNotification .errorInfo {
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 3px;
}

.popupNotification .errorInfo {
  margin-top: 15px;
  font-style: italic;
}

.popupNotification .errorInfo .btnErrorInfo {
  cursor: pointer;
  color: #00f;
}

.popupNotification .errorInfo .info {
  border-top: 1px solid #ccc;
  line-height: 16px;
  margin-top: 5px;
  padding-top: 5px;
  max-height: 55px;
  overflow: auto;
}

.popupNotification .errorInfo > span,
.popupNotification .errorInfo .less,
.popupNotification .errorInfo.show .more {
  display: none;
}

.popupNotification .errorInfo.show > span,
.popupNotification .errorInfo.show .less {
  display: block;
}

.popupNotification .errorInfo.show .errorSource {
  display: none;
  font-style: italic;
  text-align: right;
  padding-top: 0;
  margin-top: 0;
}

.popupNotification .notificationMessages .invalidMessages {
  font-size: 12px;
  margin-left: -20px;
  line-height: 15px;
}

.popupNotification .invalidMessages li {
  margin-bottom: 3px;
}

.customTimeout i {
  font-size: 11px;
}

/* .areaErrorContainer
============================================ */
.areaErrorContainer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  font-size: 14px;
  z-index: 999;
}

.areaErrorMessage {
  padding: 5px;
}

.areaErrorRetryButton {
  display: inline;
  padding-left: 5px;
  color: #00d;
  text-decoration: underline;
}

/* .popupProgressBar
============================================ */
#PopupProgressBarwrapper + .k-overlay {
  display: block;
}

.k-window.popupProgressBar {
  display: block;
  width: 440px;
  height: 180px;
  left: 50% !important;
  top: 50% !important;
  padding-top: 41px;
  margin-left: -220px;
  margin-top: -100px;
  z-index: 10002;
}

.popupProgressBar .k-window-titlebar {
  margin-top: -41px;
}

.popupProgressBar .k-window-content {
  text-align: center;
  color: #1e1e1e;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 60px;
  overflow: hidden;
  border-radius: 0 0 2px 2px;
}

.popupProgressBar .k-window-content.km-scroll-wrapper {
  padding-bottom: 0;
}

#ProgressPercent {
  display: none;
}

#ProgressBar,
#ProgressBar .k-state-selected {
  background: transparent url("../../images/popup/progressbar/ajax-loader.gif") left top no-repeat;
}

#ProgressBar {
  margin: 25px auto 5px auto;
  position: relative;
  width: 220px;
  height: 19px;
}

#ProgressBar .k-progress-status-wrap {
  display: none;
}

#ProgressBar .k-state-selected {
  background-color: #ccc;
  background-position: left top;
}

#ProgressPercent {
  margin-bottom: 10px;
}

#ProgressText {
  margin-bottom: 10px;
}

.popupProgressBar .btn {
  position: absolute;
  left: 50%;
  margin-left: -45px;
  margin-right: 0;
  bottom: 15px;
}

/* #ActionSelect
============================================ */
#ActionSelect {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 180px;
  font-size: 12px;
}
#ActionSelect .k-dropdown {
  width: 180px;
}
#ActionSelect .k-dropdown .k-input {
  height: 22px;
  line-height: 22px;
}
#ActionSelect .k-dropdown.large .k-input {
  height: 30px;
  line-height: 30px;
}
#ActionSelect .k-dropdown .k-select {
  line-height: 22px;
}
#ActionSelect .k-dropdown.large .k-select {
  line-height: 30px;
}
#ActionSelect .btnTools {
  margin: 0;
  height: 37px;
  top: 0;
  background-color: transparent;
  font-weight: bold;
}
#ActionSelect .btnTools:after {
  width: 14px;
  height: 4px;
  top: 50%;
  right: 3px;
  margin-top: -2px;
}
#ActionSelect .btnTools.disabled:after {
  opacity: 0.5;
}
#ActionSelect .btnTools span {
  height: 35px;
  font-size: 12px;
  padding-right: 15px;
}

#ActionSelect.compactMode {
  position: relative;
  width: auto;
  top: 0;
  right: auto;
}
#ActionSelect.compactMode.disabled {
  visibility: hidden;
}
#ActionSelect.compactMode .btnTools {
  cursor: pointer;
  display: none;
  text-indent: -10000px;
  position: absolute;
  width: 30px;
  height: 25px;
  right: 0;
  top: 0;
  min-width: 0;
  background-image: url("../../images/icons/icon_meatballs.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}
#ActionSelect.compactMode .btnTools.active {
  display: block;
}
#ActionSelect.compactMode .btnTools:after {
  right: 10px;
}

.popupAction {
  display: none;
  width: auto;
  min-width: 180px;
  max-width: 280px;
  right: 0;
  left: auto;
  top: 100%;
  margin-top: 5px;
  border-color: #c5c5c5;
}
.popupAction:before, .popupAction:after {
  left: auto;
  right: 35px;
}
.popupAction:before {
  border-bottom-color: #fff;
}
.popupAction .k-window-content {
  min-height: 0;
}

.compactMode .popupAction {
  display: block !important;
  position: relative;
  max-width: none;
  min-width: 0;
  margin-top: 0;
  border-width: 0;
  background-color: transparent;
  box-shadow: none;
}
.compactMode .popupAction:before, .compactMode .popupAction:after {
  display: none;
}
.compactMode .popupAction .k-window-content {
  border-radius: 0;
  background-color: transparent;
  overflow: visible;
}

.actionDropdownItem {
  padding: 0 10px 0 45px;
  display: block;
  position: relative;
  height: 38px;
  line-height: 38px;
  color: #333333;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.actionDropdownItem:hover, .actionDropdownItem.active {
  background-color: #fafafb;
}
.actionDropdownItem:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  background: transparent none 12px center no-repeat;
}
.actionDropdownItem.disabled:before, .actionDropdownItem.disabled:hover:before {
  opacity: 0.4;
}

.compactMode .actionDropdownItem {
  float: left;
  top: 0;
  width: 30px;
  height: 24px;
  padding: 0;
  border-width: 0;
  overflow: visible;
  text-indent: -10000px;
  border-radius: 0;
}
.compactMode .actionDropdownItem:hover, .compactMode .actionDropdownItem.active {
  background-color: inherit;
}
.compactMode .actionDropdownItem:before {
  width: 100%;
  background-position: center center;
  transition: top 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.compactMode .actionDropdownItem span {
  display: none;
}

.compactMode .actionDropdownItem.more {
  visibility: hidden;
  position: absolute;
  right: 0;
  border: 1px solid #d1d1d1;
  border-top: 0;
  transition: none;
  height: 35px;
}
.compactMode .actionDropdownItem.more.first {
  border-top: 1px solid #d1d1d1;
}
.compactMode .actionDropdownItem.more:hover {
  height: 35px;
}

.compactMode .open .actionDropdownItem.more {
  visibility: visible;
}

.actionDropdownItem.disabled,
.actionDropdownItem.disabled:hover {
  cursor: default;
  color: #aaa;
  text-decoration: none;
  text-shadow: none !important;
  background-color: transparent;
  top: 0;
}

.compactMode .actionDropdownItem:hover:before {
  background-color: #a1d1ef;
  border: solid;
  border-top-width: 2px;
  border-left-width: 2px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-color: #007ac9;
  border-radius: 3px;
}

.compactMode .actionDropdownItem.more:before,
.compactMode .actionDropdownItem.more:hover:before,
.compactMode .actionDropdownItem.disabled:before,
.compactMode .actionDropdownItem.disabled:hover:before {
  top: 0;
  transition: none;
}

.k-list .actionDropdownItem {
  height: 16px;
  line-height: 16px;
  background-color: transparent;
  padding-left: 35px;
  margin: -2px;
}
.k-list .actionDropdownItem:before {
  width: 30px;
  height: 16px;
  background-position: 5px center;
}
.k-list .actionDropdownItem.selectAll:before {
  background-position: -3px center;
}
.k-list .actionDropdownItem.disabled:before {
  opacity: 0.4;
}
.k-list .actionDropdownItem.disabled:hover {
  height: 16px;
}

.k-list .actionDropdownItem.large {
  height: 20px;
  line-height: 20px;
}
.k-list .actionDropdownItem.large:before {
  width: 30px;
  height: 20px;
}
.k-list .actionDropdownItem.large.disabled:hover {
  height: 20px;
}

/* .InfoFocus
============================================ */
.InfoFocus {
  float: left;
  position: relative;
  margin: 0 5px 5px 0;
  padding: 0 0 0 12px;
  height: 22px;
  background-color: #555;
  border-radius: 12px;
  line-height: 22px;
  box-sizing: border-box;
}
.InfoFocus.view {
  background-color: #ccc;
}
.InfoFocus span {
  float: left;
  padding: 0 12px 0 0;
  min-width: 119px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.InfoFocus span:first-child {
  max-width: 95px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.none {
  display: none;
}

/* .tab
============================================ */
.block-overlay {
  display: none;
  position: absolute;
  z-index: 10000;
  background-color: #666;
  opacity: 0.5;
}
.block-overlay.top {
  left: 0;
  top: 0;
  width: 100%;
}
.block-overlay.bottom {
  left: 0;
  width: 100%;
  height: 100%;
}
.block-overlay.left {
  left: 0;
}
.block-overlay.right {
  width: 100%;
}

.breadcrumb-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 5px;
  padding: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
}
.breadcrumb-wrapper .breadcrumb-item {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  padding-bottom: 3px;
}
.breadcrumb-wrapper .breadcrumb-item .icon-chevron-right {
  display: none !important;
}
.breadcrumb-wrapper .breadcrumb-item .breadcrumb-label {
  display: flex;
  cursor: default;
  color: #061c2b;
  font-weight: bold;
  font-size: 14px;
  align-items: center;
}
.breadcrumb-wrapper .breadcrumb-item .breadcrumb-label.icon-breadcrumb-edit {
  color: #78909c;
}
.breadcrumb-wrapper .breadcrumb-item .breadcrumb-link {
  cursor: pointer;
  color: #007AC9;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0.1px;
  font-size: 11px;
  text-decoration: underline;
}
.breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:hover .breadcrumb-name {
  /*color: $primary-color;*/
  text-decoration: underline;
}
.breadcrumb-wrapper .breadcrumb-item .breadcrumb-editable {
  cursor: pointer;
}
.breadcrumb-wrapper .breadcrumb-item .breadcrumb-editable .icon-breadcrumb-edit {
  display: none;
  color: #78909c;
}
.breadcrumb-wrapper .breadcrumb-item .breadcrumb-editable:hover .icon-breadcrumb-edit {
  display: block;
}
.breadcrumb-wrapper .icon-breadcrumb-home {
  margin-right: 2px;
  min-width: 10px;
}
.breadcrumb-wrapper .icon-chevron-right {
  display: block;
}
.breadcrumb-wrapper .icon-breadcrumb-front {
  margin-right: 7px;
}
.breadcrumb-wrapper .icon-breadcrumb-front.icon-angle {
  color: #278838;
}
.breadcrumb-wrapper .icon-breadcrumb-rear {
  margin-left: 5px;
}
.breadcrumb-wrapper .icon-breadcrumb-rear.icon-validated {
  color: #7dc855;
}

/* .item-label
============================================ */
.item-label-wrapper {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.item-label {
  display: inline-flex;
  align-items: center;
  border: solid 1px #b8c5d5;
  border-radius: 2px;
  color: #000000;
  padding: 5px 8px;
  margin: 0 5px 5px 0;
  height: 24px;
  cursor: default;
  position: relative;
  box-sizing: border-box;
  font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif, Tahoma;
  font-size: 12px;
  font-weight: 500;
}
.item-label > span:first-child {
  margin-right: 7px;
}
.item-label .btn-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 10px;
  width: 10px;
  font-size: 8px;
}
.item-label .btn-remove .icon {
  line-height: 12px;
  font-weight: 500 !important;
}

/*    &:hover {
        background: #e9e9e9;
    }
}*/
.item-label-primary {
  background-color: #007AC9;
  color: #f7f7f7;
  border-radius: 2px;
}
.item-label-primary .btn-remove {
  color: #333333;
}

#SearchFilterView .item-label-primary {
  background-color: #FFFFFF;
  color: #1E2556;
  border: 1px solid #B8C5D5;
  border-radius: 3px;
  height: 30px;
}
#SearchFilterView .item-label-primary .btn-remove {
  color: #333333;
}
#SearchFilterView .item-label-primary:hover {
  background: #FFFFFF;
}

.item-label-light {
  background-color: #dffeff;
  border-radius: 2px;
  color: #25cad2;
}
.item-label-light.active {
  border: 1px solid #278838;
}

.item-label.item-label-light:hover {
  background-color: #c6fdff;
}

/* .displayNameContainer
=================================== */
.displayNameContainer {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 100px;
  height: 24px;
  box-sizing: border-box;
}
.displayNameContainer .front, .displayNameContainer .rear, .displayNameContainer .icon, .displayNameContainer .name {
  display: inline-flex;
  align-items: center;
  position: relative;
  height: 24px;
}
.displayNameContainer .front {
  margin-left: -5px;
  flex-shrink: 0;
}
.displayNameContainer .rear {
  flex-shrink: 0;
}
.displayNameContainer .icon {
  font-size: 14px;
  width: 24px;
  color: #78909c;
}
.displayNameContainer .icon:before {
  margin: auto;
}
.displayNameContainer .icon.icon-angle {
  color: #ff4040;
}
.displayNameContainer .icon.icon-validated {
  color: #7dc855;
}
.displayNameContainer .icon.icon-star-active:before, .displayNameContainer .icon.icon-star-inactive:before {
  color: #f3aa18;
}
.displayNameContainer .icon.validError {
  background-size: 30px 30px;
}
.displayNameContainer .icon.none {
  display: none;
}
.displayNameContainer .icon.icon-info {
  color: #34495e;
}
.displayNameContainer .icon.icon-parameterized.active {
  color: #f3aa18;
}
.displayNameContainer .icon.icon-adhoc {
  width: auto;
  font-size: 16px !important;
  font-style: normal;
  color: #ff9800;
  padding: 0 2px;
  margin-top: -4px;
}
.displayNameContainer .icon.icon-adhoc:before {
  content: "*";
}
.displayNameContainer .icon.loader-spinner-inline {
  cursor: default;
  width: 9px;
  height: 9px;
  margin: 4px 5px 4px 4px;
}
.displayNameContainer .name {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-indent: 0;
  min-width: 10px;
  height: auto;
  margin: 0 3px;
  top: 3px;
  box-sizing: border-box;
  flex-basis: auto;
}
.displayNameContainer .name.displayName {
  padding-left: 8px;
}

.displayNameContainer.small {
  height: 20px;
}
.displayNameContainer.small .front, .displayNameContainer.small .rear, .displayNameContainer.small .icon {
  height: 20px;
}
.displayNameContainer.small .front {
  margin-left: -4px;
}
.displayNameContainer.small .icon {
  font-size: 12px;
  width: 20px;
}
.displayNameContainer.small .icon.loader-spinner-inline {
  width: 7px;
  height: 7px;
  margin: 3px 3px 3px 4px;
}
.displayNameContainer.small .icon.icon-template:before {
  background-size: 17px 17px;
}
.displayNameContainer.small .icon.icon-dashboard:before {
  background-size: 14px 14px;
}
.displayNameContainer.small .icon.validWarning:before {
  background-size: 13px 13px;
  width: 13px;
  height: 13px;
}
.displayNameContainer.small .icon.icon-adhoc {
  width: auto;
  font-size: 14px !important;
}
.displayNameContainer.small .name {
  top: 1px;
}

.displayNameContainer.large {
  height: 35px;
}

.displayNameContainer .template {
  background-position: center center;
}

.k-dropdown .displayNameContainer {
  margin-top: 5px;
  margin-left: 5px;
}

.k-item .displayNameContainer {
  margin: -2px -2px -2px 1px;
}

/* .card
============================================ */
.card .card-header {
  display: flex;
  align-items: center;
  cursor: default;
  text-transform: uppercase;
  color: #3d4852;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 1.5px;
  padding: 10px;
}
.card .card-header .card-toolbar {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-size: 12px;
  min-height: 20px;
}
.card .card-header .card-toolbar .action {
  color: #78909c;
  padding: 2px;
  margin-left: 2px;
}
.card .card-header .card-toolbar .action:hover:not(.disabled) {
  color: #3d4852;
}
.card .card-body {
  padding: 0 10px 10px 10px;
}
.card .card-body .form-row {
  margin-left: -5px;
  margin-right: -5px;
}

.card-light {
  background-color: #f7f9fa;
}

.card-dark {
  background-color: #f1f3f4;
}
.card-dark .card-body {
  color: #78909c;
}

/* .listview
============================================ */
.listview {
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 200px;
  box-sizing: border-box;
  background-color: #fff;
  letter-spacing: 0.2px;
}
.listview.listview-popup {
  border-radius: 2px;
  border: 1px solid #e3e5e5;
  box-shadow: 0 1px 2px 0 rgba(8, 35, 48, 0.24), 0 2px 6px 0 rgba(8, 35, 48, 0.16);
}
.listview .listview-item {
  display: flex;
  align-items: center;
  cursor: default;
  box-sizing: border-box;
  margin: 0;
  padding: 0 10px;
  min-height: 24px;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff;
}
.listview .listview-item:hover, .listview .listview-item.hover, .listview .listview-item.active {
  background-color: #f3f3f3;
  text-shadow: 0 0 0.65px currentColor, 0 0 0.65px currentColor;
}
.listview .listview-item.disabled {
  cursor: default;
  opacity: 0.3;
}
.listview.display-listview label {
  display: flex;
}
.listview.display-listview .name {
  margin-left: 5px;
  margin-right: 5px;
}

/* .multiple-select
============================================ */
.multiple-select-items .multiple-select-header,
.multiple-select-items .multiple-select-button {
  cursor: default;
  position: relative;
  box-sizing: border-box;
  margin: 0 5px 5px 0;
  line-height: 20px;
  font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif, Tahoma;
  font-size: 12px;
  font-weight: 500;
}
.multiple-select-items .multiple-select-header {
  order: 1;
  color: #000000;
}
.multiple-select-items .multiple-select-button {
  cursor: pointer;
  order: 2;
  height: 16px;
  width: 16px;
  margin-right: 0;
  font-size: 9px;
  line-height: 15px;
  color: #000000;
  text-align: center;
}
.multiple-select-items .multiple-select-button.disabled {
  opacity: 0.3;
  cursor: default;
}
.multiple-select-items .multiple-select-item.disabled .btn-remove {
  visibility: hidden;
}

.multiple-select-list {
  position: absolute;
  z-index: 100000;
  min-width: 80px;
  font-size: 11px;
}

/* .accordion
============================================ */
.accordion {
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #f7f7f7;
}
.accordion hr {
  border-top: 2px solid #fff;
  margin: 0 10px;
}

.accordion-item {
  box-sizing: border-box;
  background-color: #ffffff;
  border: solid 1px #f1f3f4;
  margin: 10px 14px;
  padding: 0;
}
.accordion-transparent .accordion-item {
  background-color: transparent;
}

.accordion-header {
  display: flex;
  align-items: center;
  cursor: default;
  background-color: #fff;
  color: #061c2b;
  font-size: 10px;
  font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif, Tahoma;
  font-size: 12px;
  font-weight: 500;
  padding: 12px;
}
.accordion-transparent .accordion-header {
  background-color: transparent;
}
.accordion-header .accordion-toolbar {
  margin-left: auto;
  font-size: 13px;
  line-height: 1;
}
.accordion-header .accordion-toolbar .action {
  color: #78909c;
  padding: 2px;
  margin-left: 2px;
}
.accordion-header .accordion-toolbar .action:not(.disabled):before {
  position: relative;
  top: 0;
}
.accordion-header .accordion-toolbar .action:not(.disabled):hover {
  color: #3d4852;
}
.accordion-header .accordion-toolbar .action:not(.disabled):hover:before {
  top: -5px;
  transition: top 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.open-indicator,
.close-indicator {
  margin-top: -2px;
  margin-right: 5px;
  margin-right: 14px;
  color: #78909c;
  font-size: 12px;
  line-height: inherit;
}

.open .open-indicator,
.close .close-indicator {
  display: inline-block;
}

.open .close-indicator,
.close .open-indicator {
  display: none;
}

.accordion-body {
  padding: 0 12px 10px;
  font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif, Tahoma;
  font-size: 12px;
  color: #061c2b;
  line-height: 1.67;
}
.open + .accordion-body {
  display: block;
}
.close + .accordion-body {
  display: none;
}
.accordion-body .form-row {
  margin-left: -5px;
  margin-right: -5px;
}

.accordion.expand-all .accordion-header.close .close-indicator {
  display: none;
}
.accordion.expand-all .accordion-header.close .open-indicator,
.accordion.expand-all .accordion-header.close + .accordion-body {
  display: block;
}

/* .switch
============================================ */
.switch {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switch * {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switch label {
  cursor: pointer;
  margin-left: 16px;
}
.switch label input[type=checkbox] {
  opacity: 0;
  margin-left: 25px;
}
.switch label input[type=checkbox]:checked + .lever {
  background-color: #cef4f6;
}
.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
  left: 18px;
}
.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #278838;
}
.switch label input[type=checkbox]:disabled + .lever {
  cursor: default;
  opacity: 0.3;
}
.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 38px;
  height: 14px;
  background-color: #bcc8ce;
  border-radius: 15px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  vertical-align: middle;
}
.switch label .lever:before, .switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 0;
  top: -3px;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease;
}
.switch label .lever:before {
  background-color: #f7f9fa;
}
.switch label .lever:after {
  background-color: #f7f9fa;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.switch-success label input[type=checkbox]:checked + .lever {
  background-color: #bcf080;
}
.switch-success label input[type=checkbox]:checked + .lever:after {
  background-color: #2fa84f;
}
.switch-success label .lever {
  background-color: #d7e0cc;
}

/* .toast-notification
============================================ */
.toast-notification {
  display: flex;
  align-items: center;
  width: 380px;
  padding: 15px;
  background-color: #fafcfc;
  color: #3d4852;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.22);
  min-height: 30px;
  max-height: 50px;
}
.toast-notification .toast-notification__status-icon {
  margin-right: 0.75rem;
}
.toast-notification .toast-notification__status-icon .icon {
  width: 24px;
  height: 24px;
}
.toast-notification .toast-notification__info {
  overflow: hidden;
  margin-top: -0.25rem;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.toast-notification .toast-notification__info h1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0;
  margin-bottom: 0.25rem;
}
.toast-notification .toast-notification__info p {
  line-height: 1.5;
  margin: 0;
  white-space: normal;
}
.toast-notification .toast-notification__close-icon {
  background: transparent;
  padding: 0;
  cursor: pointer;
  margin-left: 4rem;
  border: 0;
}
.toast-notification .toast-notification__close-icon .icon {
  font-size: 12px;
}
.toast-notification .toast-notification__progress-bar {
  height: 4px;
  width: 100%;
  transition-property: width;
  transition-timing-function: linear;
  position: absolute;
  bottom: 0;
  left: 0;
}
.toast-notification .toast-notification__progress-bar.countdown {
  width: 0%;
}

.toast-notification.success .toast-notification__border-color {
  border-color: #7dc855;
}
.toast-notification.success .toast-notification__bg-color {
  background-color: #7dc855;
}
.toast-notification.success .toast-notification__color {
  color: #7dc855;
}

/* .tab
============================================ */
.tab {
  font-size: 12px;
}
.tab .tab-menu-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.tab .tab-menu-wrapper .tab-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #818181;
  letter-spacing: 0.42px;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
}
.tab .tab-menu-wrapper .tab-menu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #001737;
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
}
.tab .tab-menu-wrapper .tab-menu.active {
  color: #061c2b !important;
  background-color: #fff;
  font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif, Tahoma;
  font-size: 12px;
  line-height: 1.83;
  letter-spacing: 0.42px;
  text-align: center;
}
.tab .tab-menu-wrapper .tab-menu.active:before {
  width: 100%;
  left: 0;
}
.tab .tab-menu-wrapper .tab-menu:hover .action {
  visibility: visible;
}
.tab .tab-menu-wrapper .tab-menu:hover:before {
  background-color: #007AC9;
}
.tab .tab-menu-wrapper .tab-menu .action {
  visibility: hidden;
}
.tab .tab-menu-wrapper .tab-menu .action.btn-info {
  margin-left: 3px;
  font-size: 12.5px;
}
.tab .tab-content-wrapper {
  box-sizing: border-box;
  padding: 10px;
}
.tab .tab-content-wrapper .tab-content {
  display: none;
}
.tab .tab-content-wrapper .tab-content.active {
  display: block;
}

.tab-full .tab-menu-wrapper .tab-menu {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

.tab-details .tab-menu-wrapper:before, .tab-settings .tab-menu-wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #e3e5e5;
}
.tab-details .tab-menu-wrapper .tab-menu, .tab-settings .tab-menu-wrapper .tab-menu {
  font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif, Tahoma;
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0.42px;
  text-align: center;
  color: #546176;
  font-weight: 400;
}
.tab-details .tab-menu-wrapper .tab-menu:before, .tab-settings .tab-menu-wrapper .tab-menu:before {
  top: auto;
  bottom: 0;
  height: 2px;
}
.tab-details .tab-menu-wrapper .tab-menu.active, .tab-settings .tab-menu-wrapper .tab-menu.active {
  font-size: 13px;
  color: #001737 !important;
  background-color: transparent;
}
.tab-details .tab-menu-wrapper .tab-menu.hover, .tab-settings .tab-menu-wrapper .tab-menu.hover {
  color: #007AC9 !important;
}

/* .description-editor
============================================ */
.editor-body {
  padding: 15px;
  box-sizing: border-box;
}

.description-editor .form-col {
  padding: 8px 15px;
}
.description-editor .form-col.col-description {
  position: relative;
  padding: 8px 0 0 0;
}
.description-editor .multiple-select-item {
  font-size: 12px;
  font-weight: normal;
}
.description-editor .k-editor .k-editor-toolbar-wrap {
  padding: 5px 15px;
}
.description-editor .k-editor .k-editable-area {
  padding: 0;
}

/* .query-definition
============================================ */
.query-definition {
  cursor: default;
  margin: 0;
  padding: 0;
  list-style: none;
}
.query-definition .item {
  position: relative;
  line-height: 16px;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.query-definition .item.item-sortable {
  cursor: move;
}
.query-definition .item.item-disabled {
  opacity: 0.7;
}
.query-definition .item.item-warning {
  background-color: #faf6e5;
}
.query-definition .item.item-error {
  background-color: #fbedec;
}
.query-definition .item.editmode {
  background-color: #fff;
  border-color: #e6e6e6;
}
.query-definition .item.editmode .item-header {
  border-bottom-color: #f1f3f4;
  text-shadow: 0 0 0.65px currentColor, 0 0 0.65px currentColor;
}
.query-definition .item.item-placeholder {
  opacity: 0.25;
  box-shadow: none;
  border-color: transparent;
}
.query-definition .item.item-placeholder .item-header {
  border-bottom-color: transparent;
}
.query-definition .item.item-placeholder.inactive .item-header .name-inner {
  text-decoration: line-through;
}
.query-definition .item .item-header {
  flex-grow: 1;
  height: 32px;
  line-height: 14px;
  border-bottom: 1px solid transparent;
  margin-left: -14px;
  padding-left: 14px;
  margin-right: -14px;
  padding-right: 14px;
}
.query-definition .item .item-header .name {
  top: 0;
}
.query-definition .item .item-header .name-inner {
  display: flex;
  align-items: center;
}
.query-definition .item .item-header .icon-parameterized {
  width: 16px;
  height: 14px;
}
.query-definition .item .item-header .rear {
  margin-left: auto;
}
.query-definition .item .item-header .rear .icon {
  display: none;
  font-size: 10px;
}
.query-definition .item .item-header .rear .icon:hover {
  color: #3d4852;
}
.query-definition .item .item-header .rear .action-info {
  color: #78909c;
  font-size: 11px;
  margin-top: -2px;
}
.query-definition .item .item-header .rear .action-info:hover {
  color: #3d4852;
}
.query-definition .item .item-header .rear .action-delete {
  color: #ea3d2f;
}
.query-definition .item .item-header .rear .action-delete:hover {
  color: #a61c11;
}
.query-definition .item:hover .item-header {
  text-shadow: 0 0 0.65px currentColor, 0 0 0.65px currentColor;
}
.query-definition .item .text-error {
  font-size: 10px;
  text-shadow: none !important;
}
.query-definition + .btn-wrapper {
  margin-right: -10px;
  padding-bottom: 0;
}
.query-definition + .btn-wrapper .btn {
  font-size: 12px;
}

.query-definition.hint {
  cursor: move;
}
.query-definition.hint .item .item-header {
  border-bottom-width: 0;
  opacity: 0.7;
}

.no-mouse .query-definition .item .displayNameContainer .rear .icon,
.query-definition .item:hover .displayNameContainer .rear .icon,
.query-definition .item.editmode .displayNameContainer .rear .icon {
  display: inline-flex;
}

.query-definition-drop-area {
  position: relative;
}
.query-definition-drop-area .definition-body-inner {
  opacity: 0.7;
}
.query-definition-drop-area .drop-area-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin-left: -15px;
  margin-right: -15px;
  z-index: 2;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}

.query-definition-drop-area.empty hr {
  display: none;
}

.query-definition-drop-area.active .item {
  border-left-color: transparent;
}
.query-definition-drop-area.active .drop-area-cover {
  padding: 20px 0;
  top: -39px;
  opacity: 1;
}

.query-definition-drop-area.focus .drop-area-cover {
  background-image: linear-gradient(to right, #278838 50%, #278838 50%), linear-gradient(to right, #278838 50%, #278838 50%), linear-gradient(to bottom, #278838 50%, #278838 50%), linear-gradient(to bottom, #278838 50%, #278838 50%);
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
}

.filter-editor {
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: default;
}
.filter-editor .k-dropdown {
  width: 100%;
}
.filter-editor .k-dropdown-light .k-dropdown-wrap {
  background-color: #f7f9fa;
}
.filter-editor .k-dropdown-light .k-dropdown-wrap .k-input {
  color: #3e4345;
}
.filter-editor .switch {
  margin-left: auto;
}
.filter-editor .switch label .lever {
  margin: 0;
}
.filter-editor .filter-editor-arguments {
  min-width: 0;
}
.side-content.small .filter-editor .filter-editor-arguments .flex-wrap .col-input-value {
  flex-basis: 100%;
}
.side-content.small .filter-editor .filter-editor-arguments .flex-wrap .col-label {
  display: none;
}
.side-content.large .filter-editor .filter-editor-arguments .col-input-value {
  flex: 1;
}
.filter-editor .filter-editor-arguments .btn-select-field {
  color: #78909c;
  line-height: 32px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.filter-editor .filter-editor-arguments .form-col-header {
  font-weight: normal;
}
.filter-editor .filter-editor-arguments .col-input-value {
  display: flex;
  align-items: center;
  flex-basis: 0;
}
.filter-editor .filter-editor-arguments .col-input-value .input-argument-value,
.filter-editor .filter-editor-arguments .col-input-value .input-argument-typing,
.filter-editor .filter-editor-arguments .col-input-value .custom-datetimepicker,
.filter-editor .filter-editor-arguments .col-input-value .k-timespanpicker {
  width: 100%;
}
.filter-editor .filter-editor-arguments .col-input-value .k-widget.input-argument-value > .k-numeric-wrap,
.filter-editor .filter-editor-arguments .col-input-value .k-widget.input-argument-typing > .k-numeric-wrap {
  display: flex;
}
.filter-editor .filter-editor-arguments .col-input-value .k-dropdown.input-argument-value {
  flex-grow: 1;
  width: 200px;
}
.filter-editor .filter-editor-arguments .col-input-value .input-argument-boolean-value {
  width: 100%;
  border: 1px solid #c6cacc;
  padding: 7px;
  height: 32px;
  box-sizing: border-box;
}
.filter-editor .filter-editor-arguments .col-input-value .btn-select-field {
  border: 1px solid #c6cacc;
  box-sizing: border-box;
  border-left: 0;
}
.filter-editor .filter-editor-arguments .col-input-field {
  min-width: 0;
}
.filter-editor .filter-editor-arguments .col-input-field .input-argument-field {
  display: flex;
  align-items: center;
  height: 28px;
  box-sizing: border-box;
  border: 1px solid #e3e5e5;
}
.filter-editor .filter-editor-arguments .col-input-field .input-argument-field .input-argument-field-value {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  padding-left: 5px;
}
.filter-editor .filter-editor-arguments .col-input-field .input-argument-field .btn-remove-field {
  display: none;
  margin-left: auto;
  font-size: 9px;
  padding: 5px;
  color: #ea3d2f;
}
.no-mouse .filter-editor .filter-editor-arguments .col-input-field .input-argument-field .btn-remove-field {
  display: block;
}
.filter-editor .filter-editor-arguments .col-input-field .input-argument-field:hover .btn-remove-field {
  display: block;
}
.filter-editor .filter-editor-arguments .col-input-type {
  width: 90px;
}
.filter-editor .filter-editor-arguments .col-input-type .k-widget.input-argument-type {
  width: 80px;
}
.filter-editor .filter-editor-arguments .col-argument-preview {
  text-align: right;
  font-style: italic;
  padding-top: 0;
  font-size: 11px;
  color: #999;
}
.filter-editor .filter-editor-arguments .form-col.hidden {
  display: none;
}

.filter-editor-none .filter-editor-arguments {
  display: none;
}

.filter-editor-multiple .filter-editor-arguments > .form-row {
  flex-wrap: wrap;
}
.filter-editor-multiple .filter-editor-arguments > .form-row .form-col {
  flex-basis: 100%;
}
.filter-editor-multiple .filter-editor-arguments > .form-row .col-list .k-virtual-scrollable-wrap {
  overflow: hidden;
}
.filter-editor-multiple .filter-editor-arguments > .form-row .col-actions {
  display: flex;
}
.filter-editor-multiple .filter-editor-arguments > .form-row .col-actions .icon {
  color: #78909c;
  margin-right: 10px;
  line-height: 16px;
}
.filter-editor-multiple .filter-editor-arguments > .form-row .col-actions .action-clear {
  font-size: 16px;
}
.filter-editor-multiple .filter-editor-arguments > .row-enumerated-list {
  align-items: flex-start;
}
.filter-editor-multiple .filter-editor-arguments > .row-enumerated-list .form-col {
  flex-basis: 0;
}
.filter-editor-multiple .filter-editor-arguments > .row-enumerated-list .col-list .input-argument-list {
  border-color: #b5becc;
}
.filter-editor-multiple .filter-editor-arguments > .row-enumerated-list .col-list .input-argument-list.active {
  border: 1px solid #4d90fe;
  box-shadow: 0 0 2px #236e97;
}
.filter-editor-multiple .filter-editor-arguments > .row-enumerated-list .col-list .input-argument-list label {
  display: block;
}
.filter-editor-multiple .filter-editor-arguments > .row-enumerated-list .col-list .input-argument-list label .label > span:empty:before {
  content: " ";
}
.filter-editor-multiple .filter-editor-arguments > .row-enumerated-list .col-actions {
  flex-basis: auto;
}
.filter-editor-multiple .filter-editor-arguments > .row-enumerated-list .action-popup {
  width: 28px;
  height: 28px;
}
.filter-editor-multiple .filter-editor-arguments > .row-enumerated-list .action-popup .icon {
  margin: auto;
}

.popup-enumerated .k-window-content {
  padding: 10px;
}
.popup-enumerated .form-row {
  align-items: flex-start;
}
.popup-enumerated .form-row .col-list .k-link {
  display: flex;
  align-items: center;
}
.popup-enumerated .form-row .col-list .k-link .k-icon {
  margin-left: auto;
}
.popup-enumerated .form-row .col-search .input-search {
  width: 100%;
  padding-left: 30px;
  background: #fff url(../../images/search-grey.svg) 7px center no-repeat;
  background-size: 16px 16px;
}
.popup-enumerated .form-row .col-format {
  width: 200px;
}
.popup-enumerated .form-row .col-format .k-dropdown {
  width: 100%;
}
.popup-enumerated .form-row .col-actions .btn {
  color: #78909c;
  margin: 0 0 5px 0;
}
.popup-enumerated .form-row .col-actions .btn.active {
  border-color: #78909c;
  box-shadow: none;
}

/* .query-aggregation
============================================ */
.query-aggregation-inner {
  border-radius: 2px;
  border: solid 1px #b5becc;
  margin-top: 15px;
  background-color: transparent;
}
.query-aggregation-inner:first-child {
  margin-top: 0;
}
.query-aggregation-inner .accordion-header {
  background-color: transparent;
}
.query-aggregation-inner .accordion-body {
  padding-top: 0;
}

.query-aggregation-inner.active {
  background-color: #007AC9 !important;
}
.query-aggregation-inner.active .accordion-header, .query-aggregation-inner.active .accordion-body {
  background-color: #007AC9;
}

.query-aggregation-chart-type .k-dropdown.chart-type {
  width: 100%;
  margin-bottom: 10px;
}

.query-aggregation {
  cursor: default;
  margin: 0;
  padding: 0;
  list-style: none;
  min-height: 32px;
}
.query-aggregation .item {
  position: relative;
  line-height: 16px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
  background-color: #f7f9fa;
  box-sizing: border-box;
}
.query-aggregation .item:first-child {
  margin-top: 0;
}
.query-aggregation .item.item-sortable {
  cursor: move;
}
.query-aggregation .item.item-placeholder {
  opacity: 0.25;
}
.query-aggregation .item .item-header {
  height: 32px;
}
.query-aggregation .item .item-header .count-field-wrapper {
  margin: 1px 0 0 4px;
  line-height: 1;
}
.query-aggregation .item .item-header .count-field-wrapper + .name {
  cursor: pointer;
}
.query-aggregation .item .item-header .count-field-wrapper.disabled + .name {
  cursor: default;
}
.query-aggregation .item .item-header .front {
  margin-left: 0;
}
.query-aggregation .item .item-header .name .name-inner {
  display: flex;
  align-items: center;
}
.query-aggregation .item .item-header .name .name-inner .hint {
  font-style: italic;
  opacity: 0.7;
}
.query-aggregation .item .item-header .rear {
  margin-left: auto;
}
.query-aggregation .item .item-header .rear .icon {
  display: none;
  font-size: 12px;
  width: 16px;
}
.query-aggregation .item .item-header .rear .icon:hover {
  color: #3d4852;
}
.query-aggregation .item .item-header .rear .action-info {
  color: #78909c;
  font-size: 11px;
  margin-top: -2px;
}
.query-aggregation .item .item-header .rear .action-info:hover {
  color: #3d4852;
}
.query-aggregation .item .item-header .rear .validError {
  display: inline-flex;
  background-size: 23px 23px;
  text-indent: 100px;
  white-space: nowrap;
  overflow: hidden;
}
.query-aggregation .item .item-header .rear .action-delete {
  color: #ea3d2f;
}
.query-aggregation .item .item-header .rear .action-delete:hover {
  color: #a61c11;
}
.query-aggregation .item:hover .item-header {
  text-shadow: 0 0 0.65px currentColor, 0 0 0.65px currentColor;
}

.query-aggregation.hint .item {
  background-color: #fff;
  border: 1px solid #e6e6e6;
}
.query-aggregation.hint .item .item-header {
  opacity: 0.7;
}

.no-mouse .query-aggregation .item .item-header .rear .icon,
.query-aggregation .item:hover .item-header .rear .icon,
.query-aggregation .item-placeholder .item-header .rear .icon {
  display: inline-flex;
}

.query-aggregation-gauge .form-col-header {
  font-weight: normal;
  flex-shrink: 0;
  width: 80px;
  padding-top: 0;
}
.query-aggregation-gauge .form-col-body {
  display: flex;
  align-items: center;
  padding-top: 0;
}
.query-aggregation-gauge .form-col-body .k-widget.gauge-value {
  flex-grow: 1;
}
.query-aggregation-gauge .form-col-body .k-widget.gauge-value .k-numeric-wrap {
  display: flex;
}
.query-aggregation-gauge .form-col-body .k-widget.k-colorpicker {
  margin-left: auto;
}

.query-aggregation-buttons {
  margin-top: 5px;
  padding-right: 0;
  padding-bottom: 0;
}
.query-aggregation-buttons .btn {
  margin-right: 0;
}

.chart-type-wrapper {
  display: flex;
  align-items: center;
}
.chart-type-wrapper .chart-name {
  flex-grow: 1;
}
.chart-type-wrapper .chart-icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  border: 1px solid #999;
  box-sizing: border-box;
  background: transparent url("../../images/angle/chart/charttype.png") 0 0 no-repeat;
  background-size: 120px 251px;
  text-indent: -1000px;
  text-align: left;
}
.chart-type-wrapper .chart-icon.area {
  background-position: 0 0px;
}
.chart-type-wrapper .chart-icon.area_stack {
  background-position: -24px 0px;
}
.chart-type-wrapper .chart-icon.area_multi {
  background-position: -48px 0px;
}
.chart-type-wrapper .chart-icon.bar {
  background-position: 0 -23px;
}
.chart-type-wrapper .chart-icon.bar_stack {
  background-position: -24px -23px;
}
.chart-type-wrapper .chart-icon.bar_multi {
  background-position: -48px -23px;
}
.chart-type-wrapper .chart-icon.bubble {
  background-position: 0 -46px;
}
.chart-type-wrapper .chart-icon.bubble_stack {
  background-position: -24px -46px;
}
.chart-type-wrapper .chart-icon.bubble_multi {
  background-position: -48px -46px;
}
.chart-type-wrapper .chart-icon.bullet {
  background-position: 0 -68px;
}
.chart-type-wrapper .chart-icon.bullet_stack {
  background-position: -24px -68px;
}
.chart-type-wrapper .chart-icon.bullet_multi {
  background-position: -48px -68px;
}
.chart-type-wrapper .chart-icon.column {
  background-position: 0 -91px;
}
.chart-type-wrapper .chart-icon.column_stack {
  background-position: -24px -91px;
}
.chart-type-wrapper .chart-icon.column_multi {
  background-position: -48px -91px;
}
.chart-type-wrapper .chart-icon.donut {
  background-position: 0 -114px;
}
.chart-type-wrapper .chart-icon.donut_stack {
  background-position: -24px -114px;
}
.chart-type-wrapper .chart-icon.donut_multi {
  background-position: -48px -114px;
}
.chart-type-wrapper .chart-icon.line {
  background-position: 0 -137px;
}
.chart-type-wrapper .chart-icon.line_stack {
  background-position: -24px -137px;
}
.chart-type-wrapper .chart-icon.line_multi {
  background-position: -48px -137px;
}
.chart-type-wrapper .chart-icon.pie {
  background-position: 0 -160px;
}
.chart-type-wrapper .chart-icon.pie_stack {
  background-position: -24px -160px;
}
.chart-type-wrapper .chart-icon.pie_multi {
  background-position: -48px -160px;
}
.chart-type-wrapper .chart-icon.radarLine {
  background-position: 0 -182px;
}
.chart-type-wrapper .chart-icon.radarLine_stack {
  background-position: -24px -182px;
}
.chart-type-wrapper .chart-icon.radarLine_multi {
  background-position: -48px -182px;
}
.chart-type-wrapper .chart-icon.scatter {
  background-position: 0 -205px;
}
.chart-type-wrapper .chart-icon.scatter_stack {
  background-position: -24px -205px;
}
.chart-type-wrapper .chart-icon.scatter_multi {
  background-position: -48px -205px;
}
.chart-type-wrapper .chart-icon.gauge {
  background-position: 0 -228px;
}
.chart-type-wrapper .chart-icon.gauge_stack {
  background-position: -24px -228px;
}
.chart-type-wrapper .chart-icon.gauge_multi {
  background-position: -48px -228px;
}

.chart-type-wrapper.selection {
  margin-top: -3px;
  margin-bottom: -3px;
}
.chart-type-wrapper.selection .chart-name {
  flex-grow: 0;
  width: 70px;
}
.chart-type-wrapper.selection .chart-icon:hover {
  box-shadow: 0 0 0 1px #999;
}
.chart-type-wrapper.selection .chart-icon.active, .chart-type-wrapper.selection .chart-icon:hover.active {
  border-color: #278838;
  box-shadow: 0 0 0 1px #278838;
}

/* .aggregation-format-popup
===================================== */
.aggregation-format-popup .k-window-title {
  margin-right: 40px;
}
.aggregation-format-popup .k-window-content {
  padding-top: 0;
}
.aggregation-format-popup .form-row {
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.aggregation-format-popup .form-row .form-col-header {
  font-weight: normal;
  width: 100%;
  flex-shrink: 0;
  padding-bottom: 0;
}
.aggregation-format-popup .form-row .form-col-body .input-alias-value,
.aggregation-format-popup .form-row .form-col-body .k-widget.k-dropdown {
  width: 100%;
}
.aggregation-format-popup .form-row .form-col-body .placeholder {
  color: #333;
}
.aggregation-format-popup .form-row .form-col-body .input-thousand-separator-value {
  margin-right: 10px;
}

/* .aggreagtion-options
===================================== */
.aggreagtion-options {
  padding: 10px 15px;
}
.aggreagtion-options .form-row {
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.aggreagtion-options .form-row .form-col-header {
  font-weight: normal;
  width: 100%;
  flex-shrink: 0;
  padding-bottom: 0;
}
.aggreagtion-options .form-row .form-col-body .k-widget.k-dropdown {
  width: 100%;
}
.aggreagtion-options .row-axisscale_ranges .form-col-body {
  display: flex;
  align-items: center;
}
.aggreagtion-options .row-axisscale_ranges .form-col-body .k-widget.k-numerictextbox {
  width: 100px;
}
.aggreagtion-options .row-axisscale_ranges .form-col-body .connector {
  flex-shrink: 0;
  padding: 0 5px;
}
.aggreagtion-options .row-axisscale_ranges .form-col-body .suffix {
  flex-shrink: 0;
  padding-left: 5px;
}

/* .popup-execution-parameter
===================================== */
.popup-execution-parameter .card-body > .form-row {
  margin-left: -15px;
  margin-right: -15px;
}
.popup-execution-parameter .form-col-header {
  width: auto;
  flex-shrink: 0;
}
.popup-execution-parameter .col-angle-object {
  font-weight: normal;
}
.popup-execution-parameter .col-angle-object .btn-info {
  margin-right: 5px;
}
.popup-execution-parameter .row-definition .col-definition {
  flex: 1 1 100%;
  width: 100%;
}
.popup-execution-parameter .row-definition .col-definition .item .displayNameContainer .rear .action-delete {
  display: none;
}
.popup-execution-parameter .btn-wrapper {
  display: none;
}
.popup-execution-parameter .accrodion-bg-white {
  background: white;
}
.popup-execution-parameter .angelStartObject {
  margin-left: auto;
  display: inline-flex;
}
.popup-execution-parameter .angelStartObject .startObjectText {
  padding-right: 5px;
}

/* .display-tabs
===================================== */
.display-tab {
  background-color: #f7f9fa;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 0 solid #fff;
  box-sizing: border-box;
}
.display-tab:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  z-index: -1;
}
.display-tab .btn {
  width: 20px;
  height: 20px;
  display: flex;
  padding: 0;
  font-size: 12px;
  color: #78909c;
  min-width: unset;
}
.display-tab .btn:after {
  display: none;
}
.display-tab .btn .icon {
  margin: auto;
}
.display-tab .tab-menu-wrapper {
  overflow: hidden;
  height: 36px;
}
.display-tab .tab-menu-wrapper .tab-menu-header {
  display: inline-flex;
  align-items: center;
  max-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 12px 0 0;
  height: 36px;
  flex-shrink: 0;
}
.display-tab .tab-menu-wrapper .tab-menu-header:first-child {
  padding-left: 0;
}
.display-tab .tab-menu-wrapper .tab-menu-header.open + .tab-menu-group {
  padding-right: 12px;
}
.display-tab .tab-menu-wrapper .tab-menu-header.open .state-close {
  display: none;
}
.display-tab .tab-menu-wrapper .tab-menu-header.close .state-open {
  display: none;
}
.display-tab .tab-menu-wrapper .tab-menu-header .tab-menu-header-inner {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 2px;
  background-color: #e9ecee;
  color: #000;
  letter-spacing: 0.25px;
  line-height: 24px;
  padding: 0 10px;
  height: 24px;
}
.display-tab .tab-menu-wrapper .tab-menu-header .tab-menu-header-inner .state-open,
.display-tab .tab-menu-wrapper .tab-menu-header .tab-menu-header-inner .state-close {
  font-size: 16px;
  color: #78909c;
  margin-right: 5px;
}
.display-tab .tab-menu-wrapper .tab-menu-header.active .tab-menu-header-inner {
  background-color: #e5efff;
  color: #278838;
  font-size: 13px;
}
.display-tab .tab-menu-wrapper .tab-menu-header + .tab-menu .seperator {
  display: none;
}
.display-tab .tab-menu-wrapper .tab-menu-group {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: hidden;
  flex-shrink: 0;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu {
  background-color: transparent;
  color: #333;
  max-height: 40px;
  white-space: nowrap;
  justify-content: flex-start;
  flex-shrink: 0;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu.active {
  cursor: default;
  background-color: #fff;
  box-shadow: 0 0 3.5px 2px rgba(0, 0, 0, 0.08);
  z-index: 1;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu:hover:not(.active) {
  background-color: #fff;
  color: #333;
  text-shadow: 0 0 0.65px currentColor, 0 0 0.65px currentColor;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu .seperator {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu .seperator:before {
  content: "";
  width: 100%;
  height: 18px;
  background-color: #cbcbcb;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu:first-child .seperator, .display-tab .tab-menu-wrapper .tab-menu-group .tab-menu:hover .seperator, .display-tab .tab-menu-wrapper .tab-menu-group .tab-menu:hover + .tab-menu .seperator, .display-tab .tab-menu-wrapper .tab-menu-group .tab-menu.active .seperator, .display-tab .tab-menu-wrapper .tab-menu-group .tab-menu.active + .tab-menu .seperator {
  display: none;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu .displayNameContainer {
  min-width: 50px;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu .front {
  position: relative;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu .name {
  max-width: 280px;
  filter: brightness(0.98);
  letter-spacing: 0.42px;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu .validWarning {
  margin: unset;
  box-sizing: border-box;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu .displayNameContainer.small .icon.icon-adhoc {
  margin-left: -2px;
  margin-top: -8px;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu .displayNameContainer.small .icon.display-icon.default {
  margin-right: 3px;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu .icon-close {
  visibility: hidden;
  cursor: pointer;
  margin-left: auto;
  font-size: 10px;
  color: #ea3d2f;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu .icon-close.disabled {
  visibility: hidden;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu:hover .icon-close, .display-tab .tab-menu-wrapper .tab-menu-group .tab-menu.active:hover .icon-close {
  visibility: visible;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu:hover .icon-close.disabled, .display-tab .tab-menu-wrapper .tab-menu-group .tab-menu.active:hover .icon-close.disabled {
  visibility: hidden;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu .btn-edit-description {
  visibility: hidden;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu .btn-edit-description:hover {
  color: #3d4852;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu.active:hover .btn-edit-description {
  visibility: visible;
  cursor: pointer;
}
.display-tab .tab-menu-wrapper .tab-menu-group .tab-menu.active:hover .btn-edit-description.disabled {
  visibility: hidden;
}
.display-tab .tab-menu-wrapper .tab-menu-placeholder {
  opacity: 0.25;
}
.display-tab .add-display-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.display-tab .add-display-wrapper .new-display-popup {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 3px;
  z-index: 5;
}
.display-tab .add-display-wrapper .new-display-popup .listview {
  padding: 5px;
  border-width: 0;
}
.display-tab .add-display-wrapper .new-display-popup .listview .listview-item {
  cursor: pointer;
  position: relative;
  overflow: visible;
  max-width: 160px;
  min-width: 80px;
}
.display-tab .right-btn-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  flex-shrink: 0;
}
.display-tab .right-btn-wrapper .btn-chevron {
  margin-right: 0;
  font-size: 10px;
  flex: 0 0 20px;
  height: 20px;
}
.display-tab .right-btn-wrapper .btn-display-badge {
  font-size: 18px;
  margin-left: 15px;
}
.display-tab .right-btn-wrapper .display-overview-popup {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 3px;
  z-index: 5;
}
.display-tab .right-btn-wrapper .display-overview-popup .listview {
  padding: 5px;
  border-width: 0;
}
.display-tab .right-btn-wrapper .display-overview-popup .listview .listview-item {
  cursor: pointer;
  position: relative;
  overflow: visible;
}
.display-tab .right-btn-wrapper .display-overview-popup .listview .listview-item.active {
  cursor: default;
  background-color: #fff;
}
.display-tab .right-btn-wrapper .display-overview-popup .listview .listview-item.active:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 0;
  width: 0;
  height: 100%;
  border-left: 4px solid #001737;
}
.display-tab .right-btn-wrapper .display-overview-popup .listview .listview-item .displayNameContainer {
  width: 100%;
}
.display-tab .right-btn-wrapper .display-overview-popup .listview .listview-item .displayNameContainer .name {
  max-width: 280px;
}
.display-tab .right-btn-wrapper .display-overview-popup .listview .listview-item .displayNameContainer .rear {
  margin-right: 10px;
}
.display-tab .right-btn-wrapper .display-overview-popup .listview .listview-item .icon-close {
  visibility: hidden;
  cursor: pointer;
  margin-left: auto;
  margin-right: -10px;
  font-size: 10px;
  flex-shrink: 0;
  color: #ea3d2f;
}
.display-tab .right-btn-wrapper .display-overview-popup .listview .listview-item .icon-close.disabled {
  visibility: hidden;
}
.display-tab .right-btn-wrapper .display-overview-popup .listview .listview-item:hover .icon-close {
  visibility: visible;
}
.display-tab .right-btn-wrapper .display-overview-popup .listview .listview-item:hover .icon-close.disabled {
  visibility: hidden;
}

.display-tab.active {
  opacity: 1;
}
.display-tab.active:before {
  display: none;
}

.display-tab.sorting {
  height: 46px;
  overflow: hidden;
}
.display-tab.sorting .tab-menu-wrapper {
  overflow: auto;
  height: 60px;
  align-self: flex-start;
  align-items: flex-start;
}

.display-tab-hint {
  padding: 0;
}
.display-tab-hint .tab-menu-wrapper .tab-menu:before {
  background-color: #ff4040;
}

.display-option-wrapper {
  background-color: #fff;
  padding-left: 20px;
  padding-bottom: 7px;
  padding-top: 7px;
  padding-right: 20px;
  min-height: 20px;
  box-shadow: 1px -2px 3px 0 rgba(0, 0, 0, 0.06);
}
.display-option-wrapper .display-execution-info {
  flex-grow: 1;
  margin-right: 10px;
  color: #78909c;
  font-size: 11px;
  letter-spacing: 0.44px;
}
.display-option-wrapper .display-option {
  margin-left: auto;
  white-space: nowrap;
}
.display-option-wrapper .display-option input[type=checkbox]:not(:checked) + .label,
.display-option-wrapper .display-option input[type=checkbox]:checked + .label {
  padding-left: 20px;
}

.popup-info {
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 0.25px;
  color: #555;
}
.popup-info .form-col-title {
  margin-bottom: 15px;
}
.popup-info .form-row {
  align-items: flex-start;
  margin-left: -5px;
  margin-right: -5px;
}
.popup-info .label-data {
  margin-left: 2px;
  font-weight: bolder;
  color: #333;
}
.popup-info .statistic-title {
  font-size: 12px;
  font-weight: bolder;
  color: #333;
}

/* .widget-definition
============================================ */
.widget-definition .item {
  cursor: default;
  margin-bottom: 7px;
}
.widget-definition .item:hover {
  text-shadow: 0 0 0.65px currentColor, 0 0 0.65px currentColor;
}
.widget-definition .item .btn-definition {
  margin-left: auto;
  flex-shrink: 0;
}
.widget-definition .item .btn-definition:hover {
  color: #3d4852;
}
.widget-definition .item .btn-definition.active {
  background-color: #e3e5e5;
  border-radius: 50%;
}

/* .dashboard-widget-popup
============================================ */
.dashboard-widget-popup .k-window-titlebar {
  display: flex;
  align-items: center;
}
.dashboard-widget-popup .k-window-title {
  display: flex;
  align-items: center;
  margin-right: 40px;
  margin-top: -4px;
}
.dashboard-widget-popup .k-window-title .displayNameContainer {
  padding-left: 1px;
  font-size: 12px;
}
.dashboard-widget-popup .form-row {
  margin-left: -5px;
  margin-right: -5px;
}
.dashboard-widget-popup .form-row .col-name {
  margin-bottom: 5px;
}
.dashboard-widget-popup .form-row .col-displays .listview {
  max-height: 205px;
}
.dashboard-widget-popup .form-row .col-displays .listview .listview-item {
  padding: 0;
}
.dashboard-widget-popup .form-row .col-displays .listview .listview-item:hover {
  background-color: transparent;
}
.dashboard-widget-popup .form-row .col-displays .listview .listview-item .displayNameContainer {
  cursor: pointer;
  margin-right: auto;
  max-width: 310px;
}
.dashboard-widget-popup .form-row .col-displays .listview .listview-item.readonly .displayNameContainer {
  cursor: default;
  opacity: 0.7;
}
.dashboard-widget-popup .form-row .col-displays .listview .listview-item .btn-link {
  display: none;
  margin-left: 3px;
  margin-right: 3px;
  color: #78909c;
}
.dashboard-widget-popup .form-row .col-displays .listview .listview-item .btn-link:hover {
  color: #3d4852;
}
.dashboard-widget-popup .form-row .col-displays .listview .listview-item:hover .btn-link {
  display: block;
}
.dashboard-widget-popup .placeholder {
  color: #909191;
}
.dashboard-widget-popup .k-window-buttons {
  border: none;
}
.dashboard-widget-popup .k-window-buttons-inner {
  background-color: #fff;
}

/* .side-content
============================================ */
.side-content {
  background-color: #f7f7f7;
  opacity: 0;
  z-index: 1;
}
.side-content.active {
  opacity: 1;
}
.side-content .tab .tab-content-wrapper {
  padding: 0;
  box-sizing: border-box;
}
.side-content .accordion-item {
  margin: 10px 14px;
  border-radius: 3px;
}
.side-content .accordion-item.disabled {
  margin: 10px 0;
}
.side-content .card-header,
.side-content .card-body,
.side-content .accordion-header,
.side-content .accordion-body {
  padding-left: 14px;
  padding-right: 14px;
  background-color: transparent;
}
.side-content .card:not(.disabled) + .card > .card-body,
.side-content .card-header + .card-body,
.side-content .accordion-body {
  padding-top: 0;
}
.side-content .accordion-header {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  height: 24px;
  padding: 8px 12px;
  letter-spacing: 0.1px;
  text-align: left;
  text-transform: none;
  background-color: transparent;
}
.side-content .accordion-header.close {
  background-color: #ffffff;
}
.side-content .section-info .section-info-header .displayNameContainer {
  flex-grow: 1;
}
.side-content .section-info .section-info-header .displayNameContainer .name {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.38;
  text-transform: none;
  letter-spacing: 0.44px;
}
.side-content .section-info .section-info-header .displayNameContainer .rear {
  margin-left: auto;
}
.side-content .section-info .section-info-header .displayNameContainer .rear .action-edit-description {
  margin-right: -3px;
}
.side-content .section-info .section-info-header .displayNameContainer .rear .action-edit-description:before {
  position: relative;
  top: 0;
}
.side-content .section-info .section-info-header .displayNameContainer .rear .action-edit-description:hover {
  color: #3d4852;
}
.side-content .section-info .section-info-header .displayNameContainer .rear .action-edit-description:hover:before {
  top: -5px;
  transition: top 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.side-content .section-info .section-info-body {
  font-size: 12px;
  letter-spacing: 0.24px;
  color: #777;
  line-height: 1.33;
}
.side-content .section-definition .query-definition {
  margin-left: -15px;
  margin-right: -15px;
}
.side-content .section-definition .query-definition-subheader {
  font-size: 11px;
  font-style: italic;
  letter-spacing: 0.25px;
  color: #78909c;
}
.side-content .section-aggregation {
  position: relative;
}
.side-content .section-aggregation .action-options {
  position: relative;
  top: 1px;
  font-size: 14px;
}
.side-content .section-aggregation .query-aggregation-inner {
  margin: 0 0 10px 0;
}
.side-content .section-aggregation .query-aggregation-inner:last-child {
  margin-bottom: 0;
}
.side-content .section-aggregation .query-aggregation-inner .accordion-header, .side-content .section-aggregation .query-aggregation-inner .accordion-body {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
}
.side-content .section-description .section-description-body {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 135px;
  margin-bottom: 10px;
  padding-bottom: 0;
  letter-spacing: 0.24px;
  line-height: 20px;
}
.side-content .section-description .close + .section-description-body {
  display: none;
}
.side-content .section-personal-note {
  background-color: rgba(255, 191, 0, 0.3);
  margin: 0 14px 10px 14px;
  overflow-wrap: break-word;
  border-radius: 3px;
  color: #061c2b;
  letter-spacing: 0.25px;
}
.side-content .section-personal-note .card-header {
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 1.5px;
  color: #061c2b;
  padding: 8px 12px;
}
.side-content .section-personal-note.disabled {
  display: none;
}
.side-content .section-personal-note .section-personal-note-body {
  line-height: 10px;
  padding: 0px 12px 10px 12px;
}
.side-content .section-personal-note.editable .section-personal-note-body {
  padding-bottom: 10px;
}
.side-content .section-personal-note .add-note {
  font-style: italic;
}
.side-content .section-personal-note textarea {
  line-height: 20px;
  width: 100%;
  height: 16px;
  padding: 0;
  border: none;
  overflow: hidden;
  outline: none;
  box-shadow: none;
  resize: none;
  background-color: transparent;
  color: #061c2b;
  letter-spacing: 0.25px;
}
.side-content .section-default-drilldown .form-col-body {
  margin-left: 10px;
  display: flex;
  flex-basis: 0;
}
.side-content .section-default-drilldown .form-col-body > span {
  flex-grow: 1;
}
.side-content .section-default-excel-template .form-col-body {
  margin-left: 21px;
  display: flex;
  flex-basis: 0;
}
.side-content .section-default-excel-template .form-col-body > span {
  flex-grow: 1;
}
.side-content .section-default-excel-template .displayNameContainer {
  font-size: 12px;
  font-weight: 400;
}
.side-content .section-default-excel-template .innowera-details {
  display: inline-block;
  margin-left: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.side-content .section-default-excel-template .innowera-details > span {
  font-style: italic;
  color: #5e6366;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.side-content .section-labels .label-group-header {
  font-size: 11px;
}
.side-content .section-labels .label-header {
  color: #78909c;
  font-style: italic;
  font-weight: normal;
  font-size: 11px;
  margin-bottom: 5px;
}
.side-content .section-labels .labels-wrapper {
  border-radius: 2px;
  border: solid 1px #e9ecee;
  background-color: #ffffff;
  padding: 7px 2px 2px 7px;
  margin-bottom: 10px;
  min-height: 36px;
  box-sizing: border-box;
}
.side-content .section-labels .labels-wrapper .multiple-select-header {
  display: none;
}
.side-content .section-labels .labels-wrapper .label-selection-message,
.side-content .section-labels .labels-wrapper .business-processes-selection-message {
  font-size: 11px;
}
.side-content .section-labels .business-process-multi-select {
  color: #fff;
  height: 20px;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.4px;
  color: #fff;
}
.side-content .section-labels .business-process-multi-select .btn-remove {
  color: #fff;
}
.side-content .section-labels .multiple-select-button {
  top: 1px;
  color: #34495e;
}
.side-content ul.business-processes {
  max-height: none;
}
.side-content .section-tags {
  margin: 0 14px 10px 14px;
}
.side-content .section-tags .card-body {
  padding: 0;
}
.side-content .section-tags .card-body .form-row {
  margin-left: 0;
  margin-right: 0;
}
.side-content .section-tags .card-body .form-row .form-col {
  padding: 0;
}
.side-content .section-tags .card-body .form-row .form-col.form-col-header {
  color: #78909c;
  font-style: italic;
  font-weight: normal;
  font-size: 11px;
  width: 100%;
  padding-left: 12px;
  padding-bottom: 10px;
}
.side-content .section-tags .k-tagtextbox .k-multiselect-wrap {
  border-color: #f1f3f4;
  border-radius: 3px;
}

.toggle-sidebar {
  position: absolute;
  left: 8px;
  top: 9px;
  font-size: 18px;
  color: #fafcfc;
  padding: 7px;
  transition: top 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.toggle-sidebar:hover {
  border-radius: 50%;
  color: #fafcfc;
  top: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #f5333f;
}

/* .content-wrapper
============================================ */
.content-wrapper {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-color: #f7f7f7;
  border-width: 0;
}
.content-wrapper.active {
  opacity: 1;
}
.content-wrapper > .k-splitbar, .content-wrapper > .k-ghost-splitbar {
  z-index: 3;
  width: 0;
  border-color: transparent;
  border-right-width: 0;
  background: transparent none;
}
.content-wrapper > .k-splitbar .k-resize-handle, .content-wrapper > .k-splitbar .k-collapse-prev, .content-wrapper > .k-ghost-splitbar .k-resize-handle, .content-wrapper > .k-ghost-splitbar .k-collapse-prev {
  display: none;
}
.content-wrapper:not(.resizing):hover > .k-splitbar {
  width: 3px;
}
.content-wrapper > .k-splitbar:hover, .content-wrapper > .k-ghost-splitbar {
  border-left-width: 2px;
  border-color: #25cad2;
}
.content-wrapper > .k-restricted-size-horizontal {
  border-color: #f54b5e;
}
.content-wrapper .main-content {
  z-index: 2;
}
@media (max-width: 979px) {
  .content-wrapper {
    min-width: 768px;
  }
}

.content-wrapper.toggling > .k-splitbar {
  opacity: 0;
}
.content-wrapper.toggling .main-content {
  transition: all 0.3s ease-in-out;
}

.content-wrapper.full .side-content {
  overflow: hidden;
}
.content-wrapper.full > .k-splitbar {
  display: none;
}
.content-wrapper.full .main-content {
  left: 0 !important;
  width: 100% !important;
  min-width: 760px;
}

.description-editor-popup .k-window-content,
.save-as-popup .k-window-content {
  padding: 0;
}

.save-as-popup .description-editor {
  margin-bottom: 10px;
}
.save-as-popup .info-text {
  margin-top: 5px;
}
.save-as-popup .row-warning .form-col {
  display: flex;
  align-items: center;
}
.save-as-popup .row-warning .form-col .icon {
  margin: -2px 5px 0 0;
}

.model-selection-popup .k-window-content {
  min-height: 70px;
}
.model-selection-popup .form-row {
  margin-left: -5px;
  margin-right: -5px;
}
.model-selection-popup .form-row .form-col-header {
  width: auto;
}
.model-selection-popup .form-row .form-col-body {
  display: flex;
  align-items: center;
}
.model-selection-popup .form-row .form-col-body .k-dropdown {
  width: 100px;
  flex-grow: 1;
}

#AngleTagFilterContainer {
  width: 282px;
  height: 36px;
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 2px;
  margin-top: 20px;
}
#AngleTagFilterContainer:hover {
  border-color: #358ed7;
  transition: 0.15s ease-in;
}
#AngleTagFilterContainer:focus {
  border-color: #358ed7;
}
#AngleTagFilterContainer > input {
  position: relative;
  padding-left: 35px;
  padding-right: 65px;
  background: #f7f9fa url(../../images/search-grey.svg) 10px center no-repeat;
  background-size: 16px 16px;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #333;
  font-size: 14px;
  line-height: normal;
  text-align: left;
  border: 0;
  outline-style: none;
  box-shadow: none;
  box-sizing: border-box;
  z-index: 1;
}
#AngleTagFilterContainer > input ::-webkit-input-placeholder {
  font-size: 12px;
}
#AngleTagFilterContainer > input :-moz-placeholder {
  opacity: 1;
  font-size: 12px;
}
#AngleTagFilterContainer > input ::-moz-placeholder {
  opacity: 1;
  font-size: 12px;
}
#AngleTagFilterContainer > input :-ms-input-placeholder {
  font-size: 12px;
}
#AngleTagFilterContainer > input .placeholder {
  font-size: 12px;
}
#AngleTagFilterContainer > a.clearSearch {
  background-color: transparent;
  position: absolute;
  top: auto;
  right: 8px;
  bottom: 3px;
  color: #78909c;
  font-size: 9px;
  box-sizing: border-box;
  z-index: 2;
  border-radius: 50%;
  text-align: center;
  padding: 5px;
}
#AngleTagFilterContainer > a.clearSearch:hover, #AngleTagFilterContainer > a.clearSearch:active {
  background-color: #ebebeb;
}

.no-tooltip {
  cursor: default;
}

#ResultContainerWrapper {
  margin-left: 60px;
  height: 100%;
}
#ResultContainerWrapper .content-wrapper {
  height: 100vh;
}

.sideBarWrapper {
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  display: flex;
  height: 100%;
  width: 60px;
}
.sideBarWrapper .navigation {
  background: linear-gradient(180deg, #02a84b, #016841);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 100%;
  width: 100%;
}
.sideBarWrapper .navigation .topContent {
  align-items: center;
  display: flex;
  flex: 1 1 25%;
  flex-direction: column;
  gap: 0;
  justify-content: flex-start;
}
.sideBarWrapper .navigation .bottomContent #UserControlName {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #278838;
  text-align: center;
  line-height: 32px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  padding-right: 3px;
  letter-spacing: 0.2px;
  box-sizing: border-box;
  padding-left: 3px;
}
.sideBarWrapper .navigation .bottomContent #NotificationsFeedIcon {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 5px;
}
.sideBarWrapper .navigation .bottomContent .notificationsFeedBadge {
  position: relative !important;
  top: -39px !important;
  left: 20px !important;
}
.sideBarWrapper .navigation ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
}
.sideBarWrapper .navigation ul a {
  transition: all 0.25s linear;
  background: rgba(0, 23, 55, 0);
  display: block;
  padding: 14px;
}
.sideBarWrapper .navigation ul .active {
  background-color: #006c00;
}
.sideBarWrapper .navigation ul li {
  width: 60px;
  height: 60px;
}
.sideBarWrapper .navigation ul li:hover {
  background-color: #1f6d2d;
}
.sideBarWrapper .navigation ul li img {
  height: 30px;
  width: 30px;
}
.sideBarWrapper .popupNotificationsFeedMenu {
  top: auto !important;
  left: 0 !important;
  bottom: 180px;
}

#TitelText {
  height: 60px;
  width: 100%;
}
#TitelText .ProductLogo img {
  border: 0;
  position: absolute;
  height: 40px;
  top: 10px;
  right: 20px;
}
#TitelText .sectionWelcomeLogo > .lastAccessLabel {
  display: block;
  font-style: italic;
  color: #999;
  text-align: left;
  font-size: 11px;
  margin-top: 2px;
}
#TitelText .sectionWelcomeDetail {
  margin-right: 230px;
  overflow: hidden;
}
#TitelText .sectionWelcomeDetail .content {
  padding-right: 50px;
  padding-left: 10px;
}
#TitelText .sectionWelcomeLogo {
  float: right;
  width: 230px;
  margin-top: 15px;
  margin-right: 80px;
}

.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 26px 26px 0px 0;
  border-color: transparent #31AB46 transparent transparent;
  right: 0;
  bottom: 0;
  position: absolute;
}

#SearchSidePanelButton {
  position: absolute;
  top: 10px;
  height: 36px;
  width: 36px;
  border: solid;
  border-color: #b8c5d5;
  border-width: 1px;
}

#SearchSidePanelButton :hover {
  background-color: #e8f4fc;
  border: solid;
  border-width: 1px;
  border-color: #007ac9;
}

.SideBar-Icon {
  margin-left: 10px;
  margin-right: 10px;
}
.SideBar-Icon img {
  height: 24px;
  width: 24px;
  padding-top: 6.5px;
  padding-left: 5px;
  padding-right: 7px;
  padding-bottom: 6px;
  opacity: 0.8;
}

.SideBar-Title {
  padding-left: 30px;
  font-weight: bold;
  letter-spacing: 0.24px;
}

.UploadDropdown.btn {
  right: 0px;
  top: 12px;
  position: absolute;
}

.popupUploadMenu {
  position: fixed;
  top: 16%;
  left: auto;
  right: 1%;
  width: 150px;
  display: none;
  z-index: 1000;
  box-shadow: 0px 10px 15px -3px rgba(0, 23, 55, 0.1), 0px 4px 6px -2px rgba(0, 23, 55, 0.05);
  border-radius: 4px;
}
.popupUploadMenu:before, .popupUploadMenu:after {
  left: auto;
  right: 30px;
  z-index: 1000;
}
.popupUploadMenu .k-window-content {
  overflow: hidden;
  padding-bottom: 25px;
}
.popupUploadMenu .actionDropdownItem {
  color: #000;
}
.popupUploadMenu .actionDropdownItem:hover {
  cursor: pointer;
}
.popupUploadMenu .actionDropdownItem:before {
  background-position: center;
}
.popupUploadMenu .actionDropdownItem.btnSelectAll:before {
  background-image: url("../../images/icons/icon_select_all_hover.svg");
}
.popupUploadMenu .actionDropdownItem.btnClearSelection:before {
  background-image: url("../../images/icons/icon_clear_all.svg");
}
.popupUploadMenu .actionDropdownItem.btnUploadAngle:before {
  background-image: url("../../images/icons/ic_upload.svg");
}
.popupUploadMenu .actionDropdownItem.btnAbout span {
  line-height: 31px;
}
.popupUploadMenu .actionDropdownItem span {
  padding-left: 0;
}

.ProductLogo img {
  border: 0;
  position: absolute;
  height: 40px;
  top: 10px;
  right: 20px;
}

#TitelText {
  height: 60px;
  width: 100%;
}

#ClearSearchButton img {
  padding: 6px;
  border-radius: 2px;
}

/* placeholder
============================================ */
.loginPage input::-webkit-input-placeholder {
    color: #999;
}

.loginPage input:focus::-webkit-input-placeholder {
    color: #999;
}

.loginPage input:-moz-placeholder {
    color: #999;
}

.loginPage input:focus:-moz-placeholder {
    color: #999;
}

.loginPage input::-moz-placeholder {
    color: #999;
}

.loginPage input:focus::-moz-placeholder {
    color: #999;
}

.loginPage input:-ms-input-placeholder {
    color: #999;
}

.loginPage input:focus:-ms-input-placeholder {
    color: #999;
}

/* .loginPage & .popupLoginPopup
============================================ */
.loginPage,
.popupLoginPopup {
    border: none;
    background: #dbdcdf url('../../images/login/login_bg.jpg') center center no-repeat;
    background-size: cover;
}

.screenMinHeight .loginPage,
.screenMinHeight .popupLoginPopup {
    max-height: none;
}

.loginPage {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: none;
}

.popupLoginPopup {
    width: 786px;
    height: 468px;
    margin-left: -393px;
    margin-top: -234px;
}

    .loginPage .k-window-content,
    .popupLoginPopup .k-window-content {
        background: transparent none;
        position: absolute;
        overflow: hidden;
        width: 500px;
        height: 436px;
        left: 50%;
        top: 50%;
        margin-left: -250px;
        margin-top: -218px;
        border-radius: 0;
    }

        .loginPage .k-window-content:before,
        .popupLoginPopup .k-window-content:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(227, 226, 224, .985) none;
        }

#LoginContainer {
    font-size: 13px;
    color: #7d7d7d;
    position: absolute;
    height: 100%;
    left: 45px;
    right: 45px;
}

    #LoginContainer h1 {
        position: relative;
        margin: 55px 0 0 0;
        padding: 0;
        width: 100%;
        height: 51px;
        text-indent: -1000%;
        background: transparent url('../../images/login/login_logo.svg') center center no-repeat;
    }

.LogoContainer {
    position: absolute;
    width: 221px;
    height: 42px;
    left: 16px;
    bottom: 10px;
}

#LoginContainer input {
    position: relative;
    left: 0;
    width: 100%;
    height: 43px;
    line-height: 43px;
    font-size: 18px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 13px 0 0 0;
}

#LoginContainer .UserName,
#LoginContainer .Password {
    border: 1px solid #abadb3;
    background-color: #fff;
}

    #LoginContainer .UserName:focus,
    #LoginContainer .Password:focus {
        border-color: #4d90fe;
        outline: none;
    }

#LoginContainer .UserName {
    margin-top: 50px;
}

#LoginContainer #LoginButton {
    display: inline-block;
    margin-top: 26px;
    font-size: 20px;
    font-weight: normal;
    text-shadow: none;
    background: #076593 none;
    border-radius: 4px;
}

    #LoginContainer #LoginButton:disabled {
        opacity: .6;
    }

#CancelButton,
#CancelButtonPassword {
    text-decoration: underline;
    color: #333;
    display: inline-block;
    margin-top: 26px;
    height: 43px;
    line-height: 43px;
    width: 70px;
    text-align: center;
}

#LoginContainer.scene input {
    left: 0;
    transition: left .1s ease-in-out;
}

#LoginContainer.scene1 input {
    left: -500px;
}

#LoginContainer.scene2 input {
    left: 500px;
    transition: none;
}

#LoginContainer.scene3 input {
    left: 500px;
}

#LoginContainer.scene4 input {
    left: -500px;
    transition: none;
}

.SessonExpiredDetail {
    position: absolute;
    top: 350px;
    left: 105px;
    width: 285px;
    color: #e50;
}

.loginMessage {
    color: red;
    text-align: left;
    margin-top: 5px;
}

    .loginMessage.info {
        color: #555;
    }

    .loginMessage.success {
        color: #555;
    }

    .loginMessage.warning {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: .21px;
        color: #222222;
    }

.login-progress {
    display: inline-flex;
}

.loginLoading {
    display: none;
}

.VersionInfo {
    position: absolute;
    font-size: 12px;
    color: #333;
    right: 15px;
    bottom: 10px;
}

.loginPage .VersionInfo {
    right: -26px;
    bottom: 13px;
    color: #3f6988;
}

.popupLoginPopup .VersionInfo {
    right: 14px;
    bottom: 8px;
}

.pageLogin .popupNotification,
.pageLogin .k-overlay {
    display: none !important; /* NOSONAR: override runtime css */
}

@media (max-width: 979px) {
    .popupLoginPopup {
        max-width: 748px;
        margin-left: -374px;
    }
}

.loginPage .k-window-content:before, .popupLoginPopup .k-window-content:before {
    background: #fff;
}

.logo {
    justify-content: flex-start;
    width: 100%;
    padding: 0 3rem;
    transition: all .25s linear;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 2.5rem;
    left: 0;
}

    .logo svg {
        width: 12rem;
    }

.forbid {
    background: linear-gradient(#1e2556 0%, #0d112f 100%);
    background-size: cover;
    background-repeat: no-repeat;
}

.login-page {
    display: flex;
    flex-wrap: wrap;
    height: 100vh;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#1e2556 0%,#0d112f 100%);
}

@media screen AND (min-width: 768px) {
    .login-page {
        max-width: 768px;
    }
}

@media screen AND (min-width: 960px) {
    .login-page {
        max-width: 960px;
    }
}

.login-panel {
    min-width: 20rem;
    max-width: 38rem;
    width: 100%;
    background: #fff;
    margin: 0 auto 0;
    align-self: center;
    align-items: center;
    border-radius: 3px;
    box-shadow: 4px 7px 19px #061C2B;
    z-index: 2;
    color: #001737;
}

    .login-panel .intro {
        border-bottom: thin solid #dee1ea;
        margin: 0 0 1rem;
        padding: 1rem 2rem;
        transition: all .25s linear;
    }

        .login-panel .intro h2 {
            color: #001737;
            font-size: 1.5rem;
            font-weight: 400;
            line-height: 1.5;
        }

    .login-panel .alert-danger {
        background: rgb(248, 215, 218);
        border: 0.8px solid rgb(241, 174, 181);
        height: 5rem;
        align-items: center;
        display: flex;
        padding: 8px;
        line-height: 20px;
    }

#LoginButton {
    width: 100%;
    color: #fff;
    cursor: pointer;
    background: #278838;
    border-radius: 3px;
    height: 2.5rem;
    padding: 0 2rem;
    font-size: .875rem;
    font-weight: 400;
    transition: all .15s ease-in-out;
    margin-left: 0px;
    display: block;
    margin-right: 0px;
}

.LogoutButton {
    border-top: thin solid #dee1ea;
    justify-content: flex-end;
    padding: 1rem;
    transition: all .25s linear;
    display: flex;
    margin: 1rem 0;
}

.aboutIcon {
    width: 175px;
    height: 65px;
    margin-left: 110px;
}

.settingsPanel {
  box-shadow: 0 6px 12px 0 rgba(8, 35, 48, 0.14), 0 16px 24px 0 rgba(8, 35, 48, 0.08);
  background-color: #f7f7f7;
  width: 354px;
  position: absolute;
  top: 0;
  left: 60px;
  z-index: 1000; }
  .settingsPanel.hide {
    position: fixed;
    left: -364px; }
  .settingsPanel .card-header, .settingsPanel .accordion-header {
    color: #061c2b;
    text-transform: none;
    font-size: 12px;
    letter-spacing: .44px; }
  .settingsPanel h4 {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin: 0 0 10px 0; }
  .settingsPanel hr {
    border-top: 2px solid #fff;
    margin: 10px; }
  .settingsPanel .greyText {
    color: #919699; }
  .settingsPanel .darkText {
    color: #3d4852; }
  .settingsPanel small {
    display: block;
    text-align: right;
    font-size: 10px;
    font-style: italic;
    letter-spacing: 0.25px;
    color: #78909c; }
  .settingsPanel .accordion {
    overflow: hidden;
    padding: 0 10px 10px; }
    .settingsPanel .accordion .accordion-item {
      border: none;
      margin: 20px 0; }
      .settingsPanel .accordion .accordion-item:first-child {
        margin-top: 10px; }
    .settingsPanel .accordion .accordion-body, .settingsPanel .accordion .accordion-header {
      padding: 0;
      padding-bottom: 10px; }
  .settingsPanel input[type="text"], .settingsPanel .k-dropdown {
    width: 100%; }
  .settingsPanel fieldset {
    margin-bottom: 10px;
    border-radius: 4px;
    border: solid 1px #e3e5e5;
    color: #78909c; }
    .settingsPanel fieldset p {
      margin: 0; }
    .settingsPanel fieldset p:not(:last-child) {
      margin-bottom: 10px; }
  .settingsPanel .tab-content-wrapper {
    height: calc(100vh - 90px);
    /* fallback for none support browsers */
    height: calc(var(--vh, 1vh) * 100 - 90px);
    overflow: auto;
    padding: 0; }
    .settingsPanel .tab-content-wrapper:focus {
      outline: none; }
    .settingsPanel .tab-content-wrapper .tab-content {
      padding: 10px 10px 0 10px; }
  .settingsPanel .settingsPanelSection {
    overflow: hidden; }
  .settingsPanel .settingsPanelProfile .card-body {
    padding-bottom: 0; }
  .settingsPanel .settingsPanelProfile .settingsPanelProfileName {
    margin-top: -5px; }
    .settingsPanel .settingsPanelProfile .settingsPanelProfileName strong {
      display: block;
      font-size: 14px; }
  .settingsPanel #SettingsPanelFormatContent .icon-chevron-down,
  .settingsPanel #SettingsPanelFormatContent .icon-chevron-up {
    position: absolute;
    right: 5%; }
  .settingsPanel .settingsPanelLabelWrapper {
    border-radius: 2px;
    border: solid 1px #e3e5e5;
    background-color: #f7f9fa;
    padding: 5px;
    overflow: auto;
    padding-top: 2px;
    padding-bottom: 2px; }
    .settingsPanel .settingsPanelLabelWrapper .settingsPanelValidateLabels {
      margin-top: 10px; }
      .settingsPanel .settingsPanelLabelWrapper .settingsPanelValidateLabels:first-child {
        margin-top: 0; }
    .settingsPanel .settingsPanelLabelWrapper .settingsPanelLabel {
      border-radius: 14px;
      background-color: #e9ecee;
      padding: 4px 11px;
      margin: 3px;
      float: left; }
  .settingsPanel .settingsPanelActionsAtLoginDisplays {
    margin-left: 25px; }
    .settingsPanel .settingsPanelActionsAtLoginDisplays .settingsPanelActionsAtLoginDisplaysItem {
      display: flex;
      align-items: center;
      margin-top: 10px; }
      .settingsPanel .settingsPanelActionsAtLoginDisplays .settingsPanelActionsAtLoginDisplaysItem:first-child {
        margin-top: 0; }
    .settingsPanel .settingsPanelActionsAtLoginDisplays .icon.display {
      margin-right: 5px;
      font-size: 16px;
      width: 24px;
      color: #78909c;
      text-align: center; }
    .settingsPanel .settingsPanelActionsAtLoginDisplays .icon.delete-red {
      cursor: pointer; }
    .settingsPanel .settingsPanelActionsAtLoginDisplays a {
      display: inline-flex;
      width: 95%; }
    .settingsPanel .settingsPanelActionsAtLoginDisplays .settingsPanelActionsAtLoginDisplayText span {
      display: block; }
    .settingsPanel .settingsPanelActionsAtLoginDisplays .settingsPanelActionsAtLoginDisplayText .greyText {
      font-size: 11px; }
  .settingsPanel .settingsPanelDefaultBusinessProcess .businessProcessesCheckBoxList {
    overflow: visible;
    width: auto; }
  .settingsPanel .settingsPanelDefaultBusinessProcess .BusinessProcessCheckBox {
    display: block;
    padding: 0;
    width: auto; }
    .settingsPanel .settingsPanelDefaultBusinessProcess .BusinessProcessCheckBox:not(:last-child) {
      margin-bottom: 10px; }
  .settingsPanel .settingsPanelGoToSap .btn-info {
    cursor: default; }
  .settingsPanel .settingsPanelGoToSap .btn-download .icon {
    position: relative;
    top: 0;
    font-size: 17px;
    color: #78909c;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .settingsPanel .settingsPanelGoToSap .btn-download:hover .icon {
    top: -5px; }

/* .popupUserPassword
============================================ */
.popupUserPassword {
    height: auto;
}
.popupUserPassword .k-window-content {
    font-size: 12px;
}
.changePasswordPanel {
    margin-left: 0;
    border-left-width: 0;
    padding-bottom: 0;
}
.changePasswordPanel:before {
    display: none;
}
.changePasswordPanel > div {
    display: block;
    padding-left: 0;
}
.changePasswordPanel .row {
    padding-top: 0;
    margin-top: 15px;
}
.changePasswordPanel .input input {
    font-size: 12px;
}
/* .btnInfo
============================================ */
.btnInfo {
    cursor: pointer;
    position: relative;
    display: inline-block;
    color: #34495e;
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

/* #MainContent
============================================ */
#MainContent {
    position: relative;
    overflow: hidden;
    z-index: 5;
    background-color: #fff;
}

/* .popupResolveAngleDisplay
============================================ */
.popupResolveAngleDisplay {
    font-size: 12px;
}

.popupResolveAngleDisplay .conflictAlert {
    box-sizing: border-box;
    padding: 3px 0 10px 30px;
    min-height: 30px;
    background-image: url(../../images/icons/icon_warnings.svg);
    background-repeat: no-repeat;
    background-position: 1px 5px;
}

.popupResolveAngleDisplay .conflictQuestion {
    margin-top: 10px;
}

.popupResolveAngleDisplay th,
.popupResolveAngleDisplay td {
    font-size: 12px;
    text-align: left;
}

.popupResolveAngleDisplay th {
    width: 120px;
}

.popupResolveAngleDisplay th:first-child {
    width: auto;
}

/* .popupAboutResultSummary
===================================== */
.popupAboutResultSummary {
    min-width: 571px !important;
    max-width: 571px !important;
    min-height: 288px !important;
    max-height: 360px !important;
    width: 571px;
    height: 360px;
}

.popupAboutResultSummary .k-window-title {
    line-height: 32px;
}

.popupAboutResultSummary .k-window-content {
    padding: 0;
}

.aboutContainer {
    overflow: hidden;
    font-size: 12px;
    line-height: 15px;
}

.aboutCommon {
    background: transparent url('../../images/master/ea_about_logo.svg') center 10px no-repeat;
    background-size: 185px 185px;
    float: left;
    width: 225px;
    height: 83px;
    padding-top: 205px;
    text-align: center;
    border-right: 1px solid #f1f3f4;
}

.aboutCommon a {
    text-decoration: underline;
    color: #006f9b;
}

.aboutCommon .copyRight {
    margin-top: -8px;
}

.aboutCommon .copyRight a:hover .icon-link {
    visibility: visible;
}

.aboutCommon .copyRight .icon-link {
    visibility: hidden;
    margin-left: 5px;
    font-size: 10px;
}

.no-mouse .aboutCommon .copyRight .icon-link,
.no-mouse .aboutCommon .copyRight a:hover .icon-link {
    visibility: visible;
}

.aboutModels {
    margin-left: 215px;
    padding: 25px 10px 25px 15px;
    height: 231px;
    overflow: auto;
}

.aboutModels h3 {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.aboutModels .row {
    overflow: hidden;
}

.aboutModels .label {
    float: left;
    width: 148px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.aboutModels .value {
    margin-left: 130px;
}

/* #popupModelParameters
================================== */
#popupModelParameters {
    font-size: 12px;
}

#popupModelParameters .labelModel {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    margin-right: 5px;
}

#popupModelParametersHelp {
    font-size: 12px;
    white-space: pre-line;
}

.contentSectionInfo {
    margin-bottom: 15px;
}

.contentSectionInfo h2 {
    font-size: 18px;
    margin: 15px 0;
    word-break: break-all;
}

.contentSectionInfo hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 20px 0;
    padding: 0;
}

.contentSectionInfoItem {
    overflow: hidden;
    margin-bottom: 5px;
    padding-top: 2px;
}

.contentSectionInfoItem > label,
.contentSectionInfoItem > p {
    position: relative;
    font-weight: bold;
    margin-bottom: 1px;
}

.contentSectionInfoItem > label {
    float: left;
    width: 360px;
    margin-right: 20px;
}

.contentSectionInfoItem > p {
    margin-left: 380px;
    margin-top: 0;
    margin-bottom: 0;
}

.contentSectionInfoItem p > label {
    margin-right: 0;
    margin-bottom: 0;
    width: 140px;
    display: inline-block;
}

.contentSectionInfoItem .btnInfo {
    min-width: 0;
    padding: 0;
    border-width: 0;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: -2px;
    box-shadow: none;
}

.contentSectionInfoItem .btnInfo:hover {
    background-color: transparent;
}

/* popupAngleCopy
============================================ */
.popupAngleCopy {
    width: 400px;
    min-width: 400px;
    height: auto;
    min-height: 0 !important;
}

.popupAngleCopy .k-window-content {
    overflow: visible !important;
}

.popupAngleCopyContainer {
    font-size: 14px;
}

.popupAngleCopy .copyAngleLabel {
    display: inline;
    padding-right: 5px;
}

.popupAngleCopy .k-dropdown {
    min-width: 220px;
}

/* popupReport
============================================ */
.popupReport {
    width: 700px;
    min-width: 400px;
    height: 400px;
}

.popupReport .k-window-content {
    max-height: 520px;
    padding: 16px;
    font-size: 12px;
}

.popupReport strong {
    font-size: 14px;
    line-height: 20px;
}

.popupReport em {
    color: #900;
}

.popupReport .ok {
    color: #090;
}

/* .helpTextPopup
============================================ */
.helpTextPopup .k-window-titlebar > .icon {
    float: left;
    width: 20px;
    height: 16px;
    margin-left: 0;
    margin-top: 10px;
    z-index: 2;
}

.helpTextPopup .k-window-titlebar .iconStatus {
    cursor: pointer;
    background-image: none;
    color: #f3aa18;
    margin-left: 15px;
    font-size: 14px;
}

.helpTextPopup .k-window-titlebar .iconCategory {
    margin-right: 5px;
}

.helpTextPopup .k-window-titlebar .DisplayPropertiesGridSignSuggest {
    background-image: url('../externalresource/icon_suggest.svg');
    background-position: left top;
}

.helpTextPopup .k-window-titlebar .loader-spinner-inline {
    cursor: default;
    width: 9px;
    height: 9px;
}

#YourNote {
    cursor: pointer;
    position: absolute;
    display: block;
    left: 20px;
    bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #999;
    width: calc(50% - 90px);
    height: 22px;
    line-height: 22px !important;
    font-style: italic;
    background: transparent none left center no-repeat;
    box-sizing: border-box;
}

#YourNote:hover {
    background-image: url('../../images/icons/icon_note.png');
    padding-left: 23px;
}

#YourNote.editNoteMode,
#YourNote.editNoteMode:hover {
    background-image: url('../../images/icons/icon_note.png');
}

#YourNote.disabled,
#YourNote.disabled:hover {
    cursor: default;
    background-image: none;
}

#txtYourNote {
    margin-left: 23px;
    position: absolute;
    left: 0;
    top: 0;
    height: 22px;
    width: calc(100% - 20px);
    line-height: 22px;
    border-width: 0;
    background-color: transparent;
    box-sizing: border-box;
    padding: 0 5px;
}

#txtYourNote:focus {
    outline: none;
    border-bottom: 1px dotted #333;
}

.DescriptionWrapper {
    float: left;
    margin-top: 25px;
    visibility: hidden;
    vertical-align: top;
    position: relative;
    height: 240px;
    width: 48.5%;
}

.DescriptionWrapper .sectionDefinitions {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#ToggleAngle {
    cursor: pointer;
    margin: 0 auto;
    position: relative;
    top: 1px;
    width: 100px;
    height: 30px;
    background-color: #236e97;
    text-align: center;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-width: 0;
    z-index: 20;
}

.fullDetail + #ToggleAngle {
    margin-top: -15px;
}

#ToggleAngle:hover {
    background-color: #155577;
}

#ToggleAngle.disabled {
    cursor: default;
    background-color: #236e97 !important;
}

#ToggleAngle.disabled > span {
    cursor: default;
}

#ToggleAngle > span {
    margin: 0 5px 0 4px;
    padding: 0;
    position: relative;
    top: 4px;
    left: -1px;
    width: 23px;
    height: 23px;
    cursor: pointer;
    display: inline-block;
}

#ToggleAngle .Collapse {
    background-image: url('../../images/angle/btn_toggleup.png');
}

#ToggleAngle .Expand {
    background-image: url('../../images/angle/btn_toggledown.png');
}

#AngleTableWrapper .btnExecuteDisplay {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -65px;
    z-index: 1000;
}

#AngleTableWrapper .k-grid-content .btnExecuteDisplay {
    margin-left: -80px;
}

#AngleTableWrapper .btnExecuteDisplay > span {
    width: 108px;
}

/* .mainDisplayWrapper
============================================ */
.mainDisplayWrapper {
    position: relative;
    top: 0;
    z-index: 6;
    overflow: hidden;
    border: 0;
}

.mainDisplayWrapper.hiddenContent {
    visibility: hidden;
}

.mainDisplayWrapper.hiddenContent .k-grid-content,
.mainDisplayWrapper.hiddenContent .dxpgBottomPager {
    display: none;
}

/* .domainIcon
============================================ */
.domainIcon {
    float: left;
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    background: transparent none center center no-repeat;
}

.k-dropdown-wrap .domainIcon {
    margin-top: 6px;
    margin-left: 2px;
    margin-right: -2px;
}

.k-list .domainIcon {
    margin-top: -1px;
}

.k-list-container .k-virtual-content {
    overflow-y: auto;
}

/* .angleInformation
===================================== */
.angleInformation {
    position: absolute;
    left: 215px;
    top: 12px;
    z-index: 100;
}

.angleInformation > div,
.angleInformation > span {
    float: left;
}

.angleInformation > div {
    position: static;
    width: 20px;
    height: 20px;
    margin: -3px 0 0 2px;
}

.angleInformation > .SignPrivate,
.angleInformation > .SignPublic {
    margin-top: -2px;
}

.angleInformation > .SignValidated {
    margin-top: 0;
}

.angleInformation > .SignType3 {
    margin-top: -2px;
}

.angleInformation > .loader-spinner-inline {
    cursor: default;
    width: 11px;
    height: 11px;
    margin-top: -1px;
    margin-left: 5px;
}

.angleInformation span {
    display: inline-block !important;
    width: auto;
    text-align: left;
    position: relative;
    margin-left: 4px;
    max-width: 460px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    top:2px;
}

.k-window-draggable .angleInformation,
.k-window-draggable .angleInformation > div,
.k-window-draggable .angleInformation > span {
    cursor: move;
}

.k-window-draggable .angleInformation > div.SignFavorite,
.k-window-draggable .angleInformation > div.SignFavoriteDisable {
    cursor: pointer;
}

.k-window-draggable .angleInformation > .loader-spinner-inline {
    cursor: default;
}

/* .popupAngleInfo
===================================== */
.popupAngleInfo {
    min-width: 748px !important;
    min-height: 300px !important;
}

.popupAngleInfo .k-window-title {
    width: 200px;
}

#angleInfoLabelSectionPopup .InfoFocus span {
    max-width: none;
    min-width: 0;
}

#angleInfoLabelSectionPopup {
    padding-bottom: 10px;
}

#angleInfoDisplaySectionPopup {
    padding-bottom: 10px;
}

/* .popupDashboardInfo
===================================== */
#dashboardInfoLabelSectionPopup {
    padding-bottom: 10px;
}

#dashboardInfoLabelSectionPopup .InfoFocus span {
    max-width: none !important;
    min-width: 0 !important;
}

/* .definitionArea
===================================== */
.definitionArea h2 {
    margin-bottom: 15px;
}

.definitionArea .DefInfo {
    position: relative;
    font-size: 12px;
    overflow: hidden;
}

.DefInfo > label {
    color: #333333;
    font-weight: bold;
    position: relative;
    float: left;
    width: auto;
    min-height: 15px;
    padding-right: 10px;
}

.DefInfo > div {
    position: relative;
    min-height: 15px;
}

.safari.no-touch .DefInfo > div {
    -webkit-margin-start: 0 !important; /* NOSONAR: safari bug */
}

.editmode .definitionArea .DefInfo.defInfoWrapper + .StatSeparate {
    display: none;
}

.definitionArea .DefInfo.modelRoles > .sectionModelRole {
    margin-left: 0;
}

.definitionArea .DefInfo.modelRoles .modelRoleHeader {
    font-size: 12px;
    font-weight: bold;
    width: auto;
    float: left;
    margin-bottom: 0;
    padding-right: 10px;
}

.definitionArea .DefInfo.modelRoles .modelRoleList {
    margin-left: 90px;
    min-height: 1px;
    line-height: 16px;
}

.definitionArea .DefInfo.classesInfo,
.definitionArea .DefInfo.displayInfo {
    height: auto;
}

.definitionArea .DefInfo.classesInfo .definitionsObjectHeader {
    display: inline-block;
    vertical-align: top;
    background-image: none;
    padding-left: 0;
    padding-right: 10px;
    margin-bottom: 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
}

.definitionArea .DefInfo.classesInfo .definitionsObjectHeader > span:after {
    content: ':';
}

.definitionArea .DefInfo.classesInfo > label,
.definitionArea .DefInfo.displayInfo > label {
    line-height: 20px;
}

.definitionArea .DefInfo .objectName {
    overflow: hidden;
    height: 16px;
    margin-bottom: 3px;
}

.definitionArea .DefInfo.displayInfo .objectName {
    line-height: 20px;
}

.definitionArea .DefInfo .objectName .detailDefinitionList.inline li:first-child > .object {
    background-image: none;
    padding-left: 0 !important;
}

#AnglePrivilege,
#SearchLabel {
    cursor: pointer;
}

.filterButtonWrapper {
    position: relative;
    padding-top: 12px;
    overflow: hidden;
    padding-bottom: 1px;
}

.filterButtonWrapper .btn {
    float: right;
    margin: 0 1px 0 9px;
}

.filterButtonWrapper .btn span {
    position: relative;
    padding-left: 5px;
    text-align: left;
    min-width: 0;
    padding-right: 5px;
}

.btnTemplate {
    margin: 0;
}

.btnTemplate .icon {
    background: transparent none right center no-repeat;
    width: 50px;
    height: 100%;
    margin-left: 5px;
}

.btnTemplate .icon.template {
    background-image: url('../../images/icons/icon_template_to_angle.png');
}


.btnTemplate .icon.angle {
    background-image: url('../../images/icons/icon_angle_to_template.png');
}

.statisticArea {
    font-size: 12px;
}

.statisticArea .row {
    margin-bottom: 15px;
    margin-top: 15px;
}

.statisticArea .row > .field {
    width: 160px;
}

.statisticArea .row > .field + .input {
    margin-left: 160px;
}

.StatSeparate {
    margin: 9px 0;
    position: relative;
    height: 1px;
    background-color: #fff;
    border-top: 1px solid #b3b3b3;
}

/* .popupSaveAs
===================================== */
.popupSaveAs {
    width: 500px;
    height: auto;
    min-height: 0 !important;
}

.popupSaveAs .k-window-content {
    font-size: 12px;
    overflow: visible !important;
    padding: 20px 15px 15px 15px;
}

.popupSaveAs .k-window-content h2 {
    display: none;
}

.popupSaveAs .k-window-content table {
    width: 100%;
}

.popupSaveAs .k-window-content table tr td:first-child {
    vertical-align: top;
    width: 130px;
}

.popupSaveAs .k-window-content table tr td:first-child > label {
    position: relative;
    top: 10px;
}

.popupSaveAs .row {
    margin-bottom: 5px;
}

.popupSaveAs .row:before,
.popupSaveAs .row:after {
    display: table;
    content: "";
    line-height: 0;
}

.popupSaveAs .row:after {
    clear: both;
}

.popupSaveAs .rowAddToNewAngle {
    margin: 15px 0;
    font-weight: bold;
}

.popupSaveAs .row.warningMessage {
    font-weight: normal;
    font-style: italic;
    color: #900;
    line-height: 22px;
    padding-left: 20px;
    background: transparent url('../../images/icons/icon_warnings.svg') left top no-repeat;
    background-size: 18px 18px;
}

.popupSaveAs .row > .field {
    float: left;
    width: 145px;
    min-height: 1px;
    font-weight: bold;
    top: 12px !important;
    position: relative;
}

.popupSaveAs .row > .field + .input {
    margin-left: 150px;
}

.popupSaveAs .row > .input {
    min-height: 1px;
    position: relative;
}

.popupSaveAs .row > .input > label {
    display: inline-block;
    margin-right: 5px;
}

/* .displayWrapper
============================================ */
.displayWrapper {
    background-color: #e0e0e0;
}

.displayWrapper.full .fieldListArea {
    position: absolute;
}

.fieldListToggleButton {
    cursor: pointer;
    position: absolute;
    width: 10px;
    height: 100%;
    left: 400px;
    top: 0;
    background: #cecece url('../../images/icons/icon_arrow_left.svg') center center no-repeat;
    z-index: 3;
    padding-top: 1px;
    transition: background-color .3s cubic-bezier(.25,.8,.25,1);
}

.fieldListToggleButton:hover {
    background-color: #b7b7b7;
}

.displayWrapper.full .fieldListToggleButton {
    left: 0;
    background-image: url('../../images/icons/icon_arrow_right.svg');
}

.displayArea {
    font-size: 12px;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 2;
}

.displayWrapper.readonly .fieldListToggleButton,
.displayWrapper.readonly .fieldListArea {
    display: none;
}

#ReferenceLabel.disabled  {
    pointer-events: none;
    opacity: 0.5; 
}
.btn-modelstamp {
    padding-left:13px;
}

#ModeltimeStamp .input > span {
    width: 88%;
}

#add-model-date .input > span {
    width: 80%;
}

#template-warning-message-display {
    color: #FF0000;
    font-size: 12px;
    justify-content: flex-start;
    display: flex;
    margin-left: 110px;
    margin-bottom: 0px;
}

.dropdown-border-warning {
    border-color: #ff0000 !important;
}

.popupModelParameters,
.description-editor-popup {
    height: 625px !important;
}