:root{
	/*main text color*/
	--iet-main-fg: #222222;
			
	/*main input text color*/
	--iet-textbox-fg: #000000;
		
	/*input border*/
	--iet-border-color: #bdbdbd;
	--iet-focus-border-color: var(--bg500);
	
	/*required fields*/
	--iet-required-textbox-bg: #FCFFE2;

	/*readonly fields*/
	--iet-readonly-textbox-fg: var(--iet-textbox-fg);
	--iet-readonly-textbox-bg: #F3F3F3;
	
	/*select drop downs*/
	--iet-select-menu-bg: var(--iet-menu-bg);
	--iet-select-option-fg: var(--iet-textbox-fg);
	--iet-select-option-hover-bg: var(--bg50);
	--iet-select-option-hover-fg: var(--iet-textbox-fg);
	--iet-select-option-focus-bg: var(--bg100);
	--iet-select-option-focus-fg:var(--iet-textbox-fg);

	/*toolbars*/
	--iet-toolbar-bg: var(--bg700);
	--iet-toolbar-fg: var(--fg900);
	--iet-toolbar-hover-bg: var(--bg600);
	--iet-toolbar-hover-fg: #ffffff;

	/*dashboards*/
	--iet-dashboard-tile-header-bg: var(--iet-toolbar-bg);
	--iet-dashboard-tile-header-fg: var(--iet-toolbar-fg);
	--iet-dashboard-tile-header-icon-hover-bg: var(--iet-toolbar-hover-bg);
	--iet-dashboard-tile-header-icon-hover-fg: var(--iet-toolbar-hover-fg);
	 
	/*dialogs*/
	--iet-dialog-title-bg: var(--bg700);
	--iet-dialog-title-fg: var(--fg700);
	--iet-dialog-title-button-hover-bg: var(--bg500);
	--iet-dialog-title-button-hover-fg: var(--fg500);
	
	/*login screen*/	
	--iet-login-bg: #f1f1f1;
	--iet-login-card-bg: #ffffff;

	/*header*/
	--iet-headerbar-bg: var(--bg900);
	--iet-headerbar-fg: var(--fg900);
	--iet-headerbar-hover-bg: var(--bg700);
	--iet-headerbar-hover-fg: var(--fg700);
	--iet-headerbar-searchicon-bg: var(--bg500);
	--iet-headerbar-searchicon-fg: #ffffff;
		
	/*tabs*/
	--iet-tab-fg:  var(--iet-main-fg);
	--iet-tab-hover-fg: var(--iet-main-fg);
	--iet-tab-focus-fg: #ffffff;
	--iet-tab-bg: #ffffff;
	--iet-tab-hover-bg: #DEDEDE;
	--iet-tab-focus-bg: var(--bg500);

	/*texteditor*/
	--iet-texteditor-toolbar-bg: #F1F1F1;
	--iet-texteditor-toolbar-fg: var(--iet-main-fg);
	--iet-texteditor-toolbar-hover-fg: var(--iet-texteditor-toolbar-text);
	--iet-texteditor-toolbar-hover-bg: #DEDEDE;
	--iet-texteditor-toolbar-focus-fg: var(--fg500);
	--iet-texteditor-toolbar-focus-bg: var(--bg500);
	--iet-texteditor-toolbar-disabled-fg: #BDBDBD;	
	
	/*buttons*/
	--iet-button-bg: var(--bg500);
	--iet-button-fg: #ffffff;
	--iet-button-hover-bg: var(--bg600);
	--iet-button-hover-fg: #ffffff;
	--iet-button-focus-bg: var(--bg700);
	--iet-button-focus-fg: #ffffff;

	/*commit button bar (eg at bottom of forms)*/
	--iet-commit-btn-bar-bg: #ebeff2;

	/*breadcrumb bar*/
	--iet-breadcrumb-bg: #f1f1f1;
	--iet-breadcrumb-hover-bg: #dedede;
	--iet-breadcrumb-focus-bg: var(--bg500);
	--iet-breadcrumb-fg: var(--bg900);
	--iet-breadcrumb-hover-fg: var(--iet-breadcrumb-fg);
	--iet-breadcrumb-focus-fg: #ffffff;

	/*application tree*/
	--iet-apptree-bg: #263238;
	--iet-apptree-fg: #ffffff;
	--iet-apptree-focus-bg: #37474F;
	--iet-apptree-focus-fg: #ffffff;
	--iet-apptree-expand-bg: #00000012;
	--iet-apptree-bubble-bg: #ff9b15;
	--iet-apptree-bubble-fg: #ffffff;

	/*menus*/
	--iet-menu-bg: #ffffff;
  --iet-menu-item-fg: #222222;
	--iet-menu-item-disabled-fg: #999999;  
	--iet-menu-item-hover-bg: #eeeeee;
  --iet-menu-item-hover-fg: #222222;
	--iet-menu-item-focus-bg: #dedede;
  --iet-menu-item-focus-fg: #222222; 

	/*queries*/
	--iet-query-table-bg: #ffffff;
	--iet-query-row-bg: #ffffff;
	--iet-query-row-splitter-color: #eeeeee;

	--iet-query-row-fg: var(--iet-main-fg);
	--iet-query-row-hover-bg: var(--bg50);
	--iet-query-row-hover-fg: var(--iet-main-fg);
	--iet-query-row-focus-bg: var(--bg100);
	--iet-query-row-focus-fg: var(--iet-main-fg);
	
	--iet-query-header-bg: #f1f1f1;
	--iet-query-header-fg: var(--iet-main-fg);
	--iet-query-header-hover-bg: #E3E3E3;
	--iet-query-header-hover-fg: var(--iet-main-fg);
	--iet-query-header-operator-hover-bg: var(--bg400);
	--iet-query-header-operator-hover-fg: var(--fg400);
		
	/*datasheets*/
	--iet-datasheet-header-bg: var(--bg300);
	--iet-datasheet-header-fg: #ffffff;

	/* --iet-datasheet-header-bg: #ff0000; */
	--iet-datasheet-header-fg: #ffffff;
	
	/*datepicker*/
	--iet-datepicker-header-fg: var(--iet-main-fg);
	--iet-datepicker-header-bg: #F1F1F1;
	--iet-datepicker-header-hover-fg: var(--fg500);
	--iet-datepicker-header-hover-bg: var(--bg400);
	--iet-datepicker-header-focus-fg: var(--fg500);
	--iet-datepicker-header-focus-bg: var(--bg500);
	--iet-datepicker-item-hover-bg: #FFF;
  --iet-datepicker-item-hover-fg: var(--iet-main-fg);
  --iet-datepicker-item-hover-border: var(--bg500);
	--iet-datepicker-item-focus-bg: var(--bg500);
  --iet-datepicker-item-focus-fg: #FFF;
  --iet-datepicker-item-focus-border: var(--bg500);

	/*trees*/
	--iet-tree-fg: var(--iet-main-fg);
	--iet-tree-hover-bg: var(--bg50);
	--iet-tree-hover-fg: var(--fg50);
	--iet-tree-focus-bg: var(--bg100);
	--iet-tree-focus-fg: var(--fg100);

	/*card view*/
	--iet-card-details-fg: #767676;
	--iet-card-header-bg: #f5f5f5;
	--iet-card-header-fg: #616161;
	--iet-card-footer-bg: #f5f5f5;
	--iet-card-footer-fg: #616161;
	--iet-card-border-color: #dedede;

	/*image*/
	--iet-image-border-color: var(--iet-border-color);


	--ux4-text-dark: var(--iet-main-fg);
	--ux4-border-color: var(--iet-border-color);
	--ux4-focus-border-color: var(--iet-focus-border-color);
	
	--ux4actionhub-item-bg: var(--iet-menu-bg);
  --ux4actionhub-item-fg:	var(--iet-menu-item-fg);
	--ux4actionhub-bg: var(--iet-menu-bg);
  --ux4actionhub-fg: var(--iet-menu-item-fg);
	--ux4actionhub-item-disabled-fg: var(--iet-menu-item-disabled-fg);
	--ux4actionhub-item-hover-bg: var(--iet-menu-item-hover-bg);
  --ux4actionhub-item-hover-fg: var(--iet-menu-item-hover-fg);
	--ux4actionhub-item-active-bg: var(--iet-menu-item-focus-bg);
  --ux4actionhub-item-active-fg: var(--iet-menu-item-focus-fg);
	--ux4actionhub-context-menu-bg: var(--iet-menu-bg);
  --ux4actionhub-context-menu-fg:var(--iet-menu-item-fg);
	--ux4actionhub-context-menu-item-bg: var(--iet-menu-bg);
  --ux4actionhub-context-menu-item-fg: var(--iet-menu-item-fg);
	--ux4actionhub-context-menu-item-hover-bg: var(--iet-menu-item-hover-bg);
  --ux4actionhub-context-menu-item-hover-fg: var(--iet-menu-item-hover-fg);
	--ux4actionhub-context-menu-item-active-bg: var(--iet-menu-item-focus-bg);
  --ux4actionhub-context-menu-item-active-fg: var(--iet-menu-item-focus-fg);
	--ux4actionhub-group-divider-bg: var(--iet-border-color);
	--ux4actionhub-context-menu-group-divider-bg: var(--iet-border-color);

	--ux4login-bg: var(--iet-login-bg);
	--ux4login-card-bg: var(--iet-login-card-bg);
	--ux4login-footer-bg: var(--iet-login-bg);

	--ux4app-header-bg: var(--iet-headerbar-bg);
  --ux4app-header-fg: var(--iet-headerbar-fg);
	--ux4app-header-menu-hover-fg: var(--iet-headerbar-hover-fg);
  --ux4app-header-menu-hover-bg: var(--iet-headerbar-hover-bg);
	--ux4app-header-menu-active-fg: var(--iet-headerbar-hover-fg);
	--ux4app-header-menu-active-bg: var(--iet-headerbar-hover-bg);

	--ux4app-header-nav-fg: var(--iet-headerbar-fg);
	--ux4app-header-nav-bg: var(--iet-headerbar-bg);
  --ux4app-header-nav-hover-fg: var(--iet-headerbar-hover-fg);
 	--ux4app-header-nav-hover-bg: var(--iet-headerbar-hover-bg);
	--ux4app-header-nav-active-fg: var(--iet-headerbar-hover-fg);
 	--ux4app-header-nav-active-bg: var(--iet-headerbar-hover-bg);
	
	--ux4form-textbox-fg: var(--iet-textbox-fg);
  --ux4form-readonly-textbox-fg: var(--iet-readonly-textbox-fg);
  --ux4form-readonly-textbox-bg: var(--iet-readonly-textbox-bg);

	--ux4dialog-title-bg: var(--iet-dialog-title-bg);
	--ux4dialog-title-fg: var(--iet-dialog-title-fg);
	--ux4dialog-title-button-hover-bg: var(--iet-dialog-title-button-hover-bg);
	--ux4dialog-title-button-hover-fg: var(--iet-dialog-title-button-hover-fg);
	
	--ux4select-item-fg: var(--iet-select-option-fg);
	--ux4select-item-bg: var(--iet-select-menu-bg);	
	--ux4select-item-hover-fg: var(--iet-select-option-hover-fg);
  --ux4select-item-hover-bg: var(--iet-select-option-hover-bg);
  --ux4select-item-selected-fg: var(--iet-select-option-focus-fg);
  --ux4select-item-selected-bg: var(--iet-select-option-focus-bg);
	--ux4combobox-item-fg: var(--iet-select-option-fg);
	--ux4combobox-item-bg: var(--iet-select-menu-bg);	
	--ux4combobox-item-hover-fg: var(--iet-select-option-hover-fg);
  --ux4combobox-item-hover-bg: var(--iet-select-option-hover-bg);
  --ux4combobox-item-selected-fg: var(--iet-select-option-focus-fg);
  --ux4combobox-item-selected-bg: var(--iet-select-option-focus-bg);

	--ux4datagrid-rows-bg: var(--iet-query-table-bg);
	--ux4datagrid-row-bg: var(--iet-query-row-bg);
	--ux4datagrid-row-fg: var(--iet-query-row-fg);
	--ux4datagrid-row-hover-fg: var(--iet-query-row-hover-fg);
  --ux4datagrid-row-hover-bg: var(--iet-query-row-hover-bg);
	--ux4datagrid-row-selected-fg: var(--iet-query-row-focus-fg);
  --ux4datagrid-row-selected-bg: var(--iet-query-row-focus-bg);

	--ux4datepicker-tile-fg: var(--iet-main-fg);
	--ux4datepicker-tile-selected-fg: var(--iet-datepicker-item-focus-fg);
  --ux4datepicker-tile-selected-bg: var(--iet-datepicker-item-focus-bg);

	--ux4tabs-hover-fg: var(--iet-tab-hover-fg);
  --ux4tabs-hover-bg: var(--iet-tab-hover-bg);
	--ux4tabs-selected-fg: var(--iet-tab-focus-fg);
	--ux4tabs-selected-bg: var(--iet-tab-focus-bg);

	--ux4calendar-tile-label-selected-fg: var(--iet-datepicker-item-focus-fg);
	--ux4calendar-tile-label-selected-bg: var(--iet-datepicker-item-focus-bg);

	--ux4button-fg: var(--iet-button-fg);
  --ux4button-bg: var(--iet-button-bg);
  --ux4button-hover-bg: var(--iet-button-hover-bg);
  --ux4button-active-bg: var(--iet-button-focus-bg);

	--ux4-sidebar-bg: var(--iet-apptree-bg);
	--ux4-sidebar-fg: var(--iet-apptree-fg);
	--ux4-sidebar-item-selected-bg: var(--iet-apptree-focus-bg);
	--ux4-sidebar-item-selected-fg: var(--iet-apptree-focus-fg);
	--ux4-sidebar-item-hover-bg: var(--iet-apptree-focus-bg);
	--ux4-sidebar-item-hover-fg: var(--iet-apptree-focus-fg);
	--ux4-sidebar-item-active-bg: var(--iet-apptree-focus-bg);
	--ux4-sidebar-item-active-fg: var(--iet-apptree-focus-fg);
  
}
/*Login*/
[data-ux4-view="login"]{
	background-color: var(--iet-login-bg);
}

