devexpress-dashboard 19.2.2-beta → 19.2.3

package/dist/css/custom-themes/dx.dark-blue.css

@@ -1,13 +1,13 @@
 /**
 * DevExpress Dashboard (dx.dark-blue.css)
-* Version:  19.2.2-beta
-* Build date: Oct 1, 2019
+* Version:  19.2.3
+* Build date: Oct 21, 2019
 * Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 /*
 * Generated by the DevExpress ThemeBuilder
-* Version: 19.2.3-build-19274-1042
+* Version: 19.2.3
 * http://js.devexpress.com/ThemeBuilder/
 */
 
@@ -376,6 +376,12 @@
 .dx-icon-plus:before {
   content: "\f00b";
 }
+.dx-icon-minus {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-minus:before {
+  content: "\f074";
+}
 .dx-icon-preferences {
   font: 14px/1 DXIcons;
 }
@@ -602,7 +608,7 @@
   font: 14px/1 DXIcons;
 }
 .dx-icon-chevrondoubleright:before {
-  content: "\f043";
+  content: "\f03f";
 }
 .dx-icon-equal {
   font: 14px/1 DXIcons;
@@ -710,7 +716,7 @@
   font: 14px/1 DXIcons;
 }
 .dx-icon-datafield:before {
-  content: "\f056";
+  content: "\f101";
 }
 .dx-icon-fields {
   font: 14px/1 DXIcons;
@@ -895,6 +901,12 @@
 .dx-icon-indent:before {
   content: "\f07b";
 }
+.dx-icon-font {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-font:before {
+  content: "\f11b";
+}
 .dx-icon-fontsize {
   font: 14px/1 DXIcons;
 }
@@ -925,6 +937,18 @@
 .dx-icon-background:before {
   content: "\f080";
 }
+.dx-icon-fill {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-fill:before {
+  content: "\f10d";
+}
+.dx-icon-palette {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-palette:before {
+  content: "\f120";
+}
 .dx-icon-superscript {
   font: 14px/1 DXIcons;
 }
@@ -985,6 +1009,18 @@
 .dx-icon-decreaseindent:before {
   content: "\f089";
 }
+.dx-icon-increaselinespacing {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-increaselinespacing:before {
+  content: "\f07b";
+}
+.dx-icon-decreaselinespacing {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-decreaselinespacing:before {
+  content: "\f106";
+}
 .dx-icon-alignleft {
   font: 14px/1 DXIcons;
 }
@@ -1039,6 +1075,162 @@
 .dx-icon-clearformat:before {
   content: "\f092";
 }
+.dx-icon-fullscreen {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-fullscreen:before {
+  content: "\f11a";
+}
+.dx-icon-hierarchy {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-hierarchy:before {
+  content: "\f124";
+}
+.dx-icon-file {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-file:before {
+  content: "\f021";
+}
+.dx-icon-docfile {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-docfile:before {
+  content: "\f111";
+}
+.dx-icon-docxfile {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-docxfile:before {
+  content: "\f110";
+}
+.dx-icon-pdffile {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-pdffile:before {
+  content: "\f118";
+}
+.dx-icon-pptfile {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-pptfile:before {
+  content: "\f114";
+}
+.dx-icon-pptxfile {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-pptxfile:before {
+  content: "\f115";
+}
+.dx-icon-rtffile {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-rtffile:before {
+  content: "\f112";
+}
+.dx-icon-txtfile {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-txtfile:before {
+  content: "\f113";
+}
+.dx-icon-xlsfile {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-xlsfile:before {
+  content: "\f116";
+}
+.dx-icon-xlsxfile {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-xlsxfile:before {
+  content: "\f117";
+}
+.dx-icon-copy {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-copy:before {
+  content: "\f107";
+}
+.dx-icon-cut {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-cut:before {
+  content: "\f10a";
+}
+.dx-icon-paste {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-paste:before {
+  content: "\f108";
+}
+.dx-icon-share {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-share:before {
+  content: "\f11f";
+}
+.dx-icon-activefolder {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-activefolder:before {
+  content: "\f028";
+}
+.dx-icon-inactivefolder {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-inactivefolder:before {
+  content: "\f105";
+}
+.dx-icon-newfolder {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-newfolder:before {
+  content: "\f123";
+}
+.dx-icon-movetofolder {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-movetofolder:before {
+  content: "\f121";
+}
+.dx-icon-parentfolder {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-parentfolder:before {
+  content: "\f122";
+}
+.dx-icon-rename {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-rename:before {
+  content: "\f109";
+}
+.dx-icon-detailslayout {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-detailslayout:before {
+  content: "\f10b";
+}
+.dx-icon-contentlayout {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-contentlayout:before {
+  content: "\f11e";
+}
+.dx-icon-smalliconslayout {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-smalliconslayout:before {
+  content: "\f119";
+}
+.dx-icon-mediumiconslayout {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-mediumiconslayout:before {
+  content: "\f10c";
+}
 .dx-icon-undo {
   font: 14px/1 DXIcons;
 }
@@ -1057,6 +1249,24 @@
 .dx-rtl .dx-icon-redo:before {
   content: "\f04c";
 }
+.dx-icon-hidepanel {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-hidepanel:before {
+  content: "\f11c";
+}
+.dx-rtl .dx-icon-hidepanel:before {
+  content: "\f11d";
+}
+.dx-icon-showpanel {
+  font: 14px/1 DXIcons;
+}
+.dx-icon-showpanel:before {
+  content: "\f11d";
+}
+.dx-rtl .dx-icon-showpanel:before {
+  content: "\f11c";
+}
 .dx-tab .dx-icon,
 .dx-tab.dx-tab-selected .dx-icon {
   background-size: 100% 100%;
@@ -1250,7 +1460,6 @@
   line-height: 0;
 }
 .dx-button-text {
-  display: inline-block;
   line-height: normal;
 }
 .dx-button a {
@@ -2047,8 +2256,8 @@
   border-radius: 50%;
   border-top-left-radius: 10%;
   border-top-right-radius: 10%;
-  -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.2);
-          box-shadow: 0 0 3px rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
   -webkit-animation: dx-generic-loadindicator-opacity 1s linear infinite;
           animation: dx-generic-loadindicator-opacity 1s linear infinite;
 }
@@ -2161,8 +2370,8 @@
 }
 .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
   background-color: #2a2a2a;
-  -webkit-box-shadow: 0 1px 4px 0 rgba(255, 255, 255, 0.37);
-          box-shadow: 0 1px 4px 0 rgba(255, 255, 255, 0.37);
+  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
+          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 }
 .dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
   width: 24px;
@@ -2417,6 +2626,13 @@
 .dx-switch.dx-rtl .dx-switch-container {
   margin: 0 0 0 -6px;
 }
+.dx-invalid.dx-switch .dx-switch-container {
+  border-color: rgba(217, 83, 79, 0.4);
+}
+.dx-invalid.dx-state-focused .dx-switch-container,
+.dx-invalid.dx-state-hover .dx-switch-container {
+  border-color: #d9534f;
+}
 .dx-badge {
   background-color: #579ADD;
   color: #ffffff;
@@ -2732,7 +2948,7 @@
 .dx-texteditor-input {
   margin: 0;
   padding: 7px 9px 8px;
-  background: #2a2a2a;
+  background: rgba(0, 0, 0, 0);
   color: #dedede;
   font-size: 1em;
   border-radius: 4px;
@@ -2786,9 +3002,9 @@
 .dx-invalid.dx-texteditor.dx-editor-outlined.dx-state-focused {
   border-color: #d9534f;
 }
-.dx-invalid.dx-texteditor.dx-editor-filled .dx-texteditor-input-container:after,
-.dx-invalid.dx-texteditor.dx-editor-underlined .dx-texteditor-input-container:after,
-.dx-invalid.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container:after {
+.dx-invalid.dx-texteditor.dx-editor-filled.dx-show-invalid-badge .dx-texteditor-input-container:after,
+.dx-invalid.dx-texteditor.dx-editor-underlined.dx-show-invalid-badge .dx-texteditor-input-container:after,
+.dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge .dx-texteditor-input-container:after {
   pointer-events: none;
   font-weight: bold;
   position: absolute;
@@ -2960,6 +3176,8 @@
 }
 .dx-list-item-icon-container {
   width: 28px;
+  height: 18px;
+  vertical-align: top;
 }
 .dx-list-item-icon {
   width: 18px;
@@ -2996,7 +3214,7 @@
   border: 1px solid #579ADD;
 }
 .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
   color: #dedede;
 }
 .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
@@ -3010,7 +3228,7 @@
   color: #ffffff;
 }
 .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.09);
   color: #dedede;
 }
 .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
@@ -3077,8 +3295,8 @@
   background: #2a2a2a;
   border-top: 1px solid rgba(87, 154, 221, 0.5);
   border-bottom: 1px solid rgba(87, 154, 221, 0.5);
-  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(255, 255, 255, 0.2);
-          box-shadow: 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
 }
 .dx-list-item,
 .dx-list .dx-empty-message {
@@ -3218,8 +3436,8 @@
   background-color: #2a2a2a;
   border: 1px solid #4d4d4d;
   border-radius: 0;
-  -webkit-box-shadow: 0 3px 10px rgba(255, 255, 255, 0.1);
-          box-shadow: 0 3px 10px rgba(255, 255, 255, 0.1);
+  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
 }
 .dx-state-disabled.dx-list-item,
 .dx-state-disabled .dx-list-item {
@@ -3274,7 +3492,7 @@
   border: 1px solid #579ADD;
 }
 .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
   color: #dedede;
 }
 .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
@@ -3288,7 +3506,7 @@
   color: #ffffff;
 }
 .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.09);
   color: #dedede;
 }
 .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
@@ -3355,8 +3573,8 @@
   background: #2a2a2a;
   border-top: 1px solid rgba(87, 154, 221, 0.5);
   border-bottom: 1px solid rgba(87, 154, 221, 0.5);
-  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(255, 255, 255, 0.2);
-          box-shadow: 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
 }
 .dx-device-mobile .dx-list-item,
 .dx-device-mobile .dx-list .dx-empty-message {
@@ -3496,8 +3714,8 @@
   background-color: #2a2a2a;
   border: 1px solid #4d4d4d;
   border-radius: 0;
-  -webkit-box-shadow: 0 3px 10px rgba(255, 255, 255, 0.1);
-          box-shadow: 0 3px 10px rgba(255, 255, 255, 0.1);
+  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
 }
 .dx-device-mobile .dx-state-disabled.dx-list-item,
 .dx-device-mobile .dx-state-disabled .dx-list-item {
@@ -3530,6 +3748,42 @@
   margin-left: 15px;
   margin-right: 0;
 }
+.dx-dropdownbutton-popup-wrapper {
+  height: 100%;
+}
+.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
+  border-top-width: 0;
+  border-bottom-width: 1px;
+}
+.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
+  border-top-width: 1px;
+  border-bottom-width: 0;
+}
+.dx-dropdownbutton-popup-wrapper .dx-popup-content {
+  height: 100%;
+  padding: 1px;
+}
+.dx-dropdownbutton-popup-wrapper .dx-list {
+  height: 100%;
+  min-height: 39.0001px;
+}
+.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) {
+  min-height: 33.0001px;
+}
+.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
+  padding: 7px 9px;
+}
+.dx-dropdownbutton-popup-wrapper .dx-list-select-all {
+  padding: 12px 0 8px;
+}
+.dx-dropdownbutton-popup-wrapper .dx-list-item,
+.dx-dropdownbutton-popup-wrapper .dx-empty-message {
+  border-top: 0;
+}
+.dx-dropdownbutton-popup-wrapper .dx-list-item:last-of-type,
+.dx-dropdownbutton-popup-wrapper .dx-empty-message:last-of-type {
+  border-bottom: none;
+}
 .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
   background: #2a2a2a;
 }
@@ -3585,7 +3839,10 @@
 }
 .dx-dropdownlist-popup-wrapper .dx-list {
   height: 100%;
-  min-height: 33px;
+  min-height: 39.0001px;
+}
+.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) {
+  min-height: 33.0001px;
 }
 .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
   padding: 7px 9px;
@@ -3658,7 +3915,6 @@
   margin-left: -9px;
 }
 .dx-numberbox-spin-button {
-  background-color: #2a2a2a;
   padding: 1px;
 }
 .dx-editor-underlined .dx-numberbox-spin-button {
@@ -4015,8 +4271,8 @@
   font-weight: bold;
 }
 .dx-calendar-cell.dx-state-hover {
-  -webkit-box-shadow: inset 0 -1px 0 1000px #343434;
-          box-shadow: inset 0 -1px 0 1000px #343434;
+  -webkit-box-shadow: inset 0 -1px 0 1000px rgba(255, 255, 255, 0.05);
+          box-shadow: inset 0 -1px 0 1000px rgba(255, 255, 255, 0.05);
   color: #dedede;
 }
 .dx-calendar-cell.dx-calendar-other-view,
@@ -4108,9 +4364,6 @@
   left: 50%;
   margin-left: -9px;
 }
-.dx-datebox-calendar.dx-dropdowneditor-active .dx-texteditor-input {
-  background: #2a2a2a;
-}
 .dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon {
   opacity: 1;
 }
@@ -4203,7 +4456,7 @@
 }
 .dx-menu-item.dx-state-hover {
   color: #dedede;
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
 }
 .dx-menu-item.dx-state-focused {
   background-color: #579ADD;
@@ -4222,7 +4475,7 @@
 }
 .dx-menu-item-expanded {
   color: #dedede;
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
 }
 .dx-menu-item.dx-state-focused,
 .dx-menu-item.dx-state-active,
@@ -4371,7 +4624,10 @@
 }
 .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
   color: #dedede;
-  background-color: #444444;
+  background-color: rgba(255, 255, 255, 0.12);
+}
+.dx-treeview-item-without-checkbox.dx-state-selected:not(.dx-state-focused) > .dx-treeview-item.dx-state-hover {
+  background-color: rgba(255, 255, 255, 0.09);
 }
 .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
   background-color: #579ADD;
@@ -4392,7 +4648,7 @@
   line-height: 18px;
 }
 .dx-treeview-item.dx-state-hover {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
   color: #dedede;
 }
 .dx-treeview-toggle-item-visibility {
@@ -4517,8 +4773,8 @@
 }
 .dx-menu-adaptive-mode .dx-treeview,
 .dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
-  -webkit-box-shadow: 0 3px 10px rgba(255, 255, 255, 0.1);
-          box-shadow: 0 3px 10px rgba(255, 255, 255, 0.1);
+  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
 }
 .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
   font-size: 18px;
@@ -5771,10 +6027,10 @@
   background-color: rgba(201, 201, 201, 0.2);
 }
 .dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
 }
 .dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) {
-  border-bottom-color: #343434;
+  border-bottom-color: rgba(255, 255, 255, 0.05);
 }
 .dx-accordion-item-opened {
   border-color: #4d4d4d;
@@ -5792,7 +6048,7 @@
   border-top-color: transparent;
 }
 .dx-accordion-item-opened + .dx-accordion-item.dx-state-hover:not(.dx-state-focused) {
-  border-top-color: #343434;
+  border-top-color: rgba(255, 255, 255, 0.05);
 }
 .dx-accordion-item-title {
   color: #dedede;
@@ -6070,6 +6326,9 @@
   border-right: 1px solid #4d4d4d;
   border-bottom: 1px solid #4d4d4d;
 }
+.dx-sortable-dragging > .dx-gridbase-container > .dx-datagrid-rowsview {
+  border-color: rgba(87, 154, 221, 0.5);
+}
 .dx-datagrid {
   color: #dedede;
   background-color: #2a2a2a;
@@ -6841,6 +7100,7 @@
   min-width: 36px;
 }
 .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
+  vertical-align: middle;
   width: 18px;
   height: 18px;
   background-position: 0px 0px;
@@ -6849,6 +7109,7 @@
   font-size: 18px;
   text-align: center;
   line-height: 18px;
+  line-height: 19px;
 }
 .dx-datagrid-edit-popup .dx-error-message {
   padding: 7px;
@@ -6951,8 +7212,8 @@
 .dx-datagrid-column-chooser .dx-overlay-content {
   background-color: #2a2a2a;
   border-radius: 6px;
-  -webkit-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2);
-          box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 }
 .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
   padding-top: 7px;
@@ -6966,12 +7227,12 @@
   font-weight: normal;
   border: 1px solid #4d4d4d;
   padding: 7px;
-  -webkit-box-shadow: 0 1px 3px -1px rgba(255, 255, 255, 0.2);
-          box-shadow: 0 1px 3px -1px rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
 }
 .dx-datagrid-drag-header {
-  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(255, 255, 255, 0.2);
-          box-shadow: 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
   color: #7c7c7c;
   font-weight: normal;
   padding: 7px;
@@ -7007,14 +7268,14 @@
   padding-top: 7px;
 }
 .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
   color: #dedede;
 }
 .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
-  border-right-color: #343434;
+  border-right-color: rgba(255, 255, 255, 0.05);
 }
 .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
   color: #dedede;
 }
 .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
@@ -7069,8 +7330,8 @@
 .dx-datagrid-filter-range-overlay .dx-overlay-content {
   border: 1px solid #4d4d4d;
   overflow: inherit;
-  -webkit-box-shadow: 2px 2px 3px rgba(255, 255, 255, 0.15);
-          box-shadow: 2px 2px 3px rgba(255, 255, 255, 0.15);
+  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
+          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
 }
 .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
   border-color: rgba(92, 184, 92, 0.5);
@@ -7253,6 +7514,9 @@
   border-top: 1px solid #4d4d4d;
   border-bottom: 1px solid #4d4d4d;
 }
