/** Generated by the DevExpress ThemeBuilder
* Version: 23.1.3
* http://js.devexpress.com/ThemeBuilder/
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(https://fonts.googleapis.com/earlyaccess/notokufiarabic.css);
@font-face {
  font-family: RobotoFallback;
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
    url('../../../node_modules/devextreme/dist/css/fonts/Roboto-300.woff2')
      format('woff2'),
    url('../../../node_modules/devextreme/dist/css/fonts/Roboto-300.woff')
      format('woff'),
    url('../../../node_modules/devextreme/dist/css/fonts/Roboto-300.ttf')
      format('truetype');
}
@font-face {
  font-family: RobotoFallback;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
    url('../../../node_modules/devextreme/dist/css/fonts/Roboto-400.woff2')
      format('woff2'),
    url('../../../node_modules/devextreme/dist/css/fonts/Roboto-400.woff')
      format('woff'),
    url('../../../node_modules/devextreme/dist/css/fonts/Roboto-400.ttf')
      format('truetype');
}
@font-face {
  font-family: RobotoFallback;
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
    url('../../../node_modules/devextreme/dist/css/fonts/Roboto-500.woff2')
      format('woff2'),
    url('../../../node_modules/devextreme/dist/css/fonts/Roboto-500.woff')
      format('woff'),
    url('../../../node_modules/devextreme/dist/css/fonts/Roboto-500.ttf')
      format('truetype');
}
@font-face {
  font-family: RobotoFallback;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
    url('../../../node_modules/devextreme/dist/css/fonts/Roboto-700.woff2')
      format('woff2'),
    url('../../../node_modules/devextreme/dist/css/fonts/Roboto-700.woff')
      format('woff'),
    url('../../../node_modules/devextreme/dist/css/fonts/Roboto-700.ttf')
      format('truetype');
}
@font-face {
  font-family: DXIcons;
  src: local('DevExtreme Material Icons'), local('devextreme_material_icons'),
    url('../../../node_modules/devextreme/dist/css/icons/dxiconsmaterial.woff2')
      format('woff2'),
    url('../../../node_modules/devextreme/dist/css/icons/dxiconsmaterial.woff')
      format('woff'),
    url('../../../node_modules/devextreme/dist/css/icons/dxiconsmaterial.ttf')
      format('truetype');
  font-weight: 400;
  font-style: normal;
}
.dx-swatch-dark-compact .dx-validationsummary-item {
  cursor: pointer;
}
.dx-swatch-dark-compact .dx-invalid-message.dx-overlay {
  position: relative;
}
.dx-swatch-dark-compact .dx-invalid-message.dx-overlay-wrapper {
  width: 100%;
  visibility: hidden;
  pointer-events: none;
}
.dx-swatch-dark-compact .dx-invalid-message > .dx-overlay-content {
  display: inline-block;
  border-width: 0;
  padding: 10px;
  font-size: 0.85em;
  line-height: normal;
  word-wrap: break-word;
}
.dx-swatch-dark-compact
  .dx-dropdownbox.dx-dropdowneditor-active
  .dx-invalid-message-auto,
.dx-swatch-dark-compact
  .dx-invalid-message-visible.dx-invalid
  .dx-invalid-message-auto,
.dx-swatch-dark-compact .dx-invalid-message.dx-invalid-message-always,
.dx-swatch-dark-compact
  .dx-lookup.dx-dropdowneditor-active
  .dx-invalid-message-auto,
.dx-swatch-dark-compact .dx-state-focused.dx-invalid .dx-invalid-message-auto {
  visibility: visible;
}
.dx-swatch-dark-compact .dx-validationsummary-item-content {
  border-bottom: 1px dashed;
  display: inline-block;
  line-height: normal;
}
@-webkit-keyframes dx-valid-badge-frames {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dx-valid-badge-frames {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.dx-theme-material-typography .dx-swatch-dark-compact,
.dx-theme-material-typography.dx-swatch-dark-compact {
  background-color: #2a2a2a;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-theme-material-typography .dx-swatch-dark-compact input,
.dx-theme-material-typography .dx-swatch-dark-compact textarea,
.dx-theme-material-typography.dx-swatch-dark-compact input,
.dx-theme-material-typography.dx-swatch-dark-compact textarea {
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-theme-material-typography .dx-swatch-dark-compact h1,
.dx-theme-material-typography.dx-swatch-dark-compact h1 {
  font-weight: 300;
  font-size: 96px;
  letter-spacing: -1.5px;
}
.dx-theme-material-typography .dx-swatch-dark-compact h2,
.dx-theme-material-typography.dx-swatch-dark-compact h2 {
  font-weight: 300;
  font-size: 60px;
  letter-spacing: -0.5px;
}
.dx-theme-material-typography .dx-swatch-dark-compact h3,
.dx-theme-material-typography.dx-swatch-dark-compact h3 {
  font-weight: 400;
  font-size: 48px;
}
.dx-theme-material-typography .dx-swatch-dark-compact h4,
.dx-theme-material-typography.dx-swatch-dark-compact h4 {
  font-weight: 400;
  font-size: 34px;
  letter-spacing: 0.25px;
}
.dx-theme-material-typography .dx-swatch-dark-compact h5,
.dx-theme-material-typography.dx-swatch-dark-compact h5 {
  font-weight: 400;
  font-size: 24px;
}
.dx-theme-material-typography .dx-swatch-dark-compact h6,
.dx-theme-material-typography.dx-swatch-dark-compact h6 {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.15px;
}
.dx-theme-material-typography .dx-swatch-dark-compact .dx-font-xl,
.dx-theme-material-typography.dx-swatch-dark-compact .dx-font-xl {
  font-size: 34px;
}
.dx-theme-material-typography .dx-swatch-dark-compact .dx-font-l,
.dx-theme-material-typography.dx-swatch-dark-compact .dx-font-l {
  font-size: 28px;
}
.dx-theme-material-typography .dx-swatch-dark-compact .dx-font-m,
.dx-theme-material-typography.dx-swatch-dark-compact .dx-font-m {
  font-size: 20px;
}
.dx-theme-material-typography .dx-swatch-dark-compact .dx-font-s,
.dx-theme-material-typography.dx-swatch-dark-compact .dx-font-s {
  font-size: 18px;
}
.dx-theme-material-typography .dx-swatch-dark-compact .dx-font-xs,
.dx-theme-material-typography .dx-swatch-dark-compact small,
.dx-theme-material-typography.dx-swatch-dark-compact .dx-font-xs,
.dx-theme-material-typography.dx-swatch-dark-compact small {
  font-size: 12px;
}
.dx-theme-material-typography .dx-swatch-dark-compact a,
.dx-theme-material-typography.dx-swatch-dark-compact a {
  color: #ff5722;
}
.dx-swatch-dark-compact .dx-icon-add,
.dx-swatch-dark-compact .dx-icon-addcolumnleft,
.dx-swatch-dark-compact .dx-icon-addcolumnright,
.dx-swatch-dark-compact .dx-icon-addrowabove,
.dx-swatch-dark-compact .dx-icon-addrowbelow,
.dx-swatch-dark-compact .dx-icon-addtable,
.dx-swatch-dark-compact .dx-icon-airplane,
.dx-swatch-dark-compact .dx-icon-aligncenter,
.dx-swatch-dark-compact .dx-icon-alignjustify,
.dx-swatch-dark-compact .dx-icon-alignleft,
.dx-swatch-dark-compact .dx-icon-alignright,
.dx-swatch-dark-compact .dx-icon-arrowdown,
.dx-swatch-dark-compact .dx-icon-arrowleft,
.dx-swatch-dark-compact .dx-icon-arrowright,
.dx-swatch-dark-compact .dx-icon-arrowup,
.dx-swatch-dark-compact .dx-icon-background,
.dx-swatch-dark-compact .dx-icon-bell,
.dx-swatch-dark-compact .dx-icon-blockquote,
.dx-swatch-dark-compact .dx-icon-bold,
.dx-swatch-dark-compact .dx-icon-bookmark,
.dx-swatch-dark-compact .dx-icon-box,
.dx-swatch-dark-compact .dx-icon-bulletlist,
.dx-swatch-dark-compact .dx-icon-car,
.dx-swatch-dark-compact .dx-icon-card,
.dx-swatch-dark-compact .dx-icon-cart,
.dx-swatch-dark-compact .dx-icon-cellproperties,
.dx-swatch-dark-compact .dx-icon-chart,
.dx-swatch-dark-compact .dx-icon-checklist,
.dx-swatch-dark-compact .dx-icon-clear,
.dx-swatch-dark-compact .dx-icon-clearformat,
.dx-swatch-dark-compact .dx-icon-clock,
.dx-swatch-dark-compact .dx-icon-close,
.dx-swatch-dark-compact .dx-icon-codeblock,
.dx-swatch-dark-compact .dx-icon-color,
.dx-swatch-dark-compact .dx-icon-columnproperties,
.dx-swatch-dark-compact .dx-icon-comment,
.dx-swatch-dark-compact .dx-icon-decreaseindent,
.dx-swatch-dark-compact .dx-icon-doc,
.dx-swatch-dark-compact .dx-icon-download,
.dx-swatch-dark-compact .dx-icon-edit,
.dx-swatch-dark-compact .dx-icon-email,
.dx-swatch-dark-compact .dx-icon-event,
.dx-swatch-dark-compact .dx-icon-eventall,
.dx-swatch-dark-compact .dx-icon-favorites,
.dx-swatch-dark-compact .dx-icon-find,
.dx-swatch-dark-compact .dx-icon-folder,
.dx-swatch-dark-compact .dx-icon-fontsize,
.dx-swatch-dark-compact .dx-icon-food,
.dx-swatch-dark-compact .dx-icon-formula,
.dx-swatch-dark-compact .dx-icon-gift,
.dx-swatch-dark-compact .dx-icon-globe,
.dx-swatch-dark-compact .dx-icon-group,
.dx-swatch-dark-compact .dx-icon-growfont,
.dx-swatch-dark-compact .dx-icon-header,
.dx-swatch-dark-compact .dx-icon-help,
.dx-swatch-dark-compact .dx-icon-home,
.dx-swatch-dark-compact .dx-icon-image,
.dx-swatch-dark-compact .dx-icon-increaseindent,
.dx-swatch-dark-compact .dx-icon-indent,
.dx-swatch-dark-compact .dx-icon-info,
.dx-swatch-dark-compact .dx-icon-italic,
.dx-swatch-dark-compact .dx-icon-key,
.dx-swatch-dark-compact .dx-icon-like,
.dx-swatch-dark-compact .dx-icon-link,
.dx-swatch-dark-compact .dx-icon-map,
.dx-swatch-dark-compact .dx-icon-mention,
.dx-swatch-dark-compact .dx-icon-menu,
.dx-swatch-dark-compact .dx-icon-mergecells,
.dx-swatch-dark-compact .dx-icon-money,
.dx-swatch-dark-compact .dx-icon-music,
.dx-swatch-dark-compact .dx-icon-orderedlist,
.dx-swatch-dark-compact .dx-icon-overflow,
.dx-swatch-dark-compact .dx-icon-percent,
.dx-swatch-dark-compact .dx-icon-photo,
.dx-swatch-dark-compact .dx-icon-plus,
.dx-swatch-dark-compact .dx-icon-preferences,
.dx-swatch-dark-compact .dx-icon-product,
.dx-swatch-dark-compact .dx-icon-redo,
.dx-swatch-dark-compact .dx-icon-refresh,
.dx-swatch-dark-compact .dx-icon-remove,
.dx-swatch-dark-compact .dx-icon-removecolumn,
.dx-swatch-dark-compact .dx-icon-removerow,
.dx-swatch-dark-compact .dx-icon-removetable,
.dx-swatch-dark-compact .dx-icon-rowproperties,
.dx-swatch-dark-compact .dx-icon-runner,
.dx-swatch-dark-compact .dx-icon-save,
.dx-swatch-dark-compact .dx-icon-search,
.dx-swatch-dark-compact .dx-icon-shrinkfont,
.dx-swatch-dark-compact .dx-icon-splitcells,
.dx-swatch-dark-compact .dx-icon-strike,
.dx-swatch-dark-compact .dx-icon-subscript,
.dx-swatch-dark-compact .dx-icon-superscript,
.dx-swatch-dark-compact .dx-icon-tableproperties,
.dx-swatch-dark-compact .dx-icon-tags,
.dx-swatch-dark-compact .dx-icon-tel,
.dx-swatch-dark-compact .dx-icon-tips,
.dx-swatch-dark-compact .dx-icon-to,
.dx-swatch-dark-compact .dx-icon-todo,
.dx-swatch-dark-compact .dx-icon-toolbox,
.dx-swatch-dark-compact .dx-icon-underline,
.dx-swatch-dark-compact .dx-icon-undo,
.dx-swatch-dark-compact .dx-icon-user,
.dx-swatch-dark-compact .dx-icon-variable,
.dx-swatch-dark-compact .dx-icon-verticalalignbottom,
.dx-swatch-dark-compact .dx-icon-verticalaligncenter,
.dx-swatch-dark-compact .dx-icon-verticalaligntop,
.dx-swatch-dark-compact .dx-icon-video {
  background-position: 0 0;
  background-repeat: no-repeat;
}
.dx-swatch-dark-compact .dx-icon {
  background-position: 50% 50%;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dx-swatch-dark-compact .dx-svg-icon svg {
  pointer-events: none;
}
.dx-swatch-dark-compact .dx-rtl .dx-icon-spinnext::before {
  content: '\f04f';
}
.dx-swatch-dark-compact .dx-rtl .dx-icon-spinprev::before {
  content: '\f04e';
}
.dx-swatch-dark-compact .dx-rtl .dx-icon-chevronnext::before {
  content: '\f012';
}
.dx-swatch-dark-compact .dx-rtl .dx-icon-back::before,
.dx-swatch-dark-compact .dx-rtl .dx-icon-chevronprev::before {
  content: '\f010';
}
.dx-swatch-dark-compact .dx-rtl .dx-icon-undo::before {
  content: '\f093';
}
.dx-swatch-dark-compact .dx-rtl .dx-icon-redo::before {
  content: '\f04c';
}
.dx-swatch-dark-compact .dx-rtl .dx-icon-hidepanel::before {
  content: '\f11d';
}
.dx-swatch-dark-compact .dx-rtl .dx-icon-showpanel::before {
  content: '\f11c';
}
.dx-swatch-dark-compact .dx-icon-add {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-add::before {
  content: '\f00b';
}
.dx-swatch-dark-compact .dx-icon-airplane {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-airplane::before {
  content: '\f000';
}
.dx-swatch-dark-compact .dx-icon-bookmark {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-bookmark::before {
  content: '\f017';
}
.dx-swatch-dark-compact .dx-icon-box {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-box::before {
  content: '\f018';
}
.dx-swatch-dark-compact .dx-icon-car {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-car::before {
  content: '\f01b';
}
.dx-swatch-dark-compact .dx-icon-card {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-card::before {
  content: '\f019';
}
.dx-swatch-dark-compact .dx-icon-cart {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-cart::before {
  content: '\f01a';
}
.dx-swatch-dark-compact .dx-icon-chart {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-chart::before {
  content: '\f01c';
}
.dx-swatch-dark-compact .dx-icon-check {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-check::before {
  content: '\f005';
}
.dx-swatch-dark-compact .dx-icon-clear {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-clear::before {
  content: '\f008';
}
.dx-swatch-dark-compact .dx-icon-clock {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-clock::before {
  content: '\f01d';
}
.dx-swatch-dark-compact .dx-icon-close {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-close::before {
  content: '\f00a';
}
.dx-swatch-dark-compact .dx-icon-coffee {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-coffee::before {
  content: '\f02a';
}
.dx-swatch-dark-compact .dx-icon-comment {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-comment::before {
  content: '\f01e';
}
.dx-swatch-dark-compact .dx-icon-doc {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-doc::before {
  content: '\f021';
}
.dx-swatch-dark-compact .dx-icon-file {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-file::before {
  content: '\f021';
}
.dx-swatch-dark-compact .dx-icon-download {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-download::before {
  content: '\f022';
}
.dx-swatch-dark-compact .dx-icon-dragvertical {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-dragvertical::before {
  content: '\f038';
}
.dx-swatch-dark-compact .dx-icon-edit {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-edit::before {
  content: '\f023';
}
.dx-swatch-dark-compact .dx-icon-email {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-email::before {
  content: '\f024';
}
.dx-swatch-dark-compact .dx-icon-event {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-event::before {
  content: '\f026';
}
.dx-swatch-dark-compact .dx-icon-eventall {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-eventall::before {
  content: '\f043';
}
.dx-swatch-dark-compact .dx-icon-favorites {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-favorites::before {
  content: '\f025';
}
.dx-swatch-dark-compact .dx-icon-find {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-find::before {
  content: '\f027';
}
.dx-swatch-dark-compact .dx-icon-filter {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-filter::before {
  content: '\f050';
}
.dx-swatch-dark-compact .dx-icon-folder {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-folder::before {
  content: '\f028';
}
.dx-swatch-dark-compact .dx-icon-activefolder {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-activefolder::before {
  content: '\f028';
}
.dx-swatch-dark-compact .dx-icon-food {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-food::before {
  content: '\f029';
}
.dx-swatch-dark-compact .dx-icon-gift {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-gift::before {
  content: '\f02b';
}
.dx-swatch-dark-compact .dx-icon-globe {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-globe::before {
  content: '\f02c';
}
.dx-swatch-dark-compact .dx-icon-group {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-group::before {
  content: '\f02e';
}
.dx-swatch-dark-compact .dx-icon-help {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-help::before {
  content: '\f02f';
}
.dx-swatch-dark-compact .dx-icon-home {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-home::before {
  content: '\f030';
}
.dx-swatch-dark-compact .dx-icon-image {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-image::before {
  content: '\f031';
}
.dx-swatch-dark-compact .dx-icon-info {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-info::before {
  content: '\f032';
}
.dx-swatch-dark-compact .dx-icon-key {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-key::before {
  content: '\f033';
}
.dx-swatch-dark-compact .dx-icon-like {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-like::before {
  content: '\f034';
}
.dx-swatch-dark-compact .dx-icon-map {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-map::before {
  content: '\f035';
}
.dx-swatch-dark-compact .dx-icon-menu {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-menu::before {
  content: '\f00c';
}
.dx-swatch-dark-compact .dx-icon-message {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-message::before {
  content: '\f024';
}
.dx-swatch-dark-compact .dx-icon-money {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-money::before {
  content: '\f036';
}
.dx-swatch-dark-compact .dx-icon-music {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-music::before {
  content: '\f037';
}
.dx-swatch-dark-compact .dx-icon-overflow {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-overflow::before {
  content: '\f00d';
}
.dx-swatch-dark-compact .dx-icon-percent {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-percent::before {
  content: '\f039';
}
.dx-swatch-dark-compact .dx-icon-photo {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-photo::before {
  content: '\f03a';
}
.dx-swatch-dark-compact .dx-icon-plus {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-plus::before {
  content: '\f00b';
}
.dx-swatch-dark-compact .dx-icon-minus {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-minus::before {
  content: '\f074';
}
.dx-swatch-dark-compact .dx-icon-preferences {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-preferences::before {
  content: '\f03b';
}
.dx-swatch-dark-compact .dx-icon-product {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-product::before {
  content: '\f03c';
}
.dx-swatch-dark-compact .dx-icon-pulldown {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-pulldown::before {
  content: '\f062';
}
.dx-swatch-dark-compact .dx-icon-refresh {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-refresh::before {
  content: '\f03d';
}
.dx-swatch-dark-compact .dx-icon-remove {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-remove::before {
  content: '\f00a';
}
.dx-swatch-dark-compact .dx-icon-revert {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-revert::before {
  content: '\f04c';
}
.dx-swatch-dark-compact .dx-icon-runner {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-runner::before {
  content: '\f040';
}
.dx-swatch-dark-compact .dx-icon-save {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-save::before {
  content: '\f041';
}
.dx-swatch-dark-compact .dx-icon-search {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-search::before {
  content: '\f027';
}
.dx-swatch-dark-compact .dx-icon-tags {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-tags::before {
  content: '\f009';
}
.dx-swatch-dark-compact .dx-icon-tel {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-tel::before {
  content: '\f003';
}
.dx-swatch-dark-compact .dx-icon-tips {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-tips::before {
  content: '\f004';
}
.dx-swatch-dark-compact .dx-icon-todo {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-todo::before {
  content: '\f005';
}
.dx-swatch-dark-compact .dx-icon-toolbox {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-toolbox::before {
  content: '\f007';
}
.dx-swatch-dark-compact .dx-icon-trash {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-trash::before {
  content: '\f03e';
}
.dx-swatch-dark-compact .dx-icon-user {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-user::before {
  content: '\f02d';
}
.dx-swatch-dark-compact .dx-icon-upload {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-upload::before {
  content: '\f006';
}
.dx-swatch-dark-compact .dx-icon-floppy {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-floppy::before {
  content: '\f073';
}
.dx-swatch-dark-compact .dx-icon-arrowleft {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-arrowleft::before {
  content: '\f011';
}
.dx-swatch-dark-compact .dx-icon-arrowdown {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-arrowdown::before {
  content: '\f015';
}
.dx-swatch-dark-compact .dx-icon-arrowright {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-arrowright::before {
  content: '\f00e';
}
.dx-swatch-dark-compact .dx-icon-arrowup {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-arrowup::before {
  content: '\f013';
}
.dx-swatch-dark-compact .dx-icon-spinleft {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-spinleft::before {
  content: '\f04f';
}
.dx-swatch-dark-compact .dx-icon-spinprev {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-spinprev::before {
  content: '\f04f';
}
.dx-swatch-dark-compact .dx-icon-spinright {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-spinright::before {
  content: '\f04e';
}
.dx-swatch-dark-compact .dx-icon-spinnext {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-spinnext::before {
  content: '\f04e';
}
.dx-swatch-dark-compact .dx-icon-spindown {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-spindown::before {
  content: '\f001';
}
.dx-swatch-dark-compact .dx-icon-spinup {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-spinup::before {
  content: '\f002';
}
.dx-swatch-dark-compact .dx-icon-chevronleft {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-chevronleft::before {
  content: '\f012';
}
.dx-swatch-dark-compact .dx-icon-chevronprev {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-chevronprev::before {
  content: '\f012';
}
.dx-swatch-dark-compact .dx-icon-back {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-back::before {
  content: '\f012';
}
.dx-swatch-dark-compact .dx-icon-chevronright {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-chevronright::before {
  content: '\f010';
}
.dx-swatch-dark-compact .dx-icon-chevronnext {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-chevronnext::before {
  content: '\f010';
}
.dx-swatch-dark-compact .dx-icon-chevrondown {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-chevrondown::before {
  content: '\f016';
}
.dx-swatch-dark-compact .dx-icon-chevronup {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-chevronup::before {
  content: '\f014';
}
.dx-swatch-dark-compact .dx-icon-chevrondoubleleft {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-chevrondoubleleft::before {
  content: '\f042';
}
.dx-swatch-dark-compact .dx-icon-chevrondoubleright {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-chevrondoubleright::before {
  content: '\f03f';
}
.dx-swatch-dark-compact .dx-icon-equal {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-equal::before {
  content: '\f044';
}
.dx-swatch-dark-compact .dx-icon-notequal {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-notequal::before {
  content: '\f045';
}
.dx-swatch-dark-compact .dx-icon-less {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-less::before {
  content: '\f046';
}
.dx-swatch-dark-compact .dx-icon-greater {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-greater::before {
  content: '\f047';
}
.dx-swatch-dark-compact .dx-icon-lessorequal {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-lessorequal::before {
  content: '\f048';
}
.dx-swatch-dark-compact .dx-icon-greaterorequal {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-greaterorequal::before {
  content: '\f049';
}
.dx-swatch-dark-compact .dx-icon-isblank {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-isblank::before {
  content: '\f075';
}
.dx-swatch-dark-compact .dx-icon-isnotblank {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-isnotblank::before {
  content: '\f076';
}
.dx-swatch-dark-compact .dx-icon-sortup {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-sortup::before {
  content: '\f051';
}
.dx-swatch-dark-compact .dx-icon-sortdown {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-sortdown::before {
  content: '\f052';
}
.dx-swatch-dark-compact .dx-icon-sortuptext {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-sortuptext::before {
  content: '\f053';
}
.dx-swatch-dark-compact .dx-icon-sortdowntext {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-sortdowntext::before {
  content: '\f054';
}
.dx-swatch-dark-compact .dx-icon-sorted {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-sorted::before {
  content: '\f055';
}
.dx-swatch-dark-compact .dx-icon-expand {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-expand::before {
  content: '\f04a';
}
.dx-swatch-dark-compact .dx-icon-collapse {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-collapse::before {
  content: '\f04b';
}
.dx-swatch-dark-compact .dx-icon-columnfield {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-columnfield::before {
  content: '\f057';
}
.dx-swatch-dark-compact .dx-icon-rowfield {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-rowfield::before {
  content: '\f058';
}
.dx-swatch-dark-compact .dx-icon-datafield {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-datafield::before {
  content: '\f101';
}
.dx-swatch-dark-compact .dx-icon-fields {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-fields::before {
  content: '\f059';
}
.dx-swatch-dark-compact .dx-icon-fieldchooser {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-fieldchooser::before {
  content: '\f05a';
}
.dx-swatch-dark-compact .dx-icon-columnchooser {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-columnchooser::before {
  content: '\f04d';
}
.dx-swatch-dark-compact .dx-icon-pin {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-pin::before {
  content: '\f05b';
}
.dx-swatch-dark-compact .dx-icon-unpin {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-unpin::before {
  content: '\f05c';
}
.dx-swatch-dark-compact .dx-icon-pinleft {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-pinleft::before {
  content: '\f05d';
}
.dx-swatch-dark-compact .dx-icon-pinright {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-pinright::before {
  content: '\f05e';
}
.dx-swatch-dark-compact .dx-icon-contains {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-contains::before {
  content: '\f063';
}
.dx-swatch-dark-compact .dx-icon-startswith {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-startswith::before {
  content: '\f064';
}
.dx-swatch-dark-compact .dx-icon-endswith {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-endswith::before {
  content: '\f065';
}
.dx-swatch-dark-compact .dx-icon-doesnotcontain {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-doesnotcontain::before {
  content: '\f066';
}
.dx-swatch-dark-compact .dx-icon-range {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-range::before {
  content: '\f06a';
}
.dx-swatch-dark-compact .dx-icon-export {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-export::before {
  content: '\f05f';
}
.dx-swatch-dark-compact .dx-icon-exportxlsx {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-exportxlsx::before {
  content: '\f060';
}
.dx-swatch-dark-compact .dx-icon-exportpdf {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-exportpdf::before {
  content: '\f061';
}
.dx-swatch-dark-compact .dx-icon-exportselected {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-exportselected::before {
  content: '\f06d';
}
.dx-swatch-dark-compact .dx-icon-warning {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-warning::before {
  content: '\f06b';
}
.dx-swatch-dark-compact .dx-icon-more {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-more::before {
  content: '\f06c';
}
.dx-swatch-dark-compact .dx-icon-square {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-square::before {
  content: '\f067';
}
.dx-swatch-dark-compact .dx-icon-clearsquare {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-clearsquare::before {
  content: '\f068';
}
.dx-swatch-dark-compact .dx-icon-repeat {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-repeat::before {
  content: '\f069';
}
.dx-swatch-dark-compact .dx-icon-selectall {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-selectall::before {
  content: '\f070';
}
.dx-swatch-dark-compact .dx-icon-unselectall {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-unselectall::before {
  content: '\f071';
}
.dx-swatch-dark-compact .dx-icon-print {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-print::before {
  content: '\f072';
}
.dx-swatch-dark-compact .dx-icon-bold {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-bold::before {
  content: '\f077';
}
.dx-swatch-dark-compact .dx-icon-italic {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-italic::before {
  content: '\f078';
}
.dx-swatch-dark-compact .dx-icon-underline {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-underline::before {
  content: '\f079';
}
.dx-swatch-dark-compact .dx-icon-strike {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-strike::before {
  content: '\f07a';
}
.dx-swatch-dark-compact .dx-icon-indent {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-indent::before {
  content: '\f07b';
}
.dx-swatch-dark-compact .dx-icon-increaselinespacing {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-increaselinespacing::before {
  content: '\f07b';
}
.dx-swatch-dark-compact .dx-icon-font {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-font::before {
  content: '\f11b';
}
.dx-swatch-dark-compact .dx-icon-fontsize {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-fontsize::before {
  content: '\f07c';
}
.dx-swatch-dark-compact .dx-icon-shrinkfont {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-shrinkfont::before {
  content: '\f07d';
}
.dx-swatch-dark-compact .dx-icon-growfont {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-growfont::before {
  content: '\f07e';
}
.dx-swatch-dark-compact .dx-icon-color {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-color::before {
  content: '\f07f';
}
.dx-swatch-dark-compact .dx-icon-background {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-background::before {
  content: '\f080';
}
.dx-swatch-dark-compact .dx-icon-fill {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-fill::before {
  content: '\f10d';
}
.dx-swatch-dark-compact .dx-icon-palette {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-palette::before {
  content: '\f120';
}
.dx-swatch-dark-compact .dx-icon-superscript {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-superscript::before {
  content: '\f081';
}
.dx-swatch-dark-compact .dx-icon-subscript {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-subscript::before {
  content: '\f082';
}
.dx-swatch-dark-compact .dx-icon-header {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-header::before {
  content: '\f083';
}
.dx-swatch-dark-compact .dx-icon-blockquote {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-blockquote::before {
  content: '\f084';
}
.dx-swatch-dark-compact .dx-icon-formula {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-formula::before {
  content: '\f056';
}
.dx-swatch-dark-compact .dx-icon-codeblock {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-codeblock::before {
  content: '\f085';
}
.dx-swatch-dark-compact .dx-icon-orderedlist {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-orderedlist::before {
  content: '\f086';
}
.dx-swatch-dark-compact .dx-icon-bulletlist {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-bulletlist::before {
  content: '\f087';
}
.dx-swatch-dark-compact .dx-icon-increaseindent {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-increaseindent::before {
  content: '\f088';
}
.dx-swatch-dark-compact .dx-icon-decreaseindent {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-decreaseindent::before {
  content: '\f089';
}
.dx-swatch-dark-compact .dx-icon-decreaselinespacing {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-decreaselinespacing::before {
  content: '\f106';
}
.dx-swatch-dark-compact .dx-icon-alignleft {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-alignleft::before {
  content: '\f08a';
}
.dx-swatch-dark-compact .dx-icon-alignright {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-alignright::before {
  content: '\f08b';
}
.dx-swatch-dark-compact .dx-icon-aligncenter {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-aligncenter::before {
  content: '\f08c';
}
.dx-swatch-dark-compact .dx-icon-alignjustify {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-alignjustify::before {
  content: '\f08d';
}
.dx-swatch-dark-compact .dx-icon-link {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-link::before {
  content: '\f08e';
}
.dx-swatch-dark-compact .dx-icon-video {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-video::before {
  content: '\f08f';
}
.dx-swatch-dark-compact .dx-icon-mention {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-mention::before {
  content: '\f090';
}
.dx-swatch-dark-compact .dx-icon-variable {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-variable::before {
  content: '\f091';
}
.dx-swatch-dark-compact .dx-icon-clearformat {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-clearformat::before {
  content: '\f092';
}
.dx-swatch-dark-compact .dx-icon-fullscreen {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-fullscreen::before {
  content: '\f11a';
}
.dx-swatch-dark-compact .dx-icon-hierarchy {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-hierarchy::before {
  content: '\f124';
}
.dx-swatch-dark-compact .dx-icon-docfile {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-docfile::before {
  content: '\f111';
}
.dx-swatch-dark-compact .dx-icon-docxfile {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-docxfile::before {
  content: '\f110';
}
.dx-swatch-dark-compact .dx-icon-pdffile {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-pdffile::before {
  content: '\f118';
}
.dx-swatch-dark-compact .dx-icon-pptfile {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-pptfile::before {
  content: '\f114';
}
.dx-swatch-dark-compact .dx-icon-pptxfile {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-pptxfile::before {
  content: '\f115';
}
.dx-swatch-dark-compact .dx-icon-rtffile {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-rtffile::before {
  content: '\f112';
}
.dx-swatch-dark-compact .dx-icon-txtfile {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-txtfile::before {
  content: '\f113';
}
.dx-swatch-dark-compact .dx-icon-xlsfile {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-xlsfile::before {
  content: '\f116';
}
.dx-swatch-dark-compact .dx-icon-xlsxfile {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-xlsxfile::before {
  content: '\f117';
}
.dx-swatch-dark-compact .dx-icon-copy {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-copy::before {
  content: '\f107';
}
.dx-swatch-dark-compact .dx-icon-cut {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-cut::before {
  content: '\f10a';
}
.dx-swatch-dark-compact .dx-icon-paste {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-paste::before {
  content: '\f108';
}
.dx-swatch-dark-compact .dx-icon-share {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-share::before {
  content: '\f11f';
}
.dx-swatch-dark-compact .dx-icon-inactivefolder {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-inactivefolder::before {
  content: '\f105';
}
.dx-swatch-dark-compact .dx-icon-newfolder {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-newfolder::before {
  content: '\f123';
}
.dx-swatch-dark-compact .dx-icon-movetofolder {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-movetofolder::before {
  content: '\f121';
}
.dx-swatch-dark-compact .dx-icon-parentfolder {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-parentfolder::before {
  content: '\f122';
}
.dx-swatch-dark-compact .dx-icon-rename {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-rename::before {
  content: '\f109';
}
.dx-swatch-dark-compact .dx-icon-detailslayout {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-detailslayout::before {
  content: '\f10b';
}
.dx-swatch-dark-compact .dx-icon-contentlayout {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-contentlayout::before {
  content: '\f11e';
}
.dx-swatch-dark-compact .dx-icon-smalliconslayout {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-smalliconslayout::before {
  content: '\f119';
}
.dx-swatch-dark-compact .dx-icon-mediumiconslayout {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-mediumiconslayout::before {
  content: '\f10c';
}
.dx-swatch-dark-compact .dx-icon-undo {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-undo::before {
  content: '\f04c';
}
.dx-swatch-dark-compact .dx-icon-redo {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-redo::before {
  content: '\f093';
}
.dx-swatch-dark-compact .dx-icon-hidepanel {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-hidepanel::before {
  content: '\f11c';
}
.dx-swatch-dark-compact .dx-icon-showpanel {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-showpanel::before {
  content: '\f11d';
}
.dx-swatch-dark-compact .dx-icon-checklist {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-checklist::before {
  content: '\f141';
}
.dx-swatch-dark-compact .dx-icon-verticalaligntop {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-verticalaligntop::before {
  content: '\f14f';
}
.dx-swatch-dark-compact .dx-icon-verticalaligncenter {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-verticalaligncenter::before {
  content: '\f14e';
}
.dx-swatch-dark-compact .dx-icon-verticalalignbottom {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-verticalalignbottom::before {
  content: '\f14d';
}
.dx-swatch-dark-compact .dx-icon-rowproperties {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-rowproperties::before {
  content: '\f14c';
}
.dx-swatch-dark-compact .dx-icon-columnproperties {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-columnproperties::before {
  content: '\f14b';
}
.dx-swatch-dark-compact .dx-icon-cellproperties {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-cellproperties::before {
  content: '\f14a';
}
.dx-swatch-dark-compact .dx-icon-tableproperties {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-tableproperties::before {
  content: '\f140';
}
.dx-swatch-dark-compact .dx-icon-splitcells {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-splitcells::before {
  content: '\f139';
}
.dx-swatch-dark-compact .dx-icon-mergecells {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-mergecells::before {
  content: '\f138';
}
.dx-swatch-dark-compact .dx-icon-deleterow {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-deleterow::before {
  content: '\f137';
}
.dx-swatch-dark-compact .dx-icon-deletecolumn {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-deletecolumn::before {
  content: '\f136';
}
.dx-swatch-dark-compact .dx-icon-insertrowabove {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-insertrowabove::before {
  content: '\f135';
}
.dx-swatch-dark-compact .dx-icon-insertrowbelow {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-insertrowbelow::before {
  content: '\f134';
}
.dx-swatch-dark-compact .dx-icon-insertcolumnleft {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-insertcolumnleft::before {
  content: '\f133';
}
.dx-swatch-dark-compact .dx-icon-insertcolumnright {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-insertcolumnright::before {
  content: '\f132';
}
.dx-swatch-dark-compact .dx-icon-inserttable {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-inserttable::before {
  content: '\f130';
}
.dx-swatch-dark-compact .dx-icon-deletetable {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-deletetable::before {
  content: '\f131';
}
.dx-swatch-dark-compact .dx-icon-edittableheader {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-edittableheader::before {
  content: '\f142';
}
.dx-swatch-dark-compact .dx-icon-addtableheader {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-addtableheader::before {
  content: '\f143';
}
.dx-swatch-dark-compact .dx-icon-pasteplaintext {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-pasteplaintext::before {
  content: '\f144';
}
.dx-swatch-dark-compact .dx-icon-importselected {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-importselected::before {
  content: '\f145';
}
.dx-swatch-dark-compact .dx-icon-import {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-import::before {
  content: '\f146';
}
.dx-swatch-dark-compact .dx-icon-textdocument {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-textdocument::before {
  content: '\f147';
}
.dx-swatch-dark-compact .dx-icon-jpgfile {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-jpgfile::before {
  content: '\f148';
}
.dx-swatch-dark-compact .dx-icon-bmpfile {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-bmpfile::before {
  content: '\f149';
}
.dx-swatch-dark-compact .dx-icon-svgfile {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-svgfile::before {
  content: '\f150';
}
.dx-swatch-dark-compact .dx-icon-attach {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-attach::before {
  content: '\f151';
}
.dx-swatch-dark-compact .dx-icon-return {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-return::before {
  content: '\f152';
}
.dx-swatch-dark-compact .dx-icon-indeterminatestate {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-indeterminatestate::before {
  content: '\f153';
}
.dx-swatch-dark-compact .dx-icon-lock {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-lock::before {
  content: '\f154';
}
.dx-swatch-dark-compact .dx-icon-unlock {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-unlock::before {
  content: '\f155';
}
.dx-swatch-dark-compact .dx-icon-imgarlock {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-imgarlock::before {
  content: '\f156';
}
.dx-swatch-dark-compact .dx-icon-imgarunlock {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-imgarunlock::before {
  content: '\f157';
}
.dx-swatch-dark-compact .dx-icon-bell {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-bell::before {
  content: '\f158';
}
.dx-swatch-dark-compact .dx-icon-sun {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-sun::before {
  content: '\f159';
}
.dx-swatch-dark-compact .dx-icon-send {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-send::before {
  content: '\f160';
}
.dx-swatch-dark-compact .dx-icon-pinmap {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-pinmap::before {
  content: '\f161';
}
.dx-swatch-dark-compact .dx-icon-photooutline {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-photooutline::before {
  content: '\f162';
}
.dx-swatch-dark-compact .dx-icon-panelright {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-panelright::before {
  content: '\f163';
}
.dx-swatch-dark-compact .dx-icon-panelleft {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-panelleft::before {
  content: '\f164';
}
.dx-swatch-dark-compact .dx-icon-optionsgear {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-optionsgear::before {
  content: '\f165';
}
.dx-swatch-dark-compact .dx-icon-moon {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-moon::before {
  content: '\f166';
}
.dx-swatch-dark-compact .dx-icon-login {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-login::before {
  content: '\f167';
}
.dx-swatch-dark-compact .dx-icon-eyeopen {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-eyeopen::before {
  content: '\f168';
}
.dx-swatch-dark-compact .dx-icon-eyeclose {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-eyeclose::before {
  content: '\f169';
}
.dx-swatch-dark-compact .dx-icon-expandform {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-expandform::before {
  content: '\f170';
}
.dx-swatch-dark-compact .dx-icon-description {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-description::before {
  content: '\f171';
}
.dx-swatch-dark-compact .dx-icon-belloutline {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-belloutline::before {
  content: '\f172';
}
.dx-swatch-dark-compact .dx-icon-to {
  font: 14px/1 DXIcons;
}
.dx-swatch-dark-compact .dx-icon-to::before {
  content: '\f173';
}
.dx-swatch-dark-compact .dx-icon {
  font-size: 24px;
  line-height: 1;
  white-space: nowrap;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}
.dx-swatch-dark-compact .dx-tab .dx-icon,
.dx-swatch-dark-compact .dx-tab.dx-tab-selected .dx-icon {
  background-size: 100% 100%;
  background-position: 50% 50%;
}
.dx-swatch-dark-compact .dx-scrollview-pulldown {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==');
  background-position: 0 0;
  background-repeat: no-repeat;
}
.dx-swatch-dark-compact .dx-loadindicator-image-small {
  background-image: url('data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7');
  background-position: center center;
  background-repeat: no-repeat;
}
.dx-swatch-dark-compact .dx-loadindicator-image-large {
  background-image: url('data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7');
  background-position: center center;
  background-repeat: no-repeat;
}
.dx-swatch-dark-compact .dx-color-scheme {
  font-family: '#';
}
.dx-swatch-dark-compact .dx-widget {
  display: block;
  -ms-content-zooming: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  padding: 0;
  outline: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-swatch-dark-compact .dx-widget,
.dx-swatch-dark-compact .dx-widget *,
.dx-swatch-dark-compact .dx-widget ::after,
.dx-swatch-dark-compact .dx-widget ::before,
.dx-swatch-dark-compact .dx-widget::after,
.dx-swatch-dark-compact .dx-widget::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dx-swatch-dark-compact .dx-item {
  outline: 0;
}
.dx-swatch-dark-compact .dx-rtl {
  direction: rtl;
  unicode-bidi: embed;
}
.dx-swatch-dark-compact .dx-state-disabled {
  pointer-events: none;
}
.dx-swatch-dark-compact .dx-widget input,
.dx-swatch-dark-compact .dx-widget textarea {
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-swatch-dark-compact .dx-state-disabled .dx-widget,
.dx-swatch-dark-compact .dx-state-disabled.dx-widget {
  opacity: 0.38;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  cursor: default;
}
.dx-swatch-dark-compact .dx-state-disabled .dx-widget .dx-widget,
.dx-swatch-dark-compact .dx-state-disabled.dx-widget .dx-widget {
  opacity: 1;
}
.dx-swatch-dark-compact .dx-card {
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  background-color: #2a2a2a;
  margin: 2px 2px 3px;
}
.dx-swatch-dark-compact .dx-fieldset .dx-field-value {
  margin: 0;
}
.dx-swatch-dark-compact .dx-fieldset,
.dx-swatch-dark-compact .dx-fieldset * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dx-swatch-dark-compact .dx-fieldset-header:empty {
  display: none;
}
.dx-swatch-dark-compact .dx-field {
  position: relative;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dx-swatch-dark-compact .dx-field::after,
.dx-swatch-dark-compact .dx-field::before {
  display: table;
  content: '';
  line-height: 0;
}
.dx-swatch-dark-compact .dx-field::after {
  clear: both;
}
.dx-swatch-dark-compact .dx-field-label {
  float: left;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-swatch-dark-compact .dx-field-value,
.dx-swatch-dark-compact .dx-field-value-static {
  float: right;
}
.dx-swatch-dark-compact .dx-field-value.dx-datebox {
  min-width: 60%;
}
.dx-swatch-dark-compact .dx-field-value:not(.dx-widget) > .dx-datebox {
  min-width: 100%;
}
.dx-swatch-dark-compact .dx-field-value .dx-selectbox-tag-container {
  white-space: normal;
}
.dx-swatch-dark-compact
  .dx-field-value:not(.dx-widget)
  > .dx-selectbox.dx-selectbox-multiselect.dx-widget {
  position: relative;
  width: auto;
  text-align: left;
}
.dx-swatch-dark-compact .dx-fieldset.dx-rtl .dx-field-label,
.dx-swatch-dark-compact .dx-rtl .dx-fieldset .dx-field-label {
  float: right;
}
.dx-swatch-dark-compact .dx-fieldset.dx-rtl .dx-field-value,
.dx-swatch-dark-compact .dx-rtl .dx-fieldset .dx-field-value {
  float: left;
}
.dx-swatch-dark-compact .dx-field input,
.dx-swatch-dark-compact .dx-field textarea {
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-swatch-dark-compact .dx-field-label i {
  font-style: normal;
}
.dx-swatch-dark-compact .dx-field-value.dx-attention {
  color: #f44336;
  padding: 21px 10px 20px 32px;
  position: relative;
}
.dx-swatch-dark-compact .dx-field-value.dx-attention::before {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: 500;
  background-color: #f44336;
  color: rgba(0, 0, 0, 0.87);
  content: '!';
  border-radius: 50%;
  left: 0;
}
.dx-swatch-dark-compact .dx-field-value-static,
.dx-swatch-dark-compact
  .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
  width: 60%;
}
.dx-swatch-dark-compact .dx-field-label {
  color: #fff;
  font-size: 12px;
  cursor: default;
  -ms-flex-item-align: center;
  align-self: center;
  padding-right: 15px;
}
.dx-swatch-dark-compact .dx-field-value.dx-widget,
.dx-swatch-dark-compact .dx-field-value:not(.dx-widget) > .dx-widget {
  margin: 0;
}
.dx-swatch-dark-compact .dx-field-value:not(.dx-widget) > .dx-button,
.dx-swatch-dark-compact .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-swatch-dark-compact .dx-field-value:not(.dx-widget) > .dx-switch {
  float: right;
}
.dx-swatch-dark-compact .dx-field-value.dx-checkbox,
.dx-swatch-dark-compact .dx-field-value:not(.dx-widget) > .dx-checkbox {
  margin: 15px 0;
}
.dx-swatch-dark-compact .dx-field-value.dx-switch,
.dx-swatch-dark-compact .dx-field-value:not(.dx-widget) > .dx-switch {
  margin: 14px 0;
}
.dx-swatch-dark-compact .dx-field-value.dx-slider,
.dx-swatch-dark-compact .dx-field-value:not(.dx-widget) > .dx-slider {
  margin: 10px 0;
}
.dx-swatch-dark-compact .dx-field-value.dx-radiogroup,
.dx-swatch-dark-compact .dx-field-value:not(.dx-widget) > .dx-radiogroup {
  margin: 11px 0;
}
.dx-swatch-dark-compact .dx-field-value-static {
  white-space: normal;
  padding: 21px 10px 20px;
}
.dx-swatch-dark-compact .dx-fieldset {
  margin: 30px 20px;
  padding: 0;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-fieldset
  .dx-field-value:not(.dx-widget)
  > .dx-button,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-fieldset
  .dx-field-value:not(.dx-widget)
  > .dx-checkbox,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-fieldset
  .dx-field-value:not(.dx-widget)
  > .dx-switch,
.dx-swatch-dark-compact
  .dx-rtl.dx-fieldset
  .dx-field-value:not(.dx-widget)
  > .dx-button,
.dx-swatch-dark-compact
  .dx-rtl.dx-fieldset
  .dx-field-value:not(.dx-widget)
  > .dx-checkbox,
.dx-swatch-dark-compact
  .dx-rtl.dx-fieldset
  .dx-field-value:not(.dx-widget)
  > .dx-switch {
  float: left;
}
.dx-swatch-dark-compact .dx-fieldset-header {
  margin: 0 0 20px;
  font-size: 18px;
}
.dx-swatch-dark-compact .dx-field {
  margin: 0 0 30px;
}
.dx-swatch-dark-compact .dx-field:last-of-type {
  margin: 0;
}
.dx-swatch-dark-compact .dx-theme-marker {
  font-family: 'dx.material.orange-dark';
}
.dx-swatch-dark-compact .dx-theme-accent-as-text-color {
  color: #ff5722 !important;
}
.dx-swatch-dark-compact .dx-theme-text-color {
  color: #fff !important;
}
.dx-swatch-dark-compact .dx-theme-background-color-as-text-color {
  color: #363640 !important;
}
.dx-swatch-dark-compact .dx-theme-border-color-as-text-color {
  color: #515159 !important;
}
.dx-swatch-dark-compact .dx-theme-accent-as-background-color {
  background-color: #ff5722 !important;
  fill: #ff5722 !important;
}
.dx-swatch-dark-compact .dx-theme-text-color-as-background-color {
  background-color: #fff !important;
  fill: #fff !important;
}
.dx-swatch-dark-compact .dx-theme-background-color {
  background-color: #363640 !important;
  fill: #363640 !important;
}
.dx-swatch-dark-compact .dx-theme-border-color-as-background-color {
  background-color: #515159 !important;
  fill: #515159 !important;
}
.dx-swatch-dark-compact .dx-theme-accent-as-border-color {
  border-color: #ff5722 !important;
}
.dx-swatch-dark-compact .dx-theme-text-color-as-border-color {
  border-color: #fff !important;
}
.dx-swatch-dark-compact .dx-theme-background-color-as-border-color {
  border-color: #363640 !important;
}
.dx-swatch-dark-compact .dx-theme-border-color {
  border-color: #515159 !important;
}
.dx-swatch-dark-compact .dx-inkripple {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.dx-swatch-dark-compact .dx-inkripple-wave {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}
.dx-swatch-dark-compact .dx-inkripple-showing {
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.dx-swatch-dark-compact .dx-inkripple-hiding {
  -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s linear;
  transition: transform 0.1s linear, opacity 0.1s linear,
    -webkit-transform 0.1s linear;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  opacity: 0;
}
.dx-swatch-dark-compact .dx-resizable {
  display: block;
  position: relative;
}
.dx-swatch-dark-compact .dx-resizable-handle {
  position: absolute;
  z-index: 50;
}
.dx-swatch-dark-compact .dx-state-disabled .dx-resizable-handle {
  cursor: default;
}
.dx-swatch-dark-compact .dx-resizable-handle-left,
.dx-swatch-dark-compact .dx-resizable-handle-right {
  top: 0;
  height: 100%;
  width: 3px;
}
.dx-swatch-dark-compact .dx-resizable-handle-left {
  left: 0;
  cursor: e-resize;
}
.dx-swatch-dark-compact .dx-resizable-handle-right {
  right: 0;
  cursor: e-resize;
}
.dx-swatch-dark-compact .dx-resizable-handle-bottom,
.dx-swatch-dark-compact .dx-resizable-handle-top {
  left: 0;
  width: 100%;
  height: 3px;
}
.dx-swatch-dark-compact .dx-resizable-handle-top {
  top: 0;
  cursor: s-resize;
}
.dx-swatch-dark-compact .dx-resizable-handle-bottom {
  bottom: 0;
  cursor: s-resize;
}
.dx-swatch-dark-compact .dx-resizable-handle-corner-bottom-left,
.dx-swatch-dark-compact .dx-resizable-handle-corner-bottom-right,
.dx-swatch-dark-compact .dx-resizable-handle-corner-top-left,
.dx-swatch-dark-compact .dx-resizable-handle-corner-top-right {
  width: 6px;
  height: 6px;
}
.dx-swatch-dark-compact .dx-resizable-handle-corner-bottom-right,
.dx-swatch-dark-compact .dx-resizable-handle-corner-top-left {
  cursor: se-resize;
}
.dx-swatch-dark-compact .dx-resizable-handle-corner-bottom-left,
.dx-swatch-dark-compact .dx-resizable-handle-corner-top-right {
  cursor: ne-resize;
}
.dx-swatch-dark-compact .dx-resizable-handle-corner-bottom-left,
.dx-swatch-dark-compact .dx-resizable-handle-corner-top-left {
  left: 0;
  border-bottom-right-radius: 100%;
}
.dx-swatch-dark-compact .dx-resizable-handle-corner-bottom-right,
.dx-swatch-dark-compact .dx-resizable-handle-corner-top-right {
  right: 0;
  border-bottom-left-radius: 100%;
}
.dx-swatch-dark-compact .dx-resizable-handle-corner-top-left,
.dx-swatch-dark-compact .dx-resizable-handle-corner-top-right {
  top: 0;
}
.dx-swatch-dark-compact .dx-resizable-handle-corner-bottom-left,
.dx-swatch-dark-compact .dx-resizable-handle-corner-bottom-right {
  bottom: 0;
}
.dx-swatch-dark-compact .dx-draggable {
  left: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-swatch-dark-compact .dx-draggable.dx-state-disabled,
.dx-swatch-dark-compact .dx-state-disabled .dx-draggable {
  cursor: default;
}
.dx-swatch-dark-compact .dx-draggable-clone {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2147483647;
}
.dx-swatch-dark-compact .dx-clearfix::after,
.dx-swatch-dark-compact .dx-clearfix::before {
  display: table;
  content: '';
  line-height: 0;
}
.dx-swatch-dark-compact .dx-clearfix::after {
  clear: both;
}
.dx-swatch-dark-compact .dx-translate-disabled {
  -webkit-transform: none !important;
  transform: none !important;
}
.dx-swatch-dark-compact .dx-hidden-input {
  position: fixed;
  top: -10px;
  left: -10px;
  width: 0;
  height: 0;
}
.dx-swatch-dark-compact .dx-user-select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.dx-swatch-dark-compact .dx-hidden,
.dx-swatch-dark-compact .dx-state-invisible {
  display: none !important;
}
.dx-swatch-dark-compact .dx-gesture-cover {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 2147483647;
}
.dx-swatch-dark-compact .dx-animating {
  pointer-events: none;
}
.dx-swatch-dark-compact .dx-fade-animation.dx-enter,
.dx-swatch-dark-compact .dx-fade-animation.dx-leave.dx-leave-active,
.dx-swatch-dark-compact .dx-no-direction.dx-enter,
.dx-swatch-dark-compact .dx-no-direction.dx-leave.dx-leave-active {
  opacity: 0;
}
.dx-swatch-dark-compact .dx-fade-animation.dx-enter.dx-enter-active,
.dx-swatch-dark-compact .dx-fade-animation.dx-leave,
.dx-swatch-dark-compact .dx-no-direction.dx-enter.dx-enter-active,
.dx-swatch-dark-compact .dx-no-direction.dx-leave {
  opacity: 1;
}
.dx-swatch-dark-compact .dx-overflow-animation.dx-enter.dx-forward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.dx-swatch-dark-compact
  .dx-overflow-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 2;
}
.dx-swatch-dark-compact .dx-overflow-animation.dx-enter.dx-backward,
.dx-swatch-dark-compact
  .dx-overflow-animation.dx-enter.dx-enter-active.dx-backward,
.dx-swatch-dark-compact .dx-overflow-animation.dx-leave.dx-forward,
.dx-swatch-dark-compact
  .dx-overflow-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.dx-swatch-dark-compact .dx-overflow-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 2;
}
.dx-swatch-dark-compact
  .dx-overflow-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.dx-swatch-dark-compact .dx-slide-animation.dx-enter.dx-forward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.dx-swatch-dark-compact
  .dx-slide-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.dx-swatch-dark-compact .dx-slide-animation.dx-enter.dx-backward {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.dx-swatch-dark-compact
  .dx-slide-animation.dx-enter.dx-enter-active.dx-backward,
.dx-swatch-dark-compact .dx-slide-animation.dx-leave.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.dx-swatch-dark-compact
  .dx-slide-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.dx-swatch-dark-compact .dx-slide-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.dx-swatch-dark-compact
  .dx-slide-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.dx-swatch-dark-compact .dx-opendoor-animation.dx-enter.dx-forward {
  -webkit-transform: matrix3d(
    0.71,
    0,
    0.71,
    0.001,
    0,
    1,
    0,
    0,
    -0.71,
    0,
    0.71,
    0,
    0,
    0,
    0,
    1
  );
  transform: matrix3d(
    0.71,
    0,
    0.71,
    0.001,
    0,
    1,
    0,
    0,
    -0.71,
    0,
    0.71,
    0,
    0,
    0,
    0,
    1
  );
  -webkit-transform-origin: center left 0;
  transform-origin: center left 0;
  opacity: 0;
}
.dx-swatch-dark-compact
  .dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward,
.dx-swatch-dark-compact
  .dx-opendoor-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}
.dx-swatch-dark-compact .dx-opendoor-animation.dx-leave.dx-backward,
.dx-swatch-dark-compact .dx-opendoor-animation.dx-leave.dx-forward {
  -webkit-transform: none;
  transform: none;
  -webkit-transform-origin: center left 0;
  transform-origin: center left 0;
  opacity: 1;
}
.dx-swatch-dark-compact .dx-opendoor-animation.dx-enter.dx-backward,
.dx-swatch-dark-compact
  .dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: matrix3d(
    0.5,
    0,
    0.87,
    -0.001,
    0,
    1,
    0,
    0,
    -0.87,
    0,
    0.5,
    0,
    0,
    0,
    0,
    1
  );
  transform: matrix3d(
    0.5,
    0,
    0.87,
    -0.001,
    0,
    1,
    0,
    0,
    -0.87,
    0,
    0.5,
    0,
    0,
    0,
    0,
    1
  );
  -webkit-transform-origin: center left 0;
  transform-origin: center left 0;
  opacity: 0;
}
.dx-swatch-dark-compact
  .dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: matrix3d(
    0.71,
    0,
    0.71,
    0.001,
    0,
    1,
    0,
    0,
    -0.71,
    0,
    0.71,
    0,
    0,
    0,
    0,
    1
  );
  transform: matrix3d(
    0.71,
    0,
    0.71,
    0.001,
    0,
    1,
    0,
    0,
    -0.71,
    0,
    0.71,
    0,
    0,
    0,
    0,
    1
  );
  opacity: 0;
}
.dx-swatch-dark-compact .dx-win-pop-animation.dx-enter.dx-forward {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
.dx-swatch-dark-compact
  .dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.dx-swatch-dark-compact .dx-win-pop-animation.dx-enter.dx-backward,
.dx-swatch-dark-compact
  .dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0;
}
.dx-swatch-dark-compact
  .dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.dx-swatch-dark-compact
  .dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
.dx-swatch-dark-compact .dx-android-pop-animation.dx-enter.dx-forward,
.dx-swatch-dark-compact
  .dx-android-pop-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
  opacity: 0;
}
.dx-swatch-dark-compact
  .dx-android-pop-animation.dx-enter.dx-enter-active.dx-forward,
.dx-swatch-dark-compact .dx-android-pop-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.dx-swatch-dark-compact .dx-android-pop-animation.dx-enter.dx-forward,
.dx-swatch-dark-compact .dx-android-pop-animation.dx-leave.dx-backward {
  z-index: 1;
}
.dx-swatch-dark-compact .dx-ios7-slide-animation.dx-enter.dx-forward {
  z-index: 2;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.dx-swatch-dark-compact
  .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.dx-swatch-dark-compact .dx-ios7-slide-animation.dx-enter.dx-backward {
  -webkit-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
  z-index: 1;
}
.dx-swatch-dark-compact
  .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.dx-swatch-dark-compact .dx-ios7-slide-animation.dx-leave.dx-forward {
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.dx-swatch-dark-compact
  .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
  z-index: 1;
}
.dx-swatch-dark-compact .dx-ios7-slide-animation.dx-leave.dx-backward {
  z-index: 2;
}
.dx-swatch-dark-compact
  .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.dx-swatch-dark-compact .dx-ios7-toolbar-animation.dx-enter.dx-forward {
  -webkit-transform: translate3d(40%, 0, 0);
  transform: translate3d(40%, 0, 0);
  opacity: 0;
  z-index: 2;
}
.dx-swatch-dark-compact
  .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 2;
}
.dx-swatch-dark-compact .dx-ios7-toolbar-animation.dx-enter.dx-backward {
  -webkit-transform: translate3d(-40%, 0, 0);
  transform: translate3d(-40%, 0, 0);
  opacity: 0;
  z-index: 1;
}
.dx-swatch-dark-compact
  .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward,
.dx-swatch-dark-compact .dx-ios7-toolbar-animation.dx-leave.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 1;
}
.dx-swatch-dark-compact
  .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(-40%, 0, 0);
  transform: translate3d(-40%, 0, 0);
  opacity: 0;
  z-index: 1;
}
.dx-swatch-dark-compact .dx-ios7-toolbar-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 2;
}
.dx-swatch-dark-compact
  .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(40%, 0, 0);
  transform: translate3d(40%, 0, 0);
  opacity: 0;
  z-index: 2;
}
.dx-swatch-dark-compact .dx-drop-animation.dx-enter,
.dx-swatch-dark-compact .dx-drop-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(0, -120%, 0);
  transform: translate3d(0, -120%, 0);
}
.dx-swatch-dark-compact .dx-drop-animation.dx-enter.dx-enter-active,
.dx-swatch-dark-compact .dx-drop-animation.dx-leave {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.dx-swatch-dark-compact .dx-3d-drop-animation.dx-enter,
.dx-swatch-dark-compact .dx-3d-drop-animation.dx-leave.dx-leave-active {
  -webkit-transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0)
    scale3d(1.1, 1.1, 1.1);
  transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0)
    scale3d(1.1, 1.1, 1.1);
  opacity: 0;
}
.dx-swatch-dark-compact .dx-3d-drop-animation.dx-enter.dx-enter-active,
.dx-swatch-dark-compact .dx-3d-drop-animation.dx-leave {
  -webkit-transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1;
}
.dx-swatch-dark-compact .dx-fade-drop-animation.dx-enter,
.dx-swatch-dark-compact .dx-fade-drop-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  opacity: 0;
}
.dx-swatch-dark-compact .dx-fade-drop-animation.dx-enter.dx-enter-active,
.dx-swatch-dark-compact .dx-fade-drop-animation.dx-leave {
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1;
}
.dx-swatch-dark-compact .dx-fade-rise-animation.dx-enter,
.dx-swatch-dark-compact .dx-fade-rise-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
  transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
  opacity: 0;
}
.dx-swatch-dark-compact .dx-fade-rise-animation.dx-enter.dx-enter-active,
.dx-swatch-dark-compact .dx-fade-rise-animation.dx-leave {
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1;
}
.dx-swatch-dark-compact .dx-fade-slide-animation.dx-enter,
.dx-swatch-dark-compact .dx-fade-slide-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(40%, 0, 0);
  transform: translate3d(40%, 0, 0);
  opacity: 0;
}
.dx-swatch-dark-compact .dx-fade-slide-animation.dx-enter.dx-enter-active,
.dx-swatch-dark-compact .dx-fade-slide-animation.dx-leave {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.dx-swatch-dark-compact .dx-fade-zoom-animation.dx-enter,
.dx-swatch-dark-compact .dx-fade-zoom-animation.dx-leave.dx-leave-active {
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  opacity: 0;
}
.dx-swatch-dark-compact .dx-fade-zoom-animation.dx-enter.dx-enter-active,
.dx-swatch-dark-compact .dx-fade-zoom-animation.dx-leave {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.dx-swatch-dark-compact .dx-button-disabled {
  cursor: default;
}
.dx-swatch-dark-compact .dx-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  min-width: 36px;
}
.dx-swatch-dark-compact .dx-button .dx-icon {
  -webkit-user-drag: none;
  display: inherit;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-right: 0;
  margin-left: 0;
  color: #fff;
}
.dx-swatch-dark-compact .dx-button a {
  text-decoration: none;
}
.dx-swatch-dark-compact .dx-button-back .dx-button-text {
  display: none;
}
.dx-swatch-dark-compact .dx-button-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  max-height: 100%;
  display: inherit;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
  line-height: 0;
}
.dx-swatch-dark-compact .dx-button-has-text .dx-button-content,
.dx-swatch-dark-compact .dx-button-has-text .dx-button-content .dx-button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-swatch-dark-compact .dx-button-content > .dx-inkripple {
  display: none;
}
.dx-swatch-dark-compact .dx-button-link {
  text-decoration: none;
}
.dx-swatch-dark-compact .dx-button-submit-input {
  padding: 0;
  margin: 0;
  border: 0;
  height: 0;
  width: 0;
  font-size: 0;
  opacity: 0;
}
.dx-swatch-dark-compact .dx-state-disabled .dx-button,
.dx-swatch-dark-compact .dx-state-disabled.dx-button {
  cursor: default;
}
.dx-swatch-dark-compact .dx-button-text {
  line-height: normal;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.dx-swatch-dark-compact .dx-button .dx-button-content {
  padding: 0;
  position: relative;
}
.dx-swatch-dark-compact .dx-button .dx-icon.dx-icon-right,
.dx-swatch-dark-compact .dx-rtl .dx-button .dx-icon,
.dx-swatch-dark-compact .dx-rtl.dx-button .dx-icon {
  margin-left: 0;
  margin-right: 0;
}
.dx-swatch-dark-compact .dx-rtl .dx-button .dx-icon.dx-icon-right,
.dx-swatch-dark-compact .dx-rtl.dx-button .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.dx-swatch-dark-compact .dx-button-has-icon {
  min-width: 36px;
}
.dx-swatch-dark-compact .dx-button-has-icon .dx-button-content {
  padding: 0;
}
.dx-swatch-dark-compact .dx-button-has-icon .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-right: 0;
  margin-left: 0;
}
.dx-swatch-dark-compact .dx-button-has-icon .dx-icon.dx-icon-right,
.dx-swatch-dark-compact .dx-rtl .dx-button-has-icon .dx-icon,
.dx-swatch-dark-compact .dx-rtl.dx-button-has-icon .dx-icon {
  margin-left: 0;
  margin-right: 0;
}
.dx-swatch-dark-compact .dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right,
.dx-swatch-dark-compact .dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.dx-swatch-dark-compact .dx-button-has-text {
  min-width: 64px;
}
.dx-swatch-dark-compact .dx-button-has-text .dx-button-content {
  padding: 6px 16px;
}
.dx-swatch-dark-compact .dx-button-has-text .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-right: 9px;
  margin-left: 0;
}
.dx-swatch-dark-compact .dx-button-has-text .dx-icon.dx-icon-right,
.dx-swatch-dark-compact .dx-rtl .dx-button-has-text .dx-icon,
.dx-swatch-dark-compact .dx-rtl.dx-button-has-text .dx-icon {
  margin-left: 9px;
  margin-right: 0;
}
.dx-swatch-dark-compact .dx-rtl .dx-button-has-text .dx-icon.dx-icon-right,
.dx-swatch-dark-compact .dx-rtl.dx-button-has-text .dx-icon.dx-icon-right {
  margin-right: 9px;
  margin-left: 0;
}
.dx-swatch-dark-compact
  .dx-button-has-icon.dx-button-has-text
  .dx-button-content {
  padding: 6px 16px 6px 12px;
}
.dx-swatch-dark-compact .dx-button-has-icon.dx-button-has-text .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-right: 8px;
  margin-left: 0;
}
.dx-swatch-dark-compact
  .dx-button-has-icon.dx-button-has-text
  .dx-icon.dx-icon-right,
.dx-swatch-dark-compact .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon,
.dx-swatch-dark-compact .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon {
  margin-left: 8px;
  margin-right: 0;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-button-has-icon.dx-button-has-text
  .dx-icon.dx-icon-right,
.dx-swatch-dark-compact
  .dx-rtl.dx-button-has-icon.dx-button-has-text
  .dx-icon.dx-icon-right {
  margin-right: 8px;
  margin-left: 0;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-button-has-icon.dx-button-has-text
  .dx-button-content {
  padding-left: 16px;
  padding-right: 12px;
}
.dx-swatch-dark-compact
  .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(
    .dx-shape-standard
  ) {
  border-radius: 50%;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button {
  height: 36px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  background-color: #2a2a2a;
  color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.dx-swatch-dark-compact .dx-button .dx-button-content .dx-inkripple {
  overflow: hidden;
  display: block;
}
.dx-swatch-dark-compact .dx-button.dx-state-hover {
  background-color: #494956;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.dx-swatch-dark-compact .dx-button.dx-state-focused {
  background-color: #494956;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
}
.dx-swatch-dark-compact .dx-button.dx-state-active {
  background-color: #7d7d92;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
}
.dx-swatch-dark-compact .dx-button.dx-state-disabled {
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact .dx-button.dx-state-disabled .dx-button-text,
.dx-swatch-dark-compact
  .dx-button.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact .dx-button .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-swatch-dark-compact .dx-button.dx-button-default {
  border-radius: 4px;
  background-color: #ff5722;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.dx-swatch-dark-compact .dx-button.dx-button-default .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.dx-swatch-dark-compact .dx-button.dx-button-default.dx-state-hover {
  background-color: #ff784d;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.dx-swatch-dark-compact .dx-button.dx-button-default.dx-state-focused {
  background-color: #ff784d;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
}
.dx-swatch-dark-compact .dx-button.dx-button-default.dx-state-active {
  background-color: #ffc4b1;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
}
.dx-swatch-dark-compact .dx-button.dx-button-default.dx-state-disabled {
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button.dx-button-default.dx-state-disabled
  .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact
  .dx-button.dx-button-default.dx-state-disabled
  .dx-button-text,
.dx-swatch-dark-compact
  .dx-button.dx-button-default.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact .dx-button.dx-button-default .dx-inkripple-wave {
  background-color: rgba(0, 0, 0, 0.2);
}
.dx-swatch-dark-compact .dx-button.dx-button-danger {
  border-radius: 4px;
  background-color: #f44336;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.dx-swatch-dark-compact .dx-button.dx-button-danger .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.dx-swatch-dark-compact .dx-button.dx-button-danger.dx-state-hover {
  background-color: #f6695f;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.dx-swatch-dark-compact .dx-button.dx-button-danger.dx-state-focused {
  background-color: #f6695f;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
}
.dx-swatch-dark-compact .dx-button.dx-button-danger.dx-state-active {
  background-color: #f99b94;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
}
.dx-swatch-dark-compact .dx-button.dx-button-danger.dx-state-disabled {
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button.dx-button-danger.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact
  .dx-button.dx-button-danger.dx-state-disabled
  .dx-button-text,
.dx-swatch-dark-compact
  .dx-button.dx-button-danger.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact .dx-button.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(0, 0, 0, 0.2);
}
.dx-swatch-dark-compact .dx-button.dx-button-success {
  border-radius: 4px;
  background-color: #8bc34a;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.dx-swatch-dark-compact .dx-button.dx-button-success .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.dx-swatch-dark-compact .dx-button.dx-button-success.dx-state-hover {
  background-color: #a0ce6b;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.dx-swatch-dark-compact .dx-button.dx-button-success.dx-state-focused {
  background-color: #a0ce6b;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
}
.dx-swatch-dark-compact .dx-button.dx-button-success.dx-state-active {
  background-color: #bbdc95;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
}
.dx-swatch-dark-compact .dx-button.dx-button-success.dx-state-disabled {
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button.dx-button-success.dx-state-disabled
  .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact
  .dx-button.dx-button-success.dx-state-disabled
  .dx-button-text,
.dx-swatch-dark-compact
  .dx-button.dx-button-success.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact .dx-button.dx-button-success .dx-inkripple-wave {
  background-color: rgba(0, 0, 0, 0.2);
}
.dx-swatch-dark-compact .dx-button.dx-button-back {
  background-color: transparent;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 50%;
  min-width: 36px;
}
.dx-swatch-dark-compact .dx-button.dx-button-back .dx-icon {
  color: #fff;
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-right: 0;
  margin-left: 0;
}
.dx-swatch-dark-compact .dx-button.dx-button-back.dx-state-focused,
.dx-swatch-dark-compact .dx-button.dx-button-back.dx-state-hover {
  background-color: rgba(255, 255, 255, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button.dx-button-back.dx-state-active {
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button.dx-button-back.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button.dx-button-back.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact
  .dx-button.dx-button-back.dx-state-disabled
  .dx-button-text,
.dx-swatch-dark-compact
  .dx-button.dx-button-back.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact .dx-button.dx-button-back .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-swatch-dark-compact .dx-button.dx-button-back .dx-button-content {
  padding: 0;
}
.dx-swatch-dark-compact .dx-button.dx-button-back .dx-icon.dx-icon-right,
.dx-swatch-dark-compact .dx-rtl .dx-button.dx-button-back .dx-icon,
.dx-swatch-dark-compact .dx-rtl.dx-button.dx-button-back .dx-icon {
  margin-left: 0;
  margin-right: 0;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-button.dx-button-back
  .dx-icon.dx-icon-right,
.dx-swatch-dark-compact
  .dx-rtl.dx-button.dx-button-back
  .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.dx-swatch-dark-compact .dx-button-mode-text {
  background-color: transparent;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-text .dx-icon {
  color: #fff;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-state-focused,
.dx-swatch-dark-compact .dx-button-mode-text.dx-state-hover {
  background-color: rgba(255, 255, 255, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-state-active {
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-state-disabled .dx-button-text,
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact .dx-button-mode-text .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-default {
  background-color: transparent;
  color: #ff5722;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-default .dx-icon {
  color: #ff5722;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-default.dx-state-focused,
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-default.dx-state-hover {
  background-color: rgba(255, 87, 34, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-default.dx-state-active {
  background-color: rgba(255, 87, 34, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-default.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-default.dx-state-disabled
  .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-default.dx-state-disabled
  .dx-button-text,
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-default.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-default
  .dx-inkripple-wave {
  background-color: rgba(255, 87, 34, 0.2);
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-danger {
  background-color: transparent;
  color: #f44336;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-danger .dx-icon {
  color: #f44336;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-danger.dx-state-focused,
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-danger.dx-state-hover {
  background-color: rgba(244, 67, 54, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-danger.dx-state-active {
  background-color: rgba(244, 67, 54, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-danger.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-danger.dx-state-disabled
  .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-danger.dx-state-disabled
  .dx-button-text,
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-danger.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-danger
  .dx-inkripple-wave {
  background-color: rgba(244, 67, 54, 0.2);
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-success {
  background-color: transparent;
  color: #8bc34a;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-success .dx-icon {
  color: #8bc34a;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-success.dx-state-focused,
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-success.dx-state-hover {
  background-color: rgba(139, 195, 74, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-text.dx-button-success.dx-state-active {
  background-color: rgba(139, 195, 74, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-success.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-success.dx-state-disabled
  .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-success.dx-state-disabled
  .dx-button-text,
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-success.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact
  .dx-button-mode-text.dx-button-success
  .dx-inkripple-wave {
  background-color: rgba(139, 195, 74, 0.2);
}
.dx-swatch-dark-compact .dx-button-mode-outlined {
  background-color: transparent;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.24);
}
.dx-swatch-dark-compact .dx-button-mode-outlined .dx-icon {
  color: #fff;
}
.dx-swatch-dark-compact .dx-button-mode-outlined.dx-state-focused,
.dx-swatch-dark-compact .dx-button-mode-outlined.dx-state-hover {
  background-color: rgba(255, 255, 255, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-outlined.dx-state-active {
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-outlined.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-button-mode-outlined.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-state-disabled
  .dx-button-text,
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact .dx-button-mode-outlined .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-swatch-dark-compact .dx-button-mode-outlined.dx-button-default {
  background-color: transparent;
  color: #ff5722;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ff5722;
}
.dx-swatch-dark-compact .dx-button-mode-outlined.dx-button-default .dx-icon {
  color: #ff5722;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-default.dx-state-focused,
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-default.dx-state-hover {
  background-color: rgba(255, 87, 34, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-default.dx-state-active {
  background-color: rgba(255, 87, 34, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-default.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-default.dx-state-disabled
  .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-default.dx-state-disabled
  .dx-button-text,
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-default.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-default
  .dx-inkripple-wave {
  background-color: rgba(255, 87, 34, 0.2);
}
.dx-swatch-dark-compact .dx-button-mode-outlined.dx-button-danger {
  background-color: transparent;
  color: #f44336;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #f44336;
}
.dx-swatch-dark-compact .dx-button-mode-outlined.dx-button-danger .dx-icon {
  color: #f44336;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-danger.dx-state-focused,
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  background-color: rgba(244, 67, 54, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-danger.dx-state-active {
  background-color: rgba(244, 67, 54, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-danger.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-danger.dx-state-disabled
  .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-danger.dx-state-disabled
  .dx-button-text,
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-danger.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-danger
  .dx-inkripple-wave {
  background-color: rgba(244, 67, 54, 0.2);
}
.dx-swatch-dark-compact .dx-button-mode-outlined.dx-button-success {
  background-color: transparent;
  color: #8bc34a;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #8bc34a;
}
.dx-swatch-dark-compact .dx-button-mode-outlined.dx-button-success .dx-icon {
  color: #8bc34a;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-success.dx-state-focused,
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-success.dx-state-hover {
  background-color: rgba(139, 195, 74, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-success.dx-state-active {
  background-color: rgba(139, 195, 74, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-success.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-success.dx-state-disabled
  .dx-icon {
  opacity: 0.6;
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-success.dx-state-disabled
  .dx-button-text,
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-success.dx-state-disabled.dx-button-mode-contained
  .dx-icon {
  color: rgba(255, 255, 255, 0.35);
}
.dx-swatch-dark-compact
  .dx-button-mode-outlined.dx-button-success
  .dx-inkripple-wave {
  background-color: rgba(139, 195, 74, 0.2);
}
.dx-swatch-dark-compact .dx-checkbox {
  display: inline-block;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-swatch-dark-compact .dx-checkbox.dx-state-readonly {
  cursor: default;
}
.dx-swatch-dark-compact .dx-checkbox-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.dx-swatch-dark-compact .dx-checkbox-container {
  overflow: hidden;
  white-space: nowrap;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-overflow: clip;
}
.dx-swatch-dark-compact .dx-checkbox-text {
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: normal;
  padding-left: 5px;
}
.dx-swatch-dark-compact .dx-rtl .dx-checkbox-text,
.dx-swatch-dark-compact .dx-rtl.dx-checkbox-text {
  margin: 0;
  padding: 0 5px 0 0;
  text-align: right;
}
.dx-swatch-dark-compact .dx-state-disabled .dx-checkbox,
.dx-swatch-dark-compact .dx-state-disabled.dx-checkbox {
  cursor: default;
}
.dx-swatch-dark-compact .dx-checkbox {
  line-height: 0;
}
.dx-swatch-dark-compact .dx-checkbox .dx-checkbox-container {
  overflow: visible;
}
.dx-swatch-dark-compact .dx-checkbox.dx-state-disabled,
.dx-swatch-dark-compact .dx-checkbox.dx-state-readonly {
  border-color: rgba(255, 255, 255, 0.26);
}
.dx-swatch-dark-compact .dx-checkbox.dx-state-active .dx-checkbox-icon::after,
.dx-swatch-dark-compact .dx-checkbox.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.dx-swatch-dark-compact
  .dx-checkbox.dx-checkbox-checked.dx-state-active
  .dx-checkbox-icon::after,
.dx-swatch-dark-compact
  .dx-checkbox.dx-checkbox-checked.dx-state-focused
  .dx-checkbox-icon::after,
.dx-swatch-dark-compact
  .dx-checkbox.dx-checkbox-indeterminate.dx-state-active
  .dx-checkbox-icon::after,
.dx-swatch-dark-compact
  .dx-checkbox.dx-checkbox-indeterminate.dx-state-focused
  .dx-checkbox-icon::after {
  background-color: rgba(255, 87, 34, 0.1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.dx-swatch-dark-compact
  .dx-checkbox.dx-checkbox-checked.dx-state-disabled
  .dx-checkbox-icon,
.dx-swatch-dark-compact
  .dx-checkbox.dx-checkbox-checked.dx-state-readonly
  .dx-checkbox-icon,
.dx-swatch-dark-compact
  .dx-checkbox.dx-checkbox-indeterminate.dx-state-disabled
  .dx-checkbox-icon,
.dx-swatch-dark-compact
  .dx-checkbox.dx-checkbox-indeterminate.dx-state-readonly
  .dx-checkbox-icon {
  background-color: rgba(255, 255, 255, 0.26);
}
.dx-swatch-dark-compact
  .dx-checkbox-checked.dx-state-readonly.dx-state-focused
  .dx-checkbox-icon::after,
.dx-swatch-dark-compact
  .dx-checkbox-indeterminate.dx-state-readonly.dx-state-focused
  .dx-checkbox-icon::after,
.dx-swatch-dark-compact
  .dx-checkbox.dx-state-readonly.dx-state-focused
  .dx-checkbox-icon::after {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.dx-swatch-dark-compact .dx-checkbox-icon {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.54);
  border-radius: 2px;
}
.dx-swatch-dark-compact .dx-checkbox-icon::after {
  content: '';
  width: 2.5em;
  height: 2.5em;
  top: 50%;
  left: 50%;
  margin-top: -1.25em;
  margin-left: -1.25em;
  border-radius: 50%;
  display: block;
  position: absolute;
  z-index: 1;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.dx-swatch-dark-compact .dx-checkbox-icon::before {
  z-index: 2;
}
.dx-swatch-dark-compact .dx-checkbox-checked .dx-checkbox-icon {
  color: #363640;
  background-color: #ff5722;
  border: none;
  font: 16px/1em DXIcons;
  text-align: center;
}
.dx-swatch-dark-compact .dx-checkbox-checked .dx-checkbox-icon::before {
  content: '\f005';
  position: relative;
  display: block;
  width: 1em;
  top: 50%;
  margin-top: -0.5em;
  left: 50%;
  margin-left: -0.5em;
}
.dx-swatch-dark-compact .dx-rtl .dx-checkbox-checked .dx-checkbox-icon::before,
.dx-swatch-dark-compact .dx-rtl.dx-checkbox-checked .dx-checkbox-icon::before {
  left: 0;
  margin-left: 0;
  right: 50%;
  margin-right: -0.5em;
}
.dx-swatch-dark-compact .dx-checkbox-indeterminate .dx-checkbox-icon {
  background-color: #ff5722;
  color: #363640;
  border: none;
  font: 20px/1em DXIcons;
  text-align: center;
}
.dx-swatch-dark-compact .dx-checkbox-indeterminate .dx-checkbox-icon::before {
  content: '\f074';
  position: relative;
  display: block;
  width: 1em;
  top: 50%;
  margin-top: -0.5em;
  left: 50%;
  margin-left: -0.5em;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-checkbox-indeterminate
  .dx-checkbox-icon::before,
.dx-swatch-dark-compact
  .dx-rtl.dx-checkbox-indeterminate
  .dx-checkbox-icon::before {
  left: 0;
  margin-left: 0;
  right: 50%;
  margin-right: -0.5em;
}
.dx-swatch-dark-compact .dx-invalid .dx-checkbox-icon {
  border: 2px solid #f44336;
}
.dx-swatch-dark-compact .dx-invalid.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(244, 67, 54, 0.1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.dx-swatch-dark-compact .dx-overlay-wrapper {
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1000;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-swatch-dark-compact .dx-overlay-wrapper,
.dx-swatch-dark-compact .dx-overlay-wrapper *,
.dx-swatch-dark-compact .dx-overlay-wrapper ::after,
.dx-swatch-dark-compact .dx-overlay-wrapper ::before,
.dx-swatch-dark-compact .dx-overlay-wrapper::after,
.dx-swatch-dark-compact .dx-overlay-wrapper::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dx-swatch-dark-compact .dx-overlay-shader {
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.61);
}
.dx-swatch-dark-compact .dx-overlay-content {
  position: absolute;
  pointer-events: auto;
  z-index: 1000;
  outline: 0;
  overflow: hidden;
}
.dx-swatch-dark-compact .dx-overlay-content > .dx-template-wrapper {
  height: 100%;
  width: 100%;
}
.dx-swatch-dark-compact .dx-device-android .dx-overlay-content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.dx-swatch-dark-compact
  .dx-device-android
  .dx-scrollable-native
  .dx-overlay-content {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.dx-swatch-dark-compact .dx-overlay-wrapper input,
.dx-swatch-dark-compact .dx-overlay-wrapper textarea {
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-swatch-dark-compact .dx-validationsummary-item {
  color: #f44336;
}
.dx-swatch-dark-compact .dx-invalid-message > .dx-overlay-content {
  background-color: transparent;
  color: #f44336;
}
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-invalid-message-bottom
  .dx-invalid-message
  > .dx-overlay-content,
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-invalid-message-top
  .dx-invalid-message
  > .dx-overlay-content,
.dx-swatch-dark-compact
  .dx-invalid-message-bottom
  .dx-invalid-message
  > .dx-overlay-content
  .dx-editor-outlined,
.dx-swatch-dark-compact
  .dx-invalid-message-top
  .dx-invalid-message
  > .dx-overlay-content
  .dx-editor-outlined {
  padding-left: 16px;
  padding-right: 16px;
}
.dx-swatch-dark-compact
  .dx-invalid-message-top
  .dx-invalid-message
  > .dx-overlay-content {
  padding: 0 0 6px;
}
.dx-swatch-dark-compact
  .dx-invalid-message-right
  .dx-invalid-message
  > .dx-overlay-content {
  padding: 0 0 0 6px;
}
.dx-swatch-dark-compact
  .dx-invalid-message-bottom
  .dx-invalid-message
  > .dx-overlay-content {
  padding: 6px 0 0;
}
.dx-swatch-dark-compact
  .dx-invalid-message-left
  .dx-invalid-message
  > .dx-overlay-content {
  padding: 0 6px 0 0;
}
.dx-swatch-dark-compact
  .dx-validationsummary
  > .dx-validationsummary-item:not(:last-child) {
  margin-bottom: 10px;
}
.dx-swatch-dark-compact .dx-form-validation-summary {
  margin-top: 20px;
}
.dx-swatch-dark-compact .dx-searchbox .dx-icon-search {
  display: block;
  position: relative;
  pointer-events: none;
}
.dx-swatch-dark-compact .dx-searchbox .dx-icon-search::before {
  display: inline-block;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: static;
  text-indent: 0;
}
.dx-swatch-dark-compact .dx-texteditor {
  display: block;
}
.dx-swatch-dark-compact .dx-texteditor input::-ms-clear {
  display: none;
}
.dx-swatch-dark-compact .dx-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: auto;
  height: 100%;
  text-align: left;
  cursor: text;
  pointer-events: none;
  color: gray;
  font-size: 16px;
}
.dx-swatch-dark-compact .dx-placeholder::before {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  content: attr(DATA-DX_PLACEHOLDER);
  pointer-events: none;
  white-space: nowrap;
}
.dx-swatch-dark-compact .dx-placeholder::after {
  content: ' ';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.dx-swatch-dark-compact .dx-texteditor-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.dx-swatch-dark-compact .dx-texteditor-buttons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-preferred-size: content;
  flex-basis: content;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dx-swatch-dark-compact .dx-texteditor-input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.dx-swatch-dark-compact .dx-texteditor-input {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  outline: 0;
  border: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  margin: 0;
  background-color: transparent;
  color: #fff;
  font-size: 16px;
}
.dx-swatch-dark-compact
  .dx-texteditor-input:-webkit-autofill
  + .dx-placeholder {
  display: none !important;
}
.dx-swatch-dark-compact .dx-texteditor-input:autofill + .dx-placeholder {
  display: none !important;
}
.dx-swatch-dark-compact .dx-texteditor-input:-moz-ui-invalid {
  box-shadow: none;
}
.dx-swatch-dark-compact .dx-show-clear-button {
  position: relative;
}
.dx-swatch-dark-compact .dx-clear-button-area {
  height: 100%;
  width: 34px;
  position: relative;
  cursor: pointer;
  text-align: justify;
}
.dx-swatch-dark-compact .dx-clear-button-area .dx-icon-clear {
  position: absolute;
  display: inline-block;
  background-size: contain;
}
.dx-swatch-dark-compact .dx-texteditor-empty .dx-clear-button-area {
  display: none;
}
.dx-swatch-dark-compact .dx-state-disabled .dx-placeholder {
  cursor: auto;
}
.dx-swatch-dark-compact .dx-state-disabled .dx-clear-button-area {
  display: none;
}
.dx-swatch-dark-compact .dx-state-disabled .dx-texteditor-input {
  opacity: 1;
}
.dx-swatch-dark-compact .dx-rtl .dx-texteditor .dx-placeholder,
.dx-swatch-dark-compact .dx-rtl.dx-texteditor .dx-placeholder {
  text-align: right;
  left: auto;
  right: 0;
}
.dx-swatch-dark-compact .dx-device-android .dx-texteditor-input {
  -webkit-user-modify: read-write-plaintext-only;
}
.dx-swatch-dark-compact .dx-texteditor {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
}
.dx-swatch-dark-compact .dx-texteditor::before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  content: '';
  position: absolute;
  z-index: 2;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.dx-swatch-dark-compact .dx-texteditor::after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  content: '';
  position: absolute;
}
.dx-swatch-dark-compact .dx-texteditor.dx-state-focused .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-texteditor.dx-state-focused.dx-state-hover
  .dx-texteditor-label {
  color: #ff5722;
  font-size: 12px;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-texteditor.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label {
  color: #f44336;
}
.dx-swatch-dark-compact .dx-texteditor.dx-state-active,
.dx-swatch-dark-compact .dx-texteditor.dx-state-focused {
  background-color: rgba(255, 255, 255, 0.04);
}
.dx-swatch-dark-compact .dx-texteditor.dx-state-active::before,
.dx-swatch-dark-compact .dx-texteditor.dx-state-focused::before {
  border-bottom: 2px solid #ff5722;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1),
    -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-invalid.dx-editor-underlined
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-valid.dx-editor-underlined
  .dx-texteditor-input {
  padding-right: 46px;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-invalid.dx-editor-underlined.dx-rtl
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-valid.dx-editor-underlined.dx-rtl
  .dx-texteditor-input {
  padding-left: 46px;
  padding-right: 0;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-invalid.dx-editor-filled
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-invalid.dx-editor-outlined
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-valid.dx-editor-filled
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-valid.dx-editor-outlined
  .dx-texteditor-input {
  padding-right: 62px;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-invalid.dx-editor-filled.dx-rtl
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-invalid.dx-editor-outlined.dx-rtl
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-valid.dx-editor-filled.dx-rtl
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-valid.dx-editor-outlined.dx-rtl
  .dx-texteditor-input {
  padding: 15px 16px 14px 62px;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-invalid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-texteditor.dx-invalid.dx-editor-outlined
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-texteditor.dx-valid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-texteditor.dx-valid.dx-editor-outlined
  .dx-texteditor-input-container::after {
  right: 12px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-texteditor.dx-invalid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-texteditor.dx-invalid.dx-editor-outlined
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-texteditor.dx-valid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-texteditor.dx-valid.dx-editor-outlined
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl.dx-texteditor.dx-invalid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl.dx-texteditor.dx-invalid.dx-editor-outlined
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl.dx-texteditor.dx-valid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl.dx-texteditor.dx-valid.dx-editor-outlined
  .dx-texteditor-input-container::after {
  left: 12px;
  right: auto;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-invalid
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-texteditor.dx-valid
  .dx-texteditor-input-container::after {
  right: 6px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-texteditor.dx-invalid
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-texteditor.dx-valid
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl.dx-texteditor.dx-invalid
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl.dx-texteditor.dx-valid
  .dx-texteditor-input-container::after {
  left: 6px;
  right: auto;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-validation-pending.dx-editor-underlined
  .dx-texteditor-input {
  padding-right: 46px;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-validation-pending.dx-editor-underlined.dx-rtl
  .dx-texteditor-input {
  padding-left: 46px;
  padding-right: 0;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-validation-pending.dx-editor-filled
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-validation-pending.dx-editor-outlined
  .dx-texteditor-input {
  padding-right: 62px;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-validation-pending.dx-editor-filled.dx-rtl
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-validation-pending.dx-editor-outlined.dx-rtl
  .dx-texteditor-input {
  padding: 15px 16px 14px 62px;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-validation-pending.dx-editor-filled
  .dx-texteditor-input-container
  .dx-pending-indicator,
.dx-swatch-dark-compact
  .dx-texteditor.dx-validation-pending.dx-editor-outlined
  .dx-texteditor-input-container
  .dx-pending-indicator {
  right: 12px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-texteditor.dx-validation-pending.dx-editor-filled
  .dx-texteditor-input-container
  .dx-pending-indicator,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-texteditor.dx-validation-pending.dx-editor-outlined
  .dx-texteditor-input-container
  .dx-pending-indicator,
.dx-swatch-dark-compact
  .dx-rtl.dx-texteditor.dx-validation-pending.dx-editor-filled
  .dx-texteditor-input-container
  .dx-pending-indicator,
.dx-swatch-dark-compact
  .dx-rtl.dx-texteditor.dx-validation-pending.dx-editor-outlined
  .dx-texteditor-input-container
  .dx-pending-indicator {
  left: 12px;
  right: auto;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-validation-pending
  .dx-texteditor-input-container
  .dx-pending-indicator {
  right: 6px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-texteditor.dx-validation-pending
  .dx-texteditor-input-container
  .dx-pending-indicator,
.dx-swatch-dark-compact
  .dx-rtl.dx-texteditor.dx-validation-pending
  .dx-texteditor-input-container
  .dx-pending-indicator {
  left: 6px;
  right: auto;
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-filled .dx-placeholder::before,
.dx-swatch-dark-compact .dx-texteditor.dx-editor-filled .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-outlined
  .dx-placeholder::before,
.dx-swatch-dark-compact .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  padding: 15px 16px 14px;
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-filled {
  background-color: rgba(255, 255, 255, 0.04);
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-filled::after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-filled.dx-state-hover {
  background-color: rgba(255, 255, 255, 0.07);
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-filled.dx-state-hover::after {
  border-bottom-color: #fff;
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-filled.dx-state-disabled,
.dx-swatch-dark-compact .dx-texteditor.dx-editor-filled.dx-state-readonly,
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-filled.dx-state-disabled
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-filled.dx-state-readonly
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover
  .dx-texteditor-input {
  color: rgba(255, 255, 255, 0.5);
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-underlined {
  background-color: transparent;
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-underlined::after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-underlined.dx-state-hover::after {
  border-bottom: 2px solid #fff;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-underlined
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-underlined
  .dx-texteditor-input {
  padding: 7px 0 6px;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-underlined.dx-state-disabled::after,
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover::after,
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-underlined.dx-state-readonly::after {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-underlined.dx-invalid::after {
  border-bottom-color: rgba(244, 67, 54, 0.4);
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-outlined {
  background-color: transparent;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42);
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-outlined::before {
  display: none;
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-outlined.dx-state-hover {
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-outlined.dx-state-disabled,
.dx-swatch-dark-compact .dx-texteditor.dx-editor-outlined.dx-state-readonly {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-outlined.dx-state-disabled
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-outlined.dx-state-readonly
  .dx-texteditor-input {
  color: rgba(255, 255, 255, 0.5);
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-outlined.dx-state-focused {
  -webkit-box-shadow: inset 0 0 0 2px #ff5722;
  box-shadow: inset 0 0 0 2px #ff5722;
}
.dx-swatch-dark-compact
  .dx-texteditor.dx-editor-outlined.dx-state-focused.dx-invalid {
  -webkit-box-shadow: inset 0 0 0 2px #f44336;
  box-shadow: inset 0 0 0 2px #f44336;
}
.dx-swatch-dark-compact .dx-texteditor.dx-editor-outlined.dx-invalid {
  -webkit-box-shadow: inset 0 0 0 1px rgba(244, 67, 54, 0.4);
  box-shadow: inset 0 0 0 1px rgba(244, 67, 54, 0.4);
}
.dx-swatch-dark-compact .dx-show-clear-button .dx-clear-button-area {
  width: 22px;
  min-width: 22px;
  right: 0;
}
.dx-swatch-dark-compact .dx-show-clear-button .dx-icon-clear {
  color: #3d3d3d;
  background-color: #a8a8a8;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  background-position: 0 0;
  background-size: 22px 22px;
  padding: 0;
  font-size: 12px;
  text-align: center;
  line-height: 12px;
}
.dx-swatch-dark-compact .dx-show-clear-button .dx-icon-clear::before {
  position: absolute;
  display: block;
  width: 12px;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -6px;
}
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-invalid.dx-editor-underlined
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-underlined
  .dx-texteditor-input {
  padding-right: 46px;
}
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-invalid.dx-editor-underlined.dx-rtl
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-valid.dx-editor-underlined.dx-rtl
  .dx-texteditor-input {
  padding-left: 46px;
  padding-right: 0;
}
.dx-swatch-dark-compact
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined
  .dx-texteditor-input {
  padding-right: 62px;
}
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-invalid.dx-editor-filled.dx-rtl
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-invalid.dx-editor-outlined.dx-rtl
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-valid.dx-editor-filled.dx-rtl
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-valid.dx-editor-outlined.dx-rtl
  .dx-texteditor-input {
  padding: 15px 16px 14px 62px;
}
.dx-swatch-dark-compact
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined
  .dx-texteditor-input-container::after {
  right: 12px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl.dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-invalid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl.dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-invalid.dx-editor-outlined
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl.dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-valid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl.dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-valid.dx-editor-outlined
  .dx-texteditor-input-container::after {
  left: 12px;
  right: auto;
}
.dx-swatch-dark-compact
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid
  .dx-texteditor-input-container::after {
  right: 6px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid
  .dx-texteditor-input-container::after,
.dx-swatch-dark-compact
  .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid
  .dx-texteditor-input-container::after {
  left: 6px;
  right: auto;
}
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-underlined
  .dx-texteditor-input {
  padding-right: 46px;
}
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-underlined.dx-rtl
  .dx-texteditor-input {
  padding-left: 46px;
  padding-right: 0;
}
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-filled
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-outlined
  .dx-texteditor-input {
  padding-right: 62px;
}
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-filled.dx-rtl
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-outlined.dx-rtl
  .dx-texteditor-input {
  padding: 15px 16px 14px 62px;
}
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-filled
  .dx-texteditor-input-container
  .dx-pending-indicator,
.dx-swatch-dark-compact
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-outlined
  .dx-texteditor-input-container
  .dx-pending-indicator {
  right: 12px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-filled
  .dx-texteditor-input-container
  .dx-pending-indicator,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-outlined
  .dx-texteditor-input-container
  .dx-pending-indicator,
.dx-swatch-dark-compact
  .dx-rtl.dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-filled
  .dx-texteditor-input-container
  .dx-pending-indicator,
.dx-swatch-dark-compact
  .dx-rtl.dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-outlined
  .dx-texteditor-input-container
  .dx-pending-indicator {
  left: 12px;
  right: auto;
}
.dx-swatch-dark-compact
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending
  .dx-texteditor-input-container
  .dx-pending-indicator {
  right: 6px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending
  .dx-texteditor-input-container
  .dx-pending-indicator,
.dx-swatch-dark-compact
  .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending
  .dx-texteditor-input-container
  .dx-pending-indicator {
  left: 6px;
  right: auto;
}
.dx-swatch-dark-compact .dx-invalid.dx-texteditor.dx-state-hover::after {
  border-bottom-color: rgba(244, 67, 54, 0.4);
}
.dx-swatch-dark-compact .dx-invalid.dx-texteditor.dx-state-active::before,
.dx-swatch-dark-compact .dx-invalid.dx-texteditor.dx-state-focused::before {
  border-bottom: 2px solid #f44336;
}
.dx-swatch-dark-compact
  .dx-invalid.dx-texteditor.dx-show-invalid-badge
  .dx-texteditor-input-container::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: 500;
  background-color: #f44336;
  color: rgba(0, 0, 0, 0.87);
  content: '!';
  border-radius: 50%;
}
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container
  > .dx-button,
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container
  > .dx-clear-button-area,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container
  > .dx-button,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container
  > .dx-clear-button-area,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container
  > .dx-button,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container
  > .dx-clear-button-area {
  margin-left: 5px;
  margin-right: 5px;
}
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:first-child,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:first-child,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:first-child {
  margin-left: 10px;
}
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container:first-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:last-child,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container:first-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:last-child,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container:first-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:last-child {
  margin-right: 0;
}
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:first-child,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:first-child,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:first-child {
  margin-left: 0;
}
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child {
  margin-right: 10px;
}
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-dropdowneditor-button:last-child,
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-numberbox-spin-container:last-child,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-dropdowneditor-button:last-child,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-numberbox-spin-container:last-child,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-dropdowneditor-button:last-child,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-numberbox-spin-container:last-child {
  margin-right: 8px;
}
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area
  + div:empty:last-child,
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area
  + div:empty:last-child,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area
  + div:empty:last-child,
.dx-swatch-dark-compact
  .dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child {
  margin-right: 12px;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:first-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:first-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:first-child {
  margin-left: 5px;
  margin-right: 10px;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:first-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:first-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:first-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:last-child {
  margin-left: 0;
  margin-right: 5px;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:first-child:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:first-child:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:first-child:last-child {
  margin-left: 0;
  margin-right: 10px;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:first-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:first-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:first-child {
  margin-left: 5px;
  margin-right: 0;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child {
  margin-left: 10px;
  margin-right: 5px;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-dropdowneditor-button:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-numberbox-spin-container:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-dropdowneditor-button:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-numberbox-spin-container:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-dropdowneditor-button:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-numberbox-spin-container:last-child {
  margin-left: 8px;
  margin-right: 0;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area
  + div:empty:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-filled
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area
  + div:empty:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-outlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area
  + div:empty:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child {
  margin-left: 12px;
  margin-right: 0;
}
.dx-swatch-dark-compact .dx-texteditor-label {
  position: absolute;
  font-size: 12px;
  color: gray;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: text;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  top: 0;
  left: 0;
}
.dx-swatch-dark-compact .dx-texteditor-label .dx-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dx-swatch-dark-compact .dx-texteditor-label .dx-label span {
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 100%;
  display: block;
  margin-bottom: -1px;
}
.dx-swatch-dark-compact .dx-invalid .dx-texteditor-label {
  color: #f44336;
}
.dx-swatch-dark-compact .dx-rtl .dx-texteditor-label {
  left: auto;
  right: 0;
}
.dx-swatch-dark-compact .dx-editor-filled .dx-texteditor-label .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-filled
  .dx-texteditor-label
  .dx-label-before {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 16px;
}
.dx-swatch-dark-compact .dx-editor-filled.dx-texteditor-with-floating-label,
.dx-swatch-dark-compact .dx-editor-filled.dx-texteditor-with-label {
  position: relative;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-label
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-label.dx-lookup
  .dx-lookup-field {
  padding-top: 21px;
  padding-bottom: 8px;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea
  .dx-texteditor-container,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-label.dx-textarea
  .dx-texteditor-container {
  padding-top: 21px;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-label.dx-textarea
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-label.dx-textarea
  .dx-texteditor-input {
  padding-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-label.dx-textarea
  .dx-texteditor-label {
  top: 7px;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-label
  .dx-texteditor-label {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  top: 7px;
  margin-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-label
  .dx-placeholder::before {
  padding-top: 21px;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-placeholder {
  display: none;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-lookup-field {
  font-size: 0;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-texteditor-label {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea
  .dx-texteditor-label {
  top: 21px;
  margin-top: 0;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-textarea
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea
  .dx-placeholder {
  display: none;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-placeholder {
  display: block;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-lookup-field {
  font-size: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-texteditor-label {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  top: 7px;
  margin-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-textarea
  .dx-texteditor-label {
  top: 7px;
}
.dx-swatch-dark-compact .dx-editor-outlined .dx-texteditor-label {
  top: 0;
  left: 0;
  right: 0;
}
.dx-swatch-dark-compact .dx-editor-outlined .dx-texteditor-label .dx-label {
  padding: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-label
  .dx-label
  span {
  position: relative;
  font-size: 16px;
  top: 0;
  margin-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-label
  .dx-label-before {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-label
  .dx-label-before {
  border-radius: 4px 0 0 4px;
  min-width: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 16px;
  border-radius: 0 4px 4px 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-texteditor-label
  .dx-label {
  padding: 0 2px;
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset 1px 0 transparent,
    inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset 1px 0 transparent,
    inset -1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.42);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.42);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42),
    inset -1px 0 rgba(255, 255, 255, 0.42), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42),
    inset -1px 0 rgba(255, 255, 255, 0.42), inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea
  .dx-texteditor-label
  .dx-label
  span {
  top: 15px;
  margin-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-placeholder {
  display: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-lookup-field {
  font-size: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42),
    inset -1px 0 rgba(255, 255, 255, 0.42), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42),
    inset -1px 0 rgba(255, 255, 255, 0.42), inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.42);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.42);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid
  .dx-texteditor-label
  .dx-label {
  padding: 0 2px;
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset 1px 0 transparent,
    inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset 1px 0 transparent,
    inset -1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 transparent,
    inset 1px 0 rgba(244, 67, 54, 0.4);
  box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 transparent,
    inset 1px 0 rgba(244, 67, 54, 0.4);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 rgba(244, 67, 54, 0.4),
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 rgba(244, 67, 54, 0.4),
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span {
  top: 15px;
  margin-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid
  .dx-placeholder {
  display: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid
  .dx-lookup-field {
  font-size: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 rgba(244, 67, 54, 0.4),
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 rgba(244, 67, 54, 0.4),
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 transparent,
    inset 1px 0 rgba(244, 67, 54, 0.4);
  box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 transparent,
    inset 1px 0 rgba(244, 67, 54, 0.4);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label {
  padding: 0 2px;
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset 1px 0 transparent,
    inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset 1px 0 transparent,
    inset -1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.5);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 rgba(255, 255, 255, 0.5),
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 rgba(255, 255, 255, 0.5),
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea
  .dx-texteditor-label
  .dx-label
  span {
  top: 15px;
  margin-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover
  .dx-placeholder {
  display: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover
  .dx-lookup-field {
  font-size: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 rgba(255, 255, 255, 0.5),
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 rgba(255, 255, 255, 0.5),
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.5);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label {
  padding: 0 2px;
  height: 100%;
  -webkit-box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset 2px 0 transparent, inset -2px 0 transparent;
  box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722, inset 2px 0 transparent,
    inset -2px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset -2px 0 transparent, inset 2px 0 #ff5722;
  box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset -2px 0 transparent, inset 2px 0 #ff5722;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset -2px 0 #ff5722, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722, inset -2px 0 #ff5722,
    inset 2px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-textarea
  .dx-texteditor-label
  .dx-label
  span {
  top: 15px;
  margin-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-placeholder {
  display: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-lookup-field {
  font-size: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset -2px 0 #ff5722, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722, inset -2px 0 #ff5722,
    inset 2px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset -2px 0 transparent, inset 2px 0 #ff5722;
  box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset -2px 0 transparent, inset 2px 0 #ff5722;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label {
  padding: 0 2px;
  height: 100%;
  -webkit-box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset 2px 0 transparent, inset -2px 0 transparent;
  box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336, inset 2px 0 transparent,
    inset -2px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset -2px 0 transparent, inset 2px 0 #f44336;
  box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset -2px 0 transparent, inset 2px 0 #f44336;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset -2px 0 #f44336, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336, inset -2px 0 #f44336,
    inset 2px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span {
  top: 15px;
  margin-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-placeholder {
  display: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-lookup-field {
  font-size: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset -2px 0 #f44336, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336, inset -2px 0 #f44336,
    inset 2px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset -2px 0 transparent, inset 2px 0 #f44336;
  box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset -2px 0 transparent, inset 2px 0 #f44336;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover
  .dx-texteditor-label
  .dx-label {
  padding: 0 2px;
  height: 100%;
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff,
    inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset 1px 0 transparent,
    inset -1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff,
    inset -1px 0 transparent, inset 1px 0 #fff;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 transparent,
    inset 1px 0 #fff;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 #fff,
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 #fff,
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-textarea
  .dx-texteditor-label
  .dx-label
  span {
  top: 15px;
  margin-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover
  .dx-placeholder {
  display: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover
  .dx-lookup-field {
  font-size: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 #fff,
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 #fff,
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff,
    inset -1px 0 transparent, inset 1px 0 #fff;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 transparent,
    inset 1px 0 #fff;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px transparent,
    inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px #fff, inset 0 1px transparent,
    inset 1px 0 transparent, inset -1px 0 transparent;
  padding: 0 4px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 13px;
  line-height: 12px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff,
    inset -1px 0 transparent, inset 1px 0 #fff;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 transparent,
    inset 1px 0 #fff;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 #fff,
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 #fff,
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-before {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-lookup-field {
  font-size: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 #fff,
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 #fff,
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff,
    inset -1px 0 transparent, inset 1px 0 #fff;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 transparent,
    inset 1px 0 #fff;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label {
  padding: 0 2px;
  height: 100%;
  -webkit-box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336, inset 1px 0 transparent,
    inset -1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset -1px 0 transparent, inset 1px 0 #f44336;
  box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset -1px 0 transparent, inset 1px 0 #f44336;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset -1px 0 #f44336, inset 1px 0 transparent;
  box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336, inset -1px 0 #f44336,
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid.dx-textarea
  .dx-texteditor-label
  .dx-label
  span {
  top: 15px;
  margin-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid
  .dx-placeholder {
  display: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid
  .dx-lookup-field {
  font-size: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset -1px 0 #f44336, inset 1px 0 transparent;
  box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336, inset -1px 0 #f44336,
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset -1px 0 transparent, inset 1px 0 #f44336;
  box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset -1px 0 transparent, inset 1px 0 #f44336;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42), inset 0 1px transparent,
    inset 1px 0 transparent, inset -1px 0 transparent;
  padding: 0 4px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 13px;
  line-height: 12px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.42);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.42);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42),
    inset -1px 0 rgba(255, 255, 255, 0.42), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42),
    inset -1px 0 rgba(255, 255, 255, 0.42), inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-before {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-lookup-field {
  font-size: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42),
    inset -1px 0 rgba(255, 255, 255, 0.42), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42),
    inset -1px 0 rgba(255, 255, 255, 0.42), inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.42);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.42);
}
.dx-swatch-dark-compact .dx-editor-outlined.dx-texteditor-with-floating-label,
.dx-swatch-dark-compact .dx-editor-outlined.dx-texteditor-with-label {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  position: relative;
  margin-top: 6px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea
  .dx-texteditor-input-container,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea
  .dx-texteditor-input-container {
  padding-top: 15px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea
  .dx-texteditor-input-container
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea
  .dx-texteditor-input-container
  .dx-texteditor-input {
  padding-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5), inset 0 1px transparent,
    inset 1px 0 transparent, inset -1px 0 transparent;
  padding: 0 4px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 13px;
  line-height: 12px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.5);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 rgba(255, 255, 255, 0.5),
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 rgba(255, 255, 255, 0.5),
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover
  .dx-lookup-field {
  font-size: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 rgba(255, 255, 255, 0.5),
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 rgba(255, 255, 255, 0.5),
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5),
    inset 0 1px rgba(255, 255, 255, 0.5), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.5);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid
  .dx-texteditor-label
  .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4), inset 0 1px transparent,
    inset 1px 0 transparent, inset -1px 0 transparent;
  padding: 0 4px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 13px;
  line-height: 12px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 transparent,
    inset 1px 0 rgba(244, 67, 54, 0.4);
  box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 transparent,
    inset 1px 0 rgba(244, 67, 54, 0.4);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 rgba(244, 67, 54, 0.4),
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 rgba(244, 67, 54, 0.4),
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid
  .dx-lookup-field {
  font-size: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 rgba(244, 67, 54, 0.4),
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 rgba(244, 67, 54, 0.4),
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-invalid
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 transparent,
    inset 1px 0 rgba(244, 67, 54, 0.4);
  box-shadow: inset 0 -1px rgba(244, 67, 54, 0.4),
    inset 0 1px rgba(244, 67, 54, 0.4), inset -1px 0 transparent,
    inset 1px 0 rgba(244, 67, 54, 0.4);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label {
  padding: 0 4px;
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42), inset 0 1px transparent,
    inset 1px 0 transparent, inset -1px 0 transparent;
  margin-left: -2px;
  margin-right: -2px;
  border-radius: 1px;
  -webkit-clip-path: inset(-12px 1px -1px 1px);
  clip-path: inset(-12px 1px -1px 1px);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  top: 0;
  margin-top: 0;
  height: 13px;
  line-height: 12px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.42);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.42);
  -webkit-clip-path: inset(-1px 1px -1px -1px);
  clip-path: inset(-1px 1px -1px -1px);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42),
    inset -1px 0 rgba(255, 255, 255, 0.42), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42),
    inset -1px 0 rgba(255, 255, 255, 0.42), inset 1px 0 transparent;
  -webkit-clip-path: inset(-1px -1px -1px 1px);
  clip-path: inset(-1px -1px -1px 1px);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-before {
  border-radius: 0 4px 4px 0;
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42),
    inset -1px 0 rgba(255, 255, 255, 0.42), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42),
    inset -1px 0 rgba(255, 255, 255, 0.42), inset 1px 0 transparent;
  -webkit-clip-path: inset(-1px -1px -1px 1px);
  clip-path: inset(-1px -1px -1px 1px);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-after {
  border-radius: 4px 0 0 4px;
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.42);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.42), inset -1px 0 transparent,
    inset 1px 0 rgba(255, 255, 255, 0.42);
  -webkit-clip-path: inset(-1px 1px -1px -1px);
  clip-path: inset(-1px 1px -1px -1px);
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover
  .dx-texteditor-label
  .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px transparent,
    inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px #fff, inset 0 1px transparent,
    inset 1px 0 transparent, inset -1px 0 transparent;
  padding: 0 4px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 13px;
  line-height: 12px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff,
    inset -1px 0 transparent, inset 1px 0 #fff;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 transparent,
    inset 1px 0 #fff;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 #fff,
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 #fff,
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover
  .dx-lookup-field {
  font-size: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 #fff,
    inset 1px 0 transparent;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 #fff,
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #fff, inset 0 1px #fff,
    inset -1px 0 transparent, inset 1px 0 #fff;
  box-shadow: inset 0 -1px #fff, inset 0 1px #fff, inset -1px 0 transparent,
    inset 1px 0 #fff;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -1px #f44336, inset 0 1px transparent,
    inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px #f44336, inset 0 1px transparent,
    inset 1px 0 transparent, inset -1px 0 transparent;
  padding: 0 4px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 13px;
  line-height: 12px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset -1px 0 transparent, inset 1px 0 #f44336;
  box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset -1px 0 transparent, inset 1px 0 #f44336;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset -1px 0 #f44336, inset 1px 0 transparent;
  box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336, inset -1px 0 #f44336,
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid
  .dx-lookup-field {
  font-size: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset -1px 0 #f44336, inset 1px 0 transparent;
  box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336, inset -1px 0 #f44336,
    inset 1px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset -1px 0 transparent, inset 1px 0 #f44336;
  box-shadow: inset 0 -1px #f44336, inset 0 1px #f44336,
    inset -1px 0 transparent, inset 1px 0 #f44336;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -2px #ff5722, inset 0 2px transparent,
    inset 2px 0 transparent, inset -2px 0 transparent;
  box-shadow: inset 0 -2px #ff5722, inset 0 2px transparent,
    inset 2px 0 transparent, inset -2px 0 transparent;
  padding: 0 4px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 13px;
  line-height: 12px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset -2px 0 transparent, inset 2px 0 #ff5722;
  box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset -2px 0 transparent, inset 2px 0 #ff5722;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset -2px 0 #ff5722, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722, inset -2px 0 #ff5722,
    inset 2px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-lookup-field {
  font-size: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset -2px 0 #ff5722, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722, inset -2px 0 #ff5722,
    inset 2px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset -2px 0 transparent, inset 2px 0 #ff5722;
  box-shadow: inset 0 -2px #ff5722, inset 0 2px #ff5722,
    inset -2px 0 transparent, inset 2px 0 #ff5722;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -2px #f44336, inset 0 2px transparent,
    inset 2px 0 transparent, inset -2px 0 transparent;
  box-shadow: inset 0 -2px #f44336, inset 0 2px transparent,
    inset 2px 0 transparent, inset -2px 0 transparent;
  padding: 0 4px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label
  span,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label
  span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 13px;
  line-height: 12px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset -2px 0 transparent, inset 2px 0 #f44336;
  box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset -2px 0 transparent, inset 2px 0 #f44336;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset -2px 0 #f44336, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336, inset -2px 0 #f44336,
    inset 2px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  height: 100%;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-lookup-field {
  font-size: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset -2px 0 #f44336, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336, inset -2px 0 #f44336,
    inset 2px 0 transparent;
}
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid
  .dx-texteditor-label
  .dx-label-after,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid
  .dx-texteditor-label
  .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset -2px 0 transparent, inset 2px 0 #f44336;
  box-shadow: inset 0 -2px #f44336, inset 0 2px #f44336,
    inset -2px 0 transparent, inset 2px 0 #f44336;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label
  .dx-texteditor-label {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 0;
  margin-top: 0;
  height: 12px;
  line-height: 12px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label
  .dx-placeholder::before {
  padding-top: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-lookup
  .dx-lookup-field {
  padding-top: 16px;
  padding-bottom: 7px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea
  .dx-texteditor-container,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-textarea
  .dx-texteditor-container {
  padding-top: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-textarea
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-textarea
  .dx-texteditor-input {
  padding-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-textarea
  .dx-texteditor-label {
  top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-placeholder {
  display: block;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-state-focused
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-lookup-field {
  font-size: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-textarea.dx-state-focused
  .dx-texteditor-label {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  top: 0;
  margin-top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-state-focused.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-textarea
  .dx-texteditor-label {
  top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text {
  height: 28px;
  margin: 1px 5px 3px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text
  .dx-button-content,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text
  .dx-button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 5px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text
  .dx-button-content
  .dx-icon,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text
  .dx-button-content
  .dx-icon {
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 1px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text.dx-button-has-text
  .dx-button-content
  .dx-icon,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text.dx-button-has-text
  .dx-button-content
  .dx-icon {
  margin-top: 3px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text:not(.dx-button-has-text),
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text:not(.dx-button-has-text) {
  min-width: 28px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text:not(.dx-button-has-text)
  .dx-button-content,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text:not(.dx-button-has-text)
  .dx-button-content {
  padding: 2px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child {
  margin-left: 0;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child {
  margin-right: 0;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child {
  margin-left: 5px;
  margin-right: 0;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:last-child
  > .dx-button:first-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:last-child
  > .dx-button:first-child {
  margin-left: 5px;
  margin-right: 5px;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child,
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child {
  margin-left: 0;
  margin-right: 5px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-placeholder {
  display: none;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-lookup-field,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-lookup-field {
  font-size: 0;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-texteditor-label {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  height: 16px;
  margin-top: -8px;
  line-height: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea
  .dx-texteditor-label {
  top: 16px;
  margin-top: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  line-height: 16px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-textarea
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea
  .dx-placeholder {
  display: none;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-placeholder,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-placeholder {
  display: block;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused
  .dx-texteditor-label {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 12px;
  top: 0;
  margin-top: 0;
  height: 12px;
  line-height: 12px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea
  .dx-texteditor-label,
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-textarea
  .dx-texteditor-label {
  top: 0;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text {
  height: 28px;
  margin: 1px 5px 3px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text
  .dx-button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 5px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text
  .dx-button-content
  .dx-icon {
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 1px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text.dx-button-has-text
  .dx-button-content
  .dx-icon {
  margin-top: 3px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text:not(.dx-button-has-text) {
  min-width: 28px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text:not(.dx-button-has-text)
  .dx-button-content {
  padding: 2px;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child {
  margin-left: 0;
}
.dx-swatch-dark-compact
  .dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child {
  margin-right: 0;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child {
  margin-left: 5px;
  margin-right: 0;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:last-child
  > .dx-button:first-child {
  margin-left: 5px;
  margin-right: 5px;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child {
  margin-left: 0;
  margin-right: 5px;
}
.dx-swatch-dark-compact
  .dx-valid.dx-texteditor
  .dx-texteditor-input-container::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  font-size: 20px;
  font-weight: 700;
  font-family: DXIcons, sans-serif;
  color: #8bc34a;
  content: '\f005';
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s forwards
    dx-valid-badge-frames;
  animation: 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s forwards
    dx-valid-badge-frames;
}
.dx-swatch-dark-compact
  .dx-validation-pending.dx-texteditor
  .dx-texteditor-input-container
  .dx-pending-indicator {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
}
.dx-swatch-dark-compact .dx-rtl .dx-placeholder,
.dx-swatch-dark-compact .dx-rtl .dx-placeholder::before {
  right: 0;
  left: auto;
}
.dx-swatch-dark-compact .dx-searchbox .dx-icon-search {
  font: 14px/1 DXIcons;
  color: gray;
}
.dx-swatch-dark-compact .dx-searchbox .dx-icon-search::before {
  content: '\f027';
  color: rgba(255, 255, 255, 0.54);
}
.dx-swatch-dark-compact .dx-searchbox.dx-editor-underlined .dx-icon-search {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-position: 4px 4px;
  background-size: 22px 22px;
  padding: 4px 8px 4px 0;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-searchbox.dx-editor-underlined
  .dx-icon-search,
.dx-swatch-dark-compact
  .dx-rtl.dx-searchbox.dx-editor-underlined
  .dx-icon-search {
  padding-right: 0;
  padding-left: 8px;
}
.dx-swatch-dark-compact
  .dx-searchbox.dx-editor-underlined
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-searchbox.dx-editor-underlined
  .dx-texteditor-input {
  padding-left: 30px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-searchbox.dx-editor-underlined
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-searchbox.dx-editor-underlined
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-rtl.dx-searchbox.dx-editor-underlined
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-rtl.dx-searchbox.dx-editor-underlined
  .dx-texteditor-input {
  padding-left: 0;
  padding-right: 30px;
}
.dx-swatch-dark-compact .dx-searchbox.dx-editor-filled .dx-icon-search,
.dx-swatch-dark-compact .dx-searchbox.dx-editor-outlined .dx-icon-search {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  width: 46px;
  height: 46px;
  background-position: 12px 12px;
  background-size: 22px 22px;
  padding: 12px 8px 12px 16px;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
}
.dx-swatch-dark-compact .dx-rtl .dx-searchbox.dx-editor-filled .dx-icon-search,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-searchbox.dx-editor-outlined
  .dx-icon-search,
.dx-swatch-dark-compact .dx-rtl.dx-searchbox.dx-editor-filled .dx-icon-search,
.dx-swatch-dark-compact
  .dx-rtl.dx-searchbox.dx-editor-outlined
  .dx-icon-search {
  padding-right: 16px;
  padding-left: 8px;
}
.dx-swatch-dark-compact .dx-searchbox.dx-editor-filled .dx-placeholder::before,
.dx-swatch-dark-compact .dx-searchbox.dx-editor-filled .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-searchbox.dx-editor-outlined
  .dx-placeholder::before,
.dx-swatch-dark-compact .dx-searchbox.dx-editor-outlined .dx-texteditor-input {
  padding-left: 46px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-searchbox.dx-editor-filled
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-searchbox.dx-editor-filled
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-searchbox.dx-editor-outlined
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-searchbox.dx-editor-outlined
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-rtl.dx-searchbox.dx-editor-filled
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-rtl.dx-searchbox.dx-editor-filled
  .dx-texteditor-input,
.dx-swatch-dark-compact
  .dx-rtl.dx-searchbox.dx-editor-outlined
  .dx-placeholder::before,
.dx-swatch-dark-compact
  .dx-rtl.dx-searchbox.dx-editor-outlined
  .dx-texteditor-input {
  padding-left: 16px;
  padding-right: 46px;
}
.dx-swatch-dark-compact .dx-searchbar {
  padding-bottom: 5px;
}
.dx-swatch-dark-compact .dx-searchbar .dx-texteditor {
  margin: 0;
}
.dx-swatch-dark-compact .dx-loadindicator {
  width: 32px;
  height: 32px;
  display: inline-block;
  overflow: hidden;
  border: none;
  background-color: transparent;
  line-height: 100%;
}
.dx-swatch-dark-compact .dx-loadindicator-wrapper {
  width: 100%;
  height: 100%;
  font-size: 32px;
  margin: auto;
}
.dx-swatch-dark-compact .dx-loadindicator-image {
  background-size: contain;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url('data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7');
}
.dx-swatch-dark-compact .dx-loadindicator-icon-custom {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: 1.5s linear infinite dx-loadindicator-icon-custom-rotate;
  animation: 1.5s linear infinite dx-loadindicator-icon-custom-rotate;
}
@-webkit-keyframes dx-loadindicator-icon-custom-rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes dx-loadindicator-icon-custom-rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.dx-swatch-dark-compact .dx-loadindicator-container > .dx-loadindicator {
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -16px;
  margin-left: -16px;
}
.dx-swatch-dark-compact
  .dx-loadindicator-container
  > .dx-loadindicator.dx-loadindicator {
  margin-top: -16px;
  margin-left: -16px;
}
.dx-swatch-dark-compact .dx-loadindicator-content {
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-animation: 1568ms linear infinite dx-content-rotation;
  animation: 1568ms linear infinite dx-content-rotation;
}
.dx-swatch-dark-compact .dx-loadindicator-image .dx-loadindicator-content {
  -webkit-animation: none;
  animation: none;
}
.dx-swatch-dark-compact .dx-loadindicator-icon {
  direction: ltr;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
    dx-icon-rotation;
  animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both dx-icon-rotation;
}
.dx-swatch-dark-compact .dx-loadindicator-segment {
  height: 100%;
  width: 100%;
  position: absolute;
}
.dx-swatch-dark-compact .dx-loadindicator-segment-inner {
  position: relative;
  height: 100%;
  border-color: #ff5722 #ff5722 transparent;
  border-width: 0.12em;
  border-style: solid;
  -webkit-animation: none;
  animation: none;
  border-radius: 50%;
}
.dx-swatch-dark-compact .dx-loadindicator-segment0,
.dx-swatch-dark-compact .dx-loadindicator-segment2 {
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.dx-swatch-dark-compact
  .dx-loadindicator-segment0
  .dx-loadindicator-segment-inner,
.dx-swatch-dark-compact
  .dx-loadindicator-segment2
  .dx-loadindicator-segment-inner {
  width: 200%;
}
.dx-swatch-dark-compact .dx-loadindicator-segment2 {
  left: 0;
}
.dx-swatch-dark-compact
  .dx-loadindicator-segment2
  .dx-loadindicator-segment-inner {
  border-right-color: transparent;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
  -webkit-animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
    dx-left-segment-rotation;
  animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
    dx-left-segment-rotation;
}
.dx-swatch-dark-compact .dx-loadindicator-segment0 {
  right: 0;
}
.dx-swatch-dark-compact
  .dx-loadindicator-segment0
  .dx-loadindicator-segment-inner {
  left: -100%;
  border-left-color: transparent;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
  -webkit-animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
    dx-right-segment-rotation;
  animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
    dx-right-segment-rotation;
}
.dx-swatch-dark-compact .dx-loadindicator-segment1 {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dx-swatch-dark-compact
  .dx-loadindicator-segment1
  .dx-loadindicator-segment-inner {
  width: 1000%;
  left: -450%;
}
@-webkit-keyframes dx-content-rotation {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes dx-content-rotation {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dx-icon-rotation {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}
@keyframes dx-icon-rotation {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}
@-webkit-keyframes dx-left-segment-rotation {
  from,
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@keyframes dx-left-segment-rotation {
  from,
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes dx-right-segment-rotation {
  from,
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@keyframes dx-right-segment-rotation {
  from,
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
.dx-swatch-dark-compact .dx-treeview-loadindicator-wrapper {
  text-align: center;
}
.dx-swatch-dark-compact .dx-treeview-node-loadindicator {
  position: absolute;
}
.dx-swatch-dark-compact .dx-treeview {
  height: 100%;
}
.dx-swatch-dark-compact .dx-treeview .dx-scrollable:focus,
.dx-swatch-dark-compact .dx-treeview :focus {
  outline: 0;
}
.dx-swatch-dark-compact .dx-treeview .dx-empty-message {
  line-height: normal;
}
.dx-swatch-dark-compact .dx-checkbox + .dx-treeview-node-container,
.dx-swatch-dark-compact .dx-treeview-node-container:first-child {
  margin: 0;
  display: block;
}
.dx-swatch-dark-compact .dx-treeview-select-all-item {
  width: 100%;
}
.dx-swatch-dark-compact .dx-treeview-node-container {
  list-style-position: inside;
  padding: 0;
  margin: 0;
  display: none;
  overflow: hidden;
}
.dx-swatch-dark-compact
  .dx-treeview-node-container.dx-treeview-node-container-opened {
  display: block;
}
.dx-swatch-dark-compact .dx-treeview-node {
  list-style-type: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}
.dx-swatch-dark-compact .dx-treeview-node a {
  text-decoration: none;
}
.dx-swatch-dark-compact .dx-treeview-node .dx-checkbox {
  position: absolute;
  margin: 0;
}
.dx-swatch-dark-compact .dx-treeview-item .dx-treeview-item-content span {
  vertical-align: middle;
}
.dx-swatch-dark-compact .dx-treeview-item.dx-state-disabled {
  opacity: 0.5;
}
.dx-swatch-dark-compact .dx-treeview-custom-collapse-icon,
.dx-swatch-dark-compact .dx-treeview-custom-expand-icon,
.dx-swatch-dark-compact .dx-treeview-toggle-item-visibility {
  position: absolute;
  cursor: pointer;
}
.dx-swatch-dark-compact .dx-treeview-custom-collapse-icon.dx-state-disabled,
.dx-swatch-dark-compact .dx-treeview-custom-expand-icon.dx-state-disabled,
.dx-swatch-dark-compact .dx-treeview-toggle-item-visibility.dx-state-disabled {
  cursor: default;
}
.dx-swatch-dark-compact .dx-rtl .dx-treeview-node-container .dx-treeview-node,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-treeview-node-container
  .dx-treeview-node.dx-treeview-item-with-checkbox
  .dx-treeview-item,
.dx-swatch-dark-compact
  .dx-rtl
  .dx-treeview-node-container:first-child
  > .dx-treeview-node {
  padding-left: 0;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-treeview-node-container
  .dx-treeview-node
  .dx-treeview-item
  .dx-treeview-item-content
  > .dx-icon {
  margin-right: 0;
}
.dx-swatch-dark-compact .dx-rtl .dx-treeview-custom-collapse-icon,
.dx-swatch-dark-compact .dx-rtl .dx-treeview-custom-expand-icon,
.dx-swatch-dark-compact .dx-rtl .dx-treeview-toggle-item-visibility {
  left: auto;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  right: 0;
}
.dx-swatch-dark-compact .dx-treeview-custom-collapse-icon,
.dx-swatch-dark-compact .dx-treeview-custom-expand-icon {
  position: absolute;
  left: 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  top: 14px;
}
.dx-swatch-dark-compact .dx-rtl .dx-treeview-node .dx-checkbox {
  left: auto;
}
.dx-swatch-dark-compact .dx-treeview-node-loadindicator {
  right: 0;
  top: 13px;
  left: 2px;
  width: 20px;
  height: 20px;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-treeview-border-visible
  .dx-treeview-select-all-item {
  padding-left: 0;
  padding-right: 26px;
}
.dx-swatch-dark-compact
  .dx-rtl.dx-treeview-border-visible
  .dx-scrollable-content
  > .dx-treeview-node-container {
  padding-left: 1px;
  padding-right: 8px;
}
.dx-swatch-dark-compact .dx-rtl .dx-treeview-node {
  padding-right: 24px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-treeview-item
  .dx-treeview-item-content
  > .dx-icon {
  margin-left: 5px;
}
.dx-swatch-dark-compact
  .dx-rtl
  .dx-treeview-item-with-checkbox
  .dx-treeview-item {
  padding-right: 40px;
}
.dx-swatch-dark-compact .dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
  right: 35px;
  overflow: visible;
}
.dx-swatch-dark-compact .dx-rtl .dx-treeview-select-all-item {
  padding-left: 0;
  padding-right: 35px;
}
.dx-swatch-dark-compact .dx-rtl .dx-treeview-select-all-item .dx-checkbox-text {
  padding-left: 0;
  padding-right: 31px;
}
.dx-swatch-dark-compact .dx-treeview-search {
  margin-bottom: 8px;
}
.dx-swatch-dark-compact .dx-treeview-with-search > .dx-scrollable {
  height: calc(100% - 56px);
}
.dx-swatch-dark-compact .dx-treeview-border-visible {
  border: 1px solid #515159;
}
.dx-swatch-dark-compact
  .dx-treeview-border-visible
  .dx-treeview-select-all-item {
  padding-left: 26px;
}
.dx-swatch-dark-compact
  .dx-treeview-border-visible
  .dx-scrollable-content
  > .dx-treeview-node-container {
  padding: 1px 1px 1px 8px;
}
.dx-swatch-dark-compact .dx-treeview-select-all-item {
  border-bottom: 1px solid #515159;
  padding: 15px 0 15px 35px;
}
.dx-swatch-dark-compact .dx-treeview-select-all-item .dx-checkbox-text {
  padding-left: 31px;
}
.dx-swatch-dark-compact .dx-treeview-node {
  padding-left: 24px;
}
.dx-swatch-dark-compact .dx-state-selected > .dx-treeview-item {
  color: #fff;
}
.dx-swatch-dark-compact
  .dx-treeview-item-with-checkbox.dx-treeview-item-with-custom-expander-icon
  > .dx-checkbox {
  top: 17px;
}
.dx-swatch-dark-compact .dx-treeview-item-with-checkbox .dx-treeview-item {
  color: #fff;
  padding-left: 40px;
}
.dx-swatch-dark-compact .dx-treeview-item-with-checkbox .dx-checkbox {
  top: 14px;
  left: 35px;
}
.dx-swatch-dark-compact
  .dx-treeview-item-without-checkbox.dx-treeview-item-with-custom-expander-icon
  > .dx-treeview-item {
  padding-left: 8px;
}
.dx-swatch-dark-compact
  .dx-treeview-item-without-checkbox.dx-state-selected
  > .dx-treeview-item {
  color: #fff;
  background-color: rgba(110, 110, 128, 0.5);
}
.dx-swatch-dark-compact
  .dx-treeview-item-without-checkbox.dx-state-selected
  > .dx-treeview-item.dx-state-hover:not(.dx-state-focused) {
  background-color: rgba(110, 110, 128, 0.4);
}
.dx-swatch-dark-compact
  .dx-treeview-item-without-checkbox.dx-state-focused
  > .dx-treeview-item {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}
.dx-swatch-dark-compact .dx-treeview-item {
  display: block;
  cursor: pointer;
  padding: 13px 8px;
  min-height: 48px;
  line-height: 22px;
}
.dx-swatch-dark-compact .dx-treeview-item .dx-treeview-item-content > .dx-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-swatch-dark-compact .dx-treeview-item.dx-state-hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}
.dx-swatch-dark-compact .dx-treeview-toggle-item-visibility {
  font: 24px/24px DXIcons;
  text-align: center;
  color: rgba(255, 255, 255, 0.54);
  width: 24px;
  height: 48px;
  top: 0;
  left: 0;
}
.dx-swatch-dark-compact .dx-treeview-toggle-item-visibility::before {
  content: '\f010';
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-swatch-dark-compact
  .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
  font: 24px/24px DXIcons;
  text-align: center;
}
.dx-swatch-dark-compact
  .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before {
  content: '\f016';
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}