/*toolbars*/
#ux4-app-view-toolbar .ux4-action-hub-menu, #ux4-app-view-toolbar .ux4-action-hub-action, #ux4-app-view-toolbar .ux4-action-hub-header{
  background-color: var(--iet-toolbar-bg);
	color: var(--iet-toolbar-fg);
}

#ux4-app-view-toolbar .ux4-action-hub-action:not(.action-disabled):hover, #ux4-app-view-toolbar .ux4-action-hub-header:hover {
	background-color: var(--iet-toolbar-hover-bg);
	color: var(--iet-toolbar-hover-fg);
}

/*application tree*/
.ux4tree-accordion.sidebar .tree-node+.tree-node-contents {
  background-color: var(--iet-apptree-expand-bg);
}

/*dashboards*/
[data-ux4-widget="UX4SplitContainer"].desktop:not(.embed)>.content>.element {
    border-color: var(--iet-border-color);
}

.section [data-ux4-widget=UX4Container].desktop.has-label > .label {
  background-color: var(--iet-dashboard-tile-header-bg);
  color: var(--iet-dashboard-tile-header-fg);
}

.section [data-ux4-widget=UX4Container].desktop.has-icon > .icon {
  background-color: var(--iet-dashboard-tile-header-bg);
	color: var(--iet-dashboard-tile-header-fg);
}

