@syncfusion/ej2-material-theme 20.2.48 → 20.2.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-material-theme@*",
3
- "_id": "@syncfusion/ej2-material-theme@20.2.48",
3
+ "_id": "@syncfusion/ej2-material-theme@20.2.50",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-wNazgwFc4hHYisyfIXIqCqGgmYbOcJfrEB7fThsDrPs5U6PNT+XdhJwoUX9vzsB2WG/68jLVrqg9bul5X0ff+w==",
5
+ "_integrity": "sha512-ntsL8/rHCom9Mk+T5KFns+OKY04+QHyivuS1UxvVxtPq8Oao+3NRCVghqG6L1gmISa5y4j5XB4ebPAyxylIDRA==",
6
6
  "_location": "/@syncfusion/ej2-material-theme",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-material-theme/-/ej2-material-theme-20.3.0.tgz",
23
- "_shasum": "d01616fff3ac0319497a690540cba130c8193b62",
22
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-material-theme/-/ej2-material-theme-20.2.49.tgz",
23
+ "_shasum": "48d739d2515f6290841bf2e43836f133fe0c4704",
24
24
  "_spec": "@syncfusion/ej2-material-theme@*",
25
25
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/themes",
26
26
  "author": {
@@ -47,5 +47,5 @@
47
47
  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
48
48
  },
49
49
  "typings": "index.d.ts",
50
- "version": "20.2.48"
50
+ "version": "20.2.50"
51
51
  }
@@ -25430,6 +25430,10 @@ body.e-colorpicker-overflow {
25430
25430
  top: 0 !important;
25431
25431
  left: 0 !important;
25432
25432
  }
25433
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
25434
+ min-width: 100%;
25435
+ min-height: 100%;
25436
+ }
25433
25437
 
25434
25438
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
25435
25439
  background-size: 250px 33px;
@@ -25442,6 +25446,40 @@ body.e-colorpicker-overflow {
25442
25446
  min-height: 40px;
25443
25447
  }
25444
25448
 
25449
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
25450
+ height: 15%;
25451
+ }
25452
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
25453
+ float: right;
25454
+ margin-right: 10px;
25455
+ padding: 5px;
25456
+ }
25457
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
25458
+ content: "\e932";
25459
+ font-family: "e-icons";
25460
+ color: rgb(255, 255, 255);
25461
+ }
25462
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
25463
+ min-width: 100%;
25464
+ min-height: 100%;
25465
+ height: 100%;
25466
+ }
25467
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
25468
+ height: 10%;
25469
+ }
25470
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
25471
+ height: 85%;
25472
+ }
25473
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
25474
+ height: 10%;
25475
+ }
25476
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
25477
+ height: 80%;
25478
+ }
25479
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
25480
+ height: 100%;
25481
+ }
25482
+
25445
25483
  @media screen and (orientation: landscape) and (max-height: 360px) {
25446
25484
  .e-datepicker .e-calendar.e-device .e-month table tbody {
25447
25485
  display: inline-block;
@@ -25449,6 +25487,47 @@ body.e-colorpicker-overflow {
25449
25487
  overflow: auto;
25450
25488
  }
25451
25489
  }
25490
+ @media screen and (orientation: landscape) {
25491
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
25492
+ float: left;
25493
+ height: 100%;
25494
+ width: 30%;
25495
+ }
25496
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
25497
+ float: left;
25498
+ padding: 5px;
25499
+ }
25500
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
25501
+ font-size: 35px;
25502
+ margin-top: 35%;
25503
+ }
25504
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-day {
25505
+ display: block;
25506
+ font-size: 40px;
25507
+ margin-top: 10%;
25508
+ }
25509
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-header.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
25510
+ height: 10%;
25511
+ }
25512
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
25513
+ height: 75%;
25514
+ }
25515
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
25516
+ display: -ms-flexbox;
25517
+ display: flex;
25518
+ }
25519
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
25520
+ float: right;
25521
+ height: 90%;
25522
+ width: 70%;
25523
+ }
25524
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
25525
+ display: table-row-group;
25526
+ }
25527
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
25528
+ height: 100%;
25529
+ }
25530
+ }
25452
25531
  .e-lib.e-datepicker.e-popup-wrapper,
