@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/styles/pager/icons/_fluent2.scss

@@ -0,0 +1,50 @@
+@include export-module('pager-fluent-icons') {
+
+  /* !componenticons */
+
+  #{&}.e-pager,
+  .e-grid-menu {
+
+    .e-icon-last::before {
+      content: '\e818';
+    }
+
+    .e-icon-first::before {
+      content: '\e833';
+    }
+
+    .e-icon-prev::before {
+      content: '\e765';
+    }
+
+    .e-icon-next::before {
+      content: '\e748';
+    }
+
+    &.e-rtl {
+      & .e-icon-last.e-lastpage::before,
+      & .e-icon-last.e-lastpage:hover,
+      & .e-icon-last.e-lastpagedisabled::before {
+        content: '\e833';
+      }
+
+      & .e-icon-first.e-firstpage::before,
+      & .e-icon-first.e-firstpage:hover,
+      & .e-icon-first.e-firstpagedisabled::before {
+        content: '\e818';
+      }
+
+      & .e-icon-prev.e-prevpage::before,
+      & .e-icon-prev.e-prevpage:hover,
+      & .e-icon-prev.e-prevpagedisabled::before {
+        content: '\e748';
+      }
+
+      & .e-icon-next.e-nextpage::before,
+      & .e-icon-next.e-nextpage:hover,
+      & .e-icon-next.e-nextpagedisabled::before {
+        content: '\e765';
+      }
+    }
+  }
+}

package/styles/pager/material-dark.css

@@ -63,6 +63,10 @@
   margin-top: -36px;
   width: 90px;
 }
+.e-bigger .e-pager .e-pagercontainer,
+.e-pager.e-bigger .e-pagercontainer {
+  margin: 5px 8px 5px 24px;
+}
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
 .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
@@ -86,14 +90,6 @@
   margin-bottom: 15px;
   margin-left: 16px;
 }
-.e-bigger .e-pager .e-pagercontainer,
-.e-pager.e-bigger .e-pagercontainer {
-  margin: 5px 8px 5px 24px;
-}
-.e-bigger .e-pager.e-rtl .e-pagercontainer,
-.e-pager.e-bigger.e-rtl .e-pagercontainer {
-  margin: 5px 0 5px 0;
-}
 @media (max-width: 769px) {
   .e-bigger .e-pager,
   .e-pager.e-bigger {
@@ -114,17 +110,6 @@
 .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 12px;
 }
-.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
-.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
-.e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
-  margin-left: 0;
-  margin-right: 12px;
-}
-.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
-  margin-left: 6px;
-  margin-top: -1px;
-}
 .e-bigger .e-pager .e-numericitem,
 .e-pager.e-bigger .e-numericitem {
   margin: 0 8px;
@@ -148,6 +133,38 @@
   border-radius: 16px;
   padding: 10px 13px;
 }
+.e-bigger .e-pager.e-rtl .e-spacing,
+.e-bigger .e-pager.e-rtl .e-numericitem:hover,
+.e-bigger .e-pager.e-rtl .e-currentitem,
+.e-pager.e-bigger.e-rtl .e-spacing,
+.e-pager.e-bigger.e-rtl .e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-currentitem {
+  padding: 10px 13px;
+}
+.e-bigger .e-pager.e-rtl .e-pagerdropdown,
+.e-pager.e-bigger.e-rtl .e-pagerdropdown {
+  margin: -35px 18px 0 0;
+}
+.e-bigger .e-pager.e-rtl .e-pagerconstant,
+.e-pager.e-bigger.e-rtl .e-pagerconstant {
+  margin: 8px 16px 16px 0;
+}
+.e-bigger .e-pager.e-rtl .e-pagercontainer,
+.e-pager.e-bigger.e-rtl .e-pagercontainer {
+  margin: 5px 0;
+}
+.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
+.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
+.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
+.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
+  margin-left: 0;
+  margin-right: 12px;
+}
+.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
+.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
+  margin-left: 6px;
+  margin-top: -1px;
+}
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -156,13 +173,17 @@
   font-size: 22px;
   margin-top: -10px;
 }
-.e-bigger .e-pager.e-rtl .e-pagerdropdown,
-.e-pager.e-bigger.e-rtl .e-pagerdropdown {
-  margin: -35px 18px 0 0;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
+  margin-top: 0;
 }