.section [data-ux4-widget=UX4Container].desktop.has-icon > .icon:hover {
  background-color: var(--iet-dashboard-tile-header-icon-hover-bg);
	color: var(--iet-dashboard-tile-header-icon-hover-fg);
}

.section .content {
	border-right-color: var(--iet-border-color);
  border-bottom-color: var(--iet-border-color);
}

/*this fixes double borders on datagrid inputs*/
.section div[data-ux4-widget="UX4ComboBox"] .content,
.section div[data-ux4-widget="UX4DatePicker"] .content{
	border-right: 0px;
  border-bottom: 0px;
}

/*tile\card view*/
.ws-tile-textItem {
	opacity: 1;
	color: var(--iet-card-details-fg);
}

.ws-tile {
  border: 1px solid var(--iet-border-color);
	box-shadow:none;
}

.ws-tile:hover {
  transform: scale(1.016);
}

.ws-tile-header .ws-tile-item {
  color: var(--iet-card-header-fg);
  background-color: var(--iet-card-header-bg);
}

.ws-tile-footer .ws-tile-item {
  color: var(--iet-card-footer-fg);
  background-color: var(--iet-card-footer-bg);
}

/*tabs*/
[data-ux4-widget="UX4Tabs"].desktop [data-ux4-tabs]>.header .tab{
	color: var(--iet-tab-fg);
	background-color: var(--iet-tab-bg);
}

