:root {
  --dx-color-primary: var(--primary);
  --dx-color-link: var(--primary);
  --dx-color-primary-highlight: var(--primary-rgb);
}

.dx-widget:not(.dx-gallery-nav-button-next):not(.dx-gallery-nav-button-prev) {
  font-family: inherit !important;
}

.dx-datagrid-headers {
  color: inherit;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row>td {
  font-weight: bold;
  line-height: 20px !important;
}

.dx-tabpanel-container {
  padding-top: 1.5rem;
}

.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-top
  .dx-tab.dx-tab-selected
  .dx-tab-content::after {
  background-color: var(--dx-color-primary);
}

.dx-tab.dx-state-hover, .dx-tab.dx-state-active, .dx-tab.dx-state-focused,
.dx-tab.dx-state-active .dx-inkripple-wave {
  background-color: rgba(var(--dx-color-primary-highlight), 0.08) !important;
}

.dx-tab.dx-tab-selected, .dx-tab.dx-tab-selected {
  color: var(--dx-color-primary);
}

.dx-tab-content::after {
  background-color: var(--dx-color-primary) !important;
}

.dx-gallery-indicator-item-active, .dx-gallery-indicator-item-selected {
  background-color: var(--dx-color-primary) !important;
}

.dx-gallery .dx-gallery-nav-button-next.dx-state-active::after,
.dx-gallery .dx-gallery-nav-button-next.dx-state-hover::after, 
.dx-gallery .dx-gallery-nav-button-prev.dx-state-active::after,
.dx-gallery .dx-gallery-nav-button-prev.dx-state-hover::after {
  background-color: var(--dx-color-primary);
}