@pmidc/upyog-css 1.0.59 → 1.0.61

package/dist/index.css

@@ -12123,3 +12123,816 @@ body {
         font-size: 14px; } }
     .DS-disconnection-action-bar .DS-submit-button:hover {
       background-color: #1e3a8a; }
+
+.display-none {
+  display: none; }
+
+.primary-label-btn {
+  margin: 10px auto 0 !important; }
+
+.p-unset {
+  padding: unset !important; }
+
+.flex-one {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 0%;
+  flex: 1 1 0%; }
+
+.display-flex-gap-2 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: .75rem;
+  gap: .75rem; }
+
+.rm-mb {
+  margin-bottom: unset !important; }
+
+.w-fullwidth {
+  width: 100%; }
+
+.margin-unset {
+  margin: unset !important; }
+
+.text-align-center {
+  text-align: center; }
+
+.text-align-left {
+  text-align: left; }
+
+.text-align-right {
+  text-align: right; }
+
+.desktop-only {
+  display: none; }
+
+@media (min-width: 780px) {
+  .desktop-only {
+    display: block; } }
+
+.mobile-only {
+  display: block; }
+
+@media (min-width: 780px) {
+  .mobile-only {
+    display: none; } }
+
+.dark {
+  --text-opacity:1;
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity)); }
+
+.mrlg {
+  margin-right: 24px; }
+
+.mrsm {
+  margin-right: 8px; }
+
+.mbsm {
+  margin-bottom: 8px; }
+
+.home-link {
+  margin-left: 16px;
+  margin-bottom: 16px; }
+  .home-link a {
+    color: #1d70b8; }
+
+.clear-search-label {
+  color: #2947a3;
+  cursor: pointer; }
+
+.search-submit-bar {
+  margin-top: 32;
+  margin-left: auto; }
+
+.application-details-link-button {
+  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; }
+  .application-details-link-button .download-button {
+    color: a82227;
+    margin-left: 8px; }
+
+.response-download-button {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 8px; }
+  .response-download-button .download-button {
+    color: #a82227;
+    margin-left: 8px;
+    white-space: nowrap; }
+
+.check-page-link-button {
+  color: #a82227 !important; }
+
+.pt-application-download-btn {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  margin: 0 8px; }
+
+.application-table-container {
+  margin-top: 24px;
+  margin-left: 24px;
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 0%;
+  flex: 1 1 0%; }
+
+.primary-label-btn {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 10px;
+  gap: 10px;
+  color: #5a1166;
+  cursor: pointer;
+  font-weight: 500;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content; }
+  .primary-label-btn svg {
+    fill: #a82227; }
+
+.primaryColor {
+  color: #0b0c0c !important; }
+
+@media (hover: hover) {
+  .primary-label-btn:hover {
+    color: #000; }
+    .primary-label-btn:hover svg {
+      fill: #000; } }
+
+.disabled {
+  --border-opacity:1!important;
+  border-color: #9e9e9e !important;
+  border-color: rgba(158, 158, 158, var(--border-opacity)) !important;
+  --text-opacity:1!important;
+  color: #9e9e9e !important;
+  color: rgba(158, 158, 158, var(--text-opacity)) !important;
+  pointer-events: none !important; }
+
+.card-date-input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 75%;
+  --bg-opacity:1;
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+  padding-left: 8px;
+  --border-opacity:1;
+  border: 1px solid #464646;
+  border-color: rgba(70, 70, 70, var(--border-opacity));
+  border-right: 0 solid rgba(70, 70, 70, var(--border-opacity));
+  outline: 1px solid transparent;
+  height: 2.5rem; }
+
+.h4 {
+  margin-bottom: 8px; }
+
+.react-time-picker {
+  width: 194px;
+  height: 2.5rem; }
+  .react-time-picker__wrapper {
+    border: 2px solid #0b0c0c;
+    padding-left: 16px; }
+  .react-time-picker__inputGroup__input {
+    padding-left: 8px;
+    padding-right: 8px;
+    line-height: 2.5rem;
+    min-width: 16px; }
+    .react-time-picker__inputGroup__input:focus {
+      outline: 2px solid #000; }
+
+.border-none {
+  border: none;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+
+input[type=number]::-webkit-inner-spin-button, .checkbox-wrap .input-emp[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button, .checkbox-wrap .input-emp[type=number]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0; }
+
+input[type=number], .checkbox-wrap .input-emp[type=number] {
+  -moz-appearance: textfield; }
+
+.static {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-height: 85vh; }
+  .static-wrapper {
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    max-height: 75vh;
+    overflow: scroll;
+    -ms-overflow-style: none;
+    scrollbar-width: none; }
+    .static-wrapper::-webkit-scrollbar {
+      display: none; }
+
+.bill-summary {
+  border: 1px solid #e8e7e6;
+  --bg-opacity:1;
+  background-color: #fafafa;
+  background-color: rgba(250, 250, 250, var(--bg-opacity));
+  width: 100%; }
+  .bill-summary .bill-account-details {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    margin-bottom: 16px;
+    padding: 5px; }
+    .bill-summary .bill-account-details .label {
+      width: 50%;
+      font-weight: 700; }
+    .bill-summary .bill-account-details .value {
+      width: 50%;
+      text-align: right; }
+  .bill-summary .amount-details {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    margin-bottom: 16px;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    padding: 5px; }
+    .bill-summary .amount-details .label, .bill-summary .amount-details .value {
+      width: 50%;
+      font-weight: 700; }
+    .bill-summary .amount-details .value {
+      text-align: right;
+      font-size: 18px; }
+
+.bill-payment-amount {
+  position: sticky;
+  bottom: 0;
+  --bg-opacity:1;
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+  padding-bottom: 32px; }
+  .bill-payment-amount .payment-amount-front {
+    position: absolute;
+    z-index: 10;
+    width: 2.5rem;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    background-color: #efefef;
+    padding: 7px 12px;
+    color: #9a9a9a; }
+
+.text-indent-xl input, .text-indent-xl .checkbox-wrap .input-emp, .checkbox-wrap .text-indent-xl .input-emp {
+  text-indent: 40px; }
+
+.select-payment-type {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  font-weight: 700;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding-top: 10px;
+  padding-bottom: 25px; }
+  .select-payment-type .value {
+    font-size: 20px; }
+
+.cheque-date {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-bottom: 24px;
+  border: 2px solid #0b0c0c;
+  border-radius: 2px; }
+  .cheque-date input, .cheque-date .checkbox-wrap .input-emp, .checkbox-wrap .cheque-date .input-emp {
+    width: 100%;
+    text-indent: 5px;
+    padding: 6px 0; }
+  .cheque-date button, .cheque-date input, .cheque-date .checkbox-wrap .input-emp, .checkbox-wrap .cheque-date .input-emp {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+    border: 0;
+    background: transparent; }
+  .cheque-date button {
+    text-indent: 2px; }
+
+.w-half {
+  width: 50%; }
+
+.ifsc-field {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-bottom: 24px;
+  border: 2px solid #0b0c0c;
+  border-radius: 2px; }
+  .ifsc-field input, .ifsc-field .checkbox-wrap .input-emp, .checkbox-wrap .ifsc-field .input-emp {
+    width: 100%;
+    text-indent: 5px;
+    padding: 6px 0; }
+  .ifsc-field button, .ifsc-field input, .ifsc-field .checkbox-wrap .input-emp, .checkbox-wrap .ifsc-field .input-emp {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+    border: 0;
+    background: transparent; }
+  .ifsc-field button {
+    text-indent: 2px; }
+
+.text-input {
+  position: relative;
+  width: 100%; }
+  .text-input input:hover, .text-input .checkbox-wrap .input-emp:hover, .checkbox-wrap .text-input .input-emp:hover {
+    --border-opacity:1;
+    border: 1px solid #2947a3;
+    border-color: rgba(41, 71, 163, var(--border-opacity)); }
+
+.text-input-width {
+  max-width: 540px; }
+
+.text-mobile-input-width {
+  max-width: 500px; }
+
+.custom-time-picker {
+  width: 100%;
+  max-width: 200px; }
+
+.sla-cell {
+  --text-opacity:1;
+  color: #505a5f;
+  color: rgba(80, 90, 95, var(--text-opacity)); }
+
+.submit-bar-search {
+  margin-top: 32px;
+  margin-left: 16px;
+  max-width: 256px; }
+
+.clear-search-container {
+  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; }
+
+.card-label-smaller {
+  width: 33.333333%;
+  margin-bottom: revert; }
+
+.card-label-APK {
+  width: 33.333333%;
+  margin-bottom: revert;
+  width: 100%; }
+
+.underline {
+  border-color: #e7e6e6;
+  margin-bottom: 8px; }
+
+.box-shadow-none {
+  -webkit-box-shadow: none;
+  box-shadow: none; }
+
+.component-in-front {
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.component-in-front, .subform-composer {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.inbox-search-container .result {
+  margin-top: 24px; }
+
+.payment-form-text-input-correction {
+  width: 100% !important; }
+
+.edcr-citizen-inbox thead th:first-child {
+  min-width: 100px; }
+
+.error-boundary {
+  width: 100vw;
+  height: 100vh;
+  font-size: 16px;
+  font-family: sans-serif;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: absolute !important; }
+  .error-boundary .error-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    width: 400px;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+    .error-boundary .error-container h1 {
+      font-size: 32px;
+      font-weight: 700; }
+    .error-boundary .error-container button {
+      height: 40px;
+      width: 153px;
+      border-radius: 0;
+      padding: 8px 24px;
+      color: #fff;
+      cursor: pointer; }
+
+.error-boundary details, .error-boundary summary {
+  width: 300px;
+  background-color: #da6464;
+  margin: 5px;
+  border: 2px solid #222;
+  border-radius: 3px;
+  padding: 3px; }
+
+.full-width-card {
+  width: 92vw !important; }
+
+.full-employee-card-link {
+  width: 100% !important;
+  margin: 7px 0; }
+
+.full-employee-card-height {
+  height: unset !important; }
+
+@media (min-width: 640px) {
+  .full-employee-card-height {
+    height: 196px !important; }
+  .full-employee-card-link {
+    width: 30% !important; }
+  .full-width-card {
+    width: 100% !important; } }
+
+@media (min-width: 780px) {
+  .complaint-summary {
+    -webkit-box-flex: 1;
+    -ms-flex: 1 0 auto;
+    flex: 1 0 auto;
+    margin-left: 1rem;
+    margin-top: 1rem; } }
+
+@media (min-width: 780px) {
+  .citizen-form-wrapper {
+    width: calc(100% - 219px);
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin-top: 1rem;
+    padding-left: 16px;
+    padding-right: 16px; } }
+
+@media (min-width: 780px) {
+  .citizen-card-container {
+    padding-left: 15px;
+    padding-right: 15px;
+    margin-top: 1rem; } }
+
+@media (min-width: 780px) {
+  .bill-citizen, .bills-citizen-wrapper, .citizen-all-services-wrapper, .citizen-obps-wrapper, .engagement-citizen-wrapper, .fsm-citizen-wrapper, .mcollect-citizen, .payer-bills-citizen-wrapper, .pgr-citizen-wrapper, .pt-citizen, .selection-card-wrapper, .tl-citizen, .ws-citizen-wrapper {
+    width: calc(100% - 219px);
+    padding-left: 16px;
+    padding-right: 16px;
+    margin-top: 1rem; } }
+
+@media only screen and (max-width: 768px) {
+  .error-boundary {
+    height: 75vh; } }
+
+.ws-custom-wrapper .submit {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-orient: horizontal !important;
+  -webkit-box-direction: reverse !important;
+  -ms-flex-direction: row-reverse !important;
+  flex-direction: row-reverse !important;
+  width: 100% !important;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+  .ws-custom-wrapper .submit button {
+    width: 240px !important; }
+  .ws-custom-wrapper .submit p {
+    width: unset;
+    margin-right: 1rem; }
+
+.ws-button {
+  border: 1px solid grey;
+  background-color: grey; }
+
+.ws-button, .ws-search-button {
+  display: block;
+  height: 50%;
+  width: 80%;
+  text-align: "center";
+  margin-top: 6%;
+  color: "white"; }
+
+.ws-search-button {
+  border: 1px solid #000; }
+
+.button {
+  color: "white"; }
+
+.connection-details-old-value-wrapper .old-value-null-wrapper, .plumber-details-old-value-wrapper .old-value-null-wrapper {
+  visibility: hidden;
+  padding-bottom: 8px;
+  margin-bottom: 8px; }
+
+.connection-details-old-value-wrapper .row, .plumber-details-old-value-wrapper .row {
+  color: #b1b4b6;
+  font-weight: 700;
+  font-size: 16px; }
+
+.plumber-details-new-value-wrapper {
+  -webkit-box-flex: 2;
+  -ms-flex: 2 1 auto;
+  flex: 2 1 auto; }
+
+.connection-details-new-value-wrapper {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto; }
+
+.connection-details-old-value-wrapper, .plumber-details-old-value-wrapper {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto; }
+  .connection-details-old-value-wrapper .old-value-null-wrapper, .plumber-details-old-value-wrapper .old-value-null-wrapper {
+    visibility: hidden;
+    padding-bottom: 8px;
+    margin-bottom: 8px; }
+  .connection-details-old-value-wrapper .row, .plumber-details-old-value-wrapper .row {
+    color: #b1b4b6;
+    font-weight: 700;
+    font-size: 16px; }
+
+.modal-header-ws {
+  padding: 1rem;
+  font-weight: 400; }
+
+.modal-body-ws {
+  padding: 1rem;
+  font-weight: 700;
+  color: #0b0c0c;
+  font-size: 24px;
+  margin-bottom: 1rem; }
+
+.privacy-icon {
+  cursor: pointer; }
+
+.privacy-icon:hover path {
+  fill: #f47738; }
+
+.employee-app-wrapper {
+  min-height: calc(100vh - 8em); }
+
+.submit-bar header {
+  line-height: 2rem !important; }
+
+.logo-removeBorderRadiusLogo svg {
+  width: 50px;
+  height: 60px; }
+
+.icon-banner-employee {
+  background-color: #d7aefc !important; }
+
+.icon-banner-employee svg {
+  background-color: #0d43a7 !important;
+  width: 40px;
+  height: 40px; }
+
+.inboxButton {
+  border: none;
+  color: #4c5656;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 14px;
+  margin: 4px 2px;
+  cursor: pointer;
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  border-radius: 5px;
+  font-family: sans-serif;
+  font-weight: 700; }
+
+.employee .inboxButton {
+  padding: 5px 15px;
+  background: #ba2b36; }
+
+.citizen .inboxButton {
+  padding: 15px;
+  font-size: 1.2rem; }
+
+.ndc_property_search .text-input {
+  width: 100%;
+  max-width: 300px; }
+
+.action-bar-wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: end;
+  grid-gap: 10px;
+  gap: 10px; }
+
+.action-bar-wrap .submit-bar {
+  padding: 0 !important;
+  margin: 0 !important; }
+
+.ndc_card_labels {
+  width: 100%;
+  max-width: 200px; }
+
+.downLoadButton {
+  color: "#A52A2A";
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.ndc_label {
+  padding-bottom: 20px; }
+
+.ndc_card_main {
+  padding: 25px; }
+
+.step-label {
+  font-size: 17px !important; }
+
+.modal-action .employeeCard {
+  margin-left: 0 !important; }
+
+.moduleLinkHomePage h1 {
+  padding-left: 20px; }
+
+@media screen and (max-width: 768px) {
+  .citizen .inboxButton {
+    font-size: 1rem; } }
+
+@media screen and (max-width: 768px) {
+  .stepper {
+    display: grid !important; }
+  .action-bar-wrap {
+    padding: 10px 0;
+    text-align: center; }
+  .submit-bar {
+    font-size: 11px; } }
+
+.options-card {
+  max-height: 350px;
+  min-height: 120px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  background-color: #fff;
+  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  padding: 4px 0;
+  z-index: 1000; }
+
+.timeline-hoc-container .checkpoint-done header, .timeline-hoc-container .checkpoint header {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1; }
+
+.timeline-card {
+  width: 100%;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  padding: clamp(12px, 3vw, 20px);
+  margin: 10px 0;
+  background: #fff;
+  font-family: Segoe UI,sans-serif; }
+
+.timeline-header {
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.timeline-header, .timeline-header-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.timeline-header-item {
+  grid-gap: 6px;
+  gap: 6px;
+  white-space: nowrap; }
+
+.timeline-label {
+  font-weight: 500; }
+
+.timeline-label, .timeline-value {
+  color: #0d43a7 !important;
+  font-size: clamp(12px, 2vw, 14px); }
+
+.timeline-value {
+  font-weight: 400; }
+
+.timeline-note {
+  margin: 10px 0; }
+
+.timeline-note .note-box {
+  border: 1px solid #ccc;
+  border-radius: 6px;
+  padding: 10px;
+  font-size: clamp(12px, 2vw, 14px);
+  min-height: 40px;
+  background: #f9f9f9;
+  word-break: break-word; }
+
+.timeline-docs {
+  margin-top: 10px; }
+
+@media (max-width: 768px) {
+  .timeline-header {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start; }
+  .timeline-header-item {
+    width: 100%; }
+  .timeline-card {
+    padding: 12px; } }