@syncfusion/ej2-navigations 20.2.50 → 20.3.47

package/styles/menu/tailwind.css

@@ -9,7 +9,7 @@
     box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
-/*! component's theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
 /*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
@@ -703,6 +703,8 @@
   border: none;
   overflow-y: auto;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -1064,6 +1066,26 @@
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
   background: #f3f4f6;
 }
+.e-menu-wrapper.e-inherit,
+.e-menu-container.e-inherit {
+  border: 0;
+}
+.e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
+.e-menu-container.e-inherit .e-menu,
+.e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
+.e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
+  color: inherit;
+}
+.e-menu-wrapper.e-inherit .e-menu,
+.e-menu-container.e-inherit .e-menu {
+  background: inherit;
+}
+.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
+.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
+.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
+  background: rgba(0, 0, 0, 0.056);
+  color: inherit;
+}
 
 .e-menu-wrapper.e-hamburger .e-menu-header,
 .e-menu-container.e-hamburger .e-menu-header {

package/styles/pager/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
+@import 'layout.scss';
 @import 'theme.scss';

package/styles/pager/_bootstrap-dark-definition.scss

@@ -1,4 +1,3 @@
-
 @use 'sass:math';
 
 $pager-numericitem-border-radius: 4px !default;

package/styles/pager/_bootstrap-definition.scss

@@ -1,4 +1,3 @@
-
 @use 'sass:math';
 
 $pager-numericitem-border-radius: 4px !default;
@@ -48,9 +47,9 @@ $pager-number-hover-bg-color: $grey-lighter !default;
 $pager-font-family: Helvertica !default;
 $pager-font-weight: bold !default;
 $pager-messagebar-padding-right: 8px !default;
-$pager-tripledot-padding: 8px 11px 9px !default;
-$pager-numeric-icon-padding: 11px 11px 10px 11px !default;
-$pager-pagecontainer-icon-padding: 11px 10px 12px 8px !default;
+$pager-tripledot-padding: 8px 8px 9.5px 8px !default;
+$pager-numeric-icon-padding: 11.5px 11px 10px 11px !default;
+$pager-pagecontainer-icon-padding: 11.5px 10px 12px 8px !default;
 $pager-bigger-pagecontainer-icon-padding: 11px 10px 12px 8px !default;
 $pager-hover-color: $brand-primary-darken-25 !default;
 $pager-mhover-color: $brand-primary-darken-10 !default;

package/styles/pager/_bootstrap4-definition.scss

@@ -18,7 +18,7 @@ $pager-container-rtl-margin: 0 2px -4px 0 !default;
 $pager-rtl-navigation-icon-padding: 13px 9px 12px 2px !default;
 $pager-rtl-numeric-margin: 0 !default;
 $pager-item-hover-borders-width: 0 !default;
-$pager-tripledot-font-size: 16px !default;
+$pager-tripledot-font-size: 14px !default;
 $pager-last-page-hover-border-radius:  0 4px 4px 0 !default;
 $pager-first-page-hover-border-radius: 4px 0 0 4px !default;
 $pager-rtl-parentmsgbar-margin-left: 6px !default;
@@ -48,9 +48,9 @@ $pager-number-hover-bg-color: darken($gray-100, 2%) !default;
 $pager-font-family: Helvertica !default;
 $pager-font-weight: bold !default;
 $pager-messagebar-padding-right: 0 !default;
-$pager-tripledot-padding: 10px 11px 10px !default;
-$pager-numeric-icon-padding: 11px 11px 11px 11px !default;
-$pager-pagecontainer-icon-padding: 13px 10px 12px 8px !default;
+$pager-tripledot-padding: 12px 9px 11px 9px !default;
+$pager-numeric-icon-padding: 12px 11px 11px 11px !default;
+$pager-pagecontainer-icon-padding: 14px 10px 13px 8px !default;
 $pager-bigger-pagecontainer-icon-padding: 13px 10px 12px 8px !default;
 $pager-hover-color: #1f496e !default;
 $pager-mhover-color: #3071a9 !default;
@@ -119,11 +119,11 @@ $pager-rtl-nxtpage-margin: 0 !default;
 $pager-disabled-icons-opacity: .3 !default;
 $pager-bigger-dropdown-heigh: 40px !default;
 $pager-external-msg-padding: 6px !default;
-$pager-rtl-bigger-tripledot-font-size: $pager-tripledot-font-size !default;
+$pager-rtl-bigger-tripledot-font-size: 16px !default;
 $pager-current-item-font-weight: normal !default;
 $pager-skin: 'bootstrap4' !default;
 $pager-container-border-radius: 4px !default;
-$pager-bigger-tripledot-font-size: $pager-tripledot-font-size !default;
+$pager-bigger-tripledot-font-size: 16px !default;
 $pager-focus-bg-color: rgba($black, .08) !default;
 $pager-focus-tripledot-padding: $pager-tripledot-padding !default;
 $pager-focus-tripledot-line-height: 1 !default;

package/styles/pager/_bootstrap5-definition.scss

@@ -48,9 +48,9 @@ $pager-number-hover-bg-color: $content-bg-color-hover !default;
 $pager-font-family: $font-family !default;
 $pager-font-weight: bold !default;
 $pager-messagebar-padding-right: 0 !default;
-$pager-tripledot-padding: 10px 10.5px 11px 10.5px !default;
-$pager-numeric-icon-padding: 10px 12.5px 11px 12.5px !default;
-$pager-pagecontainer-icon-padding: 14px 12px 12px 11.5px !default;
+$pager-tripledot-padding: 10.4px 10.5px 11.4px 10.5px !default;
+$pager-numeric-icon-padding: 10px 12.5px 11.5px 12.5px !default;
+$pager-pagecontainer-icon-padding: 14.2px 12.2px 12.7px 11.5px !default;
 $pager-bigger-pagecontainer-icon-padding: 16px 14px 14px 14px !default;
 $pager-hover-color: $primary !default;
 $pager-mhover-color: $primary !default;
@@ -95,7 +95,7 @@ $pager-rtl-pagerdropdown-margin: -24px 16px 0 0 !default;
 $pager-tripledot-rtl-bigger-margin-top: 0 !default;
 $pager-bigger-rtl-numeric-margin: 0 !default;
 $pager-bigger-container-rtl-margin: 0 0 -4px 0 !default;
-$pager-activeitem-padding: 10px 12.5px 11px 12.5px !default;
+$pager-activeitem-padding: 10.4px 12.5px 11px 12.5px !default;
 $pager-rtl-pagerdropdown-bigger-margin: -26px 16px 0 0 !default;
 $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
 $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
@@ -110,7 +110,7 @@ $pager-rtl-next-content-icon: 'e237' !default;
 $pager-item-hover-border-width: 0 1px 0 0 !default;
 $pager-item-hover-border-color: $pager-border-color !default;
 $pager-bigger-current-item-hover-padding: $pager-bigger-current-item-padding !default;
-$pager-numeric-icon-hover-padding: $pager-numeric-icon-padding !default;
+$pager-numeric-icon-hover-padding: 10.4px 12.5px 11.6px 12.5px !default;
 $pager-bigger-rtl-activeitem-hover-padding:  12px 15px 13px !default;
 $pager-activeitem-hover-padding: $pager-activeitem-padding !default;
 $pager-bigger-dropdown-margin-top: -24px !default;

package/styles/pager/_fabric-dark-definition.scss

@@ -1,4 +1,3 @@
-
 $pager-font-family: sans-serif !default;
 $pager-border-type: $border-type !default;
 $pager-mobile-icon-size: 11px !default;
@@ -31,7 +30,8 @@ $pager-bigger-icon-font-size: 13px !default;
 $pager-bigger-rtl-nexticon-marign-left: 0 !default;
 $pager-device-padding: 19px 0 !default;
 $pager-device-messabar-padding: 0 !default;
-//default 
+
+//default
 $pager-border-color: $neutral-light !default;
 $pager-border-size: 0 !default;
 $pager-padding: 13px 0 12px !default;

package/styles/pager/_fabric-definition.scss

@@ -1,4 +1,3 @@
-
 $pager-font-family: sans-serif !default;
 $pager-border-type: $border-type !default;
 $pager-mobile-icon-size: 11px !default;

package/styles/pager/_fluent-definition.scss

@@ -116,7 +116,7 @@ $pager-bigger-rtl-activeitem-hover-padding:  $pager-bigger-rtl-activeitem-paddin
 $pager-activeitem-hover-padding: $pager-activeitem-padding !default;
 $pager-bigger-dropdown-margin-top: -31px !default;
 $pager-rtl-nxtpage-margin: 0 !default;
-$pager-disabled-icons-opacity: 1 !default;
+$pager-disabled-icons-opacity: .8 !default;
 $pager-current-item-font-weight: $font-weight-medium !default;
 $pager-bigger-dropdown-heigh: 29px !default;
 $pager-external-msg-padding: 6px 6px 0 6px !default;

package/styles/pager/_highcontrast-definition.scss

@@ -1,4 +1,3 @@
-
 $pager-font-family: sans-serif !default;
 $pager-border-type: $border-type !default;
 $pager-mobile-icon-size: 11px !default;

package/styles/pager/_highcontrast-light-definition.scss

@@ -28,7 +28,8 @@ $pager-bigger-icon-font-size: 13px !default;
 $pager-bigger-rtl-nexticon-marign-left: 0 !default;
 $pager-device-padding: 19px 0 !default;
 $pager-device-messabar-padding: 0 !default;
-//default 
+
+//default
 $pager-border-color: $border-default !default;
 $pager-icon-color: $content-font !default;
 $pager-border-size: 0 !default;
@@ -85,7 +86,7 @@ $pager-dropdown-width: 90px !default;
 $pager-bigger-dropdown-width: 90px !default;
 $pager-constant-margin: 11px 0 4px 8px !default;
 $pager-bigger-letter-spacing: 2px 10px 11px !default;
-$pager-hover-bg-color: $hover-bg  !default;
+$pager-hover-bg-color: $hover-bg !default;
 $pager-activeitem-padding: 9px 3px 8px 2px !default;
 $pager-numericitem-min-width: 30px !default;
 $pager-tripledot-rtl-margin-top: 2px !default;

package/styles/pager/_layout.scss

@@ -1,4 +1,5 @@
 @include export-module('pager-layout') {
+  
   /*! Pager layout */
   .e-bigger  #{&}.e-pager,
   #{&}.e-pager.e-bigger {
