/*file custom from theme and page file for all page*/
.dx-svg-icon svg {
  width: 24px;
  height: 24px;
}
.dx-icon-add::before {
   content: "\f00b";
   /*content: "" !important;
   background-image: url(/Images/ico_add.svg) !important;*/
   background: no-repeat;
   background-size: 24px 24px;
   display: block;
   width: 24px;
   height: 24px;
 }
 .dx-icon-clear::before {
  content: "" !important;
  background-image: url(/Images/ico_close.svg) !important;
  background: no-repeat;
  background-size: 16px 16px;
  display: block;
  width: 20px ;
  height: 20px;
}
.dx-icon-doc::before {
  content: "" !important;
  background-image: url(/Images/ico_search.svg) !important;
  background: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
}
.dx-icon-edit::before {
  content: "" !important;
  background-image: url(/Images/ico_edit.svg) !important;
  background: no-repeat;
  background-size: 20px 20px;
  display: block;
  width: 20px;
  height: 20px;
}
.dx-icon-filter::before {
  content: "" !important;
  background-image: url(/Images/icon_filter_blue.svg) !important;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  content: "";
  margin: -5px;
}
.dx-icon-plus::before {
  /*content: "" !important;
  background-image: url(/Images/ico_add.svg) !important;*/
  background: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
}
.dx-icon-save::before {
  /* Fix css not work on icon save on page SAR */
  /* content: "" ; 
  /*background-image: url(/Images/ico_save.svg) !important;*/
  background: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  transform: translate(-5px, 0px);
}
.dx-icon-search::before {
  content: "" !important;
  background-image: url(/Images/ico_search.svg) !important;
  background: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1);
  margin-top:-3px;
}
.dx-button:hover .dx-icon-search {
  filter: invert(42%) sepia(94%) saturate(2577%) hue-rotate(199deg) brightness(100%) contrast(102%);
}
.dx-icon-trash::before {
  content: "" !important;
  background-image: url(/Images/ico_delete.svg) !important;
  background: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
}
.dx-icon-spindown::before {
  content: "" !important;
  background-image: url(/Images/icon_arrow_drop_down.svg) !important;
  background: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  transform: translateY(-12px);
}
.dx-icon-link::before {
  content: "" !important;
  background-image: url(/Images/ico_link.svg) !important;
  background: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  filter: brightness(0) saturate(100%) invert(44%) sepia(3%) saturate(3088%) hue-rotate(193deg) brightness(98%) contrast(91%);
}
.dx-icon-copy::before {
  content: "" !important;
  background-image: url(/Images/Icon_add_document.svg) !important;
  background: no-repeat;
  background-size: 20px 20px;
  display: block;
  width: 20px;
  height: 20px;
  filter: brightness(0) saturate(100%) invert(44%) sepia(3%) saturate(3088%) hue-rotate(193deg) brightness(98%) contrast(91%);
  margin-left: 2px;
}
.dx-button-has-text.dx-button-mode-text .dx-button-content {
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
}
.dx-popup-normal .dx-button-has-text.dx-button-mode-text .dx-button-content {
  padding: 6px 8px;
  background-color: #2684ff;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  /*border: 1px solid #2684ff;*/
  border-radius: 4px;
}
  .dx-button-has-text.dx-button-mode-text .dx-button-content:hover {
    padding: 6px 8px;
    background-color: #fff;
    color: #2684ff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid #2684ff;
  }
  .dx-button-has-text.dx-button-mode-text .dx-button-content:hover i{
    color: #2684ff;
  }
  .dx-button-has-icon.dx-button-has-text.dx-button-mode-text .dx-icon {
   color:white;
  }
  .dx-button {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
    .dx-button.dx-state-hover {
      color: #2684ff;
      background-color: #fff !important;
      opacity: 1;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border: 1px solid #2684ff;
    }

  .dx-button.dx-state-hover i{
    color: #2684ff;
  }
  .dx-button.dx-state-focused i{
    color: #2684ff;
   }
   .dx-button.dx-button-default {
    opacity: 1;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
  }
  .dx-button.dx-button-default.dx-state-hover {
    background-color: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
  }
  .dx-button.dx-button-danger {
    border: 1px solid #1F2538;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
  }
  .dx-button.dx-button-danger:hover .dx-icon {
    color: #2684ff !important;
  }
  .page-heading .dx-button.dx-button-danger .dx-icon-remove::before {
    color: #1F2538;
  }
   .dx-button.dx-button-danger:hover .dx-icon-remove::before {
    color: #fff!important;
  }
  .dx-button.dx-button-danger.dx-state-hover {
    color: #fff;
    border: 1px solid #1F2538;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background-color: #1f2538 !important;
  }
  .dx-button.dx-button-danger.dx-state-hover .dx-icon {
    color: #fff;
  }
.dx-button.dx-button-success {
  background-color: #2684ff !important;
  border: 1px solid #2684ff !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}
  .dx-button.dx-button-success.dx-state-hover {
    color: #2684ff !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    border: 1px solid #2684ff;
    background-color:white !important;
  }
    .dx-button.dx-button-success.dx-state-hover .dx-icon {
      color: #2684ff;
    }
  .dx-button.dx-button-success.dx-state-disabled {
    background:unset !important;
    background-color: #DADCE5 !important;
    border: 1px solid #C8CAD7 !important;
    color: #C8CAD7 !important;
    opacity: 1;
  }
.dx-icon.dx-button-success.dx-state-disabled {
  filter: brightness(0) saturate(100%) invert(44%) sepia(3%) saturate(3088%) hue-rotate(193deg) brightness(98%) contrast(91%);
}
  .dx-button-mode-text.dx-state-focused .dx-icon-edit-button-addrow::before,
  .dx-button-mode-text.dx-state-hover .dx-icon-edit-button-addrow::before {
  filter: invert(42%) sepia(94%) saturate(2577%) hue-rotate(199deg) brightness(100%) contrast(102%);
  background-color: unset !important;
  }
  .dx-button-mode-text.dx-button-default {
    border: 1px solid #2684ff;
    border-radius: 4px;
  }
  .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
    border-radius: 10px;
  }
  .dx-checkbox-indeterminate .dx-checkbox-icon::before {
    background-color: #2684ff !important;
  }
  .dx-switch-container {
    padding: unset !important;
  }
  .dx-switch-handle {
    margin-top: unset !important;
  }
  .dx-switch-handle::before {
    border-radius: 50% !important;
    border: 1px solid #6B718E;
  }
  .dx-tab {
    border: 1px solid #BDC2DC;
  }
  .dx-tab.dx-state-hover {
    border: 1px solid #2684ff;
  }
  .dx-tab.dx-state-hover .dx-tab-content .dx-tab-text {
    color: #2684ff;
}
.dx-tab.dx-tab-selected,
.dx-tab.dx-tab-selected .dx-icon {
  background-color: #2684ff;
  border: 1px solid #2684ff;
}
.dx-tab.dx-tab-selected::before {
  background-color: unset !important;
}
.dx-texteditor-container {
  border: 1px solid #bdc2dc !important;
  border-radius: 4px !important;
}
.dx-texteditor.dx-state-active::before,
.dx-texteditor.dx-state-focused::before {
  width: auto;
  border-radius: 4px;
}
.dx-texteditor.dx-editor-underlined {
  background-color: unset !important;
}
.dx-texteditor.dx-editor-underlined::after {
  border-bottom: unset !important;
}
.dx-texteditor.dx-editor-underlined.dx-state-hover::after {
  border-bottom: unset !important;
}
.dx-texteditor.dx-editor-underlined .dx-placeholder::before,
.dx-texteditor.dx-editor-underlined .dx-texteditor-input {
  padding: unset;
}
.dx-texteditor.dx-editor-underlined.dx-state-disabled::after,
.dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover::after,
.dx-texteditor.dx-editor-underlined.dx-state-readonly::after {
  border-bottom-style: unset !important;
  border-bottom-width: unset !important;
}
.dx-texteditor.dx-editor-underlined.dx-invalid::after {
  border-bottom-color: unset !important;
}
.dx-searchbox .dx-icon-search::before {
  background-image: url(/Images/nav_sub_search.svg) !important;
  content: "" !important;
  color: rgba(107,113,142,.54);
  display: block;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  filter: brightness(0) saturate(100%) invert(44%) sepia(3%) saturate(3088%) hue-rotate(193deg) brightness(98%) contrast(91%);
}
.dx-searchbox.dx-editor-underlined .dx-icon-search {
  left: -5px;
}
.dx-dropdowneditor-icon::before {
  content: "" !important;
  background-image: url(/Images/icon_arrow_drop_down.svg) !important;
  width: 24px;
  height:24px;
}
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon::before,
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: "" !important;
  background-image: url(/Images/icon_arrow_up.svg) !important;
}
.dx-list-item-content {
  border-bottom: 1px ridge #BDC2DC;
}
.dx-numberbox-spin-up-icon::before {
  content: "" !important;
  background-image: url(/Images/icon_arrow_up.svg) !important;
  background: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
}
.dx-numberbox-spin-down-icon::before {
  content: "" !important;
  background-image: url(/Images/icon_arrow_drop_down.svg) !important;
  background: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
}
.dx-list-item-before-bag .dx-list-select-checkbox,
.dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-bottom: unset !important;
}
.dx-datebox-calendar .dx-dropdowneditor-icon::before {
  content: unset !important;
  position: unset !important;
  display: unset !important;
  width: unset !important;
  top: unset !important;
  margin-top: unset !important;
  left: unset !important;
  margin-left: unset !important;
}
.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
  color: #2684ff;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
  border: none;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-button-content:hover {
  color: #2684ff;
  background-color: #fff;
}
.dx-popup-bottom.dx-toolbar {
  padding: unset !important;
  overflow: visible;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-left: 15px;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-right: 15px;
}
.dx-toast-content {
  border-radius: 4px !important;
 -webkit-box-shadow: none !important;
  box-shadow: unset !important;
}
.dx-toast-warning {
  background-color: #FDEEC9;
  color: #A87700;
}
.dx-toast-error {
  background-color: #F6C9D4;
  color: #D92550;
}
.dx-toast-success {
  background-color: #CEF1DF;
  color: #3AC47D;
}
.dx-lookup .dx-lookup-field-wrapper {
  border: 1px solid #bdc2dc;
  border-radius: 4px;
}
.dx-lookup-arrow::before {
  background-image: url(/Images/icon_arrow_drop_down.svg) !important;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  content: "" !important;
  transform: translate(1px,10px);
  top: unset !important;
  margin-top: unset !important;
  left: unset !important;
  margin-left: unset !important;
}
.dx-state-disabled .dx-radiobutton-icon::before,
.dx-state-readonly .dx-radiobutton-icon::before {
  border: 1px solid #C8CAD7;
  background-color: #DADCE5;
}
.dx-pager .dx-pages .dx-page {
  border-radius: 0;
  border-right: 1px solid #bdc2dc;
  margin: 0;
  border-left: 1px solid #bdc2dc;
}
.dx-pager .dx-page-sizes{
  border-right: 1px solid #bdc2dc;
}
.dx-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection {
  border-radius: 0;
  border-color: #2684ff;
}
.dx-pager .dx-page-sizes .dx-page-size {
  border-right: 1px solid #bdc2dc;
  border-radius: 0;
  margin: 0;
}
.dx-pager .dx-pages .dx-next-button,
.dx-pager .dx-pages .dx-prev-button {
  border-right: 1px solid #bdc2dc;
  border-left: 1px solid #bdc2dc;
}
.dx-pager .dx-page-sizes {
  border: 1px solid #bdc2dc;
  border-radius: 4px;
}
.dx-pager .dx-pages .dx-page-indexes {
  border: 1px solid #bdc2dc;
  border-radius: 4px;
}
.dx-datagrid-nowrap {
  border-radius: 4px;
}
.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-right: 1px solid #bdc2dc;
  border-bottom: 1px solid #bdc2dc !important;
}
.dx-datagrid-rowsview.dx-empty {
  border-bottom: 1px solid #bdc2dc;
}
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
  border-bottom: unset !important;
}
.dx-datagrid-borders > .dx-datagrid-filter-panel,
.dx-datagrid-borders > .dx-datagrid-headers {
  border-right: unset !important;
}
.dx-datagrid-borders > .dx-datagrid-filter-panel {
  border-top-width: 0;
  border-top: none !important;
  border-left: unset !important;
  border-right: unset !important;
  border-bottom: unset !important;
}
.dx-datagrid .dx-sort-up::before {
  background-image: url("/Images/ico_sorting_up.svg") !important;
  background-size: 18px 18px;
  display: block;
  width: 18px;
  height: 18px;
  content: "" !important;
  margin-top: -2px;
}
.dx-datagrid .dx-sort-down::before {
  background-image: url("/Images/ico_sorting_down.svg") !important;
  background-size: 18px 18px;
  display: block;
  width: 18px;
  height: 18px;
  content: "" !important;
  margin-top: -2px;
}
.dx-datagrid-borders > .dx-datagrid-filter-panel {
  border-top: unset !important;
}
.dx-datagrid-borders > .dx-datagrid-filter-panel,
.dx-datagrid-borders > .dx-datagrid-headers {
  border-right: 1px solid #bdc2dc;
}
.dx-datagrid .dx-header-filter::before {
  background-image: url("/Images/icon_filter.svg") !important;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  content: "" !important;
  margin: -5px;
}
.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
  border-left: unset !important;
  border-right: unset !important;
}
.dx-datagrid-filter-panel {
  color: #6b718e;
  border-top: unset !important;
}
.dx-datagrid .dx-icon-filter-operation-default::before,
.dx-datagrid-container .dx-icon-filter-operation-default::before {
  background-image: url(/Images/nav_sub_search.svg) !important;
  content: "" !important;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
}
.dx-data-row:nth-child(odd) > td {
  background-color: #F7F8F8;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending) .dx-datagrid-group-space,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-expand,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all) .dx-datagrid-group-space,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-expand,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all) .dx-datagrid-group-space,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-expand {
  border-right: 1px solid #bdc2dc;
}
.dx-datagrid-headers {
  border-bottom: none !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-left: 1px solid #bdc2dc;
}
body {
  font-size: 16px !important;
}
.dx-datagrid-headers .dx-datagrid-content {
  border-right: 1px solid #bdc2dc;
  border-top-right-radius: 4px;
}
.dx-datagrid-headers.dx-header-multi-row .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td {
  padding-top: 12px;
  padding-bottom: 12px;
  vertical-align: bottom;
}
.dx-datagrid-filter-row {
  border-bottom: 1px solid #bdc2dc;
}
.dx-datagrid-header-panel {
  border-bottom: unset !important;
  padding: 0 0;
  background-color: rgba(0,0,0,0);
}
.dx-datagrid-addrow-button .dx-icon-edit-button-addrow::before {
  /*content: "\f00b";*/
      content: "" !important;
      background-image: url(/Images/ico_add.svg) !important;
      background: no-repeat;
      background-size: 24px 24px;
      display: block;
      width: 24px;
      height: 24px;
      transform: translate(-2px, -2px);
      filter: brightness(0) saturate(100%) invert(44%) sepia(3%) saturate(3088%) hue-rotate(193deg) brightness(98%) contrast(91%);
    }
