devextreme 23.1.2-beta → 23.1.2-beta.2

package/dist/css/dx.darkviolet.compact.css

@@ -2,7 +2,7 @@
 /**
 * DevExtreme (dx.darkviolet.compact.css)
 * Version: 23.1.2
-* Build date: Wed May 17 2023
+* Build date: Fri May 26 2023
 *
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -5174,29 +5174,29 @@
 .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-placeholder {
   display: none;
 }
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-readonly.dx-state-hover,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-readonly.dx-state-hover,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-readonly.dx-state-hover,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-readonly.dx-state-hover {
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-hover,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-hover,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover {
   border: 0;
 }
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-texteditor-label,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-texteditor-label,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-texteditor-label,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-texteditor-label {
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-hover .dx-texteditor-label,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-hover .dx-texteditor-label,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label {
   height: 100%;
 }
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label {
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-hover .dx-texteditor-label .dx-label,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-hover .dx-texteditor-label .dx-label,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label {
   border-bottom: 1px dashed rgba(156,99,255,.4);
   border-top: 1px dashed rgba(156,99,255,.4);
 }
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span {
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-hover .dx-texteditor-label .dx-label span,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-hover .dx-texteditor-label .dx-label span,
+.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 .2s cubic-bezier(0, 0, .2, 1),top .2s cubic-bezier(0, 0, .2, 1),-webkit-transform .2s cubic-bezier(0, 0, .2, 1);
   transition: font-size .2s cubic-bezier(0, 0, .2, 1),transform .2s cubic-bezier(0, 0, .2, 1),top .2s cubic-bezier(0, 0, .2, 1),-webkit-transform .2s cubic-bezier(0, 0, .2, 1);
   -webkit-transform: translate(0,0);
@@ -5207,37 +5207,37 @@
   margin-top: -8px;
   line-height: 1.33334;
 }
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before {
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-hover .dx-texteditor-label .dx-label-after,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-hover .dx-texteditor-label .dx-label-before,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-hover .dx-texteditor-label .dx-label-after,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-hover .dx-texteditor-label .dx-label-before,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before {
   border-color: rgba(156,99,255,.4);
   border-style: dashed;
   height: 100%;
   border-top: 1px dashed rgba(156,99,255,.4);
   border-bottom: 1px dashed rgba(156,99,255,.4);
 }
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-readonly.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-readonly.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-readonly.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-readonly.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span {
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
+.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-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
+.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 {
   top: 4px;
   margin-top: 0;
 }
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-lookup-field,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-lookup-field,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-lookup-field,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-lookup-field {
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-hover .dx-lookup-field,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-lookup-field,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-hover .dx-lookup-field,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-lookup-field {
   font-size: 0;
 }
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-placeholder,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-placeholder,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-readonly.dx-state-hover .dx-placeholder,
-.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-readonly.dx-state-hover .dx-placeholder {
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-hover .dx-placeholder,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-placeholder,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-hover .dx-placeholder,
+.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-placeholder {
   display: none;
 }
 .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused,
@@ -7578,7 +7578,10 @@
 }
 .dx-calendar-cell.dx-calendar-cell-in-range.dx-state-active::before,
 .dx-calendar-cell.dx-calendar-cell-in-range.dx-state-hover::before,
-.dx-calendar-cell.dx-calendar-cell-in-range::before {
+.dx-calendar-cell.dx-calendar-cell-in-range::before,
+.dx-calendar-cell.dx-calendar-cell-range-hover.dx-state-active::before,
+.dx-calendar-cell.dx-calendar-cell-range-hover.dx-state-hover::before,
+.dx-calendar-cell.dx-calendar-cell-range-hover::before {
   width: 100%;
   border-radius: 0;
 }
@@ -7590,8 +7593,7 @@
   inset-inline-end: 0;
 }
 .dx-calendar-cell.dx-calendar-range-end-date.dx-state-active::before,
-.dx-calendar-cell.dx-calendar-range-end-date.dx-state-hover::before,
-.dx-calendar-cell.dx-calendar-range-end-date::before {
+.dx-calendar-cell.dx-calendar-range-end-date.dx-state-hover::before {
   width: 50%;
 }
 .dx-calendar-cell.dx-state-active::before,
@@ -7600,6 +7602,36 @@
   border-top-right-radius: 50%;
   border-bottom-right-radius: 50%;
 }
+.dx-calendar-cell.dx-calendar-cell-range-hover::before {
+  height: 2em;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  width: 100%;
+  border-width: 1px;
+  border-style: dashed;
+  border-color: rgba(156,99,255,.6) transparent;
+  -o-border-image: initial;
+  border-image: initial;
+  border-radius: 0;
+}
+.dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::before {
+  width: calc(50% + 1em);
+  inset-inline-start: auto;
+  inset-inline-end: 0;
+  border-radius: 1px 0 0 1px;
+  border-left: 1px dashed rgba(156,99,255,.6);
+}
+.dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::before {
+  width: calc(50% + 1em);
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  border-radius: 0 1px 1px 0;
+  border-right: 1px dashed rgba(156,99,255,.6);
+}
+.dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-range-end-date::before,
+.dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-range-start-date::before {
+  border-width: 0;
+}
 .dx-calendar-cell.dx-calendar-cell-in-range::before {
   height: 2em;
   inset-inline-start: 0;
@@ -7607,19 +7639,27 @@
   width: 100%;
   background-color: rgba(156,99,255,.24);
 }
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-cell-range-hover-start::before {
+.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-start-date::before,
+.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-start-day-of-month::before {
   width: calc(50% + 1em);
   inset-inline-start: auto;
   inset-inline-end: 0;
   border-radius: 1px 0 0 1px;
 }
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-cell-range-hover-end::before {
+.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-end-day-of-month::before,
+.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-start-day-of-month.dx-calendar-end-day-of-month::before {
+  content: none;
+}
+.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-end-day-of-month::before,
+.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-end-date::before {
   width: calc(50% + 1em);
   inset-inline-start: 0;
   inset-inline-end: 0;
   border-radius: 0 1px 1px 0;
 }
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-cell-range-hover-start.dx-calendar-cell-range-hover-end::before {
+.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-end-day-of-month.dx-calendar-start-day-of-month::before,
+.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-end-date.dx-calendar-start-day-of-month::before,
+.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-range-end-date::before {
   content: none;
 }
 .dx-calendar-cell.dx-calendar-empty-cell,
@@ -7635,11 +7675,35 @@
   color: #2a2a2a;
 }
 .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range::before,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover::before,
 .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date::before,
 .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date::before {
   content: none;
 }
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-hover span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-active span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-hover span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-active span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-hover span {
+  color: rgba(245,246,247,.38);
+}
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-hover span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-hover span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-hover span {
+  background-color: rgba(156,99,255,.24);
+}
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-active span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-active span {
+  background-color: rgba(156,99,255,.4);
+}
 .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range span,
+.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover span,
 .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date span,
 .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date span {
   color: rgba(245,246,247,.38);
@@ -8042,6 +8106,35 @@
   display: -ms-flexbox;
   display: flex;
 }
+.dx-daterangebox .dx-texteditor-with-floating-label,
+.dx-daterangebox .dx-texteditor-with-label {
+  margin-top: 0;
+}
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-end-datebox.dx-editor-outlined,
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-start-datebox.dx-editor-outlined {
+  border: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label,
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-start-datebox.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-start-datebox.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-start-datebox.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-start-datebox.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label,
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-start-datebox.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
+.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-start-datebox.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label-before {
+  margin: 0;
+  border: 0;
+  -webkit-clip-path: none;
+  clip-path: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
 .dx-daterangebox .dx-datebox {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
@@ -8056,41 +8149,6 @@
 .dx-daterangebox .dx-datebox.dx-editor-underlined.dx-rtl .dx-texteditor-container .dx-texteditor-input {
   padding-right: 0;
 }
-.dx-daterangebox .dx-datebox.dx-editor-outlined {
-  border: 0;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-.dx-daterangebox .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label,
-.dx-daterangebox .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label-after,
-.dx-daterangebox .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label-before {
-  border: 0!important;
-  margin: 0!important;
-  -webkit-box-shadow: none!important;
-  box-shadow: none!important;
-  -webkit-clip-path: none;
-  clip-path: none;
-}
-.dx-daterangebox .dx-datebox.dx-editor-outlined.dx-state-focused .dx-texteditor-label .dx-label,
-.dx-daterangebox .dx-datebox.dx-editor-outlined.dx-state-focused .dx-texteditor-label .dx-label-after,
-.dx-daterangebox .dx-datebox.dx-editor-outlined.dx-state-focused .dx-texteditor-label .dx-label-before,
-.dx-daterangebox .dx-datebox.dx-editor-outlined.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
-.dx-daterangebox .dx-datebox.dx-editor-outlined.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
-.dx-daterangebox .dx-datebox.dx-editor-outlined.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
-.dx-daterangebox .dx-datebox.dx-editor-outlined.dx-state-hover .dx-texteditor-label .dx-label,
-.dx-daterangebox .dx-datebox.dx-editor-outlined.dx-state-hover .dx-texteditor-label .dx-label-after,
-.dx-daterangebox .dx-datebox.dx-editor-outlined.dx-state-hover .dx-texteditor-label .dx-label-before {
-  -webkit-clip-path: none;
-  clip-path: none;
-}
-.dx-daterangebox .dx-datebox.dx-editor-outlined.dx-texteditor-with-floating-label,
-.dx-daterangebox .dx-datebox.dx-editor-outlined.dx-texteditor-with-label {
-  margin-top: 0;
-}
-.dx-daterangebox .dx-datebox.dx-editor-outlined.dx-state-readonly.dx-state-hover {
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
 .dx-daterangebox .dx-datebox.dx-editor-filled {
   background-color: transparent;
   border: 0;
@@ -8099,6 +8157,10 @@
 .dx-daterangebox .dx-datebox.dx-editor-filled.dx-state-readonly.dx-state-hover {
   background-color: transparent;
 }
+.dx-daterangebox.dx-texteditor-empty .dx-clear-button-area {
+  display: block;
+  visibility: hidden;
+}
 .dx-daterangebox-separator {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -8107,7 +8169,7 @@
   -ms-flex-align: center;
   align-items: center;
   padding-left: 10px;
-  opacity: .5;
+  color: #84909c;
 }
 .dx-rtl .dx-daterangebox-separator {
   -webkit-transform: scale(-1,1);
@@ -8117,8 +8179,9 @@
   height: 16px;
   line-height: 1.33334;
 }
-.dx-daterangebox-with-floating-label.dx-editor-filled.dx-dropdowneditor-active .dx-texteditor-label,
-.dx-daterangebox-with-floating-label.dx-editor-filled.dx-state-focused .dx-texteditor-label {
+.dx-daterangebox-with-floating-label.dx-editor-filled.dx-dropdowneditor-active .dx-datebox .dx-texteditor-label,
+.dx-daterangebox-with-floating-label.dx-editor-filled.dx-invalid .dx-datebox .dx-texteditor-label,
+.dx-daterangebox-with-floating-label.dx-editor-filled.dx-state-focused .dx-datebox .dx-texteditor-label {
   font-size: 10px;
   height: 16px;
   line-height: 1.33334;
@@ -8129,8 +8192,9 @@
   height: 16px;
   line-height: 1.33334;
 }
-.dx-daterangebox-with-floating-label.dx-editor-underlined.dx-dropdowneditor-active .dx-texteditor-label,
-.dx-daterangebox-with-floating-label.dx-editor-underlined.dx-state-focused .dx-texteditor-label {
+.dx-daterangebox-with-floating-label.dx-editor-underlined.dx-dropdowneditor-active .dx-datebox .dx-texteditor-label,
+.dx-daterangebox-with-floating-label.dx-editor-underlined.dx-invalid .dx-datebox .dx-texteditor-label,
+.dx-daterangebox-with-floating-label.dx-editor-underlined.dx-state-focused .dx-datebox .dx-texteditor-label {
   -webkit-transform: translate(0,0);
   transform: translate(0,0);
   font-size: 10px;
@@ -8143,82 +8207,44 @@
 .dx-daterangebox-with-label.dx-editor-outlined {
   margin-top: 6.5px;
 }
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-texteditor-label .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-texteditor-label .dx-label span {
+.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-texteditor-label .dx-label,
+.dx-daterangebox-with-label.dx-editor-outlined .dx-texteditor-label .dx-label {
+  position: relative;
+}
+.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-texteditor-label .dx-label::before,
+.dx-daterangebox-with-label.dx-editor-outlined .dx-texteditor-label .dx-label::before {
+  content: "";
   background-color: #17171f;
-  -webkit-box-shadow: 2px 0 #17171f,-2px 0 #17171f!important;
-  box-shadow: 2px 0 #17171f,-2px 0 #17171f!important;
-  height: 12px;
+  width: 100%;
+  position: absolute;
+  height: 1px;
+  top: -1px;
+  margin-left: -2px;
+  margin-right: -2px;
 }
-.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-state-hover .dx-texteditor-label .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined.dx-state-hover .dx-texteditor-label .dx-label {
+.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-dropdowneditor-active .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label,
+.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-invalid .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label,
+.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-state-focused .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label {
   padding: 0 2px;
 }
-.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-state-hover .dx-texteditor-label .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined.dx-state-hover .dx-texteditor-label .dx-label span {
-  height: 12px;
-}
-.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-dropdowneditor-active .dx-texteditor-label .dx-label,
-.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label,
-.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
-.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-state-focused .dx-texteditor-label .dx-label,
-.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined.dx-dropdowneditor-active .dx-texteditor-label .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined.dx-state-focused .dx-texteditor-label .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label {
-  padding: 0 2px;
+.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-dropdowneditor-active .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label::before,
+.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-invalid .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label::before,
+.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-state-focused .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label::before {
+  background-color: #17171f;
 }
-.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-dropdowneditor-active .dx-texteditor-label .dx-label span,
-.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label span,
-.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
-.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-state-focused .dx-texteditor-label .dx-label span,
-.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined.dx-dropdowneditor-active .dx-texteditor-label .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined.dx-state-focused .dx-texteditor-label .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span {
+.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-dropdowneditor-active .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label span,
+.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-invalid .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label span,
+.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-state-focused .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label span {
   -webkit-transform: translate(0,-6.5px);
   transform: translate(0,-6.5px);
   font-size: 10px;
   margin-top: 0;
   top: 0;
-  height: 12px;
-  line-height: 10px;
-}
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-invalid .dx-label,
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-invalid.dx-state-focused .dx-label,
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-invalid.dx-state-hover .dx-label,
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-state-disabled .dx-label,
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-state-readonly .dx-label,
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-state-readonly.dx-state-focused .dx-label,
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-state-readonly.dx-state-hover .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-invalid .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-invalid.dx-state-focused .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-invalid.dx-state-hover .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-state-disabled .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-state-readonly .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-state-readonly.dx-state-focused .dx-label,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-state-readonly.dx-state-hover .dx-label {
-  padding: 0 2px;
+  height: 16px;
+  line-height: normal;
 }
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-invalid .dx-label span,
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-invalid.dx-state-focused .dx-label span,
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-invalid.dx-state-hover .dx-label span,
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-state-disabled .dx-label span,
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-state-readonly .dx-label span,
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-state-readonly.dx-state-focused .dx-label span,
-.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-state-readonly.dx-state-hover .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-invalid .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-invalid.dx-state-focused .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-invalid.dx-state-hover .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-state-disabled .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-state-readonly .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-state-readonly.dx-state-focused .dx-label span,
-.dx-daterangebox-with-label.dx-editor-outlined .dx-datebox.dx-state-readonly.dx-state-hover .dx-label span {
-  height: 12px;
+.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-texteditor-empty .dx-datebox .dx-texteditor-label .dx-label::before {
+  background-color: transparent;
 }
 .dx-daterangebox .dx-dropdowneditor-icon {
   font: 14px/14px DXIcons;
@@ -8237,73 +8263,89 @@
   left: 50%;
   margin-left: -7px;
 }
-.dx-daterangebox.dx-editor-outlined.dx-daterangebox-with-floating-label .dx-texteditor-label .dx-label span,
-.dx-daterangebox.dx-editor-outlined.dx-daterangebox-with-label .dx-texteditor-label .dx-label span {
-  line-height: normal!important;
+.dx-daterangebox .dx-dropdowneditor-button {
+  min-width: 22px;
+  width: 22px;
+}
+.dx-daterangebox .dx-dropdowneditor-button .dx-dropdowneditor-icon {
+  width: 20px;
+}
+.dx-daterangebox .dx-texteditor-input {
+  min-height: 22px;
+}
+.dx-daterangebox.dx-editor-outlined.dx-daterangebox-with-floating-label .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label span,
+.dx-daterangebox.dx-editor-outlined.dx-daterangebox-with-label .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label span,
+.dx-daterangebox.dx-editor-outlined.dx-dropdowneditor-active.dx-daterangebox-with-floating-label .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label span,
+.dx-daterangebox.dx-editor-outlined.dx-dropdowneditor-active.dx-daterangebox-with-label .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label span,
+.dx-daterangebox.dx-editor-outlined.dx-state-focused.dx-daterangebox-with-floating-label .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label span,
+.dx-daterangebox.dx-editor-outlined.dx-state-focused.dx-daterangebox-with-label .dx-datebox.dx-editor-outlined .dx-texteditor-label .dx-label span {
+  line-height: normal;
 }
 .dx-daterangebox .dx-editor-filled::before,
 .dx-daterangebox .dx-editor-outlined::before,
 .dx-daterangebox .dx-editor-underlined::before {
   content: "";
   position: absolute;
-  border: 0 solid transparent;
-  border-bottom-width: 1px;
-  width: 100%;
+  border-bottom: 1px solid transparent;
   bottom: 0;
   z-index: 2;
 }
-.dx-daterangebox .dx-editor-filled::before,
-.dx-daterangebox .dx-editor-outlined::before {
-  width: calc(100% - 10px);
-  margin: 0 5px;
+.dx-daterangebox .dx-editor-filled.dx-state-hover::before,
+.dx-daterangebox .dx-editor-outlined.dx-state-hover::before,
+.dx-daterangebox .dx-editor-underlined.dx-state-hover::before {
+  border-bottom-color: rgba(156,99,255,.4);
 }
-.dx-daterangebox.dx-editor-filled .dx-datebox::before,
-.dx-daterangebox.dx-editor-outlined .dx-datebox::before,
-.dx-daterangebox.dx-editor-underlined .dx-datebox::before {
-  border-width: 0;
+.dx-daterangebox .dx-editor-filled.dx-state-hover.dx-invalid::before,
+.dx-daterangebox .dx-editor-outlined.dx-state-hover.dx-invalid::before,
+.dx-daterangebox .dx-editor-underlined.dx-state-hover.dx-invalid::before {
+  border-bottom-color: rgba(217,83,79,.4);
 }
-.dx-daterangebox.dx-editor-filled .dx-datebox.dx-state-hover::before,
-.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-state-hover::before,
-.dx-daterangebox.dx-editor-underlined .dx-datebox.dx-state-hover::before {
-  border-bottom-width: 1px;
-  border-color: rgba(156,99,255,.4);
+.dx-daterangebox .dx-editor-filled.dx-state-focused::before,
+.dx-daterangebox .dx-editor-outlined.dx-state-focused::before,
+.dx-daterangebox .dx-editor-underlined.dx-state-focused::before {
+  border-bottom-color: #9c63ff;
 }
-.dx-daterangebox.dx-editor-filled .dx-datebox.dx-state-focused::before,
-.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-state-focused::before,
-.dx-daterangebox.dx-editor-underlined .dx-datebox.dx-state-focused::before {
-  border-bottom-width: 1px;
-  border-color: #9c63ff;
+.dx-daterangebox .dx-editor-filled.dx-state-focused.dx-invalid::before,
+.dx-daterangebox .dx-editor-outlined.dx-state-focused.dx-invalid::before,
+.dx-daterangebox .dx-editor-underlined.dx-state-focused.dx-invalid::before {
+  border-bottom-color: #d9534f;
 }
-.dx-daterangebox.dx-editor-filled .dx-datebox.dx-state-focused.dx-invalid::before,
-.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-state-focused.dx-invalid::before,
-.dx-daterangebox.dx-editor-underlined .dx-datebox.dx-state-focused.dx-invalid::before {
-  border-bottom-width: 1px;
-  border-color: #d9534f;
+.dx-daterangebox .dx-editor-filled.dx-state-readonly::before,
+.dx-daterangebox .dx-editor-outlined.dx-state-readonly::before,
+.dx-daterangebox .dx-editor-underlined.dx-state-readonly::before {
+  border-bottom-style: dashed;
 }
-.dx-daterangebox.dx-editor-filled .dx-datebox.dx-state-readonly::before,
-.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-state-readonly::before,
-.dx-daterangebox.dx-editor-underlined .dx-datebox.dx-state-readonly::before {
-  border-bottom-width: 0;
+.dx-daterangebox.dx-invalid .dx-editor-filled.dx-state-hover::before,
+.dx-daterangebox.dx-invalid .dx-editor-outlined.dx-state-hover::before,
+.dx-daterangebox.dx-invalid .dx-editor-underlined.dx-state-hover::before {
+  border-bottom-color: rgba(217,83,79,.4);
 }
-.dx-daterangebox.dx-editor-filled .dx-datebox.dx-invalid::before,
-.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-invalid::before,
-.dx-daterangebox.dx-editor-underlined .dx-datebox.dx-invalid::before {
-  border-bottom-width: 1px;
-  border-color: rgba(217,83,79,.4);
+.dx-daterangebox.dx-invalid .dx-editor-filled.dx-state-focused::before,
+.dx-daterangebox.dx-invalid .dx-editor-outlined.dx-state-focused::before,
+.dx-daterangebox.dx-invalid .dx-editor-underlined.dx-state-focused::before {
+  border-bottom-color: #d9534f;
 }
-.dx-daterangebox.dx-editor-filled.dx-invalid .dx-datebox.dx-state-hover::before,
-.dx-daterangebox.dx-editor-outlined.dx-invalid .dx-datebox.dx-state-hover::before,
-.dx-daterangebox.dx-editor-underlined.dx-invalid .dx-datebox.dx-state-hover::before {
-  border-color: rgba(217,83,79,.4);
+.dx-daterangebox .dx-editor-filled::before,
+.dx-daterangebox .dx-editor-outlined::before {
+  width: calc(100% - 10px);
+  margin: 0 5px;
 }
-.dx-daterangebox.dx-editor-filled.dx-invalid .dx-datebox.dx-state-focused::before,
-.dx-daterangebox.dx-editor-outlined.dx-invalid .dx-datebox.dx-state-focused::before,
-.dx-daterangebox.dx-editor-underlined.dx-invalid .dx-datebox.dx-state-focused::before {
-  border-color: #d9534f;
+.dx-daterangebox .dx-editor-underlined::before {
+  width: 100%;
 }
 .dx-daterangebox.dx-editor-underlined .dx-daterangebox-separator {
   padding-right: 10px;
 }
+.dx-daterangebox-separator .dx-icon {
+  width: 14px;
+  height: 14px;
+  background-position: 0 0;
+  background-size: 14px 14px;
+  padding: 0;
+  font-size: 14px;
+  text-align: center;
+  line-height: 14px;
+}
 .dx-dropdownlist-popup-wrapper .dx-list .dx-scrollable-content {
   margin: 0;
 }
@@ -17423,10 +17465,17 @@ input.dx-hidden {
   -webkit-box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset 1px 0 #343840;
   box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset 1px 0 #343840;
 }
-.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
+.dx-rtl .dx-tabpanel>.dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type,
+.dx-rtl.dx-tabpanel>.dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type,
+.dx-tabpanel>.dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
   -webkit-box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset -1px 0 #343840;
   box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset -1px 0 #343840;
 }
+.dx-rtl .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type,
+.dx-rtl.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
+  -webkit-box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset 1px 0 #343840;
+  box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset 1px 0 #343840;
+}
 .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-nav-button-left {
   -webkit-box-shadow: inset 0 -1px #343840,inset 1px 0 #343840,inset 0 1px #343840;
   box-shadow: inset 0 -1px #343840,inset 1px 0 #343840,inset 0 1px #343840;
@@ -17457,10 +17506,17 @@ input.dx-hidden {
   -webkit-box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset 1px 0 #343840;
   box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset 1px 0 #343840;
 }
-.dx-tabpanel.dx-disabled-focused-tab > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
+.dx-rtl .dx-tabpanel.dx-disabled-focused-tab>.dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type,
+.dx-rtl.dx-tabpanel.dx-disabled-focused-tab>.dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type,
+.dx-tabpanel.dx-disabled-focused-tab>.dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
   -webkit-box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset -1px 0 #343840;
   box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset -1px 0 #343840;
 }
+.dx-rtl .dx-tabpanel.dx-disabled-focused-tab > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type,
+.dx-rtl.dx-tabpanel.dx-disabled-focused-tab > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
+  -webkit-box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset 1px 0 #343840;
+  box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset 1px 0 #343840;
+}
 .dx-tabpanel.dx-disabled-focused-tab .dx-tabs-nav-button-left {
   -webkit-box-shadow: inset 0 -1px #343840,inset 1px 0 #343840,inset 0 1px #343840;
   box-shadow: inset 0 -1px #343840,inset 1px 0 #343840,inset 0 1px #343840;
@@ -17496,10 +17552,17 @@ input.dx-hidden {
   -webkit-box-shadow: inset 0 1px #343840,inset 0 -1px #9c63ff,inset 1px 0 #343840;
   box-shadow: inset 0 1px #343840,inset 0 -1px #9c63ff,inset 1px 0 #343840;
 }
-.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
+.dx-rtl .dx-tabpanel.dx-state-focused>.dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type,
+.dx-rtl.dx-tabpanel.dx-state-focused>.dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type,
+.dx-tabpanel.dx-state-focused>.dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
   -webkit-box-shadow: inset 0 1px #343840,inset 0 -1px #9c63ff,inset -1px 0 #343840;
   box-shadow: inset 0 1px #343840,inset 0 -1px #9c63ff,inset -1px 0 #343840;
 }
+.dx-rtl .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type,
+.dx-rtl.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
+  -webkit-box-shadow: inset 0 1px #343840,inset 0 -1px #9c63ff,inset 1px 0 #343840;
+  box-shadow: inset 0 1px #343840,inset 0 -1px #9c63ff,inset 1px 0 #343840;
+}
 .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-nav-button-left {
   -webkit-box-shadow: inset 0 -1px #9c63ff,inset 1px 0 #343840,inset 0 1px #343840;
   box-shadow: inset 0 -1px #9c63ff,inset 1px 0 #343840,inset 0 1px #343840;
@@ -17530,10 +17593,17 @@ input.dx-hidden {
   -webkit-box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset 1px 0 #343840;
   box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset 1px 0 #343840;
 }
-.dx-tabpanel.dx-state-focused.dx-disabled-focused-tab > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
+.dx-rtl .dx-tabpanel.dx-state-focused.dx-disabled-focused-tab>.dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type,
+.dx-rtl.dx-tabpanel.dx-state-focused.dx-disabled-focused-tab>.dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type,
+.dx-tabpanel.dx-state-focused.dx-disabled-focused-tab>.dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
   -webkit-box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset -1px 0 #343840;
   box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset -1px 0 #343840;
 }
+.dx-rtl .dx-tabpanel.dx-state-focused.dx-disabled-focused-tab > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type,
+.dx-rtl.dx-tabpanel.dx-state-focused.dx-disabled-focused-tab > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
+  -webkit-box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset 1px 0 #343840;
+  box-shadow: inset 0 1px #343840,inset 0 -1px #343840,inset 1px 0 #343840;
+}
 .dx-tabpanel.dx-state-focused.dx-disabled-focused-tab .dx-tabs-nav-button-left {
   -webkit-box-shadow: inset 0 -1px #343840,inset 1px 0 #343840,inset 0 1px #343840;
   box-shadow: inset 0 -1px #343840,inset 1px 0 #343840,inset 0 1px #343840;
@@ -23654,4 +23724,4 @@ input.dx-hidden {
   left: 0;
   background: rgba(0,0,0,.01);
   opacity: .01;
-}
+}