/*text editor toolbar*/
/*needed to get right disabled colour*/
[data-ux4-widget=UX4TextEditor].readonly .editor-element:not([borderless]) {
	background-color: var(--iet-readonly-textbox-bg) !important;
}

[data-ux4-widget="UX4TextEditor"].desktop .editor-toolbar {
	background-color: var(--iet-texteditor-toolbar-bg);	
	color: var(--iet-texteditor-toolbar-fg);	
}

[data-ux4-widget="UX4TextEditor"].desktop .editor-toolbar [data-editor-action]{
	background-color: var(--iet-texteditor-toolbar-bg);
	color: var(--iet-texteditor-toolbar-fg);
}

[data-ux4-widget="UX4TextEditor"].desktop .editor-toolbar [data-editor-action][data-editor-action="fontfamily"],
[data-ux4-widget="UX4TextEditor"].desktop .editor-toolbar [data-editor-action][data-editor-action="fontsize"],
[data-ux4-widget="UX4TextEditor"].desktop .editor-toolbar [data-editor-action][data-editor-action="fontfamily"]:hover:not(.disabled):not(.selected),
[data-ux4-widget="UX4TextEditor"].desktop .editor-toolbar [data-editor-action][data-editor-action="fontsize"]:hover:not(.disabled):not(.selected){
	color: var(--iet-textbox-fg);
}

