.jquery-accordion-menu,.jquery-accordion-menu * { -webkit-box-sizing: border-box; outline: 0}

.jquery-accordion-menu { float: left; position: relative; }

.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header { width: 100%; height: 50px; padding-left: 22px; float: left; line-height: 50px; font-weight: 600; color: #f0f0f0; background: #414956}

.jquery-accordion-menu ul { margin: 0; padding: 0; list-style: none}

.jquery-accordion-menu ul li { width: 100%; display: block; float: left; position: relative}

.jquery-accordion-menu ul li a { width: 100%; padding: 14px 22px; float: left; text-decoration: none; color: #f0f0f0; font-size: .24rem; white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear,background .2s linear; -moz-transition: color .2s linear,background .2s linear; -webkit-transition: color .2s linear,background .2s linear; transition: color .2s linear,background .2s linear}

.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a { color: #42b2ff; background: #333; }

.jquery-accordion-menu>ul>li>a { border-bottom: solid 1px #333}

.jquery-accordion-menu ul li a i { width: 34px; float: left; line-height: 18px; font-size: 16px; text-align: left}

.jquery-accordion-menu .submenu-indicator { float: right; right: 22px; position: absolute; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear}

.jquery-accordion-menu ul ul.submenu .submenu-indicator { line-height: 16px}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg)}

.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu { width: 100%; display: none; position: static}

.jquery-accordion-menu ul ul.submenu li { clear: both; width: 100%}

.jquery-accordion-menu ul ul.submenu li a { width: 100%; float: left; font-size: 11px; color: #aaa; background: #2a2a2a; border-top: none; position: relative; border-left: solid 6px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear}

.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #414956}

.jquery-accordion-menu ul ul.submenu>li>a { padding-left: 30px}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a { padding-left: 45px}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a { padding-left: 60px}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label { min-width: 20px; padding: 1px 2px 1px 1px; position: absolute; right: 18px; top: 14px; font-size: 11px; font-weight: 800; color: #555; text-align: center; line-height: 18px; background: #f0f0f0; border-radius: 100%}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label { top: 12px}

.ink { display: block; position: absolute; background: rgba(255,255,255,.3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0)}

.animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear}

@-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5)}z-keyframes ripple { 100% { opacity: 0; -moz-transform: scale(2.5)}keyframes ripple { 100% { opacity: 0; -o-transform: scale(2.5)}frames ripple { 100% { opacity: 0; transform: scale(2.5)}e.jquery-accordion-menu .jquery-accordion-menu-footer,.blue.jquery-accordion-menu .jquery-accordion-menu-header,.blue.jquery-accordion-menu ul li a { background: #4A89DC}

.blue.jquery-accordion-menu>ul>li.active>a,.blue.jquery-accordion-menu>ul>li:hover>a { background: #3e82da}

.blue.jquery-accordion-menu>ul>li>a { border-bottom-color: #3e82da}

.blue.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #3e82da}

.green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a { background: #03A678}

.green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a { background: #049372}

.green.jquery-accordion-menu>ul>li>a { border-bottom-color: #049372}

.green.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #049372}

.white.jquery-accordion-menu .jquery-accordion-menu-footer,.white.jquery-accordion-menu .jquery-accordion-menu-header,.white.jquery-accordion-menu ul li a { background: #fff; color: #555}

.white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a { background: #f0f0f0}

.white.jquery-accordion-menu>ul>li>a { border-bottom-color: #f0f0f0}

.white.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #f0f0f0}

.white.jquery-accordion-menu ul ul.submenu li a { color: #f0f0f0}

.white.jquery-accordion-menu>ul>li>a>.ink { background: rgba(0,0,0,.1)}

.black.jquery-accordion-menu .jquery-accordion-menu-footer,.black.jquery-accordion-menu .jquery-accordion-menu-header,.black.jquery-accordion-menu ul li a { background: #292929}

.black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a { background: #222}

.black.jquery-accordion-menu>ul>li>a { border-bottom-color: #222}

.black.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #222}
