/* Transformed CSS from: /shared/css/opentip.css */
.opentip-container, .opentip-container * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.opentip-container {position: absolute; z-index: 100; -webkit-transition: -webkit-transform 1s ease-in-out; -moz-transition: -moz-transform 1s ease-in-out; -o-transition: -o-transform 1s ease-in-out; -ms-transition: -ms-transform 1s ease-in-out; transition: transform 1s ease-in-out; pointer-events: none; -webkit-transform: translatex(0) translatey(0); -moz-transform: translatex(0) translatey(0); -o-transform: translatex(0) translatey(0); -ms-transform: translatex(0) translatey(0); transform: translatex(0) translatey(0) }
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center, .opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center, .opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {-webkit-transform: translatey(-5px); -moz-transform: translatey(-5px); -o-transform: translatey(-5px); -ms-transform: translatey(-5px); transform: translatey(-5px) }
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right, .opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right, .opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {-webkit-transform: translatey(-5px) translatex(5px); -moz-transform: translatey(-5px) translatex(5px); -o-transform: translatey(-5px) translatex(5px); -ms-transform: translatey(-5px) translatex(5px); transform: translatey(-5px) translatex(5px) }
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right, .opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right, .opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {-webkit-transform: translatex(5px); -moz-transform: translatex(5px); -o-transform: translatex(5px); -ms-transform: translatex(5px); transform: translatex(5px) }
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right, .opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right, .opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {-webkit-transform: translatey(5px) translatex(5px); -moz-transform: translatey(5px) translatex(5px); -o-transform: translatey(5px) translatex(5px); -ms-transform: translatey(5px) translatex(5px); transform: translatey(5px) translatex(5px) }
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center, .opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center, .opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {-webkit-transform: translatey(5px); -moz-transform: translatey(5px); -o-transform: translatey(5px); -ms-transform: translatey(5px); transform: translatey(5px) }
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left, .opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left, .opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {-webkit-transform: translatey(5px) translatex(-5px); -moz-transform: translatey(5px) translatex(-5px); -o-transform: translatey(5px) translatex(-5px); -ms-transform: translatey(5px) translatex(-5px); transform: translatey(5px) translatex(-5px) }
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left, .opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left, .opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {-webkit-transform: translatex(-5px); -moz-transform: translatex(-5px); -o-transform: translatex(-5px); -ms-transform: translatex(-5px); transform: translatex(-5px) }
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left, .opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left, .opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {-webkit-transform: translatey(-5px) translatex(-5px); -moz-transform: translatey(-5px) translatex(-5px); -o-transform: translatey(-5px) translatex(-5px); -ms-transform: translatey(-5px) translatex(-5px); transform: translatey(-5px) translatex(-5px) }
.opentip-container.ot-fixed .opentip {pointer-events: auto }
.opentip-container.ot-hidden {display: none }
.opentip-container .opentip {position: relative; font-size: 13px; line-height: 120%; padding: 9px 14px; color: #4f4b47; text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.2) }
.opentip-container .opentip .header {margin: 0; padding: 0 }
.opentip-container .opentip .ot-close {pointer-events: auto; display: block; position: absolute; top: -12px; left: 60px; color: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0); text-decoration: none }
.opentip-container .opentip .ot-close span {display: none }
.opentip-container .opentip .ot-loading-indicator {display: none }
.opentip-container.ot-loading .ot-loading-indicator {width: 30px; height: 30px; font-size: 30px; line-height: 30px; font-weight: bold; display: block }
.opentip-container.ot-loading .ot-loading-indicator span {display: block; -webkit-animation: otloading 2s linear infinite; -moz-animation: otloading 2s linear infinite; -o-animation: otloading 2s linear infinite; -ms-animation: otloading 2s linear infinite; animation: otloading 2s linear infinite; text-align: center }
.opentip-container.style-dark .opentip, .opentip-container.style-alert .opentip {color: #f8f8f8; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2) }
.opentip-container.style-glass .opentip {padding: 15px 25px; color: #317cc5; text-shadow: 1px 1px 8px rgba(0, 94, 153, 0.3) }
.opentip-container.ot-hide-effect-fade {-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out; -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out; transition: transform 0.5s ease-in-out, opacity 1s ease-in-out; opacity: 1; -ms-filter: none; filter: none }
.opentip-container.ot-hide-effect-fade.ot-hiding {opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
.opentip-container.ot-show-effect-appear.ot-going-to-show, .opentip-container.ot-show-effect-appear.ot-showing {-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out; -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out; transition: transform 0.5s ease-in-out, opacity 1s ease-in-out }
.opentip-container.ot-show-effect-appear.ot-going-to-show {opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
.opentip-container.ot-show-effect-appear.ot-showing {opacity: 1; -ms-filter: none; filter: none }
.opentip-container.ot-show-effect-appear.ot-visible {opacity: 1; -ms-filter: none; filter: none }
@-moz-keyframes otloading {0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg)}
}
@-webkit-keyframes otloading {0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg)}
}
@-o-keyframes otloading {0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg)}
}
@-ms-keyframes otloading {0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg)}
}
@keyframes otloading {0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg)}
}