﻿.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #000;}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity 1s;}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent;}.tooltip:hover .tooltiptext{visibility:visible;opacity:1;}.manuals{display:flex;flex-direction:column;box-sizing:border-box;max-height:100%;padding:0 10px 10px 0;}.manuals>*{box-sizing:border-box;max-height:100%;overflow:auto;}.manuals h1{font-size:30px !important;}.manuals h2{margin:0 !important;}.manuals .selected{background-color:#0096ff !important;}.manuals .manual{flex:1;display:flex;flex-direction:column;box-sizing:border-box;max-height:100%;}.manuals .manual>*{box-sizing:border-box;max-height:100%;overflow:auto;}.manuals .manual .manualContent{flex:1;margin-top:20px;display:flex;flex-direction:row;box-sizing:border-box;max-height:100%;}.manuals .manual .manualContent>*{box-sizing:border-box;max-height:100%;overflow:auto;}.manuals .manual .manualContent>:first-child{flex:1;}.manuals .manual .manualContent>:first-child img{max-height:100%;max-width:100%;display:block;margin:auto;}.manuals .manual .manualContent .step{flex:1;margin-left:20px;display:flex;flex-direction:column;box-sizing:border-box;max-height:100%;}.manuals .manual .manualContent .step>*{box-sizing:border-box;max-height:100%;overflow:auto;}.manuals .manual .manualContent .step .stepContent{flex:1;}.manuals .manual .manualContent .step .stepPercentage{height:20px;position:relative;background-color:#6d7075;margin-bottom:5px;overflow:hidden;}.manuals .manual .manualContent .step .stepPercentage>div{position:absolute;height:20px;}.manuals .manual .manualContent .step .stepPercentage>div:first-child{background-color:#1e2a39;transition:all ease-in-out .4s;}.manuals .manual .manualContent .step .stepPercentage>div:last-child{width:100%;display:flex;flex-direction:row;}.manuals .manual .manualContent .step .stepPercentage>div:last-child>div{flex:1;}.manuals .manual .manualContent .step .manualNav{display:flex;flex-direction:row;box-sizing:border-box;max-height:100%;align-items:center;justify-content:space-between;}.manuals .manual .manualContent .step .manualNav>*{box-sizing:border-box;max-height:100%;overflow:auto;}