input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #000000 !important;
  border-radius: 12px !important;

}

:root {
  --mat-menu-container-color: var(--dx-color-main-bg);
  --mat-sidenav-content-text-color: var(--dx-color-text);
  --mat-menu-item-icon-color: var(--dx-color-text);
  --mat-menu-item-label-text-color: var(--dx-color-text);
  --mat-menu-item-label-text-font: Montserrat, Helvetica Neue, sans-serif;
  /** Mobile screen width threshold*/
  --MOBILE_SCREEN_THRESHOLD: 570px;
  /* Small screen width threshold*/
  --SMALL_SCREEN_THRESHOLD: 850px;
  /* Medium screen width threshold*/
  --MEDIUM_SCREEN_THRESHOLD: 1200px;
  /*Big screen width threshold*/
  --BIG_SCREEN_THRESHOLD: 1800px;
}

.dx-popup-title .dx-button .dx-icon {
  color: white
}

.dx-popup-title .dx-button.dx-state-hover .dx-icon {
  color: var(--dx-color-text);
}

.drawerTitleWrapper .dx-button .dx-icon {
  color: white
}

.drawerTitleWrapper .dx-button.dx-state-hover .dx-icon {
  color: var(--dx-color-text);
}

span {
  margin-bottom: 0;
}

.dx-card {
  margin: 0;
}

.dx-popup-wrapper > .dx-overlay-content {
  border-radius: 12px;
}

.dx-list-item {
  border-radius: 12px;
}

.dx-tabpanel .dx-tabpanel-tab {
  flex-grow: 1;
}

.fullWidthSearchBar {
  width: 100% !important;
}

.dx-treelist-header-panel {
  border-bottom: 1px solid #e5e8f0;
  padding: 0 0 8px 0;
}

.dx-datagrid-header-panel {
  border-bottom: 1px solid #e5e8f0;
  padding: 0 0 8px 0;
}

.dx-toolbar .dx-toolbar-before {
  padding: 0;
  width: 100% !important;
  display: flex;
  gap: 5px;
  align-items: center;
  font-family: Montserrat, Helvetica Neue, sans-serif !important;
}

.dx-toolbar-before > .dx-item {
  max-width: none !important;
}

.dx-toolbar .fullWidthSearchBar .dx-texteditor {
  width: 100% !important;
  margin: 0 !important;
}

.dx-tab-content {
  min-width: 100px;
}

.dx-popup-title {
  color: white;
  background-color: var(--dx-color-primary);
}

/*.dx-overlay-content {*/
/*  width: 50vw !important;*/
/*  transform: translate(calc(25vw - 10px), 0px);*/
/*}*/

/*@media only screen and (min-width: 850px) {*/
/*  .dx-overlay-content {*/
/*    width: 50vw !important;*/
/*    transform: translate(0, 0px) !important;*/
/*  }*/
/*}*/

/*@media only screen  and (min-width: 570px) and (max-width: 850px) {*/
/*  .dx-overlay-content {*/
/*    width: 80vw !important;*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 570px) {*/
/*  .dx-overlay-content {*/
/*    width: 100vw !important;*/
/*  }*/
/*}*/

.dx-popup-wrapper > .dx-overlay-content {
  border-radius: 12px;
}

.dx-list-item {
  border-radius: 12px;
}

.dx-tabs .dx-tab-text-span, .dx-tabs .dx-tab-text-span-pseudo {
  width: 100%;
  overflow: visible;
  /* text-overflow: ellipsis; */
  white-space: nowrap;
}


.dx-dropdownlist-popup-wrapper .dx-popup-normal {
  min-width: fit-content;
}

.sidenav-container.dx-drawer-shrink > .dx-drawer-wrapper > .dx-drawer-panel-content {
  overflow: hidden;
  /*box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024;*/
}

dx-data-grid, dx-tree-list, dx-chart {
  overflow: hidden;
}

.dx-card.flat {
  box-shadow: none;
  border: 1px solid var(--dx-color-border);
}

.dx-button.dx-button-mode-contained:not(.dx-button-normal) {
  color: white !important;
}

.dx-button.dx-button-mode-contained:not(.dx-button-normal) .dx-icon {
  color: white !important;
}

.dx-state-disabled .dx-editor-outlined.dx-texteditor,
.dx-state-disabled .dx-editor-outlined.dx-texteditor-with-label .dx-label-after,
.dx-state-disabled .dx-editor-outlined.dx-texteditor-with-label .dx-label-before,
.dx-state-disabled .dx-checkbox .dx-checkbox-icon,
.dx-state-disabled .dx-switch .dx-switch-container::before,
.dx-state-disabled .dx-checkbox.dx-state-readonly .dx-checkbox-icon,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label-before,
.dx-checkbox.dx-state-disabled .dx-checkbox-icon,
.dx-switch.dx-state-disabled .dx-switch-container::before,
.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
  color: #918f8f;
  border-color: #918f8f;
}