-.e-bigger .e-pager.e-rtl .e-pagerconstant,
-.e-pager.e-bigger.e-rtl .e-pagerconstant {
-  margin: 8px 16px 16px 0;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerdropdown,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerdropdown {
+  margin: 2px 4px 0 2px;
+}
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerconstant.e-page-all,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerconstant.e-page-all {
+  top: 14px;
 }
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
@@ -205,18 +226,6 @@
 .e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
   top: 14px;
 }
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
-  margin-top: 0;
-}
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
-  margin: 2px 4px 0 2px;
-}
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
-  top: 14px;
-}
 
 .e-pager {
   border-style: solid;
@@ -230,7 +239,8 @@
   /* stylelint-enable */
 }
 .e-pager [class^=e-] {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-pager .e-pager-default.e-hide,
 .e-pager .e-pagesizes.e-hide,
@@ -303,6 +313,7 @@
 .e-pager a {
   display: inline;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -392,9 +403,9 @@
 .e-pager .e-pp:hover,
 .e-pager .e-np:hover {
   font-size: 22px;
+  padding: 0 6px;
   font-weight: normal;
   letter-spacing: -0.1em;
-  padding: 0 6px;
 }
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
@@ -402,23 +413,28 @@
   padding: 2.5px 0 9px;
 }
 .e-pager.e-adaptive {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
   padding: 6px;
 }
 .e-pager.e-adaptive div.e-parentmsgbar {
   margin: 0 5px;
   margin-top: -4px;
-  -ms-flex-positive: 1;
-      flex-grow: 1;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
   min-width: 10px;
   white-space: nowrap;
 }
 .e-pager.e-adaptive .e-pagesizes {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: auto;
@@ -427,8 +443,9 @@
   margin: 6px 2px 0 4px;
   width: 77px;
   min-width: 77px;
-  -ms-flex-order: 2;
-      order: 2;
+  -webkit-box-ordinal-group: 3;
+      -ms-flex-order: 2;
+          order: 2;
   height: 40px;
   padding-right: 5px;
 }
@@ -436,8 +453,9 @@
   font-size: 12px;
   position: relative;
   top: 9px;
-  -ms-flex-order: 1;
-      order: 1;
+  -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+          order: 1;
   min-width: 52px;
   max-height: 34px;
   margin: 0 8px 0 10px;
@@ -462,21 +480,18 @@
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
-    box-sizing: border-box;
-    display: inline-block;
-    float: initial;
     padding-bottom: 0;
     padding-right: 0;
     padding-top: 0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    display: inline-block;
+    float: initial;
     text-align: center;
     width: calc(60% - 48px);
   }
-  .e-pager .e-pagesizes {
-    display: none;
-  }
-  .e-pager .e-pagecountmsg {
-    display: none;
-  }
+  .e-pager .e-pagesizes,
+  .e-pager .e-pagecountmsg,
   .e-pager .e-pagercontainer {
     display: none;
   }
@@ -488,7 +503,8 @@
   .e-pager .e-mnext,
   .e-pager .e-mlast {
     border: 0;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
     display: inline-block;
     padding: 1% 5%;
   }
@@ -585,7 +601,7 @@
   border-right-width: 0;
   min-width: 26px;
 }
-.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
+.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
   margin-right: 9px;
 }
@@ -640,6 +656,9 @@
     float: right;
   }
 }
+.e-pager.sf-pager .e-pagercontainer {
+  font-size: 0;
+}
 .e-pager.sf-pager .e-pagercontainer .e-first,
 .e-pager.sf-pager .e-pagercontainer .e-prev,
 .e-pager.sf-pager .e-pagercontainer .e-next,
@@ -649,9 +668,6 @@
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 13px;
 }
-.e-pager.sf-pager .e-pagercontainer {
-  font-size: 0;
-}
 .e-pager.sf-pager .e-link,
 .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
@@ -659,8 +675,8 @@
 
 /*! Pager theme */
 .e-pager {
-  background-color: #303030;
   border-color: #616161;
+  background: #303030;
   color: rgba(255, 255, 255, 0.7);
   opacity: 0.87;
 }
@@ -695,7 +711,6 @@
 }
 .e-pager .e-numericitem {
   background: #303030;
-  border-right-color: #616161;
   color: #fff;
 }
 .e-pager .e-prevpagedisabled,
@@ -717,6 +732,7 @@
   background-color: #303030;
   border-color: #616161;
 }
+.e-pager .e-numericitem,
 .e-pager .e-firstpage,
 .e-pager .e-prevpage,
 .e-pager .e-firstpagedisabled,