25453
25532
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
25454
25533
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
@@ -27725,6 +27804,12 @@ body.e-colorpicker-overflow {
27725
27804
  top: 0 !important;
27726
27805
  left: 0 !important;
27727
27806
  }
27807
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
27808
+ min-height: 100%;
27809
+ min-width: 100%;
27810
+ height: 100%;
27811
+ width: 100%;
27812
+ }
27728
27813
 
27729
27814
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
27730
27815
  background-size: 250px 33px;
@@ -27737,6 +27822,111 @@ body.e-colorpicker-overflow {
27737
27822
  min-height: 40px;
27738
27823
  }
27739
27824
 
27825
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
27826
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
27827
+ min-height: 100%;
27828
+ min-width: 100%;
27829
+ height: 100%;
27830
+ width: 100%;
27831
+ }
27832
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
27833
+ height: 100%;
27834
+ }
27835
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
27836
+ height: 78%;
27837
+ }
27838
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
27839
+ height: 90%;
27840
+ }
27841
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
27842
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
27843
+ height: 10%;
27844
+ }
27845
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
27846
+ margin: 0;
27847
+ }
27848
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
27849
+ height: 90%;
27850
+ }
27851
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
27852
+ height: 100%;
27853
+ border-spacing: 0px 30px;
27854
+ }
27855
+
27856
+ @media screen and (orientation: landscape) {
27857
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
27858
+ float: left;
27859
+ height: 100%;
27860
+ border-right: 1.5px;
27861
+ border-color: black;
27862
+ width: 40%;
27863
+ margin: 0;
27864
+ display: block;
27865
+ background-color: #3f51b5;
27866
+ }
27867
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
27868
+ height: 100%;
27869
+ width: 100%;
27870
+ }
27871
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
27872
+ display: block;
27873
+ width: 100%;
27874
+ text-align: -webkit-center;
27875
+ }
27876
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
27877
+ display: block;
27878
+ width: 100%;
27879
+ text-align: -webkit-center;
27880
+ margin-top: 20%;
27881
+ font-size: 20px;
27882
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
27883
+ }
27884
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
27885
+ font-size: 20px;
27886
+ margin-top: 60%;
27887
+ color: #fff;
27888
+ }
27889
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
27890
+ width: 100%;
27891
+ text-align: -webkit-center;
27892
+ margin-top: 20%;
27893
+ font-size: 20px;
27894
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
27895
+ }
27896
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
27897
+ height: 82%;
27898
+ }
27899
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
27900
+ height: 80%;
27901
+ }
27902
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
27903
+ border-spacing: unset;
27904
+ }
27905
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
27906
+ height: 20%;
27907
+ }
27908
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
27909
+ width: 100%;
27910
+ }
27911
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
27912
+ display: -ms-flexbox;
27913
+ display: flex;
27914
+ }
27915
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
27916
+ border-radius: 0 40% 40% 0;
27917
+ }
27918
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
27919
+ border-radius: 0 40% 40% 0;
27920
+ }
27921
+ }
27922
+ .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
27923
+ width: calc(100% - 80px);
27924
+ }
27925
+
27926
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
27927
+ width: calc(100% - 110px);
27928
+ }
27929
+
27740
27930
  /*! daterangepicker theme */
27741
27931
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
27742
27932
  color: #e3165b;
@@ -63743,7 +63933,10 @@ input.e-pv-input-password::-ms-reveal {
63743
63933
  }
63744
63934
 
63745
63935
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
63746
- display: none;
63936
+ display: block;
63937
+ padding-left: 10px;
63938
+ padding-right: 10px;
63939
+ width: auto;
63747
63940
  }
