/*---Home Screens---*/

/*-Root-*/
:root {
    --arsenic-950: #161D26;
    --defaultColor: #94A9BD;
    --uiSystemFont: Work Sans,Arial,Helvetica,sans-serif;
    --uiItemListHover: #28B7C33D;
    --uiActiveColor: #FF8964;
    --mainActionColor: #FF8964;
    --mainActionActiveColor: #F7562B;
    --mainActionHoverColor: #FFA58D;
    --defaultOrange: #FF8964;
    --uiInputBorder: 1px solid #94A9BD;
}

#navigation-toolbar {box-shadow: 0px 0px 8px #4D63783D;}

.navigation-toolbar-logo {margin: 5px 16px 5px 8px;}

.navigation-toolbar-logo img.header-logo {
    width: 106px; 
    height: 32px; 
}

table {width: 100%}


/*--body--*/
body {
    font-family: var(--uiSystemFont);
    line-height: normal;
}

/*-Drawer-*/
.ant-drawer {
    font-family: var(--uiSystemFont);
}

/*--------Checkbox---------*/
label.ant-checkbox-wrapper {
	align-items: center;
    width: max-content;
}

span.ant-checkbox {
	top: 0;
}

.ant-checkbox.ant-checkbox.ant-checkbox-checked {
    background-color: var(--uiActiveColor);
    border-color: var(--uiActiveColor);
}

.ant-checkbox.ant-checkbox.ant-checkbox-checked:hover {
    background-color: var(--mainActionActiveColor);
    border-color: var(--mainActionActiveColor);
}

.filter-dropdown-component .filter-dropdown-component-checkbox span.ant-checkbox:hover,
li:hover label.ant-checkbox-wrapper span.ant-checkbox {
    border-color: var(--arsenic-950);
}

.ant-menu-overflow {display: block}

.ant-menu-horizontal>.ant-menu-item:after {display: none}

div.ant-tabs-content.ant-tabs-content-top {height: 100%;}

/*--Modal--*/
.agg-modal {font-family: var(--uiSystemFont)}
.agg-modal .ant-modal-content {min-width: 1300px; max-width: 1300px}
.component-scroll-container.narrow {width: 100%;}

span.ant-select-selection-placeholder,
textarea::placeholder,
input::placeholder {
  font: italic normal 300 14px/18px Work Sans;
}

.ant-modal-body table {width: 100%}

.header-button.header-button .header-button-icon.active #icon,
.header-button.header-button .header-button-icon:active #icon {
    fill: #FF8964!important;
}

/*---------------------------------------------------------------------------------Dockable layout-----------------------------------------------------------------------------*/
.dashboard-editor-layout.dock-layout:not(.dock-layout-empty-dock-box) {
border-top: 0;
    inset: 4px !important;
}

.dock-box.dock-hbox.dashboard-editor-layout .react-dnd.dnd-wrapper.dock-panel.dock-style-dashboard-editor-default.dock-panel-one-tab.dashboard-editor-layout:first-child .dashboard-editor-layout.dock-content-holder {
    overflow: scroll;
}

.dock-box.dock-hbox.dashboard-editor-layout .react-dnd.dnd-wrapper.dock-panel.dock-style-dashboard-editor-default.dock-panel-one-tab.dashboard-editor-layout:first-child .dashboard-editor-layout.dock-content-holder>div {
    width: 1920px;
    height: 1080px;
}

.dnd-wrapper.drag-initiator.dockable-layout .dock-tab-title{color: var(--arsenic-950);}

.dockable-layout.dock-layout:not(.dock-layout-empty-dock-box) {
    inset: 0 !important;
	border-top: 0;
}

