@import url("/_content/7c.FrontEnd.Shared/css/old/fonts.css");
@import url("/_content/7c.FrontEnd.Shared/css/old/variables.css");
@import url("/_content/7c.FrontEnd.Shared/css/old/uiNew.css");
:root {
  --dark-yellow: #ffd712;
  --darkbg-light: rgba(0, 0, 0, 0.4);
  --dark-panel: #34352f;
  --body-dark-chatbot-bg: #434343;
  --border-dark: #4b4b4b;
  --btn-text-dark: #999999;
  --btn-border-dark: #545454;
  --btn-bg-dark: #545454;
  --popup-bg: #292929;
  --dark-input-bg: #313131;
  --dark-input-bg-read-only: #545454;
  --dark-input-border-color: rgba(255, 255, 255, 0.7);
  --calender-bg: #282b2b;
  --dark-btn-blue-bg: #3D465B;
}

.p-2 {
  padding: 0.75rem;
}

.grid-wrap .dxbl-grid.dxbl-grid-nowrap {
  border: none !important;
}

.grid-wrap .dxbl-grid-header {
  padding: 10px 16px !important;
}

.grid-wrap .dxbl-grid-header-row th {
  background: var(--header-bg) !important;
}

.grid-wrap .dxbl-grid-fixed-cell::before {
  background: transparent !important;
}

.grid-wrap .dxbl-grid-header {
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  /*  transform: translateY(2px);*/
}

.grid-wrap .dxbl-grid .dxbl-grid-table > thead > tr > th:focus-visible,
.grid-wrap .dxbl-grid .dxbl-grid-table > tbody > tr > td:focus-visible,
.grid-wrap .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell):has(.dxbl-text-edit.dxbl-focused),
.grid-wrap .dxbl-grid .dxbl-grid-table > tfoot > tr > td:focus-visible {
  outline: 1.5px solid #f3f7ff !important;
}

.dxbl-popup-cell .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-focused {
  outline: 0.15rem solid #7895d7 !important;
}

.light_view .grid-wrap svg.dxbl-image {
  color: rgba(255, 255, 255, 0.6588235294) !important;
  transform: translateY(-1px);
}

.grid-wrap svg.dxbl-image {
  height: 13px;
  width: 13px;
}

.text-align-right {
  justify-content: end;
}

.grid-wrap .dxbl-scroll-viewer-content {
  border-radius: 8px !important;
  background: var(--white) !important;
  border-color: var(--active-bg) !important;
}

.grid-wrap table {
  background: var(--white) !important;
}

.grid-wrap tbody td {
  padding: 8px 16px !important;
  color: var(--text-color);
  border: 1px solid #d9e4ff !important;
  font-size: 0.675rem !important;
}

.grid-wrap tbody td.dxbl-grid-edit-form {
  padding: 0 !important;
}

.grid-wrap .dxbl-scroll-viewer-content tbody tr:nth-child(even) td {
  background: var(--table-td) !important;
}

.action-btns {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.delete-confirm {
  color: #fff;
  border-radius: 30px;
  background-color: red;
  cursor: pointer;
}

.delete-confirm a {
  padding: 8px 16px;
  white-space: nowrap;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
}

.grid-wrap .dxbl-grid .dxbl-grid-table {
  border-color: var(--active-bg) !important;
}

.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-readonly,
.dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-readonly,
.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-readonly {
  border: 1px solid var(--border-light) !important;
  border-radius: 0.375rem !important;
}

.grid-wrap .action-btns button {
  min-width: 25px;
  min-height: 25px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.grid-wrap .action-btns button i {
  transform: translateX(1px) !important;
}

.grid-wrap .action-btns .edit-btn {
  border: 1px solid var(--bg-light);
  color: var(--bg-light);
  background-color: white !important;
}

.process-j-btn {
  width: 25px;
  height: 25px;
  background-color: white;
  border: 1px solid var(--bg-light);
  border-radius: 4px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.disabled-process-btn {
  opacity: 0.5;
  cursor: unset;
}

.process-j-btn img {
  height: 17px;
  filter: invert(58%) sepia(5%) saturate(3396%) hue-rotate(184deg) brightness(100%) contrast(91%);
}

.process-j-btn-xl {
  width: 36px;
  height: 36px;
  border: 1px solid white;
  border-radius: 6px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--calming_blue);
}

.dark_view .process-j-btn-xl {
  border: none;
}

.process-j-btn-xl img {
  width: 24px;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(27deg) brightness(111%) contrast(101%);
}

.grid-wrap .action-btns .delete-btn {
  border: 1px solid var(--red) !important;
  color: var(--red) !important;
  background-color: white !important;
}

.grid-wrap .dxbl-grid .dxbl-grid-table .dxbl-grid-footer-row > td:not(.dxbl-grid-empty-cell)::before {
  background-color: var(--white) !important;
}

.grid-wrap tfoot .dxbl-grid-footer-row {
  padding: 16px !important;
}

.grid-wrap .dxbl-grid-selected-row {
  background: var(--border-table-tr) !important;
}

.dxbl-dropdown {
  --dxbl-list-box-item-selected-bg: var(--icon-bg-hover-color);
  --dxbl-list-box-item-selected-hover-bg: var(--icon-bg-hover-color);
}

.devexpress-custom-checkbox .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) .dxbl-checkbox-check-element {
  background-color: transparent !important;
  border: 1.5px solid #d9d9d9 !important;
}

.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
  box-shadow: none;
}

.devexpress-custom-checkbox .dxbl-checkbox-check-element input[type=checkbox] {
  visibility: visible;
  z-index: 6;
}

.dxbl-checkbox.valid.modified:not([type=checkbox]):not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before {
  box-shadow: none;
  border: 1px solid var(--desc-font-color) !important;
}

.light_view .devexpress-custom-checkbox svg.dxbl-image {
  color: var(--calming_blue) !important;
}

.devexpress-custom-checkbox input {
  border: none !important;
  width: 18px !important;
  padding: 0px !important;
  height: 18px !important;
  box-shadow: none;
  z-index: 6 !important;
}

.devexpress-custom-radio-button .dxbl-checkbox.dxbl-checkbox-checked .dxbl-checkbox-check-element:focus-within,
.devexpress-custom-radio-button .dxbl-checkbox.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element:focus-within {
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}

.devexpress-custom-radio-button .dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element::before {
  border-color: var(--calming_blue) !important;
}

.devexpress-custom-radio-button .dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element::after {
  background-color: var(--calming_blue) !important;
}

.light_view .grid-wrap .edit-form-table .devexpress-custom-checkbox svg.dxbl-image {
  width: 0.875rem !important;
  height: 0.875rem !important;
  top: 1.5px;
  left: 2px;
  filter: invert(45%) sepia(62%) saturate(17%) hue-rotate(319deg) brightness(92%) contrast(87%);
}

.light_view .grid-wrap .edit-form-table .devexpress-custom-checkbox .sumortitle_checked svg.dxbl-image,
.light_view .devexpress-custom-checkbox .disabled_checkbox svg.dxbl-image {
  color: #a9a9a9;
}

.light_view .grid-wrap .edit-form-table .devexpress-custom-checkbox .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-checked .dxbl-checkbox-check-element {
  border: 2px solid #a9a9a9 !important;
}