63748
63941
 
63749
63942
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
@@ -25430,6 +25430,10 @@ body.e-colorpicker-overflow {
25430
25430
  top: 0 !important;
25431
25431
  left: 0 !important;
25432
25432
  }
25433
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
25434
+ min-width: 100%;
25435
+ min-height: 100%;
25436
+ }
25433
25437
 
25434
25438
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
25435
25439
  background-size: 250px 33px;
@@ -25442,6 +25446,40 @@ body.e-colorpicker-overflow {
25442
25446
  min-height: 40px;
25443
25447
  }
25444
25448
 
25449
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
25450
+ height: 15%;
25451
+ }
25452
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
25453
+ float: right;
25454
+ margin-right: 10px;
25455
+ padding: 5px;
25456
+ }
25457
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
25458
+ content: "\e932";
25459
+ font-family: "e-icons";
25460
+ color: rgb(255, 255, 255);
25461
+ }
25462
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
25463
+ min-width: 100%;
25464
+ min-height: 100%;
25465
+ height: 100%;
25466
+ }
25467
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
25468
+ height: 10%;
25469
+ }
25470
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
25471
+ height: 85%;
25472
+ }
25473
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
25474
+ height: 10%;
25475
+ }
25476
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
25477
+ height: 80%;
25478
+ }
25479
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
25480
+ height: 100%;
25481
+ }
25482
+
25445
25483
  @media screen and (orientation: landscape) and (max-height: 360px) {
25446
25484
  .e-datepicker .e-calendar.e-device .e-month table tbody {
25447
25485
  display: inline-block;
@@ -25449,6 +25487,47 @@ body.e-colorpicker-overflow {
25449
25487
  overflow: auto;
25450
25488
  }
25451
25489
  }
25490
+ @media screen and (orientation: landscape) {
25491
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
25492
+ float: left;
25493
+ height: 100%;
25494
+ width: 30%;
25495
+ }
25496
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
25497
+ float: left;
25498
+ padding: 5px;
25499
+ }
25500
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
25501
+ font-size: 35px;
25502
+ margin-top: 35%;
25503
+ }
25504
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-day {
25505
+ display: block;
25506
+ font-size: 40px;
25507
+ margin-top: 10%;
25508
+ }
25509
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-header.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
25510
+ height: 10%;
25511
+ }
25512
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
25513
+ height: 75%;
25514
+ }
25515
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
25516
+ display: -ms-flexbox;
25517
+ display: flex;
25518
+ }
25519
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
25520
+ float: right;
25521
+ height: 90%;
25522
+ width: 70%;
25523
+ }
25524
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
25525
+ display: table-row-group;
25526
+ }
25527
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
25528
+ height: 100%;
25529
+ }
25530
+ }
25452
25531
  .e-lib.e-datepicker.e-popup-wrapper,
25453
25532
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
25454
25533
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
@@ -27725,6 +27804,12 @@ body.e-colorpicker-overflow {
27725
27804
  top: 0 !important;
27726
27805
  left: 0 !important;
27727
27806
  }
27807
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
27808
+ min-height: 100%;
27809
+ min-width: 100%;
27810
+ height: 100%;
27811
+ width: 100%;
27812
+ }
27728
27813
 
27729
27814
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
27730
27815
  background-size: 250px 33px;
@@ -27737,6 +27822,111 @@ body.e-colorpicker-overflow {
27737
27822
  min-height: 40px;
27738
27823
  }
27739
27824
 