+.dx-datagrid-rowsview .dx-row.dx-datagrid-edit-form {
+  white-space: normal;
+}
 .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space,
 .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
   border-top: 1px solid #4d4d4d;
@@ -7351,14 +7615,14 @@
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
-  background-color: #444444;
+  background-color: rgba(255, 255, 255, 0.12);
   color: #dedede;
 }
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-datagrid-group-space,
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-datagrid-group-space,
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-datagrid-group-space,
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-datagrid-group-space {
-  border-right-color: #444444;
+  border-right-color: rgba(255, 255, 255, 0.12);
 }
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none,
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none,
@@ -7376,16 +7640,16 @@
 }
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td,
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td {
-  border-bottom: 1px solid #444444;
-  border-top: 1px solid #444444;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
 }
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:first-child > td,
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:first-child > td {
-  border-top: 1px solid #444444;
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
 }
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:last-child > td,
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:last-child > td {
-  border-bottom: 1px solid #444444;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
 }
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td,
 .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td,
@@ -7481,7 +7745,7 @@
   padding-left: 27px;
 }
 .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
-  border-left-color: #343434;
+  border-left-color: rgba(255, 255, 255, 0.05);
   border-right-color: transparent;
 }
 .dx-rtl .dx-datagrid-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
@@ -7500,7 +7764,7 @@
 .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space,
 .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space,
 .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space {
-  border-left-color: #444444;
+  border-left-color: rgba(255, 255, 255, 0.12);
 }
 .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
 .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
