.dx-popup-title {
  background: var(--color-neutral-0) !important;
}


.dx-popover-wrapper .dx-popover-arrow::after {
  width: 14.1422712488px;
  height: 14.1422712488px;
}

.dx-popover-arrow::after {
  border: 1px solid #ddd;
}

.dx-popover-arrow::after {
  position: absolute;
  display: block;
  overflow: hidden;
  content: " ";
  transform: rotate(-45deg);
  background: white;
}

.dx-list-item {
  margin-top: 0px !important;
}

/* .dx-list-item-content {
  border-bottom: 1px solid lightgrey;
} */

.dx-splitter .dx-resize-handle { 
  /* background-color: #d3e1fe; */
  background-color:var(--bkgnd);
}

.low.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
background: rgb(232, 37, 37);
}

.poor.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
background: orange;
}

.normal.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
background: green;
}


.high.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
background: rgb(255, 0, 255);
}


.dx-list.dx-list-select-decorator-enabled .dx-list-item .dx-list-item-content, .dx-list.dx-list-select-decorator-enabled .dx-list-item .dx-list-select-all-label, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all .dx-list-item-content, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all .dx-list-select-all-label {
border: none;
}

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
padding: 10px 5px 0px 0px;
}

.dx-toolbar .dx-toolbar-menu-container {
padding-top: 10px;
}


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


.dx-scheduler-agenda .dx-scheduler-agenda-appointment-marker {
background-color: var(--loader) !important;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body {
background-color: var(--loader);
}

.dx-scheduler-appointment-collector.dx-button, .dx-scheduler-appointment-collector.dx-button.dx-state-active, .dx-scheduler-appointment-collector.dx-button.dx-state-focused, .dx-scheduler-appointment-collector.dx-button.dx-state-hover {
background-color: var(--bkgnd);
}

.dx-scheduler-appointment:not(.dx-scheduler-appointment-has-resource-color) .dx-scheduler-appointment-strip {
background-color:#a5cdf5
}

.dx-scheduler-appointment {
background-color:  #a5cdf5;
}
/* 
.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row, .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row {  
background: #e1ecef;
}  */
/* .dx-icon-close {
color: white !important;
} */

/* asset Nav */
/* Reset the backgrounds */
.dx-popup-wrapper > .dx-overlay-content:has(#asvNav) {
border-radius: 12px;
border:1px solid var(--color-neutral-700);
box-shadow: 0px 0px 16px 2px var(--color-neutral-1000);
}

#asvSplitter .dx-resize-handle {
  background:var(--color-neutral-300) !important;
  width:1px !important;
}

.dx-overlay-shader:has(#asvNav) {
  background-color: rgba(0,0,0,0.75);
  backdrop-filter: grayscale(0%) blur(32px);
}

#asvNav {
background:var(--color-neutral-900);
color:var(--color-neutral-400);
font-weight:400;
}

#asvNav .dx-treeview-item {
  padding: 8px 12px;
  color:var(--color-neutral-400);
  border-style: solid;
  border-width:1px;
  border-color: transparent;
  border-radius: 4px;
  font-weight:500;
  transition: all 150ms ease-in-out;
}

#asvNav .dx-treeview-item .dx-treeview-item-content .dx-icon {
  color: inherit; /* just inherit the color */
  font-size:16px;
}

#asvNav .dx-treeview-item.dx-state-hover {
  background:var(--color-neutral-800);
}

#asvNav .dx-treeview-item.dx-state-focused {
  background:inherit;
  color:inherit;
}

#asvNav .dx-state-selected > .dx-treeview-item {
  background:var(--color-neutral-700);
  color:var(--color-neutral-0);
  border-color: var(--color-neutral-600);
  box-shadow: 0px 0px 0px 1px var(--color-neutral-1000);
}

#asvNav  .dx-treeview-node-container {
margin: 16px 12px;
display: flex;
flex-direction: column;
gap:2px;
}

#asvNav .dx-treeview-expander-icon-stub {
display: none;
}

#asvSplitter #rightPanelToolbar {
  padding: 0px 16px;
  background: var(--color-neutral-0);
  border-bottom:1px solid var(--color-neutral-200);
}

#asvForm {
padding:16px;
}

.summaryFormVehicle {
  background: var(--color-neutral-100);
}
.summaryFormInfo .infoCard {
  background: var(--color-neutral-0);
  border: 2px solid var(--color-neutral-50);
  box-shadow: 0px 0px 0px 1px var(--color-neutral-200);
  border-radius: 4px;
  padding:8px 12px;
}

.summaryFormInfo .summaryFormGrid {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1rem; /* spacing between cards */
}

#asvForm:has(#locationMap) {
padding:0px;
}

#asvForm:has(#tripViewerToolBar) {
padding:0px;
}
#tripViewerToolBar {
padding: 0px 16px;
}

.dx-datagrid-group-panel .dx-group-panel-message {
  font-weight: 400;
}

.dx-chat-messagelist-empty-image {
  display: none;
}

.dx-chat-messagelist-empty-message {
  font-size: var(--dx-font-size-heading-5);
}

.dx-chat-messagebubble-content,
.dx-chat-messagebubble-text {
  display: flex;
  flex-direction: column;
}
/*
.dx-bubble-button-container {
  display: none;
}

.dx-button {
  display: inline-block;
  color: var(--dx-color-icon);
}
*/
.dx-chat-messagegroup-alignment-start:last-child .dx-chat-messagebubble:last-child .dx-bubble-button-container {
  display: flex;
  gap: 4px;
  margin-top: 8px;
}

.dx-chat-messagebubble-content > div > p:first-child {
  margin-top: 0;
}

.dx-chat-messagebubble-content > div > p:last-child {
  margin-bottom: 0;
}

.dx-chat-messagebubble-content ol,
.dx-chat-messagebubble-content ul {
  white-space: normal;
}

.dx-chat-messagebubble-content h1,
.dx-chat-messagebubble-content h2,
.dx-chat-messagebubble-content h3,
.dx-chat-messagebubble-content h4,
.dx-chat-messagebubble-content h5,
.dx-chat-messagebubble-content h6 {
  font-size: revert;
  font-weight: revert;
}

.dx-chat-disabled .dx-chat-messagebox {
  opacity: 0.5;
  pointer-events: none;
}


#radarMapList .dx-toolbar .dx-toolbar-items-container {
    height: 38px;
    margin-bottom: 6px;
    margin-left: 2px;
    margin-top: 4px;
}