.dockable-layout.dock-panel:not(.dock-panel-one-tab)>.dock-bottom>.dock-bar .dock-tab:hover,
.dockable-layout.dock-panel:not(.dock-panel-one-tab)>.dock-left>.dock-bar .dock-tab:hover,
.dockable-layout.dock-panel:not(.dock-panel-one-tab)>.dock-right>.dock-bar .dock-tab:hover,
.dockable-layout.dock-panel:not(.dock-panel-one-tab)>.dock-top>.dock-bar .dock-tab:hover {background: #fff}

/*--------------------------------Properties Editor----------------------------------------*/
.properties-editor-title-text {
/*    font: normal normal bold 32px/40px Work Sans;*/
/*    letter-spacing: 0.64px;*/
    color: var(--arsenic-950);
/*    max-width: unset;*/
}

.properties-editor-button-group {
/*    margin-right: 0;*/
    border-color: #E5E5E5;
    background: #fafafa;
}

.properties-editor-button-group .properties-editor-toolbar-button:hover {
    background-color: #94A9BD28;
    #icon{fill:var(--arsenic-950)};
}

.component-system-button.round:active {
    background-color: #94A9BD28;
    #icon{fill:var(--uiActiveColor)};
}

.component-system-button.round:hover:active{
    background-color: #94A9BD14;
    #icon{fill:var(--mainActionActiveColor)};
}
.properties-editor-button-group .properties-editor-toolbar-button.locked {background-color: var(--uiActiveColor);}
.properties-editor-button-group .properties-editor-toolbar-button.locked #icon {fill: #fff}
.properties-editor-button-group .properties-editor-toolbar-button.locked:hover {background-color: var(--mainActionActiveColor);}

.agg-tooltip.agg-tooltip {
    font-family: var(--uiSystemFont);
    font-size: 14px;
    line-height: 18px;
}

.ant-tooltip.agg-tooltip .ant-tooltip-arrow-content,
.ant-tooltip.agg-tooltip>.ant-tooltip-content .ant-tooltip-inner {
    background-color: var(--arsenic-950);
}

.permission-error .ant-tooltip-arrow-content,
.permission-error .ant-tooltip-inner {background-color: #d23970 !important}

.permission-error .ant-tooltip-inner {
    padding: 12px 16px 12px 8px;
    border-radius: 8px;
}

.permission-error .ant-tooltip-inner > div {display: flex;}

.permission-error .divider {
    background-color: #FFFFFF;
    width: 1px;
    margin: 0 12px 0 8px;
}

.permission-error p {
    margin: 0;
    width: 150px;
    line-height: 20px;
}

.toolbar-section:not(:empty):not(:first-child):before {
    content: none;
}

/*.toolbar-container .toolbar-section:nth-child(3) {width: 100%}*/
.toolbar-container .toolbar-button.square {width: max-content; background-color: var(--arsenic-950);}
.toolbar-container .toolbar-button.square svg #icon {fill: #fff}
.toolbar-container .toolbar-button.square:hover {background-color: var(--mainActionActiveColor);}

/*.title-help-circle:after {background-color: #33BDA5}*/

.agg-nested-tab-pane .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {
    border: 1px solid var(--uiActiveColor);
    background-color: #FF896428;
    box-shadow: 0 0 0 1px var(--mainActionColor);
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap {padding: 1px; margin: -1px}

.agg-nested-tab-pane .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover {
    box-shadow: none;
}

.agg-nested-tab-pane .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover {
    box-shadow: 0 0 0 1px var(--arsenic-950), inset 0 0 0 1px var(--arsenic-950);
}

.ant-progress-bg {background-color: var(--uiActiveColor);}

.gui-properties-editor .ant-tabs-nav {
    margin: 16px 8px 1px 16px ;
}

/*------------------Inputs------------------*/
.agg-input-wrapper, 
.agg-input.agg-input,
.filter-list-container .filter-dropdown-component input.filter-dropdown-component-text-field {
    border-color: var(--defaultColor);
}

.ant-picker-focused, .date-time-picker:active,
.agg-textarea:not(.agg-textarea-disabled):active, .agg-textarea:not(.agg-textarea-disabled):focus,
.agg-input.agg-input:active, .agg-input.agg-input:focus, .agg-input-wrapper.ant-input-affix-wrapper.ant-input-affix-wrapper-focused,
.ant-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input), 
.ant-select.ant-select-open:not(.ant-select-disabled), 
.ant-select:hover.ant-select-open:not(.ant-select-disabled),
.filter-list-container .filter-dropdown-component input.filter-dropdown-component-text-field:active,
.filter-list-container .filter-dropdown-component input.filter-dropdown-component-text-field:focus {
    box-shadow: 0 0 0 4px #28B7C37A;
    border-color: #1F828C;
}

.filter-list-container .filter-dropdown-component input.filter-dropdown-component-text-field:active,
.filter-dropdown-container .filter-dropdown-component input.filter-dropdown-component-text-field:focus {
    box-shadow: 0 0 0 4px #28B7C37A inset;
}


.agg-input-wrapper:focus-within .ant-input::placeholder, 
.agg-input-wrapper:focus .ant-input::placeholder, 
.agg-input:focus::placeholder,
.agg-input-wrapper .ant-input::placeholder,
input.filter-dropdown-component-text-field::placeholder {
    color: var(--defaultColor);
    font-size: 14px;
}

.agg-input-wrapper.ant-input-affix-wrapper.ant-input-affix-wrapper-focused:hover,
input.ant-input.agg-input:focus:hover,
input.ant-input.agg-input:active:hover,
.ant-select.ant-select-focused.ant-select-open:not(.ant-select-disabled):hover {
    box-shadow: 0 0 0 4px #788FA57A;
    border-color: var(--arsenic-950);
}

.filter-list-container .filter-dropdown-component input.filter-dropdown-component-text-field:active:hover,
.filter-dropdown-container .filter-dropdown-component input.filter-dropdown-component-text-field:focus:hover {
    box-shadow: 0 0 0 4px #788FA57A inset;
}

input.ant-input.agg-input:hover,
.agg-input-wrapper:not(.ant-input-affix-wrapper-disabled):hover,
.ant-select:hover:not(.ant-select-disabled) {
  border-color: var(--arsenic-950);
}

.toolbar-container .toolbar-input-container .component-toolbar-search-image #icon,
.agg-input-wrapper:not(.ant-input-affix-wrapper-disabled) #icon,
.agg-input-wrapper:not(.ant-input-affix-wrapper-disabled) .b {
  fill: var(--defaultColor);
}

.agg-input-wrapper:not(.ant-input-affix-wrapper-disabled):hover #icon,
.agg-input-wrapper:not(.ant-input-affix-wrapper-disabled):hover .b {
  fill: var(--arsenic-950);
}

input.ant-input.agg-input:hover::placeholder,
.agg-input-wrapper:not(.ant-input-affix-wrapper-disabled):hover .ant-input::placeholder,
.ant-select:not(.ant-select-disabled) .ant-select-selector:hover .ant-select-selection-placeholder,
.ant-select:hover .ant-select-selection-placeholder {
  color: var(--arsenic-950);
}

.agg-input-wrapper:focus-within:hover #icon,
.agg-input-wrapper:focus-within #icon,
.agg-input-wrapper:focus-within:hover .b,
.agg-input-wrapper:focus-within .b {
  fill: var(--mainActionColor) !important;
}

.ant-picker-panel-container {
    border: 1px solid #1F828C;
}

.ant-btn-primary {
    background-color: var(--arsenic-950);
    border: none;
}

.ant-btn-primary:hover {
    background-color: var(--mainActionColor);
}

.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
    color: #fff;
    background: var(--arsenic-950);
}

.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-in-range:before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):before {
    background: #e0e0e0;
}