@@ -7666,8 +7930,8 @@
   opacity: 0.8;
 }
 .dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
-  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(255, 255, 255, 0.2);
-          box-shadow: 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
   border: 1px solid rgba(87, 154, 221, 0.5);
 }
 .dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
@@ -7682,7 +7946,7 @@
 .dx-pivotgrid-fields-container .dx-column-indicators {
   vertical-align: bottom;
   margin-left: 6px;
-  line-height: 1;
+  line-height: 19px;
 }
 .dx-pivotgrid-fields-container .dx-area-field-content {
   vertical-align: bottom;
@@ -7903,7 +8167,7 @@
   background-color: #303030;
 }
 .dx-pivotgrid .dx-grandtotal {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
 }
 .dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
 .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
@@ -8294,6 +8558,9 @@
   border-right: 1px solid #4d4d4d;
   border-bottom: 1px solid #4d4d4d;
 }
+.dx-sortable-dragging > .dx-gridbase-container > .dx-treelist-rowsview {
+  border-color: rgba(87, 154, 221, 0.5);
+}
 .dx-treelist .dx-column-lines > td:first-child {
   border-left: none;
 }
@@ -8759,6 +9026,7 @@
   min-width: 36px;
 }
 .dx-treelist .dx-command-drag .dx-treelist-drag-icon {
+  vertical-align: middle;
   width: 18px;
   height: 18px;
   background-position: 0px 0px;
@@ -8767,6 +9035,7 @@
   font-size: 18px;
   text-align: center;
   line-height: 18px;
+  line-height: 19px;
 }
 .dx-treelist-edit-popup .dx-error-message {
   padding: 7px;
@@ -8869,8 +9138,8 @@
 .dx-treelist-column-chooser .dx-overlay-content {
   background-color: #2a2a2a;
   border-radius: 6px;
-  -webkit-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2);
-          box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 }
 .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
   padding-top: 7px;
