@syncfusion/ej2-react-pdfviewer 19.2.56 → 19.3.43

package/styles/pdfviewer/material-dark.css

@@ -59,7 +59,7 @@
 }
 
 .e-pdfviewer .e-pv-thumbnail-view-selection-icon::before {
-  color: rgba(255, 128, 171, 0.6);
+  color: rgba(0, 176, 255, 0.6);
   content: '\ec27';
 }
 
@@ -73,7 +73,7 @@
 }
 
 .e-pdfviewer .e-pv-bookmark-selection-icon::before {
-  color: rgba(255, 128, 171, 0.6);
+  color: rgba(0, 176, 255, 0.6);
   content: '\ec0c';
 }
 
@@ -284,8 +284,13 @@
   font-family: 'e-icons';
 }
 
+.e-pv-property-icon::before {
+  content: '\e199';
+  font-family: 'e-icons';
+}
+
 .e-pv-comment-selection-icon::before {
-  color: rgba(255, 128, 171, 0.6);
+  color: rgba(0, 176, 255, 0.6);
   content: '\e680';
   font-family: 'e-icons';
 }
@@ -689,6 +694,14 @@
   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: #303030;
   border: 3px solid #757575;
@@ -959,7 +972,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;
@@ -968,19 +983,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) {
+.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: #616161;
   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;
@@ -988,17 +1009,23 @@
 }
 
 .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: 14px;
 }
 
 .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: 14px;
 }
 
 .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: 4.5px;
@@ -1009,7 +1036,9 @@
 
 .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;
 }
 
@@ -1018,12 +1047,18 @@
   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: #ff80ab;
+.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: #00b0ff;
 }
 
-.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;
 }
@@ -1033,6 +1068,11 @@
   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 {
@@ -1106,7 +1146,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);
 }
 
@@ -1121,7 +1163,15 @@
 .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;
 }
 
@@ -1181,6 +1231,8 @@
 
 .e-pv-sidebar-title-container {
   background: #212121;
+  border: 1px solid #616161;
+  border-width: 0 0 0 0;
   height: 50px;
   position: absolute;
   top: 0;
@@ -1270,7 +1322,7 @@
   box-shadow: none;
   font-weight: 500;
   height: 32px;
-  line-height: none;
+  line-height: inherit;
   margin: 8px;
   outline: none;
   padding: 10px;
@@ -1282,7 +1334,7 @@
   background: transparent;
   border: none;
   border-radius: 0;
-  line-height: none;
+  line-height: inherit;
   padding: 10px;
 }
 
@@ -1381,7 +1433,7 @@
 }
 
 .e-pv-thumbnail-selection {
-  border: 6px solid rgba(255, 128, 171, 0.7);
+  border: 6px solid rgba(0, 176, 255, 0.7);
   border-radius: 2px;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
   cursor: pointer;
@@ -1492,9 +1544,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: #fff;
 }
 
@@ -1564,7 +1614,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   background: #212121;
   border: 0;
   border-radius: 0;
-  color: rgba(255, 128, 171, 0.7);
+  color: rgba(0, 176, 255, 0.7);
 }
 
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
@@ -1717,6 +1767,11 @@ 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);
@@ -1769,6 +1824,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,
@@ -1834,6 +1890,7 @@ 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: rgba(255, 255, 255, 0.1);
   border-color: transparent;
@@ -1852,7 +1909,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   background-color: #616161;
   border-color: transparent;
   box-shadow: none;
-  color: rgba(255, 128, 171, 0.7);
+  color: rgba(0, 176, 255, 0.7);
 }
 
 .e-pv-annotation-shapes-container.e-btn.e-dropdown-btn.e-active:not(:hover),
@@ -1866,6 +1923,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .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,
@@ -1874,6 +1932,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   padding: 6px 7px 4px;
 }
 
+.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: 6px 7px 4px;
+}
+
+.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: 36px;
@@ -2090,13 +2170,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 {
@@ -2179,7 +2259,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: 14px;
 }
@@ -2476,6 +2558,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;
 }
 
@@ -2523,7 +2606,7 @@ 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: #212121;
-  border: #616161;
+  border: 1px solid #616161;
 }
 
 .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,
@@ -2544,6 +2627,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 {
@@ -2603,32 +2687,25 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   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: #fff;
 }
 
-.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: rgba(255, 255, 255, 0.1);
-  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: #fff;
 }
 
-.e-pv-custom-annotation-stamp-container.e-menu-container {
+.e-pv-stamp-template-container .e-menu-container .e-menu {
   background-color: #212121;
   border-color: transparent;
 }
@@ -2747,13 +2824,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: 15px;
 }
 
 .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: 15px;
   width: 285px;
 }
 
@@ -2954,6 +3037,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%;
@@ -2973,6 +3057,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   background-color: #d3d3d3;
 }
 
+.e-pv-formfield-li-element.e-pv-li-select {
+  background-color: #d3d3d3;
+}
+
 .e-pv-formfield-li-element:hover {
   background-color: #d3d3d3;
 }
@@ -3059,7 +3147,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;
 }
 
@@ -3100,7 +3188,31 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 540px;
 }
 
+.e-pv-signature-dialog-blazor-height {
+  height: 540px;
+}
+
 .e-pv-handwritten-signature-canvas {
   height: 360px;
   width: 713px;
 }
+
+.e-pv-toolbar-scroll .e-toolbar-pop.e-popup-open {
+  overflow: auto;
+}
+
+.e-pv-canvas-signature {
+  width: 714px;
+}
+
+.e-pv-canvas-signature-blazor {
+  width: 714px;
+}
+
+.e-pv-font-appearance-style {
+  padding: 15px;
+}
+
+.e-pv-font-appearance-style-blazor {
+  padding: 15px;
+}