.dock-panel {
  background-color: #474849;
}

.dock-top .dock-bar {
  background-color: #474849;
  height: 31px;
}

.dock-content .dock-tabpane {
  max-height: 100%;
}

.dock-tab {
  background-color: #a8a8a8;
}

.dock-tab-active,
.dock-tab-active:hover {
  color: #000000;
}

.dock-ink-bar {
  background-color: #2d2c80;
}

.dock-tab > div {
  padding: 4px 18px 4px 10px;
}

.dock-tab-close-btn {
  opacity: 1;
  right: 6px;
  color: #000000;
}

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
  background-color: #e5ebf3;
  color: #000000;
}

.dx-datagrid-filter-row {
  background-color: rgba(87, 87, 87, 0.14);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  background-color: rgb(0, 88, 159);
  color: rgba(255, 255, 255, 0.87);
}

.dx-pager .dx-pages .dx-info {
  color:#000000
}

.flexlayout__tab_button_content {
	display: inline-block;
	max-width: 200px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}