.light_view .grid-wrap .edit-form-table .devexpress-custom-checkbox .dxbl-checkbox .dxbl-checkbox-check-element input {
  visibility: visible;
}

.light_view .grid-wrap .edit-form-table .devexpress-custom-checkbox .dxbl-checkbox .dxbl-text {
  padding-top: 5px;
  padding-bottom: 1px;
}

.light_view .grid-wrap .edit-form-table .devexpress-custom-checkbox .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly .dxbl-checkbox-check-element {
  border: 2px solid #a9a9a9 !important;
}

.light_view .grid-wrap .edit-form-table .devexpress-custom-checkbox .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly > .dxbl-text {
  color: #a9a9a9 !important;
}

.light_view .grid-wrap .edit-form-table .devexpress-custom-checkbox .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-checked .dxbl-checkbox-check-element:focus-within {
  box-shadow: none;
  border: none;
}

.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before {
  opacity: 0;
}

.light_view .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected::before,
.light_view .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected::before,
.light_view .dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover::before,
.light_view .dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover::before {
  background-color: var(--icon-bg-hover-color);
}

/* radio buttons command labels  */
.light_view .devexpress-custom-radio-button .dxbl-checkbox-radio .dxbl-text {
  padding-top: 8px;
}

/*----edit-form-csss------*/
.edit-form-content-wrap .dxbl-text-edit {
  border: none !important;
}

.edit-form-content-wrap .dxbl-text-edit input {
  background-color: transparent !important;
  border: 1px solid var(--border-light);
  border-radius: 30px;
  padding: 8px 16px;
  height: 42px !important;
  margin-bottom: 0px !important;
  width: 100%;
  font-size: 0.675rem !important;
  color: var(--text-color);
}

.edit-form-content-wrap .dxbl-fl-item.dxbl-fl-item-horizontal {
  display: flex;
  align-items: center;
  flex-direction: column !important;
  width: 38%;
}

.edit-form-content-wrap .dxbl-fl-item.dxbl-fl-item-horizontal.button-content-wrap {
  width: 76%;
}

.edit-form-content-wrap .dxbl-fl-ctrl {
  width: 100% !important;
}

.searh-field-wrap {
  margin-top: 16px;
}

.searh-field-wrap .address_autocomplete {
  width: 36.7% !important;
}

.searh-field-wrap .tooltip-icon svg {
  color: var(--calming_blue) !important;
}

.button-flex {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
  padding: 1rem 0.5rem;
}

.edit-form-content-wrap .dxbl-grid-edit-form-buttons,
.readonly-dropdown .dxbl-btn-group.dxbl-btn-group-right,
.text-wrapper-edit.input-number .dxbl-btn-group-right {
  display: none !important;
}

.grid-wrap .transaction-edit.dxbl-fl .dxbl-row {
  width: calc(100vw - 172px) !important;
}

.edit-form-content-wrap .dxbl-row {
  display: block !important;
}

.edit-flex {
  display: flex;
  align-items: center;
}

.devexpress-custom-date-filter .dxbl-text-edit .dxbl-btn-group-right button svg {
  display: none;
}

.devexpress-custom-date-filter .dxbl-text-edit .dxbl-btn-group-right button {
  background-image: url("../../images/icons/stash_data-date-light.png") !important;
  background-repeat: no-repeat !important;
  background-size: 26px 26px !important;
  width: 30px;
  padding: 3px 5px;
  background-position-y: center !important;
}

.devexpress-custom-date-filter .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn:not(.dxbl-btn.dxbl-edit-btn-clear, .dxbl-btn.dxbl-btn-icon):not(.dxbl-disabled):not(:disabled):hover {
  background-image: url("../../images/icons/stash_data-date-light.png") !important;
  filter: invert(29%) sepia(1%) saturate(2270%) hue-rotate(314deg) brightness(101%) contrast(79%);
  background-repeat: no-repeat !important;
  background-size: 26px 26px !important;
  width: 30px;
  padding: 3px 5px;
  background-position-y: center !important;
}

.devexpress-custom-date-filter .dxbl-text-edit input {
  font-size: 0.675rem !important;
}

.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell),
.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row.dxbl-grid-selected-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
  background: #8aa5df !important;
}

.readonly-row {
  background-color: #dfdfdf !important;
  color: #666 !important;
  cursor: default !important;
  opacity: 0.5;
}

.grid-wrap .dxbl-scroll-viewer-content tbody tr.child-row-no-ledger td {
  background-color: #ffd4d4 !important;
  color: #666 !important;
  cursor: default !important;
  opacity: 0.5;
}

.dark_view .transaction-overlay .readonly-row {
  background-color: rgba(136, 136, 136, 0.5) !important;
  color: #bfbfbf !important;
  cursor: default !important;
}

.dark_view .transaction-overlay .grid-wrap .dxbl-scroll-viewer-content tbody tr.child-row-no-ledger td {
  background-color: rgba(116, 14, 14, 0.5) !important;
  color: #b9b9b9 !important;
  cursor: default !important;
  opacity: 0.5;
}

.grid-wrap table.dxbl-grid-table tbody .dxbl-grid-focused-row td,
.grid-wrap table.dxbl-grid-table tbody tr.dxbl-grid-selected-row td {
  background: #8aa5df !important;
}

.transaction-overlay .grid-wrap tbody td {
  padding: 2px 4px !important;
  height: 30px;
}

.transaction-overlay .grid-wrap thead tr .dxbl-grid-header {
  padding: 10px 4px !important;
}

.grid-forms {
  padding: 0 !important;
  margin: 16px !important;
  overflow-x: hidden;
}

.dxbl-grid-edit-form-buttons {
  display: none !important;
}

.edit-form-content-wrap .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
  background: #4b6ebd !important;
}

.invitation-modal.custom-model button.dxbl-btn.dxbl-btn-text-secondary.dxbl-btn-tool.dxbl-popup-header-button:hover {
  background-image: none !important;
}

/* -------------------- New grid design -------------------*/
.header-part {
  padding: 0.75rem 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.75rem;
  justify-content: space-between;
  border-bottom: 1px solid var(--icon-bg-hover-color);
  margin-bottom: 0.75rem;
}

.header-part h4 {
  font-size: 24px;
  font-weight: 600;
}

.grid-search {
  position: relative;
}

.grid-search .cross-wrap {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  filter: invert(61%) sepia(57%) saturate(525%) hue-rotate(190deg) brightness(88%) contrast(89%);
}

.grid-header-actions {
  border: 1px solid var(--icon-bg-hover-color);
  border-radius: 6px;
  display: flex;
  align-items: center;
  height: 36px;
}

.grid-header-actions .grid-search input {
  width: 100%;
  max-width: 250px;
  height: 36px !important;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 6px 0 0 6px;
  border: none;
  padding-left: 34px;
  padding-right: 24px;
}

.grid-header-actions .grid-search input::placeholder {
  color: var(--calming_blue);
  opacity: 0.6;
}

.grid-header-actions .custom-select-wrap,
.grid-header-actions .custom-option {
  width: 130px;
  height: 36px !important;
  padding: 5px 20px 5px 23px;
  border-radius: 0 6px 6px 0;
  color: var(--icon-bg-hover-color) !important;
  border: none;
  transform: translateY(0px);
}