@@ -8884,12 +9153,12 @@
   font-weight: normal;
   border: 1px solid #4d4d4d;
   padding: 7px;
-  -webkit-box-shadow: 0 1px 3px -1px rgba(255, 255, 255, 0.2);
-          box-shadow: 0 1px 3px -1px rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
 }
 .dx-treelist-drag-header {
-  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(255, 255, 255, 0.2);
-          box-shadow: 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
   color: #7c7c7c;
   font-weight: normal;
   padding: 7px;
@@ -8925,14 +9194,14 @@
   padding-top: 7px;
 }
 .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
   color: #dedede;
 }
 .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
-  border-right-color: #343434;
+  border-right-color: rgba(255, 255, 255, 0.05);
 }
 .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
   color: #dedede;
 }
 .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
@@ -8987,8 +9256,8 @@
 .dx-treelist-filter-range-overlay .dx-overlay-content {
   border: 1px solid #4d4d4d;
   overflow: inherit;
-  -webkit-box-shadow: 2px 2px 3px rgba(255, 255, 255, 0.15);
-          box-shadow: 2px 2px 3px rgba(255, 255, 255, 0.15);
+  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
+          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
 }
 .dx-treelist-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
   border-color: rgba(92, 184, 92, 0.5);
@@ -9171,6 +9440,9 @@
   border-top: 1px solid #4d4d4d;
   border-bottom: 1px solid #4d4d4d;
 }
