@syncfusion/ej2-react-pdfviewer 19.2.60 → 19.3.45

package/styles/tailwind-dark.css

@@ -60,12 +60,12 @@
 }
 
 .e-pdfviewer .e-pv-thumbnail-view-disable-icon::before {
-  color: rgba(107, 114, 128, 0.2);
+  color: #6b7280;
   content: '\e7e3';
 }
 
 .e-pdfviewer .e-pv-thumbnail-view-selection-icon::before {
-  color: rgba(107, 114, 128, 0.6);
+  color: #fff;
   content: '\e7e3';
 }
 
@@ -74,12 +74,12 @@
 }
 
 .e-pdfviewer .e-pv-bookmark-disable-icon::before {
-  color: rgba(107, 114, 128, 0.2);
+  color: #6b7280;
   content: '\e793';
 }
 
 .e-pdfviewer .e-pv-bookmark-selection-icon::before {
-  color: rgba(107, 114, 128, 0.6);
+  color: #fff;
   content: '\e793';
 }
 
@@ -290,8 +290,13 @@
   font-family: 'e-icons';
 }
 
+.e-pv-property-icon::before {
+  content: '\e8f1';
+  font-family: 'e-icons';
+}
+
 .e-pv-comment-selection-icon::before {
-  color: rgba(107, 114, 128, 0.6);
+  color: #fff;
   content: '\e83b';
   font-family: 'e-icons';
 }