27825
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
27826
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
27827
+ min-height: 100%;
27828
+ min-width: 100%;
27829
+ height: 100%;
27830
+ width: 100%;
27831
+ }
27832
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
27833
+ height: 100%;
27834
+ }
27835
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
27836
+ height: 78%;
27837
+ }
27838
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
27839
+ height: 90%;
27840
+ }
27841
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
27842
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
27843
+ height: 10%;
27844
+ }
27845
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
27846
+ margin: 0;
27847
+ }
27848
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
27849
+ height: 90%;
27850
+ }
27851
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
27852
+ height: 100%;
27853
+ border-spacing: 0px 30px;
27854
+ }
27855
+
27856
+ @media screen and (orientation: landscape) {
27857
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
27858
+ float: left;
27859
+ height: 100%;
27860
+ border-right: 1.5px;
27861
+ border-color: black;
27862
+ width: 40%;
27863
+ margin: 0;
27864
+ display: block;
27865
+ background-color: #3f51b5;
27866
+ }
27867
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
27868
+ height: 100%;
27869
+ width: 100%;
27870
+ }
27871
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
27872
+ display: block;
27873
+ width: 100%;
27874
+ text-align: -webkit-center;
27875
+ }
27876
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
27877
+ display: block;
27878
+ width: 100%;
27879
+ text-align: -webkit-center;
27880
+ margin-top: 20%;
27881
+ font-size: 20px;
27882
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
27883
+ }
27884
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
27885
+ font-size: 20px;
27886
+ margin-top: 60%;
27887
+ color: #fff;
27888
+ }
27889
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
27890
+ width: 100%;
27891
+ text-align: -webkit-center;
27892
+ margin-top: 20%;
27893
+ font-size: 20px;
27894
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
27895
+ }
27896
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
27897
+ height: 82%;
27898
+ }
27899
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
27900
+ height: 80%;
27901
+ }
27902
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
27903
+ border-spacing: unset;
27904
+ }
27905
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
27906
+ height: 20%;
27907
+ }
27908
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
27909
+ width: 100%;
27910
+ }
27911
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
27912
+ display: -ms-flexbox;
27913
+ display: flex;
27914
+ }
27915
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
27916
+ border-radius: 0 40% 40% 0;
27917
+ }
27918
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
27919
+ border-radius: 0 40% 40% 0;
27920
+ }
27921
+ }
27922
+ .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
27923
+ width: calc(100% - 80px);
27924
+ }
27925
+
27926
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
27927
+ width: calc(100% - 110px);
27928
+ }
27929
+
27740
27930
  /*! daterangepicker theme */
27741
27931
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
27742
27932
  color: #e3165b;
@@ -63743,7 +63933,10 @@ input.e-pv-input-password::-ms-reveal {
63743
63933
  }
63744
63934
 
63745
63935
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
63746
- display: none;
63936
+ display: block;
63937
+ padding-left: 10px;
63938
+ padding-right: 10px;
63939
+ width: auto;
63747
63940
  }
63748
63941
 
63749
63942
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
@@ -25476,6 +25476,10 @@ body.e-colorpicker-overflow {
25476
25476
  top: 0 !important;
25477
25477
  left: 0 !important;
25478
25478
  }
25479
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
25480
+ min-width: 100%;
25481
+ min-height: 100%;
25482
+ }
25479
25483
 
25480
25484
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
25481
25485
  background-size: 250px 33px;
@@ -25488,6 +25492,40 @@ body.e-colorpicker-overflow {
25488
25492
  min-height: 40px;
25489
25493
  }
25490
25494
 
