@syncfusion/ej2-calendars 28.2.11 → 29.1.33

package/styles/bootstrap5-dark.css

@@ -282,7 +282,7 @@ ejs-calendar {
 }
 .e-calendar .e-footer-container {
   background-color: transparent;
-  border-top: 1px solid #444c54;
+  border-top: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   text-align: center;
   cursor: default;
   display: inline-block;
@@ -387,7 +387,7 @@ ejs-calendar {
 
 .e-calendar {
   background-color: #343a40;
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -414,8 +414,8 @@ ejs-calendar {
   text-decoration: none;
 }
 .e-calendar .e-header .e-title:focus {
-  -webkit-box-shadow: 0 0 0 1px #7b848d;
-          box-shadow: 0 0 0 1px #7b848d;
+  -webkit-box-shadow: 0 0 0 1px rgb(122.8111587983, 132.3287553648, 140.7888412017);
+          box-shadow: 0 0 0 1px rgb(122.8111587983, 132.3287553648, 140.7888412017);
   background: none;
   text-decoration: none;
 }
@@ -426,19 +426,19 @@ ejs-calendar {
   text-decoration: none;
 }
 .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span {
-  border: #31373d;
+  border: rgb(48.9202702703, 54.85, 60.7797297297);
   color: #fff;
   cursor: pointer;
 }
 .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
 }
 .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus {
-  -webkit-box-shadow: 0 0 0 1px #7b848d;
-          box-shadow: 0 0 0 1px #7b848d;
+  -webkit-box-shadow: 0 0 0 1px rgb(122.8111587983, 132.3287553648, 140.7888412017);
+          box-shadow: 0 0 0 1px rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active {
-  background: #51585e;
+  background: rgb(81, 87.75, 93.75);
   color: #fff;
 }
 .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span {
@@ -467,7 +467,7 @@ ejs-calendar {
   color: #6c757d;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
-  background-color: #0257d5;
+  background-color: rgb(1.762295082, 87.2336065574, 213.237704918);
 }
 .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
   background: none;
@@ -476,14 +476,14 @@ ejs-calendar {
   color: #6c757d;
 }
 .e-calendar .e-content td.e-focused-date span.e-day, .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-calendar .e-content td.e-focused-date:focus span.e-day {
-  background: #444c54;
+  background: rgb(68.0034482759, 75.85, 83.6965517241);
   border: none;
   border-radius: 4px;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .e-calendar .e-content td.e-focused-date:hover span.e-day {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border: none;
   border-radius: 4px;
   color: #fff;
@@ -497,20 +497,20 @@ ejs-calendar {
   color: #0d6efd;
 }
 .e-calendar .e-content td.e-focused-date.e-today span.e-day {
-  background: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
   border: none;
   -webkit-box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
           box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
   color: #e9ecef;
 }
 .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   border: none;
   border-radius: 4px;
   color: #e9ecef;
 }
 .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border: none;
   color: #e9ecef;
 }
@@ -522,7 +522,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
-  background: #0257d5;
+  background: rgb(1.762295082, 87.2336065574, 213.237704918);
   color: #fff;
 }
 .e-calendar .e-content span {
@@ -534,27 +534,27 @@ ejs-calendar {
   color: #6c757d;
 }
 .e-calendar .e-content .e-other-month:hover span.e-day {
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day {
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
-  background-color: #444c54;
-  color: #7b848d;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-calendar .e-content thead {
   background: none;
   border-bottom: 0;
 }
 .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border: none;
   border-radius: 4px;
   color: #fff;
 }
 .e-calendar .e-content td:focus span.e-day {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   color: #fff;
   border: none;
   border-radius: 4px;
@@ -574,7 +574,7 @@ ejs-calendar {
   color: #0d6efd;
 }
 .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
 }
 .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span {
   color: #adb5bd;
@@ -620,8 +620,8 @@ ejs-calendar {
 
 .e-calendar .e-btn.e-today.e-flat.e-primary:hover,
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
-  background-color: #0b5ed7;
-  border-color: #0a58ca;
+  background-color: rgb(11.05, 93.5, 215.05);
+  border-color: rgb(10.4, 88, 202.4);
   color: #fff;
 }
 
@@ -629,8 +629,8 @@ ejs-calendar {
 .e-calendar .e-btn.e-today.e-flat.e-primary.e-active,
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active,
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active {
-  background-color: #0a58ca;
-  border-color: #0a53be;
+  background-color: rgb(10.4, 88, 202.4);
+  border-color: rgb(9.75, 82.5, 189.75);
   color: #fff;
 }
 
@@ -644,8 +644,8 @@ ejs-calendar {
 }
 
 .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
-  -webkit-box-shadow: 0 0 0 1px #7b848d;
-          box-shadow: 0 0 0 1px #7b848d;
+  -webkit-box-shadow: 0 0 0 1px rgb(122.8111587983, 132.3287553648, 140.7888412017);
+          box-shadow: 0 0 0 1px rgb(122.8111587983, 132.3287553648, 140.7888412017);
   border-radius: 4px;
 }
 
@@ -761,7 +761,7 @@ ejs-calendar {
 }
 .e-bigger.e-calendar .e-footer-container,
 *.e-bigger .e-calendar .e-footer-container {
-  border-top: 1px solid #444c54;
+  border-top: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   padding: 16px;
 }
 .e-bigger.e-calendar .e-header .e-title,
@@ -781,7 +781,7 @@ ejs-calendar {
 
 .e-bigger.e-small .e-calendar {
   background-color: #343a40;
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -808,8 +808,8 @@ ejs-calendar {
   text-decoration: none;
 }
 .e-bigger.e-small .e-calendar .e-header .e-title:focus {
-  -webkit-box-shadow: 0 0 0 1px #7b848d;
-          box-shadow: 0 0 0 1px #7b848d;
+  -webkit-box-shadow: 0 0 0 1px rgb(122.8111587983, 132.3287553648, 140.7888412017);
+          box-shadow: 0 0 0 1px rgb(122.8111587983, 132.3287553648, 140.7888412017);
   background: none;
   text-decoration: none;
 }
@@ -820,19 +820,19 @@ ejs-calendar {
   text-decoration: none;
 }
 .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span, .e-bigger.e-small .e-calendar .e-header .e-next:hover > span {
-  border: #31373d;
+  border: rgb(48.9202702703, 54.85, 60.7797297297);
   color: #fff;
   cursor: pointer;
 }
 .e-bigger.e-small .e-calendar .e-header .e-prev:hover, .e-bigger.e-small .e-calendar .e-header .e-next:hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
 }
 .e-bigger.e-small .e-calendar .e-header .e-prev:focus, .e-bigger.e-small .e-calendar .e-header .e-next:focus {
-  -webkit-box-shadow: 0 0 0 1px #7b848d;
-          box-shadow: 0 0 0 1px #7b848d;
+  -webkit-box-shadow: 0 0 0 1px rgb(122.8111587983, 132.3287553648, 140.7888412017);
+          box-shadow: 0 0 0 1px rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-bigger.e-small .e-calendar .e-header .e-prev:active, .e-bigger.e-small .e-calendar .e-header .e-next:active {
-  background: #51585e;
+  background: rgb(81, 87.75, 93.75);
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-header button.e-prev:active span, .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
@@ -861,7 +861,7 @@ ejs-calendar {
   color: #6c757d;
 }
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
-  background-color: #0257d5;
+  background-color: rgb(1.762295082, 87.2336065574, 213.237704918);
 }
 .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
   background: none;
@@ -870,14 +870,14 @@ ejs-calendar {
   color: #6c757d;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
-  background: #444c54;
+  background: rgb(68.0034482759, 75.85, 83.6965517241);
   border: none;
   border-radius: 4px;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border: none;
   border-radius: 4px;
   color: #fff;
@@ -891,20 +891,20 @@ ejs-calendar {
   color: #0d6efd;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
-  background: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
   border: none;
   -webkit-box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
           box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
   color: #e9ecef;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   border: none;
   border-radius: 4px;
   color: #e9ecef;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border: none;
   color: #e9ecef;
 }
@@ -916,7 +916,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
-  background-color: #0257d5;
+  background-color: rgb(1.762295082, 87.2336065574, 213.237704918);
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content span {
@@ -928,27 +928,27 @@ ejs-calendar {
   color: #6c757d;
 }
 .e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day {
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day, .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day {
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
-  background-color: #444c54;
-  color: #7b848d;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-bigger.e-small .e-calendar .e-content thead {
   background: none;
   border-bottom: 0;
 }
 .e-bigger.e-small .e-calendar .e-content td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border: none;
   border-radius: 4px;
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   color: #fff;
   border: none;
   border-radius: 4px;
@@ -968,7 +968,7 @@ ejs-calendar {
   color: #0d6efd;
 }
 .e-bigger.e-small .e-calendar.e-device .e-prev:hover, .e-bigger.e-small .e-calendar.e-device .e-next:hover, .e-bigger.e-small .e-calendar.e-device .e-prev:active, .e-bigger.e-small .e-calendar.e-device .e-next:active, .e-bigger.e-small .e-calendar.e-device .e-prev:focus, .e-bigger.e-small .e-calendar.e-device .e-next:focus {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
 }
 .e-bigger.e-small .e-calendar.e-device button.e-prev:active span, .e-bigger.e-small .e-calendar.e-device button.e-next:active span {
   color: #adb5bd;
@@ -1220,7 +1220,7 @@ ejs-calendar {
 }
 .e-bigger.e-small .e-calendar .e-footer-container {
   background-color: transparent;
-  border-top: 1px solid #444c54;
+  border-top: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   text-align: center;
   cursor: default;
   display: inline-block;
@@ -1408,7 +1408,7 @@ ejs-calendar {
       -ms-flex-align: center;
           align-items: center;
   font-size: 2vh;
-  border-bottom: 1px solid #444c54;
+  border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
 .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
@@ -1478,8 +1478,8 @@ ejs-calendar {
 }
 /* stylelint-enable */
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
-  background: #565e64;
-  border-color: #545b62;
+  background: rgb(86.4, 93.6, 100);
+  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
   color: #fff;
 }
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
@@ -1488,7 +1488,7 @@ ejs-calendar {
 
 .e-timepicker.e-popup {
   background-color: #343a40;
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-radius: 6px;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1508,7 +1508,7 @@ ejs-calendar {
       touch-action: none;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border: none;
   color: #fff;
 }
@@ -1517,7 +1517,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
 }
 
@@ -1773,7 +1773,7 @@ ejs-calendar {
   height: 10vh;
   border-style: solid;
   border-width: 1px 0;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   padding: 2vh 2vw;
   line-height: 6vh;
 }
@@ -1974,7 +1974,7 @@ ejs-calendar {
 /* stylelint-enable */
 .e-datepicker.e-popup-wrapper,
 .e-small.e-datepicker.e-popup-wrapper {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
           box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }
@@ -1989,7 +1989,7 @@ ejs-calendar {
 }
 
 .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
-  background: #565e64;
+  background: rgb(86.4, 93.6, 100);
   border-color: #6c757d;
   color: #fff;
 }
@@ -2002,7 +2002,7 @@ ejs-calendar {
 
 .e-bigger.e-datepicker.e-popup-wrapper,
 .e-bigger.e-small.e-datepicker.e-popup-wrapper {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
           box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }
@@ -2046,7 +2046,7 @@ ejs-calendar {
 }
 .e-input-group-icon.e-range-icon:focus,
 *.e-control-wrapper .e-input-group-icon.e-range-icon:focus {
-  background: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
   border-radius: 50%;
 }
 
@@ -2107,7 +2107,7 @@ ejs-calendar {
 }
 
 .e-daterangepicker.e-popup {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-radius: 0;
   -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
           box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
@@ -2219,7 +2219,7 @@ ejs-calendar {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  border-top: 1px solid #444c54;
+  border-top: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   clear: both;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2245,7 +2245,7 @@ ejs-calendar {
   float: left;
 }
 .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
-  border-right: 1px solid #444c54;
+  border-right: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-daterangepicker.e-popup .e-calendar-container {
   display: -webkit-box;
@@ -2256,7 +2256,7 @@ ejs-calendar {
   float: left;
 }
 .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
-  border-right: 1px solid #444c54;
+  border-right: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-daterangepicker.e-popup .e-presets {
   max-height: 192px;
@@ -2292,11 +2292,11 @@ ejs-calendar {
   float: right;
 }
 .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
-  border-left: 1px solid #444c54;
+  border-left: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-right: 0;
 }
 .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
-  border-left: 1px solid #444c54;
+  border-left: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-right: 0;
 }
 .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
@@ -2436,12 +2436,6 @@ ejs-calendar {
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -2454,11 +2448,17 @@ ejs-calendar {
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;
   border-width: 0 0 1px 0;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   padding: 2vh 2vw;
   line-height: 5vh;
 }
@@ -2744,7 +2744,7 @@ ejs-calendar {
   color: #e9ecef;
 }
 .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   border: 1px solid #0d6efd;
   color: #fff;
 }
@@ -2794,7 +2794,7 @@ ejs-calendar {
   color: #0d6efd;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   color: #fff;
 }
 .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
@@ -2804,10 +2804,10 @@ ejs-calendar {
   color: #adb5bd;
 }
 .e-daterangepicker.e-popup .e-day-span {
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-daterangepicker.e-popup .e-separator {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-daterangepicker.e-popup .e-footer {
   background-color: #343a40;
@@ -2821,8 +2821,8 @@ ejs-calendar {
 
 .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:hover,
 .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:hover {
-  background-color: #0b5ed7;
-  border-color: #0a58ca;
+  background-color: rgb(11.05, 93.5, 215.05);
+  border-color: rgb(10.4, 88, 202.4);
   color: #fff;
 }
 
@@ -2830,8 +2830,8 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary.e-active,
 .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:active,
 .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary.e-active {
-  background-color: #0a58ca;
-  border-color: #0a53be;
+  background-color: rgb(10.4, 88, 202.4);
+  border-color: rgb(9.75, 82.5, 189.75);
   color: #fff;
 }
 
@@ -2853,8 +2853,8 @@ ejs-calendar {
 
 .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:hover,
 .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:hover {
-  background-color: #5c636a;
-  border-color: #565e64;
+  background-color: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
   color: #fff;
 }
 
@@ -2862,8 +2862,8 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-footer .e-btn.e-flat.e-active,
 .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:active,
 .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat.e-active {
-  background-color: #51585e;
-  border-color: #51585e;
+  background-color: rgb(81, 87.75, 93.75);
+  border-color: rgb(81, 87.75, 93.75);
   color: #fff;
 }
 
@@ -3163,7 +3163,7 @@ ejs-calendar {
 }
 
 .e-bigger.e-small .e-daterangepicker.e-popup {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-radius: 0;
   -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
           box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
@@ -3275,7 +3275,7 @@ ejs-calendar {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  border-top: 1px solid #444c54;
+  border-top: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   clear: both;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -3301,7 +3301,7 @@ ejs-calendar {
   float: left;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
-  border-right: 1px solid #444c54;
+  border-right: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container {
   display: -webkit-box;
@@ -3312,7 +3312,7 @@ ejs-calendar {
   float: left;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
-  border-right: 1px solid #444c54;
+  border-right: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
   max-height: 192px;
@@ -3348,11 +3348,11 @@ ejs-calendar {
   float: right;
 }
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
-  border-left: 1px solid #444c54;
+  border-left: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-right: 0;
 }
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
-  border-left: 1px solid #444c54;
+  border-left: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-right: 0;
 }
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
@@ -3408,7 +3408,7 @@ ejs-calendar {
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   border: 1px solid #0d6efd;
   color: #fff;
 }
@@ -3482,7 +3482,7 @@ ejs-calendar {
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   color: #fff;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label, .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
@@ -3496,11 +3496,11 @@ ejs-calendar {
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
@@ -3680,7 +3680,7 @@ ejs-calendar {
 }
 
 .e-datetimepicker.e-popup {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-radius: 6px;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -3693,7 +3693,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   border: none;
   color: #fff;
 }
@@ -3702,7 +3702,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
 }