@@ -303,7 +308,7 @@
 
 .e-pv-accepted-icon::before {
   color: #fff;
-  content: '\e682';
+  content: '\e853';
   font-family: 'e-icons';
   font-size: 14px;
   padding: 1px 1px 1px 4px;
@@ -312,7 +317,7 @@
 
 .e-pv-rejected-icon::before {
   color: #fff;
-  content: '\e683';
+  content: '\e805';
   font-family: 'e-icons';
   font-size: 14px;
   padding: 2px 1px 1px 4px;
@@ -321,7 +326,7 @@
 
 .e-pv-completed-icon::before {
   color: #fff;
-  content: '\e614';
+  content: '\e75d';
   font-family: 'e-icons';
   font-size: 14px;
   padding: 2px 1px 1px 3.5px;
@@ -330,7 +335,7 @@
 
 .e-pv-cancelled-icon::before {
   color: #fff;
-  content: '\e60a';
+  content: '\e771';
   font-family: 'e-icons';
   font-size: 14px;
   padding: 2px 1px 1px 3.5px;
@@ -534,10 +539,10 @@
 }
 
 .e-pdfviewer .e-pv-touch-ellipse {
-  background-color: #3088ed;
+  background-color: #22d3ee;
   border-bottom-left-radius: 50%;
   border-bottom-right-radius: 50%;
-  border-color: #3088ed;
+  border-color: #22d3ee;
   border-style: solid;
   border-top-left-radius: 50%;
   border-width: 2px;
@@ -623,7 +628,7 @@
 }
 
 .e-pdfviewer .e-pv-drop {
-  color: #3088ed;
+  color: #22d3ee;
   display: inline-block;
   height: 20px;
   position: absolute;
@@ -632,10 +637,10 @@
 }
 
 .e-pdfviewer .e-pv-droplet {
-  background-color: #3088ed;
+  background-color: #22d3ee;
   border-bottom-left-radius: 50%;
   border-bottom-right-radius: 50%;
-  border-color: #3088ed;
+  border-color: #22d3ee;
   border-style: solid;
   border-top-left-radius: 50%;
   border-width: 2px;
@@ -667,11 +672,11 @@
 }
 
 .e-pv-signaturehover {
-  background-color: #22d3ee;
+  background-color: #4b5563;
 }
 
 .e-pv-mobilespanscroll-container {
-  color: #d1d5db;
+  color: #fff;
   font-family: Roboto-Regular;
   font-size: 14px;
 }
@@ -692,9 +697,17 @@
   font-size: 16px;
 }
 
+.e-pv-annotation-ink-container .e-pv-inkannotation-icon {
+  font-size: 16px;
+}
+
+.e-pv-annotation-handwritten-container .e-pv-handwritten-icon.e-btn-icon:not(.e-caret) {
+  font-size: 16px;
+}
+
 .e-pv-mobilescroll-container {
   background-color: #4b5563;
-  border: #4b5563;
+  border: 1px solid #9ca3af;
   border-radius: 56px 0 0 56px;
   line-height: 27px;
   position: absolute;
@@ -702,10 +715,10 @@
 }
 
 .e-pv-viewer-container .e-pv-page-div {
-  border-color: #6b7280;
+  border-color: #4b5563;
   border-style: none;
   border-width: 1px;
-  box-shadow: 0 2px 4px 0 rgba(107, 114, 128, 0.21);
+  box-shadow: 0 2px 4px 0 #4b5563;
   box-sizing: content-box;
   position: absolute;
 }
@@ -755,8 +768,8 @@
 }
 
 .e-pv-mobilepagenoscroll-container {
-  background: #374151;
-  border: #4b5563;
+  background: #232e3e;
+  border: 1px solid #9ca3af;
   border-radius: 10px;
   padding: 6px;
   text-align: center;
@@ -764,14 +777,14 @@
 }
 
 .e-pv-mobilecurrentpage-container {
-  color: #d1d5db;
+  color: #fff;
   display: block;
   font-family: Roboto-Regular;
   font-size: 24px;
 }
 
 .e-pv-mobiledashedline-container {
-  color: #d1d5db;
+  color: #fff;
   display: block;
   padding: 10px;
 }
@@ -791,7 +804,7 @@
 }
 
 .e-pv-mobiletotalpage-container {
-  color: #d1d5db;
+  color: #fff;
   display: block;
   font-family: Roboto-Regular;
   font-size: 14px;
@@ -806,12 +819,12 @@
 }
 
 .e-pv-corrupted-popup-header {
-  color: #6b7280;
+  color: #22d3ee;
   opacity: 0.87;
 }
 
 .e-pv-corrupted-popup-content {
-  color: #6b7280;
+  color: #22d3ee;
   font-size: 16px;
   line-height: 24px;
   margin-left: 50px;
@@ -821,7 +834,7 @@
 }
 
 .e-pv-corrupted-popup-content-rtl {
-  color: #6b7280;
+  color: #22d3ee;
   font-size: 16px;
   line-height: 24px;
   margin-right: 53px;
@@ -936,7 +949,7 @@
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-pv-total-page-container.e-toolbar-item:not(.e-separator) {
-  color: #d1d5db;
+  color: #fff;
   cursor: default;
   font-size: 13px;
   margin-left: 0.5px;
@@ -961,7 +974,9 @@
 }
 
 .e-pv-zoom-drop-down.e-input-group.e-control-wrapper.e-ddl:not(.e-error),
-.e-pv-prop-dropdown.e-input-group.e-control-wrapper.e-ddl:not(.e-error) {
+.e-pv-prop-dropdown.e-input-group.e-control-wrapper.e-ddl:not(.e-error),
+.e-pv-zoom-drop-down-rtl.e-input-group.e-control-wrapper.e-ddl:not(.e-error),
+.e-pv-prop-dropdown-rtl.e-input-group.e-control-wrapper.e-ddl:not(.e-error) {
   background-color: transparent;
   border: 0;
   height: inherit;
@@ -970,19 +985,25 @@
 }
 
 .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
-.e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) {
-  background-color: #1f2937;
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) {
+  background-color: inherit;
   border: 0;
   border-radius: 2px;
 }
 
 .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl.e-input-focus .e-search-icon.e-ddl-icon,
-.e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus .e-search-icon.e-ddl-icon {
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus .e-search-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl.e-input-focus .e-search-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-input-focus .e-search-icon.e-ddl-icon {
   color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl .e-input.e-control.e-keyboard,
-.e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control.e-keyboard {
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control.e-keyboard,
+.e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl .e-input.e-control.e-keyboard,
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl .e-input.e-control.e-keyboard {
   height: auto;
   margin-top: 0;
   padding-bottom: 5px;
@@ -990,28 +1011,36 @@
 }
 
 .e-pv-toolbar:not(.e-rtl) .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl .e-input.e-control.e-keyboard,
-.e-pv-toolbar:not(.e-rtl) .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control.e-keyboard {
+.e-pv-toolbar:not(.e-rtl) .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control.e-keyboard,
+.e-pv-toolbar:not(.e-rtl) .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl .e-input.e-control.e-keyboard,
+.e-pv-toolbar:not(.e-rtl) .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl .e-input.e-control.e-keyboard {
   padding-left: 12px;
 }
 
 .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl .e-input.e-control.e-keyboard,
-.e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control.e-keyboard {
+.e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control.e-keyboard,
+.e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl .e-input.e-control.e-keyboard,
+.e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl .e-input.e-control.e-keyboard {
   padding-right: 12px;
 }
 
 .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl .e-search-icon.e-ddl-icon,
-.e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-search-icon.e-ddl-icon {
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-search-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl .e-search-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl .e-search-icon.e-ddl-icon {
   background-color: transparent;
   border-left: 0;
   margin-bottom: 0;
   margin-left: 0;
   margin-top: 0;
-  padding-right: 15px;
+  padding-right: 0;
 }
 
 .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl .e-input.e-control,
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control,
-.e-input-group.e-control-wrapper.e-pv-current-page-box .e-numerictextbox.e-input {
+.e-input-group.e-control-wrapper.e-pv-current-page-box .e-numerictextbox.e-input,
+.e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl .e-input.e-control,
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl .e-input.e-control {
   text-align: center;
 }
 
@@ -1020,21 +1049,32 @@
   text-align: left;
 }
 
-.e-pv-zoom-drop-down.e-popup.e-popup-open .e-dropdownbase .e-list-item.e-active
-.e-pv-prop-dropdown.e-popup.e-popup-open .e-dropdownbase .e-list-item.e-active {
-  color: #6b7280;
+.e-pv-zoom-drop-down-rtl.e-ddl.e-popup.e-popup-open,
+.e-pv-prop-dropdown-rtl.e-ddl.e-popup.e-popup-open {
+  text-align: right;
+}
+
+.e-pv-zoom-drop-down.e-popup.e-popup-open .e-dropdownbase .e-list-item.e-active .e-pv-prop-dropdown.e-popup.e-popup-open .e-dropdownbase .e-list-item.e-active,
+.e-pv-zoom-drop-down-rtl.e-popup.e-popup-open .e-dropdownbase .e-list-item.e-active .e-pv-prop-dropdown-rtl.e-popup.e-popup-open .e-dropdownbase .e-list-item.e-active {
+  color: #22d3ee;
 }
 
-.e-pv-zoom-drop-down.e-popup.e-popup-open {
+.e-pv-zoom-drop-down.e-popup.e-popup-open,
+.e-pv-zoom-drop-down-rtl.e-popup.e-popup-open {
   min-height: 327px;
   min-width: 110px;
 }
 
 .e-input-group.e-control-wrapper.e-pv-current-page-box:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) {
-  border: 1px solid rgba(107, 114, 128, 0.42);
+  border: 1px solid #6b7280;
   border-radius: 2px;
 }
 
+.e-pv-zoom-drop-down.e-ddl.e-valid-input.e-input-focus,
+.e-pv-zoom-drop-down-rtl.e-ddl.e-valid-input.e-input-focus {
+  box-shadow: none;
+}
+
 .e-pv-password-popup.e-dialog .e-dlg-header,
 .e-pv-corrupted-popup.e-dialog .e-pv-corrupted-popup-header,
 .e-pv-notification-popup.e-dialog .e-dlg-header {
@@ -1108,7 +1148,9 @@
 }
 
 .e-pv-zoom-drop-down.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before,
-.e-pv-prop-dropdown.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
+.e-pv-prop-dropdown.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before,
+.e-pv-zoom-drop-down-rtl.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before,
+.e-pv-prop-dropdown-rtl.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
   transform: rotate(0deg);
 }
 
@@ -1123,13 +1165,21 @@
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl::after,
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl::before,
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus::after,
-.e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus::before {
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus::before,
+.e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl::after,
+.e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl::before,
+.e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl.e-input-focus::after,
+.e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl.e-input-focus::before,
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl::after,
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl::before,
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-input-focus::after,
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-input-focus::before {
   background: none;
 }
 
 .e-pv-sidebar-container {
-  background: #6b7280;
-  border-top: 1px solid #6b7280;
+  background: #22d3ee;
+  border-top: 1px solid #22d3ee;
   bottom: 0;
   position: absolute;
   top: 56px;
@@ -1183,6 +1233,8 @@
 
 .e-pv-sidebar-title-container {
   background: #232e3e;
+  border: 1px solid #4b5563;
+  border-width: 0 0 0 0;
   height: 40px;
   position: absolute;
   top: 0;
@@ -1192,11 +1244,14 @@
 .e-pv-sidebar-title {
   color: #d1d5db;
   font-size: 14px;
+  font-weight: 500;
   height: 16px;
+  line-height: 40px;
   margin: 0;
   position: absolute;
   text-align: left;
-  top: 15px;
+  top: 0;
+  vertical-align: middle;
 }
 
 .e-pv-sidebar-title.e-left {
@@ -1236,10 +1291,10 @@
 }
 
 .e-pv-sidebar-resizer {
-  background: #374151;
-  border: #4b5563;
+  background: #232e3e;
+  border: 0;
   border-width: 1px;
-  color: #d1d5db;
+  color: inherit;
   cursor: ew-resize;
   height: calc(100%);
   position: absolute;
@@ -1252,14 +1307,14 @@
 }
 
 .e-pv-sidebar-content::-webkit-scrollbar-track {
-  -webkit-box-shadow: inset 0 0 0 rgba(107, 114, 128, 0.3);
-  background: #f9fafb;
-  border: 1px solid #e7e7e7;
+  -webkit-box-shadow: inset 0 0 0 #4b5563;
+  background: #232e3e;
+  border: 1px solid #4b5563;
 }
 
 .e-pv-sidebar-content::-webkit-scrollbar-thumb {
-  -webkit-box-shadow: inset 0 0 0 rgba(107, 114, 128, 0.5);
-  background: #232e3e;
+  -webkit-box-shadow: inset 0 0 0 #4b5563;
+  background: #6b7280;
   background-clip: content-box;
   border: 4px solid transparent;
   border-radius: 100px;
@@ -1271,20 +1326,26 @@
   border-radius: 0;
   box-shadow: none;
   font-weight: 500;
-  height: 18px;
-  line-height: none;
-  margin: 7px;
+  height: 30px;
+  line-height: inherit;
+  margin: 12px 2px;
   outline: none;
   padding: 7px;
-  width: 16px;
+  width: 30px;
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
 }
 
 .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
 .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn {
-  background: transparent;
+  background: #4b5563;
   border: none;
   border-radius: 0;
-  line-height: none;
+  line-height: inherit;
   padding: 7px;
 }
 
@@ -1293,23 +1354,31 @@
   border: none;
   box-shadow: none;
   font-weight: 500;
-  height: 16px;
-  margin: 7px;
+  height: 30px;
+  margin: 15px 2px;
   outline: none;
-  padding: 7px;
-  width: 12.44px;
+  padding: 0;
+  width: 30px;
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
 }
 
 .e-pv-title-close-div.e-btn {
-  background: #232e3e;
+  background: transparent;
   border: none;
   box-shadow: none;
-  height: 32px;
-  left: 200px;
-  padding: 0 10px 2px 0;
+  height: 40px;
+  left: 0;
+  line-height: 40px;
+  padding: 1px;
   position: absolute;
-  right: 21px;
-  top: 8px;
+  right: 0;
+  top: 0;
+  vertical-align: middle;
   width: 32px;
 }
 
@@ -1354,40 +1423,41 @@
 }
 
 .e-pv-thumbnail-selection-ring {
-  border-radius: 2px;
-  box-shadow: 0 0 4px 0 rgba(107, 114, 128, 0.25);
-  padding: 6px;
+  border: 1px solid #4b5563;
+  border-radius: 0;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  padding: 2px;
 }
 
 .e-pv-thumbnail-image {
   background-clip: content-box;
   background-color: #fff;
   height: 126px;
-  width: 86px;
+  width: 94px;
 }
 
 .e-pv-thumbnail-hover {
-  border: #4b5563;
+  border: 1px solid #9ca3af;
   border-radius: 2px;
-  box-shadow: 0 0 3px 0 rgba(107, 114, 128, 0.25);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   cursor: pointer;
-  padding: 5px;
+  padding: 2px;
 }
 
 .e-pv-thumbnail-focus {
-  border: 6px solid rgba(107, 114, 128, 0.3);
+  border: 2px solid #22d3ee;
   border-radius: 2px;
-  box-shadow: 0 0 4px 0 rgba(107, 114, 128, 0.25);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   cursor: pointer;
   padding: 0;
 }
 
 .e-pv-thumbnail-selection {
-  border: 6px solid rgba(107, 114, 128, 0.7);
-  border-radius: 2px;
-  box-shadow: 0 0 4px 0 rgba(107, 114, 128, 0.25);
+  border: 2px solid #22d3ee;
+  border-radius: 0;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   cursor: pointer;
-  padding: 0;
+  padding: 1px;
 }
 
 .e-pv-thumbnail-row {
@@ -1427,7 +1497,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 }
 
 .e-pv-sidebar-bookmark-title {
-  color: rgba(0, 0, 0, 0.87);
+  color: #d1d5db;
   font-family: Roboto-Regular;
   font-size: 14px;
 }
@@ -1438,14 +1508,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 }
 
 .e-pv-bookmark-view::-webkit-scrollbar-track {
-  -webkit-box-shadow: inset 0 0 0 rgba(107, 114, 128, 0.3);
-  background: #f9fafb;
-  border: 1px solid #e7e7e7;
+  -webkit-box-shadow: inset 0 0 0 #4b5563;
+  background: #232e3e;
+  border: 1px solid #4b5563;
 }
 
 .e-pv-bookmark-view::-webkit-scrollbar-thumb {
-  -webkit-box-shadow: inset 0 0 0 rgba(107, 114, 128, 0.5);
-  background: #232e3e;
+  -webkit-box-shadow: inset 0 0 0 #4b5563;
+  background: #6b7280;
   background-clip: content-box;
   border: 4px solid transparent;
   border-radius: 100px;
@@ -1477,11 +1547,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 }
 
 .e-pv-text::selection {
-  background: #247796;
+  background: #38bdf8;
 }
 
 .e-pv-text .e-pv-maintaincontent {
-  background: #247796;
+  background: #38bdf8;
 }
 
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn,
@@ -1494,9 +1564,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-shapes-toolbar .e-pv-tbar-btn,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
   color: #d1d5db;
 }
 
@@ -1563,10 +1631,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select,
 .e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select,
 .e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select {
-  background: #f3f4f6;
+  background: #4b5563;
   border: 0;
   border-radius: 0;
-  color: rgba(107, 114, 128, 0.7);
+  color: #fff;
 }
 
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
@@ -1574,10 +1642,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 }
 
 .e-pv-search-bar {
-  background-color: #374151;
+  background-color: #232e3e;
   border: 1px solid #4b5563;
   border-radius: 2px;
-  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  box-shadow: 0 3px 8px 0 #4b5563;
   height: 104px;
   padding: 16px;
   position: absolute;
@@ -1652,20 +1720,20 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-search-input.e-input-group:not(.e-disabled) .e-input-search-group-icon.e-input-group-icon:active {
   background: transparent;
-  color: rgba(107, 114, 128, 0.54);
+  color: rgba(34, 211, 238, 0.54);
 }
 
 .e-pv-search-input.e-input-group:not(.e-disabled) .e-input-search-group-icon.e-input-group-icon:hover {
-  color: rgba(107, 114, 128, 0.54);
+  color: rgba(34, 211, 238, 0.54);
 }
 
 .e-pv-bookmark-container {
-  background-color: #6b7280;
-  border: 1px solid #6b7280;
+  background-color: #22d3ee;
+  border: 1px solid #22d3ee;
 }
 
 .e-pv-bookmark-container .e-listview:not(.e-list-template) .e-list-item {
-  border-bottom: 1px solid #6b7280;
+  border-bottom: 1px solid #22d3ee;
   height: 48px;
 }
 
@@ -1681,7 +1749,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 }
 
 .e-pv-nav-toolbar.e-toolbar .e-tbar-btn:active .e-tbar-btn-text {
-  color: rgba(107, 114, 128, 0.87);
+  color: rgba(34, 211, 238, 0.87);
 }
 
 .e-pv-nav-toolbar.e-toolbar .e-tbar-btn.e-tbtn-txt {
@@ -1719,9 +1787,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
+  padding-top: 7px;
+  vertical-align: initial;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
-  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  box-shadow: 0 3px 8px 0 #4b5563;
   height: auto;
   min-height: 48px;
   padding: 16px;
@@ -1771,6 +1844,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-color-container,
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
+.e-pv-custom-annotation-thickness-container,
 .e-pv-annotation-thickness-container,
 .e-pv-annotation-textcolor-container,
 .e-pv-annotation-textalign-container,
@@ -1784,7 +1858,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 }
 
 .e-pv-shapes-toolbar {
-  box-shadow: rgba(107, 114, 128, 0.24) 0 8px 10px 0;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 
 .e-pv-shapes-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
@@ -1821,7 +1895,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textprop-container.e-btn,
 .e-pv-annotation-handwritten-container.e-btn,
 .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:not(.e-selected) {
-  background-color: #374151;
+  background-color: transparent;
   border-color: transparent;
 }
 
@@ -1836,9 +1910,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textprop-container.e-btn:hover,
 .e-pv-annotation-handwritten-container.e-btn:hover,
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:hover,
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:hover,
 .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:hover {
   background-color: #4b5563;
-  border-color: transparent;
+  border-color: #4b5563;
 }
 
 .e-pv-annotation-color-container.e-btn:active,
@@ -1851,23 +1926,24 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textalign-container.e-btn:active,
 .e-pv-annotation-textprop-container.e-btn:active,
 .e-pv-annotation-handwritten-container.e-btn:active {
-  background-color: #374151;
+  background-color: #4b5563;
   border-color: transparent;
   box-shadow: none;
-  color: rgba(107, 114, 128, 0.7);
+  color: #fff;
 }
 
 .e-pv-annotation-shapes-container.e-btn.e-dropdown-btn.e-active:not(:hover),
 .e-pv-annotation-calibrate-container.e-btn.e-dropdown-btn.e-active:not(:hover),
 .e-pv-annotation-handwritten-container.e-dropdown-btn.e-btn.e-active:not(:hover),
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active:not(:hover) .e-caret {
-  background-color: #374151;
+  background-color: #4b5563;
   color: #d1d5db;
 }
 
 .e-pv-annotation-color-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
+.e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
@@ -1876,6 +1952,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   padding: 7px 7px 6px;
 }
 
+.e-pv-annotation-color-container.e-dropdown-btn.e-button,
+.e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
+.e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
+.e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
+.e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
+.e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
+.e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
+.e-pv-annotation-textprop-container.e-dropdown-btn.e-button {
+  line-height: 1.143em;
+  padding: 7px 7px 6px;
+}
+
+.e-pv-toolbar.e-toolbar.e-toolpop .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn-text.e-pv-submitform-text {
+  display: inline-block;
+  padding: 0 4px;
+}
+
+.e-pv-toolbar.e-toolbar.e-toolpop .e-toolbar-items .e-toolbar-item.e-pv-submit .e-tbar-btn .e-tbar-btn-text.e-pv-submitform-text {
+  display: inline-block;
+  padding: 0 4px;
+}
+
 .e-pv-mobile-toolbar .e-toolbar-items .e-toolbar-item .e-btn.e-tbar-btn,
 .e-pv-nav-toolbar .e-toolbar-items .e-toolbar-item .e-btn.e-tbar-btn {
   height: 30px;
@@ -1885,7 +1983,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-popup-menu {
   background-color: #374151;
   border-color: #4b5563;
-  color: #d1d5db;
+  color: #fff;
 }
 
 .e-pv-properties-window {
@@ -1902,7 +2000,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 }
 
 .e-pv-line-styles-container:hover {
-  background-color: #22d3ee;
+  background-color: #4b5563;
 }
 
 .e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn,
@@ -2092,13 +2190,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
 .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
 .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
-  padding-top: 1px;
+  padding: 1px 8px 3px;
 }
 
 .e-pv-annotation-shape-icon,
 .e-pv-annotation-calibrate-icon,
 .e-pv-handwritten-icon {
-  margin-right: 10px;
+  margin-right: 4px;
 }
 
 .e-pv-properties-opacity-indicator {
@@ -2181,7 +2279,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 }
 
 .e-bigger .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl input.e-input.e-control.e-keyboard,
-.e-bigger .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.-pv-prop-dropdown.e-ddl input.e-input.e-control.e-keyboard {
+.e-bigger .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl input.e-input.e-control.e-keyboard,
+.e-bigger .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl input.e-input.e-control.e-keyboard,
+.e-bigger .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl input.e-input.e-control.e-keyboard {
   padding-left: 0;
   padding-right: 12px;
 }
@@ -2337,9 +2437,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pdfviewer .e-btn-save.e-outline.e-primary:disabled {
-  background-color: #e0e0e0;
+  background-color: #22d3ee;
   border-radius: 2px;
-  color: #a6a6a6;
+  color: #000;
 }
 
 .e-pdfviewer .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
@@ -2387,10 +2487,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
-  background: #232e3e;
+  background: transparent;
   border: none;
   box-shadow: none;
-  height: 32px;
+  height: 40px;
   position: absolute;
   right: 11px;
   top: 5px;
@@ -2398,7 +2498,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-title-close-icon {
-  color: #fff;
+  color: #22d3ee;
+  color: #d1d5db;
 }
 
 .e-pv-comments-panel-text {
@@ -2424,14 +2525,19 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comments-border {
   border: 2px;
-  border-color: #e0e0e0;
+  border-color: #4b5563;
   border-radius: 4px;
   border-style: groove;
+  border: 1px solid #4b5563;
+  border-radius: 2px;
 }
 
 .e-pv-comment-title {
+  color: #22d3ee;
   color: #fff;
   font-size: 14px;
+  font-size: 12px;
+  font-weight: 500;
   max-width: 237px;
   padding-left: 32px;
   padding-top: 7px;
@@ -2439,8 +2545,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-reply-title {
+  color: #22d3ee;
   color: #fff;
   font-size: 14px;
+  font-size: 12px;
+  font-weight: 500;
   max-width: 212px;
   padding-left: 8px;
   padding-top: 7px;
@@ -2448,7 +2557,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-comments-hover {
-  background-color: rgba(255, 255, 255, 0.0001);
+  background-color: #4b5563;
 }
 
 .e-pv-comments-select {
@@ -2479,6 +2588,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
+  margin-top: 0;
   padding-left: 7px;
 }
 
@@ -2516,7 +2626,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pdfviewer .e-input-group.e-control-wrapper.e-editable-elements.e-input-focus {
-  caret-color: #e3165b;
+  caret-color: #000;
 }
 
 .e-pv-reply-div {
@@ -2526,14 +2636,14 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header,
 .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
   background: #232e3e;
-  border: #4b5563;
+  border: 1px solid #4b5563;
 }
 
 .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
 .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
 .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
 .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
-  color: #fff;
+  color: #22d3ee;
   font-size: 14px;
 }
 
@@ -2547,6 +2657,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-pv-signature-apperance .e-checkbox-wrapper {
   margin-top: 10px;
+  padding-bottom: 1px;
 }
 
 .e-pdfviewer .e-pv-signature-window .e-footer-content .e-pv-clearbtn {
@@ -2561,15 +2672,15 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-right-align.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-center-align.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-justfiy-align.e-pv-tbar-btn.e-tooltip.textprop-option-active {
-  background: #bdbdbd;
-  border-color: #bdbdbd;
+  background: #374151;
+  border-color: #374151;
 }
 
 .e-pv-comment-panel-resizer {
-  background: #374151;
-  border: #4b5563;
+  background: #232e3e;
+  border: 0;
   border-width: 1px;
-  color: #d1d5db;
+  color: inherit;
   cursor: ew-resize;
   height: calc(100%);
   position: absolute;
@@ -2594,7 +2705,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-align-border {
-  border: 1px dotted #bdbdbd;
+  border: 1px dotted #374151;
   border-radius: 5px;
   cursor: pointer;
   display: inline-block;
@@ -2602,43 +2713,36 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-font-sign {
-  border: 1px solid rgba(0, 0, 0, 0.87);
+  border: 1px solid #d1d5db;
   border-radius: 5px;
   display: inline-block;
   font-size: 13px;
-  height: 90px;
-  margin-bottom: 5px;
-  margin-left: 20px;
-  margin-right: 15px;
-  margin-top: 25px;
+  height: 88px;
+  margin: 15px;
   padding-top: 40px;
   text-align: center;
-  width: 320px;
+  width: 311px;
   word-wrap: break-word;
 }
 
-.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused,
-.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-menu-icon,
-.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret,
-.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused .e-menu-icon,
-.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused .e-caret {
+.e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-focused {
   color: #d1d5db;
 }
 
-.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused:hover,
-.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-selected {
-  background-color: #4b5563;
-  border-color: transparent;
+.e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
+.e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
+.e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  color: #d1d5db;
 }
 
-.e-pv-custom-annotation-stamp-container.e-menu-container {
-  background-color: #374151;
+.e-pv-stamp-template-container .e-menu-container .e-menu {
+  background-color: transparent;
   border-color: transparent;
 }
 
 .e-pv-custom-annotation-thickness-container,
 .e-pv-custom-annotation-opacity-container {
-  background-color: #374151;
+  background-color: transparent;
   border-color: transparent;
 }
 
@@ -2667,7 +2771,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-checkbox-div {
-  border: 1px solid #303030;
+  border: 1px solid #000;
   display: inline;
   height: 100%;
   left: 0;
@@ -2678,7 +2782,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-cb-checked {
-  border: solid #303030;
+  border: solid #000;
   border-left-color: transparent;
   border-top-color: transparent;
   border-width: 3px;
@@ -2709,7 +2813,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-radiobtn-div {
-  border: 1px solid #303030;
+  border: 1px solid #000;
   border-radius: 50%;
   height: 100%;
   left: 0;
@@ -2741,7 +2845,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-radio-btn:checked + .e-pv-radiobtn-span::before {
-  background: #303030;
+  background: #000;
   border-radius: 50%;
 }
 
@@ -2750,13 +2854,19 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-properties-font-items-container {
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+}
+
+.e-pv-properties-form-field-name-main-div,
+.e-pv-properties-form-field-value-main-div {
+  padding-right: 12px;
 }
 
 .e-pv-properties-form-field-name-main-div,
 .e-pv-properties-form-field-tooltip-main-div,
 .e-pv-properties-form-field-value-main-div,
 .e-pv-properties-form-field-visibility-main-div {
-  padding-right: 12px;
   width: 285px;
 }
 
@@ -2797,7 +2907,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-center-align-icon-div:hover,
 .e-pv-right-align-icon-div:hover {
   background-color: #4b5563;
-  border-color: transparent;
+  border-color: #4b5563;
 }
 
 .e-pv-bold-icon-div:active,
@@ -2807,8 +2917,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-left-align-icon-div:active,
 .e-pv-center-align-icon-div:active,
 .e-pv-right-align-icon-div:active {
-  background-color: #bdbdbd;
-  border-color: #bdbdbd;
+  background-color: #374151;
+  border-color: #374151;
 }
 
 .e-pv-properties-fill-color-style-prop,
@@ -2837,7 +2947,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-properties-font-size-container {
-  border-right-color: #e0e0e0;
+  border-right-color: #4b5563;
   border-right-style: solid;
   border-right-width: 1px;
   margin-right: 15px;
@@ -2884,7 +2994,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-properties-formfield-maxlength-text-label,
 .e-pv-formfield-maxlength {
   padding-left: 1px;
-  width: 80px;
+  width: 91px;
 }
 
 .e-pv-formfield-maxlength-group {
@@ -2958,6 +3068,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-show-designer-name {
   -ms-flex-align: center;
       align-items: center;
+  color: #000;
   display: -ms-grid;
   display: grid;
   height: 100%;
@@ -2974,11 +3085,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-li-select {
-  background-color: #d3d3d3;
+  background-color: #22d3ee;
+  background-color: #4b5563;
+}
+
+.e-pv-formfield-li-element.e-pv-li-select {
+  background-color: #22d3ee;
 }
 
 .e-pv-formfield-li-element:hover {
-  background-color: #d3d3d3;
+  background-color: #22d3ee;
 }
 
 .e-pv-form-designer-ul-list-items {
@@ -3020,7 +3136,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-properties-formfield-formatting {
-  color: #757575;
+  color: #d1d5db;
   font-family: Roboto;
   font-size: 13px;
   font-style: normal;
@@ -3054,7 +3170,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-properties-formfield-label {
-  color: #757575;
+  color: #d1d5db;
   font-family: Roboto;
   font-size: 13px;
   font-style: normal;
@@ -3063,7 +3179,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   line-height: 15px;
 }
 
-.e-pv-formfield-maxlength.e-numeric.e-control-wrapper.e-input-group.e-input-group-icon {
+.e-pv-formfield-maxlength .e-input-group.e-control-wrapper .e-input-group-icon {
   min-width: 18px;
 }
 
@@ -3072,7 +3188,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-properties-header-spliter {
-  border-bottom-color: #e0e0e0;
+  border-bottom-color: #22d3ee;
   border-bottom-style: solid;
   border-bottom-width: 0;
   left: 0;
@@ -3082,7 +3198,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-properties-bottom-spliter {
-  border-bottom-color: #e0e0e0;
+  border-bottom-color: #22d3ee;
   border-bottom-style: solid;
   border-bottom-width: 0;
   left: 0;
@@ -3111,6 +3227,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 550px;
 }
 
+.e-pv-signature-dialog-blazor-height {
+  height: 550px;
+}
+
 .e-pv-handwritten-signature-canvas {
   height: 375px;
   width: 712px;
@@ -3119,3 +3239,19 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-toolbar-scroll .e-toolbar-pop.e-popup-open {
   overflow: auto;
 }
+
+.e-pv-canvas-signature {
+  width: 713px;
+}
+
+.e-pv-canvas-signature-blazor {
+  width: 713px;
+}
+
+.e-pv-font-appearance-style {
+  padding: 8px;
+}
+
+.e-pv-font-appearance-style-blazor {
+  padding: 8px;
+}