25495
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
25496
+ height: 15%;
25497
+ }
25498
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
25499
+ float: right;
25500
+ margin-right: 10px;
25501
+ padding: 5px;
25502
+ }
25503
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
25504
+ content: "\e932";
25505
+ font-family: "e-icons";
25506
+ color: rgb(255, 255, 255);
25507
+ }
25508
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
25509
+ min-width: 100%;
25510
+ min-height: 100%;
25511
+ height: 100%;
25512
+ }
25513
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
25514
+ height: 10%;
25515
+ }
25516
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
25517
+ height: 85%;
25518
+ }
25519
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
25520
+ height: 10%;
25521
+ }
25522
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
25523
+ height: 80%;
25524
+ }
25525
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
25526
+ height: 100%;
25527
+ }
25528
+
25491
25529
  @media screen and (orientation: landscape) and (max-height: 360px) {
25492
25530
  .e-datepicker .e-calendar.e-device .e-month table tbody {
25493
25531
  display: inline-block;
@@ -25495,6 +25533,47 @@ body.e-colorpicker-overflow {
25495
25533
  overflow: auto;
25496
25534
  }
25497
25535
  }
25536
+ @media screen and (orientation: landscape) {
25537
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
25538
+ float: left;
25539
+ height: 100%;
25540
+ width: 30%;
25541
+ }
25542
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
25543
+ float: left;
25544
+ padding: 5px;
25545
+ }
25546
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
25547
+ font-size: 35px;
25548
+ margin-top: 35%;
25549
+ }
25550
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-day {
25551
+ display: block;
25552
+ font-size: 40px;
25553
+ margin-top: 10%;
25554
+ }
25555
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-header.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
25556
+ height: 10%;
25557
+ }
25558
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
25559
+ height: 75%;
25560
+ }
25561
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
25562
+ display: -ms-flexbox;
25563
+ display: flex;
25564
+ }
25565
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
25566
+ float: right;
25567
+ height: 90%;
25568
+ width: 70%;
25569
+ }
25570
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
25571
+ display: table-row-group;
25572
+ }
25573
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
25574
+ height: 100%;
25575
+ }
25576
+ }
25498
25577
  .e-datepicker.e-popup-wrapper,
25499
25578
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
25500
25579
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -28049,6 +28128,12 @@ body.e-colorpicker-overflow {
28049
28128
  top: 0 !important;
28050
28129
  left: 0 !important;
28051
28130
  }
28131
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
28132
+ min-height: 100%;
28133
+ min-width: 100%;
28134
+ height: 100%;
28135
+ width: 100%;
28136
+ }
28052
28137
 
28053
28138
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
28054
28139
  background-size: 250px 33px;
@@ -28061,6 +28146,111 @@ body.e-colorpicker-overflow {
28061
28146
  min-height: 40px;
28062
28147
  }
28063
28148
 
28149
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
28150
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
28151
+ min-height: 100%;
28152
+ min-width: 100%;
28153
+ height: 100%;
28154
+ width: 100%;
28155
+ }
28156
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
28157
+ height: 100%;
28158
+ }
28159
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
28160
+ height: 78%;
28161
+ }
28162
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
28163
+ height: 90%;
28164
+ }
28165
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
28166
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
28167
+ height: 10%;
28168
+ }
28169
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
28170
+ margin: 0;
28171
+ }
28172
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
28173
+ height: 90%;
28174
+ }
28175
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
28176
+ height: 100%;
28177
+ border-spacing: 0px 30px;
28178
+ }
28179
+
28180
+ @media screen and (orientation: landscape) {
28181
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
28182
+ float: left;
28183
+ height: 100%;
28184
+ border-right: 1.5px;
28185
+ border-color: black;
28186
+ width: 40%;
28187
+ margin: 0;
28188
+ display: block;
28189
+ background-color: #3f51b5;
28190
+ }
28191
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
28192
+ height: 100%;
28193
+ width: 100%;
28194
+ }
28195
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
28196
+ display: block;
28197
+ width: 100%;
28198
+ text-align: -webkit-center;
28199
+ }
28200
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
28201
+ display: block;
28202
+ width: 100%;
28203
+ text-align: -webkit-center;
28204
+ margin-top: 20%;
28205
+ font-size: 20px;
28206
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
28207
+ }
28208
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
28209
+ font-size: 20px;
28210
+ margin-top: 60%;
28211
+ color: #fff;
28212
+ }
28213
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
28214
+ width: 100%;
28215
+ text-align: -webkit-center;
28216
+ margin-top: 20%;
28217
+ font-size: 20px;
28218
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
28219
+ }
28220
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
28221
+ height: 82%;
28222
+ }
28223
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
28224
+ height: 80%;
28225
+ }
28226
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
28227
+ border-spacing: unset;
28228
+ }
28229
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
28230
+ height: 20%;
28231
+ }
28232
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
28233
+ width: 100%;
28234
+ }
28235
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
28236
+ display: -ms-flexbox;
28237
+ display: flex;
28238
+ }
28239
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
28240
+ border-radius: 0 40% 40% 0;
28241
+ }
28242
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
28243
+ border-radius: 0 40% 40% 0;
28244
+ }
28245
+ }
28246
+ .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
28247
+ width: calc(100% - 80px);
28248
+ }
28249
+
28250
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
28251
+ width: calc(100% - 110px);
28252
+ }
28253
+
28064
28254
  /*! daterangepicker theme */