/*------------Select dropdown---------------*/
.ant-select-dropdown {
    border:  1px solid var(--arsenic-950);
    min-width: max-content !important;
}

div.ant-select-item-option-content {
    justify-content: space-between;
}

.ant-select-item-option-content span {
    border: none;
    height: inherit;
}

div.ant-select-item-option-selected.ant-select-item-option-selected {
    box-shadow: none;
}

.ant-select-item.ant-select-item-option.ant-select-item-option-selected .ant-select-item-option-content:after {
    width: 8px;
    height: 8px;
    background-color: var(--mainActionColor);
    border-radius: 50%;
    content: '';
}

.ant-select-item-option .ant-select-item-option-content:after {
    width: 4px;
    height: 4px;
    background-color: unset;
    border-radius: 50%;
    content: '';
}

.ant-select-item-option-active.ant-select-item-option-active .ant-select-item-option-content:after {
    width: 4px;
    height: 4px;
    background-color: var(--defaultColor);
    border-radius: 50%;
    content: '';
}

.ant-select-item-option-content span {
    padding-right: 4px;
}

.ant-select-item-option-selected.ant-select-item-option-selected {
    background-color: var(--uiItemListHover);
}

.ant-select-item-option-content span {
    font: 14px/18px Work Sans;
}

.ant-select-item-option-selected span{
    font-weight: 600;
}

.ui-component.js-textField.input-default.input-medium.input-error input[data-valid="invalid"]:active,
.ui-component.js-textField.input-default.input-medium.input-error input[data-valid="invalid"]:focus {
    transition: all 0.2s ease 0s;
    box-shadow: #E360607A 0px 0px 0px 4px;
}

.ant-select-dropdown .ant-select-item-option-selected {
    color: var(--arsenic-950);
}

/*--------------------------------------------------System tree------------------------------------------------*/
.js-systemTree {background-color: #FAFAFA}
.system-tree {
    background: unset;
    padding: 8px 0;
}

.system-tree-search-input.ant-input-affix-wrapper {
    border: 1px solid var(--defaultColor);
}

.system-tree-search-input.ant-input-affix-wrapper-focused {
    border-radius: 4px;
}

.system-tree-search .agg-input-wrapper .ant-input::placeholder {
    font-size: 14px;
    font-family: 'Work Sans';
    color: var(--defaultColor);
}

.system-tree-context-expand #icon,
.system-tree-switch #icon {
    fill: var(--uiSVGHoverColor);
}

