/* viewStartEmp */
.mr-0 {
  margin-right: 0px;
} 
.ml-0 {
  margin-left: 0px;
} 
.mr-n15 {
  margin-right: -15px;
} 
.mr-n16 {
  margin-right: -16px;
} 
.mr-n17 {
  margin-right: -17px;
} 
.mb-n16 {
  margin-right: -16px;
} 
.text-purple {
  color: purple;
}
.text-blue {
  color: blue;
}
.fs-22px {
  font-size: 22px;
}
/* end */

/* Form/form.blade */
.fs-13px {
  font-size: 13px;
}
.fs-16px {
  font-size: 16px;
}
.fs-14px {
  font-size: 14px;
}
.fs-18px {
  font-size: 18px;
}
.fs-22px {
  font-size: 22px;
}
.edit_addr_common_btn {
  height: 23px;
  width: 24px;
}
.w-110 {
  width: 110px;
}
.upload-image-preview {
  max-width: 245px;
  max-height:100px;
}


/* end */

/* dashboard */
.marquee-custom-dashboard {
  height: 230px;
  margin-top: -16px;
  overflow: hidden;
  position: relative;
}

.marquee-custom-dashboard ul {
  position: absolute;
  width: 100%;
  animation: marqueeUp 12s linear infinite;
}

/* ⏸️ STOP SCROLL ON HOVER */
.marquee-custom-dashboard:hover ul {
  animation-play-state: paused;
}

@keyframes marqueeUp {
  from {
    top: 100%;
  }
  to {
    top: -100%;
  }
}


/* end */

/* form_service_details */
.border-red {
  border: 1px solid red;
}
/* end */

/* form_qualifying_service */
.custom-width {
  width: 10.666667% !important;
}

.mb-3 {
  margin-bottom: 3px;
}
.mb-5 {
  margin-bottom: 5px;
}

/* end */

/* form_gov_dues */
.mt-23 {
  margin-top: 23px;
}
.mt-15 {
  margin-top: 15px;
}
/* end */

/* form_progress */
/* Common button styles */
.custom-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

/* Primary button styles */
.btn-primary-custom {
  background-color: white;
  color: black;
}

/* Success button styles */
.btn-success-custom {
  background-color: green;
  color: white;
}

/* Disabled button styles (you can modify this if needed) */
.btn-disabled-custom {
  background-color: blue;
  color: white;
}
.btn-progress-light-custom {
  background-color: white;
  border-color: #444343;
  color: black;
}

.btn-progress-light-custom:hover {
  background-color: #444343; /* hover background */
  color: white;             /* hover text color */
  border-color: #444343;    /* keep border same as bg or change if needed */
}

/* Progress line styles */
.custom-line {
  width: 48px;
  height: 2px;
  background-color: blue;
  margin-block: auto;
}

/* Active progress line styles */
.custom-line-active {
  background-color: green;
}

/* ...................... */
.progress-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding-top: 12px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
}

.progress-btn.active {
  background-color: #0d6efd; /* Bootstrap primary */
  color: white;
}

.progress-btn.inactive {
  background-color: white;
  color: black;
  border: 1px solid #0d6efd;
}

.progress-btn.completed {
  background-color: green;
  color: white;
}

.progress-line {
  background-color: blue;
  width: 48px;
  height: 2px;
  margin-block: auto;
}

/* end */

/* .............................generate form......................  */
/* doc-32 */
/* Button styling */
.btn-back {
  text-align: right;
}

.btn-loading {
  display: none;
}

.btn-generate {
  display: inline;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.font-bold {
  font-weight: bold;
}

.form-section {
  margin-left: 30px;
  margin-right: 30px;
}
/* end */
/*verifyDocsViews */
/* public/css/custom.css */

.note-text {
  color: blue;
  font-weight: bold;
  text-align: left;
}

.upload-section .form-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.scroll-box {
  height: 500px;
  background-color: #8080800d;
  text-align: center;
  overflow: auto;
}

.margin-top-10 {
  margin-top: 10px;
}

.text-red {
  color: red;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}
/* end */
/* doc-8.blade  */
.form-body-section {
  padding: 50px;
}
/* end */
/* doc-26 */
#form_header p {
  margin-bottom: 0;
}
/* end */
/* doc-6 img custom sixe */
.w-30P {
  width: 25%;
}
/* end */
/* end generate form style */

/* esign */
/* esign registration */
.esign-reg-panel-body {
  padding: 1rem;
  background-color: #f8f9fa;
  border-radius: 4px;
}

.esign-reg-well {
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  padding: 1.5rem;
  margin-top: 1rem;
}

.esign-reg-form-section {
  padding: 0.5rem 0;
}

/* end */
/* esignMultipleFile */
.custom-pdf-box {
  border: 1px solid #969696;
  border-radius: 5px;
  height: 550px;
}
/* end */
/* esignFormFileView */
.custom-pdf-box1 {
  border: 1px solid #969696;
  border-radius: 5px;
}
.hidden-stamping {
  display: none;
}
/* end */
/* vieEsignList */
.text-green {
  color: green;
}
.text-red {
  color: red;
}
/* end */
/* end */
/* ndc-assist */
.w-35 {
  width: 35%;
}
.w-15 {
  width: 15%;
}
.w-22 {
  width: 22%;
}
.h-500px {
  height: 500px;
}
/* end */

.letter-spacing-15 {
  letter-spacing: 15px;
}
.letter-spacing-wide {
  letter-spacing: 5px;
}

/* pcell-assist */
.mandatory-docs {
  background-color: #c9909054;
  border-radius: 4px;
}
/* end */

/* DDO  */
.custom-border {
    border: 1px solid #969696;
    border-radius: 5px;
}
/* end */
/* HOD rejection modal */
#spinnerSection.d-none {
    display: none !important;
}

#generateSection.d-none {
    display: none !important;
}
/* end */
/* generate forms doc-8 */
.signature-img {
    max-width: 245px;
    max-height: 100px;
}

.fingerprint-img {
    max-height: 100px;
}
/* end */
/* aso */
.wide-15 {
  width: 15%;
}
.emp-list-aso {
  border-left: 1px solid #e4e4e9;
   width: 15%;
}
.fc-red {
  color: red;
}
/* end */
/* embed */
  .pdf-container {
    width: 100%;
    height: auto;
    overflow: auto;
    border: 1px solid #ccc;
  }

  .pdf-a {
    width: 100%;
    height: 100%;
    display: block;
  }

  /* ............................. */
      #pdfContainer {
        position: relative;
        width: 99%;
        height: 500px;
    }

    #pdfEmbed {
        width: 100%;
        height: 100%;
        border: none;
    }

    .fullscreen {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100vw !important;
        height: 100vh !important;
        z-index: 9999;
        background: white;
    }
/* end */
.welcome-row {
  margin-top: -30px;
}