dristi-ui-css 0.0.6-dristi-kerala.8 → 0.0.6-dristi-kerala.9

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/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * dristi-ui-css - 0.0.6-dristi-kerala.8
3
+ * dristi-ui-css - 0.0.6-dristi-kerala.9
4
4
  *
5
5
  * Copyright (c) 2025 Akshay Kumar <akshay.kumar@beehyv.com>
6
6
  *
@@ -12671,6 +12671,195 @@ body {
12671
12671
  line-height: 18.75px;
12672
12672
  text-align: center; }
12673
12673
 
12674
+ .process-courier-service {
12675
+ margin-top: 20px;
12676
+ margin-bottom: 20px; }
12677
+ .process-courier-service .accused-process-courier {
12678
+ margin-top: 20px !important; }
12679
+ .process-courier-service .accused-process-courier .header {
12680
+ font-size: 24px;
12681
+ font-weight: 700;
12682
+ color: #3d3c3c; }
12683
+ .process-courier-service .accused-process-courier .process-courier-container {
12684
+ padding: 0;
12685
+ margin-top: 20px; }
12686
+ .process-courier-service .accused-process-courier .header-row {
12687
+ display: -webkit-box;
12688
+ display: -ms-flexbox;
12689
+ display: flex;
12690
+ font-size: 16px;
12691
+ font-weight: 700;
12692
+ color: #231f20;
12693
+ border-bottom: 1px solid #bbbbbd;
12694
+ padding: 12px; }
12695
+ .process-courier-service .accused-process-courier .courier-section, .process-courier-service .accused-process-courier .process-section {
12696
+ -webkit-box-flex: 1;
12697
+ -ms-flex: 1;
12698
+ flex: 1; }
12699
+ .process-courier-service .accused-process-courier .row {
12700
+ border-bottom: 1px solid #e8e8e8;
12701
+ -ms-flex-align: center;
12702
+ min-height: 68px; }
12703
+ .process-courier-service .accused-process-courier .label-container, .process-courier-service .accused-process-courier .row {
12704
+ display: -webkit-box;
12705
+ display: -ms-flexbox;
12706
+ display: flex;
12707
+ -webkit-box-align: center;
12708
+ -ms-flex-align: center;
12709
+ align-items: center; }
12710
+ .process-courier-service .accused-process-courier .label-container {
12711
+ -webkit-box-flex: 1;
12712
+ -ms-flex: 1;
12713
+ flex: 1;
12714
+ -ms-flex-align: center;
12715
+ height: 100%;
12716
+ margin-left: 12px; }
12717
+ .process-courier-service .accused-process-courier .label {
12718
+ font-size: 16px;
12719
+ font-weight: 400;
12720
+ color: #0a0a0a; }
12721
+ .process-courier-service .accused-process-courier .info-icon {
12722
+ margin-left: 8px;
12723
+ margin-top: 8px;
12724
+ cursor: pointer; }
12725
+ .process-courier-service .accused-process-courier .optional {
12726
+ color: #77787b;
12727
+ font-size: 16px;
12728
+ margin-left: 8px; }
12729
+ .process-courier-service .accused-process-courier .dropdown-container {
12730
+ -webkit-box-flex: 1;
12731
+ -ms-flex: 1;
12732
+ flex: 1;
12733
+ display: -webkit-box;
12734
+ display: -ms-flexbox;
12735
+ display: flex;
12736
+ -webkit-box-align: center;
12737
+ -ms-flex-align: center;
12738
+ align-items: center;
12739
+ height: 100%;
12740
+ margin-right: 12px; }
12741
+ .process-courier-service .accused-process-courier .dropdown-container .disabled {
12742
+ border-color: #77787b !important; }
12743
+ .process-courier-service .accused-process-courier .address-section {
12744
+ margin-top: 24px; }
12745
+ .process-courier-service .accused-process-courier .address-header {
12746
+ display: -webkit-box;
12747
+ display: -ms-flexbox;
12748
+ display: flex;
12749
+ -webkit-box-pack: justify;
12750
+ -ms-flex-pack: justify;
12751
+ justify-content: space-between;
12752
+ margin-bottom: 12px;
12753
+ border-bottom: 1px solid #bbbbbd;
12754
+ padding: 12px; }
12755
+ .process-courier-service .accused-process-courier .address-title {
12756
+ font-size: 16px;
12757
+ font-weight: 700;
12758
+ color: #231f20; }
12759
+ .process-courier-service .accused-process-courier .address-note {
12760
+ font-size: 14px;
12761
+ color: #9e400a;
12762
+ font-style: italic; }
12763
+ .process-courier-service .accused-process-courier .address-list {
12764
+ padding: 12px;
12765
+ border-bottom: 1px solid #e8e8e8; }
12766
+ .process-courier-service .accused-process-courier .address-item {
12767
+ display: -webkit-box;
12768
+ display: -ms-flexbox;
12769
+ display: flex;
12770
+ -webkit-box-align: center;
12771
+ -ms-flex-align: center;
12772
+ align-items: center; }
12773
+ .process-courier-service .accused-process-courier .address-item input[type=checkbox], .process-courier-service .accused-process-courier .address-item .checkbox-wrap .input-emp[type=checkbox], .checkbox-wrap .process-courier-service .accused-process-courier .address-item .input-emp[type=checkbox], .process-courier-service .accused-process-courier .address-item .digit-checkbox-wrap .input-emp[type=checkbox], .digit-checkbox-wrap .process-courier-service .accused-process-courier .address-item .input-emp[type=checkbox] {
12774
+ width: 18px;
12775
+ height: 18px;
12776
+ margin-right: 12px;
12777
+ accent-color: #0b6efd; }
12778
+ .process-courier-service .accused-process-courier .add-address-btn {
12779
+ font-size: 16px !important;
12780
+ font-weight: 700;
12781
+ padding: 12px;
12782
+ max-width: 100%;
12783
+ background-color: #fff !important;
12784
+ border: none;
12785
+ color: #007e7e;
12786
+ cursor: pointer;
12787
+ display: -webkit-box;
12788
+ display: -ms-flexbox;
12789
+ display: flex;
12790
+ -webkit-box-align: center;
12791
+ -ms-flex-align: center;
12792
+ align-items: center; }
12793
+ .process-courier-service .accused-process-courier .add-address-btn h2 {
12794
+ color: #007e7e !important; }
12795
+ .process-courier-service .accused-process-courier .no-addresses {
12796
+ color: #505a5f;
12797
+ font-style: italic;
12798
+ margin-bottom: 12px; }
12799
+ .process-courier-service .accused-process-courier h2.heading-m {
12800
+ font-size: 24px;
12801
+ font-weight: 700;
12802
+ color: #3d3c3c; }
12803
+ .process-courier-service .popup-module-action-bar .selector-button-border {
12804
+ height: 2.5rem;
12805
+ border: 1px solid #007e7e; }
12806
+ .process-courier-service .popup-module-action-bar .selector-button-border h2 {
12807
+ font-family: Roboto;
12808
+ font-size: 16px;
12809
+ font-weight: 700;
12810
+ line-height: 18.75px;
12811
+ text-align: center;
12812
+ color: #007e7e !important; }
12813
+ .process-courier-service .popup-module-action-bar .selector-button-primary-disabled {
12814
+ height: 2.5rem;
12815
+ width: -webkit-fit-content !important;
12816
+ width: -moz-fit-content !important;
12817
+ width: fit-content !important; }
12818
+ .process-courier-service .popup-module-action-bar .selector-button-primary-disabled h2 {
12819
+ font-family: Roboto;
12820
+ font-size: 16px;
12821
+ font-weight: 700;
12822
+ line-height: 18.75px;
12823
+ text-align: center;
12824
+ color: #fff !important; }
12825
+ .process-courier-service .popup-module-action-bar .selector-button-primary {
12826
+ height: 2.5rem;
12827
+ width: -webkit-fit-content !important;
12828
+ width: -moz-fit-content !important;
12829
+ width: fit-content !important; }
12830
+ .process-courier-service .popup-module-action-bar .selector-button-primary h2 {
12831
+ font-family: Roboto;
12832
+ font-size: 16px;
12833
+ font-weight: 700;
12834
+ line-height: 18.75px;
12835
+ text-align: center;
12836
+ color: #fff !important; }
12837
+ .process-courier-service .header-wrap {
12838
+ width: 100%;
12839
+ height: 52px;
12840
+ padding: 20px 24px;
12841
+ border-bottom: 1px solid #e8e8e8; }
12842
+ .process-courier-service .header-wrap .header-content.popup-header-fix .main-heading {
12843
+ font-family: Roboto;
12844
+ font-size: 24px;
12845
+ font-weight: 700;
12846
+ line-height: 28.13px;
12847
+ text-align: center;
12848
+ margin: 0; }
12849
+ .process-courier-service .header-wrap .header-end div {
12850
+ padding-right: 0 !important; }
12851
+ .process-courier-service .address-card-input {
12852
+ margin: 20px 0;
12853
+ grid-column-gap: 20px;
12854
+ -webkit-column-gap: 20px;
12855
+ -moz-column-gap: 20px;
12856
+ column-gap: 20px; }
12857
+ .process-courier-service .address-card-input .heading {
12858
+ font-size: 16px;
12859
+ font-weight: 400;
12860
+ color: #0b0c0c;
12861
+ margin-bottom: 4px; }
12862
+
12674
12863
  .complainant-edit .card-section-header:first-child, .respondent-edit .card-section-header:first-child {
12675
12864
  margin-bottom: 8px; }
12676
12865
 
@@ -16603,66 +16792,721 @@ body {
16603
16792
  .popup-module.payment-modal .popup-module-main .summon-payment-action-table .payment-action .offline-process-text .learn-more-text:hover .text-tooltip {
16604
16793
  display: block; }
16605
16794
 
16606
- .review-submission-appl-body-main .application-details {
16607
- width: 100%; }
16795
+ @media (max-width: 450px) and (orientation: portrait) {
16796
+ .payment-login-page {
16797
+ background-color: #fff;
16798
+ width: 100% !important;
16799
+ min-height: calc(100vh - 72px) !important;
16800
+ -webkit-box-align: start !important;
16801
+ -ms-flex-align: start !important;
16802
+ align-items: flex-start !important;
16803
+ padding-top: 20px !important; }
16804
+ .payment-login-page .citizen-form-wrapper {
16805
+ width: 100% !important; }
16806
+ .payment-login-page .citizen-form-wrapper .login-form {
16807
+ padding: 0 5px !important;
16808
+ margin-bottom: 88px !important; }
16809
+ .payment-login-page .citizen-form-wrapper .login-form .card .card-header, .payment-login-page .citizen-form-wrapper .login-form .card-emp .card-header {
16810
+ font-size: 24px !important;
16811
+ font-weight: 700;
16812
+ line-height: 37.5px;
16813
+ text-align: left !important; }
16814
+ .payment-login-page .citizen-form-wrapper .login-form .card .submit-bar, .payment-login-page .citizen-form-wrapper .login-form .card-emp .submit-bar, .payment-login-page .citizen-form-wrapper .login-form .card .submit-bar-disabled, .payment-login-page .citizen-form-wrapper .login-form .card-emp .submit-bar-disabled {
16815
+ position: fixed !important;
16816
+ margin: 0 !important;
16817
+ bottom: 20px;
16818
+ padding: 10px;
16819
+ border-top: 1px solid #e8e8e8;
16820
+ -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14902);
16821
+ box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14902); }
16822
+ .payment-login-page .citizen-form-wrapper .login-form .card .submit-bar header, .payment-login-page .citizen-form-wrapper .login-form .card-emp .submit-bar header {
16823
+ margin-top: 0 !important;
16824
+ background-color: #007e7e;
16825
+ padding: 0; }
16826
+ .payment-login-page .citizen-form-wrapper .login-form .card .submit-bar-disabled header, .payment-login-page .citizen-form-wrapper .login-form .card-emp .submit-bar-disabled header {
16827
+ margin-top: 0 !important;
16828
+ background-color: #77787b;
16829
+ padding: 0; } }
16608
16830
 
16609
- .submission-add-signature-modal.popup-module {
16610
- width: 40vw; }
16611
- .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div {
16831
+ .sms-payment-container {
16832
+ width: 100%;
16833
+ max-width: 1200px;
16834
+ margin: 0 auto;
16835
+ padding: 20px; }
16836
+ .sms-payment-container .sms-payment-header {
16837
+ padding: 10px 0 20px;
16838
+ border-bottom: 1px solid #e8e8e8; }
16839
+ .sms-payment-container .sms-payment-header h1 {
16840
+ font-family: Roboto,sans-serif;
16841
+ font-size: 24px;
16842
+ font-weight: 700;
16843
+ color: #0a0a0a;
16844
+ margin: 0; }
16845
+ .sms-payment-container .sms-payment-courier-page, .sms-payment-container .sms-payment-details-page {
16846
+ padding: 20px 0;
16847
+ grid-gap: 16px;
16848
+ gap: 16px; }
16849
+ .sms-payment-container .info-section, .sms-payment-container .sms-payment-courier-page, .sms-payment-container .sms-payment-details-page {
16612
16850
  display: -webkit-box;
16613
16851
  display: -ms-flexbox;
16614
16852
  display: flex;
16615
- margin-bottom: 10px; }
16616
- .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div {
16617
- display: -webkit-box;
16618
- display: -ms-flexbox;
16619
- display: flex;
16620
- -webkit-box-orient: horizontal;
16621
- -webkit-box-direction: normal;
16622
- -ms-flex-direction: row;
16623
- flex-direction: row;
16624
- grid-gap: 20px;
16625
- gap: 20px;
16626
- height: 40px;
16627
- margin-bottom: 10px; }
16628
- .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div .upload-signature {
16629
- border: 2px solid #007e7e; }
16630
- .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div .upload-signature h2 {
16631
- color: #007e7e !important; }
16632
- .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div .aadhar-sign-in, .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div .upload-signature {
16633
- max-height: 40px !important;
16634
- -webkit-box-align: center;
16635
- -ms-flex-align: center;
16636
- align-items: center;
16637
- display: -webkit-box;
16638
- display: -ms-flexbox;
16639
- display: flex;
16640
- background: #fff !important; }
16641
- .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div .aadhar-sign-in h2 {
16642
- color: #007e7e !important; }
16643
- .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .click-for-download {
16644
- display: -webkit-box;
16645
- display: -ms-flexbox;
16646
- display: flex;
16853
+ -webkit-box-orient: vertical;
16854
+ -webkit-box-direction: normal;
16855
+ -ms-flex-direction: column;
16856
+ flex-direction: column; }
16857
+ .sms-payment-container .info-section {
16858
+ background-color: #ecf3fd;
16859
+ border-radius: 4px;
16860
+ padding: 16px; }
16861
+ .sms-payment-container .info-section .info-header {
16862
+ display: -webkit-box !important;
16863
+ display: -ms-flexbox !important;
16864
+ display: flex !important;
16647
16865
  -webkit-box-align: center;
16648
16866
  -ms-flex-align: center;
16649
16867
  align-items: center;
16650
- grid-gap: 10px;
16651
- gap: 10px; }
16652
- .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .click-for-download span a {
16653
- color: #007e7e; }
16654
- .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .signed {
16868
+ margin-bottom: 8px; }
16869
+ .sms-payment-container .info-section .info-header svg {
16870
+ margin-right: 8px; }
16871
+ .sms-payment-container .info-section .info-header h3 {
16872
+ font-family: Roboto,sans-serif;
16873
+ font-size: 16px;
16874
+ font-weight: 700;
16875
+ color: #0a0a0a;
16876
+ margin: 0; }
16877
+ .sms-payment-container .info-section .info-content p {
16878
+ font-family: Roboto,sans-serif;
16879
+ font-size: 14px;
16880
+ font-weight: 400;
16881
+ color: #505a5f;
16882
+ margin: 0;
16883
+ line-height: 1.5; }
16884
+ .sms-payment-container h2 {
16885
+ font-size: 18px;
16886
+ margin: 0 0 8px; }
16887
+ .sms-payment-container h2, .sms-payment-container h3 {
16888
+ font-family: Roboto,sans-serif;
16889
+ font-weight: 700;
16890
+ color: #0a0a0a; }
16891
+ .sms-payment-container h3 {
16892
+ font-size: 16px;
16893
+ margin: 0 0 12px; }
16894
+ .sms-payment-container .notice-header {
16895
+ font-family: Roboto,sans-serif;
16896
+ color: #0a0a0a;
16897
+ margin: 0 0 16px;
16898
+ display: -webkit-box;
16899
+ display: -ms-flexbox;
16900
+ display: flex;
16901
+ -webkit-box-orient: vertical;
16902
+ -webkit-box-direction: normal;
16903
+ -ms-flex-direction: column;
16904
+ flex-direction: column;
16905
+ grid-gap: 8px;
16906
+ gap: 8px; }
16907
+ .sms-payment-container .notice-header .notice-text {
16908
+ font-size: 16px;
16909
+ font-weight: 700; }
16910
+ .sms-payment-container .notice-header .notice-subtitle {
16911
+ font-size: 16px;
16912
+ font-weight: 500; }
16913
+ .sms-payment-container .notice-section {
16914
+ padding: 16px;
16915
+ border: 1px solid #e8e8e8;
16916
+ border-radius: 4px;
16917
+ background-color: #fff;
16918
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
16919
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
16920
+ display: -webkit-box;
16921
+ display: -ms-flexbox;
16922
+ display: flex;
16923
+ -webkit-box-orient: vertical;
16924
+ -webkit-box-direction: normal;
16925
+ -ms-flex-direction: column;
16926
+ flex-direction: column;
16927
+ grid-gap: 16px;
16928
+ gap: 16px; }
16929
+ .sms-payment-container .notice-section h2 {
16930
+ margin-top: 0;
16931
+ margin-bottom: 8px;
16932
+ font-size: 18px;
16933
+ font-weight: 700; }
16934
+ .sms-payment-container .notice-section .notice-header, .sms-payment-container .notice-section h2 {
16935
+ font-family: Roboto,sans-serif;
16936
+ color: #0a0a0a; }
16937
+ .sms-payment-container .notice-section .notice-header {
16938
+ margin: 0 0 12px;
16655
16939
  display: -webkit-box;
16656
16940
  display: -ms-flexbox;
16657
16941
  display: flex;
16658
- -webkit-box-orient: horizontal;
16942
+ -webkit-box-orient: vertical;
16659
16943
  -webkit-box-direction: normal;
16660
- -ms-flex-direction: row;
16661
- flex-direction: row;
16662
- -webkit-box-align: center;
16663
- -ms-flex-align: center;
16664
- align-items: center;
16665
- grid-gap: 10px;
16944
+ -ms-flex-direction: column;
16945
+ flex-direction: column;
16946
+ grid-gap: 12px;
16947
+ gap: 12px; }
16948
+ .sms-payment-container .notice-section .notice-header .notice-text {
16949
+ font-size: 16px;
16950
+ font-weight: 700; }
16951
+ .sms-payment-container .notice-section .notice-header .notice-subtitle {
16952
+ font-size: 16px;
16953
+ font-weight: 400; }
16954
+ .sms-payment-container .notice-section .address-selection-section h3, .sms-payment-container .notice-section .courier-selection-section h3 {
16955
+ font-size: 16px;
16956
+ font-weight: 700;
16957
+ color: #0a0a0a; }
16958
+ .sms-payment-container .notice-section .address-note, .sms-payment-container .notice-section h3 {
16959
+ font-family: Roboto,sans-serif; }
16960
+ .sms-payment-container .notice-section .address-note {
16961
+ font-size: 14px;
16962
+ font-weight: 400;
16963
+ color: #d97706;
16964
+ font-style: italic;
16965
+ margin: -8px 0 16px; }
16966
+ .sms-payment-container .courier-options {
16967
+ -webkit-box-orient: vertical;
16968
+ -webkit-box-direction: normal;
16969
+ -ms-flex-direction: column;
16970
+ flex-direction: column; }
16971
+ .sms-payment-container .courier-option, .sms-payment-container .courier-options {
16972
+ display: -webkit-box;
16973
+ display: -ms-flexbox;
16974
+ display: flex;
16975
+ grid-gap: 12px;
16976
+ gap: 12px; }
16977
+ .sms-payment-container .courier-option {
16978
+ -webkit-box-align: start;
16979
+ -ms-flex-align: start;
16980
+ align-items: flex-start;
16981
+ cursor: pointer;
16982
+ margin-bottom: 12px;
16983
+ position: relative; }
16984
+ .sms-payment-container .courier-option:last-child {
16985
+ margin-bottom: 0; }
16986
+ .sms-payment-container .courier-option input[type=checkbox], .sms-payment-container .courier-option .checkbox-wrap .input-emp[type=checkbox], .checkbox-wrap .sms-payment-container .courier-option .input-emp[type=checkbox], .sms-payment-container .courier-option .digit-checkbox-wrap .input-emp[type=checkbox], .digit-checkbox-wrap .sms-payment-container .courier-option .input-emp[type=checkbox] {
16987
+ min-width: 20px;
16988
+ width: 20px;
16989
+ height: 20px;
16990
+ border: 1px solid #007e7e;
16991
+ border-radius: 2px;
16992
+ -webkit-appearance: none;
16993
+ -moz-appearance: none;
16994
+ appearance: none;
16995
+ position: relative;
16996
+ outline: none;
16997
+ cursor: pointer;
16998
+ margin: 0; }
16999
+ .sms-payment-container .courier-option input[type=checkbox]:checked, .sms-payment-container .courier-option .checkbox-wrap .input-emp[type=checkbox]:checked, .checkbox-wrap .sms-payment-container .courier-option .input-emp[type=checkbox]:checked, .sms-payment-container .courier-option .digit-checkbox-wrap .input-emp[type=checkbox]:checked, .digit-checkbox-wrap .sms-payment-container .courier-option .input-emp[type=checkbox]:checked {
17000
+ background-color: #fff;
17001
+ border: 1px solid #007e7e; }
17002
+ .sms-payment-container .courier-option input[type=checkbox]:checked:after, .sms-payment-container .courier-option .checkbox-wrap .input-emp[type=checkbox]:checked:after, .checkbox-wrap .sms-payment-container .courier-option .input-emp[type=checkbox]:checked:after, .sms-payment-container .courier-option .digit-checkbox-wrap .input-emp[type=checkbox]:checked:after, .digit-checkbox-wrap .sms-payment-container .courier-option .input-emp[type=checkbox]:checked:after {
17003
+ content: "";
17004
+ position: absolute;
17005
+ top: 2px;
17006
+ left: 6px;
17007
+ width: 5px;
17008
+ height: 10px;
17009
+ border: solid #007e7e;
17010
+ border-width: 0 2px 2px 0;
17011
+ -webkit-transform: rotate(45deg);
17012
+ transform: rotate(45deg); }
17013
+ .sms-payment-container .courier-option .courier-details {
17014
+ -webkit-box-orient: vertical;
17015
+ -webkit-box-direction: normal;
17016
+ -ms-flex-direction: column;
17017
+ flex-direction: column;
17018
+ -webkit-box-flex: 1;
17019
+ -ms-flex: 1;
17020
+ flex: 1;
17021
+ -webkit-box-pack: center;
17022
+ -ms-flex-pack: center;
17023
+ justify-content: center; }
17024
+ .sms-payment-container .courier-option .courier-details .courier-name {
17025
+ font-family: Roboto,sans-serif;
17026
+ font-size: 16px;
17027
+ font-weight: 400;
17028
+ color: #3d3c3c;
17029
+ line-height: 20px;
17030
+ -webkit-box-align: center;
17031
+ -ms-flex-align: center;
17032
+ align-items: center;
17033
+ margin-bottom: 4px; }
17034
+ .sms-payment-container .courier-option .courier-details .delivery-time {
17035
+ font-family: Roboto,sans-serif;
17036
+ font-size: 14px;
17037
+ font-weight: 400;
17038
+ color: #505a5f; }
17039
+ .sms-payment-container .address-note {
17040
+ font-family: Roboto,sans-serif;
17041
+ font-size: 12px;
17042
+ font-weight: 400;
17043
+ color: #505a5f;
17044
+ margin: 0 0 16px; }
17045
+ .sms-payment-container .address-options {
17046
+ -webkit-box-orient: vertical;
17047
+ -webkit-box-direction: normal;
17048
+ -ms-flex-direction: column;
17049
+ flex-direction: column;
17050
+ margin-bottom: 16px; }
17051
+ .sms-payment-container .address-option, .sms-payment-container .address-options {
17052
+ display: -webkit-box;
17053
+ display: -ms-flexbox;
17054
+ display: flex;
17055
+ grid-gap: 12px;
17056
+ gap: 12px; }
17057
+ .sms-payment-container .address-option {
17058
+ -webkit-box-align: start;
17059
+ -ms-flex-align: start;
17060
+ align-items: flex-start;
17061
+ cursor: pointer;
17062
+ margin-bottom: 12px; }
17063
+ .sms-payment-container .address-option:last-child {
17064
+ margin-bottom: 0; }
17065
+ .sms-payment-container .address-option input[type=checkbox], .sms-payment-container .address-option .checkbox-wrap .input-emp[type=checkbox], .checkbox-wrap .sms-payment-container .address-option .input-emp[type=checkbox], .sms-payment-container .address-option .digit-checkbox-wrap .input-emp[type=checkbox], .digit-checkbox-wrap .sms-payment-container .address-option .input-emp[type=checkbox] {
17066
+ min-width: 20px;
17067
+ width: 20px;
17068
+ height: 20px;
17069
+ border: 1px solid #007e7e;
17070
+ border-radius: 2px;
17071
+ -webkit-appearance: none;
17072
+ -moz-appearance: none;
17073
+ appearance: none;
17074
+ position: relative;
17075
+ outline: none;
17076
+ cursor: pointer;
17077
+ margin: 0; }
17078
+ .sms-payment-container .address-option input[type=checkbox]:checked, .sms-payment-container .address-option .checkbox-wrap .input-emp[type=checkbox]:checked, .checkbox-wrap .sms-payment-container .address-option .input-emp[type=checkbox]:checked, .sms-payment-container .address-option .digit-checkbox-wrap .input-emp[type=checkbox]:checked, .digit-checkbox-wrap .sms-payment-container .address-option .input-emp[type=checkbox]:checked {
17079
+ background-color: #fff;
17080
+ border: 1px solid #007e7e; }
17081
+ .sms-payment-container .address-option input[type=checkbox]:checked:after, .sms-payment-container .address-option .checkbox-wrap .input-emp[type=checkbox]:checked:after, .checkbox-wrap .sms-payment-container .address-option .input-emp[type=checkbox]:checked:after, .sms-payment-container .address-option .digit-checkbox-wrap .input-emp[type=checkbox]:checked:after, .digit-checkbox-wrap .sms-payment-container .address-option .input-emp[type=checkbox]:checked:after {
17082
+ content: "";
17083
+ position: absolute;
17084
+ top: 2px;
17085
+ left: 6px;
17086
+ width: 5px;
17087
+ height: 10px;
17088
+ border: solid #007e7e;
17089
+ border-width: 0 2px 2px 0;
17090
+ -webkit-transform: rotate(45deg);
17091
+ transform: rotate(45deg); }
17092
+ .sms-payment-container .address-option .address-text {
17093
+ font-family: Roboto,sans-serif;
17094
+ font-size: 14px;
17095
+ font-weight: 400;
17096
+ color: #0a0a0a;
17097
+ line-height: 20px;
17098
+ -webkit-box-flex: 1;
17099
+ -ms-flex: 1;
17100
+ flex: 1;
17101
+ padding-right: 10px;
17102
+ -webkit-box-align: center;
17103
+ -ms-flex-align: center;
17104
+ align-items: center; }
17105
+ .sms-payment-container .add-more-address, .sms-payment-container .address-text {
17106
+ font-family: Roboto,sans-serif;
17107
+ font-size: 14px;
17108
+ display: -webkit-box;
17109
+ display: -ms-flexbox;
17110
+ display: flex;
17111
+ -webkit-box-align: center;
17112
+ -ms-flex-align: center;
17113
+ align-items: center; }
17114
+ .sms-payment-container .add-more-address {
17115
+ grid-gap: 8px;
17116
+ gap: 8px;
17117
+ background: none;
17118
+ border: none;
17119
+ color: #007e7e;
17120
+ font-weight: 700;
17121
+ cursor: pointer;
17122
+ padding: 8px 0;
17123
+ margin-top: 8px;
17124
+ font-size: 16px; }
17125
+ .sms-payment-container .add-more-address svg {
17126
+ width: 10px;
17127
+ height: 10px;
17128
+ fill: #007e7e; }
17129
+ .sms-payment-container .add-more-address:hover {
17130
+ text-decoration: underline; }
17131
+ .sms-payment-container .navigation-buttons {
17132
+ display: -webkit-box;
17133
+ display: -ms-flexbox;
17134
+ display: flex;
17135
+ -webkit-box-pack: justify;
17136
+ -ms-flex-pack: justify;
17137
+ justify-content: space-between;
17138
+ margin-top: 32px;
17139
+ padding-top: 16px;
17140
+ border-top: 1px solid #e8e8e8;
17141
+ grid-gap: 10px;
17142
+ gap: 10px; }
17143
+ .sms-payment-container .navigation-buttons button {
17144
+ height: 40px;
17145
+ border-radius: 4px;
17146
+ font-family: Roboto,sans-serif;
17147
+ font-size: 16px;
17148
+ font-weight: 700;
17149
+ padding: 0 24px;
17150
+ cursor: pointer; }
17151
+ .sms-payment-container .navigation-buttons .back-button {
17152
+ background-color: #fff;
17153
+ color: #007e7e;
17154
+ border: 1px solid #007e7e; }
17155
+ .sms-payment-container .navigation-buttons .next-button {
17156
+ background-color: #007e7e;
17157
+ color: #fff;
17158
+ border: none; }
17159
+ .sms-payment-container .navigation-buttons .next-button.disabled {
17160
+ background-color: #77787b;
17161
+ color: #fff !important;
17162
+ cursor: not-allowed; }
17163
+ .sms-payment-container .payment-section {
17164
+ display: -webkit-box;
17165
+ display: -ms-flexbox;
17166
+ display: flex;
17167
+ -webkit-box-orient: vertical;
17168
+ -webkit-box-direction: normal;
17169
+ -ms-flex-direction: column;
17170
+ flex-direction: column;
17171
+ grid-gap: 24px;
17172
+ gap: 24px; }
17173
+ .sms-payment-container .fee-section {
17174
+ border: 1px solid #e8e8e8;
17175
+ border-radius: 4px;
17176
+ overflow: hidden;
17177
+ padding: 16px !important; }
17178
+ .sms-payment-container .fee-section .fee-header {
17179
+ display: -webkit-box;
17180
+ display: -ms-flexbox;
17181
+ display: flex;
17182
+ -webkit-box-align: center;
17183
+ -ms-flex-align: center;
17184
+ align-items: center;
17185
+ padding: 0 0 12px;
17186
+ background-color: #fff;
17187
+ border-bottom: 1px solid #e8e8e8; }
17188
+ .sms-payment-container .fee-section .fee-header h3 {
17189
+ font-size: 16px;
17190
+ font-weight: 700;
17191
+ color: #0a0a0a;
17192
+ margin: 0; }
17193
+ .sms-payment-container .fee-section .fee-header .status-tag, .sms-payment-container .fee-section .fee-header h3 {
17194
+ font-family: Roboto,sans-serif; }
17195
+ .sms-payment-container .fee-section .fee-header .status-tag {
17196
+ font-size: 12px;
17197
+ font-weight: 500;
17198
+ padding: 4px 8px;
17199
+ border-radius: 12px;
17200
+ margin-left: 10px;
17201
+ margin-right: auto; }
17202
+ .sms-payment-container .fee-section .fee-header .status-tag.pending {
17203
+ color: #9e400a;
17204
+ background-color: #fff6e8; }
17205
+ .sms-payment-container .fee-section .fee-header .status-tag.paymentdone {
17206
+ color: #007e7e;
17207
+ background-color: #e0f2f1; }
17208
+ .sms-payment-container .fee-section .fee-header .status-tag.failed {
17209
+ color: #d32f2f;
17210
+ background-color: #ffebee; }
17211
+ .sms-payment-container .fee-section .fee-header .total-amount {
17212
+ font-family: Roboto,sans-serif;
17213
+ font-size: 16px;
17214
+ font-weight: 700;
17215
+ color: #0a0a0a; }
17216
+ .sms-payment-container .fee-section .fee-details {
17217
+ padding: 12px 0; }
17218
+ .sms-payment-container .fee-section .fee-item {
17219
+ display: -webkit-box;
17220
+ display: -ms-flexbox;
17221
+ display: flex;
17222
+ -webkit-box-pack: justify;
17223
+ -ms-flex-pack: justify;
17224
+ justify-content: space-between;
17225
+ -webkit-box-align: start;
17226
+ -ms-flex-align: start;
17227
+ align-items: flex-start;
17228
+ padding: 4px 0;
17229
+ margin-bottom: 8px; }
17230
+ .sms-payment-container .fee-section .fee-item:last-child {
17231
+ margin-bottom: 0; }
17232
+ .sms-payment-container .fee-section .fee-item .fee-name {
17233
+ font-weight: 400;
17234
+ color: #505a5f;
17235
+ -webkit-box-flex: 1;
17236
+ -ms-flex-positive: 1;
17237
+ flex-grow: 1;
17238
+ padding-right: 12px; }
17239
+ .sms-payment-container .fee-section .fee-item .fee-amount, .sms-payment-container .fee-section .fee-item .fee-name {
17240
+ font-family: Roboto,sans-serif;
17241
+ font-size: 14px; }
17242
+ .sms-payment-container .fee-section .fee-item .fee-amount {
17243
+ font-weight: 500;
17244
+ color: #0a0a0a;
17245
+ -ms-flex-negative: 0;
17246
+ flex-shrink: 0;
17247
+ min-width: 60px;
17248
+ text-align: right; }
17249
+ .sms-payment-container .fee-section .pay-online-button {
17250
+ width: 100%;
17251
+ height: 40px;
17252
+ background-color: #fff;
17253
+ color: #007e7e;
17254
+ border: 1px solid #007e7e;
17255
+ border-radius: 0;
17256
+ font-family: Roboto,sans-serif;
17257
+ font-size: 16px;
17258
+ font-weight: 700;
17259
+ cursor: pointer; }
17260
+ .sms-payment-container .fee-section .download-reciept-button {
17261
+ display: -webkit-box;
17262
+ display: -ms-flexbox;
17263
+ display: flex;
17264
+ -webkit-box-pack: center;
17265
+ -ms-flex-pack: center;
17266
+ justify-content: center;
17267
+ -webkit-box-align: center;
17268
+ -ms-flex-align: center;
17269
+ align-items: center;
17270
+ grid-gap: 8px;
17271
+ gap: 8px; }
17272
+
17273
+ @media (max-width: 768px) {
17274
+ .sms-payment-container {
17275
+ padding: 0; }
17276
+ .sms-payment-container .sms-payment-header {
17277
+ padding: 10px 16px; }
17278
+ .sms-payment-container .sms-payment-courier-page, .sms-payment-container .sms-payment-details-page {
17279
+ display: -webkit-box;
17280
+ display: -ms-flexbox;
17281
+ display: flex;
17282
+ -webkit-box-orient: vertical;
17283
+ -webkit-box-direction: normal;
17284
+ -ms-flex-direction: column;
17285
+ flex-direction: column;
17286
+ grid-gap: 16px;
17287
+ gap: 16px;
17288
+ padding: 16px 16px clamp(80px, 10vh, 120px); }
17289
+ .sms-payment-container .navigation-buttons {
17290
+ position: fixed;
17291
+ bottom: 0;
17292
+ left: 0;
17293
+ right: 0;
17294
+ padding: 16px;
17295
+ background-color: #fff;
17296
+ -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
17297
+ box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1); }
17298
+ .sms-payment-container .navigation-buttons button {
17299
+ -webkit-box-flex: 1;
17300
+ -ms-flex: 1;
17301
+ flex: 1; }
17302
+ .sms-payment-container .toast-success {
17303
+ left: 50% !important;
17304
+ -webkit-transform: translateX(-50%);
17305
+ transform: translateX(-50%);
17306
+ width: 90%; }
17307
+ .sms-payment-container .toast-success h2 {
17308
+ margin: 0 !important;
17309
+ font-weight: 400;
17310
+ color: #fff; } }
17311
+
17312
+ .add-address-modal-payment {
17313
+ max-height: -webkit-max-content;
17314
+ max-height: -moz-max-content;
17315
+ max-height: max-content;
17316
+ width: calc(100% - 15px);
17317
+ max-width: 400px !important;
17318
+ margin: 0 auto;
17319
+ position: fixed;
17320
+ top: 50% !important;
17321
+ left: 50% !important;
17322
+ -webkit-transform: translate(-50%, -50%) !important;
17323
+ transform: translate(-50%, -50%) !important; }
17324
+ .add-address-modal-payment .popup-module-main {
17325
+ padding: 0 !important; }
17326
+ .add-address-modal-payment .popup-module-main .add-address-modal-inputs {
17327
+ display: -webkit-box;
17328
+ display: -ms-flexbox;
17329
+ display: flex;
17330
+ -webkit-box-orient: vertical;
17331
+ -webkit-box-direction: normal;
17332
+ -ms-flex-direction: column;
17333
+ flex-direction: column;
17334
+ padding: 10px !important;
17335
+ grid-gap: 12px;
17336
+ gap: 12px; }
17337
+ .add-address-modal-payment .popup-module-main .add-address-modal-inputs .field .text-input .employee-card-input, .add-address-modal-payment .popup-module-main .add-address-modal-inputs .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .text-input .all-input-field-wrapper .form-control, .workbench .workbench-create-form form #digit_root .field-wrapper .add-address-modal-payment .popup-module-main .add-address-modal-inputs .form-group.field .text-input .all-input-field-wrapper .form-control, .add-address-modal-payment .popup-module-main .add-address-modal-inputs .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .text-input .form-control, .workbench .workbench-create-form form #digit_root .field-wrapper .add-address-modal-payment .popup-module-main .add-address-modal-inputs .form-group.field .all-input-field-wrapper .text-input .form-control, .add-address-modal-payment .popup-module-main .add-address-modal-inputs .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .text-input .checkbox label input[type=checkbox], .workbench .workbench-create-form form #digit_root .field-wrapper .add-address-modal-payment .popup-module-main .add-address-modal-inputs .form-group.field.field-boolean .text-input .checkbox label input[type=checkbox], .add-address-modal-payment .popup-module-main .add-address-modal-inputs .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .text-input input[type=checkbox], .workbench .workbench-create-form form #digit_root .field-wrapper .add-address-modal-payment .popup-module-main .add-address-modal-inputs .form-group.field.field-boolean .checkbox label .text-input input[type=checkbox], .add-address-modal-payment .popup-module-main .add-address-modal-inputs .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .text-input .checkbox label .checkbox-wrap .input-emp[type=checkbox], .workbench .workbench-create-form form #digit_root .field-wrapper .add-address-modal-payment .popup-module-main .add-address-modal-inputs .form-group.field.field-boolean .text-input .checkbox label .checkbox-wrap .input-emp[type=checkbox], .add-address-modal-payment .popup-module-main .add-address-modal-inputs .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .checkbox-wrap .text-input .input-emp[type=checkbox], .workbench .workbench-create-form form #digit_root .field-wrapper .add-address-modal-payment .popup-module-main .add-address-modal-inputs .form-group.field.field-boolean .checkbox label .checkbox-wrap .text-input .input-emp[type=checkbox], .add-address-modal-payment .popup-module-main .add-address-modal-inputs .checkbox-wrap .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .text-input .checkbox label .input-emp[type=checkbox], .checkbox-wrap .workbench .workbench-create-form form #digit_root .field-wrapper .add-address-modal-payment .popup-module-main .add-address-modal-inputs .form-group.field.field-boolean .text-input .checkbox label .input-emp[type=checkbox], .add-address-modal-payment .popup-module-main .add-address-modal-inputs .checkbox-wrap .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .text-input .input-emp[type=checkbox], .checkbox-wrap .workbench .workbench-create-form form #digit_root .field-wrapper .add-address-modal-payment .popup-module-main .add-address-modal-inputs .form-group.field.field-boolean .checkbox label .text-input .input-emp[type=checkbox], .add-address-modal-payment .popup-module-main .add-address-modal-inputs .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .text-input .checkbox label .digit-checkbox-wrap .input-emp[type=checkbox], .workbench .workbench-create-form form #digit_root .field-wrapper .add-address-modal-payment .popup-module-main .add-address-modal-inputs .form-group.field.field-boolean .text-input .checkbox label .digit-checkbox-wrap .input-emp[type=checkbox], .add-address-modal-payment .popup-module-main .add-address-modal-inputs .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .digit-checkbox-wrap .text-input .input-emp[type=checkbox], .workbench .workbench-create-form form #digit_root .field-wrapper .add-address-modal-payment .popup-module-main .add-address-modal-inputs .form-group.field.field-boolean .checkbox label .digit-checkbox-wrap .text-input .input-emp[type=checkbox], .add-address-modal-payment .popup-module-main .add-address-modal-inputs .digit-checkbox-wrap .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .text-input .checkbox label .input-emp[type=checkbox], .digit-checkbox-wrap .workbench .workbench-create-form form #digit_root .field-wrapper .add-address-modal-payment .popup-module-main .add-address-modal-inputs .form-group.field.field-boolean .text-input .checkbox label .input-emp[type=checkbox], .add-address-modal-payment .popup-module-main .add-address-modal-inputs .digit-checkbox-wrap .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .text-input .input-emp[type=checkbox], .digit-checkbox-wrap .workbench .workbench-create-form form #digit_root .field-wrapper .add-address-modal-payment .popup-module-main .add-address-modal-inputs .form-group.field.field-boolean .checkbox label .text-input .input-emp[type=checkbox] {
17338
+ margin-bottom: 0 !important; }
17339
+ .add-address-modal-payment .popup-module-main .add-address-modal-inputs .field .card-label-error {
17340
+ color: red !important;
17341
+ font-weight: 100;
17342
+ font-size: 15px;
17343
+ margin: 0 !important; }
17344
+ .add-address-modal-payment .popup-module-main .popup-module-action-bar {
17345
+ display: -webkit-box;
17346
+ display: -ms-flexbox;
17347
+ display: flex;
17348
+ -webkit-box-pack: justify;
17349
+ -ms-flex-pack: justify;
17350
+ justify-content: space-between;
17351
+ grid-gap: 16px;
17352
+ gap: 16px;
17353
+ padding: 16px;
17354
+ border-top: 1px solid #e8e8e8;
17355
+ margin: 0; }
17356
+ .add-address-modal-payment .popup-module-main .popup-module-action-bar button {
17357
+ -webkit-box-flex: 1;
17358
+ -ms-flex-positive: 1;
17359
+ flex-grow: 1;
17360
+ height: 2.5rem;
17361
+ padding: 0 16px;
17362
+ cursor: pointer;
17363
+ font-family: Roboto,sans-serif;
17364
+ font-size: 16px;
17365
+ font-weight: 700;
17366
+ line-height: 1.25;
17367
+ text-align: center;
17368
+ border-radius: 4px;
17369
+ text-decoration: none;
17370
+ display: -webkit-inline-box;
17371
+ display: -ms-inline-flexbox;
17372
+ display: inline-flex;
17373
+ -webkit-box-align: center;
17374
+ -ms-flex-align: center;
17375
+ align-items: center;
17376
+ -webkit-box-pack: center;
17377
+ -ms-flex-pack: center;
17378
+ justify-content: center; }
17379
+ .add-address-modal-payment .popup-module-main .popup-module-action-bar .selector-button-border {
17380
+ background-color: initial;
17381
+ color: #007e7e;
17382
+ border: 1px solid #007e7e; }
17383
+ .add-address-modal-payment .popup-module-main .popup-module-action-bar .selector-button-primary {
17384
+ background-color: #007e7e;
17385
+ color: #fff;
17386
+ border: 1px solid #007e7e; }
17387
+ .add-address-modal-payment .popup-module-main .popup-module-action-bar .selector-button-primary h2 {
17388
+ color: #fff !important; }
17389
+ .add-address-modal-payment .popup-module-main .popup-module-action-bar .selector-button-primary-disabled {
17390
+ background-color: #77787b;
17391
+ color: #666;
17392
+ border: 1px solid #ccc;
17393
+ cursor: not-allowed; }
17394
+ .add-address-modal-payment .popup-module-main .popup-module-action-bar .selector-button-primary-disabled h2 {
17395
+ color: #fff !important; }
17396
+
17397
+ .payment-status-container-wrapper {
17398
+ height: 65vh;
17399
+ display: -webkit-box;
17400
+ display: -ms-flexbox;
17401
+ display: flex;
17402
+ -webkit-box-pack: center;
17403
+ -ms-flex-pack: center;
17404
+ justify-content: center;
17405
+ -webkit-box-align: center;
17406
+ -ms-flex-align: center;
17407
+ align-items: center; }
17408
+ .payment-status-container-wrapper .payment-status-wrapper {
17409
+ width: 85%;
17410
+ grid-gap: 1rem;
17411
+ gap: 1rem; }
17412
+ .payment-status-container-wrapper .payment-status-wrapper .payment-status-content {
17413
+ grid-gap: 12px;
17414
+ gap: 12px;
17415
+ text-align: center; }
17416
+ .payment-status-container-wrapper .payment-status-wrapper .payment-status-content .payment-status-svg {
17417
+ -webkit-box-pack: center;
17418
+ -ms-flex-pack: center;
17419
+ justify-content: center;
17420
+ margin-bottom: 8px; }
17421
+ .payment-status-container-wrapper .payment-status-wrapper .payment-status-content .payment-status-message {
17422
+ font-size: 20px;
17423
+ font-weight: 600;
17424
+ color: #000; }
17425
+ .payment-status-container-wrapper .payment-status-wrapper .payment-status-content .payment-status-sub-message {
17426
+ font-weight: 300;
17427
+ color: #505a5f;
17428
+ font-size: 16px;
17429
+ line-height: 1.4; }
17430
+ .payment-status-container-wrapper .payment-status-wrapper .payment-status-action {
17431
+ margin-top: 20px;
17432
+ width: 100%;
17433
+ -webkit-box-pack: center;
17434
+ -ms-flex-pack: center;
17435
+ justify-content: center; }
17436
+ .payment-status-container-wrapper .payment-status-wrapper .payment-status-action button {
17437
+ width: 100%;
17438
+ -webkit-box-shadow: none !important;
17439
+ box-shadow: none !important;
17440
+ height: 40px; }
17441
+ .payment-status-container-wrapper .payment-status-wrapper .payment-status-action button h2 {
17442
+ font-family: Roboto;
17443
+ font-size: 16px;
17444
+ font-weight: 700;
17445
+ line-height: 18.75px;
17446
+ text-align: center;
17447
+ color: #fff;
17448
+ margin: 0 !important; }
17449
+
17450
+ .review-submission-appl-body-main .application-details {
17451
+ width: 100%; }
17452
+
17453
+ .submission-add-signature-modal.popup-module {
17454
+ width: 40vw; }
17455
+ .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div {
17456
+ display: -webkit-box;
17457
+ display: -ms-flexbox;
17458
+ display: flex;
17459
+ margin-bottom: 10px; }
17460
+ .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div {
17461
+ display: -webkit-box;
17462
+ display: -ms-flexbox;
17463
+ display: flex;
17464
+ -webkit-box-orient: horizontal;
17465
+ -webkit-box-direction: normal;
17466
+ -ms-flex-direction: row;
17467
+ flex-direction: row;
17468
+ grid-gap: 20px;
17469
+ gap: 20px;
17470
+ height: 40px;
17471
+ margin-bottom: 10px; }
17472
+ .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div .upload-signature {
17473
+ border: 2px solid #007e7e; }
17474
+ .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div .upload-signature h2 {
17475
+ color: #007e7e !important; }
17476
+ .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div .aadhar-sign-in, .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div .upload-signature {
17477
+ max-height: 40px !important;
17478
+ -webkit-box-align: center;
17479
+ -ms-flex-align: center;
17480
+ align-items: center;
17481
+ display: -webkit-box;
17482
+ display: -ms-flexbox;
17483
+ display: flex;
17484
+ background: #fff !important; }
17485
+ .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div .aadhar-sign-in h2 {
17486
+ color: #007e7e !important; }
17487
+ .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .click-for-download {
17488
+ display: -webkit-box;
17489
+ display: -ms-flexbox;
17490
+ display: flex;
17491
+ -webkit-box-align: center;
17492
+ -ms-flex-align: center;
17493
+ align-items: center;
17494
+ grid-gap: 10px;
17495
+ gap: 10px; }
17496
+ .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .click-for-download span a {
17497
+ color: #007e7e; }
17498
+ .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .signed {
17499
+ display: -webkit-box;
17500
+ display: -ms-flexbox;
17501
+ display: flex;
17502
+ -webkit-box-orient: horizontal;
17503
+ -webkit-box-direction: normal;
17504
+ -ms-flex-direction: row;
17505
+ flex-direction: row;
17506
+ -webkit-box-align: center;
17507
+ -ms-flex-align: center;
17508
+ align-items: center;
17509
+ grid-gap: 10px;
16666
17510
  gap: 10px; }
16667
17511
  .submission-add-signature-modal.popup-module .popup-module-main .add-signature-main-div .signed h1 {
16668
17512
  font-size: 24px;
@@ -18604,6 +19448,184 @@ body {
18604
19448
  font-size: 14px; }
18605
19449
  .tasks-component .task-section .new-tasks:hover {
18606
19450
  background-color: #e64a19; }
19451
+ .tasks-component .process-courier-service {
19452
+ width: 60%;
19453
+ margin: auto;
19454
+ height: -webkit-fit-content;
19455
+ height: -moz-fit-content;
19456
+ height: fit-content; }
19457
+ .tasks-component .process-courier-service h2 {
19458
+ font-size: 16px;
19459
+ line-height: 0; }
19460
+ .tasks-component .process-courier-service .heading-m {
19461
+ margin: 0;
19462
+ padding-top: 0; }
19463
+ .tasks-component .process-courier-service .popup-module-action-bar .selector-button-border {
19464
+ border: none !important; }
19465
+ .tasks-component .courier-payment {
19466
+ width: 500px;
19467
+ margin: auto;
19468
+ height: -webkit-fit-content;
19469
+ height: -moz-fit-content;
19470
+ height: fit-content; }
19471
+ .tasks-component .courier-payment h2 {
19472
+ font-size: 16px;
19473
+ line-height: 0; }
19474
+ .tasks-component .courier-payment .header-wrap {
19475
+ padding: 12px 24px; }
19476
+ .tasks-component .courier-payment .header-wrap .header-content {
19477
+ margin-top: 0 !important; }
19478
+ .tasks-component .courier-payment .header-wrap .header-end {
19479
+ padding-right: 0; }
19480
+ .tasks-component .courier-payment .header-wrap .heading-m {
19481
+ margin: 0;
19482
+ padding: 0; }
19483
+ .tasks-component .courier-payment .popup-module-action-bar .selector-button-border {
19484
+ border: none !important; }
19485
+ .tasks-component .courier-payment .task-payment-loader {
19486
+ height: 300px;
19487
+ width: 500px;
19488
+ -ms-flex-line-pack: center;
19489
+ align-content: center; }
19490
+ .tasks-component .courier-payment .task-payment-due-wrapper {
19491
+ display: -webkit-box !important;
19492
+ display: -ms-flexbox !important;
19493
+ display: flex !important;
19494
+ -webkit-box-orient: vertical;
19495
+ -webkit-box-direction: normal;
19496
+ -ms-flex-direction: column;
19497
+ flex-direction: column;
19498
+ margin: 20px 0;
19499
+ grid-gap: 10px;
19500
+ gap: 10px; }
19501
+ .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap {
19502
+ background-color: #ecf3fd;
19503
+ padding: 12px; }
19504
+ .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .digit-infobanner-header-wrap {
19505
+ display: -webkit-box;
19506
+ display: -ms-flexbox;
19507
+ display: flex;
19508
+ -webkit-box-align: center;
19509
+ -ms-flex-align: center;
19510
+ align-items: center;
19511
+ grid-gap: 8px;
19512
+ gap: 8px; }
19513
+ .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content {
19514
+ color: #3d3c3c; }
19515
+ .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul {
19516
+ list-style-type: disc;
19517
+ margin-top: 10px;
19518
+ margin-bottom: 0;
19519
+ margin-left: 0;
19520
+ padding-left: 1.5rem; }
19521
+ .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li {
19522
+ margin-bottom: 6px;
19523
+ color: #3d3c3c;
19524
+ padding-left: 8px; }
19525
+ .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li:last-child {
19526
+ margin-bottom: 0; }
19527
+ .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li::marker {
19528
+ color: #3d3c3c; }
19529
+ .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li span:first-child {
19530
+ min-width: 150px; }
19531
+ .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li span:first-child, .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li span:last-child {
19532
+ display: inline-block;
19533
+ vertical-align: top; }
19534
+ .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li span:last-child {
19535
+ max-width: calc(100% - 158px);
19536
+ word-wrap: break-word;
19537
+ word-break: break-word; }
19538
+ .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul .delivery-channel-list {
19539
+ display: inline-block !important;
19540
+ vertical-align: top; }
19541
+ .tasks-component .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul .delivery-channel-list p {
19542
+ margin: 0;
19543
+ padding-top: 0;
19544
+ padding-bottom: 4px;
19545
+ display: block;
19546
+ line-height: 1.4; }
19547
+ .tasks-component .courier-payment .task-payment-due-wrapper .total-payment {
19548
+ display: -webkit-box;
19549
+ display: -ms-flexbox;
19550
+ display: flex;
19551
+ -webkit-box-orient: vertical;
19552
+ -webkit-box-direction: normal;
19553
+ -ms-flex-direction: column;
19554
+ flex-direction: column;
19555
+ padding: 12px 0;
19556
+ border-bottom: 1px solid #bbbbbd; }
19557
+ .tasks-component .courier-payment .task-payment-due-wrapper .total-payment .total-payment-item {
19558
+ display: -webkit-box !important;
19559
+ display: -ms-flexbox !important;
19560
+ display: flex !important;
19561
+ -webkit-box-pack: justify;
19562
+ -ms-flex-pack: justify;
19563
+ justify-content: space-between;
19564
+ -webkit-box-align: center;
19565
+ -ms-flex-align: center;
19566
+ align-items: center;
19567
+ font-size: 16px; }
19568
+ .tasks-component .courier-payment .task-payment-due-wrapper .total-payment .total-payment-item.has-many-items {
19569
+ padding-right: 28px; }
19570
+ .tasks-component .courier-payment .task-payment-due-wrapper .total-payment .total-payment-item .total-payment-label {
19571
+ color: #3d3c3c; }
19572
+ .tasks-component .courier-payment .task-payment-due-wrapper .total-payment .total-payment-item .total-payment-amount {
19573
+ color: #0a0a0a;
19574
+ font-weight: 500; }
19575
+ .tasks-component .courier-payment .task-payment-due-wrapper .breakdown-payment {
19576
+ display: -webkit-box;
19577
+ display: -ms-flexbox;
19578
+ display: flex;
19579
+ -webkit-box-orient: vertical;
19580
+ -webkit-box-direction: normal;
19581
+ -ms-flex-direction: column;
19582
+ flex-direction: column;
19583
+ max-height: 175px;
19584
+ overflow-y: auto;
19585
+ padding: 4px 12px; }
19586
+ .tasks-component .courier-payment .task-payment-due-wrapper .breakdown-payment .breakdown-payment-item {
19587
+ display: -webkit-box !important;
19588
+ display: -ms-flexbox !important;
19589
+ display: flex !important;
19590
+ -webkit-box-pack: justify;
19591
+ -ms-flex-pack: justify;
19592
+ justify-content: space-between;
19593
+ -webkit-box-align: center;
19594
+ -ms-flex-align: center;
19595
+ align-items: center;
19596
+ font-size: 14px;
19597
+ color: #77787b;
19598
+ margin-bottom: 8px; }
19599
+ .tasks-component .courier-payment .task-payment-due-wrapper .pay-online-button {
19600
+ font-family: Roboto;
19601
+ font-size: 16px !important;
19602
+ font-weight: 700;
19603
+ padding: 8px 24px;
19604
+ max-width: 100%;
19605
+ line-height: 18.75px;
19606
+ border: 1px solid #007e7e !important;
19607
+ background-color: #fff !important;
19608
+ border: none;
19609
+ color: #007e7e;
19610
+ cursor: pointer;
19611
+ display: -webkit-box;
19612
+ display: -ms-flexbox;
19613
+ display: flex;
19614
+ -webkit-box-pack: center;
19615
+ -ms-flex-pack: center;
19616
+ justify-content: center; }
19617
+ .tasks-component .courier-payment .task-payment-due-wrapper .pay-online-button h2 {
19618
+ text-align: center;
19619
+ width: auto !important;
19620
+ color: #007e7e !important; }
19621
+ .tasks-component .add-address-modal input, .tasks-component .add-address-modal .checkbox-wrap .input-emp, .checkbox-wrap .tasks-component .add-address-modal .input-emp, .tasks-component .add-address-modal .digit-checkbox-wrap .input-emp, .digit-checkbox-wrap .tasks-component .add-address-modal .input-emp {
19622
+ margin-bottom: 4px !important; }
19623
+ .tasks-component .add-address-modal .card-label-error {
19624
+ word-break: break-word !important;
19625
+ white-space: normal !important;
19626
+ word-wrap: break-word !important;
19627
+ font-size: 12px !important;
19628
+ line-height: 1; }
18607
19629
 
18608
19630
  .task-filters {
18609
19631
  display: -webkit-box;
@@ -18623,6 +19645,188 @@ body {
18623
19645
  .task-filters .label-field-pair .digit-dropdown-employee-select-wrap .main-option {
18624
19646
  height: unset !important; }
18625
19647
 
19648
+ .tasks-component-table-view .process-courier-service {
19649
+ width: 60%;
19650
+ margin: auto;
19651
+ height: -webkit-fit-content;
19652
+ height: -moz-fit-content;
19653
+ height: fit-content; }
19654
+ .tasks-component-table-view .process-courier-service h2 {
19655
+ font-size: 16px;
19656
+ line-height: 0; }
19657
+ .tasks-component-table-view .process-courier-service .heading-m {
19658
+ margin: 0;
19659
+ padding-top: 0; }
19660
+ .tasks-component-table-view .process-courier-service .popup-module-action-bar .selector-button-border {
19661
+ border: none !important; }
19662
+
19663
+ .tasks-component-table-view .courier-payment {
19664
+ width: 500px;
19665
+ margin: auto;
19666
+ height: -webkit-fit-content;
19667
+ height: -moz-fit-content;
19668
+ height: fit-content; }
19669
+ .tasks-component-table-view .courier-payment h2 {
19670
+ font-size: 16px;
19671
+ line-height: 0; }
19672
+ .tasks-component-table-view .courier-payment .header-wrap {
19673
+ padding: 12px 24px; }
19674
+ .tasks-component-table-view .courier-payment .header-wrap .header-content {
19675
+ margin-top: 0 !important; }
19676
+ .tasks-component-table-view .courier-payment .header-wrap .header-end {
19677
+ padding-right: 0; }
19678
+ .tasks-component-table-view .courier-payment .header-wrap .heading-m {
19679
+ margin: 0;
19680
+ padding: 0; }
19681
+ .tasks-component-table-view .courier-payment .popup-module-action-bar .selector-button-border {
19682
+ border: none !important; }
19683
+ .tasks-component-table-view .courier-payment .task-payment-loader {
19684
+ height: 300px;
19685
+ width: 500px;
19686
+ -ms-flex-line-pack: center;
19687
+ align-content: center; }
19688
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper {
19689
+ display: -webkit-box !important;
19690
+ display: -ms-flexbox !important;
19691
+ display: flex !important;
19692
+ -webkit-box-orient: vertical;
19693
+ -webkit-box-direction: normal;
19694
+ -ms-flex-direction: column;
19695
+ flex-direction: column;
19696
+ margin: 20px 0;
19697
+ grid-gap: 10px;
19698
+ gap: 10px; }
19699
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap {
19700
+ background-color: #ecf3fd;
19701
+ padding: 12px; }
19702
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .digit-infobanner-header-wrap {
19703
+ display: -webkit-box;
19704
+ display: -ms-flexbox;
19705
+ display: flex;
19706
+ -webkit-box-align: center;
19707
+ -ms-flex-align: center;
19708
+ align-items: center;
19709
+ grid-gap: 8px;
19710
+ gap: 8px; }
19711
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content {
19712
+ color: #3d3c3c; }
19713
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul {
19714
+ list-style-type: disc;
19715
+ margin-top: 10px;
19716
+ margin-bottom: 0;
19717
+ margin-left: 0;
19718
+ padding-left: 1.5rem; }
19719
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li {
19720
+ margin-bottom: 6px;
19721
+ color: #3d3c3c;
19722
+ padding-left: 8px; }
19723
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li:last-child {
19724
+ margin-bottom: 0; }
19725
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li::marker {
19726
+ color: #3d3c3c; }
19727
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li span:first-child {
19728
+ min-width: 150px; }
19729
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li span:first-child, .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li span:last-child {
19730
+ display: inline-block;
19731
+ vertical-align: top; }
19732
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul li span:last-child {
19733
+ max-width: calc(100% - 158px);
19734
+ word-wrap: break-word;
19735
+ word-break: break-word; }
19736
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul .delivery-channel-list {
19737
+ display: inline-block !important;
19738
+ vertical-align: top; }
19739
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .digit-infobanner-wrap .info-card-content ul .delivery-channel-list p {
19740
+ margin: 0;
19741
+ padding-top: 0;
19742
+ padding-bottom: 4px;
19743
+ display: block;
19744
+ line-height: 1.4; }
19745
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .total-payment {
19746
+ display: -webkit-box;
19747
+ display: -ms-flexbox;
19748
+ display: flex;
19749
+ -webkit-box-orient: vertical;
19750
+ -webkit-box-direction: normal;
19751
+ -ms-flex-direction: column;
19752
+ flex-direction: column;
19753
+ padding: 12px 0;
19754
+ border-bottom: 1px solid #bbbbbd; }
19755
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .total-payment .total-payment-item {
19756
+ display: -webkit-box !important;
19757
+ display: -ms-flexbox !important;
19758
+ display: flex !important;
19759
+ -webkit-box-pack: justify;
19760
+ -ms-flex-pack: justify;
19761
+ justify-content: space-between;
19762
+ -webkit-box-align: center;
19763
+ -ms-flex-align: center;
19764
+ align-items: center;
19765
+ font-size: 16px; }
19766
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .total-payment .total-payment-item.has-many-items {
19767
+ padding-right: 28px; }
19768
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .total-payment .total-payment-item .total-payment-label {
19769
+ color: #3d3c3c; }
19770
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .total-payment .total-payment-item .total-payment-amount {
19771
+ color: #0a0a0a;
19772
+ font-weight: 500; }
19773
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .breakdown-payment {
19774
+ display: -webkit-box;
19775
+ display: -ms-flexbox;
19776
+ display: flex;
19777
+ -webkit-box-orient: vertical;
19778
+ -webkit-box-direction: normal;
19779
+ -ms-flex-direction: column;
19780
+ flex-direction: column;
19781
+ max-height: 175px;
19782
+ overflow-y: auto;
19783
+ padding: 4px 12px; }
19784
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .breakdown-payment .breakdown-payment-item {
19785
+ display: -webkit-box !important;
19786
+ display: -ms-flexbox !important;
19787
+ display: flex !important;
19788
+ -webkit-box-pack: justify;
19789
+ -ms-flex-pack: justify;
19790
+ justify-content: space-between;
19791
+ -webkit-box-align: center;
19792
+ -ms-flex-align: center;
19793
+ align-items: center;
19794
+ font-size: 14px;
19795
+ color: #77787b;
19796
+ margin-bottom: 8px; }
19797
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .pay-online-button {
19798
+ font-family: Roboto;
19799
+ font-size: 16px !important;
19800
+ font-weight: 700;
19801
+ padding: 8px 24px;
19802
+ max-width: 100%;
19803
+ line-height: 18.75px;
19804
+ border: 1px solid #007e7e !important;
19805
+ background-color: #fff !important;
19806
+ border: none;
19807
+ color: #007e7e;
19808
+ cursor: pointer;
19809
+ display: -webkit-box;
19810
+ display: -ms-flexbox;
19811
+ display: flex;
19812
+ -webkit-box-pack: center;
19813
+ -ms-flex-pack: center;
19814
+ justify-content: center; }
19815
+ .tasks-component-table-view .courier-payment .task-payment-due-wrapper .pay-online-button h2 {
19816
+ text-align: center;
19817
+ width: auto !important;
19818
+ color: #007e7e !important; }
19819
+
19820
+ .tasks-component-table-view .add-address-modal input, .tasks-component-table-view .add-address-modal .checkbox-wrap .input-emp, .checkbox-wrap .tasks-component-table-view .add-address-modal .input-emp, .tasks-component-table-view .add-address-modal .digit-checkbox-wrap .input-emp, .digit-checkbox-wrap .tasks-component-table-view .add-address-modal .input-emp {
19821
+ margin-bottom: 4px !important; }
19822
+
19823
+ .tasks-component-table-view .add-address-modal .card-label-error {
19824
+ word-break: break-word !important;
19825
+ white-space: normal !important;
19826
+ word-wrap: break-word !important;
19827
+ font-size: 12px !important;
19828
+ line-height: 1; }
19829
+
18626
19830
  .home-view-hearing-container {
18627
19831
  display: -webkit-box;
18628
19832
  display: -ms-flexbox;