dristi-ui-css 0.0.5-dristi-kerala.1 → 0.0.5-dristi-kerala.2

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.5-dristi-kerala.1
3
+ * dristi-ui-css - 0.0.5-dristi-kerala.2
4
4
  *
5
5
  * Copyright (c) 2025 Akshay Kumar <akshay.kumar@beehyv.com>
6
6
  *
@@ -10758,6 +10758,128 @@ body {
10758
10758
  .custom-error-tooltip span:hover + .custom-error-tooltip-message {
10759
10759
  display: block; }
10760
10760
 
10761
+ .witness-deposition-signature {
10762
+ width: 100%;
10763
+ max-width: 100%;
10764
+ overflow-x: hidden; }
10765
+ .witness-deposition-signature .doc-viewer {
10766
+ width: 75vw !important; }
10767
+ @media screen and (max-width: 899px) {
10768
+ .witness-deposition-signature .doc-viewer {
10769
+ width: 90vw !important;
10770
+ padding-left: 0 !important;
10771
+ padding-bottom: 0 !important;
10772
+ padding-right: 0 !important;
10773
+ padding-top: 0 !important; } }
10774
+ @media screen and (min-width: 899px) {
10775
+ .witness-deposition-signature .doc-viewer .doc-viewer-image {
10776
+ width: 87vw !important; } }
10777
+ @media screen and (min-width: 899px) {
10778
+ .witness-deposition-signature .doc-viewer #react-doc-viewer {
10779
+ width: 72vw !important; } }
10780
+ @media screen and (max-width: 899px) {
10781
+ .witness-deposition-signature .card, .witness-deposition-signature .card-emp {
10782
+ margin-left: 0 !important;
10783
+ margin-bottom: 0 !important;
10784
+ margin-right: 0 !important;
10785
+ margin-top: 0 !important;
10786
+ padding-left: 0 !important;
10787
+ padding-bottom: 0 !important;
10788
+ padding-right: 0 !important;
10789
+ padding-top: 0 !important; } }
10790
+ @media screen and (max-width: 899px) {
10791
+ .witness-deposition-signature .card .react-doc-viewer, .witness-deposition-signature .card-emp .react-doc-viewer {
10792
+ width: 90vw !important; } }
10793
+ .witness-deposition-signature .header {
10794
+ display: -webkit-box !important;
10795
+ display: -ms-flexbox !important;
10796
+ display: flex !important;
10797
+ -webkit-box-pack: center !important;
10798
+ -ms-flex-pack: center !important;
10799
+ justify-content: center !important;
10800
+ padding: 12px 20px !important;
10801
+ font-size: 22px !important; }
10802
+ @media screen and (min-width: 900px) {
10803
+ .witness-deposition-signature .header {
10804
+ padding-left: 40px !important;
10805
+ padding-bottom: 12px !important;
10806
+ padding-right: 40px !important;
10807
+ padding-top: 12px !important;
10808
+ font-size: 26px !important; } }
10809
+ .witness-deposition-signature .content-container {
10810
+ display: -webkit-box;
10811
+ display: -ms-flexbox;
10812
+ display: flex;
10813
+ -webkit-box-orient: vertical;
10814
+ -webkit-box-direction: normal;
10815
+ -ms-flex-direction: column;
10816
+ flex-direction: column; }
10817
+ @media screen and (min-width: 900px) {
10818
+ .witness-deposition-signature .content-container {
10819
+ -webkit-box-orient: horizontal;
10820
+ -webkit-box-direction: normal;
10821
+ -ms-flex-direction: row;
10822
+ flex-direction: row; } }
10823
+ .witness-deposition-signature .doc-viewer {
10824
+ margin: 10px auto !important;
10825
+ border: 1px solid #d3d3d3 !important;
10826
+ border-radius: 5px !important; }
10827
+ @media screen and (min-width: 900px) {
10828
+ .witness-deposition-signature .doc-viewer {
10829
+ margin-left: auto !important;
10830
+ margin-bottom: 24px !important;
10831
+ margin-right: auto !important;
10832
+ margin-top: 24px !important; } }
10833
+ .witness-deposition-signature .action-bar-wrap, .witness-deposition-signature .workbench .workbench-create-form div.action-bar-wrap, .workbench .workbench-create-form .witness-deposition-signature div.action-bar-wrap {
10834
+ max-width: none !important; }
10835
+ @media screen and (max-width: 899px) {
10836
+ .witness-deposition-signature .action-bar-wrap, .witness-deposition-signature .workbench .workbench-create-form div.action-bar-wrap, .workbench .workbench-create-form .witness-deposition-signature div.action-bar-wrap {
10837
+ width: 100% !important;
10838
+ padding-left: 0 !important;
10839
+ padding-bottom: 10px !important;
10840
+ padding-right: 0 !important;
10841
+ padding-top: 10px !important; } }
10842
+ .witness-deposition-signature .action-bar-wrap .action-bar, .witness-deposition-signature .workbench .workbench-create-form div.action-bar-wrap .action-bar, .workbench .workbench-create-form .witness-deposition-signature div.action-bar-wrap .action-bar {
10843
+ display: -webkit-box !important;
10844
+ display: -ms-flexbox !important;
10845
+ display: flex !important; }
10846
+ @media screen and (max-width: 899px) {
10847
+ .witness-deposition-signature .action-bar-wrap .action-bar, .witness-deposition-signature .workbench .workbench-create-form div.action-bar-wrap .action-bar, .workbench .workbench-create-form .witness-deposition-signature div.action-bar-wrap .action-bar {
10848
+ -webkit-box-pack: justify !important;
10849
+ -ms-flex-pack: justify !important;
10850
+ justify-content: space-between !important;
10851
+ padding-left: 16px !important;
10852
+ padding-bottom: 0 !important;
10853
+ padding-right: 16px !important;
10854
+ padding-top: 0 !important; } }
10855
+ @media screen and (min-width: 900px) {
10856
+ .witness-deposition-signature .action-bar-wrap .action-bar, .witness-deposition-signature .workbench .workbench-create-form div.action-bar-wrap .action-bar, .workbench .workbench-create-form .witness-deposition-signature div.action-bar-wrap .action-bar {
10857
+ padding-left: 0;
10858
+ padding-bottom: 0;
10859
+ padding-right: 0;
10860
+ padding-top: 0;
10861
+ -webkit-box-pack: end !important;
10862
+ -ms-flex-pack: end !important;
10863
+ justify-content: flex-end !important;
10864
+ width: 100% !important; } }
10865
+ .witness-deposition-signature .action-bar-wrap .action-bar .back-button, .witness-deposition-signature .workbench .workbench-create-form div.action-bar-wrap .action-bar .back-button, .workbench .workbench-create-form .witness-deposition-signature div.action-bar-wrap .action-bar .back-button {
10866
+ background-color: "#fff";
10867
+ padding: 10px;
10868
+ margin-right: 10px; }
10869
+ @media screen and (min-width: 900px) {
10870
+ .witness-deposition-signature .action-bar-wrap .action-bar .back-button, .witness-deposition-signature .workbench .workbench-create-form div.action-bar-wrap .action-bar .back-button, .workbench .workbench-create-form .witness-deposition-signature div.action-bar-wrap .action-bar .back-button {
10871
+ padding-left: 10px;
10872
+ padding-bottom: 10px;
10873
+ padding-right: 10px;
10874
+ padding-top: 10px;
10875
+ width: 90px !important;
10876
+ margin-right: 20px !important; } }
10877
+ @media screen and (max-width: 899px) {
10878
+ .witness-deposition-signature .action-bar-wrap .action-bar .submit-bar, .witness-deposition-signature .workbench .workbench-create-form div.action-bar-wrap .action-bar .submit-bar, .workbench .workbench-create-form .witness-deposition-signature div.action-bar-wrap .action-bar .submit-bar {
10879
+ width: -webkit-fit-content !important;
10880
+ width: -moz-fit-content !important;
10881
+ width: fit-content !important; } }
10882
+
10761
10883
  .e-filing-card-wrapper h2 {
10762
10884
  margin-top: 0; }
