@syncfusion/ej2-vue-pdfviewer 21.2.10 → 22.1.34

package/styles/material3.scss

@@ -0,0 +1,2 @@
+
+@import 'pdfviewer/material3.scss';

package/styles/pdfviewer/bootstrap-dark.css

@@ -595,13 +595,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #1a1a1a;
   border-color: #505050;
   height: calc(100% - 50px);
   overflow: auto;
   position: relative;
   -ms-touch-action: pan-x pan-y;
       touch-action: pan-x pan-y;
+  background-color: #1a1a1a;
 }
 
 .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -814,6 +814,11 @@ input.e-pv-input-password::-ms-reveal {
   padding-bottom: 0;
 }
 
+.e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  padding-bottom: 0;
+}
+
 .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
@@ -1803,6 +1808,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 12px;
 }
 
+.e-bigger .e-.e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-caret {
+  font-size: 18px;
+}
+
 .e-pv-annotation-color-container,
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
@@ -2058,8 +2069,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-stroke-color-label,
 .e-pv-properties-line-opacity-label,
 .e-pv-properties-line-leader-length-label {
-  font-size: 14px;
   margin-bottom: 8px;
+  font-size: 14px;
 }
 
 .e-pv-properties-line-end-container,
@@ -2338,10 +2349,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: rgba(255, 255, 255, 0.9);
-  font-size: 14px;
   line-height: normal;
   min-height: 22px;
   padding: 2px 8px 3px;
+  font-size: 14px;
 }
 
 .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
@@ -2445,20 +2456,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-panel-title-container {
   background-color: #131313;
-  border-color: #505050;
   border-style: double;
   border-width: 0 1px 1px 0;
   height: 45px;
   position: relative;
+  border-color: #505050;
 }
 
 .e-pv-comment-panel-title {
   color: rgba(255, 255, 255, 0.9);
   font-size: 14px;
   left: 15px;
+  top: 14px;
   position: absolute;
   text-align: left;
-  top: 14px;
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
@@ -2506,10 +2517,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: rgba(255, 255, 255, 0.6);
-  font-size: 14px;
-  max-width: 237px;
   padding-left: 32px;
   padding-top: 8px;
+  font-size: 14px;
+  max-width: 237px;
   position: absolute;
 }
 
@@ -2648,8 +2659,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-signature-dialog-height .e-pv-cancelbtn {
-  height: 30px;
-  min-height: 30px;
+  height: 32px;
+  min-height: 32px;
 }
 
 .e-pv-signature-dialog-height .e-pv-createbtn {
@@ -2942,6 +2953,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding: 12px 20px 12px 1px;
 }
 
+.e-bigger .e-pv-properties-fill-color-style-prop,
+.e-bigger .e-pv-properties-stroke-color-style-prop,
+.e-bigger .e-pv-properties-stroke-thickness-style-prop {
+  padding: 12px 20px 12px 1px;
+}
+
 .e-pv-formfield-fontcolor-icon,
 .e-pv-formfield-strokecolor-icon,
 .e-pv-formfield-strokethickness-icon {
@@ -3106,7 +3123,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   background-color: #d3d3d3;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #d3d3d3;
 }
 
@@ -3182,6 +3199,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 120px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #000;
+  border-radius: 2px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  width: 154px;
+}
+
+.e-bigger .e-pv-properties-form-field-font-align {
+  background: #000;
+  border-radius: 2px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  margin-right: 15px;
+  width: 120px;
+}
+
 .e-pv-properties-formfield-label {
   color: #757575;
   font-family: "Roboto";
@@ -3233,6 +3273,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 570px;
 }
 
+.e-bigger .e-pv-signature-dialog-height {
+  min-height: 592px;
+}
+
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 560px;
 }

package/styles/pdfviewer/bootstrap.css

@@ -600,13 +600,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #e6e6e6;
   border-color: #ccc;
   height: calc(100% - 50px);
   overflow: auto;
   position: relative;
   -ms-touch-action: pan-x pan-y;
       touch-action: pan-x pan-y;
+  background-color: #e6e6e6;
 }
 
 .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -820,6 +820,11 @@ input.e-pv-input-password::-ms-reveal {
   padding-bottom: 0;
 }
 
+.e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  padding-bottom: 0;
+}
+
 .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
@@ -1809,6 +1814,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 12px;
 }
 
+.e-bigger .e-.e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-caret {
+  font-size: 18px;
+}
+
 .e-pv-annotation-color-container,
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
@@ -2064,8 +2075,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-stroke-color-label,
 .e-pv-properties-line-opacity-label,
 .e-pv-properties-line-leader-length-label {
-  font-size: 14px;
   margin-bottom: 8px;
+  font-size: 14px;
 }
 
 .e-pv-properties-line-end-container,
@@ -2344,10 +2355,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: rgba(51, 51, 51, 0.9);
-  font-size: 14px;
   line-height: normal;
   min-height: 22px;
   padding: 2px 8px 3px;
+  font-size: 14px;
 }
 
 .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
