tourguide.css

.guided-tour{overflow:hidden}.guided-tour-background{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1024;background-color:transparent}.guided-tour-background.active{background-color:rgba(0,0,0,.5)}.guided-tour-step{display:none;text-rendering:optimizespeed;font-family:"Open Sans",Arimo,"Droid Sans",Helvetica,Arial,sans-serif;font-size:12pt;color:#333}.guided-tour-step.active{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1024;pointer-events:all}.guided-tour-step.active .guided-tour-step-highlight{position:absolute;box-sizing:border-box;border-radius:4px;box-shadow:0 0 0 999em rgba(0,0,0,.5);z-index:1}.guided-tour-step.active .guided-tour-step-tooltip{position:absolute;padding:32px 32px 28px 32px;margin:16px 0;z-index:2;background-color:#fff;max-width:400px;border-radius:5px;box-sizing:border-box;box-shadow:0 0 8px -4px #000;transition:opacity 150ms}@media screen and (max-width: 760px){.guided-tour-step.active .guided-tour-step-tooltip{max-width:unset;width:calc(100% - 30px);left:15px !important;right:15px !important}}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-arrow{position:absolute;border-top:8px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;margin-left:-8px;margin-top:-8px}.guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-none .guided-tour-arrow{display:none}.guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-top .guided-tour-arrow{border-bottom-color:#fff;margin-top:-16px;top:0}.guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-bottom .guided-tour-arrow{border-top-color:#fff;margin-bottom:-16px;bottom:0}.guided-tour-step.active .guided-tour-step-tooltip.guided-tour-center{transform:translate(-50%, -50%)}@media screen and (max-width: 760px){.guided-tour-step.active .guided-tour-step-tooltip.guided-tour-center{transform:translate(0, -50%)}}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-image img{width:100%;height:auto;border-radius:4px;margin-bottom:28px}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-title{font-weight:bold;margin-bottom:1em}@media screen and (max-width: 760px){.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-title{padding-right:15px}}@media screen and (max-width: 760px){.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-content{padding-right:15px}}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-icon{display:inline-block;overflow:hidden}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button{flex-direction:column;justify-content:center;display:inline-flex;text-align:center;cursor:pointer}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button .guided-tour-icon{align-self:center}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-next,.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-complete{border:2px solid currentColor;box-shadow:5px 0 1em 0 rgba(0,0,0,.4);width:48px;height:48px;background:#fff;border-radius:50%;position:absolute;margin-top:-24px;right:-30px;top:50%}@media screen and (max-width: 760px){.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-next,.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-complete{right:-10px}}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-next{color:#ff4141}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-complete{color:#b50000}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-close{position:absolute;top:0;right:0;width:32px;height:32px}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-footer-bullets{text-align:center;line-height:16px}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-footer-bullets ul{margin:10px 0 -18px 0;list-style:none;padding:0}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-footer-bullets ul li{width:8px;height:8px;border-radius:50%;padding:0;display:inline-block;background-color:#ff4141;border:8px solid #fff;box-sizing:content-box;cursor:pointer}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-footer-bullets ul li.complete{background-color:#aaa}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-footer-bullets ul li.current{background-color:#b50000}.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-footer-bullets ul li:last-of-type{margin-right:0}