@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto:wght@400;500;700;900&display=swap");

.theme-incred {
  --incred-orange: #f47920;
  --incred-orange-light: #fbb040;
  --incred-blue: #f47920;
  --incred-blue-dark: #fbb040;
  --incred-slate: #3b585d;
  --incred-grey: #d1d3d4;
  --incred-surface: #fffaf6;
  --incred-text: #202b2d;
}

.theme-incred body,
.theme-incred input,
.theme-incred select,
.theme-incred textarea {
  font-family: "Roboto", Arial, sans-serif !important;
}

.theme-incred h1,
.theme-incred h2,
.theme-incred h3,
.theme-incred h4,
.theme-incred h5,
.theme-incred h6,
.theme-incred button,
.theme-incred .btn,
.theme-incred label,
.theme-incred .fw-semibold,
.theme-incred .f-w-600 {
  font-family: "Inter", Arial, sans-serif !important;
}

.theme-incred body {
  background: linear-gradient(180deg, #fffaf6 0, #ffffff 46%, #f7f9fa 100%) !important;
  color: var(--incred-text) !important;
}

.theme-incred .skip-link {
  background: var(--incred-blue) !important;
  color: #ffffff !important;
}

.theme-incred input:focus-visible,
.theme-incred select:focus-visible,
.theme-incred textarea:focus-visible,
.theme-incred button:focus-visible,
.theme-incred [role="button"]:focus-visible,
.theme-incred a:focus-visible {
  outline-color: var(--incred-orange) !important;
  border-color: var(--incred-orange) !important;
  box-shadow: 0 0 0 3px rgba(244, 121, 32, 0.2) !important;
}

.theme-incred #login-page > div:first-child,
.theme-incred .header_closer {
  background: #ffffff !important;
  border-bottom: 4px solid var(--incred-orange);
  box-shadow: 0 4px 18px rgba(59, 88, 93, 0.12);
}

.theme-incred .wrap-login100,
.theme-incred .user-card-full,
.theme-incred #document_div,
.theme-incred #esign_div > div {
  background: #ffffff !important;
  border: 1px solid var(--incred-grey) !important;
  border-top: 5px solid var(--incred-orange) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(59, 88, 93, 0.12) !important;
}

.theme-incred .signup_emaildiv {
  border-bottom: 1px solid rgba(244, 121, 32, 0.3);
}

.theme-incred .signup_emaildiv h1,
.theme-incred .card-block h2,
.theme-incred .menu-head h2,
.theme-incred #esign_div .fw-semibold {
  color: var(--incred-slate) !important;
}

.theme-incred .signup_emaildiv .fw-semibold,
.theme-incred .card-block > .fw-semibold,
.theme-incred .menu-head .fw-semibold,
.theme-incred #esign_div .fw-semibold {
  color: var(--incred-orange) !important;
  letter-spacing: 0.02em;
}

.theme-incred .menu-head,
.theme-incred .b-b-default {
  border-color: rgba(244, 121, 32, 0.45) !important;
}

.theme-incred .bg-c-lite-green {
  background: linear-gradient(145deg, var(--incred-orange), var(--incred-orange-light)) !important;
}

.theme-incred .input100,
.theme-incred .form-select,
.theme-incred #nsdlCode,
.theme-incred #cdslCode,
.theme-incred #dpName {
  background-color: #ffffff !important;
  border: 1px solid #939598 !important;
  border-radius: 6px !important;
  color: var(--incred-text) !important;
}

.theme-incred .continue1,
.theme-incred .continue,
.theme-incred .btn-proceed,
.theme-incred #proceedEsign,
.theme-incred .clo_se,
.theme-incred #logout_rm {
  background: var(--incred-orange) !important;
  border: 2px solid var(--incred-orange) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: none;
  box-shadow: none !important;
}

.theme-incred .continue1:hover,
.theme-incred .continue1:focus,
.theme-incred .continue:hover,
.theme-incred .continue:focus,
.theme-incred .btn-proceed:hover,
.theme-incred .btn-proceed:focus,
.theme-incred #proceedEsign:hover,
.theme-incred #proceedEsign:focus,
.theme-incred .clo_se:hover,
.theme-incred .clo_se:focus,
.theme-incred #logout_rm:hover,
.theme-incred #logout_rm:focus {
  background: var(--incred-orange) !important;
  border-color: var(--incred-orange-light) !important;
  color: #ffffff !important;
}

.theme-incred .btn-upload {
  background: var(--incred-surface) !important;
  border: 1px solid var(--incred-orange) !important;
  border-bottom: 3px solid var(--incred-orange) !important;
  color: var(--incred-text) !important;
}

.theme-incred .file-upload .btn-upload:hover,
.theme-incred .file-upload .btn-upload:focus,
.theme-incred .file-upload .btn-upload:active {
  background: #fff1e7 !important;
  border-color: var(--incred-orange) !important;
  color: var(--incred-text) !important;
}

.theme-incred .check_container input:checked ~ .checkmark {
  background-color: var(--incred-orange) !important;
}

.theme-incred .check_container:hover .checkmark {
  border-color: var(--incred-orange) !important;
  box-shadow: inset 0 0 0 1px var(--incred-orange) !important;
}

.theme-incred #sig-crop-edit {
  border-color: var(--incred-blue) !important;
  color: var(--incred-blue) !important;
}

.theme-incred #sig-crop-edit:hover,
.theme-incred #sig-crop-edit:focus {
  background: var(--incred-blue) !important;
  color: #ffffff !important;
}

.theme-incred #sigdemo,
.theme-incred #demo {
  background: #fff1e7 !important;
  border-left: 4px solid var(--incred-orange);
  color: var(--incred-text) !important;
}

.theme-incred #userdata .text-muted,
.theme-incred .note,
.theme-incred .mandatory-note {
  color: var(--incred-slate) !important;
}

.theme-incred .loader {
  border-color: #f3f3f3 !important;
  border-top-color: var(--incred-orange) !important;
  border-right-color: var(--incred-blue) !important;
  border-bottom-color: var(--incred-orange) !important;
  border-left-color: var(--incred-blue) !important;
}

@media (max-width: 600px) {
  .theme-incred .wrap-login100,
  .theme-incred #document_div,
  .theme-incred #esign_div > div {
    border-radius: 10px !important;
  }
}