.system-tree-switch .ant-switch {
    box-shadow: inset 0 0 0 2px var(--uiSVGHoverColor);
}

.system-tree-switch .ant-switch:hover {
    box-shadow: inset 0 0 0 2px var(--arsenic-950);
}

.system-tree-switch .ant-switch-handle:before{
    background: var(--uiSVGHoverColor)
}

.system-tree-switch .ant-switch:hover .ant-switch-handle:before {
    background: var(--arsenic-950);
}

.system-tree-switch .ant-switch-checked:hover .ant-switch-handle:before {
    background: #fff;
}

.system-tree-switch .ant-switch-checked {
    background: var(--uiSVGHoverColor)
}

.system-tree-switch .ant-switch-checked:hover {
    background: var(--arsenic-950);
    box-shadow: inset 0 0 0 2px var(--arsenic-950);
}

.system-tree-context-header {
    font-size: 14px;
    color: var(--arsenic-950);
}

.system-tree-context-header {
    padding-left: 12px;
}

.system-tree-context-header:hover {
    background: #94A9BD28;
}

.system-tree-context-header:hover::after {
    background: var(--defaultColor);
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-left: 8px;
    margin-right: 4px;
}

.system-tree-context-header.selected {
    box-shadow: none;
    font-weight: 600;
    color: var(--arsenic-950);
    background: var(--uiItemListHover);
}

.system-tree-context-header.selected:after {
    background: var(--mainActionColor);
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 8px;
    margin-right: 2px;
    transition: 0.3s;
}

.system-tree-context-header.selected:hover {
    box-shadow: none;
    background: #28B7C328;
}

.system-tree-context-header.selected:hover::after {
    width: 4px;
    height: 4px;
    margin-right: 4px;
}

.system-tree-context-header .ant-checkbox-wrapper {
    align-items: center;
}

.system-tree-context-header .ant-checkbox {
    border-color: var(--uiSVGHoverColor);
}

.system-tree-context-header:hover .ant-checkbox.ant-checkbox {
    border-color: var(--arsenic-950);
}

.system-tree-context-header:hover .system-tree-context-expand #icon {
    fill: var(--arsenic-950);
}

.system-tree-context-header .ant-checkbox-checked.ant-checkbox-checked {
    background: var(--uiSVGHoverColor);
    border-color: var(--uiSVGHoverColor);
}

.system-tree-context-header:hover .ant-checkbox.ant-checkbox-checked {
    background: var(--arsenic-950);
}

.system-tree-top-gradient,
.system-tree-bottom-gradient {
    display: none;
}

.context-tree-children-info {
    margin-left: -12px;
    font-size: 14px;
    line-height: 16px;
}

.context-tree-children-info .context-tree-children-info-input {
    width: 48px;
    height: 24px;
    text-align: right;
    margin: 0 4px;
}

.context-tree-children-info .context-tree-children-info-number {
    font-weight: 600;
}

.context-tree-children-info .context-tree-children-info-number:first-of-type {
    margin-right: 1px;
}

.context-tree-children-info .context-tree-children-info-number:nth-of-type(2) {
    margin-left: 1px;
    margin-right: 14px;
}

/*----Tab Panel----*/
.ant-tabs {
    font-family: var(--uiSystemFont);
}


.ant-tabs-ink-bar {
    background-color: var(--mainActionColor);
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    font-weight: 600;
    color: var(--arsenic-950);
}

.ant-tabs .ant-tabs-nav .ant-tabs-tab {
    color: var(--arsenic-500);
}

.ant-tabs-tab svg{
    border-radius: 0;
}

.ant-tabs-tab svg:hover {
    background-color: unset;
}

.ant-tabs .ant-tabs-nav .ant-tabs-tab:hover {
    color: var(--arsenic-950);
}

.ant-tabs-tab:after {
    background-color: var(--arsenic-950);
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated, 
.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated, 
.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated, 
.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated {
    transition: width .3s,left .3s,right .3s;
}



/*----Data Table----*/
.data-table-row {
    font-size: 14px;
    color: var(--arsenic-950);
}

.table-html-snippet {align-items: center}

.data-table-column-title .data-table-column-description {
    color: var(--arsenic-950);
    font-weight: 600;
    font-size: 14px;
}

.custom-pagination .ant-pagination-item-active div.pagination-item,
.custom-pagination .ant-pagination-item-active div.pagination-item:hover {
    background-color: var(--mainActionColor);
    border-color: var(--mainActionColor);
}


div.pagination-next-button:active,
div.pagination-prev-button:active,
div.pagination-item:active,
div.pagination-next-button:hover,
div.pagination-prev-button:hover,
div.pagination-item:hover {
    border-color: var(--arsenic-950);
    color: var(--arsenic-950);
}

div.pagination-next-button svg #icon {
    fill: var(--arsenic-500);
}

