/* tooltip */ .tooltip-arrow:after { background: #fff; border: 1px solid #aaaaaa; box-shadow: 0 0 5px #aaa; } div.ui-tooltip { min-width: 200px; max-width: 600px; font-size: 0.85em; } .tooltip-arrow { width: 20px; height: 10px; overflow: hidden; position: absolute; } .tooltip-arrow.top { top: -10px; } .tooltip-arrow.bottom { bottom: -10px; } .tooltip-arrow.align-left { left: 10px; } .tooltip-arrow.align-right { right: 10px; } .tooltip-arrow:after { content: ""; position: absolute; width: 14px; height: 14px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .tooltip-arrow.bottom:after { top: -10px; } .tooltip-arrow.top:after { bottom: -10px; } .tooltip-arrow.align-left:after { left: 0px; } .tooltip-arrow.align-right:after { right: 0px; } .tooltip-large { width: 550px; } .ui-tooltip-content .markdown p { margin-bottom: 0px; } .tooltip .fa-info-circle { color: #999; font-size: 0.95em; } .ui-tooltip ul { margin-left: 20px; } .ui-tooltip dl { margin: -5px 0 0 0; padding: 0; } .ui-tooltip dt { margin-top: 5px; } .ui-tooltip dd { margin-left: 0; } .ui-tooltip .progress { display: inline-block; min-width: 3em; text-align: right; }