@@ -2451,20 +2462,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-panel-title-container {
   background-color: #f8f8f8;
-  border-color: #adadad;
   border-style: double;
   border-width: 0 1px 1px 0;
   height: 45px;
   position: relative;
+  border-color: #adadad;
 }
 
 .e-pv-comment-panel-title {
   color: rgba(51, 51, 51, 0.9);
   font-size: 14px;
   left: 15px;
+  top: 14px;
   position: absolute;
   text-align: left;
-  top: 14px;
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
@@ -2512,10 +2523,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: rgba(51, 51, 51, 0.6);
-  font-size: 14px;
-  max-width: 237px;
   padding-left: 32px;
   padding-top: 8px;
+  font-size: 14px;
+  max-width: 237px;
   position: absolute;
 }
 
@@ -2654,8 +2665,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-signature-dialog-height .e-pv-cancelbtn {
-  height: 30px;
-  min-height: 30px;
+  height: 32px;
+  min-height: 32px;
 }
 
 .e-pv-signature-dialog-height .e-pv-createbtn {
@@ -2949,6 +2960,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding: 12px 20px 12px 1px;
 }
 
+.e-bigger .e-pv-properties-fill-color-style-prop,
+.e-bigger .e-pv-properties-stroke-color-style-prop,
+.e-bigger .e-pv-properties-stroke-thickness-style-prop {
+  padding: 12px 20px 12px 1px;
+}
+
 .e-pv-formfield-fontcolor-icon,
 .e-pv-formfield-strokecolor-icon,
 .e-pv-formfield-strokethickness-icon {
@@ -3113,7 +3130,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   background-color: #d3d3d3;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #d3d3d3;
 }
 
@@ -3189,6 +3206,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 120px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #eee;
+  border-radius: 2px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  width: 154px;
+}
+
+.e-bigger .e-pv-properties-form-field-font-align {
+  background: #eee;
+  border-radius: 2px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  margin-right: 15px;
+  width: 120px;
+}
+
 .e-pv-properties-formfield-label {
   color: #757575;
   font-family: "Roboto";
@@ -3240,6 +3280,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 565px;
 }
 
+.e-bigger .e-pv-signature-dialog-height {
+  min-height: 592px;
+}
+
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 560px;
 }

package/styles/pdfviewer/bootstrap4.css

@@ -601,13 +601,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #e9ecef;
   border-color: #dee2e6;
   height: calc(100% - 40px);
   overflow: auto;
   position: relative;
   -ms-touch-action: pan-x pan-y;
       touch-action: pan-x pan-y;
+  background-color: #e9ecef;
 }
 
 .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -837,6 +837,11 @@ input.e-pv-input-password::-ms-reveal {
   padding-bottom: 0;
 }
 
+.e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  padding-bottom: 0;
+}
+
 .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
@@ -2016,6 +2021,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 12px;
 }
 
+.e-bigger .e-.e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-caret {
+  font-size: 18px;
+}
+
 .e-pv-annotation-color-container,
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
@@ -2271,8 +2282,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-stroke-color-label,
 .e-pv-properties-line-opacity-label,
 .e-pv-properties-line-leader-length-label {
-  font-size: 14px;
   margin-bottom: 8px;
+  font-size: 14px;
 }
 
 .e-pv-properties-line-end-container,
@@ -2621,10 +2632,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: rgba(33, 37, 41, 0.9);
-  font-size: 14px;
   line-height: normal;
   min-height: 22px;
   padding: 2px 8px 3px;
+  font-size: 14px;
 }
 
 .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
@@ -2728,20 +2739,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-panel-title-container {
   background-color: #f8f9fa;
-  border-color: #dee2e6;
   border-style: double;
   border-width: 0 1px 1px 0;
   height: 45px;
   position: relative;
+  border-color: #dee2e6;
 }
 
 .e-pv-comment-panel-title {
   color: rgba(33, 37, 41, 0.9);
   font-size: 14px;
   left: 15px;
+  top: 14px;
   position: absolute;
   text-align: left;
-  top: 14px;
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
@@ -2790,10 +2801,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: rgba(33, 37, 41, 0.6);
-  font-size: 14px;
-  max-width: 237px;
   padding-left: 32px;
   padding-top: 7px;
+  font-size: 14px;
+  max-width: 237px;
   position: absolute;
 }
 
@@ -2932,8 +2943,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-signature-dialog-height .e-pv-cancelbtn {
-  height: 30px;
-  min-height: 30px;
+  height: 32px;
+  min-height: 32px;
 }
 
 .e-pv-signature-dialog-height .e-pv-createbtn {
@@ -3259,6 +3270,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding: 12px 20px 12px 1px;
 }
 
+.e-bigger .e-pv-properties-fill-color-style-prop,
+.e-bigger .e-pv-properties-stroke-color-style-prop,
+.e-bigger .e-pv-properties-stroke-thickness-style-prop {
+  padding: 12px 20px 12px 1px;
+}
+
 .e-pv-formfield-fontcolor-icon,
 .e-pv-formfield-strokecolor-icon,
 .e-pv-formfield-strokethickness-icon {
@@ -3425,7 +3442,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   background-color: #d3d3d3;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #d3d3d3;
 }
 