+.dx-treelist-rowsview .dx-row.dx-treelist-edit-form {
+  white-space: normal;
+}
 .dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space,
 .dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell {
   border-top: 1px solid #4d4d4d;
@@ -9269,14 +9541,14 @@
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
-  background-color: #444444;
+  background-color: rgba(255, 255, 255, 0.12);
   color: #dedede;
 }
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-treelist-group-space,
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-treelist-group-space,
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-treelist-group-space,
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-treelist-group-space {
-  border-right-color: #444444;
+  border-right-color: rgba(255, 255, 255, 0.12);
 }
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none,
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none,
@@ -9294,16 +9566,16 @@
 }
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td,
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td {
-  border-bottom: 1px solid #444444;
-  border-top: 1px solid #444444;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
 }
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:first-child > td,
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:first-child > td {
-  border-top: 1px solid #444444;
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
 }
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:last-child > td,
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:last-child > td {
-  border-bottom: 1px solid #444444;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
 }
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td,
 .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td,
@@ -9399,7 +9671,7 @@
   padding-left: 27px;
 }
 .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
-  border-left-color: #343434;
+  border-left-color: rgba(255, 255, 255, 0.05);
   border-right-color: transparent;
 }
 .dx-rtl .dx-treelist-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
@@ -9418,7 +9690,7 @@
 .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space,
 .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space,
 .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space {
-  border-left-color: #444444;
+  border-left-color: rgba(255, 255, 255, 0.12);
 }
 .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
 .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
