:root {
  --buttonBk: #1AA6F3;
  --switchBk: #1AA6F3;
  --hamburgCol:#1AA6F3;
  --editIconCol: #1AA6F3;
  --dxExpandIcon:#1AA6F3;
  --popupTitleBk:#1AA6F3;
}

/* :root {
  --buttonBk: #cdced3;;
  --switchBk: #e25858;
  --hamburgCol:#e25858;
  --editIconCol: #e25858;
  --dxExpandIcon:#010101;
  --popupTitleBk:#e25858;
} */

.dx-widget {
  color: #394347;
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-style: normal;
  /* font-weight: bold; */
  font-size: 16px;
  line-height: 150%;
  border-radius: 4px;
}

.dx-overlay-wrapper {
font-family: 'Barlow Semi Condensed', sans-serif;
font-size: 16px;
}

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

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
   padding: 3px; 
}

.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell, .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
  background-color:   var(--dxExpandIcon);
}

.dx-datagrid-header-panel .dx-toolbar {
  margin-bottom: 0px; 
  padding: 0px 0px 10px 10px;
  background:#ECEEEF;
}

.dx-datagrid .dx-row > td, .dx-datagrid .dx-row > tr > td {
  padding: 2px;
  vertical-align: middle!important;
}

.dx-texteditor-buttons-container {
  align-items: self-start;
}
.dx-form-group-caption {
  font-weight: bolder;
  color: var(--bodyColor);
}

.accountTree .dx-toolbar .dx-toolbar-items-container {    
  background:#ECEEEF;
} 
.dx-treelist-header-panel {
  background: #ECEEEF
}

.dx-treelist-rowsview .dx-treelist-expanded span::before {
  color:   var(--dxExpandIcon);
  font-size: x-large;
  padding-top: 3px;
}

.dx-treelist-rowsview .dx-treelist-collapsed span::before{
  color:   var(--dxExpandIcon);
  font-size: x-large;
  padding-top: 1px;
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
background: var(--bodyColor);
color: #fff;
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  background: var(--bodyColor);
}


/* .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  background: #182958;
  color: #fff;
}  */

.dx-checkbox-checked .dx-checkbox-icon::before {
  color: #0983f2;
}

.dx-datagrid-content .dx-datagrid-table .dx-data-row .dx-command-edit-with-icons {
  vertical-align: middle;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .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) {
  background: var(--bodyColor);
  color: #fff;
}

.dx-datagrid .dx-link {
  text-decoration: none;
  cursor: pointer;
  color: #1AA6F3;
}

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text, .dx-datagrid-filter-panel .dx-icon-filter {
  outline: 0;
  color: #1AA6F3;
}

.dx-datagrid-rowsview .dx-row {  
height: 40px;  
/* vertical-align: middle!important;   */
} 

.dx-switch-container:hover {
background-color: white !important;;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
height: 40px;
/* vertical-align: bottom !important; */
border-bottom: 0px solid #ddd;
}


.dx-datagrid-rowsview .dx-row.dx-group-row:first-child td { 
padding-top: 7px;
}

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon {  
color: #1AA6F3;
}

.dx-tab.dx-tab-selected, .dx-tab.dx-tab-selected .dx-icon {
color: var(--bodyColor);
background-color: #fff;
}

.dx-closebutton{
color: var(--bodyColor);
background-color: #fff !important;
}

.dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
padding-top: 11px;
}

.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell, .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
background-color: #f7f7f7;
}

.dx-widget input, .dx-widget textarea {
font-family: 'Barlow Semi Condensed', sans-serif;
}

.dx-texteditor.dx-state-readonly {
  /* border-style: dashed; */
  border-style:solid;
}

/* .dx-context-menu .dx-submenu {
background-color: #9cc5da; 
color: #fff;
} */

.dx-lookup-field {
padding: 4px 34px 11px 9px;

}
.dx-texteditor-buttons-container > .dx-button.dx-button-has-icon:not(.dx-button-has-text) > .dx-button-content {
padding: 6px 1px 6px 1px;
}

.dx-button-mode-contained.dx-button-default {
  background-color: var(--buttonBk);
}

.dx-switch-handle::before {
  background-color:  var(--switchBk);
}

.dx-switch-on-value .dx-switch-handle::before {
  background-color: var(--switchBk);
}

.dx-icon-menu::before {
  color: var(--hamburgCol)
}

.dx-icon-edit::before {
  content: "";
  color: var(--editIconCol)
}

.dx-icon-refresh::before {
  content: "";
  color: white;
}

.supportGrid .dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space { 
  vertical-align: top !important;
}

.messagetGrid .dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space { 
  vertical-align: top !important;
  background: #FFF;
}

.messageGrid .dx-datagrid-header-panel .dx-toolbar {
  background: #FFF;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space {
  border-right: none;
  vertical-align: top !important;
}
.dx-gantt .dx-toolbar .dx-toolbar-items-container {
  min-height: 45px !important; 
}