@syncfusion/ej2-navigations 23.2.7 → 24.1.46

package/styles/pager/bootstrap.css

@@ -193,6 +193,30 @@
 .e-pager.e-bigger .e-np:hover {
   font-size: 16px;
 }
+.e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
+.e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
+  margin-top: 2px;
+}
+.e-bigger .e-pager.e-adaptive .e-pagerdropdown,
+.e-pager.e-bigger.e-adaptive .e-pagerdropdown {
+  margin: -1px 2px 0 4px;
+}
+.e-bigger .e-pager.e-adaptive .e-pagerconstant.e-page-all,
+.e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
+  top: 12px;
+}
+.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: 5px;
+}
+.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: 3px 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;
@@ -377,6 +401,62 @@
   line-height: 1;
   padding: 8px 8px 9.5px 8px;
 }
+.e-pager.e-adaptive {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -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;
+  min-width: 10px;
+  white-space: nowrap;
+}
+.e-pager.e-adaptive .e-pagesizes {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  width: auto;
+}
+.e-pager.e-adaptive .e-pagerdropdown {
+  margin: 3px 2px 0 4px;
+  width: 77px;
+  min-width: 77px;
+  -ms-flex-order: 2;
+      order: 2;
+  height: 40px;
+  padding-right: 5px;
+}
+.e-pager.e-adaptive .e-pagerconstant {
+  font-size: 12px;
+  position: relative;
+  top: 8px;
+  -ms-flex-order: 1;
+      order: 1;
+  min-width: 52px;
+  max-height: 34px;
+  margin: 0 8px 0 10px;
+}
+.e-pager.e-adaptive .e-pagerconstant.e-page-all {
+  top: 14px;
+  text-align: center;
+}
+.e-pager.e-adaptive .e-mfirst,
+.e-pager.e-adaptive .e-mprev,
+.e-pager.e-adaptive .e-mnext,
+.e-pager.e-adaptive .e-mlast {
+  padding: 1% 2%;
+  width: 5%;
+}
+.e-pager.e-adaptive .e-mfirst,
+.e-pager.e-adaptive .e-mlast {
+  width: calc(5% + 11px);
+}
 @media (max-width: 769px) {
   .e-pager {
     padding: 13px 0;
@@ -517,6 +597,33 @@
   margin-top: 2px;
   padding: 8px 11px 9px 11px;
 }
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
+  margin: 0 5px;
+  margin-top: 1px;
+  padding-top: 0;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant {
+  margin: 2px 10px 0 8px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
+  top: 15px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
+  min-width: 92px;
+  margin: 7px 4px 0 2px;
+  padding: 0 0 0 5px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mprev,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mnext,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
+  padding: 1% 2%;
+  width: 5%;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
+  width: calc(5% + 11px);
+}
 @media (max-width: 769px) {
   .e-pager.e-rtl .e-mfirst,
   .e-pager.e-rtl .e-mprev,

package/styles/pager/bootstrap4.css

@@ -193,6 +193,30 @@
 .e-pager.e-bigger .e-np:hover {
   font-size: 16px;
 }
+.e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
+.e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
+  margin-top: -2px;
+}
+.e-bigger .e-pager.e-adaptive .e-pagerdropdown,
+.e-pager.e-bigger.e-adaptive .e-pagerdropdown {
+  margin: 0 2px 0 4px;
+}
+.e-bigger .e-pager.e-adaptive .e-pagerconstant.e-page-all,
+.e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
+  top: 11px;
+}
+.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: 2px;
+}
+.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: 4px 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: 15px;
+}
 
 .e-pager {
   border-style: solid;
@@ -377,6 +401,62 @@
   line-height: 1;
   padding: 12px 9px 11px 9px;
 }