.grid-header-actions .custom-option option {
  color: #797979;
}

.grid-header-actions select:focus-visible {
  outline: none;
  /* background-color: #c4d6ff !important;*/
}

.grid-header-actions .custom-select-wrap option:first-child {
  display: none;
}

.grid-header-actions .export-options {
  display: flex;
  align-items: center;
  /*padding-left: 12px;*/
  border-left: 1px solid var(--icon-bg-hover-color);
  height: 36px;
  position: relative;
}

.grid-header-actions .export-options img {
  height: 16px;
  position: absolute;
  left: 6px;
  top: 12px;
  z-index: 9;
}

.table-content-wrap .grid-header-actions .export-option-content-wrap .dropdown-content.currency-wrap img {
  filter: unset;
}

.table-content-wrap .grid-header-actions .export-option-content-wrap img.down-arrow_btn {
  filter: brightness(0) invert(1);
}

.table-content-wrap .grid-header-actions .search-icon-wrap img {
  filter: brightness(0) invert(1);
}

.table-content-wrap .grid-header-actions .export-option-content-wrap .dropdown-content.currency-wrap a:hover img {
  filter: brightness(0) invert(1) !important;
}

.table-content-wrap .grid-header-actions .export-option-content-wrap .eye-icon.arrow-icon-svg-wrap .arrow-svg-content svg path {
  stroke: #ffffff !important;
}

.outer-header-design.transaction-overlay .grid-header-actions .export-options {
  z-index: 9999 !important;
}

.outer-header-design.transaction-overlay .grid-header-actions .export-options input::placeholder {
  color: #fff !important;
  opacity: 0.7;
}

.light_view .export-options.export-option-content-wrap .dropdown input.dropdown-input::placeholder {
  color: #fff !important;
}

.edit-form-table .input-validation-wrapper {
  display: flex;
  flex-direction: column !important;
}

.journal-button-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.edit-form-table .input-validation-wrapper .dxbl-fl-ctrl {
  width: 100% !important;
}

.devexpress-custom-dropdow .dxbl-fl-ctrl .dxbl-text-edit {
  border-radius: 6px !important;
}

.input-validation-wrapper .dxbl-fl-ctrl .dxbl-text-edit {
  border-radius: 6px !important;
  border: 1px solid var(--border-light) !important;
}

.devexpress-custom-dropdow .dxbl-fl-ctrl .dxbl-text-edit input {
  padding: 4px 8px;
  border-radius: 6px;
}

.devexpress-custom-dropdow .dxbl-text-edit input {
  font-size: 0.675rem !important;
}

.edit-form-table .input-validation-wrapper.input-number .dxbl-fl-ctrl .dxbl-text-edit .dxbl-btn-group-right {
  display: none;
}

.edit-form-table .input-validation-wrapper .dxbl-fl-ctrl .dxbl-text-edit .dxbl-btn-group-right, .edit-form-table .input-validation-wrapper .dxbl-fl-ctrl .dxbl-text-edit .dxbl-btn-group-right button {
  background: transparent !important;
  width: 40px;
}

.light_view .grid-wrap .edit-form-table svg.dxbl-image,
.light_view .grid-wrap svg.dxbl-grid-empty-data-not-found {
  color: var(--icon-bg-hover-color) !important;
  height: 20px !important;
  width: 20px !important;
}

.edit-form-table .input-validation-wrapper .dxbl-fl-ctrl .validation-message,
.input-validation-wrapper .text-danger {
  color: #ff0000 !important;
  font-size: 12px !important;
  margin-top: 4px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9996 0.999552L6.0498 5.9493L1.10006 0.999552' stroke='%237895D7' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: 92%;
  background-position-y: 16px;
  transform: translateY(-2px);
}

.grid-wrap .dxbl-grid.dxbl-grid-nowrap {
  border-radius: 8px !important;
}

.grid-wrap .dxbl-scroll-viewer.dxbl-skeleton-animate {
  border-radius: 8px !important;
}

.grid-wrap table.dxbl-grid-table {
  overflow: hidden;
  border-collapse: collapse;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 0.375rem !important;
}

.grid-wrap.table-custom-design .dxbl-scroll-viewer-content {
  max-height: calc(100vh - 162px);
  overflow: auto !important;
}

.grid-wrap .dxbl-grid-footer-row td {
  padding: 10px !important;
}

.grid-wrap .dxbl-scroll-viewer-content table thead tr {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
}

.grid-wrap table.dxbl-grid-table {
  overflow: auto !important;
}

.grid-inline-wrap .grid-wrap.table-custom-design .dxbl-grid-top-panel {
  display: none !important;
}

.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
  display: none;
}

.grid-inline-wrap .text-wrapper-edit {
  text-wrap: wrap;
}

.grid-inline-wrap .text-wrapper-edit .dxbl-text-edit {
  border-radius: 6px;
  /*padding: 0.25rem 1rem;*/
  height: 38px !important;
}

.grid-inline-wrap tbody .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container td:focus-within {
  outline: none !important;
}

.grid-inline-wrap tbody .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container .dxbl-grid-command-cell .dxbl-btn-link span {
  text-decoration: none;
  font-weight: 600;
  transform: translateY(0) !important;
  display: none;
  background-color: white;
  padding: 2px;
  font-size: 9px;
  border-radius: 2px;
  color: #acacac !important;
  border: 1px solid #383838;
}

.grid-inline-wrap tbody .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container .dxbl-grid-command-cell .dxbl-btn-link:first-child {
  background-image: url("../../images/icons/save-inner.svg");
  background-repeat: no-repeat;
  content: "";
  background-size: 18px 16px;
  background-position: center center;
  height: 25px;
  width: 25px;
  border: 1px solid var(--icon-bg-hover-color);
  border-radius: 4px;
  background-color: #fff;
}

.grid-inline-wrap tbody .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container .dxbl-grid-command-cell .dxbl-btn-link:first-child:hover span {
  display: block;
  position: absolute;
  top: -14px;
  left: -9px;
}

.grid-inline-wrap tbody .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container {
  z-index: 99;
  position: relative;
}

.grid-inline-wrap tbody .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container .dxbl-grid-command-cell .dxbl-btn-link:last-child {
  margin-left: 4px;
  border: 1px solid #ff0000;
  border-radius: 4px;
  height: 25px;
  width: 25px;
  background-image: url("../../images/icons/cancel-inner.svg");
  background-repeat: no-repeat;
  content: "";
  background-size: 16px 16px;
  background-position: center center;
  background-color: #fff;
}

.grid-inline-wrap tbody .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container .dxbl-grid-command-cell .dxbl-btn-link:last-child:hover span {
  display: block;
  position: absolute;
  top: -14px;
  left: -16px;
}

.grid-inline-wrap .text-wrapper-edit .dxbl-text-edit input {
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.675rem !important;
}

