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

package/dist/index.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * dristi-ui-css - 0.0.5-dristi-kerala.1
+ * dristi-ui-css - 0.0.5-dristi-kerala.5
  *
  * Copyright (c) 2025 Akshay Kumar <akshay.kumar@beehyv.com>
  * 
@@ -10571,6 +10571,10 @@ body {
   color: #77787b;
   padding: 12px; }
 
+.custom-editor {
+  max-width: 100%;
+  word-break: break-word; }
+
 .custom-editor-wrapper {
   border: 1px solid #ccc;
   border-radius: 4px; }
@@ -10580,11 +10584,13 @@ body {
     margin: 0;
     padding: 8px; }
   .custom-editor-wrapper .rdw-editor-main {
+    width: 100%;
+    max-width: 100%;
+    -webkit-box-sizing: border-box;
     height: 300px !important;
     overflow: hidden !important;
     border: none;
     padding: 12px;
-    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     counter-reset: clean-counter; }
     .custom-editor-wrapper .rdw-editor-main ol {
@@ -10605,23 +10611,27 @@ body {
     height: 100% !important;
     overflow-y: auto !important;
     scrollbar-width: thin;
-    scrollbar-color: transparent transparent;
+    scrollbar-color: #ccc transparent;
     scroll-behavior: smooth; }
     .custom-editor-wrapper .DraftEditor-root::-webkit-scrollbar {
       width: 6px; }
     .custom-editor-wrapper .DraftEditor-root::-webkit-scrollbar-track {
       background: transparent; }
     .custom-editor-wrapper .DraftEditor-root::-webkit-scrollbar-thumb {
-      background: transparent;
+      background: rgba(204, 204, 204, 0.8);
       border-radius: 3px; }
-    .custom-editor-wrapper .DraftEditor-root:hover::-webkit-scrollbar-thumb {
-      background: rgba(204, 204, 204, 0.8); }
     .custom-editor-wrapper .DraftEditor-root::-webkit-scrollbar-thumb:hover {
       background: #999; }
+  .custom-editor-wrapper .public-DraftStyleDefault-block {
+    margin: 0 !important;
+    max-width: 100%;
+    white-space: normal; }
   .custom-editor-wrapper .DraftEditor-editorContainer {
     height: 100% !important; }
   .custom-editor-wrapper .public-DraftEditor-content {
-    min-height: 100% !important; }
+    min-height: 100% !important;
+    max-width: 100%;
+    word-wrap: break-word; }
 
 .value ol {
   list-style-type: decimal; }
@@ -10758,6 +10768,128 @@ body {
 .custom-error-tooltip span:hover + .custom-error-tooltip-message {
   display: block; }
 
+.witness-deposition-signature {
+  width: 100%;
+  max-width: 100%;
+  overflow-x: hidden; }
+  .witness-deposition-signature .doc-viewer {
+    width: 75vw !important; }
+    @media screen and (max-width: 899px) {
+      .witness-deposition-signature .doc-viewer {
+        width: 90vw !important;
+        padding-left: 0 !important;
+        padding-bottom: 0 !important;
+        padding-right: 0 !important;
+        padding-top: 0 !important; } }
+    @media screen and (min-width: 899px) {
+      .witness-deposition-signature .doc-viewer .doc-viewer-image {
+        width: 87vw !important; } }
+    @media screen and (min-width: 899px) {
+      .witness-deposition-signature .doc-viewer #react-doc-viewer {
+        width: 72vw !important; } }
+  @media screen and (max-width: 899px) {
+    .witness-deposition-signature .card, .witness-deposition-signature .card-emp {
+      margin-left: 0 !important;
+      margin-bottom: 0 !important;
+      margin-right: 0 !important;
+      margin-top: 0 !important;
+      padding-left: 0 !important;
+      padding-bottom: 0 !important;
+      padding-right: 0 !important;
+      padding-top: 0 !important; } }
+  @media screen and (max-width: 899px) {
+    .witness-deposition-signature .card .react-doc-viewer, .witness-deposition-signature .card-emp .react-doc-viewer {
+      width: 90vw !important; } }
+  .witness-deposition-signature .header {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -webkit-box-pack: center !important;
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+    padding: 12px 20px !important;
+    font-size: 22px !important; }
+    @media screen and (min-width: 900px) {
+      .witness-deposition-signature .header {
+        padding-left: 40px !important;
+        padding-bottom: 12px !important;
+        padding-right: 40px !important;
+        padding-top: 12px !important;
+        font-size: 26px !important; } }
+  .witness-deposition-signature .content-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+    @media screen and (min-width: 900px) {
+      .witness-deposition-signature .content-container {
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+        flex-direction: row; } }
+  .witness-deposition-signature .doc-viewer {
+    margin: 10px auto !important;
+    border: 1px solid #d3d3d3 !important;
+    border-radius: 5px !important; }
+    @media screen and (min-width: 900px) {
+      .witness-deposition-signature .doc-viewer {
+        margin-left: auto !important;
+        margin-bottom: 24px !important;
+        margin-right: auto !important;
+        margin-top: 24px !important; } }
+  .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 {
+    max-width: none !important; }
+    @media screen and (max-width: 899px) {
+      .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 {
+        width: 100% !important;
+        padding-left: 0 !important;
+        padding-bottom: 10px !important;
+        padding-right: 0 !important;
+        padding-top: 10px !important; } }
+    .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 {
+      display: -webkit-box !important;
+      display: -ms-flexbox !important;
+      display: flex !important; }
+      @media screen and (max-width: 899px) {
+        .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 {
+          -webkit-box-pack: justify !important;
+          -ms-flex-pack: justify !important;
+          justify-content: space-between !important;
+          padding-left: 16px !important;
+          padding-bottom: 0 !important;
+          padding-right: 16px !important;
+          padding-top: 0 !important; } }
+      @media screen and (min-width: 900px) {
+        .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 {
+          padding-left: 0;
+          padding-bottom: 0;
+          padding-right: 0;
+          padding-top: 0;
+          -webkit-box-pack: end !important;
+          -ms-flex-pack: end !important;
+          justify-content: flex-end !important;
+          width: 100% !important; } }
+      .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 {
+        background-color: "#fff";
+        padding: 10px;
+        margin-right: 10px; }
+        @media screen and (min-width: 900px) {
+          .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 {
+            padding-left: 10px;
+            padding-bottom: 10px;
+            padding-right: 10px;
+            padding-top: 10px;
+            width: 90px !important;
+            margin-right: 20px !important; } }
+      @media screen and (max-width: 899px) {
+        .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 {
+          width: -webkit-fit-content !important;
+          width: -moz-fit-content !important;
+          width: fit-content !important; } }
+
 .e-filing-card-wrapper h2 {
   margin-top: 0; }
 
@@ -14629,6 +14761,52 @@ body {
 .user-address-form .card div:nth-of-type(2) .bolder, .user-address-form .card-emp div:nth-of-type(2) .bolder {
   font-size: 16px !important; }
 
+.bail-bond-login-page .citizen-form-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
+
+.bail-bond-login-page .login-form.responsive-container {
+  width: 35vw; }
+  @media (max-width: 1024px) {
+    .bail-bond-login-page .login-form.responsive-container {
+      width: 60vw; } }
+  @media (max-width: 768px) {
+    .bail-bond-login-page .login-form.responsive-container {
+      width: 80vw; } }
+  @media (max-width: 480px) {
+    .bail-bond-login-page .login-form.responsive-container {
+      width: 95vw; } }
+
+.bail-bond-login-page .form-section {
+  margin-top: 10px; }
+
+.bail-bond-login-page .field-container, .bail-bond-login-page .text-input, .bail-bond-login-page .text-input-width-size {
+  max-width: none !important;
+  max-width: none !important; }
+
+.bail-bond-login-page .citizen-card-input--front {
+  background-color: #e0e0e0 !important;
+  margin-bottom: 5px; }
+
+.bail-bond-login-page .error-border {
+  border-color: #bb2c2f !important; }
+
+.bail-bond-login-page .error-message {
+  color: #bb2c2f;
+  margin: 4px 0 8px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 4px;
+  gap: 4px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
 .verify-phone-div {
   padding: 16px 24px;
   display: -webkit-box;
@@ -16219,6 +16397,108 @@ body {
         color: #00703c;
         background-color: #e4f2e4; }
 
+@media (max-width: 1024px) {
+  .responsive-signature-modal.popup-module {
+    width: 60vw;
+    height: -webkit-fit-content;
+    height: -moz-fit-content;
+    height: fit-content; }
+    .responsive-signature-modal.popup-module .popup-module-main {
+      max-height: calc(88vh - 120px);
+      overflow: auto; } }
+
+@media (max-width: 768px) {
+  .responsive-signature-modal.popup-module {
+    width: 95vw;
+    height: -webkit-fit-content;
+    height: -moz-fit-content;
+    height: fit-content;
+    max-height: none;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%); }
+    .responsive-signature-modal.popup-module .header-wrap {
+      padding: 0 12px !important; }
+    .responsive-signature-modal.popup-module .popup-module-main {
+      padding: 16px !important;
+      overflow: auto; }
+      .responsive-signature-modal.popup-module .popup-module-main .add-signature-main-div {
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+        flex-direction: column; }
+        .responsive-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed h1 {
+          font-size: 20px; }
+        .responsive-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div {
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column;
+          grid-gap: 12px;
+          gap: 12px;
+          height: auto; }
+    .responsive-signature-modal.popup-module .popup-module-action-bar {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      grid-gap: 12px;
+      gap: 12px;
+      -webkit-box-align: stretch;
+      -ms-flex-align: stretch;
+      align-items: stretch;
+      padding: 0 !important; }
+      .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 {
+        width: 100% !important; } }
+
+@media (max-width: 400px) {
+  .responsive-signature-modal.popup-module {
+    width: 95vw;
+    max-height: 86vh;
+    height: auto; }
+    .responsive-signature-modal.popup-module .header-wrap {
+      padding: 0 12px !important; }
+    .responsive-signature-modal.popup-module .popup-module-main {
+      padding: 16px !important;
+      max-height: calc(86vh - 112px);
+      overflow: auto; }
+      .responsive-signature-modal.popup-module .popup-module-main .add-signature-main-div {
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+        flex-direction: column; }
+        .responsive-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed h1 {
+          font-size: 20px; }
+        .responsive-signature-modal.popup-module .popup-module-main .add-signature-main-div .not-signed .buttons-div {
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column;
+          grid-gap: 12px;
+          gap: 12px;
+          height: auto; }
+    .responsive-signature-modal.popup-module .popup-module-action-bar {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      grid-gap: 12px;
+      gap: 12px;
+      -webkit-box-align: stretch;
+      -ms-flex-align: stretch;
+      align-items: stretch;
+      padding: 0 !important; }
+      .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 {
+        width: 100% !important; } }
+
 .submission-payment-modal.popup-module {
   width: 536px; }
   .submission-payment-modal.popup-module .popup-module-main .submission-payment-modal-body-main {
@@ -16471,7 +16751,7 @@ body {
     -webkit-box-shadow: none;
     box-shadow: none; }
 
-.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 {
+.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 {
   font-weight: unset !important;
   margin-bottom: 8px !important; }
 
@@ -16540,6 +16820,254 @@ body {
 .citizen-bail-bond {
   background-color: #e0e0e0 !important; }
 
+.bail-bond-signature-page .header {
+  font-size: 26px;
+  padding: 12px 40px;
+  font-weight: 700;
+  border-bottom: 1px solid #e8e8e8; }
+
+.bail-bond-signature-page .container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  margin-bottom: 50px;
+  padding: 0 24px;
+  height: 100%; }
+
+.bail-bond-signature-page .details {
+  color: #0a0a0a;
+  font-weight: 700;
+  font-size: 18px;
+  padding-bottom: 22px; }
+
+.bail-bond-signature-page .details-section {
+  grid-gap: 12px;
+  gap: 12px; }
+
+.bail-bond-signature-page .details-section, .bail-bond-signature-page .left-panel {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.bail-bond-signature-page .left-panel {
+  width: 350px;
+  padding: 30px 0 16px 16px;
+  border-right: 1px solid #e8e8e8;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.bail-bond-signature-page .right-panel {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  padding: 24px;
+  height: 100%;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  overflow: hidden;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.bail-bond-signature-page .doc-viewer {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  margin-top: 24px;
+  border: 1px solid #e0e0e0;
+  overflow: auto;
+  border-radius: 8px;
+  background: #fafafa; }
+
+.bail-bond-signature-page .litigant-details {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border-bottom: 1px solid #e8e8e8;
+  color: #77787b;
+  padding: 8px 16px 20px 0;
+  font-weight: 700;
+  font-size: 16px;
+  margin-top: 5px; }
+
+.bail-bond-signature-page .signed-label {
+  color: #00703c;
+  background-color: #e4f2e4; }
+
+.bail-bond-signature-page .signed-label, .bail-bond-signature-page .unsigned-label {
+  padding: 6px 8px;
+  border-radius: 999px;
+  font-size: 14px;
+  font-weight: 400; }
+
+.bail-bond-signature-page .unsigned-label {
+  color: #9e400a;
+  background-color: #fff6e8; }
+
+.bail-bond-signature-page .action-bar {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  width: 100%; }
+
+.bail-bond-signature-page .submit-btn {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  background-color: teal;
+  color: #fff;
+  font-weight: 700;
+  cursor: pointer; }
+  .bail-bond-signature-page .submit-btn span {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    width: 100%; }
+
+.bail-bond-signature-page .edit-btn {
+  background-color: #fff;
+  border: solid #007e7e;
+  color: #007e7e;
+  cursor: pointer;
+  padding: 10px;
+  width: 90px;
+  margin-right: 20px;
+  font-family: Roboto,sans-serif;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 18.75px;
+  text-align: center; }
+
+.bail-bond-signature-page .submit-loader {
+  width: 100vw;
+  height: 100vh;
+  z-index: 99999999;
+  position: fixed;
+  right: 0;
+  top: 0;
+  background: rgba(234, 234, 245, 0.5);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
+
+@media (max-width: 480px) {
+  .bail-bond-signature-page .header {
+    font-size: 22px;
+    padding: 12px 16px; }
+  .bail-bond-signature-page .container {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    padding: 0 16px;
+    grid-gap: 16px;
+    gap: 16px; }
+  .bail-bond-signature-page .left-panel {
+    width: 100%;
+    border-right: none;
+    border-bottom: 1px solid #e8e8e8;
+    padding-left: 0;
+    padding-top: 20px;
+    padding-bottom: 12px; }
+  .bail-bond-signature-page .right-panel {
+    padding: 0;
+    height: auto; }
+  .bail-bond-signature-page .doc-viewer {
+    margin-top: 16px;
+    height: 60vh;
+    -webkit-box-flex: unset;
+    -ms-flex: unset;
+    flex: unset; }
+  .bail-bond-signature-page .litigant-details {
+    padding-right: 0;
+    font-size: 14px; }
+  .bail-bond-signature-page .action-bar-buttons {
+    min-width: 100%; }
+  .bail-bond-signature-page .action-bar {
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center; } }
+
+@media (max-width: 800px) {
+  .bail-bond-signature-page .header {
+    font-size: 24px;
+    padding: 12px 24px; }
+  .bail-bond-signature-page .container {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    grid-gap: 20px;
+    gap: 20px; }
+  .bail-bond-signature-page .left-panel {
+    width: 100%;
+    border-right: none;
+    border-bottom: 1px solid #e8e8e8;
+    padding-left: 0; }
+  .bail-bond-signature-page .right-panel {
+    padding: 16px 0;
+    height: auto; }
+  .bail-bond-signature-page .doc-viewer {
+    margin-top: 16px;
+    height: 70vh;
+    -webkit-box-flex: unset;
+    -ms-flex: unset;
+    flex: unset; }
+  .bail-bond-signature-page .litigant-details {
+    font-size: 15px; }
+  .bail-bond-signature-page .action-bar, .bail-bond-signature-page .action-bar-buttons {
+    min-width: 100%; }
+  .bail-bond-signature-page .action-bar {
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+    justify-content: flex-end; } }
+
+@media (max-width: 1024px) {
+  .bail-bond-signature-page .container {
+    padding: 0 16px; }
+  .bail-bond-signature-page .right-panel {
+    padding: 16px; } }
+
+.centered-success-modal {
+  width: 700px;
+  max-width: 90%; }
+
+@media (max-width: 768px) {
+  .centered-success-modal {
+    width: 90% !important; } }
+
 .microplanning .upload {
   display: -webkit-box;
   display: -ms-flexbox;