.FilerTour-overlay {
  opacity: 0.4;
  z-index: 9999;
  position: absolute;
  background-color: #000;
  box-sizing: content-box;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
      -ms-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
}

.FilerTour-fixParent {
  z-index: auto !important;
  opacity: 1.0 !important;
  -webkit-transform: none !important;
     -moz-transform: none !important;
      -ms-transform: none !important;
       -o-transform: none !important;
          transform: none !important;
}

.FilerTour-tooltiptext {
	margin-bottom: 15px;
	color: #595959 !important;
	}

.FilerTour-showElement,
tr.FilerTour-showElement > td,
tr.FilerTour-showElement > th {
  z-index: 999999 !important;
}

.FilerTour-disableInteraction {
  z-index: 999999 !important;
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
}

.FilerTour-relativePosition,
tr.FilerTour-showElement > td,
tr.FilerTour-showElement > th {
  position: relative;
}

.FilerTour-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 99998;
  background: white;
  border-radius: 4px;
  box-shadow: 0 12px 16px -10px rgba(0,0,0,.5);
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
      -ms-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
}

.FilerTour-tooltipReferenceLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 999999;
  background-color: transparent;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
      -ms-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
}

.FilerTour-helperLayer *,
.FilerTour-helperLayer *:before,
.FilerTour-helperLayer *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
      -ms-box-sizing: content-box;
       -o-box-sizing: content-box;
          box-sizing: content-box;
}

.FilerTour-helperNumberLayer {
  display: none !important;
}

.FilerTour-arrow {
  border: 5px solid transparent;
  content:'';
  position: absolute;
}
.FilerTour-arrow.top {
  top: -10px;
  border-bottom-color:white;
}
.FilerTour-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color:white;
}
.FilerTour-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color:white;
}
.FilerTour-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color:white;
}
.FilerTour-arrow.right-bottom {
  bottom:10px;
  right: -10px;
  border-left-color:white;
}
.FilerTour-arrow.bottom {
  bottom: -10px;
  border-top-color:white;
}
.FilerTour-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color:white;
}
.FilerTour-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color:white;
}
.FilerTour-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color:white;
}
.FilerTour-arrow.left-bottom {
  left: -10px;
  bottom:10px;
  border-right-color:white;
}

.FilerTour-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  border-radius: 4px;
	box-shadow: 0 12px 16px -10px rgba(0,0,0,.5);
	-webkit-transition: opacity 0.1s ease-out;
     -moz-transition: opacity 0.1s ease-out;
      -ms-transition: opacity 0.1s ease-out;
       -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
}


.FilerTour-tooltip.no_done_button .FilerTour-tooltipbuttons .FilerTour-button.FilerTour-donebutton {
	display: none !important;
	}

.FilerTour-tooltip.last_step .FilerTour-tooltipbuttons {
	direction: rtl !important;
	}
	
.FilerTour-tooltipbuttons {
  display: flex;
flex-direction: row;
justify-content: space-around;
  white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.FilerTour-button {
margin: 0 5px;
display: inline-block;
min-width: 80px;
padding: 10px 12px;
border-radius: 3px;
background-color: #0098ff;
color: #fff;
font-weight: 400;
text-align: center;
text-transform: uppercase;
cursor: pointer;
box-sizing: border-box;
text-decoration: none !important;
}

.FilerTour-button.FilerTour-donebutton {
	color: #00b300 !important;
	background: none !important;
	}

.FilerTour-button.FilerTour-skipbutton:not(.FilerTour-donebutton) {
	color: #D8000C !important;
	background: none !important;
	}

.FilerTour-button:hover {
  background-image: -webkit-linear-gradient(270deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1));
	background-image: linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1));
}

/* overrides extra padding on button elements in Firefox */
.FilerTour-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.FilerTour-prevbutton.FilerTour-fullbutton {
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}

.FilerTour-floating {
	position: fixed !important;
	border: 2px solid lightgrey;
	}

.FilerTour-nextbutton.FilerTour-fullbutton {
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}

.FilerTour-disabled {
  display: none !important;
}

.FilerTour-hidden {
     display: none;
}

.FilerTour-bullets {
  text-align: center;
}
.FilerTour-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 0 auto 15px;
  padding: 0;
  display: inline-block;
}
.FilerTour-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.FilerTour-bullets ul li a {
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}
.FilerTour-bullets ul li a:hover {
  background: #999;
}
.FilerTour-bullets ul li a.active {
  background: #999;
}

.FilerTour-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1
}
.FilerTour-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.FilerTourFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.FilerTour-fixedTooltip {
  position: fixed;
}

.FilerTour-hint {
  box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.FilerTour-hint:focus {
    border: 0;
    outline: 0;
}
.FilerTour-hidehint {
  display: none;
}

.FilerTour-fixedhint {
  position: fixed;
}

.FilerTour-hint:hover > .FilerTour-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

.FilerTour-hint-pulse {
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.FilerTour-hint-no-anim .FilerTour-hint-dot {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}
.FilerTour-hint-dot {
  box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: FilerTourpulse 3s ease-out;
  -moz-animation: FilerTourpulse 3s ease-out;
  animation: FilerTourpulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

@-webkit-keyframes FilerTourpulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@-moz-keyframes FilerTourpulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -moz-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}

@keyframes FilerTourpulse {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    25% {
        transform: scale(0);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 0.0;
    }
}