@@ -51,14 +52,14 @@
     &.e-rtl .e-pagercontainer .e-firstpage.e-focused {
       @if $pager-skin == 'tailwind' {
         padding: 10px 10px 9px;
-       }
-     }
+      }
+    }
 
     &.e-rtl .e-pagercontainer .e-lastpage.e-focused {
       @if $pager-skin == 'tailwind' {
         padding: 10px 10px 9px;
-       }
-     }
+      }
+    }
 
     .e-pagerconstant {
       margin-bottom: $pager-bigger-dropdown-constant-margin;
@@ -74,7 +75,7 @@
 
     &.e-rtl .e-pagercontainer {
       margin: $pager-bigger-new-container-rtl-margin;
-	}
+    }
 
     @media (max-width: 769px) {
       padding: $pager-device-padding;
@@ -86,7 +87,7 @@
       div.e-parentmsgbar {
         padding: $pager-device-messabar-padding;
       }
-}
+    }
 
     .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
     .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
@@ -97,12 +98,12 @@
     &.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
       margin-left: 0;
       margin-right: $pager-bigger-rtl-nexticon-marign-right;
-  }
+    }
 
     &.e-rtl div.e-parentmsgbar {
       margin-left: $pager-bigger-rtl-parentmsgbar-margin-left;
       margin-top: $pager-bigger-rtl-parentmsgbar-margin-top;
-   }
+    }
 
     .e-numericitem {
       margin: $pager-bigger-numeric-item-margin;
@@ -196,7 +197,7 @@
       padding: $pager-bigger-current-item-hover-padding;
     }
 