.jts-invoices-container {
  display: flex;
  width: 100%;
  height: 100vh;
}
.jts-invoices-container .sidebar-wrap-grid {
  width: 200px;
  height: 100%;
  overflow-y: auto;
  flex-shrink: 0;
  background-color: #f8f9fa;
  border-right: 1px solid #ccc;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* Close (X) Button (Appears at Top-Right on Hover) */
}
.jts-invoices-container .sidebar-wrap-grid .invoice-image-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out;
}
.jts-invoices-container .sidebar-wrap-grid .invoice-image-wrap:hover {
  transform: scale(1.05);
}
.jts-invoices-container .sidebar-wrap-grid .invoice-image-wrap:hover .proceed-btn,
.jts-invoices-container .sidebar-wrap-grid .invoice-image-wrap:hover .close-btn {
  opacity: 1;
  pointer-events: auto;
}
.jts-invoices-container .sidebar-wrap-grid .invoice-imges img {
  max-width: 100%;
  height: auto;
}
.jts-invoices-container .sidebar-wrap-grid .invoice-details {
  text-align: center;
  font-size: 12px;
  padding: 5px;
}
.jts-invoices-container .sidebar-wrap-grid .invoice-name {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 170px;
}
.jts-invoices-container .sidebar-wrap-grid .invoice-creator {
  font-size: 10px;
  color: #a7a8ae;
}
.jts-invoices-container .sidebar-wrap-grid .proceed-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}
.jts-invoices-container .sidebar-wrap-grid .close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  border: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  padding-left: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}
.jts-invoices-container .grid-inline-wrap {
  flex-grow: 1;
  height: 100%;
}

.grid-wrap .dxbl-text-edit:has(:focus),
.dxbl-text-edit.dxbl-focused,
.dxbl-text-edit:focus-within {
  border-color: #bdbdbd !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}

.grid-wrap .dxbl-grid.dxbl-grid-nowrap .dxbl-grid-command-cell {
  white-space: nowrap;
}

.grid-detail-container .grid-wrap tbody td:first-child {
  padding: 0 !important;
}

.grid-detail-container .grid-wrap .dxbl-grid-expand-button {
  background-color: transparent !important;
  border: 1px solid var(--desc-font-color) !important;
  color: var(--desc-font-color) !important;
  font-size: 12px;
  padding: 0.125rem;
}

.light_view .grid-detail-container .grid-wrap .dxbl-grid-expand-button svg.dxbl-image {
  color: var(--desc-font-color) !important;
  height: 1rem;
  width: 1rem;
  transform: translateY(0px);
}

.light_view .grid-wrap .dxbl-grid-table.dxbl-grid-row-hover-enabled > tbody > tr:not(.dxbl-grid-group-row):not(.dxbl-grid-group-footer-row):not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):hover > td:not(.dxbl-grid-edit-form):not(.dxbl-grid-indent-cell):not(.dxbl-grid-detail-cell):not(.dxbl-grid-empty-data-area):not(.dxbl-grid-empty-cell) {
  background: var(--icon-border-color) !important;
}

.light_view .grid-wrap .devexpress-custom-dropdown svg.dxbl-image {
  color: #4c4c4c !important;
  height: 1rem !important;
  width: 1rem !important;
}

.bold-row td {
  font-weight: bold !important;
}

.grid-detail-container .view-detail-outer {
  padding: 10px !important;
}

.grid-detail-container .view-detail-outer .view-detail {
  border: 1px solid #e8efff !important;
  border-radius: 0.25rem;
  /*padding: 10px !important;*/
}

.grid-detail-container .view-detail-outer .view-detail {
  width: 100%;
  /*padding: 10px !important;*/
  display: flex;
  align-items: start;
}

.grid-detail-container .view-detail-outer .view-detail .detail-row {
  /*padding: 10px;*/
  display: grid;
  grid-template-columns: 33% 33% 33%;
}

.grid-detail-container .view-detail-outer .move-details-hide {
  display: grid;
  grid-template-columns: 70% 30%;
}

.grid-detail-container .view-detail-outer .move-details-hide .detail-row {
  padding: 10px;
  display: grid;
  grid-template-columns: 50% 50%;
}

.grid-detail-container .view-detail .detail-row {
  width: 100%;
}

.grid-detail-container .view-detail .detail-row .detail-item {
  display: flex;
  align-items: start;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  padding: 0.5rem;
}

.grid-detail-container .view-detail .detail-row .detail-item span {
  text-wrap: auto !important;
}

.grid-detail-container .view-detail .detail-row .detail-item span:first-child {
  min-width: 110px !important;
  color: var(--desc-font-color);
  font-weight: 400;
  display: inline-flex;
  max-width: 110px;
}

.light_view .grid-wrap .devexpress-custom-dropdow svg.dxbl-image {
  color: #636669 !important;
}

.devexpress-custom-dropdow .dxbl-btn-group-right button {
  border: none !important;
  border-radius: 6px !important;
}

.details-range {
  padding: 10px;
}

.lable-details-range {
  display: grid;
  align-items: start;
  grid-template-columns: 50% 50%;
}

.lable-details-range span {
  padding: 0.5rem;
}

.wrap_from-to {
  display: grid;
  align-items: start;
  grid-template-columns: 50% 50%;
}

.wrap_from-to span {
  padding: 0.5rem;
}

/*-------------- edit-mode ------------------*/
.checkbox-group {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}

.grid-wrap .dxbl-fl .dxbl-row {
  --dxbl-row-item-spacing-x: 0 !important;
  --dxbl-row-item-spacing-y: 0 !important;
}

