devextreme 23.1.2-beta → 23.1.3

package/dist/css/dx.contrast.compact.css

@@ -1,8 +1,8 @@
 @charset "UTF-8";
 /**
 * DevExtreme (dx.contrast.compact.css)
-* Version: 23.1.2
-* Build date: Wed May 17 2023
+* Version: 23.1.3
+* Build date: Fri Jun 09 2023
 *
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -5116,29 +5116,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 #fff;
   border-top: 1px dashed #fff;
 }
-.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);
@@ -5149,37 +5149,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: #fff;
   border-style: dashed;
   height: 100%;
   border-top: 1px dashed #fff;
   border-bottom: 1px dashed #fff;
 }
-.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,
@@ -7272,6 +7272,7 @@
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  direction: ltr;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
@@ -7281,12 +7282,13 @@
   justify-content: space-between;
   border: 1px solid transparent;
   width: 232px;
-  min-width: 232px;
   height: 226px;
-  min-height: 226px;
   background-color: #000;
   gap: 8px;
 }
+.dx-calendar.dx-rtl {
+  direction: rtl;
+}
 .dx-calendar-views-wrapper {
   position: relative;
   display: -webkit-box;
@@ -7303,7 +7305,6 @@
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
-  direction: ltr;
 }
 .dx-calendar-navigator .dx-calendar-caption-button {
   -webkit-box-flex: 1;
@@ -7311,6 +7312,7 @@
   flex-grow: 1;
   overflow: hidden;
   font-weight: 600;
+  border-radius: 0;
 }
 .dx-calendar-navigator .dx-button .dx-button-text {
   text-transform: none;
@@ -7342,7 +7344,6 @@
 .dx-calendar-body table {
   width: 100%;
   height: 100%;
-  direction: ltr;
   table-layout: fixed;
   border-spacing: 0;
   line-height: normal;
@@ -7359,22 +7360,33 @@
   white-space: nowrap;
   color: #fff;
 }
-.dx-calendar-body .dx-calendar-week-number-cell {
+.dx-calendar-week-number-cell {
+  position: relative;
+  color: rgba(255,255,255,.56);
+  width: 2em;
+}
+.dx-calendar-week-number-cell span {
+  position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  height: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
+  text-align: center;
+  width: 2em;
+  inset: 0;
+  background-color: rgba(0,0,0,.5);
+  inset-inline-start: 0;
 }
 .dx-calendar-cell {
   cursor: pointer;
   position: relative;
   text-align: center;
+  font-size: 12px;
   color: #fff;
 }
 .dx-calendar-cell span {
@@ -7419,70 +7431,42 @@
 .dx-calendar-multiview .dx-calendar-body table {
   padding: 0 10px;
 }
-.dx-calendar-range .dx-calendar-cell::before {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  inset-inline-start: 50%;
-  inset-inline-end: 0;
-}
-.dx-rtl.dx-calendar .dx-calendar-body table {
-  left: 0;
-}
-.dx-rtl.dx-calendar .dx-calendar-body .dx-widget {
-  direction: ltr;
-}
 .dx-calendar.dx-calendar-with-footer {
   height: 262px;
-  min-height: 262px;
 }
 .dx-calendar.dx-calendar-multiview {
   width: 464px;
-  min-width: 464px;
 }
 .dx-calendar.dx-invalid,
 .dx-calendar.dx-invalid.dx-state-focused {
   border-color: #ea4444;
 }
-.dx-calendar-navigator .dx-button {
-  border-radius: 0;
-}
 .dx-calendar-navigator .dx-calendar-navigator-previous-view {
-  margin-right: -1px;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
+  -webkit-margin-end: -1px;
+  margin-inline-end: -1px;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
 }
 .dx-calendar-navigator .dx-calendar-navigator-next-view {
-  margin-left: -1px;
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-.dx-calendar-body table .dx-week-number-header {
-  font-size: 12px;
-  width: 2.5em;
-}
-.dx-calendar-body table .dx-calendar-week-number-cell {
-  color: rgba(255,255,255,.56);
-  background-color: rgba(0,0,0,.5);
-  width: 2em;
-  margin-right: .5em;
-}
-.dx-rtl .dx-calendar-body table .dx-calendar-week-number-cell {
-  margin-left: .5em;
+  -webkit-margin-start: -1px;
+  margin-inline-start: -1px;
+  border-end-start-radius: 0;
+  border-start-start-radius: 0;
 }
 .dx-calendar-body thead tr {
   height: 2em;
 }
-.dx-calendar-body tbody tr:first-of-type .dx-calendar-week-number-cell {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+.dx-calendar-body tbody tr:first-of-type .dx-calendar-week-number-cell span {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
 }
-.dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
+.dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell span {
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
 }
-.dx-calendar-body td {
+.dx-calendar-body .dx-week-number-header {
   font-size: 12px;
+  width: 2.5em;
 }
 .dx-calendar-view-century .dx-calendar-cell span,
 .dx-calendar-view-decade .dx-calendar-cell span,
@@ -7511,52 +7495,6 @@
   -webkit-box-shadow: 0 0 0 2px #fff;
   box-shadow: 0 0 0 2px #fff;
 }
-.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 {
-  width: 100%;
-  border-radius: 0;
-}
-.dx-calendar-cell.dx-calendar-range-start-date.dx-state-active::before,
-.dx-calendar-cell.dx-calendar-range-start-date.dx-state-hover::before,
-.dx-calendar-cell.dx-calendar-range-start-date::before {
-  width: 50%;
-  inset-inline-start: 50%;
-  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 {
-  width: 50%;
-}
-.dx-calendar-cell.dx-state-active::before,
-.dx-calendar-cell.dx-state-hover::before {
-  width: calc(50% + 1em);
-  border-top-right-radius: 50%;
-  border-bottom-right-radius: 50%;
-}
-.dx-calendar-cell.dx-calendar-cell-in-range::before {
-  height: 2em;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  width: 100%;
-  background-color: #cf00d7;
-}
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-cell-range-hover-start::before {
-  width: calc(50% + 1em);
-  inset-inline-start: auto;
-  inset-inline-end: 0;
-  border-radius: 4px 0 0 4px;
-}
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-cell-range-hover-end::before {
-  width: calc(50% + 1em);
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  border-radius: 0 4px 4px 0;
-}
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-cell-range-hover-start.dx-calendar-cell-range-hover-end::before {
-  content: none;
-}
 .dx-calendar-cell.dx-calendar-empty-cell,
 .dx-calendar-cell.dx-calendar-other-view {
   color: #cf00d7;
@@ -7571,12 +7509,23 @@
 .dx-calendar-cell.dx-calendar-other-view.dx-calendar-selected-date span {
   color: #000;
 }
-.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range::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 {
+.dx-calendar-cell.dx-calendar-other-view::after,
+.dx-calendar-cell.dx-calendar-other-view::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: #fff;
+  background-color: #cf00d7;
+}
 .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: #cf00d7;
@@ -7594,6 +7543,178 @@
 .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover.dx-calendar-selected-date span {
   background-color: #fff;
 }
+.dx-calendar-cell-in-range::before {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  height: 2em;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  width: 100%;
+  background-color: #cf00d7;
+  border-width: 0;
+  border-style: dashed;
+  border-color: rgba(207,0,215,.6) transparent;
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before,
+.dx-calendar-cell-in-range.dx-calendar-cell-end::before,
+.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before,
+.dx-calendar-cell-in-range.dx-calendar-cell-start::before,
+.dx-calendar-cell-in-range.dx-calendar-range-end-date::before,
+.dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
+  width: calc(50% + 1em);
+}
+.dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
+  inset-inline-start: auto;
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+  border-inline-start-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-range-end-date::before {
+  content: none;
+}
+.dx-calendar-cell-in-range.dx-calendar-range-end-date::before {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before {
+  inset-inline-start: auto;
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+  border-inline-start-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-cell-end::before,
+.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-range-end-date::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row.dx-calendar-range-start-date::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start::before {
+  inset-inline-start: auto;
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+  border-inline-start-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-range-end-date::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-cell-end-in-row::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end::before {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end.dx-calendar-range-start-date::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-range-hover::after {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  height: 2em;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  width: 100%;
+  background-color: inherit;
+  border-width: 1px;
+  border-style: dashed;
+  border-color: rgba(207,0,215,.6) transparent;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-end::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
+  width: calc(50% + 1em);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after {
+  inset-inline-start: auto;
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+  border-inline-start-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start.dx-calendar-cell-range-hover-end::after {
+  content: none;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after {
+  inset-inline-start: auto;
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+  border-inline-start-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-end::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-range-hover-end::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row.dx-calendar-cell-range-hover-start::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
+  inset-inline-start: auto;
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+  border-inline-start-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-range-hover-end::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-end-in-row::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end::after {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(207,0,215,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end.dx-calendar-cell-range-hover-start::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
 .dx-texteditor input[type=date]::-webkit-inner-spin-button {
   height: 20px;
 }
@@ -7979,54 +8100,46 @@
   display: -ms-flexbox;
   display: flex;
 }
-.dx-daterangebox .dx-datebox {
-  -webkit-box-flex: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-}
-.dx-daterangebox .dx-datebox.dx-editor-underlined {
-  border-bottom: 0;
-}
-.dx-daterangebox .dx-datebox.dx-editor-underlined::before {
-  margin-left: 0;
-}
-.dx-daterangebox .dx-datebox.dx-editor-underlined.dx-rtl .dx-texteditor-container .dx-texteditor-input {
-  padding-right: 0;
+.dx-daterangebox .dx-texteditor-with-floating-label,
+.dx-daterangebox .dx-texteditor-with-label {
+  margin-top: 0;
 }
-.dx-daterangebox .dx-datebox.dx-editor-outlined {
+.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-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;
+.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.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 {
+  width: 100%;
 }
-.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-underlined {
+  border-bottom: 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-underlined::before {
+  margin-left: 0;
+}
+.dx-daterangebox .dx-datebox.dx-editor-underlined.dx-rtl .dx-texteditor-container .dx-texteditor-input {
+  padding-right: 0;
 }
 .dx-daterangebox .dx-datebox.dx-editor-filled {
   background-color: transparent;
@@ -8036,6 +8149,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;
@@ -8043,8 +8160,8 @@
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding-left: 10px;
-  opacity: .5;
+  padding-left: 5px;
+  color: #fff;
 }
 .dx-rtl .dx-daterangebox-separator {
   -webkit-transform: scale(-1,1);
@@ -8054,8 +8171,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;
@@ -8066,8 +8184,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;
@@ -8080,82 +8199,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: #000;
-  -webkit-box-shadow: 2px 0 #000,-2px 0 #000!important;
-  box-shadow: 2px 0 #000,-2px 0 #000!important;
-  height: 12px;
+  width: 100%;
+  position: absolute;
+  height: 1.5px;
+  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: #000;
 }
-.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-datebox.dx-texteditor-empty .dx-texteditor-label .dx-label::before {
+  background-color: transparent;
 }
 .dx-daterangebox .dx-dropdowneditor-icon {
   font: 14px/14px DXIcons;
@@ -8174,70 +8255,114 @@
   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.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: #fff;
+}
+.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: #ea4444;
+}
+.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: #cf00d7;
+}
+.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: #ea4444;
+}
+.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-invalid .dx-editor-filled.dx-state-focused::before,
+.dx-daterangebox.dx-invalid .dx-editor-filled.dx-state-hover::before,
+.dx-daterangebox.dx-invalid .dx-editor-outlined.dx-state-focused::before,
+.dx-daterangebox.dx-invalid .dx-editor-outlined.dx-state-hover::before,
+.dx-daterangebox.dx-invalid .dx-editor-underlined.dx-state-focused::before,
+.dx-daterangebox.dx-invalid .dx-editor-underlined.dx-state-hover::before {
+  border-bottom-color: #ea4444;
+}
 .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-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-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: #fff;
+.dx-daterangebox .dx-editor-underlined::before {
+  width: 100%;
 }
-.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: #cf00d7;
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-filled .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-outlined .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-underlined .dx-texteditor-input,
+.dx-daterangebox.dx-editor-underlined .dx-daterangebox-separator {
+  padding-right: 5px;
 }
-.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: #ea4444;
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-filled.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-outlined.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-underlined.dx-rtl .dx-texteditor-input {
+  padding-left: 5px;
 }
-.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-datebox.dx-end-datebox.dx-editor-filled.dx-invalid .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-invalid .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid .dx-texteditor-input {
+  padding-right: 24px;
 }
-.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: #ea4444;
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled.dx-invalid.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-invalid.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid.dx-rtl .dx-texteditor-input {
+  padding-right: 5px;
+  padding-left: 24px;
 }
-.dx-daterangebox.dx-editor-filled.dx-invalid .dx-datebox.dx-state-focused::before,
-.dx-daterangebox.dx-editor-filled.dx-invalid .dx-datebox.dx-state-hover::before,
-.dx-daterangebox.dx-editor-outlined.dx-invalid .dx-datebox.dx-state-focused::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-focused::before,
-.dx-daterangebox.dx-editor-underlined.dx-invalid .dx-datebox.dx-state-hover::before {
-  border-color: #ea4444;
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid.dx-rtl .dx-texteditor-input {
+  padding-right: 0;
 }
-.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;
@@ -17326,10 +17451,17 @@ input.dx-hidden {
   -webkit-box-shadow: inset 0 1px #fff,inset 0 -1px #fff,inset 1px 0 #fff;
   box-shadow: inset 0 1px #fff,inset 0 -1px #fff,inset 1px 0 #fff;
 }
-.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 #fff,inset 0 -1px #fff,inset -1px 0 #fff;
   box-shadow: inset 0 1px #fff,inset 0 -1px #fff,inset -1px 0 #fff;
 }
+.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 #fff,inset 0 -1px #fff,inset 1px 0 #fff;
+  box-shadow: inset 0 1px #fff,inset 0 -1px #fff,inset 1px 0 #fff;
+}
 .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-nav-button-left {
   -webkit-box-shadow: inset 0 -1px #fff,inset 1px 0 #fff,inset 0 1px #fff;
   box-shadow: inset 0 -1px #fff,inset 1px 0 #fff,inset 0 1px #fff;
@@ -17360,10 +17492,17 @@ input.dx-hidden {
   -webkit-box-shadow: inset 0 1px #fff,inset 0 -1px #fff,inset 1px 0 #fff;
   box-shadow: inset 0 1px #fff,inset 0 -1px #fff,inset 1px 0 #fff;
 }
-.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 #fff,inset 0 -1px #fff,inset -1px 0 #fff;
   box-shadow: inset 0 1px #fff,inset 0 -1px #fff,inset -1px 0 #fff;
 }
+.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 #fff,inset 0 -1px #fff,inset 1px 0 #fff;
+  box-shadow: inset 0 1px #fff,inset 0 -1px #fff,inset 1px 0 #fff;
+}
 .dx-tabpanel.dx-disabled-focused-tab .dx-tabs-nav-button-left {
   -webkit-box-shadow: inset 0 -1px #fff,inset 1px 0 #fff,inset 0 1px #fff;
   box-shadow: inset 0 -1px #fff,inset 1px 0 #fff,inset 0 1px #fff;
@@ -17399,10 +17538,17 @@ input.dx-hidden {
   -webkit-box-shadow: inset 0 1px #fff,inset 0 -1px #cf00d7,inset 1px 0 #fff;
   box-shadow: inset 0 1px #fff,inset 0 -1px #cf00d7,inset 1px 0 #fff;
 }
-.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 #fff,inset 0 -1px #cf00d7,inset -1px 0 #fff;
   box-shadow: inset 0 1px #fff,inset 0 -1px #cf00d7,inset -1px 0 #fff;
 }
+.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 #fff,inset 0 -1px #cf00d7,inset 1px 0 #fff;
+  box-shadow: inset 0 1px #fff,inset 0 -1px #cf00d7,inset 1px 0 #fff;
+}
 .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-nav-button-left {
   -webkit-box-shadow: inset 0 -1px #cf00d7,inset 1px 0 #fff,inset 0 1px #fff;
   box-shadow: inset 0 -1px #cf00d7,inset 1px 0 #fff,inset 0 1px #fff;
@@ -17433,10 +17579,17 @@ input.dx-hidden {
   -webkit-box-shadow: inset 0 1px #fff,inset 0 -1px #fff,inset 1px 0 #fff;
   box-shadow: inset 0 1px #fff,inset 0 -1px #fff,inset 1px 0 #fff;
 }
-.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 #fff,inset 0 -1px #fff,inset -1px 0 #fff;
   box-shadow: inset 0 1px #fff,inset 0 -1px #fff,inset -1px 0 #fff;
 }
+.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 #fff,inset 0 -1px #fff,inset 1px 0 #fff;
+  box-shadow: inset 0 1px #fff,inset 0 -1px #fff,inset 1px 0 #fff;
+}
 .dx-tabpanel.dx-state-focused.dx-disabled-focused-tab .dx-tabs-nav-button-left {
   -webkit-box-shadow: inset 0 -1px #fff,inset 1px 0 #fff,inset 0 1px #fff;
   box-shadow: inset 0 -1px #fff,inset 1px 0 #fff,inset 0 1px #fff;