/*====================================
               DX-GRID
======================================*/

.hr-dx-datagrid-height-area .dx-datagrid-rowsview {
  height: 1px !important; //trick to prevent dx-grid to overflow, if grid's heigh not fixed and aligned to the area above
}

.hr-dx-datagrid-height-auto .dx-datagrid-rowsview {
  height: inherit !important; //default behavior: the dx-grid heigh=auto if it is not fixed -> it aligns to the area above if its heigh<above area hight and oveflow otherwise
}

// .dx-datagrid.dx-gridbase-container.dx-datagrid-borders {
//   height: 100% !important; //trick to avoid overlapping grid over totals
// }

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link {
  background-color: $hrColor-LightBlue !important;
  color: #fff !important;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td {
  padding-left: 3px; // !important;
  padding-right: 3px; // !important;
  padding-bottom: 5px; // !important;
  padding-top: 5px; // !important;
}

.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child {
  padding-left: 10px;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-child {
  padding-right: 10px;
}


.dx-datagrid .dx-column-indicators.dx-visibility-hidden {
  display: none; //don't show gap for the align=center grid headers if sort arrow is shown rights
}

//----------------------- grid header settings
.headeralignment_left .dx-datagrid-headers .dx-datagrid-table .dx-row>td {
  //align only grid header left
  text-align: left !important;
}

.headeralignment_right .dx-datagrid-headers .dx-datagrid-table .dx-row>td {
  //align only grid header right
  text-align: right !important;
}

.headeralignment_center .dx-datagrid-headers .dx-datagrid-table .dx-row>td {
  //align only grid header center
  text-align: center !important;
}

// .dx-datagrid-headers .dx-datagrid-table .dx-row>td {
//
//   text-align: left !important; //set all dx-headers left aligned - must be used in style.css - apps depended, not in core!
//   padding-top: 5px;  //enger grid headers
//   padding-bottom: 5px;  //enger grid headers
// }

//----------------------- grid row filter settings
.dx-datagrid .dx-editor-with-menu,
.dx-datagrid-container .dx-editor-with-menu {
  height: 20px;
}


.dx-editor-cell .dx-texteditor .dx-texteditor-input {
  height: 20px;
  padding-top: 10px;
}

.dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
.dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
.dx-datagrid .dx-item-content dx-menu-item-content {
  // margin-top: -14px;
  margin-top: 3px;
}

// .dx-datagrid .dx-dropdowneditor-icon::before {
//   margin-top: -12px;
// }

.dx-datagrid .dx-texteditor-input-container .dx-placeholder {
  margin-top: -5px;
}

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

//------------------------ setting for grid's export button
.withexport .dx-datagrid-export-button .dx-icon-export-excel-button:before {
  content: "\f05f";
}

.withexport .dx-datagrid-export-button .dx-icon-xlsxfile:before {
  content: "\f05f";
}

.withexport .dx-header-row > td:last-of-type > .dx-datagrid-text-content {
  width: calc(100% - 8px);
}

.withexport .dx-header-row > td:last-of-type > .dx-sort-indicator {
  width: calc(100% - 28px);
}

.withexport .dx-datagrid-header-panel {
  z-index: 2;
}
//----------------------- setting for grid's export button: end

//---------customizing

.dx-freespace-row {
  height: 0px !important;
}

.inline-edit-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row>td {
  padding-left: 7px;
  padding-right: 7px;
}

.inline-edit-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row:not(.dx-header-row)>td {
  padding-bottom: 0px;
  padding-top: 0px;
}


.inline-editor {
  // margin-top: -0.7em;
  width: 100%;
}

.inline-editor .mat-form-field-infix {
  border-top-width: 0px;
}


.inline-editor-suffix {
  // margin-top: -0.7em;
  width: 100%;
  padding-right: 10px;
}

.inline-editor-checkbox {
  padding-left: 5px;
  margin-top: 0px;
}


td[role='gridcell']:has(.grid-vert-left-line) {
  border-left: 1px solid #e0e0e0;
}

td[role='gridcell']:has(.grid-vert-right-line) {
  border-right: 1px solid #e0e0e0;
}

td[role='gridcell']:has(.grid-botom-line) {
  border-bottom: 1px solid #e0e0e0;
}

td[role='gridcell']:has(.grid-top-line) {
  border-top: 1px solid #e0e0e0;
}