.checkbox-group-container {
  width: 100%;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

/*------------------ PDF preview ----------------------*/
.pdf-header {
  padding: 0.5rem 1rem;
  background: #edf2fe;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  font-size: 20px;
}

.dark_view .pdf-header {
  background: #545454;
}

.pdf-action {
  color: var(--icon-bg-hover-color);
}

.pdf-container {
  height: calc(100vh - 142px);
}

.range-group-wrapper {
  display: grid;
  grid-template-columns: calc(33% - 27px);
  width: 100%;
}

.range-group-wrapper .range-bar-wrapper {
  width: 100%;
}

.customers-group-form .dxbl-text-edit {
  border-radius: 0.375rem;
  border-color: var(--border-light);
}

.customers-group-form .dxbl-checkbox > .dxbl-text:last-child {
  padding-top: 8px;
}

.profile-customer-wrap .grid-preview-wrap {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.range-group-wrapper .ledger-sum-wrapper {
  width: 50%;
}

.range-group-wrapper .ledger-sum-wrapper .error-range-wrapper .dxbl-text-edit input {
  padding: 0.25rem 0.75rem !important;
  height: 36px !important;
}

.range-group-wrapper .ledger-sum-wrapper:nth-child(1) .error-range-wrapper .dxbl-text-edit {
  border-bottom-left-radius: 0.375rem !important;
  border-top-left-radius: 0.375rem !important;
}

.range-group-wrapper .ledger-sum-wrapper:nth-child(2) .error-range-wrapper .dxbl-text-edit {
  border-bottom-right-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}

.range-group-wrapper .ledger-sum-wrapper:nth-child(1) .error-range-wrapper .dxbl-text-edit input {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.range-group-wrapper .ledger-sum-wrapper:nth-child(2) .error-range-wrapper .dxbl-text-edit input {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.ledger-sum-wrapper-outer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cancel-button-container {
  position: relative;
}

.cancel-button-container button {
  font-size: 20px;
  color: #ff0000;
}

#id0a64da46-2a3f-4075-b1e0-afe6e3017091.dxbl-fl > .dxbl-row > dxbl-form-layout-item[fl-id=id0a64da46-2a3f-4075-b1e0-afe6e3017091].dxbl-fl-item.dxbl-fl-item-horizontal > .dxbl-fl-cpt {
  max-height: 20px;
}

.input-validation-wrapper .dxbl-text {
  max-height: 20px;
}

.edit-form-table .input-validation-wrapper .dxbl-fl-ctrl .dxbl-text-edit .dxbl-btn-group-right,
.edit-form-table .input-validation-wrapper .dxbl-fl-ctrl .dxbl-text-edit .dxbl-btn-group-right button {
  background-color: transparent;
  border: none;
  color: #797979 !important;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn:not(.dxbl-btn.dxbl-edit-btn-clear, .dxbl-btn.dxbl-btn-icon):not(.dxbl-disabled):not(:disabled):hover::before,
.dxbl-text-edit > .dxbl-btn-group > .dxbl-btn:not(.dxbl-btn.dxbl-edit-btn-clear, .dxbl-btn.dxbl-btn-icon):not(.dxbl-disabled):not(:disabled):hover::before,
.dxbl-text-edit > .dxbl-btn:not(.dxbl-btn.dxbl-edit-btn-clear, .dxbl-btn.dxbl-btn-icon):not(.dxbl-disabled):not(:disabled):hover::before {
  display: none;
}

.edit-form-table .input-validation-wrapper .dxbl-fl-ctrl .dxbl-text-edit .dxbl-btn-group-right button svg {
  fill: #797979 !important;
}

.dxbl-checkbox.dxbl-checkbox-display-view-checked > div > .dxbl-image,
.dxbl-checkbox.dxbl-checkbox-display-view-indeterminate > div > .dxbl-image,
.dxbl-checkbox.dxbl-checkbox-display-view-unchecked > div > .dxbl-image {
  fill: #797979 !important;
}

.custom-select-wrap option:before {
  background-color: #7895d7 !important;
  width: 100%;
  height: 100%;
  content: "";
}

.grid-wrap .dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > tfoot {
  bottom: -1px !important;
}

.devexpress-export-selector .dxbl-text-edit {
  background-color: transparent !important;
  border: none;
}

.devexpress-export-selector .dxbl-text-edit .dxbl-btn-group-right {
  background-color: transparent !important;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border: none !important;
}

.devexpress-export-selector .dxbl-text-edit .dxbl-btn-group-right .dxbl-edit-btn-dropdown {
  background-color: transparent !important;
  border: none;
}

.grid-inline-wrap tbody .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container .dxbl-grid-command-cell {
  padding: 8px !important;
}

/*-------------------- crm posting groups ---------------------*/
.view-detail-outer {
  padding: 0;
}

.view-detail-outer .view-detail .detail-row .detail-item {
  flex-direction: column;
}

.view-detail-outer .view-detail .detail-row .detail-item span:first-child {
  max-width: 100%;
  /*font-weight:600;*/
}

.dxbl-text-edit.valid.modified:not([type=checkbox]) {
  border-color: #d2d2d2 !important;
}

.grid-wrap .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
  opacity: 1% !important;
}

.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before,
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-checked .dxbl-checkbox-check-element svg.dxbl-image {
  z-index: 3 !important;
  cursor: pointer;
}

.disabled-button {
  pointer-events: none;
  opacity: 0.5;
}

.google-serach-department-container {
  width: 100% !important;
}

/*---------responsiveness---edit-profile-------*/
@media (max-width: 1580px) {
  .grid-wrap.table-custom-design .dxbl-scroll-viewer-content {
    max-height: calc(100vh - 163.4px);
  }
}
@media (min-width: 1440px) {
  .pdf-container {
    height: calc(100vh - 148px);
  }
}
@media (max-width: 1450px) {
  .pdf-container {
    height: calc(100vh - 142px);
  }
  .grid-wrap.table-custom-design .dxbl-scroll-viewer-content {
    max-height: calc(100vh - 163.4px);
  }
  .transaction-overlay.outer-header-design .grid-wrap.table-custom-design .dxbl-scroll-viewer-content {
    max-height: calc(100vh - 126.4px);
  }
}
@media (max-width: 991.91px) {
  .edit-form-content-wrap .dxbl-fl-item.dxbl-fl-item-horizontal {
    width: 50%;
  }
  .edit-form-content-wrap .dxbl-fl-item.dxbl-fl-item-horizontal.button-content-wrap,
  .edit-flex {
    width: 55%;
  }
  .grid-detail-container .detail-row {
    grid-template-columns: 100%;
  }
  .grid-detail-container .view-detail-outer .view-detail .detail-row {
    padding: 10px;
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .grid-detail-container .view-detail-outer .move-details-hide {
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .grid-detail-container .view-detail-outer .move-details-hide .detail-row {
    padding: 10px;
    display: grid;
    grid-template-columns: 100%;
  }
  .lable-details-range {
    display: grid;
    align-items: start;
    grid-template-columns: 110px auto;
  }
  .wrap_from-to {
    display: grid;
    align-items: start;
    grid-template-columns: 110px auto;
  }
  .checkbox-group-container {
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .range-group-wrapper {
    display: grid;
    grid-template-columns: calc(50% - 27px);
  }
  .grid-header-actions .custom-select-wrap,
  .grid-header-actions .custom-option {
    padding: 5px 20px 5px 23px;
  }
  .grid-wrap tbody td {
    padding: 8px;
  }
}
.export-option-content-wrap .dropdown-content.currency-wrap {
  padding: 8px !important;
}

.export-option-content-wrap input:focus,
.export-option-content-wrap select:focus,
.export-option-content-wrap .select:focus,
.export-option-content-wrap .search-wrap input:focus,
.export-option-content-wrap input {
  box-shadow: none !important;
  border: none !important;
  padding: 8px 4px 8px 30px !important;
  color: #7895d7 !important;
  cursor: pointer;
}

.export-option-content-wrap input::placeholder {
  color: #7895d7 !important;
}

.export-option-content-wrap .eye-icon.arrow-icon-svg-wrap .arrow-svg-content svg path {
  stroke: #7895d7 !important;
}

.export-option-content-wrap .eye-icon.arrow-icon-svg-wrap {
  margin-right: 10px;
  margin-top: 2px;
  position: absolute;
  right: 0;
}

.export-option-content-wrap .eye-icon.arrow-icon-svg-wrap .arrow-svg-content svg {
  width: 14px !important;
}

.export-option-content-wrap .dropdown-content.currency-wrap a {
  display: flex;
  align-items: center;
  gap: 8px !important;
  padding: 8px;
  cursor: pointer;
  margin-bottom: 4px;
}

.export-option-content-wrap .eye-icon.arrow-icon-svg-wrap .arrow-svg-content.rotationArrow svg {
  transform: rotate(180deg) !important;
  margin-top: -2px;
}

.export-option-content-wrap .dropdown-content.currency-wrap a img {
  position: unset !important;
  width: 20px !important;
  height: 30px;
}

.export-option-content-wrap .dropdown-content a:hover {
  background-color: var(--calming_blue) !important;
  border-radius: 4px;
}

.export-option-content-wrap .dropdown-content.currency-wrap p {
  margin: 0 !important;
  color: #919191;
}

.export-option-content-wrap .dropdown-content.currency-wrap a:hover p {
  color: var(--white) !important;
}

.export-option-content-wrap .dropdown-content.currency-wrap a:hover img {
  filter: brightness(0) invert(1);
}

@media (max-width: 768px) {
  .grid-detail-container .view-detail-outer .view-detail .detail-row {
    padding: 10px;
    display: grid;
    grid-template-columns: 100%;
  }
  .grid-detail-container .view-detail-outer .move-details-hide {
    display: grid;
    grid-template-columns: 100%;
  }
  .grid-detail-container .view-detail-outer .move-details-hide .detail-row {
    padding: 10px;
    display: grid;
    grid-template-columns: 100%;
  }
  .lable-details-range {
    display: grid;
    align-items: start;
    grid-template-columns: 110px auto;
  }
  .wrap_from-to {
    display: grid;
    align-items: start;
    grid-template-columns: 110px auto;
  }
  .range-group-wrapper {
    display: grid;
    grid-template-columns: calc(100% - 27px);
  }
  .header-part .d-flex {
    flex-wrap: wrap;
    width: 100%;
  }
  .header-part .d-flex .grid-search,
  .grid-header-actions .grid-search input {
    width: 100% !important;
  }
  .grid-header-actions {
    width: 100%;
  }
}
@media (max-width: 680px) {
  .edit-flex {
    flex-direction: column;
    width: 350px !important;
  }
  .searh-field-wrap .address_autocomplete {
    width: 350px !important;
  }
  .edit-form-content-wrap .dxbl-fl-item.dxbl-fl-item-horizontal {
    width: 100%;
  }
  .edit-form-content-wrap .dxbl-fl-item.dxbl-fl-item-horizontal.button-content-wrap {
    width: 55%;
  }
  .checkbox-group-container {
    display: grid;
    grid-template-columns: 100%;
  }
  .grid-header-actions .grid-search input {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .currency-wrap .input-wrap {
    gap: 0;
  }
}
.dark_view .dxbl-grid-table.dxbl-grid-row-hover-enabled > tbody > tr:not(.dxbl-grid-group-row):not(.dxbl-grid-group-footer-row):not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):hover > td:not(.dxbl-grid-edit-form):not(.dxbl-grid-indent-cell):not(.dxbl-grid-detail-cell):not(.dxbl-grid-empty-data-area):not(.dxbl-grid-empty-cell).dxbl-grid-fixed-cell {
  background: transparent !important;
}

.dark_view .grid-wrap .dxbl-grid-table.dxbl-grid-row-hover-enabled > tbody > tr:not(.dxbl-grid-group-row):not(.dxbl-grid-group-footer-row):not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):hover > td:not(.dxbl-grid-edit-form):not(.dxbl-grid-indent-cell):not(.dxbl-grid-detail-cell):not(.dxbl-grid-empty-data-area):not(.dxbl-grid-empty-cell) {
  background: #3c3c3a !important;
}

.dark_view .grid-wrap table.dxbl-grid-table tbody .dxbl-grid-focused-row td,
.dark_view .grid-wrap table.dxbl-grid-table tbody tr.dxbl-grid-selected-row td {
  background: #3c3c3a !important;
}

.dark_view .devexpress-custom-dropdow .dxbl-fl-ctrl .dxbl-text-edit input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-radius: 6px;
}

.dark_view .edit-form-table .input-validation-wrapper .dxbl-fl-ctrl .dxbl-text-edit .dxbl-btn-group-right,
.dark_view .edit-form-table .input-validation-wrapper .dxbl-fl-ctrl .dxbl-text-edit .dxbl-btn-group-right button {
  background: var(--dark-input-bg) !important;
  border-left: none;
}

.dark_view .dxbl-fl .dxbl-fl-item.dxbl-fl-item-horizontal > .dxbl-fl-cpt {
  color: #b9b9b9 !important;
}

.dark_view .grid-wrap tbody td {
  border: 1px solid #494646 !important;
  color: var(--white) !important;
}

.dark_view .grid-header-actions .grid-search input,
.dark_view .grid-header-actions .export-options select {
  background-color: #545454 !important;
  color: #f1f1f1 !important;
}

.dark_view .grid-header-actions .custom-select-wrap {
  height: 32px !important;
}

.dark_view .grid-header-actions .export-options select.custom-select-wrap {
  border: none !important;
}

.dark_view .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before {
  background: transparent !important;
  border-color: var(--btn-text-dark) !important;
}

.dark_view .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
  background-color: transparent;
  border-color: var(--btn-text-dark) !important;
}

.dark_view .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element,
.dark_view .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
  background-color: transparent !important;
  border: 2px solid var(--btn-bg-dark) !important;
}

.dark_view .grid-wrap .action-btns .edit-btn {
  border: none !important;
  color: var(--calming_blue);
  background-color: #3d465b !important;
}

.dark_view .grid-wrap .process-j-btn {
  border: none !important;
  color: var(--calming_blue);
  background-color: #3d465b !important;
}

.dark_view input,
.dark_view select,
.dark_view .select,
.dark_view .search-wrap input {
  background-color: var(--dark-input-bg) !important;
  /*border: 1px solid var(--border-dark) !important;*/
  color: rgba(255, 255, 255, 0.7) !important;
  border-radius: 0.375rem !important;
}

.dark_view input[type=radio] {
  background-color: transparent !important;
}

.dark_view .dxbl-checkbox.dxbl-checkbox-radio .dxbl-checkbox-check-element {
  background-color: #3d465b;
}

.dark_view .dxbl-checkbox.dxbl-checkbox-radio .dxbl-checkbox-check-element:hover {
  background-color: #3d465b;
}

.dark_view .dxbl-checkbox.dxbl-checkbox-radio .dxbl-checkbox-check-element::before {
  background-color: #3d465b;
}

.dark_view .dxbl-text {
  color: #b9b9b9 !important;
}

.dark_view .side-submenu li a.active {
  background-color: #545454;
  color: var(--white);
}

.dark_view .grid-wrap .action-btns .delete-btn {
  border: none !important;
  color: var(--red) !important;
  background-color: rgba(82, 57, 57, 0.9803921569) !important;
}

.dark_view .grid-wrap .dxbl-scroll-viewer-content table thead tr {
  border: 1px solid #494646 !important;
}

.dark_view .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell),
.dark_view .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row.dxbl-grid-selected-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
.dark_view .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
  background: #383836 !important;
}