@@ -10068,6 +10340,20 @@
       -ms-flex-flow: row nowrap;
           flex-flow: row nowrap;
 }
+.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
+.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
+.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
+.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+  -webkit-flex-flow: row-reverse nowrap;
+      -ms-flex-flow: row-reverse nowrap;
+          flex-flow: row-reverse nowrap;
+}
 .dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell,
 .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell,
 .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-week-cell,
@@ -10263,7 +10549,7 @@
 .dx-scheduler-group-flex-container .dx-scheduler-group-row:before {
   display: none;
 }
-.dx-scheduler-group-flex-container .dx-scheduler-group-header {
+.dx-scheduler-group-flex-container .dx-scheduler-group-row .dx-scheduler-group-header {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -10292,7 +10578,7 @@
   border: none;
   border-top: 1px solid rgba(77, 77, 77, 0.6);
 }
-.dx-scheduler-group-flex-container .dx-scheduler-group-header > div {
+.dx-scheduler-group-flex-container .dx-scheduler-group-row .dx-scheduler-group-header > div {
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -10843,7 +11129,7 @@
   border-left: 1px solid rgba(77, 77, 77, 0.6);
 }
 .dx-scheduler-header-panel {
-  border-collapse: collapse;
+  border-spacing: 0;
   table-layout: fixed;
   margin-top: 10px;
   width: 100%;
@@ -11189,7 +11475,7 @@
   line-height: 50px;
 }
 .dx-scheduler-all-day-table {
-  border-collapse: collapse;
+  border-spacing: 0;
   table-layout: fixed;
   width: 100%;
 }
@@ -11259,7 +11545,7 @@
 }
 .dx-scheduler-date-table {
   width: 100%;
-  border-collapse: collapse;
+  border-spacing: 0;
   table-layout: fixed;
   float: left;
   margin-left: -100px;
@@ -11364,6 +11650,9 @@
   width: 5px;
 }
 .dx-scheduler-appointment.dx-draggable-dragging {
+  position: fixed;
+  top: 0;
+  left: 0;
   -webkit-box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
           box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
 }
@@ -11752,7 +12041,6 @@
 }
 .dx-scheduler-agenda .dx-scheduler-group-table {
   border-spacing: 0;
-  border-collapse: collapse;
   margin-top: 0;
   height: 100%;
   float: left;
@@ -12202,7 +12490,7 @@
   min-height: 100px;
   border-right: 1px solid rgba(77, 77, 77, 0.6);
   border-top: 1px solid rgba(77, 77, 77, 0.6);
-  border-collapse: collapse;
+  border-spacing: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -12816,7 +13104,7 @@
   border-top: 1px solid #808080;
 }
 .dx-scheduler-header {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
   border: 1px solid rgba(77, 77, 77, 0.6);
   height: 56px;
 }
