.dx-selection,
.dx-group-panel-item,
.dx-header-row {
  border: none !important;
  color: #fff !important;
  background-color: #d87c4c !important;
}

.dx-header-row {
  font-weight: 500 !important;
  font-size: 0.96rem !important;
}

.dx-datagrid-text-content {
  padding-right: 0.5rem !important;
}

.dx-group-panel-message {
  font-weight: 600 !important;
  font-family: "Open Sans", "Lucida Sans", "Lucida Sans Regular", Geneva, Verdana, sans-serif !important;
  padding-left: 0 !important;
  color: #333 !important;
}

.dx-group-panel-message::before {
  content: "\f05a" !important;
  font-family: FontAwesome5 !important;
  font-weight: 900 !important;
  color: #d87c4c !important;
  margin-right: 0.5rem !important;
}

.dx-icon,
.dx-group-cell {
  color: #d87c4c !important;
}

.dx-dropdowneditor-icon::before {
  content: "\f107" !important;
  font-family: FontAwesome5 !important;
  font-weight: 900 !important;
  color: #d87c4c !important;
}

.dx-sort-down::before {
  content: "\f107" !important;
  font-family: FontAwesome5 !important;
  font-weight: 900 !important;
}

.dx-sort-up::before {
  content: "\f106" !important;
  font-family: FontAwesome5 !important;
  font-weight: 900 !important;
}

.dx-icon-clear::before {
  content: "\f057" !important;
  font-family: FontAwesome5 !important;
  font-weight: 900 !important;
  color: #d87c4c !important;
}

.dx-icon-search::before,
.dx-icon-filter-operation-default::before {
  content: "\f002" !important;
  font-family: FontAwesome5 !important;
  font-weight: 900 !important;
}

.dx-icon-search::before {
  width: 1rem !important;
  height: 1rem !important;
  font-size: 1rem !important;
  color: #d87c4c !important;
}

.dx-list-item,
.dx-texteditor-input {
  font-size: 0.82rem !important;
  letter-spacing: -0.4px !important;
}

.dx-scrollable-container {
  max-height: 100% !important;
}

.dx-calendar,
.dx-popup-content {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.dx-calendar-navigator {
  border: none !important;
}

.dx-calendar-navigator a {
  border: none !important;
}

.dx-calendar-views-wrapper th {
  color: #d87c4c !important;
}

.dx-calendar-cell {
  border: none !important;
  font-size: 0.84rem !important;
  padding: 0 !important;
}

.dx-calendar-empty-cell {
  background: none !important;
}

.dx-calendar-selected-date {
  border: none !important;
  color: #fff !important;
  font-weight: 600 !important;
  background-color: #d87c4c !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.dx-datagrid-toolbar-button {
  border: none !important;
  background-color: #d87c4c !important;
}

.dx-datagrid-toolbar-button .dx-button-content .dx-icon {
  color: #fff !important;
}

.dx-datagrid-export-button {
  background-color: #109b27 !important;
}

.dx-datagrid-export-button .dx-icon-export-excel-button::before {
  content: "\f1c3" !important;
  font-family: FontAwesome5 !important;
  font-weight: 900 !important;
}

.dx-datagrid-column-chooser .dx-popup-title .dx-item-content {
  font-weight: 500 !important;
  color: #d87c4c !important;
}

.dx-datagrid-column-chooser .dx-datagrid-column-chooser-list {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.dx-datagrid-column-chooser .dx-datagrid-column-chooser-list .dx-treeview-node {
  border: none !important;
}

.dx-datagrid-column-chooser .dx-datagrid-column-chooser-list .dx-treeview-node .dx-column-chooser-item {
  border: none !important;
  border-radius: 5px !important;
  background-color: #d87c4c !important;
}

.dx-datagrid-column-chooser .dx-datagrid-column-chooser-list .dx-treeview-node .dx-column-chooser-item .dx-item-content {
  font-weight: 500 !important;
  color: #fff !important;
}

.dx-datagrid-drag-header {
  border: none !important;
  font-weight: 500 !important;
  background-color: #d87c4c !important;
  color: #fff !important;
  border-radius: 5px !important;
}

.dx-group-panel-item {
  font-weight: 500 !important;
  border-radius: 5px !important;
}

.dx-group-panel-item .dx-sort {
  color: #fff !important;
}

.dx-datagrid-expand .dx-datagrid-group-closed,
.dx-datagrid-expand .dx-datagrid-group-opened {
  color: #d87c4c !important;
}

.dx-datagrid-expand .dx-datagrid-group-opened::before {
  content: "\f107" !important;
  font-family: FontAwesome5 !important;
  font-weight: 900 !important;
  color: #d87c4c !important;
}

.dx-datagrid-expand .dx-datagrid-group-closed::before {
  content: "\f105" !important;
  font-family: FontAwesome5 !important;
  font-weight: 900 !important;
  color: #d87c4c !important;
}

.dx-group-cell {
  padding-left: 0 !important;
  font-weight: 500 !important;
}

.dx-master-detail-cell {
  padding: 1rem !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
}

.dx-datagrid-table .dx-data-row.dx-state-hover td {
  background-color: #e3ecf7 !important;
}

#c0 i {
  font-size: 3.4rem;
  color: #d87c4c;
}

.dx-pages .dx-info {
  opacity: 1 !important;
  color: #333 !important;
  font-weight: 500;
  font-size: 0.96rem;
}

.dx-group-row td {
  background-color: #fff;
}

.dx-datagrid .dx-row td,
.dx-datagrid .dx-editor-cell td,
.dx-datagrid td {
  border: none !important;
}

.dx-datagrid a {
  text-decoration: none;
  font-weight: 500;
  font-size: 0.84rem;
}

.dx-datagrid a.act::hover, .dx-datagrid a.act::active, .dx-datagrid a.act::focus {
  text-decoration: underline !important;
}