div.pagination-prev-button:hover svg #icon,
div.pagination-prev-button:hover svg #icon,
div.pagination-next-button:active svg #icon,
div.pagination-next-button:hover svg #icon {
    fill: var(--arsenic-950);
}

div.filter-dropdown-container,
.toolbar-container .column-selector {
    border-color: var(--arsenic-950);
}

.toolbar-container .column-selector .column-selector-list-item:hover,
.toolbar-container .column-selector .column-selector-list-item--checked,
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container:after {
    box-shadow: none;
}

li.filter-dropdown-component,
.toolbar-container .column-selector .column-selector-list-item,
.toolbar-container .column-selector .column-selector-list-item--checked, 
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container:after {
    display: flex;
    align-items: center;
}

li.filter-dropdown-component:after,
.toolbar-container .column-selector .column-selector-list-item:after {
    background: unset;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: 2px;
    transition: 0.3s;
}

li.filter-dropdown-component:hover:after,
.toolbar-container .column-selector .column-selector-list-item:hover:after {
    background: var(--defaultColor);
    transform: scale(0.5);
}

.toolbar-container .column-selector .column-selector-list-item.column-selector-list-item--checked:hover {
    background-color: #28B7C328;
}

.toolbar-container .column-selector .column-selector-list-item.column-selector-list-item--checked:after {
    background: var(--mainActionColor);
}

.toolbar-container .column-selector .column-selector-list-item .ant-checkbox.ant-checkbox.ant-checkbox-checked {
    background-color: var(--arsenic-500);
    border-color: var(--arsenic-500);
}

.filter-list-container .filter-dropdown-component .filter-dropdown-component-label,
.toolbar-container .column-selector .column-selector-list-item .ant-checkbox-wrapper {
    color: var(--arsenic-950);
    padding-right: 8px;
}

.toolbar-container .column-selector .column-selector-list-item .ant-checkbox.ant-checkbox.ant-checkbox-checked~span {
    font-weight: 600;
    line-height: 18px;
}

.toolbar-container .column-selector .column-selector-list-item--checked:hover:after {
    transform: scale(0.5);
}

li:hover .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked:hover,
li:hover .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked,
.toolbar-container .column-selector .column-selector-list-item--checked:hover .ant-checkbox.ant-checkbox-checked {
    background-color: var(--arsenic-950);
    border-color: var(--arsenic-950);
}

.toolbar-container .column-selector-dropdown-button--active {
    background-color: #94A9BD14;
}

.toolbar-container .column-selector-dropdown-button--active svg #icon {
    fill: var(--mainActionActiveColor);
}

.filter-dropdown-container .filter-dropdown-buttons span,
.toolbar-container .column-selector-toolbar .ant-btn {
    font: normal normal 500 13px/16px Work Sans;
    line-height: 16px;
    padding: 4px;
    cursor: default;
    border-radius: 4px;
    height: auto;
}

.filter-dropdown-container .filter-dropdown-buttons .filter-dropdown-buttons.reset:hover,
.toolbar-container .column-selector-toolbar .ant-btn:hover {
    background-color: var(--arsenic-950);
    color: #fff;
}

.filter-dropdown-container .filter-dropdown-buttons .filter-dropdown-buttons.confirm:hover,
.toolbar-container .column-selector-toolbar .column-selector-toolbar-ok:hover {
    background-color: var(--mainActionColor);
    color: #fff;
}

div.filter-dropdown-container {
/*    padding: 8px 0 4px;*/
padding: 0;
}

div.filter-dropdown-buttons {
    border-top: 1px solid #E5E5E5;
    margin-top: -1px;
    padding: 4px 8px;
/*    margin-top: 0;*/
/*    border-top: none;*/
}

.filter-dropdown-container li {
    padding-right: 8px;
}

.filter-dropdown-container li:not(:only-child):first-child {
    margin-top: 8px;
}

.filter-dropdown-container li:not(:only-child):last-child {
    margin-bottom: 8px;
}

.filter-dropdown-container li:only-child {
    padding-right: 0px;
}

.filter-dropdown-container li:only-child:after {
    content: none;
}

span.filter-dropdown-component-label {
    font-size: 12px;
    line-height: 18px;
}

.filter-list-container li.filter-dropdown-component:hover,
.toolbar-container .column-selector li.column-selector-list-item:hover {
    background-color: #94A9BD28;
}

