/**
* DevExtreme (dx.common.css)
* Version: 24.2.8-build-25148-1935
* Build date: Wed May 28 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
/*!
This file is kept for backward compatibility.
It is no longer required.
*/
/**
* DevExpress Analytics (dist\css\dx-analytics.common.css)
* Version:  24.2.8-build-25149-1306
* Build date: May 29, 2025
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* License: https://www.devexpress.com/Support/EULAs/universal.xml
*/
.dxrd-error-page {
  font-family: "Helvetica Neue", "Segoe UI", helvetica, verdana, sans-serif;
  background: #FFF0F0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 12px;
  height: 100%;
}
.dxrd-error-page-icon {
  width: 64px;
  height: 64px;
}
.dxrd-error-page-title {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  color: #660000;
}
.dxrd-error-page-content {
  font-size: 16px;
  text-align: center;
  color: rgba(32, 32, 32, 0.87);
}
.dx-fileimage-input-wrapper {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.dx-rtl .dx-font-content .dx-font-styles-content {
  margin-left: 16px;
  margin-right: 0;
}
.dx-font-content .dx-font-styles-content {
  margin-right: 16px;
}
.dx-font-content .dx-font-styles-content .dx-font-style-button {
  width: 24px;
  height: 24px;
  background-size: 12px 12px;
  display: inline-block;
  background-position: center;
  position: relative;
}
.dx-font-content .dx-font-styles-content .dx-font-style-button svg {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.dx-rtl .dx-editors .dx-fieldset .dx-field {
  padding-right: 14px;
  padding-left: 16px;
}
.dx-rtl .dx-editors .dx-fieldset .dx-field .dx-field-label {
  padding-left: 15px;
  padding-right: 0;
}
.dx-rtl .dx-editors .dx-group-header-font {
  padding-right: 2px;
  padding-left: 0;
}
.dx-rtl .dx-editors .dx-group-header {
  padding-right: 13px;
  padding-left: 0;
}
.dx-rtl .dx-editors .dx-group-header-text {
  padding-right: 3px;
  padding-left: 0;
}
.dx-rtl .dx-editors .dx-editor .dx-field-label.dx-accordion-header {
  right: 16px;
  left: 60%;
  float: right;
  padding-left: 15px;
}
.dx-rtl .dx-editors .dx-editor .dx-field-label.dx-accordion-header.dx-accordion-empty {
  left: 8px;
  right: 16px;
}
.dx-rtl .dx-string-array-container {
  margin-left: 16px;
  margin-right: 19px;
}
.dx-list-item .dx-list-item-content .dx-listitem-with-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.propertygrid-editor-description-popover-content {
  padding: 10px 10px;
}
.dx-editors .dx-widget .dx-dropdowneditor-icon {
  padding: 0;
}
.dx-editors .dx-image-padding {
  padding: 12px;
}
.dx-editors .dx-disabled-button {
  opacity: 0.3;
}
.dx-editors .dx-field-value.dx-checkbox,
.dx-editors .dx-field-value:not(.dx-widget) > .dx-checkbox {
  margin-top: 2px;
  margin-bottom: 0px;
}
.dx-editors .dx-fieldset {
  margin: 0;
  padding: 0;
}
.dx-editors .dx-fieldset .dx-field {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 14px;
  padding-right: 16px;
  min-height: 26px;
  box-sizing: content-box;
  margin: 0;
}
.dx-editors .dx-fieldset .dx-field.dx-field-flex {
  display: flex;
  align-items: center;
  padding: 2px 10px 2px 10px;
}
.dx-editors .dx-fieldset .dx-field.dx-field-flex .dx-field-value {
  width: auto;
}
.dx-editors .dx-fieldset .dx-field.dx-field-flex .dxa-smarttag-editor-displayName {
  margin: 0 6px 0 6px;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dx-editors .dx-fieldset .dx-field.dx-field-block {
  display: block;
  padding: 2px 10px 2px 10px;
}
.dx-editors .dx-fieldset .dx-field.dx-field-block .dx-field-value {
  display: inherit;
  width: 100%;
}
.dx-editors .dx-fieldset .dx-field.dx-field-block .dxa-smarttag-editor-displayName {
  display: block;
  opacity: 0.8;
  font-weight: 500;
  font-size: 11px;
  margin-bottom: 2px;
  margin-top: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dx-editors .dx-fieldset .dx-field .dx-field-label {
  padding-top: 6px;
  font-size: 11px;
  width: 30%;
}
.dx-editors .dx-fieldset .dx-field .dx-field-value {
  padding: 0;
  position: relative;
}
.dx-editors .dx-fieldset .dx-field .dx-field-value .dx-texteditor {
  margin-top: 0;
}
.dx-editors .dx-fieldset .dx-field .dx-field-value .dx-datebox-container > .dx-widget {
  margin-right: 0;
  margin-left: 0;
  min-width: 100%;
}
.dx-editors .dx-group-header-font {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle;
  padding-left: 2px;
}
.dx-editors .dx-group-header-font.dx-collapsing-image-hidden {
  padding-left: 0;
}
.dx-editors .dx-group-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle;
  padding-left: 2px;
  height: 40px;
  line-height: 40px;
  padding-left: 13px;
}
.dx-editors .dx-group-header.dx-collapsing-image-hidden {
  padding-left: 0;
}
.dx-editors .dx-group-header-text {
  padding-left: 3px;
}
.dx-editors .dx-editor .dx-field-label.dx-accordion-header {
  position: absolute;
  left: 16px;
  right: 60%;
  width: auto;
  padding-right: 10px;
}
.dx-editors .dx-editor .dx-field-label.dx-accordion-header .propertygrid-editor-displayName,
.dx-editors .dx-editor .dx-field-label.dx-accordion-header .dx-group-header-font {
  cursor: pointer;
  width: 75%;
  display: inline-block;
}
.dx-editors .dx-editor .dx-field-label.dx-accordion-header .propertygrid-editor-description {
  float: right;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  bottom: 2px;
  border-style: none;
  width: 18px;
  height: 18px;
}
.dx-rtl .dx-editors .dx-editor .dx-field-label.dx-accordion-header .propertygrid-editor-description {
  float: left;
}
.dx-editors .dx-editor .dx-field-label.dx-accordion-header.dx-accordion-empty {
  right: 8px;
}
.dxrd-parameters-group .dx-editors .dx-editor .dxrd-vertical-label .propertygrid-editor-displayName {
  width: 100%;
}
.dx-collapsing-image {
  padding: 4.5px;
  transition: transform 0.4s;
  position: relative;
}
.dx-collapsing-image svg {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.dx-rtl .dx-collapsing-image {
  transform: rotate(180deg);
}
.dx-rtl .dx-image-expanded,
.dx-rtl .dx-image-expanded.dx-collapsing-image,
.dx-image-expanded {
  transform: rotate(90deg);
}
.propertygrid-editor-displayName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.dx-ellipsis-button .dx-dropdowneditor-icon:before {
  content: "";
}
.dx-ellipsis-button .dx-ellipsis-image {
  background-size: 16px 16px;
  background-position: center;
  position: relative;
}
.dx-ellipsis-button .dx-ellipsis-image svg {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.dx-string-array-container {
  height: 86px;
  margin-right: 16px;
  margin-left: 19px;
}
.dx-string-array-container .dx-string-array-textarea {
  height: 100%;
  width: 100%;
  resize: none;
}
.dxa-tasks-smart-tag-content {
  padding-top: 10px;
  padding-bottom: 12px;
}
.dxa-tasks-smart-tag-content .dxa-smart-tag-separator {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  opacity: 0.8;
  margin-top: 10px;
  margin-bottom: 6px;
  border-color: #E6E6E6;
}
.dx-rtl .dx-editors .dx-collectioneditor .dx-collectioneditor-actions-wrapper {
  float: left;
}
.dx-rtl .dx-editors .dx-collectioneditor .dx-collectioneditor-actions-wrapper .dx-collectioneditor-action {
  margin-left: 4px;
  margin-right: 0;
}
.dx-rtl .dx-editors .dx-collectioneditor .dx-collectioneditor-header-text .dx-group-header-font {
  padding-left: 5px;
  padding-right: 15px;
}
.dx-editors .dx-field-value > .dx-collectioneditor-action {
  margin-top: 0px;
}
.dx-editors .dx-collection-item > .dx-field > .dx-field-value > .dx-collectioneditor-action {
  margin-top: 1px;
}
.dx-editors .dx-collectioneditor-action {
  width: 24px;
  height: 24px;
  padding: 0px;
}
.dx-editors .dx-collectioneditor .dx-collectioneditor-empty {
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
}
.dx-editors .dx-collectioneditor .dx-collectioneditor-empty .dx-collectioneditor-empty-text {
  vertical-align: middle;
  line-height: 26px;
}
.dx-editors .dx-collectioneditor .dx-collectioneditor-items .dx-collectioneditor-item-container .dx-collection-item .dx-field {
  background-color: transparent;
}
.dx-editors .dx-collectioneditor .dx-collectioneditor-items .dx-collectioneditor-item-container .dx-collection-item .dx-field .dx-field-value .dx-dropdowneditor {
  top: inherit;
}
.dx-editors .dx-collectioneditor .dx-collectioneditor-actions-wrapper {
  display: flex;
  float: right;
}
.dx-editors .dx-collectioneditor .dx-collectioneditor-actions-wrapper .dx-collectioneditor-action {
  margin-left: 4px;
  margin-right: 0;
}
.dx-editors .dx-collectioneditor .dx-collectioneditor-actions-wrapper .dx-collectioneditor-action .dx-button-content {
  padding: 0;
}
.dx-editors .dx-collectioneditor .dx-collectioneditor-actions-wrapper .dx-collectioneditor-action-separator {
  width: 11px;
  height: 1px;
}
.dx-editors .dx-collectioneditor .dx-collectioneditor-header-text {
  padding-top: 6px;
  font-size: 11px;
}
.dx-editors .dx-collectioneditor .dx-collectioneditor-header-text .dx-group-header-font {
  padding-right: 5px;
}
.dx-ellipsiseditor {
  position: relative;
}
.dx-ellipsiseditor.dx-rtl .dx-ellipsiseditor-button {
  float: left;
}
.dx-ellipsiseditor .dx-texteditor-container {
  width: auto;
}
.dx-ellipsiseditor .dx-texteditor-container .dx-texteditor-input {
  text-overflow: ellipsis;
}
.dx-ellipsiseditor .dx-texteditor-container .dx-texteditor-input::-ms-clear {
  width: 0;
  height: 0;
}
.dx-ellipsiseditor .dx-texteditor-container .dx-ellipsiseditor-button.dx-widget.dx-button.dx-button-has-icon {
  float: right;
  cursor: pointer;
  border: none;
  background-color: transparent;
  height: 100%;
  margin: 0;
  padding: 1px;
}
.dx-ellipsiseditor.dx-texteditor.dx-ellipsiseditor-warning:not(.dx-invalid) {
  border-color: #f0ad4e;
}
.dx-ellipsiseditor.dx-texteditor.dx-ellipsiseditor-warning:not(.dx-invalid) .dx-texteditor-input-container:after {
  pointer-events: none;
  font-weight: 700;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 13px;
  background-color: #f0ad4e;
  color: #fff;
  content: '!';
  border-radius: 50%;
  right: 4px;
}
.dx-ellipsiseditor-icon {
  background-position: center;
  background-repeat: no-repeat;
}
.dx-ellipsiseditor-icon.dx-ellipsis-image.dx-dropdowneditor-icon::before {
  content: "";
}

.dxrd-error-page {
  font-family: "Helvetica Neue", "Segoe UI", helvetica, verdana, sans-serif;
  background: #FFF0F0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 12px;
  height: 100%;
}
.dxrd-error-page-icon {
  width: 64px;
  height: 64px;
}
.dxrd-error-page-title {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  color: #660000;
}
.dxrd-error-page-content {
  font-size: 16px;
  text-align: center;
  color: rgba(32, 32, 32, 0.87);
}
.dx-popup-general .dx-texteditor:not(.dxrd-multiline) {
  height: 26px;
  /*.dx-numberbox-spin-container {
            width: @texteditor-button-width;
        }*/
}
.dx-popup-general .dx-texteditor:not(.dxrd-multiline) .dx-texteditor-input {
  font-size: 11px;
  text-overflow: ellipsis;
}
.dx-popup-general .dx-texteditor:not(.dxrd-multiline) .dx-placeholder {
  font-size: 11px;
  margin-top: -1px;
}
.dx-popup-general .dx-overlay-content .dx-toolbar.dx-popup-bottom {
  height: 75px;
}
.dx-popup-general .dx-overlay-content .dx-toolbar.dx-popup-bottom .dx-toolbar-items-container {
  height: 100%;
}
.dx-popup-general .dx-overlay-content .dx-toolbar.dx-popup-bottom .dx-toolbar-after {
  padding-top: 8px;
}
.dx-image-filtereditor-add {
  opacity: 0.5;
}
.dx-image-filtereditor-add:hover {
  opacity: 1;
}
.dx-image-filtereditor-edit {
  opacity: 0.7;
}
.dx-image-filtereditor-edit:hover {
  opacity: 1;
}
.dx-image-filtereditor-remove {
  opacity: 0.5;
}
.dx-image-filtereditor-remove:hover {
  opacity: 1;
}
.dxrd-federated-manageQueries-editor .dx-popup-normal {
  display: flex;
  flex-direction: column;
}
.dxrd-federated-manageQueries-editor .dx-popup-normal .dxrd-federated-manageQueries-grid-wrapper {
  height: 85%;
}
.dxrd-federated-manageQueries-editor .dx-popup-normal .dxrd-federated-manageQueries-grid-wrapper .dxrd-federated-manageQueries-grid {
  border-width: 1px;
  border-style: solid;
  margin: 30px 30px 0 30px;
  height: 100%;
}
.dxrd-federated-manageQueries-editor .dx-popup-normal .dxrd-federated-manageQueries-grid-wrapper .dxrd-federated-manageQueries-grid .dx-row {
  cursor: pointer;
  height: 36px;
}
.dxrd-federated-manageQueries-editor .dx-popup-normal .dxrd-federated-manageQueries-grid-wrapper .dxrd-federated-manageQueries-grid .dx-row.dx-data-row:hover .dxrd-manage-queries-actions {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.dxrd-federated-manageQueries-editor .dx-popup-normal .dxrd-federated-manageQueries-grid-wrapper .dxrd-federated-manageQueries-grid .dx-row.dx-data-row:hover .dxrd-manage-queries-actions.dxrd-image-operations-edit-query {
  margin-right: 3px;
}
.dxrd-federated-manageQueries-editor .dx-popup-normal .dxrd-federated-manageQueries-grid-wrapper .dxrd-federated-manageQueries-grid .dx-row.dx-data-row:hover .dxrd-manage-queries-actions.dxrd-image-recycle-bin {
  margin-top: 1px;
  position: absolute;
}
.dxrd-federated-manageQueries-editor .dx-popup-normal .dxrd-federated-manageQueries-grid-wrapper .dxrd-federated-manageQueries-grid .dxrd-manage-queries-actions {
  display: none;
}
.dxrd-federated-manageQueries-editor .dx-popup-normal .dx-popup-bottom.dx-toolbar .dx-toolbar-after .dx-toolbar-button {
  padding: 0 6px 0 6px;
}
.dx-right-panel-switcher {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 3;
}
.dx-right-panel-switcher .dx-button.dx-widget {
  width: 26px;
  height: 26px;
}
.dx-right-panel-switcher .dx-button.dx-widget .dx-icon {
  width: 16px;
  height: 16px;
}
.dx-right-panel-switcher .dx-button.dx-widget .dx-icon svg {
  width: 16px;
  height: 16px;
  margin-left: 1px;
  margin-top: -1px;
}
.dx-sql_editor.ace_editor {
  font-size: 1em;
  height: 100%;
  width: 100%;
}
.dx-sql_editor.dx-disabled-ace {
  opacity: 0.65;
}
.dx-sql_editor.dx-disabled-ace .ace_cursor {
  display: none;
}
.dxrd-scripts-editor.ace_editor .ace_gutter,
.dx-sql_editor.ace_editor .ace_gutter,
.dx-expressioneditor-textarea.ace_editor .ace_gutter,
.dxd-wizard-jsoneditor.ace_editor .ace_gutter,
.dx-filtereditor-ace.ace_editor .ace_gutter {
  background-image: none;
  border-right-width: 1px;
  border-right-style: solid;
  text-shadow: none;
}
.dxrd-scripts-editor.ace_editor .ace_gutter .ace_gutter-layer,
.dx-sql_editor.ace_editor .ace_gutter .ace_gutter-layer,
.dx-expressioneditor-textarea.ace_editor .ace_gutter .ace_gutter-layer,
.dxd-wizard-jsoneditor.ace_editor .ace_gutter .ace_gutter-layer,
.dx-filtereditor-ace.ace_editor .ace_gutter .ace_gutter-layer {
  background-image: none;
}
.dxrd-scripts-editor.ace_editor .ace_scroller,
.dx-sql_editor.ace_editor .ace_scroller,
.dx-expressioneditor-textarea.ace_editor .ace_scroller,
.dxd-wizard-jsoneditor.ace_editor .ace_scroller,
.dx-filtereditor-ace.ace_editor .ace_scroller {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.dxrd-scripts-editor.ace_editor .ace_scroller .ace_text-layer,
.dx-sql_editor.ace_editor .ace_scroller .ace_text-layer,
.dx-expressioneditor-textarea.ace_editor .ace_scroller .ace_text-layer,
.dxd-wizard-jsoneditor.ace_editor .ace_scroller .ace_text-layer,
.dx-filtereditor-ace.ace_editor .ace_scroller .ace_text-layer {
  background-image: none;
}
.dxrd-scripts-editor.ace_editor .ace_tooltip,
.dx-sql_editor.ace_editor .ace_tooltip,
.dx-expressioneditor-textarea.ace_editor .ace_tooltip,
.dxd-wizard-jsoneditor.ace_editor .ace_tooltip,
.dx-filtereditor-ace.ace_editor .ace_tooltip {
  position: absolute;
}
.dx-rtl .dx-treelist .dx-treelist-item .dx-treelist-collapsedbutton {
  float: right;
  margin-left: 9px;
  margin-right: 0;
}
.dx-rtl .dx-treelist .dx-treelist-item .dx-treelist-item-images {
  float: right;
}
.dx-rtl .dx-treelist .dx-treelist-item .dx-treelist-image {
  float: right;
  margin-left: 4px;
  margin-right: 0;
}
.dx-rtl .dx-treelist .dx-treelist-item .dx-treelist-caption .dx-treelist-action-container {
  float: left;
  margin-left: 10px;
  margin-right: 0;
  align-items: center;
}
.dx-rtl .dx-treelist .dx-treelist-item .dx-treelist-caption .dx-treelist-selectedcontent {
  padding-left: 5px;
  padding-right: 0;
}
.dx-rtl .dx-treelist .dx-treelist-item .dx-treelist-action {
  float: right;
}
.dx-rtl .dx-treelist .dx-treelist-item .dx-treelist-action-edit {
  float: right;
}
.dx-treelist .dx-treelist-item {
  position: relative;
  height: 30px;
}
.dx-treelist .dx-treelist-item .dx-treelist-item-images {
  float: left;
}
.dx-treelist .dx-treelist-item .dx-treelist-image {
  float: left;
  margin-right: 4px;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 7px 0;
  background-position: center;
  box-sizing: content-box;
  position: relative;
}
.dx-treelist .dx-treelist-item .dx-treelist-image svg {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.dx-treelist .dx-treelist-item .dx-treelist-image-empty {
  position: absolute;
}
.dx-treelist .dx-treelist-item .dx-treelist-collapsedbutton {
  float: left;
  cursor: pointer;
  height: 28px;
  width: 28px;
  min-width: 28px;
  display: inline-block;
  margin: 1px;
  padding: 0;
  position: relative;
  z-index: 1;
  margin-left: -12px;
}
.dx-treelist .dx-treelist-item .dx-treelist-caption {
  line-height: 30px;
  position: relative;
}
.dx-treelist .dx-treelist-item .dx-treelist-caption .dx-treelist-action-container {
  float: right;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.dx-treelist .dx-treelist-item .dx-treelist-caption .dx-treelist-selectedcontent {
  overflow: hidden;
  padding-right: 5px;
  height: 30px;
}
.dx-treelist .dx-treelist-item .dx-treelist-caption .dx-treelist-selectedcontent .dx-treelist-text-wrapper {
  overflow: hidden;
}
.dx-treelist .dx-treelist-item .dx-treelist-caption .dx-treelist-selectedcontent .dx-treelist-text-wrapper .dx-treelist-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  width: 100%;
  padding-right: 2px;
}
.dx-treelist .dx-treelist-item .dx-treelist-caption .dx-treelist-selectedcontent .dx-treelist-text-wrapper .dx-treelist-text.dx-highlighted-search-text {
  pointer-events: none;
}
.dx-treelist .dx-treelist-item .dx-treelist-caption .dx-treelist-selectedcontent .dx-treelist-text-wrapper .dx-treelist-text.dx-highlighted-search-text .dx-datagrid-search-text {
  padding-top: 1px;
}
.dx-treelist .dx-treelist-item .dx-treelist-caption .dx-treelist-selectedcontent .dx-treelist-text-wrapper .dx-treelist-ellipsis-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  width: 100%;
  padding-right: 2px;
  text-decoration: underline;
  cursor: pointer;
}
.dx-treelist .dx-treelist-item .dx-treelist-caption .dx-treelist-selectedcontent .dx-treelist-text-wrapper .dx-treelist-ellipsis-text.dx-highlighted-search-text {
  pointer-events: none;
}
.dx-treelist .dx-treelist-item .dx-treelist-caption .dx-treelist-selectedcontent .dx-treelist-text-wrapper .dx-treelist-ellipsis-text.dx-highlighted-search-text .dx-datagrid-search-text {
  padding-top: 1px;
}
.dx-treelist .dx-treelist-item .dx-treelist-action {
  width: 24px;
  height: 24px;
  padding: 0px;
  margin: 3px 2px;
}
.dx-treelist .dx-treelist-item .dx-treelist-action-edit {
  width: 24px;
  height: 24px;
  padding: 0px;
  margin: 3px 2px;
}
.dx-filtereditor .dx-filtereditor-tree.dx-rtl {
  padding-right: 7px;
  padding-left: 0;
}
.dx-filtereditor .dx-filtereditor-tree.dx-rtl .criteria-operator-group .criteria-operator-content {
  padding-right: 15px;
  padding-left: 0;
}
.dx-filtereditor-criteriaoperator-popup .dx-popup-normal .dx-popup-content .dx-filtereditor-search .dx-texteditor:not(.dx-multiline):not(.dx-textarea) .dx-texteditor-input {
  font-size: 14px;
  text-overflow: ellipsis;
  padding-top: 0;
  padding-bottom: 0;
}
.dx-filtereditor-criteriaoperator-popup .dx-popup-normal .dx-popup-content .dx-filtereditor-search .dx-texteditor:not(.dx-multiline):not(.dx-textarea) .dx-placeholder {
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -1px;
}
.dx-filtereditor-criteriaoperator-popup .dx-popup-normal .dx-popup-content .dx-filtereditor-search .dx-texteditor:not(.dx-multiline):not(.dx-textarea) .dx-placeholder::before {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-filtereditor-criteriaoperator-popup .dx-popup-normal .dx-popup-content .dx-filtereditor-filtered {
  height: calc(100% - 40px);
}
.dx-overlay-wrapper.dx-filtereditor-criteriaoperator-popup .dx-overlay-content {
  border-width: 1px;
  border-style: solid;
}
.dx-overlay-wrapper.dx-filtereditor-criteriaoperator-popup .dx-state-focused.dx-overlay-content {
  outline: none;
}
.dx-overlay-wrapper.dx-filtereditor-criteriaoperator-popup .dx-list-item,
.dx-overlay-wrapper.dx-filtereditor-criteriaoperator-popup .dx-list-item-content {
  display: block;
}
.dx-filtereditor .font {
  font-size: 14px;
  font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, san-serif;
}
.dx-filtereditor .dx-overlay-content {
  max-height: 500px;
  max-width: 700px;
}
.dx-filtereditor .dx-overlay-content .dx-popup-bottom.dx-toolbar {
  padding: 8px 16px 26px 24px;
}
.dx-filtereditor .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-toolbar-item {
  padding-right: 8px;
}
.dx-filtereditor .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-toolbar-item .dx-button {
  font-size: 14px;
}
.dx-filtereditor .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-toolbar-item .dx-button .dx-button-content {
  padding-top: 4px;
}
.dx-filtereditor .dx-filtereditor-plain-advanced {
  position: absolute;
}
.dx-filtereditor .dx-filtereditor-plain-content {
  position: absolute;
  top: 30px;
  width: 100%;
  height: calc(100% - 30px);
}
.dx-filtereditor .dx-filtereditor-plain-content .dx-filtereditor-plain-disabled {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  pointer-events: none;
}
.dx-filtereditor .dx-filtereditor-plain-content .dx-filtereditor-tree {
  box-sizing: border-box;
}
.dx-filtereditor .dx-filtereditor-plain-content .dx-filtereditor-text-container {
  visibility: hidden;
  padding-top: inherit;
  margin-bottom: inherit;
  margin-top: inherit;
  box-sizing: border-box;
  -moz-transition: height ease-in-out 200ms, margin ease-in-out 200ms;
  -o-transition: height ease-in-out 200ms, margin ease-in-out 200ms;
  -webkit-transition: height ease-in-out 200ms, margin ease-in-out 200ms;
  transition: height ease-in-out 200ms, margin ease-in-out 200ms;
}
.dx-filtereditor .dx-filtereditor-plain-content .dx-filtereditor-text-container.advanced {
  visibility: visible;
}
.dx-filtereditor .dx-filtereditor-plain-content .dx-filtereditor-text-container.advanced.dx-filtereditor-text-container-top {
  padding-bottom: 10px;
}
.dx-filtereditor .dx-filtereditor-plain-content .dx-filtereditor-text-container.advanced.dx-filtereditor-text-container-bottom {
  padding-top: 10px;
}
.dx-filtereditor .dx-filtereditor-text-container {
  height: 0;
  margin-top: 12px;
  -moz-transition: height ease-in-out 200ms;
  -o-transition: height ease-in-out 200ms;
  -webkit-transition: height ease-in-out 200ms;
  transition: height ease-in-out 200ms;
}
.dx-filtereditor .dx-filtereditor-text-container.advanced {
  height: 32%;
}
.dx-filtereditor .dx-filtereditor-text-container .dx-filtereditor-text {
  border-radius: 4px;
  width: 100%;
  height: 100%;
}
.dx-filtereditor .dx-filtereditor-text-container .dx-filtereditor-text .dx-texteditor-container {
  border-radius: inherit;
  overflow: hidden;
  position: relative;
}
.dx-filtereditor .dx-filtereditor-text-container .dx-filtereditor-text .dx-texteditor-container .dx-filtereditor-ace {
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.dx-filtereditor .dx-filtereditor-text-container .dx-filtereditor-text .dx-texteditor-container .dx-filtereditor-ace .ace_hidden-cursors .ace_cursor {
  opacity: 1;
}
.dx-filtereditor .dx-filtereditor-tree-container {
  height: 100%;
  position: relative;
  -moz-transition: height ease-in-out 200ms;
  -o-transition: height ease-in-out 200ms;
  -webkit-transition: height ease-in-out 200ms;
  transition: height ease-in-out 200ms;
}
.dx-filtereditor .dx-filtereditor-tree-container.advanced {
  height: 68%;
}
.dx-filtereditor .dx-filtereditor-tree-container .dx-filtereditor-tree-lockscreen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.8;
  color: #B0B0B0;
  text-align: center;
}
.dx-filtereditor .dx-filtereditor-tree-container .dx-filtereditor-tree-lockscreen .dx-filtereditor-tree-lockscreen-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.dx-filtereditor .dx-filtereditor-tree-container .dx-filtereditor-tree-lockscreen .dx-filtereditor-tree-lockscreen-content .dx-filtereditor-tree-lockscreen-content-text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 14px;
  margin: auto;
}
.dx-filtereditor .dx-filtereditor-tree {
  border-width: 1px;
  border-style: solid;
  padding-top: 4px;
  padding-left: 7px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group {
  padding-top: 7px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-group-item {
  display: inline-block;
  white-space: nowrap;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-group-item .criteria-operator-item {
  display: inline-block;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-group-item .criteria-operator-item .criteria-operator-item-editor {
  height: 24px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-group-item:hover > .criteria-operator-action .criteria-operator-action-image {
  visibility: visible;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .dx-texteditor {
  height: 22px;
  vertical-align: middle;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .dx-texteditor .dx-texteditor-input {
  font-size: 14px;
  font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, san-serif;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-content {
  padding-left: 15px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operarator-text-item {
  text-align: center;
  min-width: 30px;
  border-radius: 5px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-item-editor {
  display: inline-block;
  border-radius: 5px;
  border-width: 2px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-item-editor .dx-texteditor-container {
  border-radius: 5px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operarator-text-item-padding {
  padding: 0 5px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-text.clickable {
  min-height: 24px;
  min-width: 30px;
  padding: 0 5px;
  vertical-align: top;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-text.stylized {
  padding: 0 5px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-text.default {
  opacity: 0.5;
  font-style: italic;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-text.criteria-operator-item-group {
  text-align: center;
  min-width: 30px;
  border-radius: 5px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-text.criteria-operator-item-field {
  text-align: center;
  min-width: 30px;
  border-radius: 5px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-text.criteria-operator-item-parameter {
  text-align: center;
  min-width: 30px;
  border-radius: 5px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-text.criteria-operator-item-operator {
  text-align: center;
  min-width: 30px;
  border-radius: 5px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-text.criteria-operator-item-value {
  text-align: center;
  min-width: 30px;
  border-radius: 5px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-text {
  font-size: 14px;
  font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, san-serif;
  vertical-align: top;
  display: inline-block;
  line-height: 24px;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-action {
  vertical-align: top;
  display: inline-block;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-action .criteria-operator-action-image {
  width: 24px;
  height: 24px;
  background-position: center;
  visibility: hidden;
}
.dx-filtereditor .dx-filtereditor-tree .criteria-operator-group .criteria-operator-action .criteria-operator-action-image-edit {
  width: 24px;
  height: 24px;
  background-position: center;
  visibility: hidden;
  visibility: visible;
  padding: 3px 4px 5px;
}
.dx-expressioneditor .dx-rtl .dx-expression-tree .dx-expressioneditor-textarea .dx-texteditor-input {
  padding-left: 22px;
  padding-right: 17px;
}
.dx-expressioneditor .dx-rtl .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-tools-tab-item {
  padding-right: 5px;
  padding-left: 0;
}
.dx-expressioneditor .dx-rtl .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-tools-tab-category {
  padding-right: 5px;
  padding-left: 0;
  padding-right: 17px;
}
.dx-expressioneditor .dx-rtl .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-tools-tab-header {
  padding-right: 5px;
  padding-left: 0;
  padding-right: 0px;
}
.dx-expressioneditor .dx-rtl .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-tools-tab-accordion-header {
  padding-right: 5px;
  padding-left: 0;
}
.dx-expressioneditor .dx-rtl .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-accordion-content .dx-expressioneditor-tools-tab-item {
  padding-right: 33px;
  padding-left: 0;
}
.dx-expressioneditor .dx-rtl .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-categories {
  margin-right: 0;
  margin-left: 17px;
}
.dx-expressioneditor .dx-rtl .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-description {
  margin-left: 0;
  margin-right: 17px;
}
.dx-expressioneditor .ui-resizable-handle {
  opacity: 0;
  z-index: 100;
}
.dx-expressioneditor .ui-resizable-handle:hover {
  opacity: 0.8;
}
.dx-expressioneditor .ui-resizable-handle.ui-resizable-s {
  bottom: -15px;
  height: 10px;
}
.dx-expressioneditor .ui-resizable-handle.ui-resizable-e {
  right: -14px;
  width: 10px;
}
.dx-expressioneditor .dx-overlay-content {
  max-height: 593px;
  max-width: 727px;
}
.dx-expressioneditor .dx-overlay-content .dx-popup-content {
  border-width: 0px;
  border-style: none;
  padding: 0;
}
.dx-expressioneditor .dx-expression-tree {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 17px 17px 0 17px;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-textarea {
  border-width: 1px;
  border-style: solid;
  height: 55%;
  min-height: 10%;
  max-height: 80%;
  overflow: visible;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-textarea .dx-texteditor-input {
  font-size: 14px;
  padding-top: 5px;
  font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, san-serif;
  padding-left: 17px;
  padding-right: 22px;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools {
  flex: auto;
  position: relative;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs {
  display: flex;
  position: absolute;
  top: 17px;
  bottom: 0;
  width: 100%;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab {
  height: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dxrd-treelist-search-panel-container {
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dxrd-treelist-search-panel-container .dx-texteditor {
  border: 0px;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-fields .dx-expressioneditor-tools-tab-content-wrapper {
  top: 25px;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-tools-tab-content-wrapper {
  border-width: 1px;
  border-style: solid;
  height: auto;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-collection-function {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-collection-function .dx-expressioneditor-collection-function-search {
  position: absolute;
  top: 0;
  width: 100%;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-collection-function .dx-expressioneditor-collection-function-items {
  border-width: 1px;
  border-style: solid;
  position: absolute;
  top: 30px;
  bottom: 0;
  width: 100%;
  height: auto;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-treelist-text {
  font-size: 11px;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-tools-tab-item {
  height: 26px;
  line-height: 26px;
  padding-left: 5px;
  font-size: 11px;
  font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, san-serif;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-tools-tab-header {
  height: 26px;
  line-height: 26px;
  padding-left: 5px;
  font-size: 11px;
  font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, san-serif;
  padding-left: 0px;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-tools-tab-category {
  height: 26px;
  line-height: 26px;
  padding-left: 5px;
  font-size: 11px;
  font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, san-serif;
  padding-left: 17px;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-expressioneditor-tools-tab-accordion-header {
  padding-left: 5px;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-accordion-content .dx-expressioneditor-tools-tab-item {
  padding-left: 33px;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab .dx-treelist-wrapper {
  max-height: none;
  overflow: visible;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-categories {
  margin-right: 17px;
  overflow: visible;
  max-width: 60%;
  min-width: 25%;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .ui-resizable.dx-expressioneditor-tools-tab-content-wrapper {
  min-width: 100px;
  width: 170px;
  max-width: 100%;
  position: inherit;
  height: inherit;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-description {
  flex: 2;
  margin-left: 17px;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-selectedcontent {
  flex: 3;
}
.dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-description-content {
  padding: 5px;
  font-size: 11px;
  font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, san-serif;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.ace_tooltip.ace_doc-tooltip {
  padding: 5px;
  font-size: 11px;
  font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, san-serif;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.dx-format-string.dx-overlay-wrapper .dx-overlay-content {
  max-height: 557px;
  max-width: 650px;
}
.dx-format-string.dx-overlay-wrapper .dx-overlay-content .dx-popup-content {
  padding: 10px;
}
.dx-format-string.dx-overlay-wrapper .dx-overlay-content .dx-popup-content .dx-format-string-value .dx-texteditor-input {
  font-size: 14px;
  padding: 7px 9px 8px;
}
.dx-format-string .dx-rtl .dx-format-string-content .dx-format-string-content-area-left {
  float: right;
}
.dx-format-string .dx-rtl .dx-format-string-content .dx-format-string-content-area-right {
  float: right;
  padding-right: 29px;
  padding-left: 0;
}
.dx-format-string .dx-rtl .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-formats .dx-format-string-customization .dx-format-string-customization-add {
  float: left;
}
.dx-format-string .dx-rtl .dx-format-string-content .dx-format-string-list .dx-image-filtereditor-remove {
  float: left;
}
.dx-format-string .dx-format-string-content {
  width: 628px;
  height: 100%;
  padding: 3px 10px;
  line-height: normal;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-left {
  float: left;
  width: 190px;
  height: 100%;
  display: inline-block;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right {
  float: left;
  width: 418px;
  height: 100%;
  display: inline-block;
  padding-left: 29px;
  position: relative;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-formats {
  width: 100%;
  height: 250px;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-formats .dx-format-string-list {
  height: 201px;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-formats .dx-format-string-customization {
  padding-top: 10px;
  display: inline-block;
  width: 100%;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-formats .dx-format-string-customization .dx-format-string-customization-value {
  display: inline-block;
  height: 36px;
  width: 278px;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-formats .dx-format-string-customization .dx-format-string-customization-add {
  display: inline-block;
  vertical-align: top;
  float: right;
  width: 105px;
  height: 100%;
  margin: 0;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-preview-area {
  width: 100%;
  margin-top: 24px;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-preview-area .dx-format-string-preview-area-caption {
  padding-bottom: 3px;
  height: 22px;
  font-size: 14px;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-preview-area .dx-format-string-preview-value {
  border-width: 1px;
  border-style: solid;
  height: 64px;
  line-height: 56px;
  width: 100%;
  text-align: center;
  font-size: 21px;
  overflow: hidden;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-preview-area .dx-format-string-preview-value .dx-format-string-preview-value-inner {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-preview-area.dx-format-general {
  margin-top: 54px;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-preview-area.dx-format-general .dx-format-string-preview-value {
  height: 176px;
  line-height: 164px;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-right .dx-format-string-customization-general-value.dx-format-string-value {
  height: 36px;
  width: 100%;
  margin-bottom: 7px;
}
.dx-format-string .dx-format-string-content .dx-format-string-content-area-title {
  padding: 5px 0px;
  width: 100%;
  height: 29px;
  font-size: 14px;
}
.dx-format-string .dx-format-string-content .dx-format-string-list {
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 360px;
}
.dx-format-string .dx-format-string-content .dx-format-string-list .dx-image-filtereditor-remove {
  float: right;
  width: 24px;
  height: 24px;
}
.dx-format-string .dx-format-string-content .dx-format-string-list .dx-list-item:first-of-type {
  border-top: none;
}
.dx-format-string .dx-format-string-content .dx-format-string-list .dx-list-item:last-of-type .dx-theme-border-color {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.dx-format-string .dx-format-string-content .dx-format-string-list .dx-empty-message {
  border-top: none;
}

.dxrd-error-page {
  font-family: "Helvetica Neue", "Segoe UI", helvetica, verdana, sans-serif;
  background: #FFF0F0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 12px;
  height: 100%;
}
.dxrd-error-page-icon {
  width: 64px;
  height: 64px;
}
.dxrd-error-page-title {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  color: #660000;
}
.dxrd-error-page-content {
  font-size: 16px;
  text-align: center;
  color: rgba(32, 32, 32, 0.87);
}
.dxrd-position-relative {
  position: relative !important;
}
.dxrd-width-0 {
  width: 0 !important;
}
.dxrd-height-100 {
  height: 100% !important;
}
.dxrd-width-54px {
  width: 54px !important;
}
.dxrd-display-inline-block {
  display: inline-block !important;
}
.dxrd-width-100 {
  width: 100% !important;
}
.dxrd-position-absolute {
  position: absolute !important;
}
.dxrd-border-1px-solid-black {
  border: 1px solid black !important;
}
.dxrd-overflow-hidden {
  overflow: hidden !important;
}
.dxrd-top-0 {
  top: 0 !important;
}
.dxrd-left-0 {
  left: 0 !important;
}
.dxrd-stroke-black {
  stroke: black !important;
}
.dxrd-fill-transparent {
  fill: transparent !important;
}
.dxrd-stroke-width-1 {
  stroke-width: 1 !important;
}
.dxrd-text-anchor-middle {
  text-anchor: middle !important;
}
.dxrd-cursor-default {
  cursor: default !important;
}
.dxrd-overflow-auto {
  overflow: auto !important;
}
.dxrd-width-inherit {
  width: inherit !important;
}
.dxrd-height-inherit {
  height: inherit !important;
}
.dxrd-background-white {
  background: white !important;
}
.dxrd-text-align-center {
  text-align: center !important;
}
.dxrd-padding-top-25 {
  padding-top: 25% !important;
}
.dxrd-top-0px {
  top: 0px !important;
}
.dxrd-margin-left-5px {
  margin-left: 5px !important;
}
.dxrd-padding-left-17px {
  padding-left: 17px !important;
}
.dxrd-top-45px {
  top: 45px !important;
}
.dxrd-left-45px {
  left: 45px !important;
}
.dxrd-right-45px {
  right: 45px !important;
}
.dxrd-bottom-45px {
  bottom: 45px !important;
}
.dxrd-margin-0 {
  margin: 0 !important;
}
.dxrd-border-bottom-0 {
  border-bottom: 0 !important;
}
.dxrd-margin-top-20px {
  margin-top: 20px !important;
}
.dxrd-top-20px {
  top: 20px !important;
}
.dxrd-left-10px {
  left: 10px !important;
}
.dxrd-right-30px {
  right: 30px !important;
}
.dxrd-bottom-40px {
  bottom: 40px !important;
}
.dxrd-height-1000px {
  height: 1000px !important;
}
.dxrd-width-600px {
  width: 600px !important;
}
.dxrd-height-auto {
  height: auto !important;
}
.dxrd-right-0 {
  right: 0 !important;
}
.dxrd-bottom-0 {
  bottom: 0 !important;
}
.dxrd-width-40 {
  width: 40% !important;
}
.dxrd-height-400px {
  height: 400px !important;
}
.dxrd-margin-30px-20px {
  margin: 30px 20px !important;
}
.dxrd-display-block {
  display: block !important;
}
.dxrd-padding-top-49 {
  padding-top: 49% !important;
}
.dxrd-border-none {
  border: none !important;
}
.dxrd-background-none {
  background: none !important;
}
.dxrd-width-24px {
  width: 24px !important;
}
.dxrd-height-24px {
  height: 24px !important;
}
.dxrd-vertical-align-super {
  vertical-align: super !important;
}
.dxrd-width-calc-100-30px {
  width: calc(100% - 30px) !important;
}
.dxrd-text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}
.dxrd-width-auto {
  width: auto !important;
}
.dxrd-width-1px {
  width: 1px !important;
}
.dxrd-height-1px {
  height: 1px !important;
}
.dxrd-margin-left-9px {
  margin-left: 9px !important;
}
.dxrd-height-calc-100-29px {
  height: calc(100% - 29px) !important;
}
.dxrd-letter-spacing-1px {
  letter-spacing: 1px !important;
}
.dxrd-box-sizing-border-box {
  box-sizing: border-box !important;
}
.dxrd-border-1px-solid-silver {
  border: 1px solid silver !important;
}
.dxrd-margin-top--1px {
  margin-top: -1px !important;
}
.dxrd-margin-left--1px {
  margin-left: -1px !important;
}
.dxrd-letter-spacing-normal {
  letter-spacing: normal !important;
}
.dxrd-padding-left-3px {
  padding-left: 3px !important;
}
.dxrd-height-5px {
  height: 5px !important;
}
.dxrd-width-5px {
  width: 5px !important;
}
.dxrd-right-5px {
  right: 5px !important;
}
.dxrd-top-5px {
  top: 5px !important;
}
.dxrd-line-height-normal {
  line-height: normal !important;
}
.dxrd-z-index--1 {
  z-index: -1 !important;
}
.dxrd-stroke-rgb-128 {
  stroke: #808080 !important;
}
.dxrd-stroke-width-05px {
  stroke-width: 0.5px !important;
}
.dxrd-stroke-dasharray-5px {
  stroke-dasharray: 5px, 5px !important;
}
.dxrd-stroke-rgb-220 {
  stroke: #dcdcdc !important;
}
.dxrd-stroke-width-3px {
  stroke-width: 3px !important;
}
.dxrd-visibility-visible {
  visibility: visible !important;
}
.dxrd-line-height-inherit {
  line-height: inherit !important;
}
.dxrd-table-layout-fixed {
  table-layout: fixed !important;
}
.dxrd-word-wrap-break-word {
  word-wrap: break-word !important;
}
.dxrd-margin-right-5px {
  margin-right: 5px !important;
}
.dxrd-top-80px {
  top: 80px !important;
}
.dxrd-outline-inherit {
  outline: inherit !important;
}
.dxrd-z-index-1002 {
  z-index: 1002 !important;
}
.dxrd-text-align-left {
  text-align: left !important;
}
.dxrd-margin-top-40px {
  margin-top: 40px !important;
}
.dxrd-margin-top-44px {
  margin-top: 44px !important;
}
.dxrd-margin-top-95px {
  margin-top: 95px !important;
}
.dxrd-margin-top-83px {
  margin-top: 83px !important;
}
.dxrd-margin-left-0px {
  margin-left: 0px !important;
}
.dxrd-margin-top-16px {
  margin-top: 16px !important;
}
.dxrd-clear-both {
  clear: both !important;
}
.dxrd-margin-bottom-18px {
  margin-bottom: 18px !important;
}
.dxrd-margin-bottom-4px {
  margin-bottom: 4px !important;
}
.dxrd-width-272px {
  width: 272px !important;
}
.dxrd-top-38 {
  top: 38% !important;
}
.dxrd-margin-0-auto {
  margin: 0 auto !important;
}
.dxrd-margin-bottom-5px {
  margin-bottom: 5px !important;
}
.dxrd-z-index-0 {
  z-index: 0 !important;
}
.dxrd-vertical-align-top {
  vertical-align: top !important;
}
.dxrd-display-none {
  display: none !important;
}
.dxrd-stroke-width-50 {
  stroke-width: 50 !important;
}
.dxrd-stroke-rgb-0 {
  stroke: #000000 !important;
}
.dxrd-pointer-events-none {
  pointer-events: none !important;
}
.dxrd-top--100px {
  top: -100px !important;
}
.dxrd-fill-black {
  fill: #727272;
}
.dxrd-svg-black {
  fill: #727272;
}
.dxrd-svg-white {
  fill: #fff;
}
.dxrd-svg-red {
  fill: #D11C1C;
}
.dxrd-svg-blue {
  fill: #1177D7;
}
.dxrd-svg-yellow {
  fill: #FFB115;
}
.dxrd-svg-green {
  fill: #039C23;
}
.dxrd-svg-st0 {
  opacity: 0.35;
}
.dxrd-svg-st1 {
  opacity: 0.25;
}
.dxrd-svg-st2 {
  opacity: 0.5;
}
.dxrd-svg-brush-color {
  fill: #000000;
}
.dxrd-svg-st075 {
  opacity: 0.75;
}
.dxrd-bordereditor {
  width: 100%;
}
.dxrd-bordereditor .dxrd-bordereditor-content {
  letter-spacing: -3px;
}
.dxrd-bordereditor .dxrd-bordereditor-content .dxrd-bordereditor-button {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-position: center;
  background-size: 12px 12px;
  position: relative;
}
.dxrd-bordereditor .dxrd-bordereditor-content .dxrd-bordereditor-button svg {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.dxrd-bordereditor .dxrd-bordereditor-content .dxrd-bordereditor-right-margin {
  margin-right: 20px;
}
.dxrd-textalignment-editor {
  width: 100%;
}
.dxrd-textalignment-editor .dxrd-textalignment-editor-content .dxrd-textalignment-editor-button {
  margin: -1px;
  width: 24px;
  height: 24px;
  display: inline-block;
  background-position: center;
  background-size: 16px 16px;
  position: relative;
}
.dxrd-textalignment-editor .dxrd-textalignment-editor-content .dxrd-textalignment-editor-button svg {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.dxrd-textalignment-editor .dxrd-textalignment-editor-content .dxrd-textalignment-editor-label {
  display: inline-block;
  min-width: 70px;
}
.dxrd-textalignment-editor .dxrd-textalignment-editor-content .dxrd-textalignment-margin-top {
  margin-top: -5px;
}
.propertygrid-editor-displayName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.dxrd-ellipsis-button .dx-dropdowneditor-icon:before {
  content: "";
}
.dxrd-ellipsis-button .dxrd-ellipsis-image {
  background-size: 16px 16px;
  background-position: center;
  position: relative;
}
.dxrd-ellipsis-button .dxrd-ellipsis-image svg {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.dxrd-formatting-rule-collection-editor .dxrd-group-header {
  position: relative;
}
.dxrd-formatting-rule-collection-editor .dxrd-formatting-rule-checkbox {
  margin-top: 9px;
}
.dx-ltr .dxrd-formatting-rule-collection-editor .dxrd-formatting-rule-checkbox {
  float: right;
}
.dx-rtl .dxrd-formatting-rule-collection-editor .dxrd-formatting-rule-checkbox {
  float: left;
}
.dxrd-formatting-rule-collection-editor .dxrd-formatting-rule-collapsed {
  margin-top: 16px;
  position: absolute;
}
.dxrd-formatting-rule-collection-editor .dxrd-formatting-rule-displayName {
  position: absolute;
  top: 0;
  bottom: 0;
}
.dx-ltr .dxrd-formatting-rule-collection-editor .dxrd-formatting-rule-displayName {
  left: 28px;
  right: 56px;
}
.dx-rtl .dxrd-formatting-rule-collection-editor .dxrd-formatting-rule-displayName {
  right: 28px;
  left: 56px;
}
.dxrd-formatting-rule-collection-editor .dxrd-formatting-rule-displayName .propertygrid-editor-displayName {
  text-transform: none;
  font-size: 11px;
}
.dxrd-string-array-container {
  height: 100px;
  margin-right: 16px;
  margin-left: 19px;
}
.dxrd-string-array-container .dxrd-string-array-textarea {
  height: 100%;
  width: 100%;
  resize: none;
}
.dxrd-accordion-collection-item .dx-accordion-header {
  position: relative;
}
.dxrd-accordion-collection-item .dx-accordion-header > div .dx-group-header-font {
  margin-top: -1px;
  text-transform: none;
  font-size: 11px;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 1;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.dx-editors .dx-property-grid-search-group {
  position: absolute;
  width: 100%;
  height: 28px;
  overflow: hidden;
  padding: 2px;
  -moz-transition: width 0.25s;
  -o-transition: width 0.25s;
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
}
.dx-ltr.dx-editors .dx-property-grid-search-group {
  right: -2px;
}
.dx-rtl.dx-editors .dx-property-grid-search-group {
  left: -2px;
}
.dx-editors .dx-property-grid-search-group.dx-property-grid-search-collapsed {
  width: 28px;
}
.dx-editors .dx-property-grid-search-group .dx-property-grid-search-box {
  position: absolute;
  height: 28px;
  display: inline-block;
}
.dx-ltr.dx-editors .dx-property-grid-search-group .dx-property-grid-search-box {
  left: 34px;
  right: -16px;
  margin-right: 16px;
}
.dx-rtl.dx-editors .dx-property-grid-search-group .dx-property-grid-search-box {
  left: -16px;
  right: 34px;
  margin-left: 16px;
}
.dx-editors .dx-property-grid-search-group .dx-property-grid-search-box .dx-placeholder {
  margin-top: unset;
}
.dx-editors .dx-property-required::after {
  content: " *";
  color: red;
}
.dx-editors .dx-widget .dx-dropdowneditor-icon {
  padding: 0;
}
.dx-editors .dxrd-image-padding {
  padding: 12px;
}
.dx-editors .dx-field-value > .dxrd-collectioneditor-action {
  margin-top: 0;
}
.dx-editors .dx-collection-item > .dx-field > .dx-field-value > .dxrd-collectioneditor-action {
  margin-top: 1px;
}
.dx-editors .dxrd-collectioneditor-action {
  width: 24px;
  height: 24px;
  padding: 0;
}
.dx-ltr.dx-editors .dxrd-collectioneditor-action {
  float: right;
}
.dx-rtl.dx-editors .dxrd-collectioneditor-action {
  float: left;
}
.dx-editors .dxrd-editor .dx-fieldset {
  margin: 0;
  padding: 0;
}
.dx-editors .dxrd-editor .dx-fieldset .dx-field {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 14px;
  padding-right: 16px;
  min-height: 26px;
  box-sizing: content-box;
  margin: 0;
}
.dx-editors .dxrd-editor .dx-fieldset .dx-field .dx-field-label {
  padding-top: 6px;
  font-size: 11px;
  width: 36%;
}
.dx-editors .dxrd-editor .dx-fieldset .dx-field .dx-field-value {
  padding: 0;
  position: relative;
}
.dx-editors .dxrd-editor .dx-fieldset .dx-field .dx-field-value .dx-texteditor {
  margin-top: 0;
}
.dx-editors .dx-button-has-icon .dx-button-content {
  padding: 0;
}
.dx-editors .dx-icon-dxrd {
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  line-height: 12px;
  font-size: 12px;
}
.dx-editors .dx-icon-dxrd svg {
  width: 12px;
  height: 12px;
}
.dx-editors .dxrd-group-header-font {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle;
}
.dx-ltr.dx-editors .dxrd-group-header-font {
  padding-left: 15px;
}
.dx-rtl.dx-editors .dxrd-group-header-font {
  padding-right: 15px;
}
.dx-editors .dxrd-group-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.dx-ltr.dx-editors .dxrd-group-header {
  padding-left: 15px;
}
.dx-rtl.dx-editors .dxrd-group-header {
  padding-right: 15px;
}
.dx-ltr.dx-editors .dxrd-group-header {
  padding-left: 13px;
}
.dx-rtl.dx-editors .dxrd-group-header {
  padding-right: 13px;
}
.dx-editors .dxrd-group-header-collapsed {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.dx-editors .dxrd-properties-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
  /*.dxrd-properties-focused-item-image {
            width: 24px;
            height: 24px;
            position: relative;
            top: 6px;

            .dx-ltr& {
                left: 20px;
            }

            .dx-rtl& {
                right: 20px;
            }
        }*/
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-sub-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-sub-wrapper .dxrd-right-panel-header,
.dx-editors .dxrd-properties-wrapper .dxrd-properties-sub-wrapper .dx-property-grid-header {
  flex-shrink: 0;
}
.dx-editors .dxrd-properties-wrapper .dx-field-value.dxd-border-accented .dx-texteditor,
.dx-editors .dxrd-properties-wrapper .dx-field-value.dxd-border-accented .dx-checkbox {
  border-style: solid;
  border-width: 1px;
  border-color: inherit;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dxrd-editor-header .dx-field-label {
  padding-left: 0px;
  padding-right: 13px;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dxrd-editor-header .dx-field-label {
  padding-left: 13px;
  padding-right: 0px;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dx-widget:not(.dx-scrollable-scrollbar):not(.dx-dropdowneditor-button):not(.dx-button-has-icon):not(.no-margin-right) {
  margin-right: 31px;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dx-widget:not(.dx-scrollable-scrollbar):not(.dx-dropdowneditor-button):not(.dx-button-has-icon):not(.no-margin-right) {
  margin-left: 31px;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dx-popup-general {
  margin-right: 31px;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dx-popup-general {
  margin-left: 31px;
}
.dx-editors .dxrd-properties-wrapper .dx-datebox-container > .dx-widget:not(.dx-scrollable-scrollbar):not(.dx-dropdowneditor-button):not(.dx-button-has-icon):not(.no-margin-right) {
  margin-right: 0;
  margin-left: 0;
  min-width: 100%;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dx-datebox-container {
  margin-right: 31px;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dx-datebox-container {
  margin-left: 31px;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dx-field-value > .dxrd-collectioneditor-picker.dx-widget.dx-texteditor:not(.dx-scrollable-scrollbar):not(.no-margin-right) {
  margin-right: 30px;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dx-field-value > .dxrd-collectioneditor-picker.dx-widget.dx-texteditor:not(.dx-scrollable-scrollbar):not(.no-margin-right) {
  margin-left: 30px;
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  border-bottom: none;
  padding-top: 3px;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dxrd-properties-header {
  padding-left: 15px;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dxrd-properties-header {
  padding-right: 15px;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dxrd-properties-header {
  padding-left: 13px;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dxrd-properties-header {
  padding-right: 13px;
}
.dx-editors .dxrd-properties-wrapper .dx-property-grid-header {
  height: 28px;
  position: relative;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dx-property-grid-header {
  margin-left: 16px;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dx-property-grid-header {
  margin-right: 16px;
}
.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content {
  position: absolute;
  height: 30px;
  margin-top: -2px;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content {
  left: 0;
  right: 16px;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content {
  left: 16px;
  right: 0;
}
.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-actions-group {
  position: absolute;
  height: 28px;
  overflow: hidden;
  padding: 2px 0;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-actions-group {
  left: 0;
  right: 31px;
  -moz-transition: right 0.25s;
  -o-transition: right 0.25s;
  -webkit-transition: right 0.25s;
  transition: right 0.25s;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-actions-group.dx-property-grid-search-collapsed {
  right: 100%;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-actions-group {
  left: 31px;
  right: 0;
  -moz-transition: left 0.25s;
  -o-transition: left 0.25s;
  -webkit-transition: left 0.25s;
  transition: left 0.25s;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-actions-group.dx-property-grid-search-collapsed {
  left: 100%;
}
.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-actions-group .dxrd-properties-focused-item.dx-widget.dx-selectbox.dx-dropdowneditor {
  height: 28px;
  position: absolute;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-actions-group .dxrd-properties-focused-item.dx-widget.dx-selectbox.dx-dropdowneditor {
  left: 0;
  right: 71px;
  margin-right: 0;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-actions-group .dxrd-properties-focused-item.dx-widget.dx-selectbox.dx-dropdowneditor {
  left: 71px;
  right: 0;
  margin-left: 0;
}
.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-actions-group .dx-property-grid-sorting-actions-container {
  position: absolute;
  width: 68px;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-actions-group .dx-property-grid-sorting-actions-container {
  right: 0;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-actions-group .dx-property-grid-sorting-actions-container {
  left: 0;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-search-group .dx-property-grid-sorting-action {
  margin-left: 0;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-search-group .dx-property-grid-sorting-action {
  margin-right: 0;
}
.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-button-has-text .dx-icon {
  margin: 0;
}
.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-action {
  width: 28px;
  height: 28px;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-action {
  margin-left: 3px;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-action {
  margin-right: 3px;
}
.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-action .dx-icon-dxrd {
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  line-height: 16px;
}
.dx-editors .dxrd-properties-wrapper .dx-property-grid-header .dx-property-grid-header-content .dx-property-grid-sorting-action .dx-icon-dxrd svg {
  width: 16px;
  height: 16px;
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-wrapper-full-height {
  height: 100%;
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-wrapper-full-height .dxrd-properties-grid {
  height: auto;
  position: absolute;
  bottom: 0;
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-grid {
  border-top-width: 1px;
  border-top-style: solid;
  overflow: auto;
  width: 100%;
  margin-top: 9px;
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-grid .dxrd-properties-grid-action {
  position: relative;
  display: inline-block;
  padding: 4px;
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-grid .dxrd-properties-grid-action .dxrd-properties-grid-action-image {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-size: 12px 12px;
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-grid .dxrd-properties-grid-action .dxrd-properties-grid-action-image svg {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-grid .dxrd-property-grid-actions-group .dxrd-properties-grid-actions-group-content {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 10px 10px;
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-grid .dxrd-property-grid-actions-group .dxrd-properties-grid-actions-group-content .dxrd-properties-grid-action-name {
  margin-top: 5px;
  padding-left: 8px;
  margin-bottom: 10px;
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-grid .dxrd-property-grid-actions-group .dxrd-properties-grid-actions-group-content .dxrd-properties-grid-action .dxrd-properties-grid-action-image {
  box-sizing: content-box;
  width: 24px;
  padding: 4px;
  height: 24px;
  background-position: center center;
  background-size: 16px 16px;
}
.dx-editors .dxrd-properties-wrapper .dxrd-properties-grid .dxrd-property-grid-actions-group .dxrd-properties-grid-actions-group-content .dxrd-properties-grid-action .dxrd-properties-grid-action-image svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-boxes {
  top: 2px;
  position: absolute;
  display: inline-block;
  width: fit-content;
  width: -moz-fit-content;
  min-width: 21px;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-boxes {
  right: 0;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-boxes .dxrd-editormenu-box-inside {
  margin-left: 1px;
}
.dx-ltr.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-boxes .dxrd-editor-box-image-content {
  margin-left: 4px;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-boxes {
  left: 0;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-boxes .dxrd-editormenu-box-inside {
  margin-right: 1px;
}
.dx-rtl.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-boxes .dxrd-editor-box-image-content {
  margin-right: 4px;
}
.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-boxes .dxrd-editormenu-box {
  display: inline-block;
  width: 9px;
  height: 9px;
}
.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-boxes .dxrd-editormenu-box .dxrd-editormenu-box-inside {
  margin-top: 1px;
  width: 7px;
  height: 7px;
}
.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-boxes .dxrd-editormenu-box .dxrd-editor-box-image-content {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 1px;
}
.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-boxes .dxrd-editormenu-box.dxrd-editor-box-image:not(.dxrd-editormenu-expressions) {
  opacity: 0.5;
}
.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-modified:not(.dxrd-editormenu-usestyle) .dxrd-editormenu-box-inside {
  background-color: white;
}
.dx-editors .dxrd-properties-wrapper .dxrd-editormenu-usestyle .dxrd-editormenu-box-inside {
  background-color: lightblue;
}
.dx-editors .dxrd-properties-wrapper .dxrd-collapsed {
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.dx-editors .dxrd-editor .dx-field > .dx-field-label.dx-accordion-header {
  position: absolute;
}
.dx-ltr.dx-editors .dxrd-editor .dx-field > .dx-field-label.dx-accordion-header {
  left: 16px;
  right: 60%;
}
.dx-rtl.dx-editors .dxrd-editor .dx-field > .dx-field-label.dx-accordion-header {
  left: 60%;
  right: 16px;
}
.dx-designer {
  width: 100%;
  height: 100%;
  line-height: normal;
  pointer-events: auto;
}
.dx-designer .dx-ltr .dx-fieldset .dx-field-value > .dx-checkbox {
  float: left;
}
.dx-designer .dx-rtl .dx-fieldset .dx-field-value > .dx-checkbox {
  float: right;
}
.dx-designer .dxrd-radio-nowrap-ellipsis .dx-radiobutton {
  table-layout: fixed;
  width: 100%;
}
.dx-designer .dxrd-radio-nowrap-ellipsis .dx-radio-value-container {
  width: 32px;
}
.dx-designer .dxrd-radio-nowrap-ellipsis-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.dx-designer .dx-filtereditor .dx-overlay-content .dx-popup-content {
  padding: 24px;
}
.dx-designer .dx-popup-wrapper .dx-overlay-shader {
  background: rgba(0, 0, 0, 0.75);
  opacity: inherit;
}
.dx-designer .dx-invalid.dx-dropdowneditor:not(.dx-tagbox) .dx-texteditor-container:after {
  right: 24px;
  margin-top: 0;
}
.dx-designer .dx-invalid.dx-texteditor .dx-texteditor-container:after {
  width: 15px;
  height: 15px;
  line-height: 15px;
  top: 5px;
  margin-top: 0;
}
.dx-designer .dxrd-editor-content.dx-accordion-content .dx-field > .dx-field-label {
  padding-left: 19px;
}
.dx-designer .dx-accordion-content {
  position: relative;
}
.dx-designer .dx-accordion-content .dx-accordion-content-loading-panel {
  width: 100%;
  text-align: center;
  padding: 5px 0px;
}
.dx-designer .dx-texteditor:not(.dx-multiline):not(.dx-textarea) {
  height: 26px;
}
.dx-designer .dx-texteditor:not(.dx-multiline):not(.dx-textarea) .dx-texteditor-input {
  font-size: 11px;
  text-overflow: ellipsis;
  min-height: 0;
}
.dx-designer .dx-texteditor:not(.dx-multiline):not(.dx-textarea) .dx-placeholder {
  font-size: 11px;
}
.dx-designer .dx-texteditor:not(.dx-multiline):not(.dx-textarea) .dx-numberbox-spin-container {
  width: 24px;
  min-width: 24px;
}
.dx-designer .dx-texteditor .dx-texteditor-input {
  font-size: 11px;
  min-height: 26px;
}
.dx-designer .dx-texteditor .dx-placeholder {
  font-size: 11px;
}
.dx-designer .dx-texteditor.dx-state-readonly.dx-widget,
.dx-designer .dx-texteditor.dx-state-readonly .dx-widget {
  opacity: 0.5;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  zoom: 1;
  cursor: default;
}
.dx-designer .dx-texteditor.dx-state-readonly.dx-widget .dx-widget,
.dx-designer .dx-texteditor.dx-state-readonly .dx-widget .dx-widget {
  opacity: 1;
}
.dx-designer .dx-dropdowneditor {
  height: 26px;
}
.dx-designer .dx-dropdowneditor .dx-dropdowneditor-input-wrapper {
  margin-right: 0;
}
.dx-designer .dx-dropdowneditor .dx-dropdowneditor-button {
  width: 24px;
  min-width: 24px;
}
.dx-designer .dx-dropdowneditor .dx-dropdowneditor-icon {
  width: 100%;
}
.dx-designer .dx-selectbox {
  height: 26px;
}
.dx-designer .dx-selectbox .dx-selectbox-container {
  height: 100%;
}
.dx-designer .dx-selectbox-arrow-container {
  height: 24px;
  width: 24px;
}
.dx-designer .dx-selectbox-arrow-container .dx-selectbox-arrow {
  top: 10px;
  left: 8px;
}
.dx-designer .dx-field-value > .dx-checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
.dx-designer .dx-colorbox {
  display: block;
}
.dx-designer .dx-colorbox-input-container {
  height: 100%;
}
.dx-designer .dx-popup-wrapper .dx-colorbox-overlay .dx-popup-content {
  padding: 20px;
}
.dx-designer .dx-scrollbar-vertical.dx-scrollbar-hoverable {
  width: 11px;
}
.dx-designer .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
  width: 12px;
}
.dx-designer .dx-designer-viewport {
  font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  font-size: 11px;
  position: relative;
  z-index: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.dx-designer .dx-designer-viewport.dxrv-parameters-panel-standalone {
  overflow: visible;
}
.dx-designer .dx-designer-viewport.dxrv-parameters-panel-standalone .dxrd-preview-parameters-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
  height: calc(100% - 30px);
}
.dx-designer .dx-designer-viewport .dxrd-action-items-container {
  border-radius: 0;
}
.dx-designer .dx-designer-viewport .dxrd-action-items-container .dx-popup-content {
  font-size: 12px;
}
.dx-designer .dx-designer-viewport .dxrd-action-items-container .dxrd-action-item {
  display: inline-block;
  padding: 6px;
}
.dx-designer .dx-designer-viewport .dxrd-action-items-container .dxrd-action-item .dxrd-action-item-image {
  padding: 12px;
  position: relative;
}
.dx-designer .dx-designer-viewport .dxrd-action-items-container .dxrd-action-item .dxrd-action-item-image svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.dx-designer .dx-designer-viewport .dx-popup-content {
  padding: 0;
}
.dx-designer .dx-designer-viewport .dx-popup-content.dx-popup-content-scrollable {
  overflow: inherit;
  -ms-scroll-chaining: inherit;
  overscroll-behavior: inherit;
}
.dx-designer .dx-designer-viewport .dx-popup-content .dxrd-editor-menu-caption {
  font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle;
  padding: 7px;
}
.dx-designer .dx-designer-viewport .dxrd-editor-menu .dx-menu-item.dx-state-hover {
  background-color: transparent;
}
.dx-designer .dx-designer-viewport .dxrd-editor-menu .dx-menu-items-container {
  width: 100%;
}
.dx-designer .dx-designer-viewport .dxrd-editor-menu .dxrd-editor-menu-item-separator {
  border-top-width: 1px;
  border-top-style: solid;
}
.dx-designer .dx-designer-viewport .dxrd-editor-menu .dxrd-editor-menu-item .dx-menu-item-text {
  padding-left: 6px;
}
.dx-designer .dx-designer-viewport .dx-rtl .dxrd-editor-menu-item {
  padding-right: 6px;
  padding-left: 0;
}
.dx-designer .dxd-list-item-back-color {
  position: relative;
}
.dx-designer .dxd-list-item-back-color:hover::before {
  content: "";
  opacity: 0.1;
  filter: alpha(opacity=10);
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  background-color: #000;
}
.dx-designer .dx-property-grid-sorting-action.dxd-state-active .dxd-icon-fill,
.dx-designer .dxrd-properties-grid-action-image:hover .dxd-icon-fill,
.dx-designer .dx-font-style-button:hover .dxd-icon-fill,
.dx-designer .bordereditor-button:hover .dxd-icon-fill,
.dx-designer .dxd-list-item-back-color:hover .dx-treelist-selectedcontent .dxd-icon-fill {
  opacity: 1;
  filter: alpha(opacity=100);
}
.dx-designer .dxrd-tab-item .dxd-icon-fill {
  opacity: 1;
  filter: alpha(opacity=100);
}
.dx-designer .dx-fieldlistpicker .dx-texteditor-input:read-only {
  cursor: pointer;
}
.dxrd-designer-wrapper .dx-shadow.dxrd-tab-panel-right {
  right: 0;
  z-index: 1;
}
.dxrd-designer-wrapper .dx-shadow.dxrd-tab-panel-left {
  left: 0;
  z-index: 1;
}
.dxrd-designer-wrapper .dx-shadow.dxrd-tab-panel-empty {
  display: none;
  width: 0;
}
.dxrd-designer-wrapper .dxrd-right-tabs.dxrd-tab-panel-left {
  left: 0;
}
.dxrd-designer-wrapper .dxrd-right-tabs.dxrd-tab-panel-right {
  right: 0;
}
.dxrd-designer-wrapper .dxrd-right-panel.dxrd-tab-panel-left {
  left: 50px;
}
.dxrd-designer-wrapper .dxrd-right-panel.dxrd-tab-panel-right {
  right: 50px;
}
.dxrd-designer-wrapper .dxrd-right-panel .dxrd-treelist-search-panel-container {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 9px;
  padding-right: 16px;
  padding-left: 16px;
}
.dxrd-designer-wrapper .dxrd-right-panel .dxrd-treelist-search-panel-container .dxrd-treelist-search-panel {
  height: 28px;
}
.dxrd-designer-wrapper.dx-rtl {
  text-align: right;
}
.dxrd-designer-wrapper.dx-rtl .dxrd-menu-container {
  float: right;
}
.dxrd-designer-wrapper.dx-rtl .dxrd-menu-container .dx-overlay-wrapper {
  right: -8px;
}
.dxrd-designer-wrapper.dx-rtl .dxrd-menu-break {
  right: -5px;
}
.dxrd-designer-wrapper.dx-ltr {
  text-align: left;
}
.dxrd-designer-wrapper.dx-ltr .dxrd-menu-container {
  float: left;
}
.dxrd-designer-wrapper.dx-ltr .dxrd-menu-container .dx-overlay-wrapper {
  left: -8px;
}
.dxrd-designer-wrapper.dx-ltr .dxrd-menu-break {
  left: -5px;
}
.dxrd-designer-wrapper {
  font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  font-size: 11px;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.dxrd-designer-wrapper .dx-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
.dxrd-designer-wrapper .dx-shadow.dx-shadow-left {
  -webkit-box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.15);
  box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.15);
}
.dx-rtl .dxrd-designer-wrapper .dx-shadow.dx-shadow-left {
  -webkit-box-shadow: -20px 0px 20px -20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -20px 0px 20px -20px rgba(0, 0, 0, 0.15);
  box-shadow: -20px 0px 20px -20px rgba(0, 0, 0, 0.15);
}
.dxrd-designer-wrapper .dx-shadow.dx-shadow-right {
  -webkit-box-shadow: -20px 0px 20px -20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -20px 0px 20px -20px rgba(0, 0, 0, 0.15);
  box-shadow: -20px 0px 20px -20px rgba(0, 0, 0, 0.15);
}
.dx-rtl .dxrd-designer-wrapper .dx-shadow.dx-shadow-right {
  -webkit-box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.15);
  box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.15);
}
.dxrd-designer-wrapper .dx-shadow-top {
  -webkit-box-shadow: 0px 20px 20px -20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 20px 20px -20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 20px 20px -20px rgba(0, 0, 0, 0.15);
}
.dxrd-designer-wrapper ::-webkit-scrollbar {
  width: 16px;
}
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper .dxd-dimension-notations-arrowed-line {
  border: none;
  display: flex;
  position: absolute;
  background-color: #5F5F5F;
}
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper .dxd-dimension-notations-arrowed-line::after,
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper .dxd-dimension-notations-arrowed-line::before {
  content: '';
  display: block;
  position: absolute;
  background-color: #5F5F5F;
}
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper .dxd-dimension-notations-text {
  position: absolute;
  line-height: normal;
  display: inline-block;
  color: #FFFFFF;
  background-color: #5F5F5F;
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
  padding: 2px 4px;
}
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-horizontal.dxd-dimension-notations-inside-elt .dxd-dimension-notations-arrowed-line,
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-horizontal.dxd-dimension-notations-inside-elt .dxd-dimension-notations-arrowed-line::after,
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-horizontal.dxd-dimension-notations-inside-elt .dxd-dimension-notations-arrowed-line::before {
  height: 0;
}
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-horizontal .dxd-dimension-notations-arrowed-line {
  left: 0;
  right: 0;
  bottom: -10px;
  transform: translateY(-50%);
  height: 2px;
  justify-content: center;
}
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-horizontal .dxd-dimension-notations-arrowed-line::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 10px;
}
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-horizontal .dxd-dimension-notations-arrowed-line::after {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 10px;
}
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-horizontal .dxd-dimension-notations-text {
  top: 5px;
}
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-vertical.dxd-dimension-notations-inside-elt .dxd-dimension-notations-arrowed-line,
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-vertical.dxd-dimension-notations-inside-elt .dxd-dimension-notations-arrowed-line::after,
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-vertical.dxd-dimension-notations-inside-elt .dxd-dimension-notations-arrowed-line::before {
  width: 0;
}
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-arrowed-line {
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
  width: 2px;
  align-items: center;
}
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-arrowed-line::before {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 10px;
}
.dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-arrowed-line::after {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 10px;
}
.dxrd-designer-wrapper.dx-ltr .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-arrowed-line {
  right: -10px;
}
.dxrd-designer-wrapper.dx-ltr .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-text {
  left: 5px;
}
.dxrd-designer-wrapper.dx-ltr .dxd-dimension-notations-wrapper.dxd-dimension-vertical.dxd-dimension-notations-inside-elt .dxd-dimension-notations-text {
  right: 10px;
  left: auto;
}
.dxrd-designer-wrapper.dx-rtl .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-arrowed-line {
  left: -10px;
}
.dxrd-designer-wrapper.dx-rtl .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-text {
  right: 5px;
}
.dxrd-designer-wrapper.dx-rtl .dxd-dimension-notations-wrapper.dxd-dimension-vertical.dxd-dimension-notations-inside-elt .dxd-dimension-notations-text {
  right: auto;
  left: 10px;
}
.dxrd-designer-wrapper .dxd-snap-lines-holder {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}
.dxrd-designer-wrapper .dxd-snap-lines-holder .dxd-snap-line {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 1;
  border-top: 1px solid red;
  border-left: 1px solid red;
  transform-origin: 0% 0%;
  transform: matrix(0, 0, 0, 0, 0, 0);
}
.dxrd-designer-wrapper .dxrd-drag-helper-item {
  position: absolute;
  border: 1px solid blue;
  z-index: 1;
}
.dxrd-designer-wrapper .dxrd-drag-helper-item-allowed {
  position: absolute;
  border: 2px solid green;
  background: rgba(10, 222, 93, 0.25);
  z-index: 1;
}
.dxrd-designer-wrapper .dxrd-drag-helper-item-forbidden {
  position: absolute;
  border: 2px solid red;
  background: rgba(252, 9, 32, 0.25);
  z-index: 1;
}
.dxrd-designer-wrapper .dxrd-drag-helper-control {
  z-index: 1;
  pointer-events: none;
}
.dxrd-designer-wrapper .dxrd-locked > .dxrd-drag-helper-control {
  border: 1px solid orangered;
}
.dxrd-designer-wrapper .dxrd-menu-container .dx-overlay-wrapper {
  height: 100%;
  position: absolute;
}
.dxrd-designer-wrapper .dxrd-menu-container .dx-overlay-wrapper .dx-popover-arrow:after {
  background: white;
}
.dxrd-designer-wrapper .dxrd-menu-container .dx-overlay-wrapper .dx-overlay-content {
  height: 100%;
  border-radius: 0;
  overflow: visible;
}
.dxrd-designer-wrapper .dxrd-menu-container > .dx-overlay-wrapper > .dx-overlay-content {
  background-color: inherit;
  border: none;
  box-shadow: none;
}
.dxrd-designer-wrapper .dxrd-menu-button {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  width: 64px;
  height: 64px;
}
.dxrd-designer-wrapper .dxrd-menu-button .dxrd-menu-button-image {
  /*.dxrd-image-menu;*/
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: 24px 24px;
  position: relative;
}
.dxrd-designer-wrapper .dxrd-menu-button .dxrd-menu-button-image svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.dxrd-designer-wrapper .dxrd-menu-break {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.dxrd-designer-wrapper .dxrd-menu-item {
  letter-spacing: -10px;
  margin-top: 15px;
  height: 40px;
  line-height: 40px;
  font-size: 11px;
  font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  overflow: hidden;
  /*color: #000;*/
}
.dx-ltr.dxrd-designer-wrapper .dxrd-menu-item {
  padding-left: 10px;
}
.dx-rtl.dxrd-designer-wrapper .dxrd-menu-item {
  padding-right: 10px;
}
.dxrd-designer-wrapper .dxrd-menu-item .dxrd-menu-item-image {
  padding: 12px;
  vertical-align: middle;
  line-height: normal;
  background-size: 24px 24px;
  background-position: center;
  position: relative;
  height: 40px;
}
.dx-ltr.dxrd-designer-wrapper .dxrd-menu-item .dxrd-menu-item-image {
  float: left;
}
.dx-rtl.dxrd-designer-wrapper .dxrd-menu-item .dxrd-menu-item-image {
  float: right;
}
.dxrd-designer-wrapper .dxrd-menu-item .dxrd-menu-item-image svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.dxrd-designer-wrapper .dxrd-menu-item .dxrd-menu-item-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  vertical-align: middle;
  letter-spacing: 0;
  line-height: normal;
  cursor: default;
  line-height: 40px;
}
.dx-ltr.dxrd-designer-wrapper .dxrd-menu-item .dxrd-menu-item-text {
  padding-left: 12px;
}
.dx-rtl.dxrd-designer-wrapper .dxrd-menu-item .dxrd-menu-item-text {
  padding-right: 12px;
}
.dxrd-designer-wrapper .dxrd-menu-item .dxrd-menu-item-separator {
  height: 1px;
  width: 100%;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper {
  position: absolute;
  top: 0;
  height: 64px;
  min-width: 800px;
  left: 48px;
  right: 375px;
}
.dx-rtl.dxrd-designer-wrapper .dxrd-toolbar-wrapper {
  left: 375px;
  right: 48px;
}
.dx-ltr.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar {
  padding-left: 12px;
}
.dx-rtl.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar {
  padding-right: 12px;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item {
  position: relative;
  display: inline-block;
  padding: 16px 4px;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item[hidden] {
  display: none;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item .dxrd-toolbar-item-image {
  padding: 0;
  width: 32px;
  height: 32px;
  background-position: center center;
  position: relative;
  background-size: 24px 24px;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item .dxrd-toolbar-item-image svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item .dxrd-toolbar-item-separator {
  border-right-width: 1px;
  border-right-style: solid;
  position: absolute;
  top: 14px;
  height: 36px;
  width: 1px;
}
.dx-ltr.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item .dxrd-toolbar-item-separator {
  left: -2px;
}
.dx-rtl.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item .dxrd-toolbar-item-separator {
  right: -2px;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item-zoom {
  position: relative;
  display: inline-block;
  padding: 16px 4px;
  vertical-align: top;
  padding-top: 18px;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item-zoom[hidden] {
  display: none;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item-zoom .dxrd-toolbar-item-image {
  padding: 0;
  width: 32px;
  height: 32px;
  background-position: center center;
  position: relative;
  background-size: 24px 24px;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item-zoom .dxrd-toolbar-item-image svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item-zoom .dxrd-toolbar-item-separator {
  border-right-width: 1px;
  border-right-style: solid;
  position: absolute;
  top: 14px;
  height: 36px;
  width: 1px;
}
.dx-ltr.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item-zoom .dxrd-toolbar-item-separator {
  left: -2px;
}
.dx-rtl.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item-zoom .dxrd-toolbar-item-separator {
  right: -2px;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item-zoom .dxrd-toolbar-item-zoom-editor {
  width: 80px;
  height: 27px;
}
.dxrd-designer-wrapper .dxrd-toolbox-wrapper {
  width: 48px;
  height: auto;
  position: absolute;
  top: 64px;
  bottom: 0;
}
.dxrd-designer-wrapper .dxrd-toolbox-wrapper.toolbox-grouped {
  width: 96px;
}
.dxrd-designer-wrapper .dxrd-toolbox-wrapper.toolbox-grouped .dxrd-toolbox-group {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 8px;
  letter-spacing: -4px;
}
.dxrd-designer-wrapper .dxrd-toolbox-wrapper.toolbox-grouped .dxrd-toolbox-group .dxrd-toolbox-item {
  display: inline-block;
  margin: 0px;
}
.dxrd-designer-wrapper .dxrd-toolbox-wrapper.toolbox-grouped .dxrd-toolbox-group .dxrd-toolbox-item .dxrd-image-padding {
  width: 24px;
  height: 24px;
  padding: 8px 8px;
}
.dxrd-designer-wrapper .dxrd-toolbox-wrapper.toolbox-grouped .dxrd-toolbox-group .dxrd-toolbox-item .dxrd-image-padding svg {
  width: 24px;
  height: 24px;
}
.dxrd-designer-wrapper .dxrd-toolbox-wrapper.toolbox-grouped .dxrd-toolbox-group:last-child {
  border-bottom-style: unset;
}
.dxrd-designer-wrapper .dxrd-toolbox-wrapper .dx-scrollbar-vertical.dx-scrollbar-hoverable {
  width: 5px;
}
.dxrd-designer-wrapper .dxrd-toolbox-wrapper .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
  width: 6px;
}
.dxrd-designer-wrapper .dxrd-toolbox-item {
  margin: 6px 12px;
}
.dxrd-designer-wrapper .dxrd-toolbox-item .dxrd-image-padding {
  padding: 0;
  width: 32px;
  height: 32px;
  background-size: 24px 24px;
  background-position: center center;
  position: relative;
}
.dxrd-designer-wrapper .dxrd-toolbox-item .dxrd-image-padding svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.dxrd-designer-wrapper .dxrd-toolbox-item .dxrd-disabled-button {
  pointer-events: none;
}
.dxrd-designer-wrapper .dxrd-surface-wrapper {
  position: absolute;
  top: 84px;
  left: 48px;
  right: 375px;
  text-align: center;
  min-width: 100px;
  direction: ltr;
}
.dxrd-designer-wrapper .dxrd-surface-wrapper .dxrd-surface {
  height: 100%;
  display: inline-block;
}
.dxrd-designer-wrapper .dx-tab-panel-collapsed .dxrd-right-panel {
  display: none;
}
.dxrd-designer-wrapper .dxrd-right-panel {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 325px;
  cursor: default;
}
.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding-top: 3px;
}
.dx-ltr.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-header {
  padding-left: 15px;
}
.dx-rtl.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-header {
  padding-right: 15px;
}
.dx-ltr.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-header {
  padding-left: 13px;
}
.dx-rtl.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-header {
  padding-right: 13px;
}
.dx-ltr.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-header {
  padding-right: unset;
  margin-right: 16px;
}
.dx-ltr.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-header.dxrd-preview-search-tab-header-text {
  margin-left: 13px;
}
.dx-rtl.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-header {
  padding-left: unset;
  margin-left: 16px;
}
.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-header .dxrd-collectioneditor-action {
  width: 24px;
  height: 24px;
}
.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-body {
  position: absolute;
  top: 49px;
  bottom: 0px;
  height: auto;
  width: 100%;
}
.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-body .dxrd-right-panel-content {
  padding-top: 6px;
}
.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-body .dxrd-right-panel-content.dxrd-export-options-content {
  padding-top: 12px;
}
.dx-accessibility .dxrd-parameters-bottom-border .dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-body .dxrd-right-panel-content {
  padding-top: 12px;
}
.dxrd-designer-wrapper .dxrd-right-panel .dxrd-fieldslist-wrapper {
  position: relative;
  overflow: auto;
}
.dxrd-designer-wrapper .dxrd-right-panel .dxrd-fieldslist-wrapper .dxrd-right-panel-body {
  top: 85px;
}
.dxrd-designer-wrapper .dxrd-right-panel .dxrd-fieldslist-wrapper .dxrd-fieldslist-wrapper-header {
  display: inline-block;
}
.dx-ltr.dxrd-designer-wrapper .dxrd-right-panel .dxrd-fieldslist-wrapper .dxrd-fieldslist-wrapper-header {
  float: left;
}
.dx-rtl.dxrd-designer-wrapper .dxrd-right-panel .dxrd-fieldslist-wrapper .dxrd-fieldslist-wrapper-header {
  float: right;
}
.dxrd-designer-wrapper .dxrd-right-panel .dxrd-fieldslist-wrapper .propertygrid-editor-checkbox {
  left: 0;
}
.dxrd-designer-wrapper .dxrd-right-panel .dxrd-fieldslist-wrapper .dx-popup-general {
  margin-right: 0;
}
.dxrd-designer-wrapper .dxrd-right-tabs {
  width: 50px;
  height: 100%;
  position: absolute;
}
.dxrd-designer-wrapper .dxrd-right-tabs.dxrd-tab-panel-empty {
  display: none;
  width: 0;
}
.dxrd-designer-wrapper .dxrd-right-tabs .dxrd-image-padding {
  padding: 0px;
  width: 50px;
  height: 48px;
  background-size: 24px 24px;
  background-position: center center;
  position: relative;
}
.dxrd-designer-wrapper .dxrd-right-tabs .dxrd-image-padding svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  overflow: visible;
}
.dxrd-designer-wrapper .dxrd-right-tabs .dxrd-tab-item-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.dxrd-designer-wrapper .dxrd-transform-origin-left-top {
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.dx-designer .dx-treelist .dxrd-treelist-droppable:not(.drop-before):not(.drop-after)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(252, 9, 32, 0.25);
  z-index: 1;
}
.dx-designer .dx-treelist .dxrd-treelist-droppable.drop-before .dx-treelist-caption::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(252, 9, 32, 0.25);
  z-index: 1;
  top: -2px;
  height: 4px;
}
.dx-designer .dx-treelist .dxrd-treelist-droppable.drop-after .dx-treelist-caption::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(252, 9, 32, 0.25);
  z-index: 1;
  bottom: -2px;
  height: 4px;
}
.dx-designer .dx-treelist .dxrd-treelist-droppable.dxrd-drop-approve:not(.drop-before):not(.drop-after)::before,
.dx-designer .dx-treelist .dxrd-treelist-droppable.drop-before.dxrd-drop-approve .dx-treelist-caption::before,
.dx-designer .dx-treelist .dxrd-treelist-droppable.drop-after.dxrd-drop-approve .dx-treelist-caption::before {
  background: rgba(10, 222, 93, 0.25);
}
.dx-designer .dx-toast-error {
  line-height: 1.6;
}
.dx-designer .dx-toast-error a {
  color: #FFFFFF;
}
.dx-designer-viewport .dx-treelist-wrapper .dx-scrollable-container {
  max-height: 200px;
  cursor: default;
}
.dx-designer-viewport .dxd-opacity-50 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.dx-designer-viewport .dxd-opacity-60 {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.dx-designer-viewport .dxd-opacity-80 {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dx-designer-viewport .dx-border-inheritor {
  border-width: 0;
  stroke-width: 0;
}
.dx-designer-viewport .dx-background-inheritor {
  display: inline;
  font-size: 0;
}
.dx-designer-viewport .dxrd-disabled-button {
  opacity: 0.3;
  pointer-events: none;
}
.dx-designer-viewport .dxd-state-no-hover {
  cursor: default;
}
.dx-designer-viewport .dx-fontsize-reestablished {
  font-size: 14px;
}
.dx-designer-viewport .dx-default-border-style {
  border-width: 1px;
  border-style: solid;
}
.dx-designer-viewport .dx-padding-none {
  padding: 0;
}
.dx-designer-viewport .dxrd-drag-helper-source {
  display: none;
  max-width: 100px;
}
.dx-designer-viewport .dxrd-image-ghost-report {
  position: absolute;
  z-index: 2;
}
.dx-designer-viewport .dxrd-image-ghost-report .dxrd-drag-helper-source-reorder-treelist {
  border-width: 1px;
  border-style: solid;
  position: absolute;
  line-height: 30px;
  overflow: hidden;
  padding-right: 5px;
  padding-left: 5px;
  box-sizing: border-box;
}
.dx-designer-viewport .dxrd-image-ghost-report .dxrd-drag-helper-source-reorder-treelist .dx-treelist-image-empty {
  display: none;
}
.dx-designer-viewport .dxrd-image-ghost-report .dxrd-drag-helper-treelist-image {
  float: left;
  display: inline-block;
  width: 12px;
  height: 12px;
  padding: 9px 0;
  background-position: center;
  box-sizing: content-box;
  margin: 0 4px;
  position: relative;
}
.dx-designer-viewport .dxrd-image-ghost-report .dxrd-drag-helper-treelist-image svg {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.dx-designer-viewport .dxrd-image-ghost-report .dxrd-drag-helper-treelist-text-wrapper .dxrd-drag-helper-treelist-text {
  width: 100%;
  white-space: nowrap;
  padding-right: 2px;
  padding: 0 16px;
}
.dx-designer-viewport .dxrd-text-nowrap-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

/*ace_scrollbar.css*/
.ace_editor>.ace_sb-v div, .ace_editor>.ace_sb-h div{
position: absolute;
background: rgba(128, 128, 128, 0.6);
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #bbb;
border-radius: 2px;
z-index: 8;
}
.ace_editor>.ace_sb-v, .ace_editor>.ace_sb-h {
position: absolute;
z-index: 6;
background: none;
overflow: hidden!important;
}
.ace_editor>.ace_sb-v {
z-index: 6;
right: 0;
top: 0;
width: 12px;
}
.ace_editor>.ace_sb-v div {
z-index: 8;
right: 0;
width: 100%;
}
.ace_editor>.ace_sb-h {
bottom: 0;
left: 0;
height: 12px;
}
.ace_editor>.ace_sb-h div {
bottom: 0;
height: 100%;
}
.ace_editor>.ace_sb_grabbed {
z-index: 8;
background: #000;
}
/*ace_editor.css*/
.ace_br1 {border-top-left-radius    : 3px;}
.ace_br2 {border-top-right-radius   : 3px;}
.ace_br3 {border-top-left-radius    : 3px; border-top-right-radius:    3px;}
.ace_br4 {border-bottom-right-radius: 3px;}
.ace_br5 {border-top-left-radius    : 3px; border-bottom-right-radius: 3px;}
.ace_br6 {border-top-right-radius   : 3px; border-bottom-right-radius: 3px;}
.ace_br7 {border-top-left-radius    : 3px; border-top-right-radius:    3px; border-bottom-right-radius: 3px;}
.ace_br8 {border-bottom-left-radius : 3px;}
.ace_br9 {border-top-left-radius    : 3px; border-bottom-left-radius:  3px;}
.ace_br10{border-top-right-radius   : 3px; border-bottom-left-radius:  3px;}
.ace_br11{border-top-left-radius    : 3px; border-top-right-radius:    3px; border-bottom-left-radius:  3px;}
.ace_br12{border-bottom-right-radius: 3px; border-bottom-left-radius:  3px;}
.ace_br13{border-top-left-radius    : 3px; border-bottom-right-radius: 3px; border-bottom-left-radius:  3px;}
.ace_br14{border-top-right-radius   : 3px; border-bottom-right-radius: 3px; border-bottom-left-radius:  3px;}
.ace_br15{border-top-left-radius    : 3px; border-top-right-radius:    3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.ace_editor {
position: relative;
overflow: hidden;
padding: 0;
font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', 'source-code-pro', monospace;
direction: ltr;
text-align: left;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
forced-color-adjust: none;
}
.ace_scroller {
position: absolute;
overflow: hidden;
top: 0;
bottom: 0;
background-color: inherit;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: text;
}
.ace_content {
position: absolute;
box-sizing: border-box;
min-width: 100%;
contain: style size layout;
font-variant-ligatures: no-common-ligatures;
}
.ace_invisible {
font-variant-ligatures: none;
}
.ace_keyboard-focus:focus {
box-shadow: inset 0 0 0 2px #5E9ED6;
outline: none;
}
.ace_dragging .ace_scroller:before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: rgba(250, 250, 250, 0.01);
z-index: 1000;
}
.ace_dragging.ace_dark .ace_scroller:before{
background: rgba(0, 0, 0, 0.01);
}
.ace_gutter {
position: absolute;
overflow : hidden;
width: auto;
top: 0;
bottom: 0;
left: 0;
cursor: default;
z-index: 4;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
contain: style size layout;
}
.ace_gutter-active-line {
position: absolute;
left: 0;
right: 0;
}
.ace_scroller.ace_scroll-left:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.4) inset;
pointer-events: none;
}
.ace_gutter-cell, .ace_gutter-cell_svg-icons {
position: absolute;
top: 0;
left: 0;
right: 0;
padding-left: 19px;
padding-right: 6px;
background-repeat: no-repeat;
}
.ace_gutter-cell_svg-icons .ace_gutter_annotation {
margin-left: -14px;
float: left;
}
.ace_gutter-cell .ace_gutter_annotation {
margin-left: -19px;
float: left;
}
.ace_gutter-cell.ace_error, .ace_icon.ace_error, .ace_icon.ace_error_fold, .ace_gutter-cell.ace_security, .ace_icon.ace_security, .ace_icon.ace_security_fold {
background-image: url(font/main-1.png);
background-repeat: no-repeat;
background-position: 2px center;
}
.ace_gutter-cell.ace_warning, .ace_icon.ace_warning, .ace_icon.ace_warning_fold {
background-image: url(font/main-2.png);
background-repeat: no-repeat;
background-position: 2px center;
}
.ace_gutter-cell.ace_info, .ace_icon.ace_info, .ace_gutter-cell.ace_hint, .ace_icon.ace_hint {
background-image: url(font/main-3.png);
background-repeat: no-repeat;
background-position: 2px center;
}
.ace_dark .ace_gutter-cell.ace_info, .ace_dark .ace_icon.ace_info, .ace_dark .ace_gutter-cell.ace_hint, .ace_dark .ace_icon.ace_hint {
background-image: url(font/main-4.png);
}
.ace_icon_svg.ace_error {
-webkit-mask-image: url(font/main-5.svg);
background-color: crimson;
}
.ace_icon_svg.ace_security {
-webkit-mask-image: url(font/main-6.svg);
background-color: crimson;
}
.ace_icon_svg.ace_warning {
-webkit-mask-image: url(font/main-7.svg);
background-color: darkorange;
}
.ace_icon_svg.ace_info {
-webkit-mask-image: url(font/main-8.svg);
background-color: royalblue;
}
.ace_icon_svg.ace_hint {
-webkit-mask-image: url(font/main-9.svg);
background-color: silver;
}
.ace_icon_svg.ace_error_fold {
-webkit-mask-image: url(font/main-10.svg);
background-color: crimson;
}
.ace_icon_svg.ace_security_fold {
-webkit-mask-image: url(font/main-11.svg);
background-color: crimson;
}
.ace_icon_svg.ace_warning_fold {
-webkit-mask-image: url(font/main-12.svg);
background-color: darkorange;
}
.ace_scrollbar {
contain: strict;
position: absolute;
right: 0;
bottom: 0;
z-index: 6;
}
.ace_scrollbar-inner {
position: absolute;
cursor: text;
left: 0;
top: 0;
}
.ace_scrollbar-v{
overflow-x: hidden;
overflow-y: scroll;
top: 0;
}
.ace_scrollbar-h {
overflow-x: scroll;
overflow-y: hidden;
left: 0;
}
.ace_print-margin {
position: absolute;
height: 100%;
}
.ace_text-input {
position: absolute;
z-index: 0;
width: 0.5em;
height: 1em;
opacity: 0;
background: transparent;
-moz-appearance: none;
appearance: none;
border: none;
resize: none;
outline: none;
overflow: hidden;
font: inherit;
padding: 0 1px;
margin: 0 -1px;
contain: strict;
-ms-user-select: text;
-moz-user-select: text;
-webkit-user-select: text;
user-select: text;
/*with `pre-line` chrome inserts   instead of space*/
white-space: pre!important;
}
.ace_text-input.ace_composition {
background: transparent;
color: inherit;
z-index: 1000;
opacity: 1;
}
.ace_composition_placeholder { color: transparent }
.ace_composition_marker { 
border-bottom: 1px solid;
position: absolute;
border-radius: 0;
margin-top: 1px;
}
[ace_nocontext=true] {
transform: none!important;
filter: none!important;
clip-path: none!important;
mask : none!important;
contain: none!important;
perspective: none!important;
mix-blend-mode: initial!important;
z-index: auto;
}
.ace_layer {
z-index: 1;
position: absolute;
overflow: hidden;
/* workaround for chrome bug https://github.com/ajaxorg/ace/issues/2312*/
word-wrap: normal;
white-space: pre;
height: 100%;
width: 100%;
box-sizing: border-box;
/* setting pointer-events: auto; on node under the mouse, which changes
during scroll, will break mouse wheel scrolling in Safari */
pointer-events: none;
}
.ace_gutter-layer {
position: relative;
width: auto;
text-align: right;
pointer-events: auto;
height: 1000000px;
contain: style size layout;
}
.ace_text-layer {
font: inherit !important;
position: absolute;
height: 1000000px;
width: 1000000px;
contain: style size layout;
}
.ace_text-layer > .ace_line, .ace_text-layer > .ace_line_group {
contain: style size layout;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.ace_hidpi .ace_text-layer,
.ace_hidpi .ace_gutter-layer,
.ace_hidpi .ace_content,
.ace_hidpi .ace_gutter {
contain: strict;
}
.ace_hidpi .ace_text-layer > .ace_line, 
.ace_hidpi .ace_text-layer > .ace_line_group {
contain: strict;
}
.ace_cjk {
display: inline-block;
text-align: center;
}
.ace_cursor-layer {
z-index: 4;
}
.ace_cursor {
z-index: 4;
position: absolute;
box-sizing: border-box;
border-left: 2px solid;
/* workaround for smooth cursor repaintng whole screen in chrome */
transform: translatez(0);
}
.ace_multiselect .ace_cursor {
border-left-width: 1px;
}
.ace_slim-cursors .ace_cursor {
border-left-width: 1px;
}
.ace_overwrite-cursors .ace_cursor {
border-left-width: 0;
border-bottom: 1px solid;
}
.ace_hidden-cursors .ace_cursor {
opacity: 0.2;
}
.ace_hasPlaceholder .ace_hidden-cursors .ace_cursor {
opacity: 0;
}
.ace_smooth-blinking .ace_cursor {
transition: opacity 0.18s;
}
.ace_animate-blinking .ace_cursor {
animation-duration: 1000ms;
animation-timing-function: step-end;
animation-name: blink-ace-animate;
animation-iteration-count: infinite;
}
.ace_animate-blinking.ace_smooth-blinking .ace_cursor {
animation-duration: 1000ms;
animation-timing-function: ease-in-out;
animation-name: blink-ace-animate-smooth;
}
@keyframes blink-ace-animate {
from, to { opacity: 1; }
60% { opacity: 0; }
}
@keyframes blink-ace-animate-smooth {
from, to { opacity: 1; }
45% { opacity: 1; }
60% { opacity: 0; }
85% { opacity: 0; }
}
.ace_marker-layer .ace_step, .ace_marker-layer .ace_stack {
position: absolute;
z-index: 3;
}
.ace_marker-layer .ace_selection {
position: absolute;
z-index: 5;
}
.ace_marker-layer .ace_bracket {
position: absolute;
z-index: 6;
}
.ace_marker-layer .ace_error_bracket {
position: absolute;
border-bottom: 1px solid #DE5555;
border-radius: 0;
}
.ace_marker-layer .ace_active-line {
position: absolute;
z-index: 2;
}
.ace_marker-layer .ace_selected-word {
position: absolute;
z-index: 4;
box-sizing: border-box;
}
.ace_line .ace_fold {
box-sizing: border-box;
display: inline-block;
height: 11px;
margin-top: -2px;
vertical-align: middle;
background-image:
url(font/main-13.png),
url(font/main-14.png);
background-repeat: no-repeat, repeat-x;
background-position: center center, top left;
color: transparent;
border: 1px solid black;
border-radius: 2px;
cursor: pointer;
pointer-events: auto;
}
.ace_dark .ace_fold {
}
.ace_fold:hover{
background-image:
url(font/main-15.png),
url(font/main-16.png);
}
.ace_tooltip {
background-color: #f5f5f5;
border: 1px solid gray;
border-radius: 1px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
color: black;
padding: 3px 4px;
position: fixed;
z-index: 999999;
box-sizing: border-box;
cursor: default;
white-space: pre-wrap;
word-wrap: break-word;
line-height: normal;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
pointer-events: none;
overflow: auto;
max-width: min(33em, 66vw);
overscroll-behavior: contain;
}
.ace_tooltip pre {
white-space: pre-wrap;
}
.ace_tooltip.ace_dark {
background-color: #636363;
color: #fff;
}
.ace_tooltip:focus {
outline: 1px solid #5E9ED6;
}
.ace_icon {
display: inline-block;
width: 18px;
vertical-align: top;
}
.ace_icon_svg {
display: inline-block;
width: 12px;
vertical-align: top;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 12px;
-webkit-mask-position: center;
}
.ace_folding-enabled > .ace_gutter-cell, .ace_folding-enabled > .ace_gutter-cell_svg-icons {
padding-right: 13px;
}
.ace_fold-widget, .ace_custom-widget {
box-sizing: border-box;
margin: 0 -12px 0 1px;
display: none;
width: 11px;
vertical-align: top;
background-image: url(font/main-17.png);
background-repeat: no-repeat;
background-position: center;
border-radius: 3px;
border: 1px solid transparent;
cursor: pointer;
}
.ace_custom-widget {
background: none;
}
.ace_folding-enabled .ace_fold-widget {
display: inline-block;   
}
.ace_fold-widget.ace_end {
background-image: url(font/main-18.png);
}
.ace_fold-widget.ace_closed {
background-image: url(font/main-19.png);
}
.ace_fold-widget:hover {
border: 1px solid rgba(0, 0, 0, 0.3);
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}
.ace_fold-widget:active {
border: 1px solid rgba(0, 0, 0, 0.4);
background-color: rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
/**
* Dark version for fold widgets
*/
.ace_dark .ace_fold-widget {
background-image: url(font/main-20.png);
}
.ace_dark .ace_fold-widget.ace_end {
background-image: url(font/main-21.png);
}
.ace_dark .ace_fold-widget.ace_closed {
background-image: url(font/main-22.png);
}
.ace_dark .ace_fold-widget:hover {
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
background-color: rgba(255, 255, 255, 0.1);
}
.ace_dark .ace_fold-widget:active {
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
}
.ace_inline_button {
border: 1px solid lightgray;
display: inline-block;
margin: -1px 8px;
padding: 0 5px;
pointer-events: auto;
cursor: pointer;
}
.ace_inline_button:hover {
border-color: gray;
background: rgba(200,200,200,0.2);
display: inline-block;
pointer-events: auto;
}
.ace_fold-widget.ace_invalid {
background-color: #FFB4B4;
border-color: #DE5555;
}
.ace_fade-fold-widgets .ace_fold-widget {
transition: opacity 0.4s ease 0.05s;
opacity: 0;
}
.ace_fade-fold-widgets:hover .ace_fold-widget {
transition: opacity 0.05s ease 0.05s;
opacity:1;
}
.ace_underline {
text-decoration: underline;
}
.ace_bold {
font-weight: bold;
}
.ace_nobold .ace_bold {
font-weight: normal;
}
.ace_italic {
font-style: italic;
}
.ace_error-marker {
background-color: rgba(255, 0, 0,0.2);
position: absolute;
z-index: 9;
}
.ace_highlight-marker {
background-color: rgba(255, 255, 0,0.2);
position: absolute;
z-index: 8;
}
.ace_mobile-menu {
position: absolute;
line-height: 1.5;
border-radius: 4px;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
background: white;
box-shadow: 1px 3px 2px grey;
border: 1px solid #dcdcdc;
color: black;
}
.ace_dark > .ace_mobile-menu {
background: #333;
color: #ccc;
box-shadow: 1px 3px 2px grey;
border: 1px solid #444;
}
.ace_mobile-button {
padding: 2px;
cursor: pointer;
overflow: hidden;
}
.ace_mobile-button:hover {
background-color: #eee;
opacity:1;
}
.ace_mobile-button:active {
background-color: #ddd;
}
.ace_placeholder {
position: relative;
font-family: arial;
transform: scale(0.9);
transform-origin: left;
white-space: pre;
opacity: 0.7;
margin: 0 10px;
z-index: 1;
}
.ace_ghost_text {
opacity: 0.5;
font-style: italic;
}
.ace_ghost_text_container > div {
white-space: pre;
}
.ghost_text_line_wrapped::after {
content: "↩";
position: absolute;
}
.ace_lineWidgetContainer.ace_ghost_text {
margin: 0px 4px
}
.ace_screenreader-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.ace_hidden_token {
display: none;
}
/*ace-tm*/
.ace-tm .ace_gutter {
background: #f0f0f0;
color: #333;
}
.ace-tm .ace_print-margin {
width: 1px;
background: #e8e8e8;
}
.ace-tm .ace_fold {
background-color: #6B72E6;
}
.ace-tm {
background-color: #FFFFFF;
color: black;
}
.ace-tm .ace_cursor {
color: black;
}
.ace-tm .ace_invisible {
color: rgb(191, 191, 191);
}
.ace-tm .ace_storage,
.ace-tm .ace_keyword {
color: blue;
}
.ace-tm .ace_constant {
color: rgb(197, 6, 11);
}
.ace-tm .ace_constant.ace_buildin {
color: rgb(88, 72, 246);
}
.ace-tm .ace_constant.ace_language {
color: rgb(88, 92, 246);
}
.ace-tm .ace_constant.ace_library {
color: rgb(6, 150, 14);
}
.ace-tm .ace_invalid {
background-color: rgba(255, 0, 0, 0.1);
color: red;
}
.ace-tm .ace_support.ace_function {
color: rgb(60, 76, 114);
}
.ace-tm .ace_support.ace_constant {
color: rgb(6, 150, 14);
}
.ace-tm .ace_support.ace_type,
.ace-tm .ace_support.ace_class {
color: rgb(109, 121, 222);
}
.ace-tm .ace_keyword.ace_operator {
color: rgb(104, 118, 135);
}
.ace-tm .ace_string {
color: rgb(3, 106, 7);
}
.ace-tm .ace_comment {
color: rgb(76, 136, 107);
}
.ace-tm .ace_comment.ace_doc {
color: rgb(0, 102, 255);
}
.ace-tm .ace_comment.ace_doc.ace_tag {
color: rgb(128, 159, 191);
}
.ace-tm .ace_constant.ace_numeric {
color: rgb(0, 0, 205);
}
.ace-tm .ace_variable {
color: rgb(49, 132, 149);
}
.ace-tm .ace_xml-pe {
color: rgb(104, 104, 91);
}
.ace-tm .ace_entity.ace_name.ace_function {
color: #0000A2;
}
.ace-tm .ace_heading {
color: rgb(12, 7, 255);
}
.ace-tm .ace_list {
color:rgb(185, 6, 144);
}
.ace-tm .ace_meta.ace_tag {
color:rgb(0, 22, 142);
}
.ace-tm .ace_string.ace_regex {
color: rgb(255, 0, 0)
}
.ace-tm .ace_marker-layer .ace_selection {
background: rgb(181, 213, 255);
}
.ace-tm.ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0px white;
}
.ace-tm .ace_marker-layer .ace_step {
background: rgb(252, 255, 0);
}
.ace-tm .ace_marker-layer .ace_stack {
background: rgb(164, 229, 101);
}
.ace-tm .ace_marker-layer .ace_bracket {
margin: -1px 0 0 -1px;
border: 1px solid rgb(192, 192, 192);
}
.ace-tm .ace_marker-layer .ace_active-line {
background: rgba(0, 0, 0, 0.07);
}
.ace-tm .ace_gutter-active-line {
background-color : #dcdcdc;
}
.ace-tm .ace_marker-layer .ace_selected-word {
background: rgb(250, 250, 255);
border: 1px solid rgb(200, 200, 250);
}
.ace-tm .ace_indent-guide {
background: url(font/main-23.png) right repeat-y;
}
.ace-tm .ace_indent-guide-active {
background: url(font/main-24.png) right repeat-y;
}
/*error_marker.css*/
.error_widget_wrapper {
background: inherit;
color: inherit;
border:none
}
.error_widget {
border-top: solid 2px;
border-bottom: solid 2px;
margin: 5px 0;
padding: 10px 40px;
white-space: pre-wrap;
}
.error_widget.ace_error, .error_widget_arrow.ace_error{
border-color: #ff5a5a
}
.error_widget.ace_warning, .error_widget_arrow.ace_warning{
border-color: #F1D817
}
.error_widget.ace_info, .error_widget_arrow.ace_info{
border-color: #5a5a5a
}
.error_widget.ace_ok, .error_widget_arrow.ace_ok{
border-color: #5aaa5a
}
.error_widget_arrow {
position: absolute;
border: solid 5px;
border-top-color: transparent!important;
border-right-color: transparent!important;
border-left-color: transparent!important;
top: -5px;
}
/*codelense.css*/
.ace_codeLens {
position: absolute;
color: #aaa;
font-size: 88%;
background: inherit;
width: 100%;
display: flex;
align-items: flex-end;
pointer-events: none;
}
.ace_codeLens > a {
cursor: pointer;
pointer-events: auto;
}
.ace_codeLens > a:hover {
color: #0000ff;
text-decoration: underline;
}
.ace_dark > .ace_codeLens > a:hover {
color: #4e94ce;
}
/*commandbar.css*/
.ace_tooltip.command_bar_tooltip_wrapper {
padding: 0;
}
.ace_tooltip .command_bar_tooltip {
padding: 1px 5px;
display: flex;
pointer-events: auto;
}
.ace_tooltip .command_bar_tooltip.tooltip_more_options {
padding: 1px;
flex-direction: column;
}
div.command_bar_tooltip_button {
display: inline-flex;
cursor: pointer;
margin: 1px;
border-radius: 2px;
padding: 2px 5px;
align-items: center;
}
div.command_bar_tooltip_button.ace_selected,
div.command_bar_tooltip_button:hover:not(.ace_disabled) {
background-color: rgba(0, 0, 0, 0.1);
}
div.command_bar_tooltip_button.ace_disabled {
color: #777;
pointer-events: none;
}
div.command_bar_tooltip_button .ace_icon_svg {
height: 12px;
background-color: #000;
}
div.command_bar_tooltip_button.ace_disabled .ace_icon_svg {
background-color: #777;
}
.command_bar_tooltip.tooltip_more_options .command_bar_tooltip_button {
display: flex;
}
.command_bar_tooltip.command_bar_button_value {
display: none;
}
.command_bar_tooltip.tooltip_more_options .command_bar_button_value {
display: inline-block;
width: 12px;
}
.command_bar_button_caption {
display: inline-block;
}
.command_bar_keybinding {
margin: 0 2px;
display: inline-block;
font-size: 8px;
}
.command_bar_tooltip.tooltip_more_options .command_bar_keybinding {
margin-left: auto;
}
.command_bar_keybinding div {
display: inline-block;
min-width: 8px;
padding: 2px;
margin: 0 1px;
border-radius: 2px;
background-color: #ccc;
text-align: center;
}
.ace_dark.ace_tooltip .command_bar_tooltip {
background-color: #373737;
color: #eee;
}
.ace_dark div.command_bar_tooltip_button.ace_disabled {
color: #979797;
}
.ace_dark div.command_bar_tooltip_button.ace_selected,
.ace_dark div.command_bar_tooltip_button:hover:not(.ace_disabled) {
background-color: rgba(255, 255, 255, 0.1);
}
.ace_dark div.command_bar_tooltip_button .ace_icon_svg {
background-color: #eee;
}
.ace_dark div.command_bar_tooltip_button.ace_disabled .ace_icon_svg {
background-color: #979797;
}
.ace_dark .command_bar_tooltip_button.ace_disabled {
color: #979797;
}
.ace_dark .command_bar_keybinding div {
background-color: #575757;
}
.ace_checkmark::before {
content: '✓';
}
/*snippets.css*/
.ace_snippet-marker {
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(194, 193, 208, 0.09);
border: 1px dotted rgba(211, 208, 235, 0.62);
position: absolute;
}
/*autocompletion.css*/
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
background-color: #CAD6FA;
z-index: 1;
}
.ace_dark.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
background-color: #3a674e;
}
.ace_editor.ace_autocomplete .ace_line-hover {
border: 1px solid #abbffe;
margin-top: -1px;
background: rgba(233,233,253,0.4);
position: absolute;
z-index: 2;
}
.ace_dark.ace_editor.ace_autocomplete .ace_line-hover {
border: 1px solid rgba(109, 150, 13, 0.8);
background: rgba(58, 103, 78, 0.62);
}
.ace_completion-meta {
opacity: 0.5;
margin-left: 0.9em;
}
.ace_completion-message {
margin-left: 0.9em;
color: blue;
}
.ace_editor.ace_autocomplete .ace_completion-highlight{
color: #2d69c7;
}
.ace_dark.ace_editor.ace_autocomplete .ace_completion-highlight{
color: #93ca12;
}
.ace_editor.ace_autocomplete {
width: 300px;
z-index: 200000;
border: 1px lightgray solid;
position: fixed;
box-shadow: 2px 3px 5px rgba(0,0,0,.2);
line-height: 1.4;
background: #fefefe;
color: #111;
}
.ace_dark.ace_editor.ace_autocomplete {
border: 1px #484747 solid;
box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.51);
line-height: 1.4;
background: #25282c;
color: #c1c1c1;
}
.ace_autocomplete .ace_text-layer  {
width: calc(100% - 8px);
}
.ace_autocomplete .ace_line {
display: flex;
align-items: center;
}
.ace_autocomplete .ace_line > * {
min-width: 0;
flex: 0 0 auto;
}
.ace_autocomplete .ace_line .ace_ {
flex: 0 1 auto;
overflow: hidden;
text-overflow: ellipsis;
}
.ace_autocomplete .ace_completion-spacer {
flex: 1;
}
.ace_autocomplete.ace_loading:after  {
content: "";
position: absolute;
top: 0px;
height: 2px;
width: 8%;
background: blue;
z-index: 100;
animation: ace_progress 3s infinite linear;
animation-delay: 300ms;
transform: translateX(-100%) scaleX(1);
}
@keyframes ace_progress {
0% { transform: translateX(-100%) scaleX(1) }
50% { transform: translateX(625%) scaleX(2) } 
100% { transform: translateX(1500%) scaleX(3) } 
}
@media (prefers-reduced-motion) {
.ace_autocomplete.ace_loading:after {
transform: translateX(625%) scaleX(2);
animation: none;
}
}
/*inlineautocomplete.css*/
.ace_icon_svg.ace_arrow,
.ace_icon_svg.ace_arrow_rotated {
-webkit-mask-image: url(font/main-25.svg);
}
.ace_icon_svg.ace_arrow_rotated {
transform: rotate(180deg);
}
div.command_bar_tooltip_button.completion_position {
padding: 0;
}
/*settings_menu.css*/
#ace_settingsmenu, #kbshortcutmenu {
background-color: #F7F7F7;
color: black;
box-shadow: -5px 4px 5px rgba(126, 126, 126, 0.55);
padding: 1em 0.5em 2em 1em;
overflow: auto;
position: absolute;
margin: 0;
bottom: 0;
right: 0;
top: 0;
z-index: 9991;
cursor: default;
}
.ace_dark #ace_settingsmenu, .ace_dark #kbshortcutmenu {
box-shadow: -20px 10px 25px rgba(126, 126, 126, 0.25);
background-color: rgba(255, 255, 255, 0.6);
color: black;
}
.ace_optionsMenuEntry:hover {
background-color: rgba(100, 100, 100, 0.1);
transition: all 0.3s
}
.ace_closeButton {
background: rgba(245, 146, 146, 0.5);
border: 1px solid #F48A8A;
border-radius: 50%;
padding: 7px;
position: absolute;
right: -8px;
top: -8px;
z-index: 100000;
}
.ace_closeButton{
background: rgba(245, 146, 146, 0.9);
}
.ace_optionsMenuKey {
color: darkslateblue;
font-weight: bold;
}
.ace_optionsMenuCommand {
color: darkcyan;
font-weight: normal;
}
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button {
vertical-align: middle;
}
.ace_optionsMenuEntry button[ace_selected_button=true] {
background: #e7e7e7;
box-shadow: 1px 0px 2px 0px #adadad inset;
border-color: #adadad;
}
.ace_optionsMenuEntry button {
background: white;
border: 1px solid lightgray;
margin: 0px;
}
.ace_optionsMenuEntry button:hover{
background: #f0f0f0;
}
/*promtp.css*/
.ace_prompt_container {
max-width: 603px;
width: 100%;
margin: 20px auto;
padding: 3px;
background: white;
border-radius: 2px;
box-shadow: 0px 2px 3px 0px #555;
}
/*ace_searchbox*/
/* ------------------------------------------------------------------------------------------
* Editor Search Form
* --------------------------------------------------------------------------------------- */
.ace_search {
background-color: #ddd;
color: #666;
border: 1px solid #cbcbcb;
border-top: 0 none;
overflow: hidden;
margin: 0;
padding: 4px 6px 0 4px;
position: absolute;
top: 0;
z-index: 99;
white-space: normal;
}
.ace_search.left {
border-left: 0 none;
border-radius: 0px 0px 5px 0px;
left: 0;
}
.ace_search.right {
border-radius: 0px 0px 0px 5px;
border-right: 0 none;
right: 0;
}
.ace_search_form, .ace_replace_form {
margin: 0 20px 4px 0;
overflow: hidden;
line-height: 1.9;
}
.ace_replace_form {
margin-right: 0;
}
.ace_search_form.ace_nomatch {
outline: 1px solid red;
}
.ace_search_field {
border-radius: 3px 0 0 3px;
background-color: white;
color: black;
border: 1px solid #cbcbcb;
border-right: 0 none;
outline: 0;
padding: 0;
font-size: inherit;
margin: 0;
line-height: inherit;
padding: 0 6px;
min-width: 17em;
vertical-align: top;
min-height: 1.8em;
box-sizing: content-box;
}
.ace_searchbtn {
border: 1px solid #cbcbcb;
line-height: inherit;
display: inline-block;
padding: 0 6px;
background: #fff;
border-right: 0 none;
border-left: 1px solid #dcdcdc;
cursor: pointer;
margin: 0;
position: relative;
color: #666;
}
.ace_searchbtn:last-child {
border-radius: 0 3px 3px 0;
border-right: 1px solid #cbcbcb;
}
.ace_searchbtn:disabled {
background: none;
cursor: default;
}
.ace_searchbtn:hover {
background-color: #eef1f6;
}
.ace_searchbtn.prev, .ace_searchbtn.next {
padding: 0px 0.7em
}
.ace_searchbtn.prev:after, .ace_searchbtn.next:after {
content: "";
border: solid 2px #888;
width: 0.5em;
height: 0.5em;
border-width:  2px 0 0 2px;
display:inline-block;
transform: rotate(-45deg);
}
.ace_searchbtn.next:after {
border-width: 0 2px 2px 0 ;
}
.ace_searchbtn_close {
background: url(font/main-26.png) no-repeat 50% 0;
border-radius: 50%;
border: 0 none;
color: #656565;
cursor: pointer;
font: 16px/16px Arial;
padding: 0;
height: 14px;
width: 14px;
top: 9px;
right: 7px;
position: absolute;
}
.ace_searchbtn_close:hover {
background-color: #656565;
background-position: 50% 100%;
color: white;
}
.ace_button {
margin-left: 2px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
opacity: 0.7;
border: 1px solid rgba(100,100,100,0.23);
padding: 1px;
box-sizing:    border-box!important;
color: black;
}
.ace_button:hover {
background-color: #eee;
opacity:1;
}
.ace_button:active {
background-color: #ddd;
}
.ace_button.checked {
border-color: #3399ff;
opacity:1;
}
.ace_search_options{
margin-bottom: 3px;
text-align: right;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
clear: both;
}
.ace_search_counter {
float: left;
font-family: arial;
padding: 0 8px;
}
/*incremental-occur-highlighting*/
.ace_occur-highlight {
border-radius: 4px;
background-color: rgba(87, 255, 8, 0.25);
position: absolute;
z-index: 4;
box-sizing: border-box;
box-shadow: 0 0 4px rgb(91, 255, 50);
}
.ace_dark .ace_occur-highlight {
background-color: rgb(80, 140, 85);
box-shadow: 0 0 4px rgb(60, 120, 70);
}
/*incremental-search-highlighting*/
.ace_marker-layer .ace_isearch-result {
position: absolute;
z-index: 6;
box-sizing: border-box;
}
div.ace_isearch-result {
border-radius: 4px;
background-color: rgba(255, 200, 0, 0.5);
box-shadow: 0 0 4px rgb(255, 200, 0);
}
.ace_dark div.ace_isearch-result {
background-color: rgb(100, 110, 160);
box-shadow: 0 0 4px rgb(80, 90, 140);
}
/*emacsMode*/
.emacs-mode .ace_cursor{
border: 1px rgba(50,250,50,0.8) solid!important;
box-sizing: border-box!important;
background-color: rgba(0,250,0,0.9);
opacity: 0.5;
}
.emacs-mode .ace_hidden-cursors .ace_cursor{
opacity: 1;
background-color: transparent;
}
.emacs-mode .ace_overwrite-cursors .ace_cursor {
opacity: 1;
background-color: transparent;
border-width: 0 0 2px 2px !important;
}
.emacs-mode .ace_text-layer {
z-index: 4
}
.emacs-mode .ace_cursor-layer {
z-index: 2
}
/*vimMode*/
.normal-mode .ace_cursor{
border: none;
background-color: rgba(255,0,0,0.5);
}
.normal-mode .ace_hidden-cursors .ace_cursor{
background-color: transparent;
border: 1px solid red;
opacity: 0.7
}
.ace_dialog {
position: absolute;
left: 0; right: 0;
background: inherit;
z-index: 15;
padding: .1em .8em;
overflow: hidden;
color: inherit;
}
.ace_dialog-top {
border-bottom: 1px solid #444;
top: 0;
}
.ace_dialog-bottom {
border-top: 1px solid #444;
bottom: 0;
}
.ace_dialog input {
border: none;
outline: none;
background: transparent;
width: 20em;
color: inherit;
font-family: monospace;
}
.ace-dreamweaver .ace_gutter {
  background: #e8e8e8;
  color: #333;
}

.ace-dreamweaver .ace_print-margin {
  width: 1px;
  background: #e8e8e8;
}

.ace-dreamweaver {
  background-color: #FFFFFF;
  color: black;
}

.ace-dreamweaver .ace_fold {
    background-color: #757AD8;
}

.ace-dreamweaver .ace_cursor {
  color: black;
}
        
.ace-dreamweaver .ace_invisible {
  color: rgb(191, 191, 191);
}

.ace-dreamweaver .ace_storage,
.ace-dreamweaver .ace_keyword {
  color: blue;
}

.ace-dreamweaver .ace_constant.ace_buildin {
  color: rgb(88, 72, 246);
}

.ace-dreamweaver .ace_constant.ace_language {
  color: rgb(88, 92, 246);
}

.ace-dreamweaver .ace_constant.ace_library {
  color: rgb(6, 150, 14);
}

.ace-dreamweaver .ace_invalid {
  background-color: rgb(153, 0, 0);
  color: white;
}

.ace-dreamweaver .ace_support.ace_function {
  color: rgb(60, 76, 114);
}

.ace-dreamweaver .ace_support.ace_constant {
  color: rgb(6, 150, 14);
}

.ace-dreamweaver .ace_support.ace_type,
.ace-dreamweaver .ace_support.ace_class {
  color: #009;
}

.ace-dreamweaver .ace_support.ace_php_tag {
  color: #f00;
}

.ace-dreamweaver .ace_keyword.ace_operator {
  color: rgb(104, 118, 135);
}

.ace-dreamweaver .ace_string {
  color: #00F;
}

.ace-dreamweaver .ace_comment {
  color: rgb(76, 136, 107);
}

.ace-dreamweaver .ace_comment.ace_doc {
  color: rgb(0, 102, 255);
}

.ace-dreamweaver .ace_comment.ace_doc.ace_tag {
  color: rgb(128, 159, 191);
}

.ace-dreamweaver .ace_constant.ace_numeric {
  color: rgb(0, 0, 205);
}

.ace-dreamweaver .ace_variable {
  color: #06F
}

.ace-dreamweaver .ace_xml-pe {
  color: rgb(104, 104, 91);
}

.ace-dreamweaver .ace_entity.ace_name.ace_function {
  color: #00F;
}


.ace-dreamweaver .ace_heading {
  color: rgb(12, 7, 255);
}

.ace-dreamweaver .ace_list {
  color:rgb(185, 6, 144);
}

.ace-dreamweaver .ace_marker-layer .ace_selection {
  background: rgb(181, 213, 255);
}

.ace-dreamweaver .ace_marker-layer .ace_step {
  background: rgb(252, 255, 0);
}

.ace-dreamweaver .ace_marker-layer .ace_stack {
  background: rgb(164, 229, 101);
}

.ace-dreamweaver .ace_marker-layer .ace_bracket {
  margin: -1px 0 0 -1px;
  border: 1px solid rgb(192, 192, 192);
}

.ace-dreamweaver .ace_marker-layer .ace_active-line {
  background: rgba(0, 0, 0, 0.07);
}

.ace-dreamweaver .ace_gutter-active-line {
  background-color : #DCDCDC;
}

.ace-dreamweaver .ace_marker-layer .ace_selected-word {
  background: rgb(250, 250, 255);
  border: 1px solid rgb(200, 200, 250);
}

.ace-dreamweaver .ace_meta.ace_tag {
  color:#009;
}

.ace-dreamweaver .ace_meta.ace_tag.ace_anchor {
  color:#060;
}

.ace-dreamweaver .ace_meta.ace_tag.ace_form {
  color:#F90;
}

.ace-dreamweaver .ace_meta.ace_tag.ace_image {
  color:#909;
}

.ace-dreamweaver .ace_meta.ace_tag.ace_script {
  color:#900;
}

.ace-dreamweaver .ace_meta.ace_tag.ace_style {
  color:#909;
}

.ace-dreamweaver .ace_meta.ace_tag.ace_table {
  color:#099;
}

.ace-dreamweaver .ace_string.ace_regex {
  color: rgb(255, 0, 0)
}

.ace-dreamweaver .ace_indent-guide {
  background: url(font/dreamweaver-1.png) right repeat-y;
}

.ace-dreamweaver .ace_indent-guide-active {
  background: url(font/dreamweaver-2.png) right repeat-y;
} 

.ace-ambiance .ace_gutter {
  background-color: #3d3d3d;
  background-image: linear-gradient(left, #3D3D3D, #333);
  background-repeat: repeat-x;
  border-right: 1px solid #4d4d4d;
  text-shadow: 0px 1px 1px #4d4d4d;
  color: #222;
}

.ace-ambiance .ace_gutter-layer {
  background: repeat left top;
}

.ace-ambiance .ace_gutter-active-line {
  background-color: #3F3F3F;
}

.ace-ambiance .ace_fold-widget {
  text-align: center;
}

.ace-ambiance .ace_fold-widget:hover {
  color: #777;
}

.ace-ambiance .ace_fold-widget.ace_start,
.ace-ambiance .ace_fold-widget.ace_end,
.ace-ambiance .ace_fold-widget.ace_closed{
  background: none !important;
  border: none;
  box-shadow: none;
}

.ace-ambiance .ace_fold-widget.ace_start:after {
  content: '▾'
}

.ace-ambiance .ace_fold-widget.ace_end:after {
  content: '▴'
}

.ace-ambiance .ace_fold-widget.ace_closed:after {
  content: '‣'
}

.ace-ambiance .ace_print-margin {
  border-left: 1px dotted #2D2D2D;
  right: 0;
  background: #262626;
}

.ace-ambiance .ace_scroller {
  -webkit-box-shadow: inset 0 0 10px black;
  -moz-box-shadow: inset 0 0 10px black;
  -o-box-shadow: inset 0 0 10px black;
  box-shadow: inset 0 0 10px black;
}

.ace-ambiance {
  color: #E6E1DC;
  background-color: #202020;
}

.ace-ambiance .ace_cursor {
  border-left: 1px solid #7991E8;
}

.ace-ambiance .ace_overwrite-cursors .ace_cursor {
  border: 1px solid #FFE300;
  background: #766B13;
}

.ace-ambiance.normal-mode .ace_cursor-layer {
  z-index: 0;
}
 
.ace-ambiance .ace_marker-layer .ace_selection {
  background: rgba(221, 240, 255, 0.20);
}

.ace-ambiance .ace_marker-layer .ace_selected-word {
  border-radius: 4px;
  border: 8px solid #3f475d;
  box-shadow: 0 0 4px black;
}

.ace-ambiance .ace_marker-layer .ace_step {
  background: rgb(198, 219, 174);
}

.ace-ambiance .ace_marker-layer .ace_bracket {
  margin: -1px 0 0 -1px;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.ace-ambiance .ace_marker-layer .ace_active-line {
  background: rgba(255, 255, 255, 0.031);
}

.ace-ambiance .ace_invisible {
  color: #333;
}

.ace-ambiance .ace_paren {
  color: #24C2C7;
}

.ace-ambiance .ace_keyword {
  color: #cda869;
}

.ace-ambiance .ace_keyword.ace_operator {
  color: #fa8d6a;
}

.ace-ambiance .ace_punctuation.ace_operator {
  color: #fa8d6a;
}

.ace-ambiance .ace_identifier {
}

.ace-ambiance .ace-statement {
  color: #cda869;
}

.ace-ambiance .ace_constant {
  color: #CF7EA9;
}

.ace-ambiance .ace_constant.ace_language {
  color: #CF7EA9;
}

.ace-ambiance .ace_constant.ace_library {
  
}

.ace-ambiance .ace_constant.ace_numeric {
  color: #78CF8A;
}

.ace-ambiance .ace_invalid {
  text-decoration: underline;
}

.ace-ambiance .ace_invalid.ace_illegal {
  color:#F8F8F8;
  background-color: rgba(86, 45, 86, 0.75);
}

.ace-ambiance .ace_invalid,
.ace-ambiance .ace_deprecated {
  text-decoration: underline;
  font-style: italic;
  color: #D2A8A1;
}

.ace-ambiance .ace_support {
  color: #9B859D;
}

.ace-ambiance .ace_support.ace_function {
  color: #DAD085;
}

.ace-ambiance .ace_function.ace_buildin {
  color: #9b859d;
}

.ace-ambiance .ace_string {
  color: #8f9d6a;
}

.ace-ambiance .ace_string.ace_regexp {
  color: #DAD085;
}

.ace-ambiance .ace_comment {
  font-style: italic;
  color: #555;
}

.ace-ambiance .ace_comment.ace_doc {
}

.ace-ambiance .ace_comment.ace_doc.ace_tag {
  color: #666;
  font-style: normal;
}

.ace-ambiance .ace_definition,
.ace-ambiance .ace_type {
  color: #aac6e3;
}

.ace-ambiance .ace_variable {
  color: #9999cc;
}

.ace-ambiance .ace_variable.ace_language {
  color: #9b859d;
}

.ace-ambiance .ace_xml-pe {
  color: #494949;
}

.ace-ambiance .ace_gutter-layer,
.ace-ambiance .ace_text-layer {
  background-image: url(font/ambiance-1.png);
}

.ace-ambiance .ace_indent-guide {
  background: url(font/ambiance-2.png) right repeat-y;
}

.ace-ambiance .ace_indent-guide-active {
  background: url(font/ambiance-3.png) right repeat-y;
}

[data-color=danger].validation-message {
    color: var(--danger, var(--bs-danger));
}

[data-color=warning].validation-message {
    color: var(--warning, var(--bs-warning));
}

[data-color=info].validation-message {
    color: var(--info, var(--bs-info));
}

.validation-message {
    display: none;
}

@media (max-width: 575.98px) {
    .validation-message {
        display: block;
        word-break: break-word;
    }
}

.xaf-btn.disabled {
    opacity: 0.65;
    pointer-events: none;
}

.btn-lg .xaf-dx-button-image {
    height: 36px !important;
    width: 36px !important;
    mask-size: 36px !important;
    -webkit-mask-size: 36px !important;
    opacity: 0.85;
}
/* Loading Panel Start */
.xaf-loading {
    position: absolute;
    display: none;
    background-color: transparent;
    z-index: 100000;
}

    .xaf-loading.show {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

.xaf-loading-content {
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3em;
    border-radius: 2em;
    border: .5px solid var(--text-muted);
    box-shadow: 0px 2px 12px 0 rgba(0, 0, 0, 0.36);
}

    .xaf-loading-content .spinner-border {
        margin-right: 0.4em;
        margin-left: 0.4em;
    }

    .xaf-loading-content > span {
        margin-right: 1em;
        margin-left: 0.3em;
    }
/* Loading Panel End */
/* Navigation Start */
.dxbs-tree .xaf-nav-menu-item-icon {
    margin-right: 5px;
}

.dxbs-tree > .dxbl-navigation-filter {
    width: auto;
    margin: 1rem 0.5rem 0.5rem;
}

.xaf-tree-view {
    height: calc(100% - 1.5rem);
}

.xaf-combobox-with-template .dxbl-text-edit-template .dxbl-text-edit-input {
    width: 100%
}

.xaf-caption-icon,
.xaf-context-menu-item-icon,
.xaf-nav-menu-item-icon,
.xaf-toolbar-item-icon,
.xaf-layout-tab-icon,
.xaf-layout-group-icon,
.xaf-grid-item-icon,
.xaf-combobox-icon {
    max-width: 16px;
    max-height: 16px;
    width: 16px;
    height: 16px;
}
.xaf-combobox-coloritem {
    margin: 0 0.5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}
.xaf-grid-item-icon,
.xaf-combobox-icon {
    margin-right: .25rem;
}
.xaf-grid-command-button .dxbl-image {
    --dxbl-image-margin-x: 0;
    --dxbl-image-margin-y: 0;
}

.dxbl-align-right > .xaf-grid-display-item,
.dxbl-align-right > .xaf-combobox-item {
    justify-content: flex-end;
}
.xaf-image-cell > .xaf-grid-display-item,
.dxbl-align-center > .xaf-grid-display-item,
.dxbl-align-center > .xaf-combobox-item {
    justify-content: center;
}
.xaf-image-cell > .xaf-grid-display-item,
.dxbl-align-center > .xaf-grid-display-item,
.dxbl-align-right > .xaf-grid-display-item {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    justify-items: center;
    margin: calc(var(--dxbl-grid-text-cell-padding-y)* -1) 0;
}
.xaf-image-cell > .xaf-grid-display-item > .xaf-grid-item-icon,
.dxbl-align-center > .xaf-grid-display-item > .xaf-grid-item-icon,
.dxbl-align-right > .xaf-grid-display-item > .xaf-grid-item-icon {
    justify-self: left;
}
.dxbl-align-right > .xaf-grid-display-item > span {
    grid-column-start: 3;
    justify-self: right;
}
.xaf-image-cell > .xaf-grid-display-item > span,
.dxbl-align-center > .xaf-grid-display-item > span {
    grid-column-start: 2;
}
.xaf-grid-display-item .dxbl-checkbox > div {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.xaf-image-cell .xaf-grid-item-icon {
    margin-left: var(--dxbl-grid-text-cell-padding-x);
}

.xaf-grid-display-item,
.xaf-combobox-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    min-height: 1lh;
}
.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 {
  border-left: 0;
  border-right: 0;
}

.xaf-navmenu span.xaf-nav-menu-item-icon { /* hide icons with image url == null */
    display: none;
}

.xaf-nav-item {
    overflow: hidden;
}

li.xaf-nav-item > a {
    position: relative;
}
/*div.xaf-nav-item > a > .dxbl-accordion-item-text-container {
    position: relative;
}*/
.clickable-xaf-nav-item > a .xaf-nav-link,
.clickable-xaf-nav-item > div > a .xaf-nav-link {
    text-decoration: underline;
}

.dxbl-accordion-group-header > a {
    color: inherit;
}

.dxbl-accordion-group-header .xaf-nav-link {
    font-weight: 600;
}

.xaf-navigation-link-click-area {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.dxbl-accordion-items-container .dxbl-group-expand-btn,
.xaf-tree-view .xaf-nav-item .btn-link {
    z-index: 5;
}

.dxbl-accordion-group-header > .dxbl-text {
    padding-top: 0;
    padding-bottom: 0;
}

.dxbl-accordion-items-container .dxbl-group {
    border-radius: 0;
}
/* Fill parent to enlarge click area */
.xaf-navmenu.dxbl-tree .xaf-nav-link {
    flex: auto;
    align-self: stretch;
    margin: -.125rem -0.625rem -.125rem 0;
    padding: .125rem 0;
    display: flex;
    align-items: center;
}

xaf-navigation-click-helper {
    display: block;
}

/* Navigation End */
/* Template Start */
.xaf-flex-auto {
    flex: auto;
}

.header {
    z-index: 1030;
    min-height: 3.1rem;
    word-wrap: inherit;
}

.collapse-toggle .main {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.collapse-toggle .header-left-side {
    max-width: 270px;
    width: auto;
    min-width: auto;
}

.header-left-side {
    min-width: 270px;
    width: 270px
}

.btn-header {
    min-width: 2.25rem;
    min-height: 2.25rem;
    border: none;
    background-color: transparent;
    background-image: none;
    color: inherit;
    box-shadow: none;
}

.header .btn-header.btn-secondary:focus {
    outline-color: var(--dxbl-btn-focus-outline-color);
    outline-offset: var(--dxbl-btn-focus-outline-size);
    outline-width: var(--dxbl-btn-focus-outline-size);
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.header .btn-header.btn-secondary:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.sidebar {
    min-width: 270px;
    width: 270px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
}

.sidebar-sm-shadow {
    display: none;
}

.app .main > div.main-content:first-child {
    padding-top: 1rem;
}

.about-info {
    font-size: 0.7rem;
    line-height: 0.9rem;
    opacity: .5;
}


.xaf-wrap-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
}
dxbl-grid.dxbl-grid-nowrap .xaf-wrap-ellipsis {
    white-space: nowrap;
}
.xaf-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.collapse-toggle .sidebar,
.collapse-toggle .header-logo {
    display: none !important;
}

.nested-toolbar {
    padding-bottom: 0.75rem;
}

.nested-toolbar:empty,
.main-toolbar:empty {
    padding: 0 !important;
}

.nested-content > .grid-content {
    overflow-x: auto;
}

.header:not(.xaf-detail-view-header.xaf-show-navigate-back-action) .navigate-back-icon-container {
    display: none;
}

.header-right-side .navigate-back-icon-container.dxbl-btn:hover {
    background-color: rgba(var(--bs-body-color-rgb), 5%);
}

@media (max-width: 575.98px) {

    .xaf-detail-view-header.xaf-show-navigate-back-action .header-left-side {
        display: none !important;
    }

    .header-left-side {
        width: auto;
        min-width: auto;
    }
    .header-left-side .header-logo {
        display: none;
    }

    .collapse-toggle .sidebar {
        display: flex !important;
    }

    .collapse-toggle .sidebar-sm-shadow {
        left: 270px;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 15;
        background-color: black;
        opacity: 0.3;
    }

    .xaf-alert {
        width: 100%;
    }
}

.xaf-skip-navigation-link {
    background: 0 0;
    border: var(--dxbl-btn-focus-outline-size) solid var(--dxbl-btn-focus-outline-color);
    border-radius: 2px;
    font-size: 17px;
    left: 10px;
    opacity: 0;
    padding: 8px 16px;
    position: absolute;
    text-decoration: underline;
    top: -3.8rem;
    transition: .15s ease-in-out;
    z-index: 1040;
}

.xaf-skip-navigation-link:focus {
    background: var(--dxbl-popup-bg);
    color: var(--dxbl-popup-color);
    opacity: 1;
    outline: 0;
    top: 10px;
}

#main-view-content {
    outline: none;
}
.xaf-tab-header-template {
    align-items: center;
    background-color: transparent;
    border: none;
    box-shadow: none !important;
    color: var(--dxbl-tabs-color);
    display: flex;
    outline-color: var(--dxbl-btn-focus-outline-color);
    outline-offset: var(--dxbl-btn-focus-outline-size);
    outline-width: var(--dxbl-btn-focus-outline-size);
    padding: 0;
    -webkit-box-shadow: none !important;
}
.xaf-tabbed-mdi.dxbl-sm {
    --tab-title-text-padding: 0.1875rem;
    --tab-title-text-line-height: 1.25rem;
}
.xaf-tabbed-mdi:not(.dxbl-sm) {
    --tab-title-text-padding: 0.25rem;
    --tab-title-text-line-height: 1.3rem;
}
.xaf-tabbed-mdi {
    --tab-title-text-height: calc(var(--tab-title-text-padding) * 2 + var(--tab-title-text-line-height) + 2px);
}

.xaf-tabbed-mdi .dxbl-tabs-content-panel.dxbl-loaded {
    height: calc(100% - var(--dxbl-tabs-tab-padding-y) * 2 - var(--tab-title-text-height) - 2px);
}
.xaf-tabbed-mdi .dxbl-tabs-content-panel.dxbl-loaded .dxbl-tabs-content.dxbl-active {
    height: 100%;
}
.xaf-tabbed-mdi .dxbl-tabs-content-panel {
    height: 100%;
}
.xaf-tabbed-mdi .xaf-tab-header-template .xaf-layout-tab-icon {
    margin-right: var(--dxbl-tabs-image-spacing);
}
.xaf-tabbed-mdi .xaf-tab-header-template .xaf-close-tab-button {
    margin-left: var(--dxbl-tabs-image-spacing);
}
/* Template End */
/* Common Start */
.cursor-pointer {
    cursor: pointer;
}

.white-space-pre-line {
    white-space: pre-line;
}

.image-40 {
    width: 40px;
    height: 40px;
}

.image-24 {
    width: 24px;
    height: 24px;
}

.image-16 {
    width: 16px;
    height: 16px;
}

.image-8 {
    width: 8px;
    height: 8px;
}

div.image-40,
div.image-24,
div.image-16,
div.image-8 {
    background-color: currentColor;
}

/* Common End */
/* ViewCaptionComponent Start */

/*.dxbl-popup.xafPopup .dxbl-modal-header,*/
.dxbl-popup.xafPopup .dxbl-modal-header .dxbl-modal-header-default,
.xaf-caption-container {
    max-width: 100%;
}
.xaf-caption-icon-container + .xaf-caption-container {
    max-width: calc(100% - 35.99px - 0.5rem);
}

.xaf-view-caption-sm {
    font-size: 0.9rem;
    line-height: 1.1rem;
}

.xaf-view-caption-lg {
    font-size: 1.3rem;
    font-weight: 600;
    padding-bottom: .125rem; /*To alignment with Logo and other buttons*/
}

.xaf-object-caption {
    font-size: 1rem;
    line-height: 1.3rem;
}

.view-caption-root {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.xaf-caption-icon-container {
    background: rgba(var(--bs-body-color-rgb), 5%);
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 18px;
    margin-right: 0.5rem;
}

/* ViewCaptionComponent End */
/*Prevent Pull-Down-To-Refresh-In-Chrome Start*/
@media (max-width: 575.98px) {

    body,
    .app {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
        margin: 0;
        overflow-y: hidden;
    }

    body {
        z-index: 1;
    }

    .app {
        z-index: 2;
    }
}

/*Prevent Pull-Down-To-Refresh-In-Chrome End*/
/* Layout End */
/*Toasts Start*/
@keyframes toast-animation-moving-up {
    0% {
        transform: translateY(3rem);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes toast-animation-moving-down {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(3rem);
    }
}

@keyframes toast-animation-up {
    0% {
        opacity: 0;
        transform: translateY(3rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes toast-animation-down {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(3rem);
    }
}

.xaf-alerts-stack {
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    z-index: 31000;
    width: 100%;
    height: 100%;
    padding: 0px 8px;
    pointer-events: none;
    padding-top: .5rem;
}

.xaf-alerts-stack-inner {
    width: 600px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.xaf-alerts-stack-scrollable {
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: all;
}

    .xaf-alerts-stack-scrollable.scrolling-enabled {
        overflow: auto;
    }

@media (min-width: 575.98px) {
    /* common browsers */
    .xaf-alerts-stack-scrollable::-webkit-scrollbar {
        display: none;
    }

    .xaf-alerts-stack-scrollable {
        scrollbar-width: none; /* Firefox */
    }
}

.xaf-alert-message {
    word-break: break-word;
}

.xaf-alert-header {
    word-break: break-word;
    font-weight: 700;
}

.xaf-alert {
    pointer-events: all;
    display: none;
    align-items: center;
    -moz-transition: initial;
    -webkit-transition: initial;
    -o-transition: initial;
    padding: 0 .375rem 0 0;
    transition: initial;
    margin-bottom: .5rem
}

    .xaf-alert > .xaf-image {
        margin-left: .75rem;
    }

    .xaf-alert.show {
        display: flex;
    }

    .xaf-alert.showing:not(:last-child) {
        -moz-animation: toast-animation-moving-up backwards ease-out .25s;
        -webkit-animation: toast-animation-moving-up backwards ease-out .25s;
        -o-animation: toast-animation-moving-up backwards ease-out .25s;
        animation: toast-animation-moving-up backwards ease-out .25s;
    }

    .xaf-alert.showing:last-child {
        -moz-animation: toast-animation-up backwards ease-out .5s;
        -webkit-animation: toast-animation-up backwards ease-out .5s;
        -o-animation: toast-animation-up backwards ease-out .5s;
        animation: toast-animation-up backwards ease-out .5s;
    }

    .xaf-alert.hiding {
        -moz-animation: toast-animation-down backwards ease-in .5s;
        -webkit-animation: toast-animation-down backwards ease-in .5s;
        -o-animation: toast-animation-down backwards ease-in .5s;
        animation: toast-animation-down backwards ease-in .5s;
    }

    .xaf-alert.moving-down {
        -moz-animation: toast-animation-moving-down backwards ease-in .5s;
        -webkit-animation: toast-animation-moving-down backwards ease-in .5s;
        -o-animation: toast-animation-moving-down backwards ease-in .5s;
        animation: toast-animation-moving-down backwards ease-in .5s;
    }

.xaf-alert-text-container {
    display: flex;
    min-width: 0px;
    flex-direction: column;
    justify-content: center;
    flex: auto;
    padding: 0.75rem;
}

.xaf-alert-action-container {
    display: flex;
    justify-content: flex-end;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
}

.xaf-alert-button {
    display: flex;
    align-self: stretch;
    align-items: center;
    background-color: transparent;
    border: none;
    padding: 0 .375rem;
}

    .xaf-alert-button:disabled {
        opacity: .65;
    }

    .xaf-alert-button:focus {
        outline: 0;
    }

    .xaf-alert-button:hover {
        opacity: .75
    }

    .xaf-alert-button:active {
        opacity: .5
    }

.xaf-alert-title {
    font-size: 14px;
    font-weight: 600;
}

.xaf-alert-summary {
    background-color: #3e3e3e !important;
}

.xaf-alert-settings-container {
    position: absolute;
    top: 0;
    bottom: 0;
}

    .xaf-alert-settings-container .xaf-alert-inner-settings-container {
        width: 0;
        padding: 0;
        flex-shrink: 1;
        overflow: hidden;
        -webkit-transition: width .5s ease-in-out;
        -moz-transition: width .5s ease-in-out;
        -o-transition: width .5s ease-in-out;
        transition: width .5s ease-in-out;
    }

    .xaf-alert-settings-container .xaf-alert-inner-settings-button {
        overflow: hidden;
        white-space: nowrap;
    }

.xaf-alert-action-container.invisible .xaf-alert-button {
    padding: 0;
    margin: 0 .375rem;
}

@media (min-width: 575.98px) {
    .xaf-alert-settings-container:hover .xaf-alert-inner-settings-container {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .xaf-alert-settings-container.hover .xaf-alert-inner-settings-container {
        width: 100%;
    }
}
/*Toasts End*/
/*Progress Start*/
.xaf-image-editor,
.progress-container {
    width: 100%;
    height: 100%;
    position: relative;
}

/*Progress End*/

/*Protected Content - Start*/
.xaf-protected-content-detail-view {
    position: absolute;
    right: 0.65em;
    align-self: center;
}

.xaf-protected-content-icon {
    opacity: 0.7;
    margin: 0 auto;
}

.dxbl-grid-group-row .xaf-protected-content-icon {
    display: inline-flex;
}

.xaf-protected-content-scheduler {
    vertical-align: middle;
}
/*Protected Content - End*/

/*Notifications - Start*/
.xaf-scheduler-reminder-bell {
    vertical-align: middle;
    margin: auto 1px auto -1px;
    display: inline-flex;
}
/*Notifications - End*/

/*XafImage Start*/
.xaf-image {
    flex-shrink: 0;
}

    .xaf-image.dxbl-image {
        opacity: 0.7;
    }
/*XafImage End*/

/*Image Editor Component Start*/
/*image and preview - start*/
.xaf-component-image {
    max-height: 100%;
}

.dxbl-fl-ctrl .xaf-component-image {
    max-width: 100%;
}

.xaf-preview-image-list-view > .xaf-component-image,
.xaf-preview-image-detail-view + .xaf-component-image {
    display: none;
}

.xaf-preview-image-list-view {
    min-height: 24px;
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjYsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iX3gzMF8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojNDQ0NDQ0O30NCjwvc3R5bGU+DQo8cGF0aCBpZD0iX3gzMV8iIGNsYXNzPSJzdDAiIGQ9Ik0xOSwyMEg1Yy0xLjEsMC0yLTAuOS0yLTJWOGMwLTEuMSwwLjktMiwyLTJoM2MwLTEuMSwwLjktMiwyLTJoNGMxLjEsMCwyLDAuOSwyLDJoMw0KCWMxLjEsMCwyLDAuOSwyLDJ2MTBDMjEsMTkuMSwyMC4xLDIwLDE5LDIweiBNMTIsOGMtMi43NiwwLTUsMi4yNC01LDVjMCwyLjc2LDIuMjQsNSw1LDVzNS0yLjI0LDUtNUMxNywxMC4yNCwxNC43Niw4LDEyLDh6IE0xMiwxNg0KCWMtMS42NiwwLTMtMS4zNC0zLTNzMS4zNC0zLDMtM2MxLjY2LDAsMywxLjM0LDMsM1MxMy42NiwxNiwxMiwxNnoiLz4NCjwvc3ZnPg0K");
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjYsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iX3gzMF8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojNDQ0NDQ0O30NCjwvc3R5bGU+DQo8cGF0aCBpZD0iX3gzMV8iIGNsYXNzPSJzdDAiIGQ9Ik0xOSwyMEg1Yy0xLjEsMC0yLTAuOS0yLTJWOGMwLTEuMSwwLjktMiwyLTJoM2MwLTEuMSwwLjktMiwyLTJoNGMxLjEsMCwyLDAuOSwyLDJoMw0KCWMxLjEsMCwyLDAuOSwyLDJ2MTBDMjEsMTkuMSwyMC4xLDIwLDE5LDIweiBNMTIsOGMtMi43NiwwLTUsMi4yNC01LDVjMCwyLjc2LDIuMjQsNSw1LDVzNS0yLjI0LDUtNUMxNywxMC4yNCwxNC43Niw4LDEyLDh6IE0xMiwxNg0KCWMtMS42NiwwLTMtMS4zNC0zLTNzMS4zNC0zLDMtM2MxLjY2LDAsMywxLjM0LDMsM1MxMy42NiwxNiwxMiwxNnoiLz4NCjwvc3ZnPg0K");
    mask-size: 24px;
    -webkit-mask-size: 24px;
    opacity: .3;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.xaf-image-editor .img-thumbnail {
    border-color: var(--bs-gray-400);
}
/*image and preview - end*/

/*image overlays - start*/

.xaf-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.xaf-image-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.xaf-image-shadow-overlay {
    opacity: .75;
    background-color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.xaf-image-clickable-overlay {
    background: unset;
    border: unset;
    cursor: pointer;
}

.xaf-image-clickable-overlay.hidden {
    visibility: hidden;
}

.progress.d-none ~ .img-thumbnail .xaf-image-shadow-overlay {
    display: none;
}

.progress:not(.d-none) ~ .img-thumbnail .xaf-image-clickable-overlay {
    display: none;
}

.progress:not(.d-none) ~ .img-thumbnail .xaf-image-menu-overlay {
    display: none;
}

.xaf-preview-image ~ .xaf-image-menu-overlay {
    display: none;
}

@media (max-width: 575.98px) {
    .xaf-image-menu-overlay {
        display: none !important;
    }
    .xaf-image-clickable-overlay,
    .xaf-image-clickable-overlay.hidden {
        visibility: visible;
    }
}

/*image overlays - end*/

/*image menu - start*/

.xaf-image-button {
    padding: 0 !important;
    box-shadow: 0px 2px 12px 0 rgba(0, 0, 0, 0.36) !important;
    border-radius: 100%;
    width: 36px;
    height: 36px;
}

.xaf-image-menu-overlay .xaf-image-button {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.xaf-image-button.dropdown-toggle::after {
    content: none;
}

.xaf-image-button-icon {
    background-color: currentColor;
}

/*image menu - end*/

td.xaf-image-cell {
    padding: 0 !important;
}

/*Image Editor Component End*/

/*Popup Start*/

.xaf-confirmation-dialog .modal-header.dxbs-modal-header {
    padding: .75rem !important;
}

.xaf-confirmation-dialog .dxbs-modal-content > .dxbs-modal-footer > * {
    margin: .25rem !important;
}

.xafPopup {
    --is-widescreen: 1;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup.xafPopup {
    margin: 0;
    overflow: unset!important;
}

    .dxbl-modal > .dxbl-modal-root > .dxbl-popup.xafPopup.dxbl-popup-scrollable > .dxbl-modal-content {
        max-height: 100vh;
    }

@media (max-width: 575.98px) {
    .xafPopup {
        --is-widescreen: 0;
    }

    .dxbl-modal > .dxbl-modal-root > .dxbl-popup.xafPopup.dxbl-popup-scrollable > .dxbl-modal-content {
        border-radius: 0;
    }
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header,
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer {
    min-height: 48px;
}
/*Popup End*/
/* FileDataComponent Start */

.xaf-clear-button,
.xaf-clear-button:not(.dxbl-disabled):not(:disabled):hover {
    color: var(--bs-white);
    border-left-width: 0px;
    background-color: inherit;
}
.xaf-textbox .dxbl-btn-group {
    background-color: inherit;
}
.xaf-clear-button.dxbl-edit-btn-clear > .dxbl-image {
    border-radius: 50%;
    background-color: var(--dxbl-text-edit-clear-btn-bg,var(--dxbl-image-secondary-color,rgba(0 0 0/25%)));
}
.xaf-clear-button.dxbl-edit-btn-clear > .dxbl-image:hover { 
    background-color: var(--dxbl-text-edit-clear-btn-hover-bg,var(--dxbl-image-secondary-hover-color,rgba(0 0 0/50%)));
}

.file-data-editor .file-data-span-class .dxbs-clear-btn {
    height: 100%;
    padding-left: 0px;
    padding-right: 0.6em;
}

.file-data-editor .btn-secondary.xaf-append-image-button:focus:not(:disabled):not(.disabled) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.file-data-link input {
    color: rgba(var(--bs-primary-rgb));
    text-decoration: underline;
    cursor: pointer;
}

.file-data-container > div:first-child {
    position: relative !important;
    border-top-width: 0;
    border-bottom-width: 0;
    margin-left: 0;
    margin-right: 0;
}

/* FileDataComponent End */
/* Reconnect Modal Start */
#components-reconnect-modal {
    z-index: 100050 !important;
    opacity: 0.9 !important;
    padding: 0 3rem;
    position: relative;
}

    #components-reconnect-modal a {
        cursor: pointer;
    }

    #components-reconnect-modal .btn.btn-primary:focus {
        outline: 0 !important;
    }

/* Reconnect Modal End */

/* Theme Switcher Start */

.theme-settings-modal-backdrop {
    opacity: 0.5;
    display: none;
}

@media (max-width: 575.98px) {

    .theme-settings.show-dropdown + .modal-backdrop {
        display: block;
    }
}

.size-mode-switcher,
.language-switcher {
    margin-bottom: 12px;
}

.settings-bar {
    transition: width 200ms;
    visibility: hidden;
    right: 0;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: fixed;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.24);
    top: 3.2rem;
}

.theme-settings.show-dropdown .settings-bar {
    width: 300px;
    height: calc(100% - 3.2rem);
    overflow-y: auto;
    overflow-x: hidden;
    visibility: visible;
    z-index: 1100;
}

.theme-settings:not(.show-dropdown) .settings-bar {
    border: 0 !important;
}

.settings-bar * {
    text-shadow: none;
    letter-spacing: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.themes-menu {
    font-size: 0.875rem;
    min-width: 280px; /* 20px for the scrollbar */
}

    .themes-menu .nav-link {
        font-size: 0.875rem;
    }

    .themes-menu li.theme-group {
        font-weight: 600;
        font-size: 15px;
        padding: 8px 12px;
    }

    .themes-menu .nav-link span {
        line-height: 1.375rem;
        text-transform: none;
    }

.settings-bar .themes-menu li > a > .image {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: -3px;
    margin-right: 16px;
    border: 1px solid #fff;
}

.themes-menu .nav-item:not(.show) .nav-link.active:not(.disabled) .theme-name {
    color: currentColor !important;
}

.themes-menu .nav-item:not(.show) .nav-link:not(.disabled):not(.active) .theme-name {
    opacity: .8;
}

.themes-menu .nav-item:not(.show) .nav-link:not(.disabled):not(.active) {
    background-image: none;
}

/* Theme Switcher End */
/* Static Image Start */
.static-image-container {
    width: 100%;
}

/* Static Image End */
/* Logon Form Start */
.logon-main {
    max-width: 410px;
    width: 410px;
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.18);
    border-radius: 3px;
}

    .logon-main.card .card-header,
    .logon-template-header {
        font-size: 1.1rem;
        font-weight: 600;
    }

.logon-viewsite .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.logon-toolbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

    .logon-toolbar .dxbl-btn-toolbar,
    .logon-toolbar .dxbl-btn-toolbar > .dxbl-btn-group,
    .logon-toolbar .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item,
    .logon-toolbar .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn {
        width: 100%;
    }

.logon-bottom-toolbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

    .logon-bottom-toolbar .dxbl-btn-toolbar > .dxbl-toolbar-placeholder {
        flex: 0 !important;
    }

    .logon-bottom-toolbar .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-group {
        flex: 1;
    }

    .logon-bottom-toolbar .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item,
    .logon-bottom-toolbar .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn {
        width: 100%;
    }
    .logon-toolbar .dxbl-toolbar:not(.dxbl-ribbon-toolbar) .dxbl-toolbar-hidden-item:not(.dxbl-toolbar-adaptive-item-preview-image).dxbl-toolbar-btn-ellipsis {
        display: none;
    }

.middle-text-separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--bs-gray);
    padding: 0.5rem 0;
}

    .middle-text-separator::before, .middle-text-separator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid var(--bs-gray);
    }

    .middle-text-separator::before {
        margin-right: 1rem;
    }

    .middle-text-separator::after {
        margin-left: 1rem;
    }

.toolbar-language-switcher-wrapper {
    min-width: 160px;
}

    .toolbar-language-switcher-wrapper * { /*fix flex layout*/
        min-width: 0;
    }

.xaf-language-switcher-text-container span { /*xaf-ellipsis*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/* Logon Form End */
/* Account Component Start */
.account-main {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    top: 2.5rem;
    right: 4rem;
    left: inherit;
    min-width: 200px;
    z-index: 1100;
    display: none;
}

.account-modal-backdrop {
    opacity: 0.5;
    display: none;
}

.account-container.show-dropdown .account-main {
    display: flex;
}

.user-name-container {
    width: 100%;
}

.logo-container {
    width: 80px;
    height: 80px;
    background-color: var(--bs-gray);
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.user-name-title {
    font-size: 0.75rem;
    opacity: .5;
}

.user-name {
    font-weight: 600;
    max-width: 200px;
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.log-off {
    padding-top: 0.815rem;
    padding-bottom: 0.815rem;
}

    .log-off:hover {
        background-color: rgba(var(--bs-body-color-rgb), 5%);
    }

@media (max-width: 575.98px) {
    .account-main {
        top: 50%;
        left: 50%;
        min-width: 80%;
        transform: translate(-50%, -50%);
    }

    .account-container.show-dropdown + .modal-backdrop {
        display: block;
    }

    .user-name {
        max-width: 100%;
    }
}

/* Security Component End */

/* Error Page Start */
.error-page {
    padding: 2.5rem 1.125rem;
}

.error-page .error-btn-refresh {
    min-width: 141px;
    min-height: 40px;
    font-size: 1rem;
}
.error-page .error-btn-copy-details {
    min-width: 113px;
    min-height: 40px;
    font-size: 1rem;
}

.error-detailed {
    padding: 0.75rem;
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 0rem;
    transition: all .3s ease-out;
    visibility: visible;
    overflow: auto;
    background-color: rgba(var(--bs-body-color-rgb), 5%);
}

.error-detailed pre {
    overflow:unset;
}

.error-detailed-popup {
    margin-top: 0.375rem;
    margin-bottom: 0rem;
}

.error-image {
    margin-right: 2.5rem;
    margin-top: 0.5rem;
}

.error-header-content p {
    opacity: 0.75;
    font-size: 1.125rem;
    max-width: 575.98px;
}

.error-header-title {
    font-size: 2.5rem !important;
}

@media (max-width: 575.98px) {
    .error-image {
        margin-right: 1rem;
    }

    .error-header-content .h1 {
        font-size: 1.8rem;
    }

    .error-header-content p {
        font-size: 0.8rem;
    }
}
/* Error Page End */
/* Validation Start */
.dxbl-fl-ctrl .invalid.validation-invalid.dxbl-text-edit,
.dxbl-fl-ctrl .invalid.validation-invalid .dxbl-text-edit,
.dxbl-fl-ctrl .invalid.validation-invalid.dxbl-btn,
.dxbl-fl-ctrl .invalid.validation-invalid .dxbl-btn,
.dxbl-fl-ctrl .invalid.validation-invalid.filter-wrapper,
.dxbl-fl-ctrl .xaf-image-editor.validation-invalid .img-thumbnail {
    border-color: var(--danger, var(--bs-danger));
    --dxbl-text-edit-validation-invalid-color: var(--danger, var(--bs-danger));
    --dxbl-text-edit-focus-shadow-color: rgba(var(--danger-rgb, var(--bs-danger-rgb)), 0.25);
    --dxbl-btn-focus-shadow-color: rgba(var(--danger-rgb, var(--bs-danger-rgb)), 0.5);
}

.dxbl-fl-ctrl .invalid.validation-warning.dxbl-text-edit,
.dxbl-fl-ctrl .invalid.validation-warning .dxbl-text-edit,
.dxbl-fl-ctrl .invalid.validation-warning.dxbl-btn,
.dxbl-fl-ctrl .invalid.validation-warning .dxbl-btn,
.dxbl-fl-ctrl .invalid.validation-warning.filter-wrapper,
.dxbl-fl-ctrl .xaf-image-editor.validation-warning .img-thumbnail {
    border-color: var(--warning, var(--bs-warning));
    --dxbl-text-edit-validation-invalid-color: var(--warning, var(--bs-warning));
    --dxbl-text-edit-focus-shadow-color: rgba(var(--warning-rgb, var(--bs-warning-rgb)), 0.25);
    --dxbl-btn-focus-shadow-color: rgba(var(--warning-rgb, var(--bs-warning-rgb)), 0.5);
}

.dxbl-fl-ctrl .invalid.validation-info.dxbl-text-edit,
.dxbl-fl-ctrl .invalid.validation-info .dxbl-text-edit,
.dxbl-fl-ctrl .invalid.validation-info.dxbl-btn,
.dxbl-fl-ctrl .invalid.validation-info .dxbl-btn,
.dxbl-fl-ctrl .invalid.validation-info.filter-wrapper,
.dxbl-fl-ctrl .xaf-image-editor.validation-info .img-thumbnail {
    border-color: var(--info, var(--bs-info));
    --dxbl-text-edit-validation-invalid-color: var(--info, var(--bs-info));
    --dxbl-text-edit-focus-shadow-color: rgba(var(--info-rgb, var(--bs-info-rgb)), 0.25);
    --dxbl-btn-focus-shadow-color: rgba(var(--info-rgb, var(--bs-info-rgb)), 0.5);
}

.dxbl-grid-editor-inplace-container .invalid.validation-invalid.dxbl-checkbox,
.dxbl-fl-ctrl .invalid.validation-invalid.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: rgba(var(--bs-danger-rgb), 0.85);
    --dxbl-checkbox-check-element-checked-hover-bg: rgba(var(--bs-danger-rgb), 1);
    --dxbl-checkbox-checked-focus-shadow-color: rgba(var(--bs-danger-rgb), 0.5);
    --dxbl-checkbox-check-element-unchecked-border-color: rgba(var(--bs-danger-rgb), 0.85);
    --dxbl-checkbox-check-element-unchecked-hover-border-color: rgba(var(--bs-danger-rgb), 1);
    --dxbl-checkbox-unchecked-focus-shadow-color: rgba(var(--bs-danger-rgb), 0.5);
}

.dxbl-grid-editor-inplace-container .invalid.validation-warning.dxbl-checkbox,
.dxbl-fl-ctrl .invalid.validation-warning.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: rgba(var(--bs-warning-rgb), 0.85);
    --dxbl-checkbox-check-element-checked-hover-bg: rgba(var(--bs-warning-rgb), 1);
    --dxbl-checkbox-checked-focus-shadow-color: rgba(var(--bs-warning-rgb), 0.5);
    --dxbl-checkbox-check-element-unchecked-border-color: rgba(var(--bs-warning-rgb), 0.85);
    --dxbl-checkbox-check-element-unchecked-hover-border-color: rgba(var(--bs-warning-rgb), 1);
    --dxbl-checkbox-unchecked-focus-shadow-color: rgba(var(--bs-warning-rgb), 0.5);
}

.dxbl-grid-editor-inplace-container .invalid.validation-info.dxbl-checkbox,
.dxbl-fl-ctrl .invalid.validation-info.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: rgba(var(--bs-info-rgb), 0.85);
    --dxbl-checkbox-check-element-checked-hover-bg: rgba(var(--bs-info-rgb), 1);
    --dxbl-checkbox-checked-focus-shadow-color: rgba(var(--bs-info-rgb), 0.5);
    --dxbl-checkbox-check-element-unchecked-border-color: rgba(var(--bs-info-rgb), 0.85);
    --dxbl-checkbox-check-element-unchecked-hover-border-color: rgba(var(--bs-info-rgb), 1);
    --dxbl-checkbox-unchecked-focus-shadow-color: rgba(var(--bs-info-rgb), 0.5);
}
.dxbl-grid-editor-inplace-container>td:has(.invalid.validation-invalid) {
    background-color: rgba(var(--bs-danger-rgb), 0.15) !important;
}
.dxbl-grid-editor-inplace-container>td:has(.invalid.validation-warning) {
    background-color: rgba(var(--bs-warning-rgb), 0.15) !important;
}
.dxbl-grid-editor-inplace-container>td:has(.invalid.validation-info) {
    background-color: rgba(var(--bs-info-rgb), 0.15) !important;
}

/* Validation End */
/* Inline Edit Start */
/* center-align checkboxes in "Inline" inline edit mode */
.dxbl-grid-edit-row > td dxbl-check {
    justify-content: center;
}
/* fit image sizes to row width in "Inline" mode */
.dxbl-grid-edit-row .xaf-component-image {
    max-width: 100%;
}
/* Inline Edit End */

/* MasterDetail Begin */

.xaf-masterdetail-container {
    display: flex;
    width: 100%;
    height: 100%;
}

.xaf-masterdetail-container.direction-horizontal {
    flex-flow: row;
}

.xaf-masterdetail-container.direction-vertical {
    flex-flow: column;
}

.xaf-masterdetail-splitter {
    flex: 0 0 7px;
    background-color: rgba(var(--bs-body-color-rgb), 0.05);
    touch-action: none;
    border-radius: 2px;
}

.xaf-masterdetail-splitter:hover {
    background-color: rgba(var(--bs-body-color-rgb), 0.18);
}

/* prevents the horizontal scroll bar from appearing due to DxFormLayout having a negative margin */
.direction-horizontal > .xaf-masterdetail-splitter {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: -1rem; /* extends the splitter line to the bottom of the page */
    cursor: col-resize;
}

.direction-vertical > .xaf-masterdetail-splitter {
    margin-top: 16px;
    margin-bottom: 16px;
    cursor: row-resize;
}

.xaf-masterdetail-splitter > .handle-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1px;
}

.xaf-masterdetail-splitter .handle-bar {
    background-color: rgba(var(--bs-body-color-rgb), 0.7);
    border-radius: 1px;
}

.direction-vertical > .xaf-masterdetail-splitter > .handle-container {
    flex-flow: column;
}

.direction-vertical > .xaf-masterdetail-splitter > .handle-container > .handle-bar {
    width: 14px;
    height: 2px;
}

.direction-horizontal > .xaf-masterdetail-splitter > .handle-container > .handle-bar {
    width: 2px;
    height: 14px;
}

/* To allow layout customization context menu */
.direction-horizontal > .xaf-masterdetail-detailview-holder {
    min-height: 100%;
}   
.direction-vertical > .xaf-masterdetail-detailview-holder {
    min-width: 100%;
}

.xaf-masterdetail-detailview .xaf-masterdetail-detailview-holder {
    padding-right: 1rem; /* prevents a horizontal scroll bar in the detail view */
}

.xaf-masterdetail-detailview-holder.masterdetail-hidden {
    visibility: hidden; /* allow DxFormLayout to calculate caption positions */
    position: absolute; /* remove from the normal document flow */
    left: -10000px; /* fix a weird bug with DxRichEdit */
    top: -10000px;
}

.xaf-masterdetail-view {
    flex: 0%;
    min-height: 300px;
    min-width: 300px;
}

/* grid height cannot exceed the parent container's height */
.xaf-masterdetail-listview {
    height: 100%;
}

.app .main-content > .grid-content,
.xaf-masterdetail-listview > .grid-content {
    height: 100%;
    min-height: 300px;
}

.dxbl-modal-body > .main.main-object-model,
.dxbl-modal-body > .main.main-popup-listview {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.dxbl-modal-body > .main.main-object-model > .main-content,
.dxbl-modal-body > .main.main-popup-listview > .main-content {
    height: 100%;
    flex: auto;
    overflow-y: auto;
}
.dxbl-modal-body > .main.main-popup-listview > .main-content > .grid-content {
    height: 100%;
}

.nested-content > .grid-content.grid-instant-feedback-mode dxbl-grid {
    max-height: 300px;
}

.main-content > .dxbl-treeview,
.main-content > .grid-content dxbl-grid,
.main-content > .grid-content dxbl-tree-list,
.xaf-masterdetail-listview > .grid-content dxbl-grid,
.xaf-masterdetail-listview > .grid-content dxbl-tree-list,
.main-content > .dxbl-scheduler {
    max-height: 100%;
}

.xaf-open-detailview-button > * {
    width: 100%;
}

.xaf-masterdetail-modified > :first-child {
    box-shadow: inset 4px 0 0 -2px var(--bs-primary);
}

.xaf-masterdetail-detailview-placeholder {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

/* MasterDetail End */

.xaf-popup-edit-form {
    max-width: 800px !important;
}

/* TODO Gorislov: temp fix for new blazor renderer */

.dxbl-modal-content {
    overflow-y: auto !important;
}

.new-object-hidden-data-row {
    display: none;
}

.parametrized-action-wrapper {
    width: 230px;
}
.parametrized-action-caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50px;
}
/* Temporary fix of grid empty data */
.dxbl-grid .dxbl-grid-empty-data-area > span {
    font-size: 0.77rem;
    opacity: 0.7;
}


.filter-wrapper {
    padding: 1rem;
    border: 1px solid var(--bs-border-color, var(--bs-gray-400, #ced4da));
}

.filter-editor {
    height: 300px;
    position: relative;
}

.popup-filter-wrapper.filter-wrapper {
    padding: 0;
    border: none;
}
/*.filter-wrapper.invalid-value .ilter-editor {
    border: 1px solid var(--danger, var(--bs-danger));
}*/
.filter-wrapper.invalid-value::after {
    content: attr(data-invalid-message);
    display: block;
    color: var(--danger, var(--bs-danger));
    padding-top: 0.5rem;
}

.filter-wrapper .dx-designer svg {
    vertical-align: baseline;
}

.filter-wrapper .ace_content {
    top: 0px !important;
}

.dx-filtereditor-criteriaoperator-popup .dx-popup-content.dx-popup-content-scrollable {
    overflow: inherit;
    overscroll-behavior: inherit;
}

    .dx-filtereditor-criteriaoperator-popup .dx-popup-content.dx-popup-content-scrollable .dxd-opacity-50 {
        opacity: .5;
        filter: alpha(opacity=50);
    }

    .dx-filtereditor-criteriaoperator-popup .dx-popup-content.dx-popup-content-scrollable .dxd-list-item-back-color {
        position: relative
    }

        .dx-filtereditor-criteriaoperator-popup .dx-popup-content.dx-popup-content-scrollable .dxd-list-item-back-color:hover:before {
            content: "";
            opacity: .1;
            filter: alpha(opacity=10);
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            pointer-events: none;
            background-color: #000
        }

.dxbl-toolbar-dropdown-item.dxbl-toolbar-item-tmpl {
    padding: 0.25rem 0.75rem;
}

.main-object-model .dxbl-treeview .dxbl-checkbox {
    margin: -.25rem;
}
.dxbl-toolbar-dropdown-item.dxbl-toolbar-item-tmpl .dxbl-text-edit {
    width: 100%;
}
.column-chooser-actions-container {
    margin-top: auto;
    width: 100%;
    padding: .25rem;
    border-top: 1px solid var(--dxbl-window-border-color);
}
.dxbl-grid .dxbl-grid-table > thead > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header).dxbl-grid-action.dxbl-grid-command-cell:has(.xaf-inline-action-template),
.dxbl-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-row-drag-anchor-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data-area):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell).dxbl-grid-command-cell:has(.xaf-inline-action-template),
.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row:not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data-area):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell).dxbl-grid-command-cell:has(.xaf-inline-action-template) {
    padding: 2px 3px;
}

.xaf-edge .grid-content td.xaf-double-click {
    user-select: none;
}

.xaf-inline-action-template {
    column-gap: 6px;
    display: flex;
    justify-content: center;
    margin: 0 6px;
}

.xaf-action.xaf-inline-action {
    display: flex;
}

.xaf-action.xaf-inline-action button.dxbl-btn,
.xaf-action.xaf-inline-action a {
    align-items: center;
    border-width: 0;
    border-radius: 2px;
    box-shadow: none;
    column-gap: 6px;
    display: flex;
    padding: 4px;
}
.dxbl-sm .xaf-action.xaf-inline-action button.dxbl-btn {
    padding: 2px;
}
.dxbl-sm .xaf-action.xaf-inline-action a.dxbl-btn {
    padding: 2px;
}
.xaf-action.xaf-inline-action button.dxbl-btn-text-secondary {
    --dxbl-btn-color: unset;
}
.xaf-action.xaf-inline-action button.dxbl-btn-link {
    --dxbl-btn-hover-color: unset;
}
.xaf-action.xaf-inline-action button:not(:hover) {
    background-color: transparent;
}
.xaf-action.xaf-inline-action button:focus-visible:not(:disabled) {
    border: none;
    box-shadow: none;
    outline: revert;
}

.xaf-action.xaf-inline-action.disabled {
    cursor: default;
}
.xaf-action.xaf-inline-action.disabled button:disabled,
.xaf-action.xaf-inline-action.disabled a.disabled {
    opacity: 0.6;
}

.xaf-action.xaf-inline-action span {
    line-height: 16px;
    white-space: nowrap;
}
.dxbl-sm .xaf-action.xaf-inline-action span {
    font-size: 0.75rem;
}
.xaf-action.xaf-inline-action button img {
    width: 16px;
    height: 16px;
}
.xaf-action.xaf-grid-command-button {
    display: inline-block;
}

xaf-navigation-click-helper.editor-button,
xaf-navigation-click-helper.editor-link {
    position: absolute;
    margin: 0 !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

a.grid-cell-object-link {
    display: initial;
    margin: calc(-0.5 * var(--dxbl-grid-text-cell-padding-y)) calc(-0.5 * var(--dxbl-grid-text-cell-padding-x));
    padding: calc(0.5 * var(--dxbl-grid-text-cell-padding-y)) calc(0.5 * var(--dxbl-grid-text-cell-padding-x));
}
a.grid-cell-object-link:not(:hover),
a.combo-box-object-link:not(:hover) {
    color: inherit;
}
a.combo-box-object-link {
    display: block;
    position: relative;
    cursor: pointer;
}
.combo-box-null-text {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--dx-texteditor-color-label);
}
.combo-box-null-text:empty:before {
    content: "\200b"; /* unicode zero width space */
}

/* Lookup empty data template Start */
.xaf-empty-data-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.xaf-empty-data-image {
    opacity: 0.25;
    margin-bottom: 4px;
}

.xaf-empty-data-text {
    opacity: 0.7;
    font-size: 14px;
    font-weight: 600;
}
/* Lookup empty data template End */

/* Readonly styles for disabled editors */
.dxbl-text-edit {
    --dxbl-text-edit-disabled-opacity: unset;
}

.dxbl-list-box {
    --dxbl-list-box-disabled-opacity: unset;
}
/* Readonly styles for disabled editors */
.xaf-context-menu-url {
    --total-padding: calc(var(--dxbl-context-menu-item-padding-x) + var(--dxbl-context-menu-item-text-padding-x));
    padding: var(--dxbl-context-menu-item-padding-y) var(--total-padding) var(--dxbl-context-menu-item-padding-y) var(--total-padding);
    padding-left: var(--dxbl-context-menu-item-padding-x) !important;
    color: var(--dxbl-dropdown-color);
}

.xaf-context-menu-url-no-image {
    --total-padding: calc(var(--dxbl-context-menu-item-padding-x) + var(--dxbl-context-menu-item-text-padding-x));
    padding: var(--dxbl-context-menu-item-padding-y) var(--total-padding) var(--dxbl-context-menu-item-padding-y) var(--total-padding);
    padding-left: var(--total-padding) !important;
    color: var(--dxbl-dropdown-color);
}

.xaf-content-menu-url-text {
    padding-left: var(--dxbl-context-menu-item-padding-x);
}
/* General appearance */

layout-editor {
    display: contents;
}


.design-mode > .main-toolbar {
    background: var(--bs-body-bg);
    border-bottom: 1px solid rgba(var(--bs-body-color-rgb), 20%);
}

:not(.dxbl-modal-body) > .design-mode > .main-content,
.dxbl-modal-body:has(.design-mode) {
    background: rgba(var(--bs-body-color-rgb), 0.075);
}

.design-mode > .main-toolbar + .main-content .detail-view-content,
.design-mode > .main-toolbar + .main-content .xaf-masterdetail-listview {
    padding-top: 1rem;
}
.design-mode > .main-toolbar + .main-content .xaf-masterdetail-splitter {
    margin-top: 1rem;
}

.xaf-masterdetail-detailview .design-mode .detail-view-content {
    padding-left: 1rem;
}


.design-mode .dxbl-group {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 16%);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 16%);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 16%);
}

.design-mode .dxbl-fl-item,
.design-mode .dxbl-fl-group,
.design-mode .dxbl-fl-gt,
.design-mode .dxbl-tabs-item {
    position: relative;
}

.design-mode .dxbl-tabs {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 16%);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 16%);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 16%);
}

.design-mode .dxbl-tabs-content-panel {
    background: var(--bs-body-bg);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 16%);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 16%);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 16%);
}

/* size warning */

@media (max-width: 767px) {
    .dxbl-window-dialog.xaf-layouteditor-menu {
        display: none;
    }
    .design-mode .xaf-layouteditor-sizewarning {
        display: block !important;
    }
}

.xaf-layouteditor-sizewarning {
    position: absolute;
    left: calc(50% - 200px);
    top: calc(50% - 113px);
    width: 400px;
    height: 226px;
    background-color: var(--bs-body-bg);
    border-radius: 6px;
    /*     border: 1px solid;
    border-color: var(--bs-danger); */
    -webkit-box-shadow: 0px 2px 12px 0px rgba(var(--bs-body-color-rgb), 36%);
    -moz-box-shadow: 0px 2px 12px 0px rgba(var(--bs-body-color-rgb), 36%);
    box-shadow: 0px 2px 12px 0px rgba(var(--bs-body-color-rgb), 36%);
    padding: 2rem;
    align-items: center;
    text-align: center;
    z-index: 1000;
}

.xaf-layouteditor-sizewarning-icon {
    width: 48px;
    max-width: 48px;
    height: 48px;
    max-height: 48px;
    margin: 1rem;
    margin-top: 8px;
}

.xaf-layouteditor-sizewarning-header {
    font-size: 1.5rem;
}

.xaf-layouteditor-sizewarning-descr {
    font-size: 1rem;
}

/* editor menu */
.xaf-layouteditor-menu-treenode-icon,
.xaf-layouteditor-menu-hiddenitem-icon {
    margin-right: 0.25rem;
}

.xaf-layouteditor-menu-hiddenitems {
    border: none;
    position: relative;
}

.xaf-layouteditor-menu-hiddenitems .dxbl-listbox-item {
    display: flex;
    flex-direction: row;
}

.xaf-layouteditor-menu-treenode-icon,
.xaf-layouteditor-menu-hiddenitem-icon {
    max-width: 16px;
    max-height: 16px;
    width: 16px;
    height: 16px;
}

.xaf-layouteditor-menu .dxbl-treeview-item-link {
    user-select: none;
    -webkit-user-drag: none;
}

/* Drag & Drop */
.design-mode .dxbl-fl-item,
.design-mode .dxbl-group-header,
.design-mode .dxbl-tabs {
    cursor: move;
}

/* TODO :not(..., :has(.resize-splitter-zone:hover)) -- :has is not supported in Firefox yet */
.design-mode layout-editor:not(.xaf-layouteditor-mode-dragging, .xaf-layouteditor-mode-resizing) .dxbl-fl-item:hover::after {
    content: " ";
    position: absolute;
    top: calc(var(--dxbl-row-item-spacing-x) * -.25);
    bottom: calc(var(--dxbl-row-item-spacing-x) * -.25);
    left: calc(var(--dxbl-row-item-spacing-x) * .25);
    right: calc(var(--dxbl-row-item-spacing-x) * .25);
    background-color: rgba(var(--bs-info-rgb), 10%);
    border: 1px solid;
    border-radius: calc(var(--dxbl-fl-group-border-radius) * 0.5);
    border-color: var(--bs-info);
}

/* :not(:has(...)) for nested groups  */
.design-mode layout-editor:not(.xaf-layouteditor-mode-dragging, .xaf-layouteditor-mode-resizing) .dxbl-group:has(.dxbl-group-header:hover):not(:has(.dxbl-group:hover))::after {
    content: " ";
    position: absolute;
    top: calc(var(--dxbl-row-item-spacing-x) * -.4);
    bottom: calc(var(--dxbl-row-item-spacing-x) * -.4);
    left: calc(var(--dxbl-row-item-spacing-x) * -.4);
    right: calc(var(--dxbl-row-item-spacing-x) * -.4);
    background-color: rgba(var(--bs-info-rgb), 1%);
    border: 2px solid;
    border-radius: calc(var(--dxbl-fl-group-border-radius) * 1.5);
    border-color: var(--bs-info);
    pointer-events: none;
}

.design-mode layout-editor:not(.xaf-layouteditor-mode-dragging, .xaf-layouteditor-mode-resizing) .dxbl-tabs:has(.dxbl-scroll-viewer:hover):not(:has(.dxbl-tabs-item:hover))::after {
    content: " ";
    position: absolute;
    top: calc(var(--dxbl-row-item-spacing-x) * -.4);
    bottom: calc(var(--dxbl-row-item-spacing-x) * -.4);
    left: calc(var(--dxbl-row-item-spacing-x) * .15);
    right: calc(var(--dxbl-row-item-spacing-x) * .15);
    background-color: rgba(var(--bs-info-rgb), 1%);
    border: 2px solid;
    border-radius: calc(var(--dxbl-fl-group-border-radius) * 1.5);
    border-color: var(--bs-info);
    pointer-events: none;
}

.design-mode layout-editor:not(.xaf-layouteditor-mode-dragging, .xaf-layouteditor-mode-resizing) .dxbl-tabs .dxbl-tabs-item:hover::after {
    content: " ";
    position: absolute;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 100% !important;
    background-color: transparent !important;
    border: 2px solid;
    border-radius: 2px;
    border-color: var(--bs-info);
}

.design-mode layout-editor:not(.xaf-layouteditor-mode-dragging, .xaf-layouteditor-mode-resizing) .dxbl-tabs .dxbl-tabs-item:hover::before {
    background-color: transparent !important;
}

.xaf-layouteditor-draggeditem-div {
    cursor: move;
    position: fixed;
    left: 0;
    top: 0;
    border: 1px solid;
    border-radius: 3px;
    border-color: var(--bs-info);
    background-color: var(--bs-body-bg);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(var(--bs-body-color-rgb), 36%);
    -moz-box-shadow: 0px 2px 4px 0px rgba(var(--bs-body-color-rgb), 36%);
    box-shadow: 0px 2px 4px 0px rgba(var(--bs-body-color-rgb), 36%);
}

.xaf-layouteditor-dropzone {}

.z-index-2 {
    z-index: 500;
}

.xaf-layouteditor-dropcursor-whole {
    cursor: all-scroll;
}

.xaf-layouteditor-dropcursor-top {
    cursor: s-resize;
}

.xaf-layouteditor-dropcursor-bottom {
    cursor: n-resize;
}

.xaf-layouteditor-dropcursor-left {
    cursor: e-resize;
}

.xaf-layouteditor-dropcursor-right {
    cursor: w-resize;
}

layout-editor .xaf-layouteditor-dragging-element {
    opacity: 50%;
}

layout-editor .xaf-layouteditor-dropzone-bottom.dxbl-fl-gd::before,
layout-editor .xaf-layouteditor-dropzone-bottom.dxbl-fl-gt::before {
    background: var(--bs-info);
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 1px + var(--dxbl-fl-group-spacing-y) * .5);
    height: 2px;
}


layout-editor .xaf-layouteditor-dropzone-top.dxbl-fl-gd::before,
layout-editor .xaf-layouteditor-dropzone-top.dxbl-fl-gt::before {
    background: var(--bs-info);
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(-1px - var(--dxbl-fl-group-spacing-y) * .5);
    height: 2px;
}


layout-editor .xaf-layouteditor-dropzone-left.dxbl-fl-gd::before,
layout-editor .xaf-layouteditor-dropzone-left.dxbl-fl-gt::before {
    background: var(--bs-info);
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
}


layout-editor .xaf-layouteditor-dropzone-right.dxbl-fl-gd::before,
layout-editor .xaf-layouteditor-dropzone-right.dxbl-fl-gt::before {
    background: var(--bs-info);
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 2px);
    width: 2px;
}

layout-editor .xaf-layouteditor-dropzone-bottom:not(.dxbl-fl-gd, .dxbl-fl-gt)::before {
    background: var(--bs-info);
    content: " ";
    position: absolute;
    top: calc(100% - 1px + var(--dxbl-row-item-spacing-y) * .5);
    left: 0;
    right: 0;
    height: 2px;
}

layout-editor .xaf-layouteditor-dropzone-top:not(.dxbl-fl-gd, .dxbl-fl-gt)::before {
    background: var(--bs-info);
    content: " ";
    position: absolute;
    top: calc(-1px - var(--dxbl-row-item-spacing-y) * .5);
    left: 0;
    right: 0;
    height: 2px;
}

layout-editor .xaf-layouteditor-dropzone-left:not(.dxbl-fl-gd, .dxbl-fl-gt)::before {
    background: var(--bs-info);
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    width: 2px;
}

layout-editor .xaf-layouteditor-dropzone-right:not(.dxbl-fl-gd, .dxbl-fl-gt)::before {
    background: var(--bs-info);
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 1px);
    width: 2px;
}

layout-editor .xaf-layouteditor-dropzone-whole::before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(var(--bs-info-rgb), 5%);
    border: 2px solid;
    border-radius: 2px;
    border-color: var(--bs-info);
}

.xaf-layouteditor-menu .xaf-layouteditor-dropzone-bottom::before {
    background: var(--bs-info);
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 1px + var(--dxbl-treeview-item-spacing-y) * .5);
    height: 2px;
}

.xaf-layouteditor-menu .xaf-layouteditor-dropzone-top::before {
    background: var(--bs-info);
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(-1px - var(--dxbl-treeview-item-spacing-y) * .5);
    height: 2px;
}

.xaf-layouteditor-menu .xaf-layouteditor-dropzone-left::before {
    background: var(--bs-info);
    content: " ";
    position: absolute;
    left: -1px;
    top: 0;
    width: 2px;
    height: 100%;
}

.xaf-layouteditor-menu .xaf-layouteditor-dropzone-right::before {
    background: var(--bs-info);
    content: " ";
    position: absolute;
    left: calc(100% - 1px);
    top: 0;
    width: 2px;
    height: 100%;
}

.xaf-layouteditor-menu .xaf-layouteditor-dropzone-whole::before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(var(--bs-info-rgb), 5%);
    border: 2px solid;
    border-radius: 2px;
    border-color: var(--bs-info);
}

/* Resizing */
/*
.item-resize-border {
    --item-resize-border-color: rgb(154, 180, 212);
    --item-resize-side-border-color: rgb(251, 105, 79);
    border-color: var(--item-resize-border-color);
}

.item-resize-border-left {
    border-left-color: var(--item-resize-side-border-color);
}

.item-resize-border-right {
    border-right-color: var(--item-resize-side-border-color);
}*/

.design-mode .dxbl-fl-group .resize-splitter {
    content: " ";
    position: absolute;
    left: -1px;
    top: 0;
    width: 0px;
    height: 100%;
    /*    background: rgba(var(--bs-body-color-rgb), 0.075);*/
    border: dashed 1px rgba(var(--bs-body-color-rgb), 0.16);
}

.design-mode .dxbl-fl-group .resize-splitter:hover {
    border: solid 1px var(--bs-info);
}

/* -- Resize zone */
.design-mode .dxbl-fl-group .resize-splitter-zone {
    content: " ";
    position: absolute;
    left: -5px;
    top: 0;
    width: 10px;
    height: 100%;
    /*    background: rgba(var(--bs-body-color-rgb), 0.1);*/
    z-index: 25;
    cursor: col-resize;
}

/* Context Menu */

.context-menu {
    display: block;
    position: fixed;
}

/* TODO use the styles below */

/*.layout-handle { 
    background-color: rgb(91, 155, 255, calc(1 / 3));
    border: 1px solid;
    border-radius: 2px;
    border-color: rgb(91, 129, 255);
}

.layout-resize-handle:hover {
    cursor: e-resize;
}

.layout-drag-handle:hover {
    cursor: grab;
}

.layout-drag-handle:active {
    cursor: grabbing;
}*/