.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled {
  .dx-label, .dx-label-before, .dx-label-after {
    border-color: #918f8f;
  }

  .dx-texteditor-input {
    color: #918f8f;
  }
}

.dx-texteditor.dx-editor-outlined.dx-state-disabled {
  border-color: #918f8f;
  color: #918f8f;

  .dx-numberbox-spin-up-icon {
    color: #918f8f;
  }

  .dx-numberbox-spin-down-icon {
    color: #918f8f;
  }
}

.dx-texteditor.dx-state-disabled .dx-texteditor-input,
.dx-texteditor.dx-state-disabled .dx-placeholder::before,
.dx-texteditor.dx-state-disabled .dx-dropdowneditor-icon,
.dx-button.dx-state-disabled .dx-icon,
.label-disabled,
.dx-texteditor.dx-state-disabled .dx-texteditor-label {
  color: #918f8f;
}

.dx-state-disabled.dx-widget,
.label-disabled {
  opacity: 0.5;
}

.dx-card.selected {
  box-shadow: 0 0 4px var(--dx-color-primary), 0 0 4px var(--dx-color-primary);
}

.dx-context-menu .dx-menu-item .dx-menu-item-content {
  padding: 9px 17px;
}

.dx-datagrid-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon {
  border-radius: 12px;
}

.dx-popup-wrapper.dx-overlay-shader {
  transition: background-color linear 0.2s, backdrop-filter linear 0.2s !important;
  backdrop-filter: blur(3px);
}

.dx-overlay-shader {
  backdrop-filter: blur(10px);
  transition: backdrop-filter 250ms !important;
}

.dx-datagrid .dx-datagrid-headers.dx-bordered-top-view,
.dx-datagrid-container .dx-datagrid-headers.dx-bordered-top-view,
.dx-treelist .dx-treelist-headers.dx-bordered-top-view,
.dx-treelist-container .dx-treelist-headers.dx-bordered-top-view {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.dx-datagrid .dx-bordered-bottom-view,
.dx-datagrid-container .dx-bordered-bottom-view,
.dx-treelist .dx-bordered-bottom-view,
.dx-treelist-container .dx-bordered-bottom-view {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.dx-sortable-clone .dx-bordered-bottom-view {
  border-radius: 0;
}


.dx-datagrid .dx-datagrid-table .dx-header-row > td:first-child,
.dx-treelist .dx-treelist-table .dx-header-row > td:first-child {
  border-top-left-radius: 12px;
}

.dx-datagrid .dx-datagrid-table .dx-header-row > td:last-child,
.dx-treelist .dx-treelist-table .dx-header-row > td:last-child {
  border-top-right-radius: 12px;
}

.dx-datagrid-dragview,
.dx-datagrid-nodata,
.dx-datagrid-dragview .dx-datagrid-borders,
.dx-treelist-dragview,
.dx-treelist-nodata,
.dx-treelist-dragview .dx-treelist-borders {
  border-radius: 12px;
}

.dx-datagrid .dx-datagrid-headers,
.dx-treelist .dx-treelist-headers,
.dx-datagrid-container .dx-datagrid-headers,
.dx-treelist-container .dx-treelist-headers {
  min-height: 50px;
}

.dx-toast-info {
  border: 3px solid var(--dx-color-primary);
}

.dx-list-reorder-handle-container {
  order: -1; /* Move to the left */
  margin-right: 10px; /* Optional: Adjust the margin to give space */
}

dx-data-grid {
  overflow: hidden;
}

.dx-context-menu .dx-submenu {
  overflow: hidden;
}

@media (max-width: 850px) {

  .timeSelectorPopup .dx-overlay-content,
  .dx-dialog .dx-overlay-content {
    max-width: 90vw;
  }

  .dx-dialog .dx-toolbar .dx-toolbar-items-container {
    height: auto;
  }

  .dx-dialog .dx-toolbar.dx-popup-title .dx-toolbar-items-container {
    height: 48px;
  }

  .dx-dialog .dx-toolbar-center,
  .dx-dialog .dx-toolbar-after {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 !important;
    position: relative;
    justify-content: flex-end;
  }
}

.dx-toolbar-center {
  margin: 0 !important;
}

.sidenav-container .dx-drawer-shader {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.dx-state-disabled {
  cursor: not-allowed !important;
}

.dx-dialog-wrapper .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  height: auto;
  position: relative;
  padding: 8px 0;
}

.dx-dialog-wrapper .dx-toolbar-items-container {
  height: auto;
}