+.e-pager.e-adaptive {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  padding: 7px;
+}
+.e-pager.e-adaptive div.e-parentmsgbar {
+  margin: 0 5px;
+  margin-top: -3px;
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  min-width: 10px;
+  white-space: nowrap;
+}
+.e-pager.e-adaptive .e-pagesizes {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  width: auto;
+}
+.e-pager.e-adaptive .e-pagerdropdown {
+  margin: 6px 2px 0 4px;
+  width: 77px;
+  min-width: 77px;
+  -ms-flex-order: 2;
+      order: 2;
+  height: 40px;
+  padding-right: 5px;
+}
+.e-pager.e-adaptive .e-pagerconstant {
+  font-size: 12px;
+  position: relative;
+  top: 6px;
+  -ms-flex-order: 1;
+      order: 1;
+  min-width: 52px;
+  max-height: 34px;
+  margin: 0 8px 0 10px;
+}
+.e-pager.e-adaptive .e-pagerconstant.e-page-all {
+  top: 14px;
+  text-align: center;
+}
+.e-pager.e-adaptive .e-mfirst,
+.e-pager.e-adaptive .e-mprev,
+.e-pager.e-adaptive .e-mnext,
+.e-pager.e-adaptive .e-mlast {
+  padding: 1% 2%;
+  width: 5%;
+}
+.e-pager.e-adaptive .e-mfirst,
+.e-pager.e-adaptive .e-mlast {
+  width: calc(5% + 11px);
+}
 @media (max-width: 769px) {
   .e-pager {
     padding: 13px 0;
@@ -517,6 +597,33 @@
   margin-top: 2px;
   padding: 8px 11px 9px 11px;
 }
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
+  margin: 0 5px;
+  margin-top: -2px;
+  padding-top: 0;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant {
+  margin: 1px 10px 0 8px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
+  top: 15px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
+  min-width: 92px;
+  margin: 7px 4px 0 2px;
+  padding: 0 0 0 5px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mprev,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mnext,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
+  padding: 1% 2%;
+  width: 5%;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
+  width: calc(5% + 11px);
+}
 @media (max-width: 769px) {
   .e-pager.e-rtl .e-mfirst,
   .e-pager.e-rtl .e-mprev,

package/styles/pager/bootstrap5-dark.css

@@ -210,6 +210,30 @@
 .e-pager.e-bigger .e-np:hover {
   font-size: 14px;
 }
+.e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
+.e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
+  margin-top: -5px;
+}
+.e-bigger .e-pager.e-adaptive .e-pagerdropdown,
+.e-pager.e-bigger.e-adaptive .e-pagerdropdown {
+  margin: -3px 2px 0 4px;
+}
+.e-bigger .e-pager.e-adaptive .e-pagerconstant.e-page-all,
+.e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
+  top: 10px;
+}
+.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: -2px;
+}
+.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: 1px 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: 13px;
+}
 
 .e-pager {
   border-style: solid;
@@ -410,6 +434,62 @@
   line-height: 1;
   padding: 10.4px 10.5px 11.4px 10.5px;
 }
+.e-pager.e-adaptive {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  padding: 8px;
+}
+.e-pager.e-adaptive div.e-parentmsgbar {
+  margin: 0 5px;
+  margin-top: -6px;
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  min-width: 10px;
+  white-space: nowrap;
+}
+.e-pager.e-adaptive .e-pagesizes {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  width: auto;
+}
+.e-pager.e-adaptive .e-pagerdropdown {
+  margin: 2px 2px 0 4px;
+  width: 77px;
+  min-width: 77px;
+  -ms-flex-order: 2;
+      order: 2;
+  height: 40px;
+  padding-right: 5px;
+}
+.e-pager.e-adaptive .e-pagerconstant {
+  font-size: 12px;
+  position: relative;
+  top: 6px;
+  -ms-flex-order: 1;
+      order: 1;
+  min-width: 52px;
+  max-height: 34px;
+  margin: 0 8px 0 10px;
+}
+.e-pager.e-adaptive .e-pagerconstant.e-page-all {
+  top: 11px;
+  text-align: center;
+}
+.e-pager.e-adaptive .e-mfirst,
+.e-pager.e-adaptive .e-mprev,
+.e-pager.e-adaptive .e-mnext,
+.e-pager.e-adaptive .e-mlast {
+  padding: 1% 2%;
+  width: 5%;
+}
+.e-pager.e-adaptive .e-mfirst,
+.e-pager.e-adaptive .e-mlast {
+  width: calc(5% + 11px);
+}
 @media (max-width: 769px) {
   .e-pager {
     padding: 13px 0;
@@ -551,6 +631,33 @@
   margin-top: 0;
   padding: 10px 10.5px 11px 10.5px;
 }
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
+  margin: 0 5px;
+  margin-top: -4px;
+  padding-top: 0;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant {
+  margin: 0 10px 0 8px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
+  top: 14px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
+  min-width: 92px;
+  margin: 5px 4px 0 2px;
+  padding: 0 0 0 5px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mprev,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mnext,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
+  padding: 1% 2%;
+  width: 5%;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
+  width: calc(5% + 11px);
+}
 @media (max-width: 769px) {
   .e-pager.e-rtl .e-mfirst,
   .e-pager.e-rtl .e-mprev,

package/styles/pager/bootstrap5.css

@@ -210,6 +210,30 @@
 .e-pager.e-bigger .e-np:hover {
   font-size: 14px;
 }
+.e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
+.e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
+  margin-top: -5px;
+}
+.e-bigger .e-pager.e-adaptive .e-pagerdropdown,
+.e-pager.e-bigger.e-adaptive .e-pagerdropdown {
+  margin: -3px 2px 0 4px;
+}
+.e-bigger .e-pager.e-adaptive .e-pagerconstant.e-page-all,
+.e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
+  top: 10px;
+}
+.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: -2px;
+}
+.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: 1px 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: 13px;
+}
 
 .e-pager {
   border-style: solid;
@@ -410,6 +434,62 @@
   line-height: 1;
   padding: 10.4px 10.5px 11.4px 10.5px;
 }