@@ -746,10 +762,12 @@
 }
 .e-pager .e-currentitem.e-numericitem.e-focused {
   background: #00b0ff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-pager .e-focused {
-  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
+  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
+          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
 }
 @media (max-width: 590px) {
   .e-pager .e-pager-default:hover {
@@ -758,12 +776,6 @@
     opacity: 0.87;
   }
 }
-.e-pager.e-rtl .e-numericitem {
-  border-left-color: #616161;
-}
-.e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
-  border-left-color: #616161;
-}
-.e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
+.e-pager.e-rtl .e-numericitem, .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
   border-left-color: #616161;
 }

package/styles/pager/material.css

@@ -63,6 +63,10 @@
   margin-top: -36px;
   width: 90px;
 }
+.e-bigger .e-pager .e-pagercontainer,
+.e-pager.e-bigger .e-pagercontainer {
+  margin: 5px 8px 5px 24px;
+}
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
 .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
@@ -86,14 +90,6 @@
   margin-bottom: 15px;
   margin-left: 16px;
 }
-.e-bigger .e-pager .e-pagercontainer,
-.e-pager.e-bigger .e-pagercontainer {
-  margin: 5px 8px 5px 24px;
-}
-.e-bigger .e-pager.e-rtl .e-pagercontainer,
-.e-pager.e-bigger.e-rtl .e-pagercontainer {
-  margin: 5px 0 5px 0;
-}
 @media (max-width: 769px) {
   .e-bigger .e-pager,
   .e-pager.e-bigger {
@@ -114,17 +110,6 @@
 .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 12px;
 }
-.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
-.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
-.e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
-  margin-left: 0;
-  margin-right: 12px;
-}
-.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
-  margin-left: 6px;
-  margin-top: -6px;
-}
 .e-bigger .e-pager .e-numericitem,
 .e-pager.e-bigger .e-numericitem {
   margin: 0 8px;
@@ -148,6 +133,38 @@
   border-radius: 16px;
   padding: 10px 13px;
 }
+.e-bigger .e-pager.e-rtl .e-spacing,
+.e-bigger .e-pager.e-rtl .e-numericitem:hover,
+.e-bigger .e-pager.e-rtl .e-currentitem,
+.e-pager.e-bigger.e-rtl .e-spacing,
+.e-pager.e-bigger.e-rtl .e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-currentitem {
+  padding: 10px 13px;
+}
+.e-bigger .e-pager.e-rtl .e-pagerdropdown,
+.e-pager.e-bigger.e-rtl .e-pagerdropdown {
+  margin: -35px 18px 0 0;
+}
+.e-bigger .e-pager.e-rtl .e-pagerconstant,
+.e-pager.e-bigger.e-rtl .e-pagerconstant {
+  margin: 8px 16px 16px 0;
+}
+.e-bigger .e-pager.e-rtl .e-pagercontainer,
+.e-pager.e-bigger.e-rtl .e-pagercontainer {
+  margin: 5px 0;
+}
+.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
+.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
+.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
+.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
+  margin-left: 0;
+  margin-right: 12px;
+}
+.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
+.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
+  margin-left: 6px;
+  margin-top: -6px;
+}
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -156,13 +173,17 @@
   font-size: 22px;
   margin-top: -10px;
 }
-.e-bigger .e-pager.e-rtl .e-pagerdropdown,
-.e-pager.e-bigger.e-rtl .e-pagerdropdown {
-  margin: -35px 18px 0 0;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
+  margin-top: 0;
 }