-    &.e-rtl ,
+    &.e-rtl,
     &.e-rtl .e-numericitem:hover,
     &.e-rtl .e-currentitem {
       margin: $pager-bigger-rtl-numeric-margin;
@@ -224,12 +225,12 @@
 
       & .e-pagerdropdown {
         margin: $pager-rtl-pagerdropdown-bigger-margin;
-        }
+      }
 
       & .e-pagerconstant {
         margin: $pager-rtl-pagerconstant-bigger-margin-top;
-            }
       }
+    }
 
     .e-pagercontainer .e-firstpage,
     .e-pagercontainer .e-prevpage,
@@ -261,14 +262,14 @@
     .e-pagercontainer .e-firstpage.e-focused {
       @if $pager-skin == 'tailwind' {
         padding: 10px 11px 9px 10px;
-       }
-     }
+      }
+    }
 
     .e-pagercontainer .e-lastpage.e-focused {
       @if $pager-skin == 'tailwind' {
         padding: 10px 10px 9px;
-       }
-     }
+      }
+    }
 
     .e-pp,
     .e-np,
@@ -276,7 +277,7 @@
     .e-np:hover {
       font-size: $pager-bigger-tripledot-font-size;
     }
-   }
+  }
 
   #{&}.e-pager {
     border-style: $pager-border-type;