[data-ux4-widget="UX4TextEditor"].desktop .editor-toolbar [data-editor-action]:hover:not(.disabled):not(.selected) {
	background-color: var(--iet-texteditor-toolbar-hover-bg);
	color: var(--iet-texteditor-toolbar-hover-fg);
}

[data-ux4-widget="UX4TextEditor"].desktop .editor-toolbar [data-editor-action].selected {
  color: var(--iet-texteditor-toolbar-focus-fg);
  background-color: var(--iet-texteditor-toolbar-focus-bg);
}

[data-ux4-widget="UX4TextEditor"].desktop .editor-toolbar [data-editor-action].disabled {
	color: var(--iet-texteditor-toolbar-disabled-fg);
}

/*form buttons*/
[data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled) .element:hover{
	background-color: var(--iet-button-hover-bg);
	color: var(--iet-button-hover-fg);
}

[data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled) .element:focus{
	background-color: var(--iet-button-focus-bg);
	color: var(--iet-button-focus-fg);
}

/*commit button bar*/
div.form-buttons,
div.dashboard-buttons,
div.chart-buttons,
div.query-buttons {
	background-color: var(--iet-commit-btn-bar-bg);
}

/*breadcrumbs*/
.breadcrumb-bar{
	background-color: var(--iet-breadcrumb-bg);
}

