/* Vacation Trip Guides Study Program 4.9.4
 * Front-end safeguard against unwanted yellow highlights and overlays.
 * The rules are narrowly scoped so the genuine blue, green and orange
 * controls below the dashboard image keep their intended colors.
 */
mark {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

/* Remove unwanted image/highlight paint but do not recolor the real app UI. */
.study-dashboard .yellow-overlay,
.study-dashboard .overlay,
.study-dashboard .highlight,
.vtgs-app .yellow-overlay,
.vtgs-app .overlay,
.vtgs-app .highlight,
.dashboard-text-overlay,
.your-image-container span {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Interactive layers placed over the dashboard screenshot must be invisible. */
.vtgs-design-stage .vtgs-hotspot,
.vtgs-design-stage button.vtgs-hotspot,
.vtgs-design-stage a.vtgs-hotspot,
.vtgs-design-stage .vtgs-hotspot:hover,
.vtgs-design-stage .vtgs-hotspot:focus,
.vtgs-design-stage .vtgs-hotspot:active,
.vtgs-design-stage .vtgs-hotspot::before,
.vtgs-design-stage .vtgs-hotspot::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline-color: transparent !important;
  filter: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Live totals replace the numbers in the design. Keep their white card area,
   while clearing yellow paint from the number itself. */
.vtgs-design-stage .vtgs-live-stat,
.vtgs-design-stage .vtgs-live-stat:hover,
.vtgs-design-stage .vtgs-live-stat:focus,
.vtgs-design-stage .vtgs-live-stat:active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
.vtgs-design-stage .vtgs-live-stat strong,
.vtgs-design-stage .vtgs-live-stat strong::before,
.vtgs-design-stage .vtgs-live-stat strong::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Clear common inline yellow declarations inside the interactive image only. */
.vtgs-design-stage [style*="background-color: yellow"],
.vtgs-design-stage [style*="background: yellow"],
.vtgs-design-stage [style*="#ffff00"],
.vtgs-design-stage [style*="#ff0"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Remove Chrome autofill yellow from the live forms below the image. */
.study-dashboard input:-webkit-autofill,
.study-dashboard textarea:-webkit-autofill,
.study-dashboard select:-webkit-autofill,
.vtgs-app input:-webkit-autofill,
.vtgs-app textarea:-webkit-autofill,
.vtgs-app select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: inherit !important;
}