/* ========================================================================
 * Bootstrap Tourist v0.7
 * Copyright FFS 2019
 * @ IGreatlyDislikeJavascript on Github
 *
 * bootstrap-tour - v0.11.0
 * http://bootstraptour.com
 * ========================================================================
 * Copyright 2012-2015 Ulrich Sossou
 *
 * ========================================================================
 * Licensed under the MIT License (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://opensource.org/licenses/MIT
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.tour-backdrop {
  position: absolute;
  z-index: 1100;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tour-prevent {
  position: absolute;
  z-index: 1102;
  background-color: #ccc;
  opacity: 0.20;
  filter: alpha(opacity=20);
}

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

.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[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0;
}

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


/*custom styles*/

.xxTour-popover {
  min-width: 350px !important;
  border-radius: 8px 8px 8px 8px !important;
  height: 212px !important;
}

.xxTour-popoverHeader {
  background-color: white !important;
  border: none !important;
  border-radius: 8px 8px 0 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  margin: 15px 25px 9px 10px !important;
  text-align: center;
  height: 30px;
}

.xxTour-popoverBody {
  background-color: white !important;
  font-size: 12px !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 1.25 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  color: #535353 !important;
  margin: 0px 25px 0px 10px !important;
}

.xxTour-navigation {
  display: flex !important;
  padding: 10px 20px !important;
  justify-content: space-between !important;
  background-color: #eeeeee !important;
  border-radius: 0 0 8px 8px !important;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.xxTour-backBtn {
  width: 93px !important;
  height: 30px !important;
  border-radius: 3px !important;
  box-shadow: rgba(0, 0, 0, 0.16) !important;
  background-color: #334350 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 1.29 !important;
  letter-spacing: normal !;
  text-align: center !important;
  margin-right: 60px;
  color: #ffffff !important;
}

.xxTour-backBtn:hover {
  background-color: #334350 !important;
}

.xxTour-nextBtn {
  width: 93px !important;
  height: 30px !important;
  border-radius: 3px !important;
  box-shadow: rgba(0, 0, 0, 0.16) !important;
  background-color: #21ba91 !important;
  float: right !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 1.29 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color: #ffffff !important;
  margin-left: 60px !important;
}

.xxTour-closeicon {
  position: absolute !important;
  right: 10px !important;
  font-size: 22px !important;
  top: 0px !important;
  color: black;
}

.bottom-center {
  display: flex !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 1.29 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  color: #444444 !important;
  position: absolute;
  bottom: 15px;
  z-index: 2;
  left: 160px;
}

.tour-backdrop {
  background-color: #324068 !important;
  opacity: 0.6 !important;
  -webkit-backdrop-filter: blur(2px) !important;
  backdrop-filter: blur(2px) !important;
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
  right: -6px !important;
  border-width: 2rem 2rem 2rem 0 !important;
  border-left-color: #fff !important;
  border-right-color: white !important;
  transform: rotate(180deg);
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
  left: -7px !important;
  border-width: 2rem 2rem 2rem 0 !important;
  border-right-color: #fff !important;
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
  top: -6px !important;
  border-width: 2rem 2rem 2rem 0 !important;
  border-bottom-color: #fff !important;
  transform: rotate(134deg) !important;
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
  bottom: -5px;
  border-width: 2rem 2rem 0;
  border-top-color: white;
}

.popover[x-placement="right"] {
  left: 17px !important;
}

.popover[x-placement="right"]>.arrow {
  top: 83px !important;
}

.mouse {
  display: none;
  width: 16px;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 999999999;
}

.cursor-hide * {
  cursor: none !important;
}