@@ -287,7 +288,7 @@
     white-space: normal;
     width: 100%;
 
-    [class^='e-'] {
+    [class ^= 'e-'] {
       box-sizing: border-box;
     }
 
@@ -320,7 +321,6 @@
       @if $pager-skin == 'fluent' {
         font-weight: 600;
       }
-
       display: inline-block;
       @if $pager-skin == 'tailwind' {
         line-height: 18px;
@@ -348,19 +348,19 @@
     .e-numericitem.e-currentitem {
       @if $pager-skin == 'tailwind' {
         border: 1px solid $primary;
-        padding: 3.5px 11px 4px 10px;
+        padding: 3.5px 11px 6px 10px;
       }
       @else if $pager-skin == 'bootstrap5' {
-        padding: 7px 10.5px 8px 9.5px;
+        padding: 7.4px 10.5px 8.4px 9.5px;
       }
     }
 
     .e-numericitem.e-currentitem:hover {
       @if $pager-skin == 'tailwind' {
-        padding: 3.5px 11px 4px 10px;
+        padding: 3.5px 11px 6px 10px;
       }
       @else if $pager-skin == 'bootstrap5' {
-        padding: 7px 10.5px 8px 9.5px;
+        padding: 7.4px 10.5px 8.4px 9.5px;
       }
     }
 
@@ -458,9 +458,8 @@
         &.e-focused {
           border: 0;
           border-right-style: none;
-          padding: 6.5px 7px;
+          padding: 8.9px 7px 8px;
         }
-
       }
     }
 
@@ -480,8 +479,8 @@
     .e-pagercontainer .e-firstpage.e-focused {
       @if $pager-skin == 'tailwind' {
         padding-right: 8px;
-       }
-     }
+      }
+    }
 
     .e-pagercontainer .e-lastpage,
     .e-pagercontainer .e-lastpagedisabled {
@@ -519,11 +518,11 @@
       overflow: hidden;
     }
 
-    .e-lastpage:Hover {
+    .e-lastpage:hover {
       border-radius: $pager-last-page-hover-border-radius;
     }
 
-    .e-firstpage:Hover {
+    .e-firstpage:hover {
       border-radius: $pager-first-page-hover-border-radius;
     }
 
@@ -550,7 +549,7 @@
       text-indent: -2px;
     }
 
-    // sass-lint:disable-all
+    /* stylelint-disable */
     .e-mfirst,
     .e-mprev,
     .e-mnext,
@@ -558,7 +557,7 @@
       -webkit-tap-highlight-color: $pager-bg-color;
     }
 
-    // sass-lint:enable-all  
+    /* stylelint-enable */
 
     .e-pp,
     .e-np,
