.dark .introjs-tooltip {
  background-color: #202020;
  color: #D1D9E5;
  border: 1px solid #606060;
}

.dark .introjs-tooltipbuttons {
  border-top: 1px solid #606060;
}

.dark .introjs-button {
  text-shadow: none;
  background-color: #06973A;
  color: #ffffff;
  border: 0;
}

.dark .introjs-button:hover {
  text-shadow: none;
  background-color: #08BD48;
  color: #ffffff;
  border: 0;
}

.dark .introjs-button:active {
  text-shadow: none;
  background-color: #06973A;
  color: #ffffff;
  border: 0;
}

.dark .introjs-progress {
  background-color: #000000;
}

.dark .introjs-arrow.top {
  border-bottom-color: #606060 !important;
}

.dark .introjs-arrow.left {
  border-right-color: #606060 !important;
}

.dark .introjs-arrow.right {
  border-left-color: #606060 !important;
}

.dark .introjs-arrow.bottom {
  border-top-color: #606060 !important;
}

.dark .introjs-prevbutton {
  background-color: #454545;
  color: #bcbcbc;
}

.dark .introjs-prevbutton:hover {
  background-color: #525252;
  color: #bcbcbc;
}

.dark .introjs-skipbutton:hover {
  color: #bcbcbc;
}

.dark .tutorial-highlight {
  box-shadow: rgb(31 31 31 / 80%) 0 0 1px 2px, rgb(78 78 78 / 50%) 0 0 0 5000px !important;
}