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

@keyframes introjspulse {
  0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  25% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.1; }
  50% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.3; }
  75% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.5; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; }
}
.introjs-overlay { position: absolute; -webkit-box-sizing: content-box; box-sizing: content-box; z-index: 999999; opacity: 0; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.introjs-showElement { z-index: 9999999 !important; }
tr.introjs-showElement > td { z-index: 9999999 !important; position: relative; }
tr.introjs-showElement > th { z-index: 9999999 !important; position: relative; }
.introjs-disableInteraction { z-index: 99999999 !important; position: absolute; background-color: #fff; opacity: 0; }
.introjs-relativePosition { position: relative; }
.introjs-helperLayer { -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; z-index: 9999998; border-radius: 4px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.introjs-helperLayer * { -webkit-box-sizing: content-box; box-sizing: content-box; }
.introjs-helperLayer ::before { -webkit-box-sizing: content-box; box-sizing: content-box; }
.introjs-helperLayer ::after { -webkit-box-sizing: content-box; box-sizing: content-box; }
.introjs-tooltipReferenceLayer { font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif; -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; visibility: hidden; z-index: 100000000; background-color: transparent; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.introjs-tooltipReferenceLayer * { font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif; }
.introjs-helperNumberLayer { font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif; color: #9e9e9e; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.introjs-arrow { border: 5px solid transparent; content: ""; position: absolute; }
.introjs-arrow.top { top: -10px; left: 10px; border-bottom-color: #fff; }
.introjs-arrow.top-right { top: -10px; right: 10px; border-bottom-color: #fff; }
.introjs-arrow.top-middle { top: -10px; left: 50%; margin-left: -5px; border-bottom-color: #fff; }
.introjs-arrow.right { right: -10px; top: 10px; border-left-color: #fff; }
.introjs-arrow.right-bottom { bottom: 10px; right: -10px; border-left-color: #fff; }
.introjs-arrow.bottom { bottom: -10px; left: 10px; border-top-color: #fff; }
.introjs-arrow.bottom-right { bottom: -10px; right: 10px; border-top-color: #fff; }
.introjs-arrow.bottom-middle { bottom: -10px; left: 50%; margin-left: -5px; border-top-color: #fff; }
.introjs-arrow.left { left: -10px; top: 10px; border-right-color: #fff; }
.introjs-arrow.left-bottom { left: -10px; bottom: 10px; border-right-color: #fff; }
.introjs-tooltip { -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; visibility: visible; background-color: #fff; min-width: 250px; max-width: 300px; border-radius: 5px; -webkit-box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3); box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3); -webkit-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; }
.introjs-tooltiptext { padding: 20px; }
.introjs-tooltip-title { font-size: 18px; margin: 0; padding: 0; font-weight: 700; float: left; line-height: 32px; }
.introjs-tooltip-header { padding-left: 20px; padding-right: 20px; padding-top: 10px; }
.introjs-tooltip-header::after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.introjs-tooltipbuttons { border-top: 1px solid #e0e0e0; padding: 10px; text-align: right; white-space: nowrap; }
.introjs-tooltipbuttons::after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }
.introjs-button { -webkit-box-sizing: content-box; box-sizing: content-box; position: relative; overflow: visible; display: inline-block; padding: 0.5rem 1rem; border: 1px solid #bdbdbd; text-decoration: none; text-shadow: 1px 1px 0 #fff; font-size: 14px; color: #424242; white-space: nowrap; cursor: pointer; outline: 0; background-color: #f4f4f4; border-radius: 0.2em; zoom: 1; }
.introjs-button:hover { outline: 0; text-decoration: none; border-color: #9e9e9e; background-color: #e0e0e0; color: #212121; }
.introjs-button:focus { outline: 0; text-decoration: none; background-color: #eee; -webkit-box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.5); box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.5); border: 1px solid #616161; color: #212121; }
.introjs-button:active { outline: 0; text-decoration: none; background-color: #e0e0e0; border-color: #9e9e9e; color: #212121; }
.introjs-button::-moz-focus-inner { padding: 0; border: 0; }
.introjs-skipbutton { -webkit-box-sizing: content-box; box-sizing: content-box; color: #616161; float: right; font-size: 20px; cursor: pointer; font-weight: 700; line-height: 1; text-align: center; padding: 7px 10px; }
.introjs-skipbutton:focus,
.introjs-skipbutton:hover { color: #212121; outline: 0; text-decoration: none; }
.introjs-prevbutton { float: left; }
.introjs-nextbutton { float: right; }
.introjs-disabled { color: #9e9e9e; border-color: #bdbdbd; -webkit-box-shadow: none; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none; }
.introjs-disabled:focus,
.introjs-disabled:hover { color: #9e9e9e; border-color: #bdbdbd; -webkit-box-shadow: none; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none; }
.introjs-hidden { display: none; }
.introjs-bullets { text-align: center; padding-top: 10px; padding-bottom: 10px; }
.introjs-bullets ul { -webkit-box-sizing: content-box; box-sizing: content-box; clear: both; margin: 0 auto 0; padding: 0; display: inline-block; }
.introjs-bullets ul li { -webkit-box-sizing: content-box; box-sizing: content-box; list-style: none; float: left; margin: 0 2px; }
.introjs-bullets ul li a { -webkit-transition: width 0.1s ease-in; -o-transition: width 0.1s ease-in; transition: width 0.1s ease-in; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 6px; height: 6px; background: #ccc; border-radius: 10px; text-decoration: none; cursor: pointer; }
.introjs-bullets ul li a:focus,
.introjs-bullets ul li a:hover { width: 15px; background: #999; text-decoration: none; outline: 0; }
.introjs-bullets ul li a.active { width: 15px; background: #999; }
.introjs-progress { -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; height: 10px; margin: 10px; border-radius: 4px; background-color: #e0e0e0; }
.introjs-progressbar { -webkit-box-sizing: content-box; box-sizing: content-box; float: left; width: 0%; height: 100%; font-size: 10px; line-height: 10px; text-align: center; background-color: #08c; }
.introjsFloatingElement { position: absolute; height: 0; width: 0; left: 50%; top: 50%; }
.introjs-fixedTooltip { position: fixed; }
.introjs-hint { -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; background: 0 0; width: 20px; height: 15px; cursor: pointer; }
.introjs-hint:focus { border: 0; outline: 0; }
.introjs-hint:hover > .introjs-hint-pulse { border: 5px solid rgba(60, 60, 60, 0.57); }
.introjs-hidehint { display: none; }
.introjs-fixedhint { position: fixed; }
.introjs-hint-pulse { -webkit-box-sizing: content-box; box-sizing: content-box; width: 10px; height: 10px; border: 5px solid rgba(60, 60, 60, 0.27); border-radius: 30px; background-color: rgba(136, 136, 136, 0.24); z-index: 10; position: absolute; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.introjs-hint-no-anim .introjs-hint-dot { -webkit-animation: none; animation: none; }
.introjs-hint-dot { -webkit-box-sizing: content-box; box-sizing: content-box; border: 10px solid rgba(146, 146, 146, 0.36); background: 0 0; border-radius: 60px; height: 50px; width: 50px; -webkit-animation: introjspulse 3s ease-out; animation: introjspulse 3s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; position: absolute; top: -25px; left: -25px; z-index: 1; opacity: 0; }