.introjs-overlay { position: absolute; box-sizing: content-box; z-index: 999999; opacity: 0; 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 { box-sizing: content-box; position: absolute; z-index: 9999998; border-radius: 4px; transition: all 0.3s ease-out; } .introjs-helperLayer * { box-sizing: content-box; } .introjs-helperLayer :before { box-sizing: content-box; } .introjs-helperLayer :after { box-sizing: content-box; } .introjs-tooltipReferenceLayer { font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif; box-sizing: content-box; position: absolute; visibility: hidden; z-index: 100000000; background-color: transparent; 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 { box-sizing: content-box; position: absolute; visibility: visible; background-color: #fff; min-width: 250px; max-width: 300px; border-radius: 5px; box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3); transition: opacity 0.1s ease-out; } .introjs-tooltiptext { padding: 20px; } .introjs-dontShowAgain { padding-left: 20px; padding-right: 20px; } .introjs-dontShowAgain input { padding: 0; margin: 0; margin-bottom: 2px; display: inline; width: 10px; height: 10px; } .introjs-dontShowAgain label { font-size: 14px; display: inline-block; font-weight: 400; margin: 0 0 0 5px; padding: 0; background-color: #fff; color: #616161; -webkit-user-select: none; user-select: none; } .introjs-tooltip-title { font-size: 18px; width: 90%; min-height: 1.5em; margin: 0; padding: 0; font-weight: 700; line-height: 1.5; } .introjs-tooltip-header { position: relative; padding-left: 20px; padding-right: 20px; padding-top: 10px; min-height: 1.5em; } .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 { box-sizing: content-box; position: relative; overflow: visible; padding: 0.5rem 1rem; border: 1px solid #bdbdbd; text-decoration: none; text-shadow: 1px 1px 0 #fff; font-size: 14px; color: #000000 !important; white-space: nowrap; cursor: pointer; outline: 0; background-color: #f4f4f4; border-radius: 0.2em; zoom: 1; display: inline; } .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; 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 { position: absolute; top: 0; right: 0; display: inline-block; width: 45px; height: 45px; line-height: 45px; color: #616161; font-size: 22px; cursor: pointer; font-weight: 700; text-align: center; text-decoration: none; } .introjs-skipbutton:focus, .introjs-skipbutton:hover { color: #212121; outline: 0; text-decoration: none; } .introjs-prevbutton { float: left; } .introjs-nextbutton { float: right; } /* Improve contrast for intro.js next/prev buttons (WCAG AAA) */ .introjs-prevbutton, .introjs-nextbutton, .introjs-button { color: #ffffff !important; } .introjs-disabled { color: #9e9e9e; border-color: #bdbdbd; 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; 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 { box-sizing: content-box; clear: both; margin: 0 auto 0; padding: 0; display: inline-block; } .introjs-bullets ul li { box-sizing: content-box; list-style: none; float: left; margin: 0 2px; } .introjs-bullets ul li a { transition: width 0.1s ease-in; 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 { box-sizing: content-box; overflow: hidden; height: 10px; margin: 10px; border-radius: 4px; background-color: #e0e0e0; } .introjs-progressbar { 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 { 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 { background-color: rgba(60, 60, 60, 0.57); } .introjs-hidehint { display: none; } .introjs-fixedhint { position: fixed; } @keyframes introjspulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px transparent; } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 transparent; } } .introjs-hint-pulse { box-sizing: content-box; width: 15px; height: 15px; border-radius: 30px; background-color: rgba(136, 136, 136, 0.24); z-index: 10; position: absolute; transition: all 0.2s ease-out; animation: introjspulse 2s infinite; } .introjs-hint-no-anim .introjs-hint-pulse { animation: none; } .introjs-hint-dot { box-sizing: content-box; background: 0 0; border-radius: 60px; height: 50px; width: 50px; position: absolute; top: -18px; left: -18px; z-index: 1; opacity: 0; } /*# sourceMappingURL=introjs.min.css.map */ .tippy-box[data-theme~="light-border"] { border-radius: 0; background-color: white; font-size: 0.6em; color: black; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); font-family: var(--font-family-main); } .introjs-tooltip { max-width: 400px; width: 370px; border-radius: 0; } .introjs-tooltiptext { padding: 10px; font-size: 14px; } .introjs-helperLayer { border-radius: 0px; } .introjs-overlay { background-color: #ffffff08; } .introjs-button { box-sizing: content-box; position: relative; overflow: visible; padding: 0.5rem 1rem; border: 1px solid var(--tool-2); text-decoration: none; text-shadow: none; font-size: 14px; color: white; white-space: nowrap; cursor: pointer; outline: 0; background-color: #264b9e; border-radius: 0.2em; zoom: 1; display: inline; color: white; } .introjs-button:hover { color: white !important; font-weight: 100; text-shadow: none; background-color: var(--tool-1) !important; border-color: var(--tool-1) !important; } .introjs-button:focus { outline: 0; text-decoration: none; background-color: var(--tool-1); -webkit-box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.5); box-shadow: 0 0 0 0rem rgba(158, 158, 158, 0.5); border: 1px solid var(--tool-1); color: white; } .introjs-relativePosition { position: initial !important; } .step1 { top: 205px !important; } body > div.introjs-tooltipReferenceLayer > div > div.introjs-tooltip-header > a { background-color: var(--tool-2); border-color: var(--tool-2); min-width: 2.875rem; font-weight: 800; } body > div.introjs-tooltipReferenceLayer > div > div.introjs-tooltip-header > a:hover { color: white; font-weight: 600; background-color: var(--tool-1) !important; border-color: var(--tool-1) !important; } .introjs-tooltip-header { display: flex; justify-content: space-evenly; padding-left: 10px; padding-right: 10px; } .introjs-tooltipbuttons { display: flex !important; justify-content: space-between; flex-direction: row; align-items: center; /* width: 100%; */ } .introjs-tooltipbuttons:after { content: none; visibility: hidden; display: flex; height: 0; clear: both; } /* a.introjs-skipbutton:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5); border-radius: 5px; } */ #tb-tutorial-btn:focus { box-shadow: var(--bs-btn-focus-box-shadow); } .introjs-tooltip.customTooltip.introjs-auto { position: fixed !important; top: 50% !important; left: 50% !important; margin-right: -50% !important; transform: translate(-50%, -50%) !important; } .introjs-arrow.top { top: -10px; left: 10px; border-bottom-color: transparent; }