.breadcrumb-bar .breadcrumb {
  color: var(--iet-breadcrumb-fg);
  background-color: var(--iet-breadcrumb-bg);
}

.breadcrumb-bar .breadcrumb-spacer {
 	color: var(--iet-breadcrumb-fg);
}

.breadcrumb-bar .breadcrumb.active {
	background-color: var(--iet-breadcrumb-focus-bg);
	color: var(--iet-breadcrumb-focus-fg);
  text-decoration: underline;
}

.breadcrumb-bar .breadcrumb:not(.active):hover {
 	background-color: var(--iet-breadcrumb-hover-bg);
	color: var(--iet-breadcrumb-hover-fg);
}

/*queries\datagrids*/
.ux4datagrid-rows:not(:first-child){
	border-color: var(--iet-border-color);
}

.ux4datagrid-normal{
	border-bottom-color: var(--iet-query-row-splitter-color);
}

.ux4datagrid-headerpanel .ux4datagrid-headerrow{
	background-color: var(--iet-query-header-bg);
	color: var(--iet-query-header-fg);
}
.ux4datagrid-headerpanel .ux4datagrid-headerrow .ux4datagrid-headercol[data-sortable]:hover {
  background-color: var(--iet-query-header-hover-bg);
	color: var(--iet-query-header-hover-fg);
}

.ux4datagrid-headerpanel .ux4datagrid-headerrow .ux4datagrid-headercol .filtercol .col-operator-button:hover {
  background-color: var(--iet-query-header-operator-hover-bg);
  color: var(--iet-query-header-operator-hover-fg);
}

/*datasheets*/
.ux4datagrid-title {
  background-color: var(--iet-datasheet-header-bg);
  color: var(--iet-datasheet-header-fg);
}

.ux4datagrid.ux4datagrid-sizetofit .ux4datagrid-normal:hover,
.ux4datagrid.ux4datagrid-sizetofit .ux4datagrid-normal.selected{
	background-color: var(--iet-query-row-bg);
  color: var(--iet-query-row-fg);
}

/*select drop downs*/
[data-ux4-widget="UX4Dialog"].ux4select-dropdown-dialog,
[data-ux4-select-dropdown].desktop,
[data-ux4-widget="UX4Dialog"].ux4combobox-dropdown-dialog,
[data-ux4-combobox-dropdown].desktop{
  background-color: var(--iet-select-menu-bg);
}

/*menus*/
[data-ux4-widget="UX4Dialog"][data-ux4-widget-name="ux4-app-header-menu-dialog"],
[data-ux4-widget-name="ux4-app-header-menu-dialog"][data-ux4-widget-name="ux4-app-header-menu-dialog"] .ux4-app-header-default-userview{
	background-color: var(--iet-menu-bg);
	color: var(--iet-menu-item-fg);
}

/*sets the border color*/
.ux4-action-hub-menu:not(.embed),.ux4-action-hub-menu .ux4-action-hub-menu-group-container:not([level="0"]):not(.embed) {
  box-shadow: 0 0 0 1px var(--iet-border-color),1px 2px 3px 0px rgba(0,0,0,0.25)
}

[data-ux4-widget="UX4Dialog"][data-ux4-widget-name="ux4-app-header-menu-dialog"] .menu:not(:empty) {
	border-top-color: var(--iet-border-color);
}

