.yaybar {position:fixed;top:0px;left:0;bottom:0;width:260px;background:#484848;font-size:14px;z-index:100;overflow:auto;-webkit-transform:translateZ(0);transform: translateZ(0);}
.yaybar.yay-static {position:absolute;}
.yaybar i {	font-size: 1.1em;margin-right: 5px;vertical-align: middle;width: 1.4em;display: inline-block;}
.yaybar i.fa {vertical-align: baseline;}
.yaybar ul {margin: 0;list-style-type: none;padding: 0;}
.yaybar .nano-content>ul {width: 260px;transition: width 300ms ease-in-out;}
.yaybar .nano-content>ul li.label {font-size: .9em;height: 30px;line-height: 40px;color: #767CA0;text-transform: uppercase;font-weight: 400; display:table; margin-bottom:4px;}
.yaybar .nano-content>ul li.content {padding: 10px;color: #D8D8D8;}
.yaybar .nano-content>ul li.content .progress {margin-top: .7em;}
.yaybar .nano-content>ul li>ul {display: none;}
.yaybar .nano-content>ul li.open>ul {display: block;}
.yaybar .nano-content>ul li>a {display: block;cursor: pointer;color: #D8D8D8;padding: 10px;line-height: 20px;border-bottom: none;background: 0 0;text-decoration: none;transition: font-size 0s;}
.yaybar .nano-content>ul li>a>.yay-collapse-icon { float: right;margin-right: 5px;transition: -webkit-transform .3s ease;transition: transform .3s ease;}
.yaybar .nano-content>ul li>a>.badge { float: right;font-weight: 400;font-size: 1rem;background-color: #2377BA;}
.yaybar .nano-content>ul li.active>a, .yaybar .nano-content>ul li.open>a, .yaybar .nano-content>ul li:hover>a { color: #fff;}
.yaybar .nano-content>ul li.open>a>.yay-collapse-icon { -webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.yaybar .nano-content>ul>li.content, .yaybar .nano-content>ul>li.label, .yaybar .nano-content>ul>li>a, html.rtl .yaybar .nano-content>ul>li.content, html.rtl .yaybar .nano-content>ul>li.label, html.rtl .yaybar .nano-content>ul>li>a { padding-left: 15px;padding-right: 15px;}
.yaybar .nano-content>ul>li.active>a, .yaybar .nano-content>ul>li.open>a, .yaybar .nano-content>ul>li>ul { background: #323232;}
.yaybar .nano-content>ul>li>ul>li.content, .yaybar .nano-content>ul>li>ul>li.label, .yaybar .nano-content>ul>li>ul>li>a { padding-left: 45px;padding-right: 15px;}
html.rtl .yaybar .nano-content>ul>li>ul>li.content, html.rtl .yaybar .nano-content>ul>li>ul>li.label, html.rtl .yaybar .nano-content>ul>li>ul>li>a { padding-left: 15px;padding-right: 45px;}
.yaybar .nano-content>ul>li>ul>li.active>a, .yaybar .nano-content>ul>li>ul>li.open>a, .yaybar .nano-content>ul>li>ul>li>ul { background: #242634;}
.yaybar .nano-content>ul>li>ul>li>ul>li.content, .yaybar .nano-content>ul>li>ul>li>ul>li.label, .yaybar .nano-content>ul>li>ul>li>ul>li>a { padding-left: 67.5px;padding-right: 15px;}
html.rtl .yaybar .nano-content>ul>li>ul>li>ul>li.content, html.rtl .yaybar .nano-content>ul>li>ul>li>ul>li.label, html.rtl .yaybar .nano-content>ul>li>ul>li>ul>li>a { padding-left: 15px;padding-right: 67.5px;}
.yaybar .nano-content>ul>li>ul>li>ul>li.active>a, .yaybar .nano-content>ul>li>ul>li>ul>li.open>a, .yaybar .nano-content>ul>li>ul>li>ul>li>ul { background: #1c1d28;}
.yaybar .nano-content>ul>li>ul>li>ul>li>ul>li.content, .yaybar .nano-content>ul>li>ul>li>ul>li>ul>li.label, .yaybar .nano-content>ul>li>ul>li>ul>li>ul>li>a { padding-left: 90px;padding-right: 15px;}
html.rtl .yaybar .nano-content>ul>li>ul>li>ul>li>ul>li.content, html.rtl .yaybar .nano-content>ul>li>ul>li>ul>li>ul>li.label, html.rtl .yaybar .nano-content>ul>li>ul>li>ul>li>ul>li>a { padding-left: 15px;padding-right: 90px;}
body { position: relative;}
.yay-hide .yaybar { left: -260px;}
.yaybar { transition: left 300ms ease-in-out, width 300ms ease-in-out;}
.yay-hide .yaybar.yay-hide-to-small { position: absolute;width: 60px;left: 0;}
.yay-hide .yaybar.yay-hide-to-small, .yay-hide .yaybar.yay-hide-to-small .nano, .yay-hide .yaybar.yay-hide-to-small .nano-content { overflow: visible;}
.yay-hide .yaybar.yay-hide-to-small .nano-content>ul { width: 60px;}
.yay-hide .yaybar.yay-hide-to-small .nano-content>ul .content, .yay-hide .yaybar.yay-hide-to-small .nano-content>ul .label { display: none;}
.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>a { text-align: center;padding: 12px 0;line-height: 1;}
.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>a>i { width: auto;font-size: 1.7rem;}
.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>a, .yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>a>.yay-collapse-icon { font-size: 0;}
.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>a>.badge { position: absolute;right: 3px;top: 3px;}
.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li { position: relative;}
.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>ul { visibility: hidden;width: 260px;position: absolute;top: 0;left: 100%;}
.yay-hide .yaybar.yay-hide-to-small .nano-content>ul li:hover>ul { visibility: visible;display: block!important;}
.yay-hide .yaybar.yay-hide-to-small~.content-wrap, .yaybar.yay-overlay.yay-hide-to-small~.content-wrap { margin-left: 60px;}
.yaybar.yay-push~.content-wrap { -webkit-transform: translateX(260px) translateZ(0);transform: translateX(260px) translateZ(0);transition: -webkit-transform 300ms ease-in-out, margin-left 300ms ease-in-out;transition: transform 300ms ease-in-out, margin-left 300ms ease-in-out;}
.yay-hide .yaybar.yay-push~.content-wrap { -webkit-transform: translateX(0) translateZ(0);transform: translateX(0) translateZ(0);}
.yaybar.yay-shrink~.content-wrap { margin-left: 260px;transition: margin-left 300ms ease-in-out;}
.yay-hide .yaybar.yay-shrink~.content-wrap { margin-left: 0;}
.yay-hide .yaybar.yay-shrink.yay-hide-to-small~.content-wrap { margin-left: 60px;}
.yaybar.yay-overlap-content~.content-wrap:after { content: '';display: block;position: absolute;cursor: pointer;visibility: visible;opacity: 1;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(255,255,255,.7);z-index: 10;transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;}
.yay-hide .yaybar.yay-overlap-content~.content-wrap:after { visibility: hidden;opacity: 0;}
.yaybar .nano { position: relative;width: 100%;height: 100%;overflow: hidden;}
.yaybar .nano>.nano-content { position: absolute;overflow: scroll;overflow-x: hidden;top: 50px;right: 0;bottom: 0;left: 0;}
.livePlayer .yaybar .nano>.nano-content { top:0;}
.yaybar .nano>.nano-content:focus { outline: dotted thin;}
.yaybar .nano>.nano-content::-webkit-scrollbar {
display:none;}
.yaybar .nano.has-scrollbar>.nano-content::-webkit-scrollbar {
display:block;}
.yaybar .nano>.nano-pane { background: rgba(0,0,0,.25);position: absolute;width: 5px;right: 0;top: 0;bottom: 0;opacity: .01;transition: .2s;border-radius: 5px;}
.yaybar .nano>.nano-pane>.nano-slider { background: #2377BA;position: relative;}
.yaybar .nano:hover>.nano-pane, .yaybar .nano>.nano-pane.active, .yaybar .nano>.nano-pane.flashed { opacity: .99;}
.yaybar.yay-light { background: #F8F8F8;}
.yaybar.yay-light .nano>.nano-pane { background: rgba(0,0,0,.15);}
.yaybar.yay-light .nano-content>ul>li.content, .yaybar.yay-light .nano-content>ul>li>a { color: #919191;}
.yaybar.yay-light .nano-content>ul>li:hover>a { color: #474747;}
.yaybar.yay-light .nano-content>ul>li.active>a, .yaybar.yay-light .nano-content>ul>li.open>a { color: #fff;}
.yaybar.yay-light .nano-content>ul>li.content, .yaybar.yay-light .nano-content>ul>li.label, .yaybar.yay-light .nano-content>ul>li>a, html.rtl .yaybar.yay-light .nano-content>ul>li.content, html.rtl .yaybar.yay-light .nano-content>ul>li.label, html.rtl .yaybar.yay-light .nano-content>ul>li>a { padding-left: 15px;padding-right: 15px;}
.yaybar.yay-light .nano-content>ul>li.active>a, .yaybar.yay-light .nano-content>ul>li.open>a, .yaybar.yay-light .nano-content>ul>li>ul { background: #206da9;}
.yaybar.yay-light .nano-content>ul>li>ul>li.content, .yaybar.yay-light .nano-content>ul>li>ul>li.label, .yaybar.yay-light .nano-content>ul>li>ul>li>a { padding-left: 45px;padding-right: 15px;}
html.rtl .yaybar.yay-light .nano-content>ul>li>ul>li.content, html.rtl .yaybar.yay-light .nano-content>ul>li>ul>li.label, html.rtl .yaybar.yay-light .nano-content>ul>li>ul>li>a {padding-left: 15px;padding-right: 45px;}
.yaybar.yay-light .nano-content>ul>li>ul>li.active>a, .yaybar.yay-light .nano-content>ul>li>ul>li.open>a, .yaybar.yay-light .nano-content>ul>li>ul>li>ul {background: #1d6298;}
.yaybar.yay-light .nano-content>ul>li>ul>li>ul>li.content, .yaybar.yay-light .nano-content>ul>li>ul>li>ul>li.label, .yaybar.yay-light .nano-content>ul>li>ul>li>ul>li>a {padding-left: 67.5px;padding-right: 15px;}
html.rtl .yaybar.yay-light .nano-content>ul>li>ul>li>ul>li.content, html.rtl .yaybar.yay-light .nano-content>ul>li>ul>li>ul>li.label, html.rtl .yaybar.yay-light .nano-content>ul>li>ul>li>ul>li>a { padding-left: 15px;padding-right: 67.5px;}
.yaybar.yay-light .nano-content>ul>li>ul>li>ul>li.active>a, .yaybar.yay-light .nano-content>ul>li>ul>li>ul>li.open>a, .yaybar.yay-light .nano-content>ul>li>ul>li>ul>li>ul { background: #195786;}
.yaybar.yay-light .nano-content>ul>li>ul>li>ul>li>ul>li.content, .yaybar.yay-light .nano-content>ul>li>ul>li>ul>li>ul>li.label, .yaybar.yay-light .nano-content>ul>li>ul>li>ul>li>ul>li>a { padding-left: 90px;padding-right: 15px;}
html.rtl .yaybar.yay-light .nano-content>ul>li>ul>li>ul>li>ul>li.content, html.rtl .yaybar.yay-light .nano-content>ul>li>ul>li>ul>li>ul>li.label, html.rtl .yaybar.yay-light .nano-content>ul>li>ul>li>ul>li>ul>li>a { padding-left: 15px;padding-right: 90px;}
html.rtl { direction: rtl;}
html.rtl .yaybar { left: auto;right: 0;transition: right 300ms ease, width 300ms ease;}
html.rtl .yaybar i { margin-right: 0;margin-left: 5px;}
html.rtl .yaybar .nano-content>ul li>a>.badge, html.rtl .yaybar .nano-content>ul li>a>.yay-collapse-icon { float: left;}
html.rtl .yay-hide .yaybar { right: -260px;}
html.rtl .yay-hide .yaybar.yay-hide-to-small { right: 0;left: auto;}
html.rtl .yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>ul { left: auto;right: 100%;}
html.rtl .yaybar.yay-overlay~.content-wrap { margin-right: 0;}
html.rtl .yay-hide .yaybar.yay-hide-to-small~.content-wrap, html.rtl .yaybar.yay-overlay.yay-hide-to-small~.content-wrap { margin-left: 0;margin-right: 60px;}
html.rtl .yaybar.yay-push~.content-wrap { margin-left: 0;-webkit-transform: translate3d(-260px, 0, 0);transform: translate3d(-260px, 0, 0);transition: -webkit-transform 300ms ease-in-out, margin-right 300ms ease-in-out;transition: transform 300ms ease-in-out, margin-right 300ms ease-in-out;}
html.rtl .yay-hide .yaybar.yay-push~.content-wrap { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
html.rtl .yaybar.yay-shrink~.content-wrap { margin-left: 0;margin-right: 260px;transition: margin-right 300ms ease-in-out;}
html.rtl .yay-hide .yaybar.yay-shrink~.content-wrap { margin-left: 0;margin-right: 0;}
html.rtl .yay-hide .yaybar.yay-shrink.yay-hide-to-small~.content-wrap { margin-left: 0;margin-right: 60px;}
.nano-content img {padding: 0 5px;}
@media screen and (max-width:767px){
	.yaybar .nano>.nano-content {top: 40px;}
}