28065
28255
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
28066
28256
  color: #e3165b;
@@ -64167,7 +64357,10 @@ input.e-pv-input-password::-ms-reveal {
64167
64357
  }
64168
64358
 
64169
64359
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
64170
- display: none;
64360
+ display: block;
64361
+ padding-left: 10px;
64362
+ padding-right: 10px;
64363
+ width: auto;
64171
64364
  }
64172
64365
 
64173
64366
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
@@ -25476,6 +25476,10 @@ body.e-colorpicker-overflow {
25476
25476
  top: 0 !important;
25477
25477
  left: 0 !important;
25478
25478
  }
25479
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
25480
+ min-width: 100%;
25481
+ min-height: 100%;
25482
+ }
25479
25483
 
25480
25484
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
25481
25485
  background-size: 250px 33px;
@@ -25488,6 +25492,40 @@ body.e-colorpicker-overflow {
25488
25492
  min-height: 40px;
25489
25493
  }
25490
25494
 
25495
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
25496
+ height: 15%;
25497
+ }
25498
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
25499
+ float: right;
25500
+ margin-right: 10px;
25501
+ padding: 5px;
25502
+ }
25503
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
25504
+ content: "\e932";
25505
+ font-family: "e-icons";
25506
+ color: rgb(255, 255, 255);
25507
+ }
25508
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
25509
+ min-width: 100%;
25510
+ min-height: 100%;
25511
+ height: 100%;
25512
+ }
25513
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
25514
+ height: 10%;
25515
+ }
25516
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
25517
+ height: 85%;
25518
+ }
25519
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
25520
+ height: 10%;
25521
+ }
25522
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
25523
+ height: 80%;
25524
+ }
25525
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
25526
+ height: 100%;
25527
+ }
25528
+
25491
25529
  @media screen and (orientation: landscape) and (max-height: 360px) {
25492
25530
  .e-datepicker .e-calendar.e-device .e-month table tbody {
25493
25531
  display: inline-block;
@@ -25495,6 +25533,47 @@ body.e-colorpicker-overflow {
25495
25533
  overflow: auto;
25496
25534
  }
25497
25535
  }
25536
+ @media screen and (orientation: landscape) {
25537
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
25538
+ float: left;
25539
+ height: 100%;
25540
+ width: 30%;
25541
+ }
25542
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
25543
+ float: left;
25544
+ padding: 5px;
25545
+ }
25546
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
25547
+ font-size: 35px;
25548
+ margin-top: 35%;
25549
+ }
25550
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-day {
25551
+ display: block;
25552
+ font-size: 40px;
25553
+ margin-top: 10%;
25554
+ }
25555
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-header.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
25556
+ height: 10%;
25557
+ }
25558
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
25559
+ height: 75%;
25560
+ }
25561
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
25562
+ display: -ms-flexbox;
25563
+ display: flex;
25564
+ }
25565
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
25566
+ float: right;
25567
+ height: 90%;
25568
+ width: 70%;
25569
+ }
25570
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
25571
+ display: table-row-group;
25572
+ }
25573
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
25574
+ height: 100%;
25575
+ }
25576
+ }
25498
25577
  .e-datepicker.e-popup-wrapper,