10763
10885
 
@@ -14629,6 +14751,52 @@ body {
14629
14751
  .user-address-form .card div:nth-of-type(2) .bolder, .user-address-form .card-emp div:nth-of-type(2) .bolder {
14630
14752
  font-size: 16px !important; }
14631
14753
 
14754
+ .bail-bond-login-page .citizen-form-wrapper {
14755
+ display: -webkit-box;
14756
+ display: -ms-flexbox;
14757
+ display: flex;
14758
+ -webkit-box-pack: center;
14759
+ -ms-flex-pack: center;
14760
+ justify-content: center; }
14761
+
14762
+ .bail-bond-login-page .login-form.responsive-container {
14763
+ width: 35vw; }
14764
+ @media (max-width: 1024px) {
14765
+ .bail-bond-login-page .login-form.responsive-container {
14766
+ width: 60vw; } }
14767
+ @media (max-width: 768px) {
14768
+ .bail-bond-login-page .login-form.responsive-container {
14769
+ width: 80vw; } }
14770
+ @media (max-width: 480px) {
14771
+ .bail-bond-login-page .login-form.responsive-container {
14772
+ width: 95vw; } }
14773
+
14774
+ .bail-bond-login-page .form-section {
14775
+ margin-top: 10px; }
14776
+
14777
+ .bail-bond-login-page .field-container, .bail-bond-login-page .text-input, .bail-bond-login-page .text-input-width-size {
14778
+ max-width: none !important;
14779
+ max-width: none !important; }
14780
+
14781
+ .bail-bond-login-page .citizen-card-input--front {
14782
+ background-color: #e0e0e0 !important;
14783
+ margin-bottom: 5px; }
14784
+
14785
+ .bail-bond-login-page .error-border {
14786
+ border-color: #bb2c2f !important; }
14787
+
14788
+ .bail-bond-login-page .error-message {
14789
+ color: #bb2c2f;
14790
+ margin: 4px 0 8px;
14791
+ display: -webkit-box;
14792
+ display: -ms-flexbox;
14793
+ display: flex;
14794
+ grid-gap: 4px;
14795
+ gap: 4px;
14796
+ -webkit-box-align: center;
14797
+ -ms-flex-align: center;
14798
+ align-items: center; }
14799
+
14632
14800
  .verify-phone-div {
14633
14801
  padding: 16px 24px;
14634
14802
  display: -webkit-box;
@@ -16219,6 +16387,108 @@ body {
16219
16387
  color: #00703c;
16220
16388
  background-color: #e4f2e4; }
16221
16389
 
16390
+ @media (max-width: 1024px) {
16391
+ .responsive-signature-modal.popup-module {
16392
+ width: 60vw;
16393
+ height: -webkit-fit-content;
16394
+ height: -moz-fit-content;
16395
+ height: fit-content; }
16396
+ .responsive-signature-modal.popup-module .popup-module-main {
16397
+ max-height: calc(88vh - 120px);
16398
+ overflow: auto; } }
16399
+
16400
+ @media (max-width: 768px) {
16401
+ .responsive-signature-modal.popup-module {
16402
+ width: 95vw;
16403
+ height: -webkit-fit-content;
16404
+ height: -moz-fit-content;
16405
+ height: fit-content;
16406
+ max-height: none;
16407
+ position: fixed;
16408
+ top: 50%;
16409
+ left: 50%;
16410
+ -webkit-transform: translate(-50%, -50%);
16411
+ transform: translate(-50%, -50%); }
16412
+ .responsive-signature-modal.popup-module .header-wrap {
16413
+ padding: 0 12px !important; }
16414
+ .responsive-signature-modal.popup-module .popup-module-main {
16415
+ padding: 16px !important;
16416
+ overflow: auto; }
16417
+ .responsive-signature-modal.popup-module .popup-module-main .add-signature-main-div {
16418
+ -webkit-box-orient: vertical;
16419
+ -webkit-box-direction: normal;
16420
+ -ms-flex-direction: column;
16421
+ flex-direction: column; }
16422
+ .responsive-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed h1 {
16423
+ font-size: 20px; }
16424
+ .responsive-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div {
16425
+ -webkit-box-orient: vertical;
16426
+ -webkit-box-direction: normal;
16427
+ -ms-flex-direction: column;
16428
+ flex-direction: column;
16429
+ grid-gap: 12px;
16430
+ gap: 12px;
16431
+ height: auto; }
16432
+ .responsive-signature-modal.popup-module .popup-module-action-bar {
16433
+ display: -webkit-box;
16434
+ display: -ms-flexbox;
16435
+ display: flex;
16436
+ -webkit-box-orient: vertical;
16437
+ -webkit-box-direction: normal;
16438
+ -ms-flex-direction: column;
16439
+ flex-direction: column;
16440
+ grid-gap: 12px;
16441
+ gap: 12px;
16442
+ -webkit-box-align: stretch;
16443
+ -ms-flex-align: stretch;
16444
+ align-items: stretch;
16445
+ padding: 0 !important; }
16446
+ .responsive-signature-modal.popup-module .popup-module-action-bar .selector-button-border, .responsive-signature-modal.popup-module .popup-module-action-bar .selector-button-primary, .responsive-signature-modal.popup-module .popup-module-action-bar .selector-button-primary-disabled, .responsive-signature-modal.popup-module .popup-module-action-bar button {
16447
+ width: 100% !important; } }
16448
+
16449
+ @media (max-width: 400px) {
16450
+ .responsive-signature-modal.popup-module {
16451
+ width: 95vw;
16452
+ max-height: 86vh;
16453
+ height: auto; }
16454
+ .responsive-signature-modal.popup-module .header-wrap {
16455
+ padding: 0 12px !important; }
16456
+ .responsive-signature-modal.popup-module .popup-module-main {
16457
+ padding: 16px !important;
16458
+ max-height: calc(86vh - 112px);
16459
+ overflow: auto; }
16460
+ .responsive-signature-modal.popup-module .popup-module-main .add-signature-main-div {
16461
+ -webkit-box-orient: vertical;
16462
+ -webkit-box-direction: normal;
16463
+ -ms-flex-direction: column;
16464
+ flex-direction: column; }
16465
+ .responsive-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed h1 {
16466
+ font-size: 20px; }
16467
+ .responsive-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div {
16468
+ -webkit-box-orient: vertical;
16469
+ -webkit-box-direction: normal;
16470
+ -ms-flex-direction: column;
16471
+ flex-direction: column;
16472
+ grid-gap: 12px;
16473
+ gap: 12px;
16474
+ height: auto; }
16475
+ .responsive-signature-modal.popup-module .popup-module-action-bar {
16476
+ display: -webkit-box;
16477
+ display: -ms-flexbox;
16478
+ display: flex;
16479
+ -webkit-box-orient: vertical;
16480
+ -webkit-box-direction: normal;
16481
+ -ms-flex-direction: column;
16482
+ flex-direction: column;
16483
+ grid-gap: 12px;
16484
+ gap: 12px;
16485
+ -webkit-box-align: stretch;
16486
+ -ms-flex-align: stretch;
16487
+ align-items: stretch;
16488
+ padding: 0 !important; }
16489
+ .responsive-signature-modal.popup-module .popup-module-action-bar .selector-button-border, .responsive-signature-modal.popup-module .popup-module-action-bar .selector-button-primary, .responsive-signature-modal.popup-module .popup-module-action-bar .selector-button-primary-disabled, .responsive-signature-modal.popup-module .popup-module-action-bar button {
16490
+ width: 100% !important; } }
16491
+
16222
16492
  .submission-payment-modal.popup-module {
16223
16493
  width: 536px; }
16224
16494
  .submission-payment-modal.popup-module .popup-module-main .submission-payment-modal-body-main {
@@ -16471,7 +16741,7 @@ body {
16471
16741
  -webkit-box-shadow: none;
16472
16742
  box-shadow: none; }
16473
16743
 
16474
- .bailbond .card .label-field-pair .card-label, .bailbond .card-emp .label-field-pair .card-label, .bailbond .card .label-field-pair .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .control-label, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .bailbond .card .label-field-pair .control-label, .bailbond .card-emp .label-field-pair .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .control-label, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .bailbond .card-emp .label-field-pair .control-label, .bailbond .card .label-field-pair .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label span, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .bailbond .card .label-field-pair span, .bailbond .card-emp .label-field-pair .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label span, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .bailbond .card-emp .label-field-pair span {
16744
+ .bail-bond .card .label-field-pair .card-label, .bail-bond .card-emp .label-field-pair .card-label, .bail-bond .card .label-field-pair .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .control-label, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .bail-bond .card .label-field-pair .control-label, .bail-bond .card-emp .label-field-pair .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .control-label, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .bail-bond .card-emp .label-field-pair .control-label, .bail-bond .card .label-field-pair .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label span, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .bail-bond .card .label-field-pair span, .bail-bond .card-emp .label-field-pair .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label span, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .bail-bond .card-emp .label-field-pair span {
16475
16745
  font-weight: unset !important;
16476
16746
  margin-bottom: 8px !important; }
16477
16747
 
@@ -16540,6 +16810,254 @@ body {
16540
16810
  .citizen-bail-bond {
16541
16811
  background-color: #e0e0e0 !important; }
16542
16812
 
16813
+ .bail-bond-signature-page .header {
16814
+ font-size: 26px;
16815
+ padding: 12px 40px;
16816
+ font-weight: 700;
16817
+ border-bottom: 1px solid #e8e8e8; }
16818
+
16819
+ .bail-bond-signature-page .container {
16820
+ display: -webkit-box;
16821
+ display: -ms-flexbox;
16822
+ display: flex;
16823
+ -webkit-box-orient: horizontal;
16824
+ -webkit-box-direction: normal;
16825
+ -ms-flex-direction: row;
16826
+ flex-direction: row;
16827
+ margin-bottom: 50px;
16828
+ padding: 0 24px;
16829
+ height: 100%; }
16830
+
16831
+ .bail-bond-signature-page .details {
16832
+ color: #0a0a0a;
16833
+ font-weight: 700;
16834
+ font-size: 18px;
16835
+ padding-bottom: 22px; }
16836
+
16837
+ .bail-bond-signature-page .details-section {
16838
+ grid-gap: 12px;
16839
+ gap: 12px; }
16840
+
16841
+ .bail-bond-signature-page .details-section, .bail-bond-signature-page .left-panel {
16842
+ display: -webkit-box;
16843
+ display: -ms-flexbox;
16844
+ display: flex;
16845
+ -webkit-box-orient: vertical;
16846
+ -webkit-box-direction: normal;
16847
+ -ms-flex-direction: column;
16848
+ flex-direction: column; }
16849
+
16850
+ .bail-bond-signature-page .left-panel {
16851
+ width: 350px;
16852
+ padding: 30px 0 16px 16px;
16853
+ border-right: 1px solid #e8e8e8;
16854
+ grid-gap: 16px;
16855
+ gap: 16px; }
16856
+
16857
+ .bail-bond-signature-page .right-panel {
16858
+ -webkit-box-flex: 1;
16859
+ -ms-flex: 1;
16860
+ flex: 1;
16861
+ padding: 24px;
16862
+ height: 100%;
16863
+ -webkit-box-sizing: border-box;
16864
+ box-sizing: border-box;
16865
+ overflow: hidden;
16866
+ display: -webkit-box;
16867
+ display: -ms-flexbox;
16868
+ display: flex;
16869
+ -webkit-box-orient: vertical;
16870
+ -webkit-box-direction: normal;
16871
+ -ms-flex-direction: column;
16872
+ flex-direction: column; }
16873
+
16874
+ .bail-bond-signature-page .doc-viewer {
16875
+ -webkit-box-flex: 1;
16876
+ -ms-flex: 1;
16877
+ flex: 1;
16878
+ margin-top: 24px;
16879
+ border: 1px solid #e0e0e0;
16880
+ overflow: auto;
16881
+ border-radius: 8px;
16882
+ background: #fafafa; }
16883
+
16884
+ .bail-bond-signature-page .litigant-details {
16885
+ display: -webkit-box;
16886
+ display: -ms-flexbox;
16887
+ display: flex;
16888
+ -webkit-box-pack: justify;
16889
+ -ms-flex-pack: justify;
16890
+ justify-content: space-between;
16891
+ -webkit-box-align: center;
16892
+ -ms-flex-align: center;
16893
+ align-items: center;
16894
+ border-bottom: 1px solid #e8e8e8;
16895
+ color: #77787b;
16896
+ padding: 8px 16px 20px 0;
16897
+ font-weight: 700;
16898
+ font-size: 16px;
16899
+ margin-top: 5px; }
16900
+
16901
+ .bail-bond-signature-page .signed-label {
16902
+ color: #00703c;
16903
+ background-color: #e4f2e4; }
16904
+
16905
+ .bail-bond-signature-page .signed-label, .bail-bond-signature-page .unsigned-label {
16906
+ padding: 6px 8px;
16907
+ border-radius: 999px;
16908
+ font-size: 14px;
16909
+ font-weight: 400; }
16910
+
16911
+ .bail-bond-signature-page .unsigned-label {
16912
+ color: #9e400a;
16913
+ background-color: #fff6e8; }
16914
+
16915
+ .bail-bond-signature-page .action-bar {
16916
+ display: -webkit-box;
16917
+ display: -ms-flexbox;
16918
+ display: flex;
16919
+ -webkit-box-pack: end;
16920
+ -ms-flex-pack: end;
16921
+ justify-content: flex-end;
16922
+ width: 100%; }
16923
+
16924
+ .bail-bond-signature-page .submit-btn {
16925
+ -webkit-box-shadow: none;
16926
+ box-shadow: none;
16927
+ background-color: teal;
16928
+ color: #fff;
16929
+ font-weight: 700;
16930
+ cursor: pointer; }
16931
+ .bail-bond-signature-page .submit-btn span {
16932
+ display: -webkit-box;
16933
+ display: -ms-flexbox;
16934
+ display: flex;
16935
+ -webkit-box-align: center;
16936
+ -ms-flex-align: center;
16937
+ align-items: center;
16938
+ -webkit-box-pack: center;
16939
+ -ms-flex-pack: center;
16940
+ justify-content: center;
16941
+ width: 100%; }
16942
+
16943
+ .bail-bond-signature-page .edit-btn {
16944
+ background-color: #fff;
16945
+ border: solid #007e7e;
16946
+ color: #007e7e;
16947
+ cursor: pointer;
16948
+ padding: 10px;
16949
+ width: 90px;
16950
+ margin-right: 20px;
16951
+ font-family: Roboto,sans-serif;
16952
+ font-size: 16px;
16953
+ font-weight: 700;
16954
+ line-height: 18.75px;
16955
+ text-align: center; }
16956
+
16957
+ .bail-bond-signature-page .submit-loader {
16958
+ width: 100vw;
16959
+ height: 100vh;
16960
+ z-index: 99999999;
16961
+ position: fixed;
16962
+ right: 0;
16963
+ top: 0;
16964
+ background: rgba(234, 234, 245, 0.5);
16965
+ display: -webkit-box;
16966
+ display: -ms-flexbox;
16967
+ display: flex;
16968
+ -webkit-box-align: center;
16969
+ -ms-flex-align: center;
16970
+ align-items: center;
16971
+ -webkit-box-pack: center;
16972
+ -ms-flex-pack: center;
16973
+ justify-content: center; }
16974
+
16975
+ @media (max-width: 480px) {
16976
+ .bail-bond-signature-page .header {
16977
+ font-size: 22px;
16978
+ padding: 12px 16px; }
16979
+ .bail-bond-signature-page .container {
16980
+ -webkit-box-orient: vertical;
16981
+ -webkit-box-direction: normal;
16982
+ -ms-flex-direction: column;
16983
+ flex-direction: column;
16984
+ padding: 0 16px;
16985
+ grid-gap: 16px;
16986
+ gap: 16px; }
16987
+ .bail-bond-signature-page .left-panel {
16988
+ width: 100%;
16989
+ border-right: none;
16990
+ border-bottom: 1px solid #e8e8e8;
16991
+ padding-left: 0;
16992
+ padding-top: 20px;
16993
+ padding-bottom: 12px; }
16994
+ .bail-bond-signature-page .right-panel {
16995
+ padding: 0;
16996
+ height: auto; }
16997
+ .bail-bond-signature-page .doc-viewer {
16998
+ margin-top: 16px;
16999
+ height: 60vh;
17000
+ -webkit-box-flex: unset;
17001
+ -ms-flex: unset;
17002
+ flex: unset; }
17003
+ .bail-bond-signature-page .litigant-details {
17004
+ padding-right: 0;
17005
+ font-size: 14px; }
17006
+ .bail-bond-signature-page .action-bar-buttons {
17007
+ min-width: 100%; }
17008
+ .bail-bond-signature-page .action-bar {
17009
+ -webkit-box-pack: center;
17010
+ -ms-flex-pack: center;
17011
+ justify-content: center; } }
17012
+
17013
+ @media (max-width: 800px) {
17014
+ .bail-bond-signature-page .header {
17015
+ font-size: 24px;
17016
+ padding: 12px 24px; }
17017
+ .bail-bond-signature-page .container {
17018
+ -webkit-box-orient: vertical;
17019
+ -webkit-box-direction: normal;
17020
+ -ms-flex-direction: column;
17021
+ flex-direction: column;
17022
+ grid-gap: 20px;
17023
+ gap: 20px; }
17024
+ .bail-bond-signature-page .left-panel {
17025
+ width: 100%;
17026
+ border-right: none;
17027
+ border-bottom: 1px solid #e8e8e8;
17028
+ padding-left: 0; }
17029
+ .bail-bond-signature-page .right-panel {
17030
+ padding: 16px 0;
17031
+ height: auto; }
17032
+ .bail-bond-signature-page .doc-viewer {
17033
+ margin-top: 16px;
17034
+ height: 70vh;
17035
+ -webkit-box-flex: unset;
17036
+ -ms-flex: unset;
17037
+ flex: unset; }
17038
+ .bail-bond-signature-page .litigant-details {
17039
+ font-size: 15px; }
17040
+ .bail-bond-signature-page .action-bar, .bail-bond-signature-page .action-bar-buttons {
17041
+ min-width: 100%; }
17042
+ .bail-bond-signature-page .action-bar {
17043
+ -webkit-box-pack: end;
17044
+ -ms-flex-pack: end;
17045
+ justify-content: flex-end; } }
17046
+
17047
+ @media (max-width: 1024px) {
17048
+ .bail-bond-signature-page .container {
17049
+ padding: 0 16px; }
17050
+ .bail-bond-signature-page .right-panel {
17051
+ padding: 16px; } }
17052
+
17053
+ .centered-success-modal {
17054
+ width: 700px;
17055
+ max-width: 90%; }
17056
+
17057
+ @media (max-width: 768px) {
17058
+ .centered-success-modal {
17059
+ width: 90% !important; } }
17060
+
16543
17061
  .microplanning .upload {
16544
17062
  display: -webkit-box;
16545
17063
  display: -ms-flexbox;