/* ========================================================================
 * Bootstrap Tourist
 * Copyright FFS 2019
 * @ IGreatlyDislikeJavascript on Github
 *
 * z indexes:
 *				1110 - backdrop (black bg)
 *				1111 - highlight & tour element ()set by js)
 *				1112 - prevent
 *				1113 - popover
 */

.header-icon.tour-loading {
  overflow: hidden;
}

.tour-loading i {
  animation: fly .5s linear infinite;
}

@keyframes fly {
  0% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(2.5px, -5px);
  }

  50% {
    transform: translate(0, 0);
  }

  75% {
    transform: translate(-1px, 5px);
  }

  100% {
    transform: translate(0, 0);
  }
}

.tour-backdrop {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  /* position: absolute; */
  box-sizing: content-box;
  z-index: 1110;
  background-color: #000;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=6)";
  filter: alpha(opacity=6);
}

.tour-backdrop-animation {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.tour-prevent {
  position: absolute;
  z-index: 1112;
  opacity: 0.20;
  filter: alpha(opacity=20);
}

.tour-highlight {
  box-sizing: content-box;
  position: absolute;
  z-index: 1110;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, .8);
}

.mod-skin-dark .tour-highlight {
  background-color: rgb(71 71 71 / 90%);
}

.tour-highlight-animation {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.tour-highlight-element {
  position: relative;
  z-index: 1111 !important;
}

.progress {
  margin-top: 1rem;
}

.popover[class*="tour-"] {
  z-index: 1113;
}

.popover[class*="tour-"] .popover-navigation {
  padding: 9px 14px;
  overflow: hidden;
}

.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: right;
}

.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer;
}

/* .popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
  cursor: default;
} */

.popover-navigation .disabled {
  cursor: default;
}

.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0;
}

.popover[class*="tour-"].orphan .arrow {
  display: none;
}

.tour-behind {
  z-index: -1;
}

.tour-zindexFix {
  z-index: 1029;
}