/* most global styling has been done by GlobalStyle component in App.tsx */
/* if global customization is needed, feel free to add them here */

body {
  margin: 0;
  /* PLEASE add this line for LOCAL when debugging the transparency in SuccessIndicator */
  
  /* background-color: #ccd2db; */
}

p {
  margin: 0 0 1rem;
}

.margin-bottom-15 {
  margin-bottom: 1.5rem !important;
}

.no-margin {
  margin: 0 !important;
}

button, #DOM_FT_PRIMARY_TOPLEVEL_mainContainer * h2, #DOM_FT_leftRetryImageSubtextElement, #DOM_FT_rightRetryImageSubtextElement, #DOM_FT_cameraLoadingSpinnerStatus, #DOM_FT_feedbackBarElement, #DOM_FT_uploadProgressMessageElement, .CLASS_FT_resultMessageContainer p {
  font-weight: 700 !important;
}

#DOM_FT_retryInstructionsListContainer {
  pointer-events: all !important;
}

.snsw-activity-indicator-svg_light circle {
  /*fill: #646974*/
  fill: #1b212d
}

.snsw-activity-indicator-svg_dark circle {
  fill: #f6f9ff
}

/**
 * Accessibility fixes for SVGs
 */
@media (forced-colors: active) {
  .svg-blue, .svg-red, .svg-red-2 {
    forced-color-adjust: preserve-parent-color !important;
    color: inherit !important;
  }
}
.svg-blue {
  color: #002664;
}
.svg-red {
  color: #D7153A;
}
.svg-red-2 {
  color: #B81237;
}

/**
 * BIO-1402 customised CSS to remove header from TestBrowserSupport and comply with GEL
 */
.snsw-bio-test-browser-support {
  margin-bottom: 0;
}

/**
 * BIO-1634 added in device handover SDK upgrade 9.7.78 hotfix
 */
#DOM_FT_getReadyActionButton, #DOM_FT_retryActionButton, #scan-using-your-mobile-facetec {
    font-size: 16px !important;
    height: 43px !important;
    width: 200px !important;
    padding: calc((48px - 4px - 1.5rem) / 2) var(--spacing--md-218) !important;
}
#DOM_FT_retryInstructionsListContainer {
    top: -5px !important;
    position: relative !important;
}
/**
 * BIOMETRICS-1637 to make chevron in Facetec UI scale to correct size
 */
#DOM_FT_cancelButtonElement, #DOM_FT_cancelImageElement {
    width: 18px !important;
    height: 18px !important;
}
/**
 * BIOMETRICS-1637 to make chevron in Facetec UI scale to correct size
 */
#DOM_FT_cancelButtonElement, #DOM_FT_cancelImageElement {
    width: 18px !important;
    height: 18px !important;
}