.filter-dropdown-container .filter-dropdown-buttons .filter-dropdown-buttons.confirm {
    color: var(--mainActionColor);
    margin-left: 8px;
}

.agg-table-wrapper .ant-table-header .ant-table-thead .ant-table-cell .table-filter-container.search-applied svg #icon {
    fill: var(--uiActiveColor);
}

.agg-table-wrapper .ant-table-header .ant-table-thead .ant-table-cell:hover .table-filter-container.search-applied svg #icon {
    fill: var(--mainActionActiveColor);
}

.agg-table-wrapper .ant-table-header .ant-table-thead .ant-table-cell .table-sorter-wrapper .styled-sorter-arrow.active {
    color: var(--uiActiveColor);
}

.agg-table-wrapper .ant-table-header .ant-table-thead .ant-table-cell:hover .table-sorter-wrapper .styled-sorter-arrow.active {
    color: var(--mainActionActiveColor);
}


.ant-table-cell>div:last-child {border-color: var(--mainActionColor) !important;}

/*----------------------Context list------------------------------*/

.agg-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row:nth-child(2n) {
    background-color: #fff;
}

.agg-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row:nth-child(odd) {
    background-color: #94A9BD14;
}

.agg-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row:nth-child(2n):hover,
.agg-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row:nth-child(odd):hover {
    background-color: #94A9BD28;
}

.agg-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row.ant-table-row-selected .data-table-column:first-child,
.agg-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row:hover.ant-table-row-selected .data-table-column:first-child {
    box-shadow: none;
    background-color: unset;
}

.agg-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row:nth-child(2n).ant-table-row-selected {
    background-color: #FF896428;
}

.agg-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row:nth-child(odd).ant-table-row-selected {
    background-color: #FF89643D;
}

.agg-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row:nth-child(2n).ant-table-row-selected:hover,
.agg-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row:nth-child(odd).ant-table-row-selected:hover {
    background-color: #FF89641E;
}

/*--------------------------------------------------Headers and Labels------------------------------------------------*/
h1 {
	color: var(--arsenic-950);
	letter-spacing: 0.8px;
	font-weight: bold;
	font-size: 40px;
	line-height: 48px;
	opacity: 1;
}

h3 {
  color: var(--arsenic-950);
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  opacity: 1;
}

.carousel-header {
  color: var(--arsenic-950);
  text-align: left;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.36px;
  opacity: 1;
}

.demo-name {
  color: var(--arsenic-950);
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  opacity: 1;
}

.event-date {
  color: var(--arsenic-950);
  text-align: right;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
}

.event-name {
  color: var(--arsenic-950);
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  opacity: 1;
}

.group-name span{
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  text-align: left;
  color: var(--arsenic-500);
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
 
.group-name span.component-label:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  z-index: 1;
  background: none;
  border: 2px solid #E5E5E5;
  border-radius: 50%;
  right: 0;
}
 
.group-name span.component-label:after {
  content: "";
  height: 2px;
  display: block;
  z-index: 1;
  background: #E5E5E5;
  width: calc(100% - 8px);
  margin: 0 8px;
} 

.h1-ext .component-label{
  color: var(--arsenic-500);
  text-align: left;
  font-weight: 300;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.8px;
  opacity: 1;
}

.home-screen-h2 {
  text-align: left;
  color: var(--arsenic-950);
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.home-screen-h2 span.component-label:after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  z-index: 1;
  background: none;
  border: 2px solid #E5E5E5;
  border-radius: 50%;
}
 
.home-screen-h2 span.component-label:before {
  content: "";
  height: 2px;
  display: block;
  position: absolute;
  z-index: 1;
  background: #E5E5E5;
} 

.item-description {
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
}

.param-name {
  text-align: left;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  opacity: 1;
}

.param-value-bold {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
}

.param-value-thin {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
}


/*--------------------------------------------------Buttons------------------------------------------------*/
button {font-family: var(--uiSystemFont);}

.agg-btn.secondary,
.agg-btn.simple {
  svg > path {fill:var(--arsenic-950);}
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  color: var(--arsenic-950);
  padding: 8px 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-color: var(--arsenic-950);
}

.agg-btn.secondary:hover,
.agg-btn.simple:hover {
  background-color: var(--mainActionActiveColor);
  border-color: var(--mainActionActiveColor);
  color: #ffffff;
}