25499
25578
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
25500
25579
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -28049,6 +28128,12 @@ body.e-colorpicker-overflow {
28049
28128
  top: 0 !important;
28050
28129
  left: 0 !important;
28051
28130
  }
28131
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
28132
+ min-height: 100%;
28133
+ min-width: 100%;
28134
+ height: 100%;
28135
+ width: 100%;
28136
+ }
28052
28137
 
28053
28138
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
28054
28139
  background-size: 250px 33px;
@@ -28061,6 +28146,111 @@ body.e-colorpicker-overflow {
28061
28146
  min-height: 40px;
28062
28147
  }
28063
28148
 
28149
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
28150
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
28151
+ min-height: 100%;
28152
+ min-width: 100%;
28153
+ height: 100%;
28154
+ width: 100%;
28155
+ }
28156
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
28157
+ height: 100%;
28158
+ }
28159
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
28160
+ height: 78%;
28161
+ }
28162
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
28163
+ height: 90%;
28164
+ }
28165
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
28166
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
28167
+ height: 10%;
28168
+ }
28169
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
28170
+ margin: 0;
28171
+ }
28172
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
28173
+ height: 90%;
28174
+ }
28175
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
28176
+ height: 100%;
28177
+ border-spacing: 0px 30px;
28178
+ }
28179
+
28180
+ @media screen and (orientation: landscape) {
28181
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
28182
+ float: left;
28183
+ height: 100%;
28184
+ border-right: 1.5px;
28185
+ border-color: black;
28186
+ width: 40%;
28187
+ margin: 0;
28188
+ display: block;
28189
+ background-color: #3f51b5;
28190
+ }
28191
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
28192
+ height: 100%;
28193
+ width: 100%;
28194
+ }
28195
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
28196
+ display: block;
28197
+ width: 100%;
28198
+ text-align: -webkit-center;
28199
+ }
28200
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
28201
+ display: block;
28202
+ width: 100%;
28203
+ text-align: -webkit-center;
28204
+ margin-top: 20%;
28205
+ font-size: 20px;
28206
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
28207
+ }
28208
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
28209
+ font-size: 20px;
28210
+ margin-top: 60%;
28211
+ color: #fff;
28212
+ }
28213
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
28214
+ width: 100%;
28215
+ text-align: -webkit-center;
28216
+ margin-top: 20%;
28217
+ font-size: 20px;
28218
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
28219
+ }
28220
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
28221
+ height: 82%;
28222
+ }
28223
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
28224
+ height: 80%;
28225
+ }
28226
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
28227
+ border-spacing: unset;
28228
+ }
28229
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
28230
+ height: 20%;
28231
+ }
28232
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
28233
+ width: 100%;
28234
+ }
28235
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
28236
+ display: -ms-flexbox;
28237
+ display: flex;
28238
+ }
28239
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
28240
+ border-radius: 0 40% 40% 0;
28241
+ }
28242
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
28243
+ border-radius: 0 40% 40% 0;
28244
+ }
28245
+ }
28246
+ .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
28247
+ width: calc(100% - 80px);
28248
+ }
28249
+
28250
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
28251
+ width: calc(100% - 110px);
28252
+ }
28253
+
28064
28254
  /*! daterangepicker theme */
28065
28255
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
28066
28256
  color: #e3165b;
@@ -64167,7 +64357,10 @@ input.e-pv-input-password::-ms-reveal {
64167
64357
  }
64168
64358
 
64169
64359
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
64170
- display: none;
64360
+ display: block;
64361
+ padding-left: 10px;
64362
+ padding-right: 10px;
64363
+ width: auto;
64171
64364
  }
64172
64365
 
64173
64366
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,