+.e-pager.e-adaptive {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  padding: 8px;
+}
+.e-pager.e-adaptive div.e-parentmsgbar {
+  margin: 0 5px;
+  margin-top: -6px;
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  min-width: 10px;
+  white-space: nowrap;
+}
+.e-pager.e-adaptive .e-pagesizes {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  width: auto;
+}
+.e-pager.e-adaptive .e-pagerdropdown {
+  margin: 2px 2px 0 4px;
+  width: 77px;
+  min-width: 77px;
+  -ms-flex-order: 2;
+      order: 2;
+  height: 40px;
+  padding-right: 5px;
+}
+.e-pager.e-adaptive .e-pagerconstant {
+  font-size: 12px;
+  position: relative;
+  top: 6px;
+  -ms-flex-order: 1;
+      order: 1;
+  min-width: 52px;
+  max-height: 34px;
+  margin: 0 8px 0 10px;
+}
+.e-pager.e-adaptive .e-pagerconstant.e-page-all {
+  top: 11px;
+  text-align: center;
+}
+.e-pager.e-adaptive .e-mfirst,
+.e-pager.e-adaptive .e-mprev,
+.e-pager.e-adaptive .e-mnext,
+.e-pager.e-adaptive .e-mlast {
+  padding: 1% 2%;
+  width: 5%;
+}
+.e-pager.e-adaptive .e-mfirst,
+.e-pager.e-adaptive .e-mlast {
+  width: calc(5% + 11px);
+}
 @media (max-width: 769px) {
   .e-pager {
     padding: 13px 0;
@@ -551,6 +631,33 @@
   margin-top: 0;
   padding: 10px 10.5px 11px 10.5px;
 }
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
+  margin: 0 5px;
+  margin-top: -4px;
+  padding-top: 0;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant {
+  margin: 0 10px 0 8px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
+  top: 14px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
+  min-width: 92px;
+  margin: 5px 4px 0 2px;
+  padding: 0 0 0 5px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mprev,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mnext,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
+  padding: 1% 2%;
+  width: 5%;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
+  width: calc(5% + 11px);
+}
 @media (max-width: 769px) {
   .e-pager.e-rtl .e-mfirst,
   .e-pager.e-rtl .e-mprev,

package/styles/pager/fabric-dark.css

@@ -193,6 +193,30 @@
 .e-pager.e-bigger .e-np:hover {
   font-size: 20px;
 }
+.e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
+.e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
+  margin-top: 2px;
+}
+.e-bigger .e-pager.e-adaptive .e-pagerdropdown,
+.e-pager.e-bigger.e-adaptive .e-pagerdropdown {
+  margin: 1px 2px 0 4px;
+}
+.e-bigger .e-pager.e-adaptive .e-pagerconstant.e-page-all,
+.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: 3px 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: 13px;
+}
 
 .e-pager {
   border-style: solid;
@@ -377,6 +401,62 @@
   line-height: 1;
   padding: 3px 6px 7px;
 }
+.e-pager.e-adaptive {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  padding: 7px;
+}
+.e-pager.e-adaptive div.e-parentmsgbar {
+  margin: 0 5px;
+  margin-top: -6px;
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  min-width: 10px;
+  white-space: nowrap;
+}
+.e-pager.e-adaptive .e-pagesizes {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  width: auto;
+}
+.e-pager.e-adaptive .e-pagerdropdown {
+  margin: 1px 2px 0 4px;
+  width: 77px;
+  min-width: 77px;
+  -ms-flex-order: 2;
+      order: 2;
+  height: 40px;
+  padding-right: 5px;
+}
+.e-pager.e-adaptive .e-pagerconstant {
+  font-size: 12px;
+  position: relative;
+  top: 8px;
+  -ms-flex-order: 1;
+      order: 1;
+  min-width: 52px;
+  max-height: 34px;
+  margin: 0 8px 0 10px;
+}
+.e-pager.e-adaptive .e-pagerconstant.e-page-all {
+  top: 13px;
+  text-align: center;
+}
+.e-pager.e-adaptive .e-mfirst,
+.e-pager.e-adaptive .e-mprev,
+.e-pager.e-adaptive .e-mnext,
+.e-pager.e-adaptive .e-mlast {
+  padding: 1% 2%;
+  width: 5%;
+}
+.e-pager.e-adaptive .e-mfirst,
+.e-pager.e-adaptive .e-mlast {
+  width: calc(5% + 11px);
+}
 @media (max-width: 769px) {
   .e-pager {
     padding: 13px 0;
@@ -517,6 +597,33 @@
   margin-top: 2px;
   padding: 0 11px 9px;
 }
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
+  margin: 0 5px;
+  margin-top: -4px;
+  padding-top: 0;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant {
+  margin: 2px 10px 0 8px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
+  top: 12px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
+  min-width: 92px;
+  margin: 5px 4px 0 2px;
+  padding: 0 0 0 5px;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mprev,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mnext,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
+  padding: 1% 2%;
+  width: 5%;
+}
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
+.e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
+  width: calc(5% + 11px);
+}
 @media (max-width: 769px) {
   .e-pager.e-rtl .e-mfirst,
   .e-pager.e-rtl .e-mprev,