@@ -3501,6 +3518,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 120px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #eee;
+  border-radius: 2px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  width: 154px;
+}
+
+.e-bigger .e-pv-properties-form-field-font-align {
+  background: #eee;
+  border-radius: 2px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  margin-right: 15px;
+  width: 120px;
+}
+
 .e-pv-properties-formfield-label {
   color: #757575;
   font-family: "Roboto";
@@ -3565,6 +3605,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 535px;
 }
 
+.e-bigger .e-pv-signature-dialog-height {
+  min-height: 592px;
+}
+
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 540px;
 }

package/styles/pdfviewer/bootstrap5-dark.css

@@ -603,13 +603,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #343a40;
   border-color: #343a40;
   height: 100%;
   overflow: auto;
   position: relative;
   -ms-touch-action: pan-x pan-y;
       touch-action: pan-x pan-y;
+  background-color: #343a40;
 }
 
 .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -831,6 +831,11 @@ input.e-pv-input-password::-ms-reveal {
   padding-bottom: 0;
 }
 
+.e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  padding-bottom: 0;
+}
+
 .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
@@ -1909,6 +1914,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 12px;
 }
 
+.e-bigger .e-.e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-caret {
+  font-size: 18px;
+}
+
 .e-pv-annotation-color-container,
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
@@ -2208,13 +2219,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-stroke-color-label,
 .e-pv-properties-line-opacity-label,
 .e-pv-properties-line-leader-length-label {
-  font-size: 14px;
   margin-bottom: 8px;
+  font-size: 14px;
 }
 
 .e-pv-properties-line-end-container,
 .e-pv-properties-line-thickness-container {
   margin-left: 37px;
+  margin-left: 24px;
 }
 
 .e-pv-properties-line-leader-length-container {
@@ -2549,12 +2561,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: #e9ecef;
-  color: #ced4da;
-  font-size: 14px;
-  font-size: 12px;
   line-height: normal;
   min-height: 22px;
   padding: 2px 8px 3px;
+  color: #ced4da;
+  font-size: 14px;
+  font-size: 12px;
 }
 
 .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
@@ -2656,11 +2668,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-panel-title-container {
   background-color: #282d31;
-  border-color: #444c54;
   border-style: double;
   border-width: 0 1px 1px 0;
   height: 45px;
   position: relative;
+  border-color: #444c54;
 }
 
 .e-pv-comment-panel-title {
@@ -2669,9 +2681,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   font-size: 16px;
   font-weight: 500;
   left: 15px;
+  top: 14px;
   position: absolute;
   text-align: left;
-  top: 14px;
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
@@ -2717,13 +2729,13 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: #0d6efd;
+  padding-left: 32px;
+  padding-top: 7px;
   color: #fff;
   font-size: 14px;
   font-size: 12px;
   font-weight: 500;
   max-width: 237px;
-  padding-left: 32px;
-  padding-top: 7px;
   position: absolute;
 }
 
@@ -2867,8 +2879,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-signature-dialog-height .e-pv-cancelbtn {
-  height: 30px;
-  min-height: 30px;
+  height: 32px;
+  min-height: 32px;
 }
 
 .e-pv-signature-dialog-height .e-pv-createbtn {
@@ -3177,8 +3189,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-left-align-icon-div:hover,
 .e-pv-center-align-icon-div:hover,
 .e-pv-right-align-icon-div:hover {
-  background-color: #5c636a;
-  border-color: #565e64;
   background-color: #565e64;
   border-color: #565e64;
   color: #fff;
@@ -3191,8 +3201,6 @@ 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: #343a40;
-  border-color: #343a40;
   background-color: #565e64;
   border-color: #565e64;
   color: #fff;
@@ -3204,6 +3212,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding: 12px 20px 12px 1px;
 }
 
+.e-bigger .e-pv-properties-fill-color-style-prop,
+.e-bigger .e-pv-properties-stroke-color-style-prop,
+.e-bigger .e-pv-properties-stroke-thickness-style-prop {
+  padding: 12px 20px 12px 1px;
+}
+
 .e-pv-formfield-fontcolor-icon,
 .e-pv-formfield-strokecolor-icon,
 .e-pv-formfield-strokethickness-icon {
@@ -3396,7 +3410,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #fff;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #0d6efd;
   color: #fff;
 }
@@ -3484,6 +3498,38 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 32px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #212529;
+  border-radius: 4px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  width: 154px;
+  -ms-flex-align: center;
+      align-items: center;
+  border: 1px solid #444c54;
+  height: 32px;
+  width: 163px;
+}
+
+.e-bigger .e-pv-properties-form-field-font-align {
+  background: #212529;
+  border-radius: 4px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  margin-right: 15px;
+  width: 120px;
+  -ms-flex-align: center;
+      align-items: center;
+  border: 1px solid #444c54;
+  height: 32px;
+}
+
 .e-pv-properties-formfield-label {
   color: #e9ecef;
   font-family: "Roboto";
@@ -3537,6 +3583,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 535px;
 }
 
+.e-bigger .e-pv-signature-dialog-height {
+  min-height: 592px;
+}
+
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 530px;
 }