@@ -12900,6 +13188,7 @@
 .dx-scheduler-group-flex-container .dx-scheduler-group-header {
   font-weight: bold;
   color: #dedede;
+  padding: 0;
 }
 .dx-scheduler-all-day-panel {
   background-color: #2a2a2a;
@@ -12934,7 +13223,7 @@
 }
 .dx-scheduler-all-day-table-cell.dx-state-hover,
 .dx-scheduler-date-table-cell.dx-state-hover {
-  background-color: #343434;
+  background-color: rgba(255, 255, 255, 0.05);
   color: #ffffff;
 }
 .dx-scheduler-appointment-popup .dx-popup-title {
@@ -13496,7 +13785,7 @@
   background: #2a2a2a;
 }
 .dx-drawer-shader {
-  background-color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(0, 0, 0, 0.5);
 }
 .dx-htmleditor {
   border-color: #4d4d4d;
@@ -13590,7 +13879,10 @@
 }
 .dx-suggestion-list-wrapper .dx-list {
   height: 100%;
-  min-height: 33px;
+  min-height: 39.0001px;
+}
+.dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) {
+  min-height: 33.0001px;
 }
 .dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
   padding: 7px 9px;
@@ -14067,7 +14359,7 @@
 .dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
 .dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
 .dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
-  background-color: #444444;
+  background-color: rgba(255, 255, 255, 0.12);
 }
 .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row > td,
 .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
@@ -14138,12 +14430,12 @@
   height: 21px;
 }
 .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task {
-  background-color: #81b3e6;
+  background-color: #579ADD;
   border-radius: 4px;
 }
 .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task .dx-gantt-tPrg {
   border-radius: 4px;
-  background-color: #2d80d4;
+  background-color: rgba(0, 0, 0, 0.2);
 }
 .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-smallTask {
   border-radius: 4px;
@@ -14153,8 +14445,8 @@
 }
 .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-milestone {
   background-image: linear-gradient(135deg, #4d4d4d, #dedede);
-  width: 11px;
-  height: 11px;
+  width: 18px;
+  height: 18px;
 }
 .dx-gantt .dx-gantt-taskWrapper .dx-gantt-taskRes {
   color: #fff;
@@ -14214,9 +14506,9 @@
   background-color: #dedede;
 }
 .dx-gantt .dx-gantt-sel {
-  background-color: #444444;
-  border-top: 1px solid #444444;
-  border-bottom: 1px solid #444444;
+  background-color: rgba(255, 255, 255, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
 }
 .dx-gantt .dx-gantt-tac-hb .dx-gantt-sel {
   border: none;
@@ -14246,4 +14538,9 @@
 .dx-sortable-placeholder {
   border-color: #579ADD;
 }
+.dx-sortable-dragging {
+  border-color: rgba(87, 154, 221, 0.5);
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2);
+}
 @texteditor-hover-border-color : rgba(##c7c7c7, 0.4);