.agg-btn.secondary:hover svg > path,
.agg-btn.simple:hover svg > path {fill:#ffffff;}

.agg-btn.main {
  background: var(--arsenic-950);
  border-radius: 4px;
  line-height: 17px;
  font-size: 14px;
  letter-spacing: 0px;
  text-align: left;
}

.agg-btn.main:hover {
   background: var(--mainActionActiveColor); 0% 0% no-repeat padding-box;
}

/*.agg-btn.simple {
  background: transparent;
  min-width: auto;
  line-height: 17px;
  font-size: 14px;
  letter-spacing: 0px;
  color: var(--arsenic-950);
  border: 1px solid var(--arsenic-950);
  border-radius: 4px;
  svg > path {fill:var(--arsenic-950)};
}

.simple-button .agg-btn.simple:hover {
   color: #FFFFFF;
   background: var(--mainActionActiveColor); 0% 0% no-repeat padding-box;
   border: 1px solid var(--mainActionActiveColor);
   svg > path, svg #icon {fill:#FFFFFF;}
 
 }*/


/*--------------------------------------------------------------------------------------------------*/

.component-label {
  cursor: default!important;
} 

/*--------------------Context List-----------------------------*/
.ant-tabs-content .context-list-wrapper {
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr;
}

.ant-tabs-content .context-list-wrapper .action-list {
    width: auto;
    background-color: #FFFFFF;
    padding: 0 24px 0 16px;
    border-left: solid 1px #E5E5E5;
    position: static;
    overflow: hidden;
}

.ant-tabs-content .context-list-wrapper .action-list.empty {
    padding: 0;
}

.toolbar-container .toolbar-input-container .component-toolbar-search-image {margin-right: 0}

#toolbar .toolbar-section:nth-child(3) {width: inherit;}

.agg-table-wrapper .ant-table-body .ant-table-tbody>tr.ant-table-row:hover>td.ant-table-cell-fix-left, 
.agg-table-wrapper .ant-table-body .ant-table-tbody>tr.ant-table-row:hover>td.ant-table-cell-fix-right {background-color: unset}

/*--------------------Developer Screen Drop Down-----------------------------*/
.dev-drop div.ant-select-item-option-content {
    justify-content: space-between;
	min-width: 174px;
	
}

.dash-headline  .ant-select-dropdown.large .ant-select-item:first-child {
    margin-bottom: 9px!important;
}

.dev-drop .ant-select-item:first-child {
    margin-bottom: 9px;
}

.dev-drop .ant-select-item {
    padding-left: 32px!important;
}

.dash-headline  .ant-select-dropdown.large .ant-select-item:first-child:before {
    content: '';
	background-color: black;
	height: 1px;
	display: block;
}

.dev-drop .ant-select-item:first-child:after {
    content: '';
    background-color: #E5E5E5;
    height: 1px;
    width: calc(100% - 15px);
    display: block;
    position: absolute;
	left: 8px;
    top: 110%;
}


.dev-drop .ant-select-item:first-child:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg id='ic_add_16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect id='backplate' width='16' height='16' fill='none'/%3E%3Cpath id='icon' d='M43,243H39v-4a1,1,0,0,0-2,0v4H33a1,1,0,0,0,0,2h4v4a1,1,0,0,0,2,0v-4h4a1,1,0,0,0,0-2Z' transform='translate(-30 -236)' fill='%2394A9BD'/%3E%3C/svg%3E%0A");
	display: block;
    position: absolute;
    z-index: 100000;
    left: 12px;
    top: 30%;
    max-height: 16px;
	width: 16px;
	height: 16px;
}

.dev-drop .ant-select-item:not(first-child):before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg id='ic_application_o_16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect id='backplate' width='16' height='16' fill='none'/%3E%3Cpath id='icon' d='M72,367H64a3,3,0,0,1-3-3v-6a3,3,0,0,1,3-3h8a3,3,0,0,1,3,3v6A3,3,0,0,1,72,367Zm-8-10a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h8a1,1,0,0,0,1-1v-6a1,1,0,0,0-1-1Zm2.707,6.707,2-2a1,1,0,0,0,0-1.414l-2-2a1,1,0,0,0-1.414,1.414L66.586,361l-1.293,1.293a1,1,0,1,0,1.414,1.414Z' transform='translate(-60.011 -353)' fill='%2394A9BD'/%3E%3C/svg%3E%0A");
	display: block;
    position: absolute;
    z-index: 100000;
    left: 12px;
    top: 30%;
    max-height: 16px;
	width: 16px;
	height: 16px;
}

.ant-select-dropdown.agg-select-dropdown.dev-drop.large.ant-select-dropdown-placement-bottomLeft .ant-select-item {
	padding-left: 32px;
}