@@ -577,7 +576,6 @@
     }
 
     @media (max-width: 769px) {
-
       padding: 13px 0;
 
       div.e-parentmsgbar {
@@ -641,7 +639,6 @@
         text-align: left;
         width: calc(10% + 11px);
       }
-
     }
 
     &.e-rtl {
@@ -686,7 +683,7 @@
         float: none;
         margin: $pager-container-rtl-margin;
         padding: 0;
-	    }
+      }
 
       & .e-firstpage,
       & .e-prevpage,
@@ -820,7 +817,7 @@
       &.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
         margin-left: 0;
         margin-right: $pager-next-icon-margin-left;
-    }
+      }
 
       & .e-spacing,
       & .e-numericitem:hover,
@@ -860,13 +857,13 @@
           float: initial;
           margin-left: 0;
           margin-top: $pager-rtl-pagermsgbar-device-margin-top;
-           }
+        }
 
         .e-parentmsgbar {
           float: right;
         }
-       }
-   }
+      }
+    }
 
     &.sf-pager {
       .e-pagercontainer .e-first,
@@ -895,5 +892,5 @@
         margin-left: 0;
       }
     }
-}
+  }
 }

package/styles/pager/_material-dark-definition.scss

@@ -1,4 +1,3 @@
-
 @use 'sass:math';
 
 $pager-font-size: 13px !default;
@@ -36,7 +35,8 @@ $pager-device-messabar-padding: 0 !default;
 $pager-bigger-rtl-parentmsgbar-margin-left: 6px !default;
 $pager-bigger-letter-spacing: 10px 13px !default;
 $pager-numericitem-min-width: 26px !default;
-//default 
+
+//default
 $pager-bg-color: $grey-dark !default;
 $pager-active-bg-color: $accent !default;
 $pager-hover-bg-color: rgba($grey-white, .1) !default;

package/styles/pager/_material-definition.scss

@@ -1,4 +1,3 @@
-
 @use 'sass:math';
 
 $pager-font-size: 13px !default;

package/styles/pager/_tailwind-definition.scss

@@ -36,7 +36,7 @@ $pager-font-line-height: 18px !default;
 $pager-bg-color: $content-bg-color !default;
 $pager-border-color: $border-light !default;
 $pager-color: $content-text-color-alt2 !default;
-$pager-icon-size: 14px !default;
+$pager-icon-size: 12px !default;
 $pager-border-size: 1px !default;
 $pager-numericitem-padding: 13px 12px 10px 12px !default;
 $pager-numeric-hover-bg-color: $content-bg-color-hover !default;
@@ -48,9 +48,9 @@ $pager-number-hover-bg-color: $content-bg-color-hover !default;
 $pager-font-family: $font-family !default;
 $pager-font-weight: bold !default;
 $pager-messagebar-padding-right: 0 !default;
-$pager-tripledot-padding: 4.5px 8.7px 5px 8.7px !default;
-$pager-numeric-icon-padding: 4.5px 11px 5px 11px !default;
-$pager-pagecontainer-icon-padding: 7.5px 7px 7.5px 7px !default;
+$pager-tripledot-padding: 4.5px 9.2px 7px 9.2px !default;
+$pager-numeric-icon-padding: 4.5px 11px 7px 11px !default;
+$pager-pagecontainer-icon-padding: 9.5px 7px 9.5px 7px !default;
 $pager-bigger-pagecontainer-icon-padding: 6px 10px 8px 8px !default;
 $pager-hover-color: $content-text-color-hover !default;
 $pager-mhover-color: $primary !default;
@@ -96,7 +96,7 @@ $pager-rtl-pagerdropdown-margin: -16px 16px 0 0 !default;
 $pager-tripledot-rtl-bigger-margin-top: 0 !default;
 $pager-bigger-rtl-numeric-margin: 0 !default;
 $pager-bigger-container-rtl-margin: 0 0 -4px 0 !default;