.dark_view .modal-content-wrap {
  background-color: #545454;
  color: #e3e3e3;
}

.dark_view .custom-modal-wrap {
  background-color: rgba(0, 0, 0, 0.76) !important;
}

.dark_view .dxbl-grid > .dxbl-scroll-viewer:last-child > .dxbl-scroll-viewer-content > .dxbl-grid-table > tfoot {
  border: 1px solid #494646 !important;
}

.dark_view .dxbl-grid-footer-row td div {
  color: var(--white) !important;
}

.dark_view .grid-wrap .grid-wrap .dxbl-grid .dxbl-grid-table .dxbl-grid-footer-row > td:not(.dxbl-grid-empty-cell)::before {
  background-color: #1e1f1c !important;
}

.dark_view .dxbl-grid .dxbl-grid-table > tbody > tr > td.dxbl-grid-fixed-cell,
.dark_view .dxbl-grid .dxbl-grid-table .dxbl-grid-footer-row > td:not(.dxbl-grid-empty-cell).dxbl-grid-fixed-cell {
  background: #1e1f1c;
}

.dark_view .grid-wrap .dxbl-grid .dxbl-grid-table {
  border-color: #494646 !important;
}

.dark_view .dxbl-image:not(.dxbl-image-fill) {
  fill: #ffd712 !important;
}