/*date picker*/
[data-ux4-datepicker].desktop .ux4-datepicker-header {
	color:  var(--iet-datepicker-header-fg);
	background:  var(--iet-datepicker-header-bg);
}

[data-ux4-datepicker].desktop .ux4-datepicker-header .ux4-datepicker-header-title:hover,
[data-ux4-datepicker].desktop .ux4-datepicker-header .ux4-datepicker-header-arrow:hover {
	color:  var(--iet-datepicker-header-hover-fg);
	background:  var(--iet-datepicker-header-hover-bg);
}

[data-ux4-datepicker].desktop .ux4-datepicker-header .ux4-datepicker-header-title:active,
[data-ux4-datepicker].desktop .ux4-datepicker-header .ux4-datepicker-header-arrow:active{
	color:  var(--iet-datepicker-header-focus-fg);
	background:  var(--iet-datepicker-header-focus-bg);
}

[data-ux4-datepicker].desktop .ux4-datepicker-modes-panel .ux4-datepicker-calendar-content .ux4-datepicker-tile:not(.unselectable):not(.day-heading):hover{
	background-color: var(--iet-datepicker-item-hover-bg);
	color: var(--iet-datepicker-item-hover-fg);
	border-color: var(--iet-datepicker-item-hover-border);
}

[data-ux4-datepicker].desktop .ux4-datepicker-modes-panel .ux4-datepicker-calendar-content .ux4-datepicker-tile:not(.unselectable):not(.day-heading).selected{
	border-color: var(--iet-datepicker-item-focus-border);
}

/*images*/
.image-container {
	border-color: var(--iet-border-color);
}

/*calendars*/
.ux4calendar-header-nav-button {
  width: 2.6rem !important;
  line-height: 2.6rem !important;
	font-size: 1.8em !important;
}

.ux4calendar .ux4calendar-tab{
	color: var(--iet-tab-fg);
}

.ux4calendar .ux4calendar-tab:hover {
	color: var(--iet-tab-hover-fg);
	background-color: var(--iet-tab-hover-bg);
}

.ux4calendar .ux4calendar-tab.selected{
  color: var(--iet-tab-focus-fg);
	background-color: var(--iet-tab-focus-bg);
}

/*trees*/
[data-ux4-view="dyn_tree"] .tree-node-contents{
	color: var(--iet-tree-fg);
}

.ux4tree-explorer .tree-node:hover {
  background-color: var(--iet-tree-hover-bg);
  color: var(--iet-tree-hover-fg);
}

.ux4tree-explorer .tree-node.tree-node-selected {
    background-color: var(--iet-tree-focus-bg) !important;
    color: var(--iet-tree-focus-fg) !important;
}

/*header bar\search box*/
.ux4-header-search-container [data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed) .element,
.ux4-tree-search-container [data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed) .element
{
	background-color: var(--iet-headerbar-searchicon-bg);
	color: var(--iet-headerbar-searchicon-fg);
}

.ux4-header-search-container [data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed) .element:hover,
.ux4-header-search-container [data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed) .element:active,
.ux4-header-search-container [data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed) .element:focus,
.ux4-tree-search-container [data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed) .element:hover,
.ux4-tree-search-container [data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed) .element:active,
.ux4-tree-search-container [data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed) .element:focus{
	background-color: var(--iet-headerbar-searchicon-bg) !important;
	color: var(--iet-headerbar-searchicon-fg) !important;
}

/*hack to stop shading of buttons*/
.ux4-header-search-container [data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed) .element:hover:before,
.ux4-header-search-container [data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed) .element:active:before,
.ux4-tree-search-container [data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed) .element:hover:before,
.ux4-tree-search-container [data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed) .element:active:before,
[data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed).light .element:hover:before,
[data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed).light .element:active:before,
[data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed).dark .element:hover:before,
[data-ux4-widget="UX4Button"].desktop:not(.readonly):not(.disabled):not(.embed).dark .element:active:before {
	display:none;
}