-$pager-activeitem-padding: 4.5px 11px 5px 11px !default;
+$pager-activeitem-padding: 4.5px 11px 7px 11px !default;
 $pager-rtl-pagerdropdown-bigger-margin: -18.5px 16px 0 0 !default;
 $pager-rtl-pagerconstant-bigger-margin-top: 6px 16px 2px 0 !default;
 $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
@@ -126,7 +126,7 @@ $pager-skin: 'tailwind' !default;
 $pager-container-border-radius: 4px !default;
 $pager-bigger-tripledot-font-size: 14px !default;
 $pager-focus-bg-color: $white !default;
-$pager-focus-tripledot-padding: 7.5px 8.7px !default;
-$pager-focus-tripledot-line-height: 1 !default;
+$pager-focus-tripledot-padding: 4.5px 8.7px 7px 8.7px !default;
+$pager-focus-tripledot-line-height: 18px !default;
 $pager-focus-active-box-shadow: none !default;
 $pager-focus-shadow: 0 0 0 1px $primary inset !default;

package/styles/pager/_theme.scss

@@ -1,4 +1,5 @@
-  @include export-module('pager-theme') {
+@include export-module('pager-theme') {
+
   /*! Pager theme */
   #{&}.e-pager {
     background-color: $pager-bg-color;
@@ -123,7 +124,6 @@
         color: $pager-mhover-color;
         opacity: $pager-content-opacity;
       }
-
     }
 
     &.e-rtl {
@@ -147,7 +147,6 @@
       & .e-nextpagedisabled {
         border-left-color: $pager-border-color;
       }
-
     }
-}
+  }
 }

package/styles/pager/bootstrap-dark.css

@@ -1,4 +1,4 @@
-/*!componenticons*/
+/* !componenticons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {
   content: "\e235";
@@ -224,6 +224,8 @@
   padding: 8px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -350,10 +352,10 @@
   margin: 0 0 -4px;
   overflow: hidden;
 }
-.e-pager .e-lastpage:Hover {
+.e-pager .e-lastpage:hover {
   border-radius: 0 4px 4px 0;
 }
-.e-pager .e-firstpage:Hover {
+.e-pager .e-firstpage:hover {
   border-radius: 4px 0 0 4px;
 }
 .e-pager .e-pagermessage,

package/styles/pager/bootstrap.css

@@ -1,4 +1,4 @@
-/*!componenticons*/
+/* !componenticons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {
   content: "\e235";
@@ -224,6 +224,8 @@
   padding: 8px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -282,11 +284,11 @@
 .e-pager .e-currentitem {
   border-radius: 4px;
   cursor: pointer;
-  padding: 11px 11px 10px 11px;
+  padding: 11.5px 11px 10px 11px;
   text-decoration: none;
 }
 .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
-  padding: 11px 11px 10px 11px;
+  padding: 11.5px 11px 10px 11px;
 }
 .e-pager .e-currentitem {
   font-style: normal;
@@ -317,7 +319,7 @@
   margin-right: 0;
   margin-top: 0;
   min-width: 26px;
-  padding: 11px 10px 12px 8px;
+  padding: 11.5px 10px 12px 8px;
 }
 .e-pager .e-pagercontainer .e-lastpage,
 .e-pager .e-pagercontainer .e-lastpagedisabled {
@@ -350,10 +352,10 @@
   margin: 0 0 -4px;
   overflow: hidden;
 }
-.e-pager .e-lastpage:Hover {
+.e-pager .e-lastpage:hover {
   border-radius: 0 4px 4px 0;
 }
-.e-pager .e-firstpage:Hover {
+.e-pager .e-firstpage:hover {
   border-radius: 4px 0 0 4px;
 }
 .e-pager .e-pagermessage,
@@ -388,12 +390,12 @@
   font-size: 16px;
   font-weight: bold;
   letter-spacing: 0;
-  padding: 8px 11px 9px;
+  padding: 8px 8px 9.5px 8px;
 }
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
   line-height: 1;
-  padding: 8px 11px 9px;
+  padding: 8px 8px 9.5px 8px;
 }
 @media (max-width: 769px) {
   .e-pager {