.dark_view .journal-button-wrap span {
  color: var(--white);
}

.dark_view .grid-wrap table {
  background: #1e1f1c !important;
}

.dark_view .grid-wrap .dxbl-scroll-viewer-content tbody tr:nth-child(even) td {
  background: rgba(69, 69, 69, 0.2784313725) !important;
}

.dark_view .grid-wrap .dxbl-grid-header-row th {
  background: #545454 !important;
}

.dark_view .grid-header-actions .custom-select-wrap option {
  color: #f1f1f1 !important;
}

.dark_view .grid-header-actions .export-options option {
  color: #b9b9b9 !important;
}

.dark_view .grid-header-actions .export-options {
  border-left: 1px solid #62656a;
}

.dark_view .grid-header-actions {
  background: #545454 !important;
  border: none !important;
}

.dark_view .header-part {
  border-bottom: 1px solid #414339;
}

.dark_view .header-part h4 {
  color: var(--white);
}

.dark_view .grid-header-actions .grid-search input::placeholder {
  color: #f1f1f1 !important;
}

.dark_view .search-icon-wrap img,
.dark_view .export-options img {
  filter: brightness(0) saturate(100%) invert(82%) sepia(99%) saturate(2518%) hue-rotate(337deg) brightness(98%) contrast(105%) !important;
}

.dark_view .grid-detail-container .view-detail-outer .view-detail {
  border: 1px solid var(--border-dark) !important;
}

.dark_view .dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown,
.dark_view .dxbl-list-box-render-container.dxbl-nowrap {
  border: 1px solid var(--btn-border-dark);
}

.dark_view .dxbl-list-box-render-container > .dxbl-scroll-viewer,
.dark_view .dxbl-list-box > .dxbl-scroll-viewer {
  background-color: var(--btn-bg-dark) !important;
  color: var(--white);
}

.dark_view .dxbl-list-box-render-container > .dxbl-scroll-viewer,
.dark_view .dxbl-list-box > .dxbl-scroll-viewer {
  background-color: var(--dark-panel) !important;
}

.dark_view input::placeholder {
  color: white !important;
  opacity: 0.7 !important;
}

.dark_view input.email_disable {
  background-color: var(--btn-bg-dark) !important;
  color: rgba(255, 255, 255, 0.4) !important;
}

.dark_view .detail-disription {
  color: var(--btn-text-dark);
}

.dark_view .dxbl-checkbox.dxbl-checkbox-display-view-checked > div,
.dark_view .dxbl-checkbox.dxbl-checkbox-display-view-indeterminate > div,
.dark_view .dxbl-checkbox.dxbl-checkbox-display-view-unchecked > div {
  background-color: transparent;
}

.dark_view .dxbl-checkbox.dxbl-checkbox-display-view-checked > div::before,
.dark_view .dxbl-checkbox.dxbl-checkbox-display-view-indeterminate > div::before,
.dark_view .dxbl-checkbox.dxbl-checkbox-display-view-unchecked > div::before,
.dark_view .dxbl-checkbox.dxbl-checkbox-display-view-checked > div::before,
.dark_view .dxbl-checkbox.dxbl-checkbox-display-view-indeterminate > div::before,
.dark_view .dxbl-checkbox.dxbl-checkbox-display-view-unchecked > div::before {
  background-color: var(--btn-bg-dark) !important;
  border-color: var(--btn-text-dark) !important;
}

.dark_view .dxbl-checkbox.dxbl-checkbox-display-view-checked > div > .dxbl-image,
.dark_view .dxbl-checkbox.dxbl-checkbox-display-view-indeterminate > div > .dxbl-image,
.dark_view .dxbl-checkbox.dxbl-checkbox-display-view-unchecked > div > .dxbl-image {
  fill: #ffd712 !important;
}

.dark_view .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-checked .dxbl-checkbox-check-element,
.dark_view .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
  background-color: var(--btn-bg-dark);
  border-color: var(--btn-text-dark);
}

.dark_view .devexpress-custom-checkbox .dxbl-checkbox-check-element input[type=checkbox] {
  background-color: transparent !important;
}

.dark_view .devexpress-custom-checkbox .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) .dxbl-checkbox-check-element {
  border: 1px solid var(--btn-text-dark) !important;
}

.dark_view .dropdown input {
  background-color: var(--btn-bg-dark) !important;
  color: white !important;
}

.dark_view .dropdown input::placeholder {
  color: white !important;
}

.dark_view .export-option-content-wrap .dropdown-content.currency-wrap {
  background-color: var(--dark-panel);
  border-color: var(--btn-bg-dark);
}

.dark_view .export-option-content-wrap .dropdown-content.currency-wrap p {
  color: white !important;
  opacity: 0.7;
}

.dark_view .dxbl-checkbox > .dxbl-text {
  color: var(--white) !important;
  opacity: 0.7;
}

.dark_view .custom-model {
  background-color: var(--dark-panel) !important;
  border-color: var(--border-dark) !important;
}

.dark_view .custom-model .dxbl-modal-footer,
.dark_view .custom-model .dxbl-modal-header.dxbl-popup-header,
.dark_view .custom-model .dxbl-modal-body {
  background-color: var(--popup-bg) !important;
  border-color: var(--border-dark) !important;
}

.dark_view .custom-model .dxbl-modal-content {
  border-radius: 0.375rem !important;
  border-color: var(--border-dark) !important;
}

.dark_view .custom-model .devexpress-custom-dropdown .dxbl-text-edit,
.dark_view .devexpress-custom-multiselect-dropdown .dxbl-text-edit {
  background-color: #292927 !important;
}

.dark_view .dxbl-list-box,
.dxbl-list-box-render-container {
  border-color: var(--border-dark);
}

.dark_view .dxbl-popup-cell .dxbl-checkbox-check-element input {
  display: none !important;
}

.dark_view .address_autocomplete #autocomplete {
  background-color: var(--dark-input-bg) !important;
  border: 1px solid rgba(255, 255, 255, 0.7);
}

.dark_view .grid-wrap .dxbl-scroll-viewer.dxbl-skeleton-animate {
  background-color: transparent !important;
  border: none;
}

.dark_view .grid-wrap .dxbl-scroll-viewer.dxbl-skeleton-animate dxbl-scroll-viewer-content {
  border-color: var(--border-dark);
}

.dark_view .grid-inline-wrap .text-wrapper-edit .dxbl-text-edit {
  background: var(--dark-input-bg);
  /*    border: none;*/
}

.dark_view .edit-form-table .input-validation-wrapper .dxbl-fl-ctrl .dxbl-text-edit .dxbl-btn-group-right button svg {
  fill: #ffd712 !important;
}

.dark_view .grid-data-content {
  background-color: var(--popup-bg);
}

.dark_view .input-validation-wrapper .dxbl-fl-ctrl .dxbl-text-edit,
.dark_view .devexpress-custom-dropdown .dxbl-text-edit,
.dark_view .devexpress-custom-multiselect-dropdown .dxbl-text-edit {
  /* border-radius: 6px !important;*/
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
}