-.e-bigger .e-pager.e-rtl .e-pagerconstant,
-.e-pager.e-bigger.e-rtl .e-pagerconstant {
-  margin: 8px 16px 16px 0;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerdropdown,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerdropdown {
+  margin: 2px 4px 0 2px;
+}
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerconstant.e-page-all,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerconstant.e-page-all {
+  top: 14px;
 }
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
@@ -205,18 +226,6 @@
 .e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
   top: 14px;
 }
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
-  margin-top: 0;
-}
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
-  margin: 2px 4px 0 2px;
-}
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
-  top: 14px;
-}
 
 .e-pager {
   border-style: solid;
@@ -230,7 +239,8 @@
   /* stylelint-enable */
 }
 .e-pager [class^=e-] {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-pager .e-pager-default.e-hide,
 .e-pager .e-pagesizes.e-hide,
@@ -303,6 +313,7 @@
 .e-pager a {
   display: inline;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -392,9 +403,9 @@
 .e-pager .e-pp:hover,
 .e-pager .e-np:hover {
   font-size: 22px;
+  padding: 0 6px;
   font-weight: normal;
   letter-spacing: -0.1em;
-  padding: 0 6px;
 }
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
@@ -402,23 +413,28 @@
   padding: 2.5px 0 9px;
 }
 .e-pager.e-adaptive {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
   padding: 6px;
 }
 .e-pager.e-adaptive div.e-parentmsgbar {
   margin: 0 5px;
   margin-top: -4px;
-  -ms-flex-positive: 1;
-      flex-grow: 1;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
   min-width: 10px;
   white-space: nowrap;
 }
 .e-pager.e-adaptive .e-pagesizes {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: auto;
@@ -427,8 +443,9 @@
   margin: 6px 2px 0 4px;
   width: 77px;
   min-width: 77px;
-  -ms-flex-order: 2;
-      order: 2;
+  -webkit-box-ordinal-group: 3;
+      -ms-flex-order: 2;
+          order: 2;
   height: 40px;
   padding-right: 5px;
 }
@@ -436,8 +453,9 @@
   font-size: 12px;
   position: relative;
   top: 9px;
-  -ms-flex-order: 1;
-      order: 1;
+  -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+          order: 1;
   min-width: 52px;
   max-height: 34px;
   margin: 0 8px 0 10px;
@@ -462,21 +480,18 @@
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
-    box-sizing: border-box;
-    display: inline-block;
-    float: initial;
     padding-bottom: 0;
     padding-right: 0;
     padding-top: 0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    display: inline-block;
+    float: initial;
     text-align: center;
     width: calc(60% - 48px);
   }
-  .e-pager .e-pagesizes {
-    display: none;
-  }
-  .e-pager .e-pagecountmsg {
-    display: none;
-  }
+  .e-pager .e-pagesizes,
+  .e-pager .e-pagecountmsg,
   .e-pager .e-pagercontainer {
     display: none;
   }
@@ -488,7 +503,8 @@
   .e-pager .e-mnext,
   .e-pager .e-mlast {
     border: 0;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
     display: inline-block;
     padding: 1% 5%;
   }
@@ -585,7 +601,7 @@
   border-right-width: 0;
   min-width: 26px;
 }
-.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
+.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
   margin-right: 9px;
 }
@@ -640,6 +656,9 @@
     float: right;
   }
 }
+.e-pager.sf-pager .e-pagercontainer {
+  font-size: 0;
+}
 .e-pager.sf-pager .e-pagercontainer .e-first,
 .e-pager.sf-pager .e-pagercontainer .e-prev,
 .e-pager.sf-pager .e-pagercontainer .e-next,
@@ -649,9 +668,6 @@
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 13px;
 }
-.e-pager.sf-pager .e-pagercontainer {
-  font-size: 0;
-}
 .e-pager.sf-pager .e-link,
 .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
@@ -659,8 +675,8 @@
 
 /*! Pager theme */
 .e-pager {
-  background-color: #fff;
   border-color: #e0e0e0;
+  background: #fff;
   color: #000;
   opacity: 0.87;
 }
@@ -695,7 +711,6 @@
 }
 .e-pager .e-numericitem {
   background: #fff;
-  border-right-color: #e0e0e0;
   color: #000;
 }
 .e-pager .e-prevpagedisabled,
@@ -717,6 +732,7 @@
   background-color: #fff;
   border-color: #e0e0e0;
 }
+.e-pager .e-numericitem,
 .e-pager .e-firstpage,
 .e-pager .e-prevpage,
 .e-pager .e-firstpagedisabled,
@@ -746,10 +762,12 @@
 }
 .e-pager .e-currentitem.e-numericitem.e-focused {
   background: #e3165b;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-pager .e-focused {
-  box-shadow: 0 0 0 1px #9e9e9e inset;
+  -webkit-box-shadow: 0 0 0 1px #9e9e9e inset;
+          box-shadow: 0 0 0 1px #9e9e9e inset;
 }
 @media (max-width: 590px) {
   .e-pager .e-pager-default:hover {
@@ -758,12 +776,6 @@
     opacity: 0.87;
   }
 }
-.e-pager.e-rtl .e-numericitem {
-  border-left-color: #e0e0e0;
-}
-.e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
-  border-left-color: #e0e0e0;
-}
-.e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
+.e-pager.e-rtl .e-numericitem, .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
   border-left-color: #e0e0e0;
 }