.dx-datagrid-cancel-button .dx-icon-edit-button-cancel::before {
  color: #6b718e;
}
.dx-datagrid-save-button .dx-icon-edit-button-save::before {
  content:"" !important;
  background-image: url(/Images/ico_save.svg) !important;
  background: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  filter: brightness(0) saturate(100%) invert(44%) sepia(3%) saturate(3088%) hue-rotate(193deg) brightness(98%) contrast(91%);
}
.dx-datagrid-rowsview {
  border-left: 1px solid #bdc2dc;
}
.dx-datagrid-rowsview .dx-row {
  border-top: none !important;
  border-bottom: none !important;
  border-right: 1px solid #bdc2dc;
}
.dx-datagrid-form-buttons-container .dx-button {
  color: #fff;
  background-color: #2684ff;
  border: 1px solid #2684ff;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-focused,
.dx-datagrid-form-buttons-container .dx-button.dx-state-hover {
  color: #2684ff;
}
.dx-datagrid-group-opened::before {
  background-image: url("/Images/icon_arrow_drop_down.svg") !important;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  content: "" !important;
}
.dx-datagrid-group-closed::before {
  background-image: url("/Images/icon_arrow_right.svg") !important;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  content: "" !important;
}
.dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit {
  border-right: 1px solid #bdc2dc;
}
.dx-treelist-borders > .dx-treelist-headers,
.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
  border-left: unset !important;
  border-right: unset !important;
}
.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
  border-bottom: unset !important;
}
.dx-treelist-borders > .dx-treelist-filter-panel,
.dx-treelist-borders > .dx-treelist-headers {
  border-top: unset !important;
  border-bottom: 1px solid #bdc2dc;
}
.dx-treelist-borders > .dx-treelist-filter-panel {
  border-top-width: unset !important;
  border-left: unset !important;
  border-right: unset !important;
  border-bottom: unset !important;
}
.dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none {
  border-left: unset !important;
  border-right: unset !important;
}
.dx-treelist {
  line-height: inherit;
  border: 1px solid #bdc2dc;
  border-radius: 4px;
}
.dx-treelist-headers .dx-lookup .dx-lookup-field,
.dx-treelist-rowsview .dx-lookup .dx-lookup-field {
  color: #6b718e;
}
.dx-treelist-headers {
  color: rgba(107,113,142,.54);
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  border-bottom: unset !important;
}
.dx-treelist-headers .dx-treelist-table .dx-row > td {
  border-bottom: unset !important;
  line-height: 16px;
  font-weight: 500;
  font-size: 14px;
  color: #6b718e;
}
.dx-icon-column-chooser::before {
  background-image: url("/Images/icon_column.svg") !important;
  content: "" !important;
  background-size: 24px 24px !important;
  display: block;
  width: 36px;
  height: 36px;
  background: no-repeat;
}
.dx-icon-column-chooser:hover {
  filter: invert(42%) sepia(94%) saturate(2577%) hue-rotate(199deg) brightness(100%) contrast(102%);
}
.dx-treelist-rowsview .dx-row {
  border-top: unset !important;
  border-bottom: unset !important;
}
.dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified,
.dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:not(.dx-edit-row) .dx-cell-modified,
.dx-treelist-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified,
.dx-treelist-rowsview .dx-data-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified,
.dx-treelist-rowsview .dx-data-row.dx-selection:not(.dx-edit-row) .dx-cell-modified,
.dx-treelist-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified {
  background-color: unset !important;
}
.dx-treelist-rowsview .dx-treelist-expanded span::before {
  /*content: "\f016";*/
  background-image: url(/Images/icon_arrow_drop_down.svg) !important;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  content: "" !important;
  transform: translate(-5px, -25px) !important;
  top: unset !important;
  left: unset !important;
  margin-left: unset !important;
  margin-top: unset !important;
}
.dx-treelist-rowsview .dx-treelist-collapsed span::before {
  /*content: "\f010";*/
  background-image: url(/Images/icon_arrow_right.svg);
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  content: "";
  transform: translate(-5px, -25px);
  top: unset !important;
  left: unset !important;
  margin-left: unset !important;
  margin-top: unset !important;
}
.dx-tabpanel .dx-tabs {
  border: 1px solid #bdc2dc;
  border-radius: 4px;
}
.dx-fileuploader-input-wrapper .dx-button:hover {
  border: 1px solid #2684ff;
  background-color: #fff;
  color: #2684ff;
}
.dx-fileuploader-input-wrapper .dx-button {
  float: left;
  border: 1px solid #2684ff;
  background-color: #2684ff;
  color: #fff;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
  border-bottom: unset !important;
}
.dx-scheduler-time-panel {
  background-color: #fff;
}
.dx-scheduler-time-panel-cell {
  border-bottom: unset !important;
}
.dx-scheduler-date-time-indicator::before {
  border: 1px solid #bdc2dc;
}
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
  transform: translateY(-40px);
}
.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
  height: 30px;
  color: #6b718e;
  font-weight: bold;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-current-date {
  background-color: #2684ff;
}
.dx-layout-manager .dx-field-item:not(.dx-first-row) {
  width: 100%;
}
.dx-layout-manager .dx-label-h-align.dx-flex-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: fit-content;
}
.dx-layout-manager .dx-field-item {
  padding-bottom: 10px;
  font-size: 16px;
  padding-left: 10px;
}
.dx-layout-manager .dx-field-item:not(.dx-last-col) {
  padding-right: 20px;
  padding-left: 20px;
}
.dx-layout-manager .dx-field-item:not(.dx-first-col) {
  padding-left: 20px;
  padding-right: 20px;
}
.dx-field-item-label-location-top {
  width: fit-content;
}
.breadcrumb > .active {
  color: #2684FF !important;
}
#icon-plus {
  float: right;
  margin-bottom: 5px;
  border-radius: 4px;
  color: #1F2538;
  background-color: #fff;
  border: 1px solid #1F2538;
}
  #icon-plus .dx-icon {
    color: #1F2538;
  }
  #icon-plus:hover .dx-icon {
    stroke: #fff;
  }
  #icon-plus:hover {
    color: #fff;
    background-color: #1F2538 !important;
    border: 1px solid #1F2538;
  }
  .dx-checkbox-container, .dx-radiobutton-icon {
    box-shadow: none !important;
  }
  .dx-button-mode-contained.dx-button-default {
    background-color: #2684ff !important;
    color: #fff;
    border: 1px solid #2684ff;
    border-radius: 4px;
  }
  .dx-button-mode-contained.dx-button-default:hover {
    background-color: #fff !important;
    color: #2684ff;
    border: 1px solid #2684ff;
  }
  .dx-checkbox.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #2684ff !important;
  }

  .dx-checkbox.dx-state-active .dx-checkbox-icon {
    background-color: #2684ff !important;
  }

  .dx-checkbox-checked .dx-checkbox-icon {
    color: #fff !important;
  }
  .dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
    border-color: #2684ff !important;
  }
  .dx-radiobutton.dx-state-active .dx-radiobutton-icon:before {
    border-color: #2684ff;
  }
  #btnOkUpdate{
    background-color: #2684ff;
    color: #fff;
    border: 1px solid #2684ff;
    border-radius: 4px;
    opacity: 1;
  }
  #btnOkUpdate:hover {
  background-color: #fff;
  color: #2684ff;
  border: 1px solid #2684ff;
  opacity: 1;
  }
  #btnCancelUpdate {
  background-color: #fff;
  color: #1F2538;
  border: 1px solid #1F2538;
  border-radius: 4px;
  }
    #btnCancelUpdate:hover, #btnCancelAdd:hover {
      background-color: #1F2538 !important;
      color: #fff;
      border: 1px solid #1F2538 !important;
    }
  body.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 100px;
  }

  .wrapper-content {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 5px 20px #1F25381A;
  }
  .breadcrumb {
    background-color: rgba(255,255,255,0.0) !important;
    margin-top: 25px;
    font-size: 16px;
    color: #304967;
  }
  .dx-icon-dataflow {
    background-image: url("/Images/icon_flow.svg") !important;
    background-size: 24px 24px;
    display: block;
    width: 24px;
    height: 24px;
    content: "";
  }
  .dx-datagrid-export-button .dx-icon-export-excel-button:before {
    background-image: url("/Images/icon_excel.svg") !important;
    background-size: 24px 24px !important;
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    content: "";
    color: #6b718e;
    background: no-repeat;
  }
  .dx-datagrid-export-button .dx-icon-export-excel-button:hover {
    filter: invert(42%) sepia(94%) saturate(2577%) hue-rotate(199deg) brightness(100%) contrast(102%);
  }
  .dx-datagrid-export-button .dx-icon-export-to:before {
    background-image: url("/Images/icon_excel.svg") !important;
    background-size: 24px 24px !important;
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    content: "";
    color: #6b718e;
    background: no-repeat;
  }
  .dx-datagrid-export-button .dx-icon-export-to:hover {
    filter: invert(42%) sepia(94%) saturate(2577%) hue-rotate(199deg) brightness(100%) contrast(102%);
  }
  .dx-form-group-caption {
    font-size: 25px;
    color: #035AA6 !important;
  }
  .dx-row dx-header-row{
      border: 1px solid #bdc2dc;
  }
  body.fixed-sidebar.mini-navbar .navbar-static-side .sidebar_left .dx-texteditor-container {
    border: none !important;
    border-radius: 0;
  }
  body {
    background: #F8FAFF;
  }
  .dx-checkbox.dx-state-hover .dx-checkbox-icon, .dx-datagrid-focus-overlay {
    border: 1px solid #2684ff !important;
  }
  h4{
      font-size: 16px !important;
  }
  .footer {
    font-size: 12px !important;
  }
  a:hover{
      color: #2684ff;
  }
  .wrapper-heading-bg {
    background-color: rgba(255,255,255,0) !important;
  }
  .btn-primary {
    color: #fff !important;
    background-color: #2684ff !important;
    border: 1px solid #2684ff !important;
    border-radius: 4px;
  }
  .btn-primary:hover {
    color: #2684ff !important;
    background-color: #fff !important;
    border: 1px solid #2684ff !important;
    border-radius: 4px;
  }
  .dx-datagrid-columns-separator {
    background-color: transparent;
  }
  .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-color: #DDE8FF !important;
    color: #6B718E !important;
  }
  .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) {
    box-shadow: inset 0 -1px 0 1000px rgba(38 132 255 / 44%);
  }
  .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date):not(.dx-calendar-empty-cell) span,
  .dx-calendar-cell.dx-state-active span {
    background-color: rgba(38 132 255 / 44%);
  }
  .pace .pace-progress {
    background: #2684ff !important;
    position: fixed;
    z-index: 2040;
    top: 0;
    right: 100%;
    width: 100%;
    height: 4px;
  }
  .dx-datagrid .dx-row > td:last-child {
    border-right: none;
  }
  .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell, .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-focused {
    background-color: #DDE8FF !important;
    opacity: 1;
  }
  .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
    background-color: unset;
  }
  .dx-datagrid .dx-row > td{
      border: 1px solid #bdc2dc;
  }
  #wrapper {
    background-image: url('/Images/background.png');
  }
  #SubmitAdd {
    border: 1px solid #2684ff;
    background-color: #2684ff;
    color: #fff;
    border-radius: 4px;
  }

    #SubmitAdd:hover {
      background-color: #fff;
      color: #2684ff;
    }

  #CancelAdd {
    border: 1px solid #1F2538;
    background-color: #fff;
    color: #1F2538;
    border-radius: 4px;
  }

    #CancelAdd:hover {
      background-color: #1F2538 !important;
      color: #fff !important;
    }
  #btnOkAdd {
    border: 1px solid #2684ff;
    border-radius: 4px;
    background-color: #2684ff;
    color: #fff;
  }

    #btnOkAdd:hover {
      background-color: #fff;
      color: #2684ff;
    }

  #btnCancelAdd {
    color: #1F2538;
    background-color: #fff;
    border: 1px solid #1F2538;
    border-radius: 4px;
  }

    #btnCancelAdd:hover {
      color: #fff;
      background-color: #1F2538;
    }
  #btnOk, #btnOkSMS {
    color: #fff;
    background-color: #2684ff;
    border: 1px solid #2684ff;
  }

    #btnOk:hover, #btnOkSMS:hover {
      color: #2684ff !important;
      background-color: #fff !important;
      border: 1px solid #2684ff;
    }

  #btnCancel {
    color: #1F2538;
    background-color: #fff;
    border: 1px solid #1F2538;
  }

    #btnCancel:hover {
      color: #fff;
      background-color: #1F2538 !important;
      border: 1px solid #1F2538 !important;
    }
  #SubmitUpdate {
    border: 1px solid #2684ff;
    border-radius: 4px;
    background-color: #2684ff;
    color: #fff;
  }
  #SubmitUpdate:hover {
    border: 1px solid #2684ff;
    background-color: #fff;
    color: #2684ff;
  }
  #CancelUpdate {
    color: #1F2538;
    background-color: #fff;
    border: 1px solid #1F2538;
    border-radius: 4px;
  }
  #CancelUpdate:hover {
    color: #fff;
    background-color: #1f2538;
    border: 1px solid #1F2538;
    border-radius: 4px;
  }
  .dx-button.dx-state-hover .dx-icon-add::before {
    color: #2684ff;
    border: 1px solid #2684ff !important;
}
  #icon-plus:hover .dx-icon-plus,
  #icon-plus:focus .dx-icon-plus {
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(299deg) brightness(104%) contrast(101%);
  }
  .dx-button:hover .dx-icon-save {
    filter: invert(42%) sepia(94%) saturate(2577%) hue-rotate(199deg) brightness(100%) contrast(102%);
  }
.dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin: 0 2px;
  vertical-align: middle;
  cursor: pointer;
}

.dx-toolbar .dx-toolbar-items-container .dx-button {
    background-color: #fff;
    border: none;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button{
    min-width: 40px !important;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-texteditor.dx-editor-underlined .dx-placeholder::before, .dx-texteditor.dx-editor-underlined .dx-texteditor-input {
  padding: 7px 0 6px;
  margin-left: 0.5rem;
}
.dx-button.dx-state-disabled {
  background-color: #DADCE5 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #C8CAD7 !important;
  color: #C8CAD7 !important;
}
.dx-searchbox.dx-editor-underlined .dx-placeholder::before, .dx-searchbox.dx-editor-underlined .dx-texteditor-input {
  padding-left: 45px !important;
}
.dx-button.dx-button-danger .dx-icon {
  color: #1f2538 !important;
}
.dx-datagrid-borders > .dx-datagrid-filter-panel, .dx-datagrid-borders > .dx-datagrid-headers{
    border-top: none;
}
.dx-datagrid-rowsview .dx-row{
    border-right: none;
}
.dx-datagrid .dx-row > td {
  border-bottom: none;
}


.dx-datagrid .dx-row-lines > td {
  border-bottom: none;
}

.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child, .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > td, .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > tr > td {
  border-top: 1px solid #bdc2dc;
}
.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  background-color: transparent;
}
.dx-list-item-after-bag.dx-list-static-delete-button-container .dx-button.dx-state-hover{
    background-color: unset !important;
}
#btn-plus:hover {
  background-color: #1F2538 !important;
  color: #fff;
  border: 1px solid #1F2538 !important;
}
.dx-layout-manager .dx-field-item:not(.dx-first-col) .dx-button:hover {
  border: 1px solid #1F2538 !important;
  background-color: #1F2538 !important;
  color: #fff;
}
.selected:hover > div > div {
  color: #fff;
  border: 1px solid #1f2538 !important;
  background-color: #1f2538 !important;
}

.dx-datebox-calendar > div > div > div > div > div > .dx-dropdowneditor-icon::before {
  content: "\f026" !important;
  font-size: 26px;
  background-image: none !important;
}
.dx-datebox-calendar > div > div > div > div > div > .dx-dropdowneditor-icon {
  background-color: transparent !important;
  border: 0px !important;
}
.help-text > div > div {
  font-size: 14px !important;
}
.dx-dropdownmenu.dx-dropdownmenu-button > div > i {
  color: #6b718e !important;
}