.icon48 .dx-button-content .dx-icon {
    font-size: 48px;
    width: auto;
    height: auto;
    line-height: normal;
}

.QT-menu-button {
    color: white;
}

.QT-menu-label.dx-toolbar-label {
   color: gray;
   font-size: 11px !important;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
} 

.dx-datagrid .dx-row td {
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 10px;
}

.dx-toolbar .dx-toolbar-items-container {
    height: 40px;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input {
  height: 20px;
  line-height: 20px;
}
.dx-editor-cell .dx-texteditor .dx-tag-container {
  min-height: 20px;
}

.dx-datagrid-container .dx-editor-with-menu {
  height: 20px;
}

.dx-datagrid-rowsview .dx-lookup-field {
  padding-top: 2px;
  padding-bottom: 2px;
  height: 20px;
}

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
  padding-top: 2px;
  padding-bottom: 2px;
}

.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
  padding-top: 2px;
  padding-bottom: 2px;
}

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
  display: inline;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input {
  height: 17px;
}

.dx-pager {
  padding: 5px 5px 5px 5px;
}
.dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content, .dx-datagrid-text-content {
    /* text-overflow: ellipsis; */
}

.dx-datagrid-filter-panel {
    padding: 5px 10px;
}