.dev-drop .ant-select-item.ant-select-item-option.ant-select-item-option-selected .ant-select-item-option-content:after {
    width: 8px;
    height: 8px;
    background-color: var(--mainActionColor);
    border-radius: 50%;
    content: '';
    position: absolute;
    right: 16px;
}

.dev-drop .ant-select-item-option-active.ant-select-item-option-active .ant-select-item-option-content:after {
    width: 4px;
    height: 4px;
    background-color: var(--defaultColor);
    border-radius: 50%;
    content: '';
    position: absolute;
    right: 18px;
}


.dev-drop .ant-select-item-option-active.ant-select-item:first-child:before {
    background-image: url("data:image/svg+xml,%3Csvg id='ic_add_16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect id='backplate' width='16' height='16' fill='none'/%3E%3Cpath id='icon' d='M43,243H39v-4a1,1,0,0,0-2,0v4H33a1,1,0,0,0,0,2h4v4a1,1,0,0,0,2,0v-4h4a1,1,0,0,0,0-2Z' transform='translate(-30 -236)' fill='%2341505e'/%3E%3C/svg%3E");
}

.dev-drop .ant-select-item-option-active.ant-select-item:not(first-child):before {
    background-image: url("data:image/svg+xml,%3Csvg id='ic_application_o_16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect id='backplate' width='16' height='16' fill='none'/%3E%3Cpath id='icon' d='M72,367H64a3,3,0,0,1-3-3v-6a3,3,0,0,1,3-3h8a3,3,0,0,1,3,3v6A3,3,0,0,1,72,367Zm-8-10a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h8a1,1,0,0,0,1-1v-6a1,1,0,0,0-1-1Zm2.707,6.707,2-2a1,1,0,0,0,0-1.414l-2-2a1,1,0,0,0-1.414,1.414L66.586,361l-1.293,1.293a1,1,0,1,0,1.414,1.414Z' transform='translate(-60.011 -353)' fill='%2341505e'/%3E%3C/svg%3E");
}

.context-list-toolbar .toolbar-input {width: 240px}

.ant-select-dropdown{width: 240px !important;}




/* Developer responsive */

@container development (max-width: 1380px) {
    .development > .container-scrolling {
        padding-right: 80px;
    }
}

#Development {
    container-type:inline-size;
    container-name: devDockable;
}




@container development (max-width: 1120px) {
    .development > .container-scrolling {
        padding-right: 24px;
    }
}

@container development (max-width: 620px) {

    #dashboardName {
        display:none;
    }
}

@container development (max-width: 550px) {

    .development > .container-scrolling {
        padding-right: 24px;
    }
    
     #panelDataAcqHeader > div > .grid-component.dockable {
        grid-template-rows: auto minmax(24px, 1fr);
    }

    .ant-select-selector .ant-select.ant-select-single .ant-select-selection-item, .ant-select-selector .ant-select-selection-item > span {
    font-size: 28px;
}
    
}

@container devDockable (max-width: 630px) {
    .development {
        padding-left: 24px;
    }
}

@container development (max-width: 490px) {
    /*.simple-button span:not(.button-image-container),
    .main-button span:not(.button-image-container) {
        display:none;
    }*/

     .button-panel .simple-button .agg-btn.medium,
     .button-panel .main-button .agg-btn.medium
    {
        min-width: 32px;
    }

    .button-panel .button-image-container {
        margin-right: 0;
    }

    #panelDataAcqHeader > div > .grid-component.dockable:after,
    #panelDataAnalyticsHeader > div > .grid-component.dockable:after,
    #panelUserManagementHeader > div > .grid-component.dockable:after,
    #panelDataManHeader > div > .grid-component.dockable:after,
    #panelDataVisualHeader > div > .grid-component.dockable:after{
        display: none;
    }


}

.development > .container-scrolling {
        padding-right: 24px;
}





.alert-title, 
.alert-description-span,
.alert-server-info,
.alert-description-body>:last-child.alert-description-div .alert-description-span,
.alert-description-div {font-family: var(--uiSystemFont)}

.toolbar-container .toolbar-button.square {margin-left:8px}

.tooltip-content-wrapper {
    overflow: unset;
}

.navigation-toolbar-menu .ant-dropdown-menu .username-menu-item .ant-dropdown-menu-title-content {
    text-align: right;
    font: normal normal normal 14px/20px Montserrat;
    letter-spacing: 0px;
    color: #788FA5;
    opacity: 1;
    }
    
.navigation-toolbar-menu .ant-dropdown-menu .ant-dropdown-menu-title-content {
        text-align: right;
        font: normal normal normal 14px/20px Montserrat;
        letter-spacing: 0px;
        color: #161D26;
        opacity: 1;
    }