.dark_view .dxbl-text-edit.dxbl-readonly {
  --dxbl-text-edit-readonly-root-bg: var(
      --dxbl-text-edit-readonly-bg,
      transparent
  ) !important;
}

.input-base__dx-drop-down {
  padding: 0 !important;
  border-color: #959595 !important;
}

.input-base__dx-drop-down .dxbl-dropdown-body {
  padding: 0 !important;
  border: none !important;
}

.dark_view .input-base__dx-drop-down .dxbl-dropdown-body {
  padding: 0 !important;
  border: 0.5px solid #959595 !important;
}

.dark_view .input-base__dx-drop-down .dxbl-dropdown-body .dxbl-calendar {
  background-color: var(--dark-panel);
  border: none;
}

.dark_view .dxbl-calendar .dxbl-calendar-day,
.dark_view .dxbl-calendar .dxbl-btn-caption,
.dark_view .dxbl-calendar .dxbl-calendar-days-of-week,
.dark_view .dxbl-calendar .dxbl-calendar-week-number,
.dark_view .dxbl-calendar .dxbl-calendar-year-row {
  color: white;
}

.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-day.dxbl-calendar-today {
  background-color: var(--calming_blue);
  border: none;
  color: white;
}

.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-day.dxbl-calendar-today {
  border-color: var(--calming_blue);
  color: white;
  border-radius: 0.375rem;
}

.dark_view .dxbl-calendar .dxbl-calendar-content .dxbl-calendar-day.dxbl-calendar-today {
  border-color: var(--calming_blue);
  color: white;
}

.dark_view .dxbl-calendar .dxbl-calendar-day:hover {
  color: var(--calming_blue) !important;
}

.dxbl-calendar .dxbl-calendar-year-row .dxbl-calendar-selected-item {
  border-color: var(--calming_blue) !important;
}

.dark_view .dxbl-calendar .dxbl-calendar-year-row .dxbl-calendar-selected-item {
  background-color: var(--dark-btn-blue-bg) !important;
}

.dark_view .dxbl-calendar .dxbl-calendar-decade-row {
  color: white;
}

.dark_view .dxbl-calendar .dxbl-calendar-decade-row .dxbl-calendar-selected-item {
  background-color: var(--dark-btn-blue-bg) !important;
}

.dark_view .dxbl-calendar .dxbl-calendar-century-row {
  color: white;
}

.dark_view .dxbl-calendar .dxbl-calendar-century-row .dxbl-calendar-selected-item {
  background-color: var(--dark-btn-blue-bg) !important;
}

.dxbl-calendar .dxbl-calendar-footer {
  gap: 1rem;
}

.dark_view .dxbl-calendar .dxbl-calendar-footer {
  gap: 1rem;
  border-color: #959595;
}

.dxbl-calendar .dxbl-btn-secondary, .dxbl-calendar .dxbl-btn-secondary:hover {
  background-color: var(--calming_blue) !important;
  color: white;
}

.dark_view .dxbl-calendar .dxbl-btn-secondary, .dark_view .dxbl-calendar .dxbl-btn-secondary:hover {
  background-color: var(--calming_blue) !important;
  color: white !important;
}

@media (max-width: 480px) {
  .profile-form-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .profile-form-heading .add-new-btn {
    width: 150px;
  }
  .edit-flex,
  .searh-field-wrap .address_autocomplete {
    flex-direction: column;
    width: 280px !important;
  }
  .button-flex {
    /*flex-direction: column;*/
    align-items: start;
  }
  .header-part {
    padding-left: 0;
    padding-right: 0;
  }
  .header-part .grid-header-actions {
    flex-direction: column;
    width: 100%;
    row-gap: 10px;
  }
  .dark_view .header-part .grid-header-actions {
    background-color: transparent !important;
  }
  .search-icon-wrap img {
    width: 16px !important;
    height: 16px !important;
  }
  .grid-header-actions {
    border: none;
  }
  .grid-header-actions .grid-search {
    width: 100%;
  }
  .grid-header-actions .grid-search input {
    width: 100%;
    border-radius: 0.5rem;
    border: 1px solid var(--icon-bg-hover-color);
  }
  .dark_view .grid-header-actions .grid-search input {
    border: none;
  }
  .export-options {
    border: 1px solid var(--icon-bg-hover-color);
    border-radius: 0.5rem;
    width: 100%;
  }
  .export-options .custom-select-wrap,
  .export-options .custom-option {
    width: 100% !important;
  }
  .grid-wrap .dxbl-fl .dxbl-row {
    width: calc(100vw - 24px);
  }
  .grid-header-actions {
    height: unset !important;
  }
}
@media (max-width: 380px) {
  .edit-flex {
    flex-direction: column;
    width: 230px !important;
  }
  .searh-field-wrap .address_autocomplete {
    width: 200px !important;
  }
}
.dark_view.theme--dark .main-layout .data-grid .dxbl-grid tr:not(.dxbl-grid-empty-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]):not(.data-grid__row--is-readonly).data-grid__row--inactive {
  background-color: rgba(65, 65, 65, 0.4117647059) !important;
}

.dark_view .dxbl-scroll-viewer-content {
  background: #292929 !important;
}

.grid-data-overlay.table-content-wrap .dxbl-grid-empty-row, .outer-header-design .dxbl-grid-empty-row {
  display: none;
}
.grid-data-overlay.table-content-wrap .dxbl-grid.dxbl-grid-nowrap, .grid-data-overlay.table-content-wrap .data-grid .dxbl-grid, .outer-header-design .dxbl-grid.dxbl-grid-nowrap, .outer-header-design .data-grid .dxbl-grid {
  min-height: unset;
}

.dark_view.theme--dark .custom-date-picker-cs.dxbl-text-edit input.dxbl-text-edit-input {
  background: #313131 !important;
  background-color: #313131 !important;
  border-radius: 0 !important;
}
.dark_view.theme--dark .custom-date-picker-cs.dxbl-text-edit .dxbl-btn.dxbl-btn-outline-secondary.dxbl-edit-btn-dropdown {
  background: #313131;
  border: none !important;
}

.dark_view.theme--dark .dxbl-calendar {
  --dxbl-calendar-bg: #1e1f1c;
}

.dark_view .dxbl-checkbox.dxbl-checkbox-radio .dxbl-checkbox-check-element::before {
  border: var(--dxbl-checkbox-radio-border-width) solid var(--dxbl-checkbox-radio-unchecked-border-color, #808080) !important;
}

.dark_view .tiles-component .dxbl-checkbox.dxbl-checkbox-radio .dxbl-checkbox-check-element::before {
  background-color: #1e1f1c !important;
  opacity: 1 !important;
}

.dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element::after {
  background-color: #7a94d3 !important;
}

.cs-header-part {
  justify-content: flex-end;
}

.dark_view .catalog-component__container b {
  color: #d5d5d5 !important;
}

.dashboard-main-content {
  height: calc(100vh - 76px);
}
.dashboard-main-content #main {
  height: calc(100vh - 165px);
}

.dark_view .grid-search .cross-white-cs.cross-wrap {
  filter: none;
}
.dark_view .grid-search .cross-white-cs.cross-wrap i {
  color: #ffffff !important;
}